@trustchex/react-native-sdk 1.381.0 → 1.464.0

package/lib/module/Screens/Static/QrCodeScanningScreen.js

@@ -6,10 +6,16 @@ import AppContext from "../../Shared/Contexts/AppContext.js";
 import QrCodeScannerCamera from "../../Shared/Components/QrCodeScannerCamera.js";
 import { useNavigation } from '@react-navigation/native';
 import { handleDeepLink } from "../../Shared/Libs/deeplink.utils.js";
+import { useKeepAwake } from "../../Shared/Libs/native-keep-awake.utils.js";
+import { useStatusBarWhiteBackground } from "../../Shared/Libs/status-bar.utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const QrCodeScanningScreen = () => {
+  useKeepAwake();
   const appContext = React.useContext(AppContext);
   const navigation = useNavigation();
+
+  // Configure status bar for white background
+  useStatusBarWhiteBackground();
   const onQrCodeScanned = data => {
     const [bUrl, sId] = handleDeepLink({
       url: data
@@ -25,7 +31,7 @@ const QrCodeScanningScreen = () => {
       } else {
         appContext.identificationInfo.sessionId = sId;
       }
-      navigation.navigate('VerificationSessionCheckScreen');
+      navigation.goBack();
     }
   };
   const onClose = () => {

package/lib/module/Screens/Static/ResultScreen.js

@@ -9,7 +9,9 @@ import RNFS from 'react-native-fs';
 import NativeProgressBar from "../../Shared/Components/NativeProgressBar.js";
 import LottieView from 'lottie-react-native';
 import { runWithRetry } from "../../Shared/Libs/promise.utils.js";
+import { useStatusBarWhiteBackground } from "../../Shared/Libs/status-bar.utils.js";
 import NavigationManager from "../../Shared/Components/NavigationManager.js";
+import { getLocalizedCountryName } from "../../Shared/Libs/country-display.utils.js";
 import mrzUtils from "../../Shared/Libs/mrz.utils.js";
 import { useTranslation } from 'react-i18next';
 import { Video as VideoCompressor } from 'react-native-compressor';
@@ -26,15 +28,20 @@ const ResultScreen = () => {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [progress, setProgress] = useState(0);
   const navigationManagerRef = React.useRef(null);
+  const hasSubmittedRef = React.useRef(false);
   const [shouldShowDemoData, setShouldShowDemoData] = useState(false);
   const [deviceIdentifier, setDeviceIdentifier] = useState('');
   const {
-    t
+    t,
+    i18n
   } = useTranslation();
   const insets = useSafeAreaInsets();
 
   // Track screen view and exit
   useScreenTracking('result_screen');
+
+  // Configure status bar for white background
+  useStatusBarWhiteBackground();
   const formatDate = useCallback(dateStr => {
     if (!dateStr) return '';
     try {
@@ -45,7 +52,7 @@ const ResultScreen = () => {
         const dd = dateStr.substring(4, 6);
 
         // Assume 19xx if YY >= 50, else 20xx
-        const year = parseInt(yy) >= 50 ? `19${yy}` : `20${yy}`;
+        const year = parseInt(yy, 10) >= 50 ? `19${yy}` : `20${yy}`;
         return `${dd}/${mm}/${year}`;
       }
 
@@ -62,14 +69,36 @@ const ResultScreen = () => {
       return dateStr;
     }
   }, []);
+  const formatGender = useCallback(code => {
+    switch (code?.toUpperCase()) {
+      case 'M':
+        return t('eidScannerScreen.genderMale');
+      case 'F':
+        return t('eidScannerScreen.genderFemale');
+      default:
+        return t('eidScannerScreen.genderUnspecified');
+    }
+  }, [t]);
+  const formatDocumentType = useCallback(code => {
+    if (!code) return '';
+    const upper = code.toUpperCase();
+    if (upper.startsWith('P')) return t('eidScannerScreen.docTypePassport');
+    if (upper.startsWith('I')) return t('eidScannerScreen.docTypeID');
+    if (upper.startsWith('A')) return t('eidScannerScreen.docTypeResidence');
+    if (upper.startsWith('V')) return t('eidScannerScreen.docTypeVisa');
+    return code;
+  }, [t]);
+  const formatNationality = useCallback(code => {
+    return getLocalizedCountryName(code, i18n.language);
+  }, [i18n.language]);
   const apiUrl = useMemo(() => `${appContext.baseUrl}/api/app/mobile`, [appContext.baseUrl]);
   useEffect(() => {
-    if (appContext.isDemoSession) {
+    if (appContext.isDemoSession || appContext.isTestVideoSession) {
       setShouldShowDemoData(true);
       // Generate device identifier for demo
       NativeDeviceInfo.generateHumanReadableIdentifier().then(setDeviceIdentifier);
     }
-  }, [appContext.identificationInfo.identificationId, appContext.isDemoSession]);
+  }, [appContext.identificationInfo.identificationId, appContext.isDemoSession, appContext.isTestVideoSession]);
   const createIdentification = useCallback(async identificationId => {
     await httpClient.post(`${apiUrl}/identifications/${identificationId}`, null);
   }, [apiUrl]);
@@ -118,17 +147,21 @@ const ResultScreen = () => {
     if (!scannedDocument.mrzFields) {
       throw new Error('MRZ fields not found');
     }
+
+    // Backend payload must contain raw MRZ data only.
+    // Human-friendly formatting is strictly for UI rendering paths.
+    const rawMrzFields = scannedDocument.mrzFields;
     const identificationDocument = {
-      type: scannedDocument.mrzFields.documentCode,
-      name: scannedDocument.mrzFields.firstName,
-      surname: scannedDocument.mrzFields.lastName,
-      gender: getGenderEnumType(scannedDocument.mrzFields.sex),
-      number: scannedDocument.mrzFields.documentNumber,
-      country: scannedDocument.mrzFields.issuingState,
+      type: rawMrzFields.documentCode,
+      name: rawMrzFields.firstName,
+      surname: rawMrzFields.lastName,
+      gender: getGenderEnumType(rawMrzFields.sex),
+      number: rawMrzFields.documentNumber,
+      country: rawMrzFields.issuingState,
       barcodeValue: scannedDocument.barcodeValue,
-      personalNumber: scannedDocument.mrzFields.personalNumber || scannedDocument.mrzFields.optional1,
-      birthDate: mrzUtils.convertMRZDateToISODate(scannedDocument.mrzFields.birthDate),
-      expiryDate: mrzUtils.convertMRZDateToISODate(scannedDocument.mrzFields.expirationDate),
+      personalNumber: rawMrzFields.personalNumber || rawMrzFields.optional1,
+      birthDate: mrzUtils.convertMRZDateToISODate(rawMrzFields.birthDate),
+      expiryDate: mrzUtils.convertMRZDateToISODate(rawMrzFields.expirationDate),
       dataSource: scannedDocument.dataSource,
       mrzText: scannedDocument.mrzText
     };
@@ -141,7 +174,12 @@ const ResultScreen = () => {
       nonce
     });
   }, [apiUrl, getGenderEnumType]);
-  const uploadIdentificationMedia = useCallback(async (identificationId, scannedIdentityDocument, livenessDetection) => {
+  const uploadIdentificationMedia = useCallback(async (identificationId, scannedIdentityDocument, livenessDetection, skipIfAlreadyUploaded) => {
+    // Skip media upload if already uploaded during video call
+    if (skipIfAlreadyUploaded) {
+      console.log('[ResultScreen] Media already uploaded during video call, skipping');
+      return;
+    }
     const uploadFileOptions = {
       toUrl: `${apiUrl}/identifications/${identificationId}/media`,
       method: 'POST',
@@ -176,7 +214,7 @@ const ResultScreen = () => {
     const faceImage = scannedIdentityDocument?.faceImage;
     if (faceImage && faceImage !== '') {
       scannedIdentityDocument.faceImageMimeType ||= 'image/jpeg';
-      const extension = scannedIdentityDocument.faceImageMimeType === 'image/jp2' ? 'jp2' : 'jpg';
+      const extension = scannedIdentityDocument.faceImageMimeType === 'image/jp2' ? 'jp2' : scannedIdentityDocument.faceImageMimeType === 'image/png' ? 'png' : 'jpg';
       await RNFS.writeFile(decodeURIComponent(`${RNFS.TemporaryDirectoryPath}/FACE_IMAGE.${extension}`), faceImage, 'base64');
       uploadFileOptions.files.push({
         name: 'files',
@@ -229,8 +267,9 @@ const ResultScreen = () => {
       if (livenessVideoPath) {
         let videoFilePath;
         if (Platform.OS === 'ios') {
-          await RNFS.mkdir(`${RNFS.TemporaryDirectoryPath}/${new Date().getTime()}`);
-          videoFilePath = `${RNFS.TemporaryDirectoryPath}/${new Date().getTime()}/LIVENESS_VIDEO.mp4`;
+          const tmpTimestamp = new Date().getTime();
+          await RNFS.mkdir(`${RNFS.TemporaryDirectoryPath}/${tmpTimestamp}`);
+          videoFilePath = `${RNFS.TemporaryDirectoryPath}/${tmpTimestamp}/LIVENESS_VIDEO.mp4`;
         } else {
           videoFilePath = `${RNFS.TemporaryDirectoryPath}/LIVENESS_VIDEO.mp4`;
         }
@@ -259,11 +298,60 @@ const ResultScreen = () => {
         });
       }
     }
+    if (uploadFileOptions.files.length === 0) {
+      return;
+    }
     const response = await RNFS.uploadFiles(uploadFileOptions).promise;
     if (![200, 201, 204].includes(response.statusCode)) {
       throw new Error('Media upload failed');
     }
   }, [apiUrl]);
+  const uploadVerbalConsentVideos = useCallback(async (identificationId, verbalConsentVideos) => {
+    if (!verbalConsentVideos?.length) {
+      return;
+    }
+    for (const consentVideo of verbalConsentVideos) {
+      const normalizedPath = consentVideo.videoPath.replace('file://', '');
+      let targetPath;
+      if (Platform.OS === 'ios') {
+        const tmpTimestamp = new Date().getTime();
+        await RNFS.mkdir(`${RNFS.TemporaryDirectoryPath}/${tmpTimestamp}`);
+        targetPath = `${RNFS.TemporaryDirectoryPath}/${tmpTimestamp}/VERBAL_CONSENT_VIDEO.mp4`;
+      } else {
+        targetPath = `${RNFS.TemporaryDirectoryPath}/VERBAL_CONSENT_VIDEO.mp4`;
+      }
+      await RNFS.copyFile(normalizedPath, targetPath);
+      const compressedVideoPath = await VideoCompressor.compress(targetPath, {
+        compressionMethod: 'manual',
+        bitrate: 500000,
+        // 500 kbps
+        maxSize: 1280,
+        // HD 720p
+        minimumFileSizeForCompress: 0 // Always compress
+      });
+      const compressedNormalizedPath = compressedVideoPath.replace('file://', '');
+      const response = await RNFS.uploadFiles({
+        toUrl: `${apiUrl}/identifications/${identificationId}/media`,
+        method: 'POST',
+        headers: {
+          Accept: 'application/json'
+        },
+        fields: {
+          consentTitle: consentVideo.title,
+          consentText: consentVideo.text
+        },
+        files: [{
+          name: 'files',
+          filename: 'VERBAL_CONSENT_VIDEO.mp4',
+          filepath: compressedNormalizedPath,
+          filetype: 'video/mp4'
+        }]
+      }).promise;
+      if (![200, 201, 204].includes(response.statusCode)) {
+        throw new Error('Verbal consent video upload failed');
+      }
+    }
+  }, [apiUrl]);
   const submit = useCallback(async identificationInfo => {
     try {
       setIsSubmitting(true);
@@ -271,18 +359,24 @@ const ResultScreen = () => {
       if (!identificationId) {
         throw new Error('IdentificationId not found');
       }
+      const alreadyUploaded = !!identificationInfo.mediaUploadedDuringVideoCall;
       const sessionKey = await runWithRetry(() => getSessionKey(apiUrl, appContext.identificationInfo.sessionId));
-      await runWithRetry(() => createIdentification(identificationId));
+      if (!alreadyUploaded) {
+        await runWithRetry(() => createIdentification(identificationId));
+      }
       setProgress(20);
       await runWithRetry(() => submitIdentificationConsent(identificationId, sessionKey));
       setProgress(30);
-      const scannedIdentityDocument = identificationInfo.scannedDocument;
-      if (scannedIdentityDocument && scannedIdentityDocument.documentType !== 'UNKNOWN') {
-        await runWithRetry(() => submitIdentificationDocument(identificationId, scannedIdentityDocument, sessionKey));
+      if (!alreadyUploaded) {
+        const scannedIdentityDocument = identificationInfo.scannedDocument;
+        if (scannedIdentityDocument && scannedIdentityDocument.documentType !== 'UNKNOWN') {
+          await runWithRetry(() => submitIdentificationDocument(identificationId, scannedIdentityDocument, sessionKey));
+        }
+        setProgress(40);
+        const livenessDetection = identificationInfo.livenessDetection;
+        await runWithRetry(() => uploadIdentificationMedia(identificationId, scannedIdentityDocument, livenessDetection, false));
       }
-      setProgress(40);
-      const livenessDetection = identificationInfo.livenessDetection;
-      await runWithRetry(() => uploadIdentificationMedia(identificationId, scannedIdentityDocument, livenessDetection));
+      await runWithRetry(() => uploadVerbalConsentVideos(identificationId, identificationInfo.verbalConsentVideos));
       setProgress(90);
       await runWithRetry(() => finishIdentification(identificationId, sessionKey));
       setProgress(100);
@@ -311,14 +405,15 @@ const ResultScreen = () => {
       appContext.onError?.(t('resultScreen.submissionFailed'));
       navigationManagerRef.current?.reset();
     }
-  }, [createIdentification, apiUrl, uploadIdentificationMedia, finishIdentification, submitIdentificationDocument, submitIdentificationConsent, t, appContext]);
+  }, [createIdentification, apiUrl, uploadIdentificationMedia, uploadVerbalConsentVideos, finishIdentification, submitIdentificationDocument, submitIdentificationConsent, t, appContext]);
   useEffect(() => {
-    if (appContext.identificationInfo && !appContext.isDemoSession) {
+    if (appContext.identificationInfo && !appContext.isDemoSession && !appContext.isTestVideoSession && !hasSubmittedRef.current) {
+      hasSubmittedRef.current = true;
       submit(appContext.identificationInfo);
     }
-  }, [appContext.identificationInfo, appContext.isDemoSession, submit]);
+  }, [appContext.identificationInfo, appContext.isDemoSession, appContext.isTestVideoSession, submit]);
   useEffect(() => {
-    if (progress === 100 && !appContext.isDemoSession) {
+    if (progress === 100 && !appContext.isDemoSession && !appContext.isTestVideoSession) {
       setTimeout(() => {
         appContext.onCompleted?.();
         navigationManagerRef.current?.reset();
@@ -377,7 +472,7 @@ const ResultScreen = () => {
                     children: [t('eidScannerScreen.documentCode'), ":"]
                   }), /*#__PURE__*/_jsx(Text, {
                     style: styles.mrzInfoText,
-                    children: appContext.identificationInfo.scannedDocument.mrzFields?.documentCode
+                    children: formatDocumentType(appContext.identificationInfo.scannedDocument.mrzFields?.documentCode)
                   })]
                 }), /*#__PURE__*/_jsxs(View, {
                   style: styles.mrzInfoItem,
@@ -386,7 +481,7 @@ const ResultScreen = () => {
                     children: [t('eidScannerScreen.nationality'), ":"]
                   }), /*#__PURE__*/_jsx(Text, {
                     style: styles.mrzInfoText,
-                    children: appContext.identificationInfo.scannedDocument.mrzFields?.issuingState
+                    children: formatNationality(appContext.identificationInfo.scannedDocument.mrzFields?.nationality || appContext.identificationInfo.scannedDocument.mrzFields?.issuingState)
                   })]
                 }), /*#__PURE__*/_jsxs(View, {
                   style: styles.mrzInfoItem,
@@ -440,7 +535,7 @@ const ResultScreen = () => {
                     children: [t('eidScannerScreen.gender'), ":"]
                   }), /*#__PURE__*/_jsx(Text, {
                     style: styles.mrzInfoText,
-                    children: appContext.identificationInfo.scannedDocument.mrzFields?.sex
+                    children: formatGender(appContext.identificationInfo.scannedDocument.mrzFields?.sex)
                   })]
                 }), /*#__PURE__*/_jsxs(View, {
                   style: styles.mrzInfoItem,
@@ -586,6 +681,30 @@ const ResultScreen = () => {
                   }, index))
                 })
               })]
+            }), !!appContext.identificationInfo.verbalConsentVideos?.length && /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: styles.sectionHeader,
+                children: t('resultScreen.demoVerbalConsent')
+              }), appContext.identificationInfo.verbalConsentVideos.map((consentVideo, index) => /*#__PURE__*/_jsxs(View, {
+                children: [/*#__PURE__*/_jsxs(Text, {
+                  style: styles.sectionText,
+                  children: [t('resultScreen.demoVerbalConsentTitle'), ":", ' ', consentVideo.title]
+                }), /*#__PURE__*/_jsxs(Text, {
+                  style: styles.sectionText,
+                  children: [t('resultScreen.demoVerbalConsentText'), ":", ' ', consentVideo.text]
+                }), /*#__PURE__*/_jsx(Text, {
+                  style: styles.sectionText,
+                  children: t('resultScreen.demoVideo')
+                }), /*#__PURE__*/_jsx(Video, {
+                  source: {
+                    uri: consentVideo.videoPath
+                  },
+                  resizeMode: "contain",
+                  style: styles.video,
+                  controls: true,
+                  muted: false
+                })]
+              }, `${consentVideo.videoPath}-${index}`))]
             })]
           })
         }), /*#__PURE__*/_jsx(View, {
@@ -674,9 +793,10 @@ const styles = StyleSheet.create({
   },
   image: {
     width: 100,
-    height: 100,
-    objectFit: 'contain',
-    borderRadius: 8
+    height: 140,
+    objectFit: 'cover',
+    borderRadius: 12,
+    overflow: 'hidden'
   },
   imageItem: {
     display: 'flex',

package/lib/module/Screens/Static/VerificationSessionCheckScreen.js

@@ -14,27 +14,31 @@ import { analyticsService } from "../../Shared/Services/AnalyticsService.js";
 import { useTheme } from "../../Shared/Contexts/ThemeContext.js";
 import LottieView from 'lottie-react-native';
 import { getSimulatedDemoData, isDemoSession } from "../../Shared/Libs/demo.utils.js";
-import { useNavigation, useFocusEffect } from '@react-navigation/native';
+import { useNavigation } from '@react-navigation/native';
 import { SESSION_CODE_CHARSET_PATTERN, SESSION_CODE_VALIDATION_PATTERN } from "../../Shared/Constants/validation.constants.js";
 import { trackError, trackFunnelStep, useScreenTracking } from "../../Shared/Libs/analytics.utils.js";
+import { useStatusBarWhiteBackground } from "../../Shared/Libs/status-bar.utils.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const VerificationSessionCheckScreen = () => {
   const [sessionCode, setSessionCode] = useState('');
   const [isCheckingSession, setIsCheckingSession] = useState(false);
   const isCheckingSessionRef = useRef(false);
+  const checkedSessionIdRef = useRef('');
   const appContext = useContext(AppContext);
   const {
     t
   } = useTranslation();
   const navigationManagerRef = React.useRef(null);
   const navigation = useNavigation();
-  const initialized = useRef(false);
   const insets = useSafeAreaInsets();
   const theme = useTheme();
   const primaryColor = theme.colors.primary;
 
   // Track screen view and exit
   useScreenTracking('verification_session_check');
+
+  // Configure status bar for white background
+  useStatusBarWhiteBackground();
   const apiUrl = useMemo(() => `${appContext.baseUrl}/api/app/mobile`, [appContext.baseUrl]);
   const validateSessionCode = useCallback(value => {
     return SESSION_CODE_VALIDATION_PATTERN.test(value.toUpperCase());
@@ -45,17 +49,15 @@ const VerificationSessionCheckScreen = () => {
       const response = await httpClient.get(`${apiUrl}/verification-sessions/${id}`, isDemo ? getSimulatedDemoData('GET_SESSION') : undefined);
       return response;
     } catch (error) {
-      if (error instanceof NotFoundError) {
-        // User entered invalid session ID - expected user behavior, not actionable
-        Alert.alert(t('general.error'), t('verificationSessionCheckScreen.noVerificationSessionFound'));
-      } else {
+      if (!(error instanceof NotFoundError)) {
         trackError('SESSION_CHECK_ERROR', error instanceof Error ? error.message : 'Unknown error', 'verification_session_check', 'high', {
           recoverable: false,
           userAction: 'check_session'
         });
       }
+      throw error;
     }
-  }, [apiUrl, appContext.isDemoSession, t]);
+  }, [apiUrl, appContext.isDemoSession]);
   const getSessionByCode = useCallback(async inputCode => {
     try {
       const isDemoMode = isDemoSession(inputCode);
@@ -86,52 +88,55 @@ const VerificationSessionCheckScreen = () => {
       sessionId
     });
   }, [navigation]);
-
-  // Reset initialized flag when screen is focused and sessionId is empty (after reset)
-  useFocusEffect(useCallback(() => {
-    if (!appContext.identificationInfo.sessionId) {
-      initialized.current = false;
-      isCheckingSessionRef.current = false;
-    }
-  }, [appContext.identificationInfo.sessionId]));
+  const getSessionRef = useRef(getSession);
+  getSessionRef.current = getSession;
+  const navigateToOTPScreenRef = useRef(navigateToOTPScreen);
+  navigateToOTPScreenRef.current = navigateToOTPScreen;
+  const appContextRef = useRef(appContext);
+  appContextRef.current = appContext;
   useEffect(() => {
-    // Only run this effect if sessionId exists AND we're not currently checking a session
-    // This prevents race condition when session code is entered
-    if (!initialized.current && appContext.identificationInfo.sessionId && !isCheckingSessionRef.current) {
-      initialized.current = true;
-      isCheckingSessionRef.current = true;
-      setIsCheckingSession(true);
-      getSession(appContext.identificationInfo.sessionId).then(session => {
-        if (!session) {
-          // Session not found - clear the sessionId and reset flags to allow retry
-          Alert.alert(t('general.error'), t('verificationSessionCheckScreen.noVerificationSessionFound'));
-          appContext.identificationInfo.sessionId = '';
-          if (appContext.setSessionId) {
-            appContext.setSessionId('');
-          }
-          initialized.current = false;
-          return;
-        }
-        appContext.workflowSteps = session.workflowSteps;
-        if (session.branding) {
-          appContext.branding = appContext.branding || session.branding;
-        }
-        if (session.sendOTP) {
-          navigateToOTPScreen(session.id);
-        } else {
-          if (session.identificationId) {
-            appContext.identificationInfo.identificationId = session.identificationId;
-          }
-          navigationManagerRef.current?.navigateToNextStep();
-        }
-      }).finally(() => {
-        setTimeout(() => {
-          isCheckingSessionRef.current = false;
-          setIsCheckingSession(false);
-        }, 1000);
-      });
+    // Skip session check when navigated from debug panel — the debug panel
+    // already set up workflowSteps and currentWorkflowStep directly.
+    if (appContext.isDebugNavigated) {
+      return;
     }
-  }, [appContext, appContext.identificationInfo.sessionId, getSession, navigateToOTPScreen, t]);
+    const sid = appContext.identificationInfo.sessionId;
+    if (!sid || checkedSessionIdRef.current === sid) {
+      return;
+    }
+    checkedSessionIdRef.current = sid;
+    isCheckingSessionRef.current = true;
+    setIsCheckingSession(true);
+    getSessionRef.current(sid).then(session => {
+      const ctx = appContextRef.current;
+      ctx.workflowSteps = session.workflowSteps;
+      if (session.branding) {
+        ctx.branding = ctx.branding || session.branding;
+      }
+      if (session.sendOTP) {
+        navigateToOTPScreenRef.current(session.id);
+      } else {
+        if (session.identificationId) {
+          ctx.identificationInfo.identificationId = session.identificationId;
+        }
+        navigationManagerRef.current?.navigateToNextStep();
+      }
+    }).catch(() => {
+      Alert.alert(t('general.error'), t('verificationSessionCheckScreen.noVerificationSessionFound'));
+      checkedSessionIdRef.current = '';
+      const ctx = appContextRef.current;
+      if (ctx.setSessionId) {
+        ctx.setSessionId('');
+      }
+    }).finally(() => {
+      isCheckingSessionRef.current = false;
+      setIsCheckingSession(false);
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [appContext.identificationInfo.sessionId]);
+  if (!appContext || !appContext.baseUrl) {
+    return null;
+  }
   return /*#__PURE__*/_jsx(SafeAreaView, {
     style: styles.safeAreaContainer,
     children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
@@ -185,6 +190,9 @@ const VerificationSessionCheckScreen = () => {
                       const isDemoMode = isDemoSession(alphanumericText);
                       const sessionResponse = await getSessionByCode(alphanumericText);
                       if (sessionResponse?.id) {
+                        // Mark as checked before setting sessionId to prevent
+                        // the useEffect from triggering a duplicate navigation.
+                        checkedSessionIdRef.current = sessionResponse.id;
                         if (appContext.setSessionId) {
                           appContext.setSessionId(sessionResponse.id);
                         } else {

package/lib/module/Shared/Animations/recording.json

@@ -0,0 +1 @@
+{"v":"5.5.2","fr":29.9700012207031,"ip":0,"op":60.0000024438501,"w":488,"h":488,"nm":"recording spectrum_MAIN","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 7","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[360.5,249,0],"ix":2},"a":{"a":0,"k":[-73,8.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":1,"k":[{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":0,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":5,"s":[30,163]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":10,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":15,"s":[30,45]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":20,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":25,"s":[30,104]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":30,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":35,"s":[30,42]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":40,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":45,"s":[30,83]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":50,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":55,"s":[30,37]},{"t":60.0000024438501,"s":[30,100]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":50,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0.20392156862745098,0.22745098039215686,0.25098039215686274,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.20392156862745098,0.22745098039215686,0.25098039215686274,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-73.472,8.472],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60.0000024438501,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Shape Layer 6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[300.5,249,0],"ix":2},"a":{"a":0,"k":[-73,8.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":1,"k":[{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":0,"s":[30,63]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":5,"s":[30,211]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":10,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":15,"s":[30,128]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":20,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":25,"s":[30,160]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":30,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":35,"s":[30,126]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":40,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":45,"s":[30,154]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":50,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":55,"s":[30,83]},{"t":60.0000024438501,"s":[30,63]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":50,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0.20392156862745098,0.22745098039215686,0.25098039215686274,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.20392156862745098,0.22745098039215686,0.25098039215686274,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-73.472,8.472],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[30,63],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60.0000024438501,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Shape Layer 5","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[240.5,249,0],"ix":2},"a":{"a":0,"k":[-73,8.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":1,"k":[{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":0,"s":[30,63]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":5,"s":[30,155]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":10,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":15,"s":[30,91]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":20,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":25,"s":[30,186]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":30,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":35,"s":[30,256]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":40,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":45,"s":[30,209]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":50,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":55,"s":[30,124]},{"t":60.0000024438501,"s":[30,63]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":50,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0.20392156862745098,0.22745098039215686,0.25098039215686274,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.20392156862745098,0.22745098039215686,0.25098039215686274,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-73.472,8.472],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[30,63],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60.0000024438501,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Shape Layer 4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[180.5,249,0],"ix":2},"a":{"a":0,"k":[-73,8.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":1,"k":[{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":0,"s":[30,63]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":5,"s":[30,83]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":10,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":15,"s":[30,154]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":20,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":25,"s":[30,126]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":30,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":35,"s":[30,160]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":40,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":45,"s":[30,128]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":50,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":55,"s":[30,211]},{"t":60.0000024438501,"s":[30,63]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":50,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0.20392156862745098,0.22745098039215686,0.25098039215686274,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.20392156862745098,0.22745098039215686,0.25098039215686274,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-73.472,8.472],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[30,63],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60.0000024438501,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Shape Layer 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[120.5,249,0],"ix":2},"a":{"a":0,"k":[-73,8.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":1,"k":[{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":0,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":5,"s":[30,37]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":10,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":15,"s":[30,83]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":20,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":25,"s":[30,42]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":30,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":35,"s":[30,104]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":40,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":45,"s":[30,45]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":50,"s":[30,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":55,"s":[30,163]},{"t":60.0000024438501,"s":[30,100]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":50,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0.20392156862745098,0.22745098039215686,0.25098039215686274,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.20392156862745098,0.22745098039215686,0.25098039215686274,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-73.472,8.472],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60.0000024438501,"st":0,"bm":0}],"markers":[]}

package/lib/module/Shared/Animations/video-call.json

@@ -0,0 +1 @@
+{"v":"5.7.3","fr":30,"ip":0,"op":41,"w":600,"h":600,"nm":"Phone Call","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Call Icon","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[293.084,310.786,0],"ix":2},"a":{"a":0,"k":[1371.347,-543.458,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":0,"s":[28,28,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":20,"s":[25,25,100]},{"t":40,"s":[28,28,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-22.59,22.938],[0,0],[23.373,23.448],[0,0],[23.186,-22.195],[0,0],[25.1,60.946],[0,0],[22.137,23.256],[0.601,0.601],[23.496,-22.664],[0,0],[-157.804,5.059]],"o":[[0,0],[23.373,-23.448],[-0.601,-0.601],[-23.249,-22.13],[0,0],[-60.902,-25.206],[0,0],[22.213,-23.184],[0,0],[-23.009,-23.158],[0,0],[-131.678,152.765],[32.193,0.187]],"v":[[1568.371,-346.481],[1586.008,-366.813],[1586.008,-451.645],[1538.775,-488.121],[1455.803,-488.005],[1418.862,-456.878],[1284.51,-591.463],[1315.52,-628.288],[1315.656,-711.279],[1279.141,-758.453],[1195.297,-759.345],[1173.008,-739.964],[1482.685,-310.897]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,10.704],[64.224,0],[0,-10.704],[-10.704,0],[0,-42.816],[-10.704,0]],"o":[[0,-64.224],[-10.704,0],[0,10.704],[42.816,0],[0,10.704],[10.704,0]],"v":[[1526.061,-582.237],[1409.772,-698.526],[1390.391,-679.145],[1409.772,-659.763],[1487.298,-582.237],[1506.679,-562.856]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[10.704,0],[0,10.704],[85.597,0.085],[0,10.704],[-10.704,0],[-0.117,-106.992]],"o":[[-10.704,0],[-0.085,-85.597],[-10.704,0],[0,-10.704],[106.992,0.117],[0,10.704]],"v":[[1584.205,-562.856],[1564.824,-582.237],[1409.772,-737.289],[1390.391,-756.67],[1409.772,-776.052],[1603.587,-582.237]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":45,"st":-8,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Background Circle","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[300,300,0],"ix":2},"a":{"a":0,"k":[1397.949,-584.944,0],"ix":1},"s":{"a":0,"k":[27,27,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-262.123],[262.123,0],[0,262.123],[-262.123,0]],"o":[[0,262.123],[-262.123,0],[0,-262.123],[262.123,0]],"v":[[1872.564,-584.944],[1397.949,-110.329],[923.334,-584.944],[1397.949,-1059.559]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.117700554343,0.127342568192,0.138823505476,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":45,"st":-8,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Small Circle","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":210,"ix":10},"p":{"a":0,"k":[301,301,0],"ix":2},"a":{"a":0,"k":[-7,-71,0],"ix":1},"s":{"a":0,"k":[70,70,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[426,426],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":22.03,"s":[0]},{"t":39.5470890812688,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":10.769,"s":[0]},{"t":35.7941593937688,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.117647066303,0.125490196078,0.137254901961,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":8,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[-7,-71],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":10.7687687687688,"op":45,"st":10.7687687687688,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Medium Circle","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":119,"ix":10},"p":{"a":0,"k":[301,301,0],"ix":2},"a":{"a":0,"k":[-7,-71,0],"ix":1},"s":{"a":0,"k":[85,85,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[426,426],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":12.02,"s":[0]},{"t":29.5370790712588,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0.759,"s":[0]},{"t":25.7841493837588,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.117647066303,0.125490196078,0.137254901961,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":7,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[-7,-71],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0.75875875875876,"op":45,"st":0.75875875875876,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Large Circle","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[301,301,0],"ix":2},"a":{"a":0,"k":[-7,-71,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[426,426],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15.774,"s":[0]},{"t":33.2908328250125,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":4.513,"s":[0]},{"t":29.5379031375125,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.117647066303,0.125490196078,0.137254901961,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":6,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[-7,-71],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":4.51251251251251,"op":45,"st":4.51251251251251,"bm":0}],"markers":[]}