update multichannel route to include caseId parameter

Author: faiza-jahanzeb

frontend/app/i18n-routes.ts

@@ -115,16 +115,16 @@ export const i18nRoutes = [
         id: 'MCF-0002',
         file: 'routes/protected/multi-channel/search-sin.tsx',
         paths: {
-          en: '/en/protected/multi-channel/search-sin',
-          fr: '/fr/protege/multi-chaine/search-sin',
+          en: '/en/protected/multi-channel/search-sin/:caseId',
+          fr: '/fr/protege/multi-chaine/search-sin/:caseId',
         },
       },
       {
         id: 'MCF-0003',
         file: 'routes/protected/multi-channel/finalize-request.tsx',
         paths: {
-          en: '/en/protected/multi-channel/finalize-request',
-          fr: '/fr/protege/multi-chaine/finalize-request',
+          en: '/en/protected/multi-channel/finalize-request/:caseId',
+          fr: '/fr/protege/multi-chaine/finalize-request/:caseId',
         },
       },
       {
@@ -240,8 +240,8 @@ export const i18nRoutes = [
         id: 'PROT-0016',
         file: 'routes/protected/multi-channel/sin-confirmation.tsx',
         paths: {
-          en: '/en/protected/multi-channel/sin-confirmation',
-          fr: '/fr/protege/multi-canal/confirmation-de-nas',
+          en: '/en/protected/multi-channel/sin-confirmation/:caseId',
+          fr: '/fr/protege/multi-canal/confirmation-de-nas/:caseId',
         },
       },
     ],

frontend/app/routes/protected/multi-channel/finalize-request.tsx

@@ -55,7 +55,7 @@ export function meta({ data }: Route.MetaArgs) {
   return [{ title: data.documentTitle }];
 }
 
-export async function action({ context, request }: Route.ActionArgs) {
+export async function action({ context, params, request }: Route.ActionArgs) {
   requireAllRoles(context.session, new URL(request.url), ['user']);
 
   const { t } = await getTranslation(request, handle.i18nNamespace);
@@ -65,7 +65,9 @@ export async function action({ context, request }: Route.ActionArgs) {
 
   switch (action) {
     case 'back': {
-      throw i18nRedirect('routes/protected/multi-channel/search-sin.tsx', request);
+      throw i18nRedirect('routes/protected/multi-channel/search-sin.tsx', request, {
+        params: { caseId: params.caseId },
+      });
     }
 
     case 'next': {
@@ -91,7 +93,9 @@ export async function action({ context, request }: Route.ActionArgs) {
         return data({ errors: v.flatten<typeof schema>(parseResult.issues).nested }, { status: HttpStatusCodes.BAD_REQUEST });
       }
 
-      throw i18nRedirect('routes/protected/multi-channel/sin-confirmation.tsx', request);
+      throw i18nRedirect('routes/protected/multi-channel/sin-confirmation.tsx', request, {
+        params: { caseId: params.caseId },
+      });
     }
 
     default: {

frontend/app/routes/protected/multi-channel/pid-verification.tsx

@@ -40,19 +40,23 @@ export function meta({ data }: Route.MetaArgs) {
   return [{ title: data.documentTitle }];
 }
 
-export async function action({ context, request }: Route.ActionArgs) {
+export async function action({ context, params, request }: Route.ActionArgs) {
   requireAllRoles(context.session, new URL(request.url), ['user']);
 
   const formData = await request.formData();
   const action = formData.get('action');
 
   switch (action) {
     case 'back': {
-      throw i18nRedirect('routes/protected/multi-channel/send-validation.tsx', request);
+      throw i18nRedirect('routes/protected/multi-channel/send-validation.tsx', request, {
+        params: { caseId: params.caseId },
+      });
     }
 
     case 'next': {
-      throw i18nRedirect('routes/protected/multi-channel/search-sin.tsx', request);
+      throw i18nRedirect('routes/protected/multi-channel/search-sin.tsx', request, {
+        params: { caseId: params.caseId },
+      });
     }
 
     default: {

frontend/app/routes/protected/multi-channel/search-sin.tsx

@@ -38,19 +38,23 @@ export function meta({ data }: Route.MetaArgs) {
   return [{ title: data.documentTitle }];
 }
 
-export async function action({ context, request }: Route.ActionArgs) {
+export async function action({ context, params, request }: Route.ActionArgs) {
   requireAllRoles(context.session, new URL(request.url), ['user']);
 
   const formData = await request.formData();
   const action = formData.get('action');
 
   switch (action) {
     case 'back': {
-      throw i18nRedirect('routes/protected/multi-channel/pid-verification.tsx', request);
+      throw i18nRedirect('routes/protected/multi-channel/pid-verification.tsx', request, {
+        params: { caseId: params.caseId },
+      });
     }
 
     case 'next': {
-      throw i18nRedirect('routes/protected/multi-channel/finalize-request.tsx', request);
+      throw i18nRedirect('routes/protected/multi-channel/finalize-request.tsx', request, {
+        params: { caseId: params.caseId },
+      });
     }
 
     case 'search': {