@hexar/biometric-identity-sdk-react-native 1.1.11 → 1.1.12

package/dist/components/ProfilePictureCapture.js

@@ -44,12 +44,14 @@ const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language,
     const [isValidating, setIsValidating] = (0, react_1.useState)(false);
     const [currentChallenges, setCurrentChallenges] = (0, react_1.useState)([]);
     const [isLoadingChallenges, setIsLoadingChallenges] = (0, react_1.useState)(false);
+    const handleFetchChallenges = (0, react_1.useCallback)(async () => {
+        return await fetchChallenges('active');
+    }, [fetchChallenges]);
     (0, react_1.useEffect)(() => {
         if (language) {
             (0, biometric_identity_sdk_core_1.setLanguage)(language);
         }
     }, [language]);
-    // Fetch challenges when component mounts and SDK is ready
     (0, react_1.useEffect)(() => {
         if (isInitialized && isUsingBackend) {
             const loadChallenges = async () => {
@@ -196,10 +198,7 @@ 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'))));
     }
-    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: async () => {
-            const challenges = await fetchChallenges('active');
-            return challenges;
-        } }));
+    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;
 const styles = react_native_1.StyleSheet.create({

package/package.json

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

package/src/components/ProfilePictureCapture.tsx

@@ -45,13 +45,16 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
   const [currentChallenges, setCurrentChallenges] = useState<any[]>([]);
   const [isLoadingChallenges, setIsLoadingChallenges] = useState(false);
 
+  const handleFetchChallenges = useCallback(async () => {
+    return await fetchChallenges('active');
+  }, [fetchChallenges]);
+
   useEffect(() => {
     if (language) {
       setLanguage(language);
     }
   }, [language]);
 
-  // Fetch challenges when component mounts and SDK is ready
   useEffect(() => {
     if (isInitialized && isUsingBackend) {
       const loadChallenges = async () => {
@@ -231,10 +234,7 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
       sessionId={sdk.getSessionId() || undefined}
       onComplete={handleVideoComplete}
       onCancel={handleVideoCancel}
-      onFetchChallenges={async () => {
-        const challenges = await fetchChallenges('active');
-        return challenges;
-      }}
+      onFetchChallenges={handleFetchChallenges}
     />
   );
 };