@hexar/biometric-identity-sdk-react-native 1.1.16 → 1.1.18

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

@@ -1 +1 @@
-{"version":3,"file":"ProfilePictureCapture.d.ts","sourceRoot":"","sources":["../../src/components/ProfilePictureCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAmC,cAAc,EAAsB,MAAM,oCAAoC,CAAC;AAGzJ,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,CAAC,MAAM,EAAE,8BAA8B,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAmNtE,CAAC;AAuBF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ProfilePictureCapture.d.ts","sourceRoot":"","sources":["../../src/components/ProfilePictureCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAmC,cAAc,EAAsB,MAAM,oCAAoC,CAAC;AAGzJ,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,CAAC,MAAM,EAAE,8BAA8B,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAiPtE,CAAC;AAuBF,eAAe,qBAAqB,CAAC"}

package/dist/components/ProfilePictureCapture.js

@@ -58,16 +58,25 @@ const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language,
                 setIsLoadingChallenges(true);
                 try {
                     const challenges = await fetchChallenges('active');
+                    biometric_identity_sdk_core_1.logger.info('ProfilePictureCapture: Challenges loaded', {
+                        challengeCount: challenges.length,
+                        challenges: challenges.map(c => c.action)
+                    });
                     setCurrentChallenges(challenges);
                 }
                 catch (error) {
-                    biometric_identity_sdk_core_1.logger.warn('Failed to fetch challenges, VideoRecorder will use defaults');
+                    biometric_identity_sdk_core_1.logger.warn('Failed to fetch challenges, VideoRecorder will use defaults', error);
                     setCurrentChallenges([]);
                 }
                 setIsLoadingChallenges(false);
             };
             loadChallenges();
         }
+        else if (isInitialized) {
+            // If not using backend, still initialize with empty array (VideoRecorder will use defaults)
+            setCurrentChallenges([]);
+            setIsLoadingChallenges(false);
+        }
     }, [isInitialized, isUsingBackend, fetchChallenges]);
     const strings = (0, biometric_identity_sdk_core_1.getStrings)();
     const validateWithBackend = (0, react_1.useCallback)(async (videoResult) => {
@@ -142,6 +151,13 @@ const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language,
         }
     }, [isInitialized, isUsingBackend, sdk]);
     const handleVideoComplete = (0, react_1.useCallback)(async (videoResult) => {
+        biometric_identity_sdk_core_1.logger.info('ProfilePictureCapture: Video recording completed', {
+            framesCount: videoResult.frames?.length || 0,
+            duration: videoResult.duration,
+            challengesCompleted: videoResult.challengesCompleted || [],
+            challengesCompletedCount: videoResult.challengesCompleted?.length || 0,
+            expectedChallengesCount: currentChallenges.length,
+        });
         setIsValidating(true);
         try {
             const result = await validateWithBackend(videoResult);
@@ -185,7 +201,7 @@ const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language,
             };
             onError(biometricError);
         }
-    }, [validateWithBackend, onComplete, onError, strings, language]);
+    }, [validateWithBackend, onComplete, onError, strings, language, currentChallenges]);
     const handleVideoCancel = (0, react_1.useCallback)(() => {
         if (onCancel) {
             onCancel();
@@ -198,6 +214,13 @@ const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language,
                 react_1.default.createElement(react_native_1.Text, { style: [styles.loadingText, { color: theme?.textColor || '#1e1b4b' }] }, strings.liveness.processing || strings.validation.checkingLiveness || 'Processing...'),
                 react_1.default.createElement(react_native_1.Text, { style: [styles.loadingSubtext, { color: theme?.secondaryTextColor || '#64748b' }] }, strings.validation.almostDone || strings.common.loading || 'This may take a few seconds'))));
     }
+    // Wait for initialization and challenge loading before showing VideoRecorder
+    if (!isInitialized || (isUsingBackend && isLoadingChallenges)) {
+        return (react_1.default.createElement(react_native_1.SafeAreaView, { style: [styles.container, { backgroundColor: theme?.backgroundColor || '#FFFFFF' }] },
+            react_1.default.createElement(react_native_1.View, { style: styles.loadingContainer },
+                react_1.default.createElement(react_native_1.ActivityIndicator, { size: "large", color: theme?.primaryColor || '#4f46e5' }),
+                react_1.default.createElement(react_native_1.Text, { style: [styles.loadingText, { color: theme?.textColor || '#1e1b4b' }] }, strings.liveness.preparing || 'Preparing...'))));
+    }
     return (react_1.default.createElement(VideoRecorder_1.VideoRecorder, { theme: theme, language: language, smartMode: true, challenges: currentChallenges, sessionId: sdk.getSessionId() || undefined, onComplete: handleVideoComplete, onCancel: handleVideoCancel, onFetchChallenges: handleFetchChallenges }));
 };
 exports.ProfilePictureCapture = ProfilePictureCapture;

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

@@ -1 +1 @@
-{"version":3,"file":"VideoRecorder.d.ts","sourceRoot":"","sources":["../../src/components/VideoRecorder.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAaxE,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,iBAAiB,EAAmC,MAAM,oCAAoC,CAAC;AAE1I,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wCAAwC;IACxC,UAAU,EAAE,CAAC,SAAS,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,iCAAiC;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,eAAe,EAAE,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiDD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAi2BtD,CAAC;AA4OF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"VideoRecorder.d.ts","sourceRoot":"","sources":["../../src/components/VideoRecorder.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAaxE,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,iBAAiB,EAAmC,MAAM,oCAAoC,CAAC;AAE1I,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wCAAwC;IACxC,UAAU,EAAE,CAAC,SAAS,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,iCAAiC;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,eAAe,EAAE,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiDD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAg5BtD,CAAC;AA4OF,eAAe,aAAa,CAAC"}

package/dist/components/VideoRecorder.js

@@ -200,6 +200,13 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                         },
                     ];
                 }
+                biometric_identity_sdk_core_1.logger.info('VideoRecorder: Challenges initialized', {
+                    challengeCount: challengeList.length,
+                    challengeActions: challengeList.map(c => c.action),
+                    source: propChallenges && propChallenges.length > 0 ? 'propChallenges' :
+                        onFetchChallenges ? 'onFetchChallenges' :
+                            instructions && instructions.length > 0 ? 'instructions' : 'default'
+                });
                 setChallenges(challengeList);
                 setPhase('countdown');
             }
@@ -494,6 +501,12 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
         }
     }, [frames, completedChallenges, challenges, sessionId, onComplete, minDurationMs, resetAndRetry, strings]);
     const runChallenge = (0, react_1.useCallback)((index) => {
+        biometric_identity_sdk_core_1.logger.info('VideoRecorder: runChallenge called', {
+            index,
+            challengesLength: challenges.length,
+            challengeActions: challenges.map(c => c.action),
+            completedChallengesCount: completedChallenges.length
+        });
         if (index >= challenges.length) {
             setOverallProgress(100);
             if (recordingTimeoutRef.current) {
@@ -556,7 +569,16 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
         }, 100);
         setTimeout(() => {
             clearInterval(progressInterval);
-            setCompletedChallenges(prev => [...prev, challenge.action]);
+            setCompletedChallenges(prev => {
+                const updated = [...prev, challenge.action];
+                biometric_identity_sdk_core_1.logger.info('VideoRecorder: Challenge completed', {
+                    action: challenge.action,
+                    index,
+                    completedCount: updated.length,
+                    completedActions: updated
+                });
+                return updated;
+            });
             react_native_1.Animated.timing(fadeAnim, {
                 toValue: 0,
                 duration: 200,
@@ -593,7 +615,32 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
         else {
             startFrameCapture();
         }
-        runChallenge(0);
+        /**
+         * If challenges are not available, set default challenges and run challenge
+         * This should not happen if ProfilePictureCapture properly waits for challenges
+         * But as a fallback, set defaults and retry after state update
+         * Schedule runChallenge to execute after state update completes
+         * This ensures the updated challenges are available when runChallenge executes
+         * Check again after state update - runChallenge callback should have latest challenges
+         */
+        if (challenges.length === 0) {
+            biometric_identity_sdk_core_1.logger.warn('VideoRecorder: No challenges available when starting recording - challenges should have been loaded by initChallenges');
+            const defaultChallenges = smartMode ? getDefaultChallenges((0, biometric_identity_sdk_core_1.getStrings)()) : [
+                {
+                    action: 'stay_still',
+                    instruction: (0, biometric_identity_sdk_core_1.getStrings)().liveness.instructions.stayStill || 'Look at the camera and stay still',
+                    duration_ms: duration || 5000,
+                    order: 1,
+                },
+            ];
+            setChallenges(defaultChallenges);
+            Promise.resolve().then(() => {
+                runChallenge(0);
+            });
+        }
+        else {
+            runChallenge(0);
+        }
         const maxDuration = Math.max(totalDuration, minDurationMs + 2000);
         recordingTimeoutRef.current = setTimeout(() => {
             if (isRecordingRef.current) {
@@ -608,7 +655,7 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                 recordingTimeoutRef.current = null;
             }
         };
-    }, [device, totalDuration, minDurationMs, handleVideoComplete, handleRecordingError, runChallenge, stopRecording, startFrameCapture]);
+    }, [device, totalDuration, minDurationMs, handleVideoComplete, handleRecordingError, runChallenge, stopRecording, startFrameCapture, challenges, smartMode, duration]);
     const currentChallenge = challenges[currentChallengeIndex];
     const getDirectionIndicator = () => {
         if (!currentChallenge)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexar/biometric-identity-sdk-react-native",
-  "version": "1.1.16",
+  "version": "1.1.18",
   "description": "React Native wrapper for Biometric Identity SDK",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/ProfilePictureCapture.tsx

@@ -61,14 +61,22 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
         setIsLoadingChallenges(true);
         try {
           const challenges = await fetchChallenges('active');
+          logger.info('ProfilePictureCapture: Challenges loaded', {
+            challengeCount: challenges.length,
+            challenges: challenges.map(c => c.action)
+          });
           setCurrentChallenges(challenges);
         } catch (error) {
-          logger.warn('Failed to fetch challenges, VideoRecorder will use defaults');
+          logger.warn('Failed to fetch challenges, VideoRecorder will use defaults', error);
           setCurrentChallenges([]);
         }
         setIsLoadingChallenges(false);
       };
       loadChallenges();
+    } else if (isInitialized) {
+      // If not using backend, still initialize with empty array (VideoRecorder will use defaults)
+      setCurrentChallenges([]);
+      setIsLoadingChallenges(false);
     }
   }, [isInitialized, isUsingBackend, fetchChallenges]);
 
@@ -154,6 +162,14 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
   }, [isInitialized, isUsingBackend, sdk]);
 
   const handleVideoComplete = useCallback(async (videoResult: VideoRecordingResult) => {
+    logger.info('ProfilePictureCapture: Video recording completed', {
+      framesCount: videoResult.frames?.length || 0,
+      duration: videoResult.duration,
+      challengesCompleted: videoResult.challengesCompleted || [],
+      challengesCompletedCount: videoResult.challengesCompleted?.length || 0,
+      expectedChallengesCount: currentChallenges.length,
+    });
+    
     setIsValidating(true);
 
     try {
@@ -201,7 +217,7 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
       } as BiometricError;
       onError(biometricError);
     }
-  }, [validateWithBackend, onComplete, onError, strings, language]);
+  }, [validateWithBackend, onComplete, onError, strings, language, currentChallenges]);
 
   const handleVideoCancel = useCallback(() => {
     if (onCancel) {
@@ -225,6 +241,20 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
     );
   }
 
+  // Wait for initialization and challenge loading before showing VideoRecorder
+  if (!isInitialized || (isUsingBackend && isLoadingChallenges)) {
+    return (
+      <SafeAreaView style={[styles.container, { backgroundColor: theme?.backgroundColor || '#FFFFFF' }]}>
+        <View style={styles.loadingContainer}>
+          <ActivityIndicator size="large" color={theme?.primaryColor || '#4f46e5'} />
+          <Text style={[styles.loadingText, { color: theme?.textColor || '#1e1b4b' }]}>
+            {strings.liveness.preparing || 'Preparing...'}
+          </Text>
+        </View>
+      </SafeAreaView>
+    );
+  }
+
   return (
     <VideoRecorder
       theme={theme}

package/src/components/VideoRecorder.tsx

@@ -238,6 +238,13 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
                   ];
                 }
         
+        logger.info('VideoRecorder: Challenges initialized', {
+          challengeCount: challengeList.length,
+          challengeActions: challengeList.map(c => c.action),
+          source: propChallenges && propChallenges.length > 0 ? 'propChallenges' : 
+                  onFetchChallenges ? 'onFetchChallenges' : 
+                  instructions && instructions.length > 0 ? 'instructions' : 'default'
+        });
         setChallenges(challengeList);
         setPhase('countdown');
       } catch (error) {
@@ -574,6 +581,13 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
   }, [frames, completedChallenges, challenges, sessionId, onComplete, minDurationMs, resetAndRetry, strings]);
 
   const runChallenge = useCallback((index: number) => {
+    logger.info('VideoRecorder: runChallenge called', {
+      index,
+      challengesLength: challenges.length,
+      challengeActions: challenges.map(c => c.action),
+      completedChallengesCount: completedChallenges.length
+    });
+    
     if (index >= challenges.length) {
       setOverallProgress(100);
       
@@ -647,7 +661,16 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
     setTimeout(() => {
       clearInterval(progressInterval);
       
-      setCompletedChallenges(prev => [...prev, challenge.action]);
+      setCompletedChallenges(prev => {
+        const updated = [...prev, challenge.action];
+        logger.info('VideoRecorder: Challenge completed', {
+          action: challenge.action,
+          index,
+          completedCount: updated.length,
+          completedActions: updated
+        });
+        return updated;
+      });
       
       Animated.timing(fadeAnim, {
         toValue: 0,
@@ -687,7 +710,31 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
       startFrameCapture();
     }
 
-    runChallenge(0);
+    /**
+     * If challenges are not available, set default challenges and run challenge
+     * This should not happen if ProfilePictureCapture properly waits for challenges
+     * But as a fallback, set defaults and retry after state update
+     * Schedule runChallenge to execute after state update completes
+     * This ensures the updated challenges are available when runChallenge executes
+     * Check again after state update - runChallenge callback should have latest challenges
+     */
+    if (challenges.length === 0) {
+      logger.warn('VideoRecorder: No challenges available when starting recording - challenges should have been loaded by initChallenges');
+      const defaultChallenges = smartMode ? getDefaultChallenges(getStrings()) : [
+        {
+          action: 'stay_still',
+          instruction: getStrings().liveness.instructions.stayStill || 'Look at the camera and stay still',
+          duration_ms: duration || 5000,
+          order: 1,
+        },
+      ];
+      setChallenges(defaultChallenges);
+      Promise.resolve().then(() => {
+        runChallenge(0);
+      });
+    } else {
+      runChallenge(0);
+    }
     
     const maxDuration = Math.max(totalDuration, minDurationMs + 2000);
     recordingTimeoutRef.current = setTimeout(() => {
@@ -704,7 +751,7 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
         recordingTimeoutRef.current = null;
       }
     };
-  }, [device, totalDuration, minDurationMs, handleVideoComplete, handleRecordingError, runChallenge, stopRecording, startFrameCapture]);
+  }, [device, totalDuration, minDurationMs, handleVideoComplete, handleRecordingError, runChallenge, stopRecording, startFrameCapture, challenges, smartMode, duration]);
 
   const currentChallenge = challenges[currentChallengeIndex];