@sanctum-key/react-native-sdk 1.0.35 → 1.0.37

package/build/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sanctum-key/react-native-sdk",
-    "version": "1.0.35",
+    "version": "1.0.37",
     "description": "Sanctum Key React Native SDK",
     "main": "build/src/index.js",
     "types": "build/src/index.d.ts",

package/build/src/components/KYCElements/IDCardCapture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IDCardCapture.d.ts","sourceRoot":"","sources":["../../../../src/components/KYCElements/IDCardCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE,OAAO,EAAE,iBAAiB,EAAoI,MAAM,uBAAuB,CAAC;AAsB5L,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,kBAAkB;IAC1B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAsCD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyoCtD,CAAC"}
+{"version":3,"file":"IDCardCapture.d.ts","sourceRoot":"","sources":["../../../../src/components/KYCElements/IDCardCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE,OAAO,EAAE,iBAAiB,EAAoI,MAAM,uBAAuB,CAAC;AAsB5L,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,kBAAkB;IAC1B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAsCD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2lCtD,CAAC"}

package/build/src/components/KYCElements/IDCardCapture.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { View, Text, StyleSheet, Image, ScrollView, Platform, ActivityIndicator, TouchableOpacity, useWindowDimensions, Alert } from 'react-native';
+import { View, Text, StyleSheet, Image, ScrollView, Platform, ActivityIndicator, TouchableOpacity, useWindowDimensions } from 'react-native';
 import { showAlert } from '../../utils/platformAlert';
 import { EnhancedCameraView } from '../EnhancedCameraView';
 import { GovernmentDocumentTypeShorted, GovernmentDocumentTypeBackend } from '../../types/KYC.types';
@@ -484,9 +484,7 @@ export const IDCardCapture = ({ component, value = {}, onValueChange, error, lan
             return;
         if (result.success && result.path) {
             setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: true, success: false, error: '' }));
-            const safeCapturePath = Platform.OS === 'ios' && !result.path.startsWith('file://')
-                ? `file://${result.path}`
-                : result.path;
+            const safeCapturePath = Platform.OS === 'ios' && !result.path.startsWith('file://') ? `file://${result.path}` : result.path;
             let templatePath = capturedImages[currentSide]?.templatePath || '';
             let templateBbox;
             let templateResponse;
@@ -495,18 +493,15 @@ export const IDCardCapture = ({ component, value = {}, onValueChange, error, lan
                 return;
             }
             const issuingSubdivision = selectedDocumentType.region !== 'root' ? selectedDocumentType.region : undefined;
-            // 🚨 WATCHDOG TIMER: If the iOS network drops and doesn't throw, this guarantees the UI unlocks after 20 seconds.
+            // Subtle timeout handling without blocking pop-ups
             const watchdog = setTimeout(() => {
                 if (isAnalyzingRef.current) {
                     setSilentCaptureResult((prev) => ({
                         ...prev,
                         isAnalyzing: false,
                         success: false,
-                        error: state.currentLanguage === 'en' ? 'Connection timeout. Please try again.' : 'Délai de connexion dépassé. Veuillez réessayer.'
+                        error: state.currentLanguage === 'en' ? 'Taking longer than expected. Hold steady.' : 'Traitement long. Veuillez rester immobile.'
                     }));
-                    Alert.alert(state.currentLanguage === 'en' ? "Timeout" : "Délai dépassé", state.currentLanguage === 'en'
-                        ? "The request took too long. Please verify your network and try again."
-                        : "La requête a pris trop de temps. Veuillez vérifier votre connexion et réessayer.");
                 }
             }, 20000);
             try {
@@ -543,10 +538,7 @@ export const IDCardCapture = ({ component, value = {}, onValueChange, error, lan
                     const mrzType = getCorrespondingMrzType(templatePath, regionMappings.regionMapping, regionMappings.key || '') || 'TD1';
                     verificationRes = await frontVerification({
                         path: safeCapturePath,
-                        regionMapping: {
-                            authMethod: matchedAuthMethod ? [matchedAuthMethod] : [],
-                            mrzTypes: mrzType ? [mrzType] : []
-                        },
+                        regionMapping: { authMethod: matchedAuthMethod ? [matchedAuthMethod] : [], mrzTypes: mrzType ? [mrzType] : [] },
                         selectedDocumentType: GovernmentDocumentTypeShorted[selectedDocumentType?.type] || '',
                         code: countryData?.code || '',
                         currentSide,
@@ -563,10 +555,7 @@ export const IDCardCapture = ({ component, value = {}, onValueChange, error, lan
                     const frontTemplatePath = capturedImages['front']?.templatePath || '';
                     verificationRes = await backVerification({
                         path: safeCapturePath,
-                        regionMapping: {
-                            authMethod: matchedBackAuthMethod ? [matchedBackAuthMethod] : [],
-                            mrzTypes: backMrzType ? [backMrzType] : []
-                        },
+                        regionMapping: { authMethod: matchedBackAuthMethod ? [matchedBackAuthMethod] : [], mrzTypes: backMrzType ? [backMrzType] : [] },
                         selectedDocumentType: GovernmentDocumentTypeShorted[selectedDocumentType.type] || '',
                         code: countryData?.code || '',
                         currentSide,
@@ -629,34 +618,28 @@ export const IDCardCapture = ({ component, value = {}, onValueChange, error, lan
             }
             catch (error) {
                 clearTimeout(watchdog);
-                console.log("Backend Verification Error:", error);
-                const isNetworkError = !error.response ||
-                    error.message === 'Network Error' ||
-                    error.code === 'ECONNABORTED' ||
-                    error.message?.includes('Network');
-                let userFriendlyMessage = 'Verification failed. Please try again.';
+                const isNetworkError = !error.response || error.message === 'Network Error' || error.code === 'ECONNABORTED' || error.message?.includes('Network');
+                // Keep UI errors extremely brief and actionable
+                let hintMessage = '';
                 if (isNetworkError) {
-                    userFriendlyMessage = state.currentLanguage === 'en'
-                        ? 'Cannot connect to verification server. Please check your internet connection.'
-                        : 'Impossible de se connecter au serveur de vérification. Veuillez vérifier votre connexion internet.';
-                    Alert.alert(state.currentLanguage === 'en' ? "Connection Failed" : "Échec de connexion", userFriendlyMessage);
+                    hintMessage = state.currentLanguage === 'en' ? 'Poor connection. Retrying...' : 'Connexion faible. Nouvelle tentative...';
                 }
                 else {
                     const rawMessage = (error?.message || '').toLowerCase();
                     if (rawMessage.includes('impossible') || rawMessage.includes('unreadable')) {
-                        userFriendlyMessage = 'Document unreadable. Please hold the camera steady in good light.';
+                        hintMessage = state.currentLanguage === 'en' ? 'Move to better lighting.' : 'Améliorez l\'éclairage.';
                     }
                     else if (rawMessage.includes('country mismatch') || rawMessage.includes('pays sélectionné')) {
-                        userFriendlyMessage = 'The document does not match your selected country.';
+                        hintMessage = state.currentLanguage === 'en' ? 'Wrong document type.' : 'Mauvais type de document.';
                     }
                     else if (rawMessage.includes('card_not_fully_in_frame')) {
-                        userFriendlyMessage = 'Move closer to the document and ensure all corners are visible.';
+                        hintMessage = state.currentLanguage === 'en' ? 'Move closer.' : 'Rapprochez-vous.';
                     }
                     else if (rawMessage.includes('ne correspond pas au recto')) {
-                        userFriendlyMessage = 'The back of the document does not match the front. You must scan the same ID.';
+                        hintMessage = state.currentLanguage === 'en' ? 'Scan the same ID.' : 'Scannez la même pièce.';
                     }
                 }
-                setSilentCaptureResult(prev => ({ ...prev, isAnalyzing: false, success: false, error: userFriendlyMessage }));
+                setSilentCaptureResult(prev => ({ ...prev, isAnalyzing: false, success: false, error: hintMessage }));
             }
         }
     };
@@ -671,34 +654,18 @@ export const IDCardCapture = ({ component, value = {}, onValueChange, error, lan
     }, [scanPhase, pendingCAImage, silentCaptureResult.barcode]);
     const handleError = (event) => {
         logger.error("Camera Error:", event);
-        // Normalize the error to lowercase for easy checking
         const errString = `${event.message} ${event.name} ${event.code}`.toLowerCase();
-        let friendlyMessage = state.currentLanguage === 'en'
-            ? 'An unknown camera error occurred.'
-            : 'Une erreur de caméra inconnue est survenue.';
-        // 1. Detect Hardware Lock (Camera in use by Zoom, Teams, or another app)
-        if (errString.includes('notreadableerror') ||
-            errString.includes('trackstarterror') ||
-            errString.includes('in use') ||
-            errString.includes('concurrent') ||
-            errString.includes('camera unavailable')) {
-            friendlyMessage = state.currentLanguage === 'en'
-                ? 'Your camera is currently being used by another application (like Zoom or Teams). Please close the other app and try again.'
-                : 'Votre caméra est actuellement utilisée par une autre application. Veuillez fermer l\'autre application et réessayer.';
+        let friendlyMessage = state.currentLanguage === 'en' ? 'Camera error.' : 'Erreur de caméra.';
+        if (errString.includes('notreadableerror') || errString.includes('trackstarterror') || errString.includes('in use') || errString.includes('concurrent') || errString.includes('camera unavailable')) {
+            friendlyMessage = state.currentLanguage === 'en' ? 'Camera is in use by another app.' : 'Caméra utilisée par une autre application.';
         }
-        // 2. Detect Permission Denied
         else if (errString.includes('notallowederror') || errString.includes('permission')) {
-            friendlyMessage = state.currentLanguage === 'en'
-                ? 'Camera permission denied. Please allow camera access in your settings to proceed.'
-                : 'Autorisation de la caméra refusée. Veuillez autoriser l\'accès dans vos paramètres.';
+            friendlyMessage = state.currentLanguage === 'en' ? 'Allow camera access in settings.' : 'Autorisez l\'accès à la caméra.';
         }
-        // 3. Detect No Camera Found
         else if (errString.includes('notfounderror') || errString.includes('no camera')) {
-            friendlyMessage = state.currentLanguage === 'en'
-                ? 'No camera detected on this device.'
-                : 'Aucune caméra détectée sur cet appareil.';
+            friendlyMessage = state.currentLanguage === 'en' ? 'No camera detected.' : 'Aucune caméra détectée.';
         }
-        showAlert(state.currentLanguage === 'en' ? 'Camera Error' : 'Erreur de Caméra', friendlyMessage);
+        showAlert(state.currentLanguage === 'en' ? 'Camera Error' : 'Erreur', friendlyMessage);
         setShowCamera(false);
         setIsProcessingCapture(false);
     };