@trustchex/react-native-sdk 1.215.0 → 1.248.0

package/lib/module/Screens/Dynamic/ContractAcceptanceScreen.js

@@ -6,7 +6,7 @@ import WebView from 'react-native-webview';
 import NavigationManager from "../../Shared/Components/NavigationManager.js";
 import AppContext from "../../Shared/Contexts/AppContext.js";
 import { getI18n, useTranslation } from 'react-i18next';
-import { Button } from 'react-native-paper';
+import StyledButton from "../../Shared/Components/StyledButton.js";
 import NativeDeviceInfo from "../../Shared/Libs/native-device-info.utils.js";
 import { speakWithDebounce } from "../../Shared/Libs/tts.utils.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -84,7 +84,7 @@ const ContractAcceptanceScreen = () => {
       children: [/*#__PURE__*/_jsx(Text, {
         style: styles.footerText,
         children: t('termsOfUseAndDataPrivacyScreen.footerText')
-      }), /*#__PURE__*/_jsx(Button, {
+      }), /*#__PURE__*/_jsx(StyledButton, {
         mode: "contained",
         disabled: !isEnabled,
         onPress: async () => {

package/lib/module/Screens/Dynamic/LivenessDetectionScreen.js

@@ -10,7 +10,7 @@ import NavigationManager from "../../Shared/Components/NavigationManager.js";
 import AppContext from "../../Shared/Contexts/AppContext.js";
 import { contains } from "../../Shared/Libs/contains.js";
 import { useTranslation } from 'react-i18next';
-import { Button } from 'react-native-paper';
+import StyledButton from "../../Shared/Components/StyledButton.js";
 import LottieView from 'lottie-react-native';
 import { speakWithDebounce } from "../../Shared/Libs/tts.utils.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
@@ -415,7 +415,7 @@ const LivenessDetectionScreen = () => {
           style: styles.guideText,
           children: ["\u2022 ", t('livenessDetectionScreen.guidePoint4')]
         })]
-      }), /*#__PURE__*/_jsx(Button, {
+      }), /*#__PURE__*/_jsx(StyledButton, {
         mode: "contained",
         onPress: () => {
           setHasGuideShown(true);

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

@@ -1,6 +1,6 @@
 "use strict";
 
-import React, { useCallback, useContext, useEffect, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { Alert, Image, Platform, SafeAreaView, ScrollView, StyleSheet, Text, View } from 'react-native';
 import AppContext from "../../Shared/Contexts/AppContext.js";
 import httpClient from "../../Shared/Libs/http-client.js";
@@ -14,7 +14,7 @@ import { useTranslation } from 'react-i18next';
 import { Video as VideoCompressor } from 'react-native-compressor';
 import { encryptWithAes, getSessionKey } from "../../Shared/Libs/crypto.utils.js";
 import Video from 'react-native-video';
-import { Button } from 'react-native-paper';
+import StyledButton from "../../Shared/Components/StyledButton.js";
 import NativeDeviceInfo from "../../Shared/Libs/native-device-info.utils.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const ResultScreen = () => {
@@ -22,17 +22,12 @@ const ResultScreen = () => {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [progress, setProgress] = useState(0);
   const navigationManagerRef = React.useRef(null);
-  const [apiUrl, setApiUrl] = useState(`${appContext.baseUrl}/api/app/mobile`);
   const [shouldShowDemoData, setShouldShowDemoData] = useState(false);
   const [deviceIdentifier, setDeviceIdentifier] = useState('');
   const {
     t
   } = useTranslation();
-  useEffect(() => {
-    if (appContext.baseUrl) {
-      setApiUrl(`${appContext.baseUrl}/api/app/mobile`);
-    }
-  }, [appContext.baseUrl]);
+  const apiUrl = useMemo(() => `${appContext.baseUrl}/api/app/mobile`, [appContext.baseUrl]);
   useEffect(() => {
     if (appContext.isDemoSession) {
       setShouldShowDemoData(true);
@@ -503,7 +498,7 @@ const ResultScreen = () => {
               })]
             })]
           })
-        }), /*#__PURE__*/_jsx(Button, {
+        }), /*#__PURE__*/_jsx(StyledButton, {
           mode: "contained",
           onPress: () => {
             appContext.onCompleted?.();

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

@@ -1,23 +1,23 @@
 "use strict";
 
-import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { SafeAreaView, Text, StyleSheet, Alert, View, Image, Dimensions, KeyboardAvoidingView, Platform, ScrollView } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import AppContext from "../../Shared/Contexts/AppContext.js";
 import httpClient, { NotFoundError } from "../../Shared/Libs/http-client.js";
-import OTPCodeInput from "../../Shared/Components/OTPCodeInput.js";
 import { useTranslation } from 'react-i18next';
 import LanguageSelector from "../../Shared/Components/LanguageSelector.js";
 import NavigationManager from "../../Shared/Components/NavigationManager.js";
-import { Button, TextInput, useTheme } from 'react-native-paper';
+import { TextInput, useTheme } from 'react-native-paper';
+import StyledButton from "../../Shared/Components/StyledButton.js";
 import LottieView from 'lottie-react-native';
 import { getSimulatedDemoData, isDemoSession } from "../../Shared/Libs/demo.utils.js";
 import { useNavigation } from '@react-navigation/native';
+import { SESSION_CODE_CHARSET_PATTERN, SESSION_CODE_VALIDATION_PATTERN } from "../../Shared/Constants/validation.constants.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const VerificationSessionCheckScreen = () => {
-  const [emailOrPhone, setEmailOrPhone] = useState('');
+  const [sessionCode, setSessionCode] = useState('');
   const [code, setCode] = useState('');
-  const [isEnabled, setIsEnabled] = useState(false);
   const [isCheckingSession, setIsCheckingSession] = useState(false);
   const [isSendAgainEnabled, setIsSendAgainEnabled] = useState(false);
   const [isCodeSent, setIsCodeSent] = useState(false);
@@ -28,22 +28,12 @@ const VerificationSessionCheckScreen = () => {
   } = useTranslation();
   const navigationManagerRef = React.useRef(null);
   const navigation = useNavigation();
-  const [apiUrl, setApiUrl] = useState(`${appContext.baseUrl}/api/app/mobile`);
   const theme = useTheme();
   const initialized = useRef(false);
   const insets = useSafeAreaInsets();
-  useEffect(() => {
-    if (appContext.baseUrl) {
-      setApiUrl(`${appContext.baseUrl}/api/app/mobile`);
-    }
-  }, [appContext.baseUrl]);
-  const validateEmail = useCallback(value => {
-    const re = /\S+@\S+\.\S+/;
-    return re.test(value);
-  }, []);
-  const validatePhoneNumber = useCallback(value => {
-    const re = /^(5(\d{9}))/;
-    return re.test(value);
+  const apiUrl = useMemo(() => `${appContext.baseUrl}/api/app/mobile`, [appContext.baseUrl]);
+  const validateSessionCode = useCallback(value => {
+    return SESSION_CODE_VALIDATION_PATTERN.test(value.toUpperCase());
   }, []);
   const getSession = useCallback(async id => {
     try {
@@ -55,18 +45,11 @@ const VerificationSessionCheckScreen = () => {
       }
     }
   }, [apiUrl, appContext.isDemoSession, t]);
-  const getSessions = useCallback(async value => {
+  const getSessionByCode = useCallback(async inputCode => {
     try {
-      const isEmail = validateEmail(value);
-      const isPhoneNumber = validatePhoneNumber(value);
-      let response = [];
-      if (isEmail) {
-        appContext.isDemoSession = isDemoSession(value);
-        response = await httpClient.get(`${apiUrl}/verification-sessions?email=${value}`, appContext.isDemoSession ? getSimulatedDemoData('VERIFICATION_SESSIONS') : undefined);
-      } else if (isPhoneNumber) {
-        response = await httpClient.get(`${apiUrl}/verification-sessions?phoneNumber=${value}`);
-      }
-      if (!response || response.length === 0) {
+      appContext.isDemoSession = isDemoSession(inputCode);
+      const response = await httpClient.get(`${apiUrl}/verification-sessions?sessionCode=${inputCode.toUpperCase()}`, appContext.isDemoSession ? getSimulatedDemoData('GET_SESSION_BY_CODE') : undefined);
+      if (!response || !response.id) {
         throw new NotFoundError();
       }
       return response;
@@ -75,7 +58,7 @@ const VerificationSessionCheckScreen = () => {
         Alert.alert(t('general.error'), t('verificationSessionCheckScreen.noVerificationSessionFound'));
       }
     }
-  }, [apiUrl, appContext, t, validateEmail, validatePhoneNumber]);
+  }, [apiUrl, appContext, t]);
   const sendVerificationCode = useCallback(async sessionId => {
     try {
       await httpClient.post(`${apiUrl}/verification-sessions/${sessionId}`, {}, appContext.isDemoSession ? getSimulatedDemoData('SEND_VERIFICATION_CODE') : undefined);
@@ -103,7 +86,7 @@ const VerificationSessionCheckScreen = () => {
       }
     }
   }, [apiUrl, appContext.isDemoSession, t]);
-  const sendCode = useCallback(async sessionId => {
+  const sendOTPCode = useCallback(async sessionId => {
     if (!sessionId) {
       return false;
     }
@@ -131,7 +114,7 @@ const VerificationSessionCheckScreen = () => {
           theme.colors.tertiary = appContext.branding.tertiaryColor;
         }
         if (session?.sendOTP) {
-          return sendCode(session.id);
+          return sendOTPCode(session.id);
         } else if (session?.identificationId) {
           appContext.identificationInfo.identificationId = session?.identificationId;
           navigationManagerRef.current?.navigateToNextStep();
@@ -142,7 +125,7 @@ const VerificationSessionCheckScreen = () => {
         }, 1000);
       });
     }
-  }, [appContext, appContext.identificationInfo.sessionId, getSession, sendCode, theme.colors, theme.colors.primary, theme.colors.secondary, theme.colors.tertiary]);
+  }, [appContext, appContext.identificationInfo.sessionId, getSession, sendOTPCode, theme.colors, theme.colors.primary, theme.colors.secondary, theme.colors.tertiary]);
   return /*#__PURE__*/_jsx(SafeAreaView, {
     style: styles.safeAreaContainer,
     children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
@@ -177,87 +160,111 @@ const VerificationSessionCheckScreen = () => {
             children: [/*#__PURE__*/_jsx(Text, {
               style: styles.mainText,
               children: t('verificationSessionCheckScreen.mainText')
-            }), /*#__PURE__*/_jsx(TextInput, {
-              mode: "outlined",
-              autoCapitalize: "none",
-              placeholder: t('verificationSessionCheckScreen.inputPlaceholder'),
-              onChangeText: text => {
-                setEmailOrPhone(text);
-                if (validateEmail(text) || validatePhoneNumber(text)) {
-                  setIsEnabled(true);
-                } else {
-                  setIsEnabled(false);
-                }
-              }
-            }), /*#__PURE__*/_jsx(Button, {
-              mode: "contained",
-              disabled: !isEnabled,
-              onPress: async () => {
-                try {
-                  setIsCheckingSession(true);
-                  const sessions = await getSessions(emailOrPhone);
-                  if (sessions && sessions.length > 0) {
-                    appContext.identificationInfo.sessionId = sessions[0].id;
+            }), /*#__PURE__*/_jsxs(View, {
+              style: styles.inputContainer,
+              children: [/*#__PURE__*/_jsx(TextInput, {
+                mode: "outlined",
+                autoCapitalize: "characters",
+                placeholder: "",
+                outlineColor: theme.colors.primary,
+                activeOutlineColor: theme.colors.primary,
+                style: styles.sessionCodeTextInput,
+                contentStyle: styles.sessionCodeInputWithText,
+                onChangeText: async text => {
+                  const alphanumericText = text.toUpperCase().replace(SESSION_CODE_CHARSET_PATTERN, '');
+                  if (alphanumericText.length <= 8) {
+                    setSessionCode(alphanumericText);
+                    if (validateSessionCode(alphanumericText) && alphanumericText.length === 8) {
+                      try {
+                        setIsCheckingSession(true);
+                        const session = await getSessionByCode(alphanumericText);
+                        if (session?.id) {
+                          appContext.identificationInfo.sessionId = session.id;
+                        } else {
+                          setSessionCode('');
+                        }
+                      } catch {
+                        setSessionCode('');
+                      } finally {
+                        setTimeout(() => {
+                          setIsCheckingSession(false);
+                        }, 1000);
+                      }
+                    }
                   }
-                } catch {
-                  // Do nothing
-                } finally {
-                  setTimeout(() => {
-                    setIsCheckingSession(false);
-                    setIsEnabled(false);
-                  }, 1000);
-                }
-              },
-              children: t('verificationSessionCheckScreen.continue')
-            }), !isEnabled && /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsxs(View, {
-                style: styles.horizontalLineContainer,
-                children: [/*#__PURE__*/_jsx(View, {
-                  style: styles.horizontalLine
-                }), /*#__PURE__*/_jsx(Text, {
-                  style: styles.mainText,
-                  children: t('verificationSessionCheckScreen.or')
-                }), /*#__PURE__*/_jsx(View, {
-                  style: styles.horizontalLine
-                })]
-              }), /*#__PURE__*/_jsx(Button, {
-                mode: "contained",
-                onPress: () => {
-                  navigation.navigate('QrCodeScanningScreen');
                 },
-                children: t('verificationSessionCheckScreen.scanQRCode')
+                value: sessionCode.toUpperCase(),
+                maxLength: 8
+              }), !sessionCode && /*#__PURE__*/_jsx(Text, {
+                style: styles.placeholderText,
+                children: t('verificationSessionCheckScreen.enterSessionCode')
               })]
+            }), /*#__PURE__*/_jsxs(View, {
+              style: styles.horizontalLineContainer,
+              children: [/*#__PURE__*/_jsx(View, {
+                style: [styles.horizontalLine, {
+                  backgroundColor: theme.colors.primary
+                }]
+              }), /*#__PURE__*/_jsx(Text, {
+                style: styles.mainText,
+                children: t('verificationSessionCheckScreen.or')
+              }), /*#__PURE__*/_jsx(View, {
+                style: [styles.horizontalLine, {
+                  backgroundColor: theme.colors.primary
+                }]
+              })]
+            }), /*#__PURE__*/_jsx(StyledButton, {
+              mode: "contained",
+              onPress: () => {
+                navigation.navigate('QrCodeScanningScreen');
+              },
+              children: t('verificationSessionCheckScreen.scanQRCode')
             })]
           }) : /*#__PURE__*/_jsxs(_Fragment, {
             children: [/*#__PURE__*/_jsx(Text, {
               style: styles.mainText,
               children: t('verificationSessionCheckScreen.codeText')
-            }), /*#__PURE__*/_jsx(OTPCodeInput, {
-              value: code,
+            }), /*#__PURE__*/_jsx(TextInput, {
+              mode: "outlined",
+              autoFocus: true,
+              placeholder: "",
+              outlineColor: theme.colors.primary,
+              activeOutlineColor: theme.colors.primary,
+              style: styles.otpCodeTextInput,
+              contentStyle: styles.otpCodeInputWithText,
+              keyboardType: "number-pad",
+              textContentType: "oneTimeCode",
+              autoComplete: "sms-otp",
+              maxLength: 6,
               onChangeText: text => {
-                setCode(text);
-              },
-              codeLength: 6,
-              onCodeFilled: async value => {
-                setIsCodeGettingVerified(true);
-                const verifiedSession = await getVerifiedSession(appContext.identificationInfo.sessionId, value);
-                if (verifiedSession?.identificationId) {
-                  appContext.identificationInfo.identificationId = verifiedSession?.identificationId;
-                  setCode('');
-                  setIsCodeSent(false);
-                  navigationManagerRef.current?.navigateToNextStep();
-                } else {
-                  appContext.onError?.('Invalid OTP code');
-                  Alert.alert(t('general.error'), t('verificationSessionCheckScreen.codeError'));
-                  setCode('');
-                  setIsCodeGettingVerified(false);
+                const numericText = text.replace(/[^0-9]/g, '');
+                if (numericText.length <= 6) {
+                  setCode(numericText);
+                  if (numericText.length === 6) {
+                    (async () => {
+                      setIsCodeGettingVerified(true);
+                      const verifiedSession = await getVerifiedSession(appContext.identificationInfo.sessionId, numericText);
+                      if (verifiedSession?.identificationId) {
+                        appContext.identificationInfo.identificationId = verifiedSession?.identificationId;
+                        setCode('');
+                        setIsCodeSent(false);
+                        navigationManagerRef.current?.navigateToNextStep();
+                      } else {
+                        appContext.onError?.('Invalid OTP code');
+                        Alert.alert(t('general.error'), t('verificationSessionCheckScreen.codeError'));
+                        setCode('');
+                        setIsCodeGettingVerified(false);
+                      }
+                    })();
+                  }
                 }
-              }
-            }), /*#__PURE__*/_jsx(Button, {
+              },
+              value: code
+            }), /*#__PURE__*/_jsx(StyledButton, {
               mode: "contained",
               disabled: !isSendAgainEnabled,
               onPress: () => {
-                sendCode(appContext.identificationInfo.sessionId);
+                sendOTPCode(appContext.identificationInfo.sessionId);
               },
               children: t('verificationSessionCheckScreen.sendCodeAgain')
             })]
@@ -298,17 +305,15 @@ const styles = StyleSheet.create({
     justifyContent: 'center'
   },
   horizontalLineContainer: {
-    display: 'flex',
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'center',
+    justifyContent: 'space-between',
     gap: 10,
-    padding: 10
+    paddingVertical: 10
   },
   horizontalLine: {
     flex: 1,
-    height: 1,
-    backgroundColor: '#aaa'
+    height: 2
   },
   loadingAnimation: {
     width: '100%',
@@ -376,6 +381,45 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
     position: 'absolute'
+  },
+  inputContainer: {
+    position: 'relative',
+    width: '100%'
+  },
+  sessionCodeTextInput: {
+    backgroundColor: 'white'
+  },
+  sessionCodeInputWithText: {
+    textTransform: 'uppercase',
+    fontWeight: '800',
+    fontSize: 28,
+    textAlign: 'center',
+    letterSpacing: 8
+  },
+  placeholderText: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    height: '100%',
+    lineHeight: 56,
+    fontSize: 16,
+    color: '#666',
+    textAlign: 'center',
+    pointerEvents: 'none'
+  },
+  sessionCodeInputPlaceholder: {
+    fontSize: 16,
+    textAlign: 'center'
+  },
+  otpCodeTextInput: {
+    backgroundColor: 'white'
+  },
+  otpCodeInputWithText: {
+    fontWeight: '800',
+    fontSize: 28,
+    textAlign: 'center',
+    letterSpacing: 8
   }
 });
 export default VerificationSessionCheckScreen;

package/lib/module/Shared/Components/EIDScanner.js

@@ -7,7 +7,7 @@ import { eidReader } from "../EIDReader/eidReader.js";
 import NativeProgressBar from "./NativeProgressBar.js";
 import { useTranslation } from 'react-i18next';
 import AppContext from "../Contexts/AppContext.js";
-import { Button } from 'react-native-paper';
+import StyledButton from "./StyledButton.js";
 import LottieView from 'lottie-react-native';
 import { useKeepAwake } from "../Libs/native-keep-awake.utils.js";
 import { speakWithDebounce } from "../Libs/tts.utils.js";
@@ -136,7 +136,7 @@ const EIDScanner = ({
           style: styles.guideText,
           children: t('eidScannerScreen.guideText')
         })
-      }), /*#__PURE__*/_jsx(Button, {
+      }), /*#__PURE__*/_jsx(StyledButton, {
         mode: "contained",
         onPress: () => {
           setHasGuideShown(true);
@@ -250,7 +250,7 @@ const EIDScanner = ({
         children: [/*#__PURE__*/_jsx(Text, {
           style: styles.mainText,
           children: t('eidScannerScreen.nfcNotEnabled')
-        }), /*#__PURE__*/_jsx(Button, {
+        }), /*#__PURE__*/_jsx(StyledButton, {
           mode: "contained",
           onPress: async () => {
             await NFCManager.goToNfcSetting();
@@ -283,7 +283,7 @@ const EIDScanner = ({
         color: appContext.branding.primaryColor
       }), hasNfc && isEnabled && isScanned && /*#__PURE__*/_jsx(View, {
         style: styles.buttonsContainer,
-        children: /*#__PURE__*/_jsx(Button, {
+        children: /*#__PURE__*/_jsx(StyledButton, {
           mode: "contained",
           disabled: !documentFaceImage || !documentMRZInfo,
           onPress: () => {

package/lib/module/Shared/Components/FaceCamera.js

@@ -11,7 +11,8 @@ import { Worklets, useSharedValue } from 'react-native-worklets-core';
 import { crop } from "../VisionCameraPlugins/Cropper/index.js";
 import { isFrameBright } from "../Libs/camera.utils.js";
 import { useTranslation } from 'react-i18next';
-import { ActivityIndicator, Button } from 'react-native-paper';
+import { ActivityIndicator } from 'react-native-paper';
+import StyledButton from "./StyledButton.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const VIDEO_WIDTH = 1280;
 const VIDEO_HEIGHT = 720;
@@ -141,7 +142,7 @@ const FaceCamera = ({
       children: [/*#__PURE__*/_jsx(Text, {
         style: styles.permissionText,
         children: t('general.noCameraPermissionGiven')
-      }), /*#__PURE__*/_jsx(Button, {
+      }), /*#__PURE__*/_jsx(StyledButton, {
         mode: "contained",
         onPress: () => {
           Linking.openSettings();
@@ -156,7 +157,7 @@ const FaceCamera = ({
       children: [/*#__PURE__*/_jsx(Text, {
         style: styles.permissionText,
         children: t('general.noMicrophonePermissionGiven')
-      }), /*#__PURE__*/_jsx(Button, {
+      }), /*#__PURE__*/_jsx(StyledButton, {
         mode: "contained",
         onPress: () => {
           Linking.openSettings();

package/lib/module/Shared/Components/IdentityDocumentCamera.js

@@ -17,7 +17,8 @@ import { AdaptiveThresholdTypes, ColorConversionCodes, DataTypes, ObjectType, Op
 import { getAverageBrightness } from "../Libs/camera.utils.js";
 import { useTranslation } from 'react-i18next';
 import LottieView from 'lottie-react-native';
-import { ActivityIndicator, Button } from 'react-native-paper';
+import { ActivityIndicator } from 'react-native-paper';
+import StyledButton from "./StyledButton.js";
 import { scanCodes } from "../VisionCameraPlugins/BarcodeScanner/index.js";
 import { speakWithDebounce } from "../Libs/tts.utils.js";
 import AppContext from "../Contexts/AppContext.js";
@@ -631,7 +632,7 @@ const IdentityDocumentCamera = ({
       children: [/*#__PURE__*/_jsx(Text, {
         style: styles.permissionText,
         children: t('general.noCameraPermissionGiven')
-      }), /*#__PURE__*/_jsx(Button, {
+      }), /*#__PURE__*/_jsx(StyledButton, {
         mode: "contained",
         onPress: () => {
           Linking.openSettings();
@@ -692,7 +693,7 @@ const IdentityDocumentCamera = ({
           style: styles.guideText,
           children: ["\u2022 ", t('identityDocumentCamera.guidePoint3')]
         })]
-      }), /*#__PURE__*/_jsx(Button, {
+      }), /*#__PURE__*/_jsx(StyledButton, {
         mode: "contained",
         onPress: () => {
           setHasGuideShown(true);

package/lib/module/Shared/Components/QrCodeScannerCamera.js

@@ -9,7 +9,7 @@ import { useIsFocused } from '@react-navigation/native';
 import { useTranslation } from 'react-i18next';
 import LottieView from 'lottie-react-native';
 import { scanCodes } from "../VisionCameraPlugins/BarcodeScanner/index.js";
-import { Button } from 'react-native-paper';
+import StyledButton from "./StyledButton.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const QrCodeScannerCamera = ({
   onQrCodeScanned
@@ -133,7 +133,7 @@ const QrCodeScannerCamera = ({
       children: [/*#__PURE__*/_jsx(Text, {
         style: styles.permissionText,
         children: t('general.noCameraPermissionGiven')
-      }), /*#__PURE__*/_jsx(Button, {
+      }), /*#__PURE__*/_jsx(StyledButton, {
         mode: "contained",
         onPress: () => {
           Linking.openSettings();

package/lib/module/Shared/Components/StyledButton.js

@@ -0,0 +1,30 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { Button } from 'react-native-paper';
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledButton = ({
+  style,
+  labelStyle,
+  ...props
+}) => {
+  return /*#__PURE__*/_jsx(Button, {
+    ...props,
+    style: [styles.button, style],
+    labelStyle: [styles.label, labelStyle]
+  });
+};
+const styles = StyleSheet.create({
+  button: {
+    borderRadius: 8,
+    height: 56,
+    justifyContent: 'center',
+    elevation: 2
+  },
+  label: {
+    fontWeight: 'bold',
+    fontSize: 16
+  }
+});
+export default StyledButton;

package/lib/module/Shared/Constants/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+export * from "./validation.constants.js";

package/lib/module/Shared/Constants/validation.constants.js

@@ -0,0 +1,24 @@
+"use strict";
+
+/**
+ * Validation constants used throughout the SDK.
+ * These constants ensure consistency between frontend and backend validation.
+ */
+
+/**
+ * Character set for session codes.
+ * Excludes ambiguous characters (0, 1, I, O) to prevent confusion.
+ */
+export const SESSION_CODE_CHARSET = 'ABCDEFGHJKLMNPQRSTUVWXYZ23456789';
+
+/**
+ * Regular expression pattern for validating session code characters.
+ * Matches only characters from SESSION_CODE_CHARSET.
+ */
+export const SESSION_CODE_CHARSET_PATTERN = /[^ABCDEFGHJKLMNPQRSTUVWXYZ23456789]/g;
+
+/**
+ * Regular expression for validating complete session codes.
+ * Session codes must be exactly 8 characters from SESSION_CODE_CHARSET.
+ */
+export const SESSION_CODE_VALIDATION_PATTERN = /^[ABCDEFGHJKLMNPQRSTUVWXYZ23456789]{8}$/;

package/lib/module/Shared/Libs/demo.utils.js

@@ -38,11 +38,13 @@ const demoSession = {
     required: false
   }]
 };
-const isDemoSession = email => email === 'demo@trustchex.com';
+const isDemoSession = sessionCode => sessionCode.toUpperCase() === 'DEMXCXDE';
 const getSimulatedDemoData = (dataType, body) => {
   switch (dataType) {
-    case 'VERIFICATION_SESSIONS':
-      return [demoSession];
+    case 'GET_SESSION_BY_CODE':
+      return {
+        id: demoSession.id
+      };
     case 'GET_SESSION':
       return demoSession;
     case 'SEND_VERIFICATION_CODE':