@sanctum-key/react-native-sdk 1.0.8 → 1.0.10

package/src/{SanctumKeySdkView.web.tsx → TransfergratisSdkView.web.tsx}

@@ -1,8 +1,8 @@
 import * as React from 'react';
 
-import { SanctumKeySdkViewProps } from './SanctumKeySdk.types';
+import { TransfergratisSdkViewProps } from './TransfergratisSdk.types';
 
-export default function SanctumKeySdkView(props: SanctumKeySdkViewProps) {
+export default function TransfergratisSdkView(props: TransfergratisSdkViewProps) {
   return (
     <div>
       {/* <iframe

package/src/api/axios.ts

@@ -132,12 +132,12 @@ export default HttpClient;
 
 // ml service api
 export const mlService = new HttpClient({
-    baseURL: 'https://api.ml.SanctumKey.com',
+    baseURL: 'https://api.ml.transfergratis.com',
     apiKey: 'your-api-key',
 });
 // backedn service api
 export const backendService = new HttpClient({
-    baseURL: 'https://api.backend.SanctumKey.com',
+    baseURL: 'https://api.backend.transfergratis.com',
     apiKey: 'your-api-key',
 });
 

package/src/components/EnhancedCameraView.tsx

@@ -1,35 +1,33 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { View, StyleSheet, Text, AppState, ActivityIndicator } from 'react-native';
+import { View, StyleSheet, Text, AppState } from 'react-native';
 import { Camera, useCameraDevice } from 'react-native-vision-camera';
 import VisionCameraModule from '../modules/camera/VisionCameraModule';
 import { useI18n } from '../hooks/useI18n';
 import { EnhancedCameraViewProps } from './OverLay/type';
 import { Button } from './ui/Button';
 
-export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({
+export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({ 
   showCamera,
   cameraType: initialCameraType = 'front',
   style,
   onError,
-  onSilentCapture,
+  onSilentCapture, 
   silentCaptureResult,
-  isProcessing = false,
+  isProcessing = false, 
   overlayComponent,
 }) => {
   const { t } = useI18n();
   const camera = useRef<Camera>(null);
-
+  
   const isCapturingRef = useRef(false);
   const isProcessingRef = useRef(isProcessing);
 
   const [cameraType] = useState<'front' | 'back'>(initialCameraType);
-
+  
+  // 🚨 BUG FIX: Initialize to null to prevent the "Flicker" on retake
   const [hasPermission, setHasPermission] = useState<boolean | null>(null);
   const [isInitialized, setIsInitialized] = useState(false);
   const [refreshCamera, setRefreshCamera] = useState(false);
-  
-  // 🚨 ADDED: A timeout state to show a refresh button if the camera gets stuck booting
-  const [showInitTimeout, setShowInitTimeout] = useState(false);
 
   const device = useCameraDevice(cameraType);
 
@@ -56,10 +54,7 @@ export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({
   };
 
   useEffect(() => {
-    if (showCamera) {
-      setIsInitialized(false); // Reset init state when checking permissions/refreshing
-      checkPermissions();
-    }
+    if (showCamera) checkPermissions();
   }, [showCamera, refreshCamera]);
 
   useEffect(() => {
@@ -71,26 +66,7 @@ export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({
     return () => subscription.remove();
   }, [showCamera, hasPermission]);
 
-
-  useEffect(() => {
-    let timer: ReturnType<typeof setTimeout>;
-
-    if (hasPermission && device && showCamera && !isInitialized) {
-        timer = setTimeout(() => setShowInitTimeout(true), 3000); 
-    } else {
-        setShowInitTimeout(false);
-    }
-
-    return () => {
-        if (timer) clearTimeout(timer);
-    };
-  }, [hasPermission, device, showCamera, isInitialized]);
-
-  const onInitialized = useCallback(() => {
-    setIsInitialized(true);
-    setShowInitTimeout(false);
-  }, []);
-
+  const onInitialized = useCallback(() => setIsInitialized(true), []);
   const onCameraError = useCallback((error: any) => {
     onError?.({ message: error.message || t('camera.errorOccurred') });
   }, [onError, t]);
@@ -100,27 +76,30 @@ export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({
     if (silentCaptureResult?.isAnalyzing) return;
 
     try {
-      isCapturingRef.current = true;
+      isCapturingRef.current = true; 
       const photo = await camera.current.takePhoto({
-        enableShutterSound: false,
-        flash: 'off',
+        enableShutterSound: false, 
+        flash: 'off', 
       });
-      const result = await VisionCameraModule.processPhotoResult(photo);
 
+      const result = await VisionCameraModule.processPhotoResult(photo);
+      
       onSilentCapture?.({
-        ...result,
-        path: result.path || photo.path,
+          ...result,
+          path: result.path || photo.path, 
       });
+
     } catch (error) {
       // Silent background fail
     } finally {
-      isCapturingRef.current = false;
+      isCapturingRef.current = false; 
     }
   }, [isInitialized, onSilentCapture, silentCaptureResult]);
 
+  // 🚨 BUG FIX: The Warm-up Timer (Fixes Blurry Images)
   useEffect(() => {
     if (!showCamera || !isInitialized || isProcessing) return;
-
+    
     let isActive = true;
     let intervalId: ReturnType<typeof setInterval>;
 
@@ -128,9 +107,9 @@ export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({
       if (!isActive) return;
       intervalId = setInterval(() => {
         captureSilentPhoto();
-      }, 1500); 
-    }, 1000);
-
+      }, 1500); // 1.5s gives the hardware more time to stabilize between shots
+    }, 1000); 
+    
     return () => {
       isActive = false;
       clearTimeout(warmupTimer);
@@ -139,75 +118,40 @@ export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({
   }, [showCamera, isInitialized, isProcessing, captureSilentPhoto]);
 
   // --- RENDERERS ---
-
+  
+  // 🚨 BUG FIX: Show nothing while checking permissions (Stops flicker)
   if (hasPermission === null) {
     return <View style={[styles.container, style]} />;
   }
 
   if (hasPermission === false) {
     return (
-      <View style={[styles.container, style, styles.centerContent]}>
+      <View style={[styles.container, style, { justifyContent: 'center', alignItems: 'center' }]}>
         <Text style={styles.permissionMessage}>{t('camera.permissionRequired')}</Text>
-        <Button
-          title="Refresh Camera"
-          onPress={() => setRefreshCamera(prev => !prev)}
-          variant="primary"
+        <Button 
+           title="Refresh Camera" 
+           onPress={() => setRefreshCamera(prev => !prev)} 
+           variant="primary"
         />
       </View>
     );
   }
 
-  // 🚨 FIX: Don't return an invisible blank screen if the device is loading! 
-  // Give them a UI and a way out.
-  if (!device || !showCamera) {
-    return (
-        <View style={[styles.container, style, styles.centerContent]}>
-            <ActivityIndicator size="large" color="#2DBD60" style={{ marginBottom: 16 }} />
-            <Text style={styles.permissionMessage}>Loading Camera Hardware...</Text>
-            <Button 
-              title="Refresh" 
-              onPress={() => setRefreshCamera(prev => !prev)} 
-              variant="outline" 
-            />
-        </View>
-    );
-  }
+  if (!device || !showCamera) return <View style={[styles.container, style]} />;
 
   return (
     <View style={[styles.container, style]}>
       <Camera
-        // 🚨 FIX: This key forces the native component to completely remount 
-        // when permissions are granted or when manually refreshed.
-        key={`cam-${hasPermission}-${refreshCamera ? '1' : '0'}`} 
         ref={camera}
         style={StyleSheet.absoluteFill}
         device={device}
         isActive={showCamera && !isProcessing}
         photo={true}
-        video={false}
-        audio={false}
+        video={false} 
+        audio={false} 
         onInitialized={onInitialized}
         onError={onCameraError}
       />
-      
-      {/* 🚨 FIX: Floating Refresh Button if the hardware freezes on a black screen */}
-      {!isInitialized && showInitTimeout && (
-          <View style={styles.stuckOverlay}>
-              <ActivityIndicator size="large" color="#2DBD60" style={{ marginBottom: 16 }} />
-              <Text style={{ color: 'white', marginBottom: 16, fontWeight: 'bold' }}>
-                  Camera is taking a while to start...
-              </Text>
-              <Button 
-                title="Restart Camera" 
-                onPress={() => {
-                  setIsInitialized(false);
-                  setRefreshCamera(prev => !prev);
-                }} 
-                variant="primary" 
-              />
-          </View>
-      )}
-
       {overlayComponent}
     </View>
   );
@@ -215,14 +159,5 @@ export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({
 
 const styles = StyleSheet.create({
   container: { flex: 1, backgroundColor: 'black' },
-  centerContent: { justifyContent: 'center', alignItems: 'center', padding: 20 },
-  permissionMessage: { color: 'white', textAlign: 'center', marginBottom: 20, fontSize: 16, fontWeight: '600' },
-  stuckOverlay: {
-      ...StyleSheet.absoluteFillObject,
-      justifyContent: 'center',
-      alignItems: 'center',
-      backgroundColor: 'rgba(0,0,0,0.85)',
-      zIndex: 1000,
-      padding: 20
-  }
+  permissionMessage: { color: 'white', textAlign: 'center', margin: 20, fontSize: 16 },
 });