feat: completed screen now can be disabled during redirect in theme (#3303)

Author: chesterkmr

.changeset/eleven-zebras-guess.md

@@ -0,0 +1,5 @@
+---
+'@ballerine/kyb-app': patch
+---
+
+Bump

apps/kyb-app/src/common/types/settings.ts

@@ -33,6 +33,9 @@ export interface ITheme {
     };
   };
   settings: Partial<ISettings>;
+  completedPage?: {
+    disableDuringRedirect?: boolean;
+  };
 }
 
 export interface ISettings {

apps/kyb-app/src/pages/CollectionFlow/versions/v1/components/pages/CompletedScreen/CompletedScreen.tsx

@@ -6,6 +6,7 @@ import { useAppExit } from '@/hooks/useAppExit/useAppExit';
 import { Button, Card } from '@ballerine/ui';
 import { FunctionComponent, useEffect } from 'react';
 import { Loader2 } from 'lucide-react';
+import { useTheme } from '@/common/providers/ThemeProvider';
 
 interface ICompletedScreenProps {
   redirectUrl?: string;
@@ -14,7 +15,8 @@ interface ICompletedScreenProps {
 export const CompletedScreen: FunctionComponent<ICompletedScreenProps> = ({ redirectUrl }) => {
   const { t } = useTranslation();
   const { customer } = useCustomer();
-
+  const { themeDefinition } = useTheme();
+  const { disableDuringRedirect = false } = themeDefinition?.completedPage || {};
   const { exit, isExitAvailable } = useAppExit();
 
   useEffect(() => {
@@ -23,6 +25,10 @@ export const CompletedScreen: FunctionComponent<ICompletedScreenProps> = ({ redi
     }
   }, [redirectUrl]);
 
+  if (redirectUrl && disableDuringRedirect) {
+    return null;
+  }
+
   return (
     <div className="flex h-full items-center justify-center">
       <Card className="w-full max-w-[646px] p-12">