@hexar/biometric-identity-sdk-react-native 1.1.6 → 1.1.8

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,CAoMtE,CAAC;AAuCF,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,CAmNtE,CAAC;AAuBF,eAAe,qBAAqB,CAAC"}

package/dist/components/ProfilePictureCapture.js

@@ -40,14 +40,33 @@ const VideoRecorder_1 = require("./VideoRecorder");
 const biometric_identity_sdk_core_1 = require("@hexar/biometric-identity-sdk-core");
 const useBiometricSDK_1 = require("../hooks/useBiometricSDK");
 const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language, }) => {
-    const { sdk, isInitialized, isUsingBackend, sessionId, } = (0, useBiometricSDK_1.useBiometricSDK)();
+    const { sdk, isInitialized, isUsingBackend, sessionId, fetchChallenges, } = (0, useBiometricSDK_1.useBiometricSDK)();
     const [isValidating, setIsValidating] = (0, react_1.useState)(false);
-    const [validationError, setValidationError] = (0, react_1.useState)(null);
+    const [currentChallenges, setCurrentChallenges] = (0, react_1.useState)([]);
+    const [isLoadingChallenges, setIsLoadingChallenges] = (0, react_1.useState)(false);
     (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 () => {
+                setIsLoadingChallenges(true);
+                try {
+                    const challenges = await fetchChallenges('active');
+                    setCurrentChallenges(challenges);
+                }
+                catch (error) {
+                    biometric_identity_sdk_core_1.logger.warn('Failed to fetch challenges, VideoRecorder will use defaults');
+                    setCurrentChallenges([]);
+                }
+                setIsLoadingChallenges(false);
+            };
+            loadChallenges();
+        }
+    }, [isInitialized, isUsingBackend, fetchChallenges]);
     const strings = (0, biometric_identity_sdk_core_1.getStrings)();
     const validateWithBackend = (0, react_1.useCallback)(async (videoResult) => {
         try {
@@ -120,12 +139,16 @@ const ProfilePictureCapture = ({ onComplete, onError, onCancel, theme, language,
     }, [isInitialized, isUsingBackend, sdk]);
     const handleVideoComplete = (0, react_1.useCallback)(async (videoResult) => {
         setIsValidating(true);
-        setValidationError(null);
         try {
             const result = await validateWithBackend(videoResult);
             if (!result.isValid) {
-                setValidationError(strings.errors.livenessCheckFailed || 'Liveness check failed');
                 setIsValidating(false);
+                const livenessError = {
+                    name: 'BiometricError',
+                    message: strings.errors.livenessCheckFailed || 'Liveness check failed. Please try again.',
+                    code: biometric_identity_sdk_core_1.BiometricErrorCode.LIVENESS_CHECK_FAILED,
+                };
+                onError(livenessError);
                 return;
             }
             setIsValidating(false);
@@ -171,13 +194,11 @@ 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'))));
     }
-    if (validationError) {
-        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.errorContainer },
-                react_1.default.createElement(react_native_1.Text, { style: [styles.errorTitle, { color: theme?.errorColor || '#EF4444' }] }, strings.errors.unknownError || strings.validation.title || 'Error'),
-                react_1.default.createElement(react_native_1.Text, { style: [styles.errorText, { color: theme?.textColor || '#1e1b4b' }] }, validationError))));
-    }
-    return (react_1.default.createElement(VideoRecorder_1.VideoRecorder, { theme: theme, language: language, duration: 8000, smartMode: true, sessionId: sdk.getSessionId() || undefined, onComplete: handleVideoComplete, onCancel: handleVideoCancel }));
+    return (react_1.default.createElement(VideoRecorder_1.VideoRecorder, { theme: theme, language: language, duration: 8000, smartMode: true, challenges: currentChallenges, sessionId: sdk.getSessionId() || undefined, onComplete: handleVideoComplete, onCancel: handleVideoCancel, onFetchChallenges: async () => {
+            const challenges = await fetchChallenges('active');
+            setCurrentChallenges(challenges);
+            return challenges;
+        } }));
 };
 exports.ProfilePictureCapture = ProfilePictureCapture;
 const styles = react_native_1.StyleSheet.create({
@@ -199,21 +220,5 @@ const styles = react_native_1.StyleSheet.create({
         fontSize: 14,
         marginTop: 8,
     },
-    errorContainer: {
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-        padding: 24,
-    },
-    errorTitle: {
-        fontSize: 20,
-        fontWeight: '600',
-        marginBottom: 12,
-    },
-    errorText: {
-        fontSize: 16,
-        textAlign: 'center',
-        lineHeight: 24,
-    },
 });
 exports.default = exports.ProfilePictureCapture;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexar/biometric-identity-sdk-react-native",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "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.1.1",
+    "@hexar/biometric-identity-sdk-core": ">=1.1.2",
     "react": ">=18.0.0",
     "react-native": ">=0.70.0",
     "react-native-permissions": ">=4.0.0",

package/src/components/ProfilePictureCapture.tsx

@@ -38,10 +38,12 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
     isInitialized,
     isUsingBackend,
     sessionId,
+    fetchChallenges,
   } = useBiometricSDK();
 
   const [isValidating, setIsValidating] = useState(false);
-  const [validationError, setValidationError] = useState<string | null>(null);
+  const [currentChallenges, setCurrentChallenges] = useState<any[]>([]);
+  const [isLoadingChallenges, setIsLoadingChallenges] = useState(false);
 
   useEffect(() => {
     if (language) {
@@ -49,6 +51,24 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
     }
   }, [language]);
 
+  // Fetch challenges when component mounts and SDK is ready
+  useEffect(() => {
+    if (isInitialized && isUsingBackend) {
+      const loadChallenges = async () => {
+        setIsLoadingChallenges(true);
+        try {
+          const challenges = await fetchChallenges('active');
+          setCurrentChallenges(challenges);
+        } catch (error) {
+          logger.warn('Failed to fetch challenges, VideoRecorder will use defaults');
+          setCurrentChallenges([]);
+        }
+        setIsLoadingChallenges(false);
+      };
+      loadChallenges();
+    }
+  }, [isInitialized, isUsingBackend, fetchChallenges]);
+
   const strings = getStrings();
 
   const validateWithBackend = useCallback(async (videoResult: VideoRecordingResult): Promise<ProfilePictureValidationResult> => {
@@ -130,14 +150,18 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
 
   const handleVideoComplete = useCallback(async (videoResult: VideoRecordingResult) => {
     setIsValidating(true);
-    setValidationError(null);
 
     try {
       const result = await validateWithBackend(videoResult);
       
       if (!result.isValid) {
-        setValidationError(strings.errors.livenessCheckFailed || 'Liveness check failed');
         setIsValidating(false);
+        const livenessError: BiometricError = {
+          name: 'BiometricError',
+          message: strings.errors.livenessCheckFailed || 'Liveness check failed. Please try again.',
+          code: BiometricErrorCode.LIVENESS_CHECK_FAILED,
+        } as BiometricError;
+        onError(livenessError);
         return;
       }
 
@@ -196,30 +220,21 @@ export const ProfilePictureCapture: React.FC<ProfilePictureCaptureProps> = ({
     );
   }
 
-  if (validationError) {
-    return (
-      <SafeAreaView style={[styles.container, { backgroundColor: theme?.backgroundColor || '#FFFFFF' }]}>
-        <View style={styles.errorContainer}>
-          <Text style={[styles.errorTitle, { color: theme?.errorColor || '#EF4444' }]}>
-            {strings.errors.unknownError || strings.validation.title || 'Error'}
-          </Text>
-          <Text style={[styles.errorText, { color: theme?.textColor || '#1e1b4b' }]}>
-            {validationError}
-          </Text>
-        </View>
-      </SafeAreaView>
-    );
-  }
-
   return (
     <VideoRecorder
       theme={theme}
       language={language}
       duration={8000}
       smartMode={true}
+      challenges={currentChallenges}
       sessionId={sdk.getSessionId() || undefined}
       onComplete={handleVideoComplete}
       onCancel={handleVideoCancel}
+      onFetchChallenges={async () => {
+        const challenges = await fetchChallenges('active');
+        setCurrentChallenges(challenges);
+        return challenges;
+      }}
     />
   );
 };
@@ -243,22 +258,6 @@ const styles = StyleSheet.create({
     fontSize: 14,
     marginTop: 8,
   },
-  errorContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    padding: 24,
-  },
-  errorTitle: {
-    fontSize: 20,
-    fontWeight: '600',
-    marginBottom: 12,
-  },
-  errorText: {
-    fontSize: 16,
-    textAlign: 'center',
-    lineHeight: 24,
-  },
 });
 
 export default ProfilePictureCapture;