@hexar/biometric-identity-sdk-react-native 1.0.26 → 1.0.27

package/dist/components/BiometricIdentityFlow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BiometricIdentityFlow.d.ts","sourceRoot":"","sources":["../../src/components/BiometricIdentityFlow.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAOL,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,cAAc,EAKd,iBAAiB,EAElB,MAAM,oCAAoC,CAAC;AAuB5C,MAAM,WAAW,0BAA0B;IACzC,oBAAoB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,OAAO,CAAC,EAAE,SAAS,CAAC;KACrB,CAAC;CACH;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAyXtE,CAAC;AA8NF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"BiometricIdentityFlow.d.ts","sourceRoot":"","sources":["../../src/components/BiometricIdentityFlow.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAOL,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,cAAc,EAKd,iBAAiB,EAElB,MAAM,oCAAoC,CAAC;AA4B5C,MAAM,WAAW,0BAA0B;IACzC,oBAAoB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,OAAO,CAAC,EAAE,SAAS,CAAC;KACrB,CAAC;CACH;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAuatE,CAAC;AA8NF,eAAe,qBAAqB,CAAC"}

package/dist/components/BiometricIdentityFlow.js

@@ -44,18 +44,23 @@ const biometric_identity_sdk_core_1 = require("@hexar/biometric-identity-sdk-cor
 const useBiometricSDK_1 = require("../hooks/useBiometricSDK");
 const CameraCapture_1 = require("./CameraCapture");
 const VideoRecorder_1 = require("./VideoRecorder");
-const getInstructionMap = (strings) => ({
-    look_left: { text: strings.liveness.instructions.lookLeft || 'Slowly turn your head LEFT' },
-    look_right: { text: strings.liveness.instructions.lookRight || 'Slowly turn your head RIGHT' },
-    look_up: { text: strings.liveness.instructions.lookUp || 'Look UP' },
-    look_down: { text: strings.liveness.instructions.lookDown || 'Look DOWN' },
-    turn_head_left: { text: strings.liveness.instructions.turnHeadLeft || 'Turn your head LEFT' },
-    turn_head_right: { text: strings.liveness.instructions.turnHeadRight || 'Turn your head RIGHT' },
-    smile: { text: strings.liveness.instructions.smile || 'Smile' },
-    blink: { text: strings.liveness.instructions.blink || 'Blink your eyes naturally' },
-    open_mouth: { text: strings.liveness.instructions.openMouth || 'Open your mouth slightly' },
-    stay_still: { text: strings.liveness.instructions.stayStill || 'Look at the camera and follow the instructions' },
-});
+const getInstructionMap = (strings) => {
+    if (!strings || !strings.liveness || !strings.liveness.instructions) {
+        return {};
+    }
+    return {
+        look_left: { text: strings.liveness.instructions.lookLeft || 'Slowly turn your head LEFT' },
+        look_right: { text: strings.liveness.instructions.lookRight || 'Slowly turn your head RIGHT' },
+        look_up: { text: strings.liveness.instructions.lookUp || 'Look UP' },
+        look_down: { text: strings.liveness.instructions.lookDown || 'Look DOWN' },
+        turn_head_left: { text: strings.liveness.instructions.turnHeadLeft || 'Turn your head LEFT' },
+        turn_head_right: { text: strings.liveness.instructions.turnHeadRight || 'Turn your head RIGHT' },
+        smile: { text: strings.liveness.instructions.smile || 'Smile' },
+        blink: { text: strings.liveness.instructions.blink || 'Blink your eyes naturally' },
+        open_mouth: { text: strings.liveness.instructions.openMouth || 'Open your mouth slightly' },
+        stay_still: { text: strings.liveness.instructions.stayStill || 'Look at the camera and follow the instructions' },
+    };
+};
 const ValidationProgress_1 = require("./ValidationProgress");
 const ResultScreen_1 = require("./ResultScreen");
 const ErrorScreen_1 = require("./ErrorScreen");
@@ -77,6 +82,12 @@ const BiometricIdentityFlow = ({ onValidationComplete, onError, theme, language,
     (0, react_1.useEffect)(() => {
         if (language) {
             (0, biometric_identity_sdk_core_1.setLanguage)(language);
+            const currentStrings = (0, biometric_identity_sdk_core_1.getStrings)();
+            biometric_identity_sdk_core_1.logger.info('Language set in BiometricIdentityFlow', {
+                language,
+                lookLeft: currentStrings.liveness?.instructions?.lookLeft,
+                lookRight: currentStrings.liveness?.instructions?.lookRight
+            });
         }
     }, [language]);
     const strings = (0, biometric_identity_sdk_core_1.getStrings)();
@@ -112,25 +123,65 @@ const BiometricIdentityFlow = ({ onValidationComplete, onError, theme, language,
             }
             catch (error) {
                 biometric_identity_sdk_core_1.logger.warn('Failed to fetch challenges, using defaults');
+                if (language) {
+                    (0, biometric_identity_sdk_core_1.setLanguage)(language);
+                }
+                const currentStrings = (0, biometric_identity_sdk_core_1.getStrings)();
+                const instructionMap = getInstructionMap(currentStrings);
                 const defaultChallenges = sdk.getDefaultChallenges();
-                const instructionMap = getInstructionMap(strings);
-                const translatedChallenges = defaultChallenges.map(challenge => ({
-                    ...challenge,
-                    instruction: instructionMap[challenge.action]?.text || challenge.instruction,
-                    icon: instructionMap[challenge.action]?.icon
-                }));
+                biometric_identity_sdk_core_1.logger.info('Translating default challenges', {
+                    language,
+                    actionCount: defaultChallenges.length,
+                    instructionMapKeys: Object.keys(instructionMap),
+                    lookLeftTranslation: instructionMap['look_left']?.text,
+                    lookRightTranslation: instructionMap['look_right']?.text
+                });
+                const translatedChallenges = defaultChallenges.map(challenge => {
+                    const translated = instructionMap[challenge.action];
+                    const finalInstruction = translated?.text || challenge.instruction;
+                    biometric_identity_sdk_core_1.logger.info('Translating challenge', {
+                        action: challenge.action,
+                        original: challenge.instruction,
+                        translated: finalInstruction
+                    });
+                    return {
+                        ...challenge,
+                        instruction: finalInstruction,
+                        icon: translated?.icon
+                    };
+                });
                 setCurrentChallenges(translatedChallenges);
             }
             setIsLoadingChallenges(false);
         }
         else if (mode === 'video' && smartLivenessMode) {
+            if (language) {
+                (0, biometric_identity_sdk_core_1.setLanguage)(language);
+            }
+            const currentStrings = (0, biometric_identity_sdk_core_1.getStrings)();
+            const instructionMap = getInstructionMap(currentStrings);
             const defaultChallenges = sdk.getDefaultChallenges();
-            const instructionMap = getInstructionMap(strings);
-            const translatedChallenges = defaultChallenges.map(challenge => ({
-                ...challenge,
-                instruction: instructionMap[challenge.action]?.text || challenge.instruction,
-                icon: instructionMap[challenge.action]?.icon
-            }));
+            biometric_identity_sdk_core_1.logger.info('Translating default challenges (offline mode)', {
+                language,
+                actionCount: defaultChallenges.length,
+                instructionMapKeys: Object.keys(instructionMap),
+                lookLeftTranslation: instructionMap['look_left']?.text,
+                lookRightTranslation: instructionMap['look_right']?.text
+            });
+            const translatedChallenges = defaultChallenges.map(challenge => {
+                const translated = instructionMap[challenge.action];
+                const finalInstruction = translated?.text || challenge.instruction;
+                biometric_identity_sdk_core_1.logger.info('Translating challenge (offline)', {
+                    action: challenge.action,
+                    original: challenge.instruction,
+                    translated: finalInstruction
+                });
+                return {
+                    ...challenge,
+                    instruction: finalInstruction,
+                    icon: translated?.icon
+                };
+            });
             setCurrentChallenges(translatedChallenges);
         }
         setShowCamera(true);

package/dist/components/ResultScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResultScreen.d.ts","sourceRoot":"","sources":["../../src/components/ResultScreen.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAEtG,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoHpD,CAAC;AAgKF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ResultScreen.d.ts","sourceRoot":"","sources":["../../src/components/ResultScreen.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAoB,MAAM,OAAO,CAAC;AAQzC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,iBAAiB,EAA2B,MAAM,oCAAoC,CAAC;AAE/H,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqHpD,CAAC;AAmKF,eAAe,YAAY,CAAC"}

package/dist/components/ResultScreen.js

@@ -3,14 +3,51 @@
  * Result Screen Component
  * Shows validation result (pass/fail)
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResultScreen = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
+const biometric_identity_sdk_core_1 = require("@hexar/biometric-identity-sdk-core");
 const ResultScreen = ({ result, theme, language = 'en', onClose, }) => {
+    (0, react_1.useEffect)(() => {
+        if (language) {
+            (0, biometric_identity_sdk_core_1.setLanguage)(language);
+        }
+    }, [language]);
+    const strings = (0, biometric_identity_sdk_core_1.getStrings)();
     const isSuccess = result.isValidFaceMatch && result.isDocumentAuthentic;
     const successColor = theme?.successColor || '#10B981';
     const errorColor = theme?.errorColor || '#EF4444';
@@ -21,27 +58,19 @@ const ResultScreen = ({ result, theme, language = 'en', onClose, }) => {
                     { backgroundColor: isSuccess ? successColor : errorColor },
                 ] },
                 react_1.default.createElement(react_native_1.Text, { style: styles.icon }, isSuccess ? '✓' : '✗')),
-            react_1.default.createElement(react_native_1.Text, { style: [styles.title, { color: theme?.textColor || '#000000' }] }, isSuccess
-                ? (language === 'es' ? '¡Verificación Exitosa!' : 'Verification Successful!')
-                : (language === 'es' ? 'Verificación Fallida' : 'Verification Failed')),
-            react_1.default.createElement(react_native_1.Text, { style: [styles.subtitle, { color: theme?.secondaryTextColor || '#6B7280' }] }, isSuccess
-                ? (language === 'es'
-                    ? 'Tu identidad ha sido verificada correctamente'
-                    : 'Your identity has been verified successfully')
-                : (language === 'es'
-                    ? 'No pudimos verificar tu identidad'
-                    : 'We were unable to verify your identity')),
+            react_1.default.createElement(react_native_1.Text, { style: [styles.title, { color: theme?.textColor || '#000000' }] }, isSuccess ? strings.result.success.title : strings.result.failure.title),
+            react_1.default.createElement(react_native_1.Text, { style: [styles.subtitle, { color: theme?.secondaryTextColor || '#6B7280' }] }, isSuccess ? strings.result.success.message : strings.result.failure.message),
             react_1.default.createElement(react_native_1.View, { style: styles.scoresContainer },
-                react_1.default.createElement(ScoreCard, { label: language === 'es' ? 'Coincidencia Facial' : 'Face Match', score: result.matchScore, passed: result.isValidFaceMatch, theme: theme }),
-                react_1.default.createElement(ScoreCard, { label: language === 'es' ? 'Presencia Vital' : 'Liveness', score: result.livenessScore, passed: result.livenessScore >= 80, theme: theme })),
+                react_1.default.createElement(ScoreCard, { label: strings.validation.matchingFaces || 'Face Match', score: result.matchScore, passed: result.isValidFaceMatch, theme: theme, strings: strings }),
+                react_1.default.createElement(ScoreCard, { label: strings.liveness.title || 'Liveness', score: result.livenessScore, passed: result.livenessScore >= 80, theme: theme, strings: strings })),
             result.extractedDocumentData && (react_1.default.createElement(react_native_1.View, { style: styles.dataContainer },
-                react_1.default.createElement(react_native_1.Text, { style: [styles.sectionTitle, { color: theme?.textColor || '#000000' }] }, language === 'es' ? 'Datos Extraídos' : 'Extracted Data'),
-                react_1.default.createElement(DataRow, { label: language === 'es' ? 'Nombre' : 'Name', value: `${result.extractedDocumentData.firstName} ${result.extractedDocumentData.lastName}`, theme: theme }),
-                react_1.default.createElement(DataRow, { label: language === 'es' ? 'Documento' : 'Document Number', value: result.extractedDocumentData.documentNumber, theme: theme }),
-                react_1.default.createElement(DataRow, { label: language === 'es' ? 'Fecha de Nacimiento' : 'Date of Birth', value: result.extractedDocumentData.dateOfBirth, theme: theme }),
-                react_1.default.createElement(DataRow, { label: language === 'es' ? 'Nacionalidad' : 'Nationality', value: result.extractedDocumentData.nationality, theme: theme }))),
+                react_1.default.createElement(react_native_1.Text, { style: [styles.sectionTitle, { color: theme?.textColor || '#000000' }] }, strings.result.success.verificationComplete || 'Extracted Data'),
+                react_1.default.createElement(DataRow, { label: "Nombre", value: `${result.extractedDocumentData.firstName} ${result.extractedDocumentData.lastName}`, theme: theme }),
+                react_1.default.createElement(DataRow, { label: "Documento", value: result.extractedDocumentData.documentNumber, theme: theme }),
+                react_1.default.createElement(DataRow, { label: "Fecha de Nacimiento", value: result.extractedDocumentData.dateOfBirth, theme: theme }),
+                react_1.default.createElement(DataRow, { label: "Nacionalidad", value: result.extractedDocumentData.nationality, theme: theme }))),
             result.warnings.length > 0 && (react_1.default.createElement(react_native_1.View, { style: styles.warningsContainer },
-                react_1.default.createElement(react_native_1.Text, { style: [styles.sectionTitle, { color: theme?.warningColor || '#F59E0B' }] }, language === 'es' ? 'Advertencias' : 'Warnings'),
+                react_1.default.createElement(react_native_1.Text, { style: [styles.sectionTitle, { color: theme?.warningColor || '#F59E0B' }] }, "Advertencias"),
                 result.warnings.map((warning, index) => (react_1.default.createElement(react_native_1.Text, { key: index, style: styles.warningText },
                     "\u2022 ",
                     warning.replace(/_/g, ' '))))))),
@@ -50,16 +79,16 @@ const ResultScreen = ({ result, theme, language = 'en', onClose, }) => {
                     styles.button,
                     { backgroundColor: theme?.primaryColor || '#6366F1' },
                 ], onPress: onClose },
-                react_1.default.createElement(react_native_1.Text, { style: styles.buttonText }, language === 'es' ? 'Continuar' : 'Continue')))));
+                react_1.default.createElement(react_native_1.Text, { style: styles.buttonText }, strings.common.continue)))));
 };
 exports.ResultScreen = ResultScreen;
-const ScoreCard = ({ label, score, passed, theme }) => (react_1.default.createElement(react_native_1.View, { style: scoreStyles.container },
+const ScoreCard = ({ label, score, passed, theme, strings }) => (react_1.default.createElement(react_native_1.View, { style: scoreStyles.container },
     react_1.default.createElement(react_native_1.Text, { style: scoreStyles.label }, label),
     react_1.default.createElement(react_native_1.Text, { style: [
             scoreStyles.score,
             { color: passed ? (theme?.successColor || '#10B981') : (theme?.errorColor || '#EF4444') },
         ] }, Math.round(score)),
-    react_1.default.createElement(react_native_1.Text, { style: scoreStyles.status }, passed ? '✓ Passed' : '✗ Failed')));
+    react_1.default.createElement(react_native_1.Text, { style: scoreStyles.status }, passed ? `✓ ${strings.common.done || 'Passed'}` : `✗ ${strings.common.error || 'Failed'}`)));
 const scoreStyles = react_native_1.StyleSheet.create({
     container: {
         flex: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexar/biometric-identity-sdk-react-native",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "description": "React Native wrapper for Biometric Identity SDK",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,7 +11,7 @@
     "clean": "rm -rf dist"
   },
   "peerDependencies": {
-    "@hexar/biometric-identity-sdk-core": ">=1.0.16",
+    "@hexar/biometric-identity-sdk-core": ">=1.0.17",
     "react": ">=18.0.0",
     "react-native": ">=0.70.0",
     "react-native-permissions": ">=4.0.0",

package/src/components/BiometricIdentityFlow.tsx

@@ -29,18 +29,23 @@ import { useBiometricSDK } from '../hooks/useBiometricSDK';
 import { CameraCapture } from './CameraCapture';
 import { VideoRecorder, VideoRecordingResult } from './VideoRecorder';
 
-const getInstructionMap = (strings: any): Record<string, { text: string; icon?: string }> => ({
-  look_left: { text: strings.liveness.instructions.lookLeft || 'Slowly turn your head LEFT' },
-  look_right: { text: strings.liveness.instructions.lookRight || 'Slowly turn your head RIGHT' },
-  look_up: { text: strings.liveness.instructions.lookUp || 'Look UP' },
-  look_down: { text: strings.liveness.instructions.lookDown || 'Look DOWN' },
-  turn_head_left: { text: strings.liveness.instructions.turnHeadLeft || 'Turn your head LEFT' },
-  turn_head_right: { text: strings.liveness.instructions.turnHeadRight || 'Turn your head RIGHT' },
-  smile: { text: strings.liveness.instructions.smile || 'Smile' },
-  blink: { text: strings.liveness.instructions.blink || 'Blink your eyes naturally' },
-  open_mouth: { text: strings.liveness.instructions.openMouth || 'Open your mouth slightly' },
-  stay_still: { text: strings.liveness.instructions.stayStill || 'Look at the camera and follow the instructions' },
-});
+const getInstructionMap = (strings: any): Record<string, { text: string; icon?: string }> => {
+  if (!strings || !strings.liveness || !strings.liveness.instructions) {
+    return {};
+  }
+  return {
+    look_left: { text: strings.liveness.instructions.lookLeft || 'Slowly turn your head LEFT' },
+    look_right: { text: strings.liveness.instructions.lookRight || 'Slowly turn your head RIGHT' },
+    look_up: { text: strings.liveness.instructions.lookUp || 'Look UP' },
+    look_down: { text: strings.liveness.instructions.lookDown || 'Look DOWN' },
+    turn_head_left: { text: strings.liveness.instructions.turnHeadLeft || 'Turn your head LEFT' },
+    turn_head_right: { text: strings.liveness.instructions.turnHeadRight || 'Turn your head RIGHT' },
+    smile: { text: strings.liveness.instructions.smile || 'Smile' },
+    blink: { text: strings.liveness.instructions.blink || 'Blink your eyes naturally' },
+    open_mouth: { text: strings.liveness.instructions.openMouth || 'Open your mouth slightly' },
+    stay_still: { text: strings.liveness.instructions.stayStill || 'Look at the camera and follow the instructions' },
+  };
+};
 import { ValidationProgress } from './ValidationProgress';
 import { ResultScreen } from './ResultScreen';
 import { ErrorScreen } from './ErrorScreen';
@@ -102,6 +107,12 @@ export const BiometricIdentityFlow: React.FC<BiometricIdentityFlowProps> = ({
   useEffect(() => {
     if (language) {
       setLanguage(language);
+      const currentStrings = getStrings();
+      logger.info('Language set in BiometricIdentityFlow', { 
+        language, 
+        lookLeft: currentStrings.liveness?.instructions?.lookLeft,
+        lookRight: currentStrings.liveness?.instructions?.lookRight 
+      });
     }
   }, [language]);
 
@@ -142,24 +153,64 @@ export const BiometricIdentityFlow: React.FC<BiometricIdentityFlowProps> = ({
         setCurrentChallenges(challenges);
       } catch (error) {
         logger.warn('Failed to fetch challenges, using defaults');
+        if (language) {
+          setLanguage(language);
+        }
+        const currentStrings = getStrings();
+        const instructionMap = getInstructionMap(currentStrings);
         const defaultChallenges = sdk.getDefaultChallenges();
-        const instructionMap = getInstructionMap(strings);
-        const translatedChallenges = defaultChallenges.map(challenge => ({
-          ...challenge,
-          instruction: instructionMap[challenge.action]?.text || challenge.instruction,
-          icon: instructionMap[challenge.action]?.icon
-        }));
+        logger.info('Translating default challenges', {
+          language,
+          actionCount: defaultChallenges.length,
+          instructionMapKeys: Object.keys(instructionMap),
+          lookLeftTranslation: instructionMap['look_left']?.text,
+          lookRightTranslation: instructionMap['look_right']?.text
+        });
+        const translatedChallenges = defaultChallenges.map(challenge => {
+          const translated = instructionMap[challenge.action];
+          const finalInstruction = translated?.text || challenge.instruction;
+          logger.info('Translating challenge', {
+            action: challenge.action,
+            original: challenge.instruction,
+            translated: finalInstruction
+          });
+          return {
+            ...challenge,
+            instruction: finalInstruction,
+            icon: translated?.icon
+          };
+        });
         setCurrentChallenges(translatedChallenges);
       }
       setIsLoadingChallenges(false);
     } else if (mode === 'video' && smartLivenessMode) {
+      if (language) {
+        setLanguage(language);
+      }
+      const currentStrings = getStrings();
+      const instructionMap = getInstructionMap(currentStrings);
       const defaultChallenges = sdk.getDefaultChallenges();
-      const instructionMap = getInstructionMap(strings);
-      const translatedChallenges = defaultChallenges.map(challenge => ({
-        ...challenge,
-        instruction: instructionMap[challenge.action]?.text || challenge.instruction,
-        icon: instructionMap[challenge.action]?.icon
-      }));
+      logger.info('Translating default challenges (offline mode)', {
+        language,
+        actionCount: defaultChallenges.length,
+        instructionMapKeys: Object.keys(instructionMap),
+        lookLeftTranslation: instructionMap['look_left']?.text,
+        lookRightTranslation: instructionMap['look_right']?.text
+      });
+      const translatedChallenges = defaultChallenges.map(challenge => {
+        const translated = instructionMap[challenge.action];
+        const finalInstruction = translated?.text || challenge.instruction;
+        logger.info('Translating challenge (offline)', {
+          action: challenge.action,
+          original: challenge.instruction,
+          translated: finalInstruction
+        });
+        return {
+          ...challenge,
+          instruction: finalInstruction,
+          icon: translated?.icon
+        };
+      });
       setCurrentChallenges(translatedChallenges);
     }
     

package/src/components/ResultScreen.tsx

@@ -3,7 +3,7 @@
  * Shows validation result (pass/fail)
  */
 
-import React from 'react';
+import React, { useEffect } from 'react';
 import {
   View,
   Text,
@@ -11,7 +11,7 @@ import {
   TouchableOpacity,
   ScrollView,
 } from 'react-native';
-import { ValidationResult, ThemeConfig, SupportedLanguage } from '@hexar/biometric-identity-sdk-core';
+import { ValidationResult, ThemeConfig, SupportedLanguage, getStrings, setLanguage } from '@hexar/biometric-identity-sdk-core';
 
 export interface ResultScreenProps {
   result: ValidationResult;
@@ -26,6 +26,13 @@ export const ResultScreen: React.FC<ResultScreenProps> = ({
   language = 'en',
   onClose,
 }) => {
+  useEffect(() => {
+    if (language) {
+      setLanguage(language);
+    }
+  }, [language]);
+
+  const strings = getStrings();
   const isSuccess = result.isValidFaceMatch && result.isDocumentAuthentic;
   const successColor = theme?.successColor || '#10B981';
   const errorColor = theme?.errorColor || '#EF4444';
@@ -45,34 +52,28 @@ export const ResultScreen: React.FC<ResultScreenProps> = ({
 
         {/* Result Title */}
         <Text style={[styles.title, { color: theme?.textColor || '#000000' }]}>
-          {isSuccess
-            ? (language === 'es' ? '¡Verificación Exitosa!' : 'Verification Successful!')
-            : (language === 'es' ? 'Verificación Fallida' : 'Verification Failed')}
+          {isSuccess ? strings.result.success.title : strings.result.failure.title}
         </Text>
 
         <Text style={[styles.subtitle, { color: theme?.secondaryTextColor || '#6B7280' }]}>
-          {isSuccess
-            ? (language === 'es'
-                ? 'Tu identidad ha sido verificada correctamente'
-                : 'Your identity has been verified successfully')
-            : (language === 'es'
-                ? 'No pudimos verificar tu identidad'
-                : 'We were unable to verify your identity')}
+          {isSuccess ? strings.result.success.message : strings.result.failure.message}
         </Text>
 
         {/* Scores */}
         <View style={styles.scoresContainer}>
           <ScoreCard
-            label={language === 'es' ? 'Coincidencia Facial' : 'Face Match'}
+            label={strings.validation.matchingFaces || 'Face Match'}
             score={result.matchScore}
             passed={result.isValidFaceMatch}
             theme={theme}
+            strings={strings}
           />
           <ScoreCard
-            label={language === 'es' ? 'Presencia Vital' : 'Liveness'}
+            label={strings.liveness.title || 'Liveness'}
             score={result.livenessScore}
             passed={result.livenessScore >= 80}
             theme={theme}
+            strings={strings}
           />
         </View>
 
@@ -80,25 +81,25 @@ export const ResultScreen: React.FC<ResultScreenProps> = ({
         {result.extractedDocumentData && (
           <View style={styles.dataContainer}>
             <Text style={[styles.sectionTitle, { color: theme?.textColor || '#000000' }]}>
-              {language === 'es' ? 'Datos Extraídos' : 'Extracted Data'}
+              {strings.result.success.verificationComplete || 'Extracted Data'}
             </Text>
             <DataRow
-              label={language === 'es' ? 'Nombre' : 'Name'}
+              label="Nombre"
               value={`${result.extractedDocumentData.firstName} ${result.extractedDocumentData.lastName}`}
               theme={theme}
             />
             <DataRow
-              label={language === 'es' ? 'Documento' : 'Document Number'}
+              label="Documento"
               value={result.extractedDocumentData.documentNumber}
               theme={theme}
             />
             <DataRow
-              label={language === 'es' ? 'Fecha de Nacimiento' : 'Date of Birth'}
+              label="Fecha de Nacimiento"
               value={result.extractedDocumentData.dateOfBirth}
               theme={theme}
             />
             <DataRow
-              label={language === 'es' ? 'Nacionalidad' : 'Nationality'}
+              label="Nacionalidad"
               value={result.extractedDocumentData.nationality}
               theme={theme}
             />
@@ -109,7 +110,7 @@ export const ResultScreen: React.FC<ResultScreenProps> = ({
         {result.warnings.length > 0 && (
           <View style={styles.warningsContainer}>
             <Text style={[styles.sectionTitle, { color: theme?.warningColor || '#F59E0B' }]}>
-              {language === 'es' ? 'Advertencias' : 'Warnings'}
+              Advertencias
             </Text>
             {result.warnings.map((warning, index) => (
               <Text key={index} style={styles.warningText}>
@@ -130,7 +131,7 @@ export const ResultScreen: React.FC<ResultScreenProps> = ({
           onPress={onClose}
         >
           <Text style={styles.buttonText}>
-            {language === 'es' ? 'Continuar' : 'Continue'}
+            {strings.common.continue}
           </Text>
         </TouchableOpacity>
       </View>
@@ -143,9 +144,10 @@ interface ScoreCardProps {
   score: number;
   passed: boolean;
   theme?: ThemeConfig;
+  strings: any;
 }
 
-const ScoreCard: React.FC<ScoreCardProps> = ({ label, score, passed, theme }) => (
+const ScoreCard: React.FC<ScoreCardProps> = ({ label, score, passed, theme, strings }) => (
   <View style={scoreStyles.container}>
     <Text style={scoreStyles.label}>{label}</Text>
     <Text
@@ -156,7 +158,9 @@ const ScoreCard: React.FC<ScoreCardProps> = ({ label, score, passed, theme }) =>
     >
       {Math.round(score)}
     </Text>
-    <Text style={scoreStyles.status}>{passed ? '✓ Passed' : '✗ Failed'}</Text>
+    <Text style={scoreStyles.status}>
+      {passed ? `✓ ${strings.common.done || 'Passed'}` : `✗ ${strings.common.error || 'Failed'}`}
+    </Text>
   </View>
 );