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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/BiometricIdentityFlow.d.ts.map +1 -1
  2. package/dist/components/BiometricIdentityFlow.js +75 -24
  3. package/dist/components/ResultScreen.d.ts.map +1 -1
  4. package/dist/components/ResultScreen.js +54 -25
  5. package/package.json +2 -2
  6. package/src/components/BiometricIdentityFlow.tsx +75 -24
  7. package/src/components/ResultScreen.tsx +27 -23
package/dist/components/BiometricIdentityFlow.d.ts.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -44,18 +44,23 @@ const biometric_identity_sdk_core_1 = require("@hexar/biometric-identity-sdk-cor
44
44
  const useBiometricSDK_1 = require("../hooks/useBiometricSDK");
45
45
  const CameraCapture_1 = require("./CameraCapture");
46
46
  const VideoRecorder_1 = require("./VideoRecorder");
47
- const getInstructionMap = (strings) => ({
48
- look_left: { text: strings.liveness.instructions.lookLeft || 'Slowly turn your head LEFT' },
49
- look_right: { text: strings.liveness.instructions.lookRight || 'Slowly turn your head RIGHT' },
50
- look_up: { text: strings.liveness.instructions.lookUp || 'Look UP' },
51
- look_down: { text: strings.liveness.instructions.lookDown || 'Look DOWN' },
52
- turn_head_left: { text: strings.liveness.instructions.turnHeadLeft || 'Turn your head LEFT' },
53
- turn_head_right: { text: strings.liveness.instructions.turnHeadRight || 'Turn your head RIGHT' },
54
- smile: { text: strings.liveness.instructions.smile || 'Smile' },
55
- blink: { text: strings.liveness.instructions.blink || 'Blink your eyes naturally' },
56
- open_mouth: { text: strings.liveness.instructions.openMouth || 'Open your mouth slightly' },
57
- stay_still: { text: strings.liveness.instructions.stayStill || 'Look at the camera and follow the instructions' },
58
- });
47
+ const getInstructionMap = (strings) => {
48
+ if (!strings || !strings.liveness || !strings.liveness.instructions) {
49
+ return {};
50
+ }
51
+ return {
52
+ look_left: { text: strings.liveness.instructions.lookLeft || 'Slowly turn your head LEFT' },
53
+ look_right: { text: strings.liveness.instructions.lookRight || 'Slowly turn your head RIGHT' },
54
+ look_up: { text: strings.liveness.instructions.lookUp || 'Look UP' },
55
+ look_down: { text: strings.liveness.instructions.lookDown || 'Look DOWN' },
56
+ turn_head_left: { text: strings.liveness.instructions.turnHeadLeft || 'Turn your head LEFT' },
57
+ turn_head_right: { text: strings.liveness.instructions.turnHeadRight || 'Turn your head RIGHT' },
58
+ smile: { text: strings.liveness.instructions.smile || 'Smile' },
59
+ blink: { text: strings.liveness.instructions.blink || 'Blink your eyes naturally' },
60
+ open_mouth: { text: strings.liveness.instructions.openMouth || 'Open your mouth slightly' },
61
+ stay_still: { text: strings.liveness.instructions.stayStill || 'Look at the camera and follow the instructions' },
62
+ };
63
+ };
59
64
  const ValidationProgress_1 = require("./ValidationProgress");
60
65
  const ResultScreen_1 = require("./ResultScreen");
61
66
  const ErrorScreen_1 = require("./ErrorScreen");
@@ -77,6 +82,12 @@ const BiometricIdentityFlow = ({ onValidationComplete, onError, theme, language,
77
82
  (0, react_1.useEffect)(() => {
78
83
  if (language) {
79
84
  (0, biometric_identity_sdk_core_1.setLanguage)(language);
85
+ const currentStrings = (0, biometric_identity_sdk_core_1.getStrings)();
86
+ biometric_identity_sdk_core_1.logger.info('Language set in BiometricIdentityFlow', {
87
+ language,
88
+ lookLeft: currentStrings.liveness?.instructions?.lookLeft,
89
+ lookRight: currentStrings.liveness?.instructions?.lookRight
90
+ });
80
91
  }
81
92
  }, [language]);
82
93
  const strings = (0, biometric_identity_sdk_core_1.getStrings)();
@@ -112,25 +123,65 @@ const BiometricIdentityFlow = ({ onValidationComplete, onError, theme, language,
112
123
  }
113
124
  catch (error) {
114
125
  biometric_identity_sdk_core_1.logger.warn('Failed to fetch challenges, using defaults');
126
+ if (language) {
127
+ (0, biometric_identity_sdk_core_1.setLanguage)(language);
128
+ }
129
+ const currentStrings = (0, biometric_identity_sdk_core_1.getStrings)();
130
+ const instructionMap = getInstructionMap(currentStrings);
115
131
  const defaultChallenges = sdk.getDefaultChallenges();
116
- const instructionMap = getInstructionMap(strings);
117
- const translatedChallenges = defaultChallenges.map(challenge => ({
118
- ...challenge,
119
- instruction: instructionMap[challenge.action]?.text || challenge.instruction,
120
- icon: instructionMap[challenge.action]?.icon
121
- }));
132
+ biometric_identity_sdk_core_1.logger.info('Translating default challenges', {
133
+ language,
134
+ actionCount: defaultChallenges.length,
135
+ instructionMapKeys: Object.keys(instructionMap),
136
+ lookLeftTranslation: instructionMap['look_left']?.text,
137
+ lookRightTranslation: instructionMap['look_right']?.text
138
+ });
139
+ const translatedChallenges = defaultChallenges.map(challenge => {
140
+ const translated = instructionMap[challenge.action];
141
+ const finalInstruction = translated?.text || challenge.instruction;
142
+ biometric_identity_sdk_core_1.logger.info('Translating challenge', {
143
+ action: challenge.action,
144
+ original: challenge.instruction,
145
+ translated: finalInstruction
146
+ });
147
+ return {
148
+ ...challenge,
149
+ instruction: finalInstruction,
150
+ icon: translated?.icon
151
+ };
152
+ });
122
153
  setCurrentChallenges(translatedChallenges);
123
154
  }
124
155
  setIsLoadingChallenges(false);
125
156
  }
126
157
  else if (mode === 'video' && smartLivenessMode) {
158
+ if (language) {
159
+ (0, biometric_identity_sdk_core_1.setLanguage)(language);
160
+ }
161
+ const currentStrings = (0, biometric_identity_sdk_core_1.getStrings)();
162
+ const instructionMap = getInstructionMap(currentStrings);
127
163
  const defaultChallenges = sdk.getDefaultChallenges();
128
- const instructionMap = getInstructionMap(strings);
129
- const translatedChallenges = defaultChallenges.map(challenge => ({
130
- ...challenge,
131
- instruction: instructionMap[challenge.action]?.text || challenge.instruction,
132
- icon: instructionMap[challenge.action]?.icon
133
- }));
164
+ biometric_identity_sdk_core_1.logger.info('Translating default challenges (offline mode)', {
165
+ language,
166
+ actionCount: defaultChallenges.length,
167
+ instructionMapKeys: Object.keys(instructionMap),
168
+ lookLeftTranslation: instructionMap['look_left']?.text,
169
+ lookRightTranslation: instructionMap['look_right']?.text
170
+ });
171
+ const translatedChallenges = defaultChallenges.map(challenge => {
172
+ const translated = instructionMap[challenge.action];
173
+ const finalInstruction = translated?.text || challenge.instruction;
174
+ biometric_identity_sdk_core_1.logger.info('Translating challenge (offline)', {
175
+ action: challenge.action,
176
+ original: challenge.instruction,
177
+ translated: finalInstruction
178
+ });
179
+ return {
180
+ ...challenge,
181
+ instruction: finalInstruction,
182
+ icon: translated?.icon
183
+ };
184
+ });
134
185
  setCurrentChallenges(translatedChallenges);
135
186
  }
136
187
  setShowCamera(true);
package/dist/components/ResultScreen.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -3,14 +3,51 @@
3
3
  * Result Screen Component
4
4
  * Shows validation result (pass/fail)
5
5
  */
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
6
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
+ if (k2 === undefined) k2 = k;
8
+ var desc = Object.getOwnPropertyDescriptor(m, k);
9
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
10
+ desc = { enumerable: true, get: function() { return m[k]; } };
11
+ }
12
+ Object.defineProperty(o, k2, desc);
13
+ }) : (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ o[k2] = m[k];
16
+ }));
17
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
18
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
19
+ }) : function(o, v) {
20
+ o["default"] = v;
21
+ });
22
+ var __importStar = (this && this.__importStar) || (function () {
23
+ var ownKeys = function(o) {
24
+ ownKeys = Object.getOwnPropertyNames || function (o) {
25
+ var ar = [];
26
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
27
+ return ar;
28
+ };
29
+ return ownKeys(o);
30
+ };
31
+ return function (mod) {
32
+ if (mod && mod.__esModule) return mod;
33
+ var result = {};
34
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
35
+ __setModuleDefault(result, mod);
36
+ return result;
37
+ };
38
+ })();
9
39
  Object.defineProperty(exports, "__esModule", { value: true });
10
40
  exports.ResultScreen = void 0;
11
- const react_1 = __importDefault(require("react"));
41
+ const react_1 = __importStar(require("react"));
12
42
  const react_native_1 = require("react-native");
43
+ const biometric_identity_sdk_core_1 = require("@hexar/biometric-identity-sdk-core");
13
44
  const ResultScreen = ({ result, theme, language = 'en', onClose, }) => {
45
+ (0, react_1.useEffect)(() => {
46
+ if (language) {
47
+ (0, biometric_identity_sdk_core_1.setLanguage)(language);
48
+ }
49
+ }, [language]);
50
+ const strings = (0, biometric_identity_sdk_core_1.getStrings)();
14
51
  const isSuccess = result.isValidFaceMatch && result.isDocumentAuthentic;
15
52
  const successColor = theme?.successColor || '#10B981';
16
53
  const errorColor = theme?.errorColor || '#EF4444';
@@ -21,27 +58,19 @@ const ResultScreen = ({ result, theme, language = 'en', onClose, }) => {
21
58
  { backgroundColor: isSuccess ? successColor : errorColor },
22
59
  ] },
23
60
  react_1.default.createElement(react_native_1.Text, { style: styles.icon }, isSuccess ? '✓' : '✗')),
24
- react_1.default.createElement(react_native_1.Text, { style: [styles.title, { color: theme?.textColor || '#000000' }] }, isSuccess
25
- ? (language === 'es' ? '¡Verificación Exitosa!' : 'Verification Successful!')
26
- : (language === 'es' ? 'Verificación Fallida' : 'Verification Failed')),
27
- react_1.default.createElement(react_native_1.Text, { style: [styles.subtitle, { color: theme?.secondaryTextColor || '#6B7280' }] }, isSuccess
28
- ? (language === 'es'
29
- ? 'Tu identidad ha sido verificada correctamente'
30
- : 'Your identity has been verified successfully')
31
- : (language === 'es'
32
- ? 'No pudimos verificar tu identidad'
33
- : 'We were unable to verify your identity')),
61
+ react_1.default.createElement(react_native_1.Text, { style: [styles.title, { color: theme?.textColor || '#000000' }] }, isSuccess ? strings.result.success.title : strings.result.failure.title),
62
+ react_1.default.createElement(react_native_1.Text, { style: [styles.subtitle, { color: theme?.secondaryTextColor || '#6B7280' }] }, isSuccess ? strings.result.success.message : strings.result.failure.message),
34
63
  react_1.default.createElement(react_native_1.View, { style: styles.scoresContainer },
35
- react_1.default.createElement(ScoreCard, { label: language === 'es' ? 'Coincidencia Facial' : 'Face Match', score: result.matchScore, passed: result.isValidFaceMatch, theme: theme }),
36
- react_1.default.createElement(ScoreCard, { label: language === 'es' ? 'Presencia Vital' : 'Liveness', score: result.livenessScore, passed: result.livenessScore >= 80, theme: theme })),
64
+ react_1.default.createElement(ScoreCard, { label: strings.validation.matchingFaces || 'Face Match', score: result.matchScore, passed: result.isValidFaceMatch, theme: theme, strings: strings }),
65
+ react_1.default.createElement(ScoreCard, { label: strings.liveness.title || 'Liveness', score: result.livenessScore, passed: result.livenessScore >= 80, theme: theme, strings: strings })),
37
66
  result.extractedDocumentData && (react_1.default.createElement(react_native_1.View, { style: styles.dataContainer },
38
- react_1.default.createElement(react_native_1.Text, { style: [styles.sectionTitle, { color: theme?.textColor || '#000000' }] }, language === 'es' ? 'Datos Extraídos' : 'Extracted Data'),
39
- react_1.default.createElement(DataRow, { label: language === 'es' ? 'Nombre' : 'Name', value: `${result.extractedDocumentData.firstName} ${result.extractedDocumentData.lastName}`, theme: theme }),
40
- react_1.default.createElement(DataRow, { label: language === 'es' ? 'Documento' : 'Document Number', value: result.extractedDocumentData.documentNumber, theme: theme }),
41
- react_1.default.createElement(DataRow, { label: language === 'es' ? 'Fecha de Nacimiento' : 'Date of Birth', value: result.extractedDocumentData.dateOfBirth, theme: theme }),
42
- react_1.default.createElement(DataRow, { label: language === 'es' ? 'Nacionalidad' : 'Nationality', value: result.extractedDocumentData.nationality, theme: theme }))),
67
+ react_1.default.createElement(react_native_1.Text, { style: [styles.sectionTitle, { color: theme?.textColor || '#000000' }] }, strings.result.success.verificationComplete || 'Extracted Data'),
68
+ react_1.default.createElement(DataRow, { label: "Nombre", value: `${result.extractedDocumentData.firstName} ${result.extractedDocumentData.lastName}`, theme: theme }),
69
+ react_1.default.createElement(DataRow, { label: "Documento", value: result.extractedDocumentData.documentNumber, theme: theme }),
70
+ react_1.default.createElement(DataRow, { label: "Fecha de Nacimiento", value: result.extractedDocumentData.dateOfBirth, theme: theme }),
71
+ react_1.default.createElement(DataRow, { label: "Nacionalidad", value: result.extractedDocumentData.nationality, theme: theme }))),
43
72
  result.warnings.length > 0 && (react_1.default.createElement(react_native_1.View, { style: styles.warningsContainer },
44
- react_1.default.createElement(react_native_1.Text, { style: [styles.sectionTitle, { color: theme?.warningColor || '#F59E0B' }] }, language === 'es' ? 'Advertencias' : 'Warnings'),
73
+ react_1.default.createElement(react_native_1.Text, { style: [styles.sectionTitle, { color: theme?.warningColor || '#F59E0B' }] }, "Advertencias"),
45
74
  result.warnings.map((warning, index) => (react_1.default.createElement(react_native_1.Text, { key: index, style: styles.warningText },
46
75
  "\u2022 ",
47
76
  warning.replace(/_/g, ' '))))))),
@@ -50,16 +79,16 @@ const ResultScreen = ({ result, theme, language = 'en', onClose, }) => {
50
79
  styles.button,
51
80
  { backgroundColor: theme?.primaryColor || '#6366F1' },
52
81
  ], onPress: onClose },
53
- react_1.default.createElement(react_native_1.Text, { style: styles.buttonText }, language === 'es' ? 'Continuar' : 'Continue')))));
82
+ react_1.default.createElement(react_native_1.Text, { style: styles.buttonText }, strings.common.continue)))));
54
83
  };
55
84
  exports.ResultScreen = ResultScreen;
56
- const ScoreCard = ({ label, score, passed, theme }) => (react_1.default.createElement(react_native_1.View, { style: scoreStyles.container },
85
+ const ScoreCard = ({ label, score, passed, theme, strings }) => (react_1.default.createElement(react_native_1.View, { style: scoreStyles.container },
57
86
  react_1.default.createElement(react_native_1.Text, { style: scoreStyles.label }, label),
58
87
  react_1.default.createElement(react_native_1.Text, { style: [
59
88
  scoreStyles.score,
60
89
  { color: passed ? (theme?.successColor || '#10B981') : (theme?.errorColor || '#EF4444') },
61
90
  ] }, Math.round(score)),
62
- react_1.default.createElement(react_native_1.Text, { style: scoreStyles.status }, passed ? '✓ Passed' : '✗ Failed')));
91
+ react_1.default.createElement(react_native_1.Text, { style: scoreStyles.status }, passed ? `✓ ${strings.common.done || 'Passed'}` : `✗ ${strings.common.error || 'Failed'}`)));
63
92
  const scoreStyles = react_native_1.StyleSheet.create({
64
93
  container: {
65
94
  flex: 1,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hexar/biometric-identity-sdk-react-native",
3
- "version": "1.0.26",
3
+ "version": "1.0.27",
4
4
  "description": "React Native wrapper for Biometric Identity SDK",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -11,7 +11,7 @@
11
11
  "clean": "rm -rf dist"
12
12
  },
13
13
  "peerDependencies": {
14
- "@hexar/biometric-identity-sdk-core": ">=1.0.16",
14
+ "@hexar/biometric-identity-sdk-core": ">=1.0.17",
15
15
  "react": ">=18.0.0",
16
16
  "react-native": ">=0.70.0",
17
17
  "react-native-permissions": ">=4.0.0",
package/src/components/BiometricIdentityFlow.tsx CHANGED
@@ -29,18 +29,23 @@ import { useBiometricSDK } from '../hooks/useBiometricSDK';
29
29
  import { CameraCapture } from './CameraCapture';
30
30
  import { VideoRecorder, VideoRecordingResult } from './VideoRecorder';
31
31
 
32
- const getInstructionMap = (strings: any): Record<string, { text: string; icon?: string }> => ({
33
- look_left: { text: strings.liveness.instructions.lookLeft || 'Slowly turn your head LEFT' },
34
- look_right: { text: strings.liveness.instructions.lookRight || 'Slowly turn your head RIGHT' },
35
- look_up: { text: strings.liveness.instructions.lookUp || 'Look UP' },
36
- look_down: { text: strings.liveness.instructions.lookDown || 'Look DOWN' },
37
- turn_head_left: { text: strings.liveness.instructions.turnHeadLeft || 'Turn your head LEFT' },
38
- turn_head_right: { text: strings.liveness.instructions.turnHeadRight || 'Turn your head RIGHT' },
39
- smile: { text: strings.liveness.instructions.smile || 'Smile' },
40
- blink: { text: strings.liveness.instructions.blink || 'Blink your eyes naturally' },
41
- open_mouth: { text: strings.liveness.instructions.openMouth || 'Open your mouth slightly' },
42
- stay_still: { text: strings.liveness.instructions.stayStill || 'Look at the camera and follow the instructions' },
43
- });
32
+ const getInstructionMap = (strings: any): Record<string, { text: string; icon?: string }> => {
33
+ if (!strings || !strings.liveness || !strings.liveness.instructions) {
34
+ return {};
35
+ }
36
+ return {
37
+ look_left: { text: strings.liveness.instructions.lookLeft || 'Slowly turn your head LEFT' },
38
+ look_right: { text: strings.liveness.instructions.lookRight || 'Slowly turn your head RIGHT' },
39
+ look_up: { text: strings.liveness.instructions.lookUp || 'Look UP' },
40
+ look_down: { text: strings.liveness.instructions.lookDown || 'Look DOWN' },
41
+ turn_head_left: { text: strings.liveness.instructions.turnHeadLeft || 'Turn your head LEFT' },
42
+ turn_head_right: { text: strings.liveness.instructions.turnHeadRight || 'Turn your head RIGHT' },
43
+ smile: { text: strings.liveness.instructions.smile || 'Smile' },
44
+ blink: { text: strings.liveness.instructions.blink || 'Blink your eyes naturally' },
45
+ open_mouth: { text: strings.liveness.instructions.openMouth || 'Open your mouth slightly' },
46
+ stay_still: { text: strings.liveness.instructions.stayStill || 'Look at the camera and follow the instructions' },
47
+ };
48
+ };
44
49
  import { ValidationProgress } from './ValidationProgress';
45
50
  import { ResultScreen } from './ResultScreen';
46
51
  import { ErrorScreen } from './ErrorScreen';
@@ -102,6 +107,12 @@ export const BiometricIdentityFlow: React.FC<BiometricIdentityFlowProps> = ({
102
107
  useEffect(() => {
103
108
  if (language) {
104
109
  setLanguage(language);
110
+ const currentStrings = getStrings();
111
+ logger.info('Language set in BiometricIdentityFlow', {
112
+ language,
113
+ lookLeft: currentStrings.liveness?.instructions?.lookLeft,
114
+ lookRight: currentStrings.liveness?.instructions?.lookRight
115
+ });
105
116
  }
106
117
  }, [language]);
107
118
 
@@ -142,24 +153,64 @@ export const BiometricIdentityFlow: React.FC<BiometricIdentityFlowProps> = ({
142
153
  setCurrentChallenges(challenges);
143
154
  } catch (error) {
144
155
  logger.warn('Failed to fetch challenges, using defaults');
156
+ if (language) {
157
+ setLanguage(language);
158
+ }
159
+ const currentStrings = getStrings();
160
+ const instructionMap = getInstructionMap(currentStrings);
145
161
  const defaultChallenges = sdk.getDefaultChallenges();
146
- const instructionMap = getInstructionMap(strings);
147
- const translatedChallenges = defaultChallenges.map(challenge => ({
148
- ...challenge,
149
- instruction: instructionMap[challenge.action]?.text || challenge.instruction,
150
- icon: instructionMap[challenge.action]?.icon
151
- }));
162
+ logger.info('Translating default challenges', {
163
+ language,
164
+ actionCount: defaultChallenges.length,
165
+ instructionMapKeys: Object.keys(instructionMap),
166
+ lookLeftTranslation: instructionMap['look_left']?.text,
167
+ lookRightTranslation: instructionMap['look_right']?.text
168
+ });
169
+ const translatedChallenges = defaultChallenges.map(challenge => {
170
+ const translated = instructionMap[challenge.action];
171
+ const finalInstruction = translated?.text || challenge.instruction;
172
+ logger.info('Translating challenge', {
173
+ action: challenge.action,
174
+ original: challenge.instruction,
175
+ translated: finalInstruction
176
+ });
177
+ return {
178
+ ...challenge,
179
+ instruction: finalInstruction,
180
+ icon: translated?.icon
181
+ };
182
+ });
152
183
  setCurrentChallenges(translatedChallenges);
153
184
  }
154
185
  setIsLoadingChallenges(false);
155
186
  } else if (mode === 'video' && smartLivenessMode) {
187
+ if (language) {
188
+ setLanguage(language);
189
+ }
190
+ const currentStrings = getStrings();
191
+ const instructionMap = getInstructionMap(currentStrings);
156
192
  const defaultChallenges = sdk.getDefaultChallenges();
157
- const instructionMap = getInstructionMap(strings);
158
- const translatedChallenges = defaultChallenges.map(challenge => ({
159
- ...challenge,
160
- instruction: instructionMap[challenge.action]?.text || challenge.instruction,
161
- icon: instructionMap[challenge.action]?.icon
162
- }));
193
+ logger.info('Translating default challenges (offline mode)', {
194
+ language,
195
+ actionCount: defaultChallenges.length,
196
+ instructionMapKeys: Object.keys(instructionMap),
197
+ lookLeftTranslation: instructionMap['look_left']?.text,
198
+ lookRightTranslation: instructionMap['look_right']?.text
199
+ });
200
+ const translatedChallenges = defaultChallenges.map(challenge => {
201
+ const translated = instructionMap[challenge.action];
202
+ const finalInstruction = translated?.text || challenge.instruction;
203
+ logger.info('Translating challenge (offline)', {
204
+ action: challenge.action,
205
+ original: challenge.instruction,
206
+ translated: finalInstruction
207
+ });
208
+ return {
209
+ ...challenge,
210
+ instruction: finalInstruction,
211
+ icon: translated?.icon
212
+ };
213
+ });
163
214
  setCurrentChallenges(translatedChallenges);
164
215
  }
165
216
 
package/src/components/ResultScreen.tsx CHANGED
@@ -3,7 +3,7 @@
3
3
  * Shows validation result (pass/fail)
4
4
  */
5
5
 
6
- import React from 'react';
6
+ import React, { useEffect } from 'react';
7
7
  import {
8
8
  View,
9
9
  Text,
@@ -11,7 +11,7 @@ import {
11
11
  TouchableOpacity,
12
12
  ScrollView,
13
13
  } from 'react-native';
14
- import { ValidationResult, ThemeConfig, SupportedLanguage } from '@hexar/biometric-identity-sdk-core';
14
+ import { ValidationResult, ThemeConfig, SupportedLanguage, getStrings, setLanguage } from '@hexar/biometric-identity-sdk-core';
15
15
 
16
16
  export interface ResultScreenProps {
17
17
  result: ValidationResult;
@@ -26,6 +26,13 @@ export const ResultScreen: React.FC<ResultScreenProps> = ({
26
26
  language = 'en',
27
27
  onClose,
28
28
  }) => {
29
+ useEffect(() => {
30
+ if (language) {
31
+ setLanguage(language);
32
+ }
33
+ }, [language]);
34
+
35
+ const strings = getStrings();
29
36
  const isSuccess = result.isValidFaceMatch && result.isDocumentAuthentic;
30
37
  const successColor = theme?.successColor || '#10B981';
31
38
  const errorColor = theme?.errorColor || '#EF4444';
@@ -45,34 +52,28 @@ export const ResultScreen: React.FC<ResultScreenProps> = ({
45
52
 
46
53
  {/* Result Title */}
47
54
  <Text style={[styles.title, { color: theme?.textColor || '#000000' }]}>
48
- {isSuccess
49
- ? (language === 'es' ? '¡Verificación Exitosa!' : 'Verification Successful!')
50
- : (language === 'es' ? 'Verificación Fallida' : 'Verification Failed')}
55
+ {isSuccess ? strings.result.success.title : strings.result.failure.title}
51
56
  </Text>
52
57
 
53
58
  <Text style={[styles.subtitle, { color: theme?.secondaryTextColor || '#6B7280' }]}>
54
- {isSuccess
55
- ? (language === 'es'
56
- ? 'Tu identidad ha sido verificada correctamente'
57
- : 'Your identity has been verified successfully')
58
- : (language === 'es'
59
- ? 'No pudimos verificar tu identidad'
60
- : 'We were unable to verify your identity')}
59
+ {isSuccess ? strings.result.success.message : strings.result.failure.message}
61
60
  </Text>
62
61
 
63
62
  {/* Scores */}
64
63
  <View style={styles.scoresContainer}>
65
64
  <ScoreCard
66
- label={language === 'es' ? 'Coincidencia Facial' : 'Face Match'}
65
+ label={strings.validation.matchingFaces || 'Face Match'}
67
66
  score={result.matchScore}
68
67
  passed={result.isValidFaceMatch}
69
68
  theme={theme}
69
+ strings={strings}
70
70
  />
71
71
  <ScoreCard
72
- label={language === 'es' ? 'Presencia Vital' : 'Liveness'}
72
+ label={strings.liveness.title || 'Liveness'}
73
73
  score={result.livenessScore}
74
74
  passed={result.livenessScore >= 80}
75
75
  theme={theme}
76
+ strings={strings}
76
77
  />
77
78
  </View>
78
79
 
@@ -80,25 +81,25 @@ export const ResultScreen: React.FC<ResultScreenProps> = ({
80
81
  {result.extractedDocumentData && (
81
82
  <View style={styles.dataContainer}>
82
83
  <Text style={[styles.sectionTitle, { color: theme?.textColor || '#000000' }]}>
83
- {language === 'es' ? 'Datos Extraídos' : 'Extracted Data'}
84
+ {strings.result.success.verificationComplete || 'Extracted Data'}
84
85
  </Text>
85
86
  <DataRow
86
- label={language === 'es' ? 'Nombre' : 'Name'}
87
+ label="Nombre"
87
88
  value={`${result.extractedDocumentData.firstName} ${result.extractedDocumentData.lastName}`}
88
89
  theme={theme}
89
90
  />
90
91
  <DataRow
91
- label={language === 'es' ? 'Documento' : 'Document Number'}
92
+ label="Documento"
92
93
  value={result.extractedDocumentData.documentNumber}
93
94
  theme={theme}
94
95
  />
95
96
  <DataRow
96
- label={language === 'es' ? 'Fecha de Nacimiento' : 'Date of Birth'}
97
+ label="Fecha de Nacimiento"
97
98
  value={result.extractedDocumentData.dateOfBirth}
98
99
  theme={theme}
99
100
  />
100
101
  <DataRow
101
- label={language === 'es' ? 'Nacionalidad' : 'Nationality'}
102
+ label="Nacionalidad"
102
103
  value={result.extractedDocumentData.nationality}
103
104
  theme={theme}
104
105
  />
@@ -109,7 +110,7 @@ export const ResultScreen: React.FC<ResultScreenProps> = ({
109
110
  {result.warnings.length > 0 && (
110
111
  <View style={styles.warningsContainer}>
111
112
  <Text style={[styles.sectionTitle, { color: theme?.warningColor || '#F59E0B' }]}>
112
- {language === 'es' ? 'Advertencias' : 'Warnings'}
113
+ Advertencias
113
114
  </Text>
114
115
  {result.warnings.map((warning, index) => (
115
116
  <Text key={index} style={styles.warningText}>
@@ -130,7 +131,7 @@ export const ResultScreen: React.FC<ResultScreenProps> = ({
130
131
  onPress={onClose}
131
132
  >
132
133
  <Text style={styles.buttonText}>
133
- {language === 'es' ? 'Continuar' : 'Continue'}
134
+ {strings.common.continue}
134
135
  </Text>
135
136
  </TouchableOpacity>
136
137
  </View>
@@ -143,9 +144,10 @@ interface ScoreCardProps {
143
144
  score: number;
144
145
  passed: boolean;
145
146
  theme?: ThemeConfig;
147
+ strings: any;
146
148
  }
147
149
 
148
- const ScoreCard: React.FC<ScoreCardProps> = ({ label, score, passed, theme }) => (
150
+ const ScoreCard: React.FC<ScoreCardProps> = ({ label, score, passed, theme, strings }) => (
149
151
  <View style={scoreStyles.container}>
150
152
  <Text style={scoreStyles.label}>{label}</Text>
151
153
  <Text
@@ -156,7 +158,9 @@ const ScoreCard: React.FC<ScoreCardProps> = ({ label, score, passed, theme }) =>
156
158
  >
157
159
  {Math.round(score)}
158
160
  </Text>
159
- <Text style={scoreStyles.status}>{passed ? '✓ Passed' : '✗ Failed'}</Text>
161
+ <Text style={scoreStyles.status}>
162
+ {passed ? `✓ ${strings.common.done || 'Passed'}` : `✗ ${strings.common.error || 'Failed'}`}
163
+ </Text>
160
164
  </View>
161
165
  );
162
166