feat: add new page to redirect to when borrower says (from email)

src/layout/PublicApplicationLayout.tsx

@@ -41,6 +41,7 @@ export default function PublicApplicationLayout() {
         application.status === APPLICATION_STATUS.SUBMITTED ||
         application.status === APPLICATION_STATUS.STARTED
       ) {
+        if (lastSegment === 'external-onboarding-completed') return;
         if (lastSegment !== 'submission-completed') navigate('./submission-completed');
       } else if (application.pending_documents || application.status === APPLICATION_STATUS.INFORMATION_REQUESTED) {
         if (lastSegment !== 'documents' && lastSegment !== 'confirm-submission') navigate('./documents');

src/pages/msme/ExternalOnboardingCompleted.tsx

@@ -0,0 +1,46 @@
+import { useT } from '@transifex/react';
+import Text from 'src/stories/text/Text';
+import Title from 'src/stories/title/Title';
+
+import useApplicationContext from '../../hooks/useApplicationContext';
+
+function ExternalOnboardingCompleted() {
+  const t = useT();
+  const applicationContext = useApplicationContext();
+
+  return (
+    <>
+      <Title type="page" label={t('External Onboarding Completed')} className="mb-8" />
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+        <div className="col-span-1 md:col-span-2 md:mr-10">
+          <Text className="mb-8">
+            {t('Thank you for confirming that you have already started the onboarding process with {fi_name}. ', {
+              fi_name: applicationContext.state.data?.lender.name,
+            })}
+          </Text>
+          <div>
+            <Text className="mb-8">
+              {t(
+                'Pending some checks by {fi_name}, we will be in touch via email to let you know if the application has been approved and tell you the next steps for funds to be disbursed to you.',
+                {
+                  fi_name: applicationContext.state.data?.lender.name,
+                },
+              )}
+            </Text>
+          </div>
+          <div>
+            <Text className="mb-8">
+              {t(
+                'In the meantime if you have any questions, you can reach out to member of the Open Contracting Partnership team at: credere@open-contracting.org.',
+              )}
+            </Text>
+            <Text className="mb-8">{t('Thank you for counting with us')}</Text>
+            <Text className="mb-8">{t('Credere team')}</Text>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default ExternalOnboardingCompleted;

src/pages/msme/SubmissionCompleted.tsx

@@ -27,7 +27,8 @@ function SubmissionCompleted() {
               },
             )}
           </Text>
-          {applicationContext.state.data?.lender.external_onboarding_url ? (
+          {applicationContext.state.data?.lender.external_onboarding_url &&
+          !applicationContext.state.data?.application.borrower_accessed_external_onboarding_at ? (
             <div className="mb-8">
               <Text className="mb-8">
                 {t(
@@ -63,7 +64,7 @@ function SubmissionCompleted() {
                 'In the meantime if you have any questions, you can reach out to member of the Open Contracting Partnership team at: credere@open-contracting.org.',
               )}
             </Text>
-            <Text className="mb-8">{t('Thank you for counting with us')}</Text>
+            <Text className="mb-8">{t('Thank you for choosing us')}</Text>
             <Text className="mb-8">{t('Credere team')}</Text>
           </div>
         </div>

src/routes/AppRouter.tsx

@@ -20,6 +20,7 @@ import StageTwo from 'src/pages/fi/StageTwo';
 import Decline from 'src/pages/msme/Decline';
 import DeclineCompleted from 'src/pages/msme/DeclineCompleted';
 import DeclineFeedback from 'src/pages/msme/DeclineFeedback';
+import ExternalOnboardingCompleted from 'src/pages/msme/ExternalOnboardingCompleted';
 import FrequentlyAskedQuestionsPage from 'src/pages/msme/FrequentlyAskedQuestionsPage';
 import IntroMsme from 'src/pages/msme/IntroMsme';
 import SubmissionCompleted from 'src/pages/msme/SubmissionCompleted';
@@ -296,6 +297,10 @@ const router = createBrowserRouter([
         path: 'submission-completed',
         element: <SubmissionCompleted />,
       },
+      {
+        path: 'external-onboarding-completed',
+        element: <ExternalOnboardingCompleted />,
+      },
       {
         path: 'decline',
         element: <Decline />,

src/schemas/application.ts

@@ -238,7 +238,6 @@ export interface IApplication {
   award_borrowed_identifier: string;
   borrower_id: number;
   lender_id?: number;
-  contract_amount_submitted?: any;
   amount_requested?: any;
   currency: string;
   repayment_months?: number;
@@ -257,7 +256,7 @@ export interface IApplication {
   lender_approved_at?: any;
   lender_approved_data: any;
   lender_rejected_data: any;
-  borrower_uploaded_contracted_at?: any;
+  borrower_accessed_external_onboarding_at?: any;
   completed_in_days?: any;
   created_at: string;
   updated_at: string;