npm - @sanctum-key/react-native-sdk - Versions diffs - 1.0.6 → 1.0.8 - Mend

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

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 (206) hide show

package/build/src/components/OverLay/IdCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IdCard.js","sourceRoot":"","sources":["../../../../src/components/OverLay/IdCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Animated, Dimensions, StyleSheet, Text, View } from \"react-native\";\nimport Svg, { Defs, Mask, Rect, Path } from \"react-native-svg\";\nimport ScanningLine from \"../Svgs/scanningLine\";\nimport { IdCardOverlayProps } from \"./type\";\nimport StepOverlay from \"./StepOverlay\";\n\n\n\n\nconst IdCardOverlay = ({ xMin: xMinProps, yMin: yMinProps, xMax: xMaxProps, yMax: yMaxProps, cornerOpacity, instructions, cornerColor = \"#4CAF50\", stepperProps, isSuccess, language }: IdCardOverlayProps) => {\n const screenWidth = Dimensions.get('window').width;\n const screenHeight = Dimensions.get('window').height;\n\n const boxWidth = xMaxProps - xMinProps;\n const boxHeight = yMaxProps - yMinProps;\n\n \n\n\n\n\n // Calculer les coordonnées pour centrer le cadre\n const xMin = (screenWidth - boxWidth) / 2;\n const yMin = (screenHeight - boxHeight) / 3;\n const xMax = xMin + boxWidth;\n const yMax = yMin + boxHeight;\n\n return (\n <View style={StyleSheet.absoluteFill}>\n {stepperProps ? (\n <StepOverlay {...stepperProps} />\n ) : null}\n\n <Animated.View style={[styles.topIntruction]}>\n <Text style={styles.topIntructionText}>\n 💡 {instructions}\n </Text>\n </Animated.View>\n\n <Svg\n height={screenHeight}\n width={screenWidth}\n style={styles.svg}\n >\n <Defs>\n <Mask id=\"cameraMask\">\n {/* Fond blanc - zone visible /}\n <Rect\n x=\"0\"\n y=\"0\"\n width={screenWidth}\n height={screenHeight}\n fill=\"white\"\n />\n {/ Zone noire - zone masquée (transparente) /}\n <Rect\n x={xMin}\n y={yMin}\n width={boxWidth}\n height={boxHeight}\n fill=\"black\"\n />\n </Mask>\n </Defs>\n\n {/ Overlay semi-transparent avec masque /}\n <Rect\n x=\"0\"\n y=\"0\"\n width={screenWidth}\n height={screenHeight}\n fill=\"rgba(0, 0, 0, 0.5)\"\n mask=\"url(#cameraMask)\"\n />\n\n {/ Coins de la zone de capture - arrondis avec animation /}\n {/ Coin supérieur gauche /}\n <Path\n d={`M ${xMin + 15} ${yMin} Q ${xMin} ${yMin} ${xMin} ${yMin + 15} L ${xMin} ${yMin + 20}`}\n stroke={cornerColor}\n strokeWidth=\"8\"\n fill=\"none\"\n opacity={cornerOpacity}\n />\n <Path\n d={`M ${xMin + 20} ${yMin} L ${xMin + 15} ${yMin}`}\n stroke={cornerColor}\n strokeWidth=\"8\"\n opacity={cornerOpacity}\n />\n\n {/ Coin supérieur droit /}\n <Path\n d={`M ${xMax - 15} ${yMin} Q ${xMax} ${yMin} ${xMax} ${yMin + 15} L ${xMax} ${yMin + 20}`}\n stroke={cornerColor}\n strokeWidth=\"8\"\n fill=\"none\"\n opacity={cornerOpacity}\n />\n <Path\n d={`M ${xMax - 20} ${yMin} L ${xMax - 15} ${yMin}`}\n stroke={cornerColor}\n strokeWidth=\"8\"\n opacity={cornerOpacity}\n />\n\n {/ Coin inférieur gauche /}\n <Path\n d={`M ${xMin + 15} ${yMax} Q ${xMin} ${yMax} ${xMin} ${yMax - 15} L ${xMin} ${yMax - 20}`}\n stroke={cornerColor}\n strokeWidth=\"8\"\n fill=\"none\"\n opacity={cornerOpacity}\n />\n <Path\n d={`M ${xMin + 20} ${yMax} L ${xMin + 15} ${yMax}`}\n stroke={cornerColor}\n strokeWidth=\"8\"\n opacity={cornerOpacity}\n />\n\n {/ Coin inférieur droit /}\n <Path\n d={`M ${xMax - 15} ${yMax} Q ${xMax} ${yMax} ${xMax} ${yMax - 15} L ${xMax} ${yMax - 20}`}\n stroke={cornerColor}\n strokeWidth=\"8\"\n fill=\"none\"\n opacity={cornerOpacity}\n />\n <Path\n d={`M ${xMax - 20} ${yMax} L ${xMax - 15} ${yMax}`}\n stroke={cornerColor}\n strokeWidth=\"8\"\n opacity={cornerOpacity}\n />\n </Svg>\n {isSuccess ? null : (\n <ScanningLine yMin={yMin} screenWidth={screenWidth} height={screenHeight} yMax={yMax} />\n )}\n {/ <ScanningLine yMin={yMin} screenWidth={screenWidth} height={screenHeight} yMax={yMax} /> */}\n\n <View style={styles.bottomIntruction}>\n <Text style={styles.bottomTitle}>\n {language === \"en\" ? `Scan the ${stepperProps?.side === 'front' ? 'front' : 'back'} side of your ${stepperProps?.selectedDocumentType}.`:`Scanner de la face ${stepperProps?.side === 'front' ? 'avant' : 'arrière'} de votre ${stepperProps?.selectedDocumentType}.`}\n \n </Text>\n <Text style={styles.bottomSubtitle}>\n {\n language === \"en\" \n ? \"Hold your ID card steady and make sure all corners are visible. Do not move your phone while the image is being captured.\"\n : \"Maintenez votre carte d'identité stable et assurez-vous que tous les coins sont visibles. Ne déplacez pas votre téléphone pendant la capture.\"\n }\n \n </Text>\n </View>\n </View>)\n}\n\nexport default IdCardOverlay;\n\nconst styles = StyleSheet.create({\n overlay: {\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '50%',\n backgroundColor: 'rgba(0, 0, 0, 0.5)',\n },\n svg: {\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n },\n topIntruction: {\n zIndex: 1000,\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n paddingVertical: 20,\n paddingHorizontal: 10,\n marginHorizontal: 20,\n marginTop: 10,\n backgroundColor: \"#FDE04730\",\n borderColor: \"#FDE047\",\n borderWidth: 1,\n borderRadius: 10,\n gap: 10,\n },\n topIntructionText: {\n color: '#FDE047',\n fontSize: 14,\n fontWeight: 'bold',\n textAlign: 'center',\n },\n bottomIntruction: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n width: '100%',\n height: '35%',\n paddingHorizontal: 20,\n },\n bottomIntructionTextBold: {\n color: 'white',\n fontSize: 16,\n fontWeight: 'bold',\n textAlign: 'center',\n },\n bottomIntructionText: {\n color: 'white',\n fontSize: 14,\n fontWeight: 'bold',\n textAlign: 'center',\n },\n bottomTitle: {\n color: 'white',\n fontSize: 25,\n fontWeight: 'bold',\n textAlign: 'center',\n },\n bottomSubtitle: {\n color: 'white',\n marginTop: 15,\n fontSize: 14,\n fontWeight: '500',\n textAlign: 'center',\n },\n\n\n image: {\n position: 'absolute',\n borderRadius: 10,\n },\n stepperContainer: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingHorizontal: 20,\n paddingVertical: 15,\n // backgroundColor: 'rgba(0, 0, 0, 0.5)',\n zIndex: 1000,\n },\n stepperItem: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n },\n stepperDetails: {\n\n alignItems: 'center',\n justifyContent: 'center',\n },\n stepperItemText: {\n color: 'white',\n fontSize: 20,\n fontWeight: 'bold',\n },\n stepperDetailsText: {\n color: 'white',\n fontSize: 12,\n fontWeight: '500',\n },\n back: {\n // flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n },\n next: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n },\n\n})"]}
1	+ {"version":3,"file":"IdCard.js","sourceRoot":"","sources":["../../../../src/components/OverLay/IdCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n Animated,\n Dimensions,\n Platform,\n SafeAreaView,\n StatusBar,\n StyleSheet,\n Text,\n View,\n} from 'react-native';\nimport Svg, {\n Defs,\n G,\n LinearGradient,\n Mask,\n Path,\n Rect,\n Stop,\n} from 'react-native-svg';\nimport ScanningLine from '../Svgs/scanningLine';\nimport StepOverlay from './StepOverlay';\nimport { IdCardOverlayProps } from './type';\n\nconst { width: screenWidth, height: screenHeight } = Dimensions.get('window');\n\nconst IdCardOverlay = ({\n cornerOpacity,\n instructions,\n stepperProps,\n isSuccess,\n language = 'en',\n // Note: xMinPercent, yMinPercent, etc. are intentionally ignored below \n // to force a mathematically perfect ID card aspect ratio.\n}: IdCardOverlayProps) => {\n const AnimatedG = Animated.createAnimatedComponent(G);\n\n // --- 🚨 GEOMETRY FIX: Perfect ID Card Ratio ---\n // Standard ISO ID-1 ratio is 1.586 (85.6mm / 53.98mm)\n const ID_ASPECT_RATIO = 1.586;\n \n // Set width to 85% of the screen, and calculate perfect height\n const boxWidth = screenWidth * 0.85;\n const boxHeight = boxWidth / ID_ASPECT_RATIO;\n\n // Center horizontally\n const xMin = (screenWidth - boxWidth) / 2;\n const xMax = xMin + boxWidth;\n\n // Center vertically (shifted slightly up for better holding ergonomics)\n const yMin = (screenHeight - boxHeight) * 0.42; \n const yMax = yMin + boxHeight;\n\n // --- Clean, Professional Copy Formatting ---\n const formatDocType = (type?: string) => {\n if (!type) return 'document';\n // e.g., \"identity_card\" -> \"identity card\"\n return type.replace(/_/g, ' ').toLowerCase();\n };\n\n const getSideText = (side?: string) => {\n // Using \"recto/verso\" for French as it is much more professional for documents\n if (side === 'front') return language === 'en' ? 'front' : 'recto';\n return language === 'en' ? 'back' : 'verso';\n };\n\n const docTypeFormatted = formatDocType(stepperProps?.selectedDocumentType);\n const sideText = getSideText(stepperProps?.side);\n\n const bottomTitle = language === 'en'\n ? `Position the ${sideText} of your ${docTypeFormatted}`\n : `Positionnez le ${sideText} de votre ${docTypeFormatted}`;\n\n const bottomSubtitle = language === 'en'\n ? 'Ensure all details are clear and readable.'\n : 'Assurez-vous que tous les détails sont lisibles.';\n\n const helperText = language === 'en'\n ? 'No glare • All corners visible • Hold steady'\n : 'Pas de reflets • Coins visibles • Maintenez stable';\n\n // --- SVG Constants ---\n const CORNER_SIZE = 40; \n const STROKE_WIDTH = 4;\n const BORDER_RADIUS = 16; // Reduced slightly for a tighter, more realistic card feel\n\n return (\n <View style={StyleSheet.absoluteFill} pointerEvents=\"box-none\">\n <StatusBar translucent backgroundColor=\"transparent\" barStyle=\"light-content\" />\n \n {/* SVG Overlay /}\n <Svg width={screenWidth} height={screenHeight} style={styles.svg}>\n <Defs>\n <Mask id=\"cameraMask\">\n <Rect x=\"0\" y=\"0\" width={screenWidth} height={screenHeight} fill=\"white\" />\n {/ Transparent Cutout /}\n <Rect\n x={xMin}\n y={yMin}\n width={boxWidth}\n height={boxHeight}\n rx={BORDER_RADIUS}\n ry={BORDER_RADIUS}\n fill=\"black\"\n />\n </Mask>\n <LinearGradient id=\"scanBorderGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <Stop offset=\"0%\" stopColor=\"#4ADE80\" />\n <Stop offset=\"100%\" stopColor=\"#22C55E\" />\n </LinearGradient>\n </Defs>\n \n {/ Dim background /}\n <Rect x=\"0\" y=\"0\" width={screenWidth} height={screenHeight} fill=\"rgba(0,0,0,0.85)\" mask=\"url(#cameraMask)\" />\n \n {/ Main Card Border /}\n <Rect\n x={xMin}\n y={yMin}\n width={boxWidth}\n height={boxHeight}\n rx={BORDER_RADIUS}\n ry={BORDER_RADIUS}\n stroke=\"rgba(255,255,255,0.25)\" // Subtle inner frame\n strokeWidth={1.5}\n fill=\"transparent\"\n />\n \n {/ Professional Corner Guides /}\n <AnimatedG opacity={cornerOpacity \|\| 1}>\n {/ Top Left /}\n <Path\n d={`M ${xMin} ${yMin + CORNER_SIZE} L ${xMin} ${yMin + BORDER_RADIUS} Q ${xMin} ${yMin} ${xMin + BORDER_RADIUS} ${yMin} L ${xMin + CORNER_SIZE} ${yMin}`}\n stroke=\"url(#scanBorderGradient)\"\n strokeWidth={STROKE_WIDTH}\n strokeLinecap=\"round\"\n fill=\"none\"\n />\n {/ Top Right /}\n <Path\n d={`M ${xMax - CORNER_SIZE} ${yMin} L ${xMax - BORDER_RADIUS} ${yMin} Q ${xMax} ${yMin} ${xMax} ${yMin + BORDER_RADIUS} L ${xMax} ${yMin + CORNER_SIZE}`}\n stroke=\"url(#scanBorderGradient)\"\n strokeWidth={STROKE_WIDTH}\n strokeLinecap=\"round\"\n fill=\"none\"\n />\n {/ Bottom Left /}\n <Path\n d={`M ${xMin} ${yMax - CORNER_SIZE} L ${xMin} ${yMax - BORDER_RADIUS} Q ${xMin} ${yMax} ${xMin + BORDER_RADIUS} ${yMax} L ${xMin + CORNER_SIZE} ${yMax}`}\n stroke=\"url(#scanBorderGradient)\"\n strokeWidth={STROKE_WIDTH}\n strokeLinecap=\"round\"\n fill=\"none\"\n />\n {/ Bottom Right /}\n <Path\n d={`M ${xMax - CORNER_SIZE} ${yMax} L ${xMax - BORDER_RADIUS} ${yMax} Q ${xMax} ${yMax} ${xMax} ${yMax - BORDER_RADIUS} L ${xMax} ${yMax - CORNER_SIZE}`}\n stroke=\"url(#scanBorderGradient)\"\n strokeWidth={STROKE_WIDTH}\n strokeLinecap=\"round\"\n fill=\"none\"\n />\n </AnimatedG>\n </Svg>\n\n {/ Scanning animation /}\n {!isSuccess && (\n <ScanningLine yMin={yMin} yMax={yMax} screenWidth={screenWidth} height={screenHeight} />\n )}\n\n {/ Top UI Zone /}\n <View style={[styles.topZone, { height: yMin }]} pointerEvents=\"box-none\">\n <SafeAreaView style={styles.safeAreaZone} pointerEvents=\"box-none\">\n {stepperProps && (\n <View style={styles.stepperWrapper}>\n <StepOverlay {...stepperProps} />\n </View>\n )}\n {instructions && (\n <View style={styles.instructionsContainer}>\n <View style={styles.instructionsBadge}>\n <Text style={styles.instructionsText}>{instructions}</Text>\n </View>\n </View>\n )}\n </SafeAreaView>\n </View>\n\n {/ Bottom UI Zone */}\n <View style={[styles.bottomZone, { top: yMax + 30 }]} pointerEvents=\"box-none\">\n <Text style={styles.bottomTitle}>{bottomTitle}</Text>\n <Text style={styles.bottomSubtitle}>{bottomSubtitle}</Text>\n <View style={styles.helperPill}>\n <Text style={styles.helperText}>{helperText}</Text>\n </View>\n </View>\n </View>\n );\n};\n\nexport default IdCardOverlay;\n\nconst styles = StyleSheet.create({\n svg: {\n position: 'absolute',\n top: 0,\n left: 0,\n zIndex: 1,\n },\n topZone: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n zIndex: 10,\n justifyContent: 'flex-start',\n },\n safeAreaZone: {\n flex: 1,\n paddingTop: Platform.OS === 'android' ? (StatusBar.currentHeight \|\| 0) + 8 : 8,\n },\n stepperWrapper: {\n paddingHorizontal: 20,\n },\n instructionsContainer: {\n alignItems: 'center',\n marginTop: 'auto',\n marginBottom: 24,\n paddingHorizontal: 20,\n },\n instructionsBadge: {\n backgroundColor: 'rgba(0,0,0,0.6)',\n borderRadius: 8,\n paddingVertical: 8,\n paddingHorizontal: 14,\n },\n instructionsText: {\n color: '#FFFFFF',\n fontSize: 13,\n fontWeight: '500',\n letterSpacing: 0.3,\n },\n bottomZone: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n zIndex: 10,\n alignItems: 'center',\n paddingHorizontal: 24,\n },\n bottomTitle: {\n color: '#FFFFFF',\n fontSize: 18,\n fontWeight: '600',\n textAlign: 'center',\n letterSpacing: 0.3,\n marginBottom: 6,\n },\n bottomSubtitle: {\n color: 'rgba(255,255,255,0.7)',\n fontSize: 14,\n textAlign: 'center',\n fontWeight: '400',\n marginBottom: 20,\n },\n helperPill: {\n backgroundColor: 'rgba(255,255,255,0.1)',\n paddingVertical: 8,\n paddingHorizontal: 16,\n borderRadius: 20,\n },\n helperText: {\n color: 'rgba(255,255,255,0.9)',\n fontSize: 12,\n fontWeight: '500',\n },\n});"]}

package/build/src/components/OverLay/SelfieOverlay.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
+import React from "react";
 import { IdCardOverlayProps } from "./type";
-declare const SelfieOverlay: ({ xMin, yMin, xMax, yMax, cornerOpacity, instructions, cornerColor, stepperProps, instructionsTile, instructionsSubtitle, orientation, isSuccess }: IdCardOverlayProps) => import("react").JSX.Element;
+declare const SelfieOverlay: ({ xMin, yMin, xMax, yMax, cornerOpacity, instructions, cornerColor, stepperProps, instructionsTile, instructionsSubtitle, orientation, isSuccess }: IdCardOverlayProps) => React.JSX.Element;
 export default SelfieOverlay;
 //# sourceMappingURL=SelfieOverlay.d.ts.map

package/build/src/components/OverLay/SelfieOverlay.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelfieOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/OverLay/SelfieOverlay.tsx"],"names":[],"mappings":"~~AACA~~,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAO5C,QAAA,MAAM,aAAa,GAAI,oJAAgK,kBAAkB,~~gCAwGxM~~,~~CAAA~~;~~AAED~~,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"SelfieOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/OverLay/SelfieOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAO5C,QAAA,MAAM,aAAa,GAAI,oJAAgK,kBAAkB,sBAuExM,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/build/src/components/OverLay/SelfieOverlay.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { Dimensions, Image, StyleSheet, Text, View } from "react-native";
+import React from "react";
+import { Dimensions, StyleSheet, Text, View, Image } from "react-native";
 import Svg, { Rect, Path, Mask, Defs } from 'react-native-svg';
 import ScanningLine from "../Svgs/scanningLine";
 import FrontSelfieIcon from "../Svgs/frontSelfieIcon";
@@ -7,163 +8,104 @@ import SideSelfieIcon from "../Svgs/sideSelfieIcon";
 const SelfieOverlay = ({ xMin, yMin, xMax, yMax, cornerOpacity, instructions, cornerColor = "#4CAF50", stepperProps, instructionsTile, instructionsSubtitle, orientation, isSuccess }) => {
     const screenWidth = Dimensions.get('window').width;
     const screenHeight = Dimensions.get('window').height;
-    // Dimensions de l'icône FrontSelfieIcon (240x285 selon le viewBox)
     const iconWidth = 240;
     const iconHeight = 285;
-    // Calculer la position pour centrer l'icône
     const iconX = (screenWidth - iconWidth) / 2;
     const iconY = (screenHeight - iconHeight) / 3;
-    // Position du centre pour le masque (doit correspondre au centre de l'icône)
     const maskCenterX = iconX + iconWidth / 2;
     const maskCenterY = iconY + iconHeight / 2;
-    // Zone pour ScanningLine (basée sur la zone de l'icône)
     const scanningYMin = iconY;
     const scanningYMax = iconY + iconHeight;
-    return (<View style={StyleSheet.absoluteFill}>
+    return (<View style={StyleSheet.absoluteFill} pointerEvents="none">
             {stepperProps ? (<StepOverlay {...stepperProps}/>) : null}
             <Svg height="100%" width="100%" style={[StyleSheet.absoluteFill]}>
                 <Defs>
                     <Mask id="faceMask">
-                        {/* Fond blanc - zone visible (extérieur) */}
                         <Rect x="0" y="0" width="100%" height="100%" fill="white"/>
-                        {/* Zone noire - zone masquée (forme du visage) - exactement alignée avec l'icône */}
-                        <Path d="M35.4198 48.9242C38.2153 41.9014 42.5851 35.6693 48.3859 30.8232C61.3601 19.9842 88.1543 1.5 120 1.5C151.846 1.5 178.64 19.9842 191.614 30.8232C197.415 35.6693 201.785 41.9014 204.58 48.9242C210.484 63.7564 220 93.0114 220 127.5C220 168.082 204.19 212.617 198.234 227.954C196.792 231.667 194.971 235.196 192.628 238.417C183.46 251.021 156.313 283.5 120 283.5C83.6867 283.5 56.5401 251.021 47.3723 238.417C45.0294 235.196 43.2081 231.667 41.7663 227.954C35.8102 212.617 20 168.082 20 127.5C20 93.0114 29.5157 63.7564 35.4198 48.9242Z" fill="black" transform={`translate(${maskCenterX}, ${maskCenterY}) translate(-120, -142.5)`}/>
+                        <Path d="M35.4198 48.9242C38.2153 41.9014 42.5851 30.8232 48.3859 30.8232C61.3601 19.9842 88.1543 1.5 120 1.5C151.846 1.5 178.64 19.9842 191.614 30.8232C197.415 35.6693 201.785 41.9014 204.58 48.9242C210.484 63.7564 220 93.0114 220 127.5C220 168.082 204.19 212.617 198.234 227.954C196.792 231.667 194.971 235.196 192.628 238.417C183.46 251.021 156.313 283.5 120 283.5C83.6867 283.5 56.5401 251.021 47.3723 238.417C45.0294 235.196 43.2081 231.667 41.7663 227.954C35.8102 212.617 20 168.082 20 127.5C20 93.0114 29.5157 63.7564 35.4198 48.9242Z" fill="black" transform={`translate(${maskCenterX}, ${maskCenterY}) translate(-120, -142.5)`}/>
                     </Mask>
                 </Defs>
-                {/* Overlay semi-transparent avec masque */}
-                <Rect x="0" y="0" width="100%" height="100%" fill="rgba(0, 0, 0, 0.5)" mask="url(#faceMask)"/>
+                <Rect x="0" y="0" width="100%" height="100%" fill="rgba(0, 0, 0, 0.65)" mask="url(#faceMask)"/>
                 {isSuccess ? null : <ScanningLine yMin={scanningYMin} screenWidth={screenWidth} height={screenHeight} yMax={scanningYMax}/>}
             </Svg>
-            {/* Container de l'icône - centré automatiquement */}
-            <View style={[styles.iconContainer, {
-                left: iconX,
-                top: iconY,
-                width: iconWidth,
-                height: iconHeight,
-            }]}>
+            <View style={[styles.iconContainer, { left: iconX, top: iconY, width: iconWidth, height: iconHeight }]}>
                 {orientation === "center" ? <FrontSelfieIcon /> : <SideSelfieIcon />}
             </View>
-            {/* Flèche directionnelle pour les orientations latérales */}
-            {orientation !== "center" ? (<View style={[
+            {/* 🚨 REVERTED TO USE YOUR GIF FILE */}
+            {orientation && orientation !== "center" ? (<View style={[
                 styles.arrowContainer,
                 {
-                    top: iconY + iconHeight / 2 - 50, // Centré verticalement par rapport à l'icône
+                    top: iconY + iconHeight / 2 - 50,
                     left: orientation === "left" ? iconX - 72 : 'auto',
                     right: orientation === "right" ? iconX - 75 : 'auto'
                 }
             ]}>
                     <Image source={require('../Svgs/directionArrow.gif')} resizeMode="contain" style={[
                 styles.arrowImage,
+                // If the orientation is right, we flip the image horizontally
                 { transform: orientation === "right" ? [{ scaleX: -1 }] : [] }
             ]}/>
                 </View>) : null}
+            {/* UPGRADED INSTRUCTIONS UI */}
             <View style={styles.bottomIntruction}>
-                <Text style={styles.bottomTitle}>
-                    {instructionsTile}
-                </Text>
-                <Text style={styles.bottomSubtitle}>
-                    {instructionsSubtitle}
-                </Text>
+                <Text style={styles.bottomTitle}>{instructionsTile}</Text>
+                <Text style={styles.bottomSubtitle}>{instructionsSubtitle}</Text>
             </View>
         </View>);
 };
 export default SelfieOverlay;
 const styles = StyleSheet.create({
-    overlay: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        width: '100%',
-        height: '50%',
-        backgroundColor: 'rgba(0, 0, 0, 0.5)',
-    },
-    svg: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        width: '100%',
-        height: '100%',
-    },
-    topIntruction: {
-        zIndex: 1000,
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        paddingVertical: 20,
-        paddingHorizontal: 10,
-        marginHorizontal: 20,
-        marginTop: 10,
-        backgroundColor: "#FDE04730",
-        borderColor: "#FDE047",
-        borderWidth: 1,
-        borderRadius: 10,
-        gap: 10,
-    },
-    topIntructionText: {
-        color: '#FDE047',
-        fontSize: 14,
-        fontWeight: 'bold',
-        textAlign: 'center',
-    },
     bottomIntruction: {
         position: 'absolute',
-        bottom: 0,
+        bottom: 50,
         left: 0,
+        right: 0,
         width: '100%',
-        height: '35%',
-        paddingHorizontal: 20,
-    },
-    bottomIntructionTextBold: {
-        color: 'white',
-        fontSize: 16,
-        fontWeight: 'bold',
-        textAlign: 'center',
-    },
-    bottomIntructionText: {
-        color: 'white',
-        fontSize: 14,
-        fontWeight: 'bold',
-        textAlign: 'center',
+        paddingHorizontal: 24,
+        alignItems: 'center',
     },
     bottomTitle: {
-        color: 'white',
-        fontSize: 25,
+        color: '#FFFFFF',
+        fontSize: 24,
         fontWeight: 'bold',
         textAlign: 'center',
+        textShadowColor: 'rgba(0, 0, 0, 0.8)',
+        textShadowOffset: { width: 0, height: 2 },
+        textShadowRadius: 4,
     },
     bottomSubtitle: {
-        color: 'white',
-        marginTop: 15,
-        fontSize: 14,
-        fontWeight: '500',
+        color: '#FFFFFF',
+        marginTop: 12,
+        fontSize: 15,
+        fontWeight: '600',
         textAlign: 'center',
-    },
-    image: {
-        position: 'absolute',
-        borderRadius: 10,
+        lineHeight: 22,
+        backgroundColor: 'rgba(0,0,0,0.6)',
+        paddingVertical: 10,
+        paddingHorizontal: 20,
+        borderRadius: 20,
+        overflow: 'hidden',
     },
     iconContainer: {
         position: 'absolute',
         justifyContent: 'center',
-        alignItems: 'center',
+        alignItems: 'center'
     },
     arrowContainer: {
         position: 'absolute',
         width: 100,
         height: 100,
         justifyContent: 'center',
-        alignItems: 'center',
+        alignItems: 'center'
     },
     arrowImage: {
-        width: 100,
-        height: 100,
-        objectFit: 'contain',
-    },
+        width: 80,
+        height: 80,
+    }
 });
 //# sourceMappingURL=SelfieOverlay.js.map

package/build/src/components/OverLay/SelfieOverlay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelfieOverlay.js","sourceRoot":"","sources":["../../../../src/components/OverLay/SelfieOverlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Dimensions, Image, StyleSheet, Text, View } from \"react-native\";\nimport { IdCardOverlayProps } from \"./type\";\nimport Svg, { Rect, Path, Mask, Defs } from 'react-native-svg';\nimport ScanningLine from \"../Svgs/scanningLine\";\nimport FrontSelfieIcon from \"../Svgs/frontSelfieIcon\";\nimport StepOverlay from \"./StepOverlay\";\nimport SideSelfieIcon from \"../Svgs/sideSelfieIcon\";\n\nconst SelfieOverlay = ({ xMin, yMin, xMax, yMax, cornerOpacity, instructions, cornerColor = \"#4CAF50\", stepperProps, instructionsTile, instructionsSubtitle, orientation, isSuccess }: IdCardOverlayProps) => {\n const screenWidth = Dimensions.get('window').width;\n const screenHeight = Dimensions.get('window').height;\n\n // Dimensions de l'icône FrontSelfieIcon (240x285 selon le viewBox)\n const iconWidth = 240;\n const iconHeight = 285;\n\n // Calculer la position pour centrer l'icône\n const iconX = (screenWidth - iconWidth) / 2;\n const iconY = (screenHeight - iconHeight) / 3;\n\n // Position du centre pour le masque (doit correspondre au centre de l'icône)\n const maskCenterX = iconX + iconWidth / 2;\n const maskCenterY = iconY + iconHeight / 2;\n\n // Zone pour ScanningLine (basée sur la zone de l'icône)\n const scanningYMin = iconY;\n const scanningYMax = iconY + iconHeight;\n\n return (\n <View style={StyleSheet.absoluteFill}>\n {stepperProps ? (\n <StepOverlay {...stepperProps} />\n ) : null}\n\n <Svg\n height=\"100%\"\n width=\"100%\"\n style={[StyleSheet.absoluteFill]}\n >\n <Defs>\n <Mask id=\"faceMask\">\n {/* Fond blanc - zone visible (extérieur) /}\n <Rect\n x=\"0\"\n y=\"0\"\n width=\"100%\"\n height=\"100%\"\n fill=\"white\"\n />\n {/ Zone noire - zone masquée (forme du visage) - exactement alignée avec l'icône /}\n <Path\n d=\"M35.4198 48.9242C38.2153 41.9014 42.5851 35.6693 48.3859 30.8232C61.3601 19.9842 88.1543 1.5 120 1.5C151.846 1.5 178.64 19.9842 191.614 30.8232C197.415 35.6693 201.785 41.9014 204.58 48.9242C210.484 63.7564 220 93.0114 220 127.5C220 168.082 204.19 212.617 198.234 227.954C196.792 231.667 194.971 235.196 192.628 238.417C183.46 251.021 156.313 283.5 120 283.5C83.6867 283.5 56.5401 251.021 47.3723 238.417C45.0294 235.196 43.2081 231.667 41.7663 227.954C35.8102 212.617 20 168.082 20 127.5C20 93.0114 29.5157 63.7564 35.4198 48.9242Z\"\n fill=\"black\"\n transform={`translate(${maskCenterX}, ${maskCenterY}) translate(-120, -142.5)`}\n />\n </Mask>\n </Defs>\n\n {/ Overlay semi-transparent avec masque /}\n <Rect\n x=\"0\"\n y=\"0\"\n width=\"100%\"\n height=\"100%\"\n fill=\"rgba(0, 0, 0, 0.5)\"\n mask=\"url(#faceMask)\"\n />\n {isSuccess ? null : <ScanningLine yMin={scanningYMin} screenWidth={screenWidth} height={screenHeight} yMax={scanningYMax} />}\n </Svg>\n\n {/ Container de l'icône - centré automatiquement /}\n <View style={[styles.iconContainer, {\n left: iconX,\n top: iconY,\n width: iconWidth,\n height: iconHeight,\n }]}>\n {orientation === \"center\" ? <FrontSelfieIcon /> : <SideSelfieIcon />}\n </View>\n\n {/ Flèche directionnelle pour les orientations latérales */}\n {orientation !== \"center\" ? (\n <View style={[\n styles.arrowContainer,\n {\n top: iconY + iconHeight / 2 - 50, // Centré verticalement par rapport à l'icône\n left: orientation === \"left\" ? iconX - 72 : 'auto',\n right: orientation === \"right\" ? iconX - 75 : 'auto'\n }\n ]}>\n <Image\n source={require('../Svgs/directionArrow.gif')}\n resizeMode=\"contain\"\n style={[\n styles.arrowImage,\n { transform: orientation === \"right\" ? [{ scaleX: -1 }] : [] }\n ]}\n />\n </View>\n ) : null}\n\n\n <View style={styles.bottomIntruction}>\n <Text style={styles.bottomTitle}>\n {instructionsTile}\n </Text>\n <Text style={styles.bottomSubtitle}>\n {instructionsSubtitle}\n </Text>\n </View>\n </View>\n )\n}\n\nexport default SelfieOverlay;\n\n\nconst styles = StyleSheet.create({\n overlay: {\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '50%',\n backgroundColor: 'rgba(0, 0, 0, 0.5)',\n },\n svg: {\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n },\n topIntruction: {\n zIndex: 1000,\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n paddingVertical: 20,\n paddingHorizontal: 10,\n marginHorizontal: 20,\n marginTop: 10,\n backgroundColor: \"#FDE04730\",\n borderColor: \"#FDE047\",\n borderWidth: 1,\n borderRadius: 10,\n gap: 10,\n },\n topIntructionText: {\n color: '#FDE047',\n fontSize: 14,\n fontWeight: 'bold',\n textAlign: 'center',\n },\n bottomIntruction: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n width: '100%',\n height: '35%',\n paddingHorizontal: 20,\n },\n bottomIntructionTextBold: {\n color: 'white',\n fontSize: 16,\n fontWeight: 'bold',\n textAlign: 'center',\n },\n bottomIntructionText: {\n color: 'white',\n fontSize: 14,\n fontWeight: 'bold',\n textAlign: 'center',\n },\n bottomTitle: {\n color: 'white',\n fontSize: 25,\n fontWeight: 'bold',\n textAlign: 'center',\n },\n bottomSubtitle: {\n color: 'white',\n marginTop: 15,\n fontSize: 14,\n fontWeight: '500',\n textAlign: 'center',\n },\n\n\n image: {\n position: 'absolute',\n borderRadius: 10,\n },\n iconContainer: {\n position: 'absolute',\n justifyContent: 'center',\n alignItems: 'center',\n },\n arrowContainer: {\n position: 'absolute',\n width: 100,\n height: 100,\n justifyContent: 'center',\n alignItems: 'center',\n },\n arrowImage: {\n width: 100,\n height: 100,\n objectFit: 'contain',\n },\n})\n"]}
1	+ {"version":3,"file":"SelfieOverlay.js","sourceRoot":"","sources":["../../../../src/components/OverLay/SelfieOverlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { Dimensions, StyleSheet, Text, View, Image } from \"react-native\";\nimport { IdCardOverlayProps } from \"./type\";\nimport Svg, { Rect, Path, Mask, Defs } from 'react-native-svg';\nimport ScanningLine from \"../Svgs/scanningLine\";\nimport FrontSelfieIcon from \"../Svgs/frontSelfieIcon\";\nimport StepOverlay from \"./StepOverlay\";\nimport SideSelfieIcon from \"../Svgs/sideSelfieIcon\";\n\nconst SelfieOverlay = ({ xMin, yMin, xMax, yMax, cornerOpacity, instructions, cornerColor = \"#4CAF50\", stepperProps, instructionsTile, instructionsSubtitle, orientation, isSuccess }: IdCardOverlayProps) => {\n const screenWidth = Dimensions.get('window').width;\n const screenHeight = Dimensions.get('window').height;\n\n const iconWidth = 240;\n const iconHeight = 285;\n\n const iconX = (screenWidth - iconWidth) / 2;\n const iconY = (screenHeight - iconHeight) / 3;\n\n const maskCenterX = iconX + iconWidth / 2;\n const maskCenterY = iconY + iconHeight / 2;\n\n const scanningYMin = iconY;\n const scanningYMax = iconY + iconHeight;\n\n return (\n <View style={StyleSheet.absoluteFill} pointerEvents=\"none\">\n {stepperProps ? (\n <StepOverlay {...stepperProps} />\n ) : null}\n\n <Svg height=\"100%\" width=\"100%\" style={[StyleSheet.absoluteFill]}>\n <Defs>\n <Mask id=\"faceMask\">\n <Rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\" />\n <Path\n d=\"M35.4198 48.9242C38.2153 41.9014 42.5851 30.8232 48.3859 30.8232C61.3601 19.9842 88.1543 1.5 120 1.5C151.846 1.5 178.64 19.9842 191.614 30.8232C197.415 35.6693 201.785 41.9014 204.58 48.9242C210.484 63.7564 220 93.0114 220 127.5C220 168.082 204.19 212.617 198.234 227.954C196.792 231.667 194.971 235.196 192.628 238.417C183.46 251.021 156.313 283.5 120 283.5C83.6867 283.5 56.5401 251.021 47.3723 238.417C45.0294 235.196 43.2081 231.667 41.7663 227.954C35.8102 212.617 20 168.082 20 127.5C20 93.0114 29.5157 63.7564 35.4198 48.9242Z\"\n fill=\"black\"\n transform={`translate(${maskCenterX}, ${maskCenterY}) translate(-120, -142.5)`}\n />\n </Mask>\n </Defs>\n\n <Rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"rgba(0, 0, 0, 0.65)\" mask=\"url(#faceMask)\" />\n {isSuccess ? null : <ScanningLine yMin={scanningYMin} screenWidth={screenWidth} height={screenHeight} yMax={scanningYMax} />}\n </Svg>\n\n <View style={[styles.iconContainer, { left: iconX, top: iconY, width: iconWidth, height: iconHeight }]}>\n {orientation === \"center\" ? <FrontSelfieIcon /> : <SideSelfieIcon />}\n </View>\n\n {/* 🚨 REVERTED TO USE YOUR GIF FILE /}\n {orientation && orientation !== \"center\" ? (\n <View style={[\n styles.arrowContainer,\n {\n top: iconY + iconHeight / 2 - 50,\n left: orientation === \"left\" ? iconX - 72 : 'auto',\n right: orientation === \"right\" ? iconX - 75 : 'auto'\n }\n ]}>\n <Image\n source={require('../Svgs/directionArrow.gif')}\n resizeMode=\"contain\"\n style={[\n styles.arrowImage,\n // If the orientation is right, we flip the image horizontally\n { transform: orientation === \"right\" ? [{ scaleX: -1 }] : [] }\n ]}\n />\n </View>\n ) : null}\n\n {/ UPGRADED INSTRUCTIONS UI */}\n <View style={styles.bottomIntruction}>\n <Text style={styles.bottomTitle}>{instructionsTile}</Text>\n <Text style={styles.bottomSubtitle}>{instructionsSubtitle}</Text>\n </View>\n </View>\n );\n};\n\nexport default SelfieOverlay;\n\nconst styles = StyleSheet.create({\n bottomIntruction: { \n position: 'absolute', \n bottom: 50, \n left: 0, \n right: 0,\n width: '100%', \n paddingHorizontal: 24,\n alignItems: 'center',\n },\n bottomTitle: { \n color: '#FFFFFF', \n fontSize: 24, \n fontWeight: 'bold', \n textAlign: 'center',\n textShadowColor: 'rgba(0, 0, 0, 0.8)',\n textShadowOffset: { width: 0, height: 2 },\n textShadowRadius: 4,\n },\n bottomSubtitle: { \n color: '#FFFFFF', \n marginTop: 12, \n fontSize: 15, \n fontWeight: '600', \n textAlign: 'center', \n lineHeight: 22,\n backgroundColor: 'rgba(0,0,0,0.6)', \n paddingVertical: 10,\n paddingHorizontal: 20,\n borderRadius: 20,\n overflow: 'hidden',\n },\n iconContainer: { \n position: 'absolute', \n justifyContent: 'center', \n alignItems: 'center' \n },\n arrowContainer: { \n position: 'absolute', \n width: 100, \n height: 100, \n justifyContent: 'center', \n alignItems: 'center' \n },\n arrowImage: {\n width: 80,\n height: 80,\n }\n});"]}

package/build/src/components/OverLay/type.d.ts CHANGED Viewed

@@ -68,6 +68,7 @@ export interface EnhancedCameraViewProps {
     showCaptureButton?: boolean;
     showSwitchCamera?: boolean;
     overlayComponent?: React.ReactNode;
+    isProcessing?: boolean;
     bbox?: {
         xMin: number;
         yMin: number;

package/build/src/components/OverLay/type.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/OverLay/type.ts"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/OverLay/type.ts"],"names":[],"mappings":"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"}

package/build/src/components/OverLay/type.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"type.js","sourceRoot":"","sources":["../../../../src/components/OverLay/type.ts"],"names":[],"mappings":"","sourcesContent":["import { ViewStyle } from \"react-native\";\nimport { ISilentCaptureResult } from \"../../types/KYC.types\";\n\nexport interface IdCardOverlayProps {\n xMin: number;\n yMin: number;\n xMax: number;\n yMax: number;\n cornerOpacity: number;\n instructions: string;\n cornerColor?: string;\n stepperProps?: StepperProps;\n instructionsTile?: string;\n instructionsSubtitle?: string;\n orientation?: 'center' \| 'left' \| 'right';\n isAnalyzing?: boolean;\n isSuccess?: boolean;\n language: string\n}\n\n\ninterface StepperProps {\n back: () => void;\n selectedDocumentType: string;\n step: number;\n totalSteps: number;\n side: string;\n}\n\nexport interface ExtractMrzTextResponse {\n parsed_data: {\n mrz_type: string;\n document_code: string;\n issuer_code: string;\n surname: string;\n given_name: string;\n document_number: string;\n document_number_checkdigit: string;\n nationality_code: string;\n birth_date: string;\n sex: string;\n expiry_date: string;\n optional_data: string;\n mrz_text: string;\n status: string;\n },\n success: boolean;\n}\n\n\n\nexport interface EnhancedCameraViewProps {\n instructions?: string;\n showCamera: boolean;\n cameraType?: 'front' \| 'back';\n style?: ViewStyle;\n onCapture?: (result: { success: boolean; path?: string; error?: string }) => void;\n onSilentCapture?: (result: { success: boolean; path?: string; error?: string }) => void;\n silentCaptureResult?: ISilentCaptureResult;\n onError?: (event: { message: string }) => void;\n onClose?: () => void;\n enableFlash?: boolean;\n enableHdr?: boolean;\n quality?: 'low' \| 'medium' \| 'high';\n showCaptureButton?: boolean;\n showSwitchCamera?: boolean;\n overlayComponent?: React.ReactNode;\n bbox?: {\n xMin: number;\n yMin: number;\n xMax: number;\n yMax: number;\n borderColor?: string;\n borderWidth?: number;\n cornerRadius?: number;\n };\n canFlip?: boolean;\n // Video recording props\n enableVideo?: boolean;\n isRecording?: boolean;\n onVideoRecordingStart?: () => void;\n onVideoRecordingStop?: (result: { success: boolean; path?: string; error?: string }) => void;\n videoDuration?: number;\n /** Delay in ms before first auto-capture (lets camera focus and user position document). Recommended 2500–3000 for ID/document capture. */\n captureStabilizationDelayMs?: number;\n}\n\nexport interface CheckTemplateTypeResponse {\n template_path: string;\n lpips_score: number;\n}"]}
1	+ {"version":3,"file":"type.js","sourceRoot":"","sources":["../../../../src/components/OverLay/type.ts"],"names":[],"mappings":"","sourcesContent":["import { ViewStyle } from \"react-native\";\nimport { ISilentCaptureResult } from \"../../types/KYC.types\";\n\nexport interface IdCardOverlayProps {\n xMin: number;\n yMin: number;\n xMax: number;\n yMax: number;\n cornerOpacity: number;\n instructions: string;\n cornerColor?: string;\n stepperProps?: StepperProps;\n instructionsTile?: string;\n instructionsSubtitle?: string;\n orientation?: 'center' \| 'left' \| 'right';\n isAnalyzing?: boolean;\n isSuccess?: boolean;\n language: string\n}\n\n\ninterface StepperProps {\n back: () => void;\n selectedDocumentType: string;\n step: number;\n totalSteps: number;\n side: string;\n}\n\nexport interface ExtractMrzTextResponse {\n parsed_data: {\n mrz_type: string;\n document_code: string;\n issuer_code: string;\n surname: string;\n given_name: string;\n document_number: string;\n document_number_checkdigit: string;\n nationality_code: string;\n birth_date: string;\n sex: string;\n expiry_date: string;\n optional_data: string;\n mrz_text: string;\n status: string;\n },\n success: boolean;\n}\n\n\n\nexport interface EnhancedCameraViewProps {\n instructions?: string;\n showCamera: boolean;\n cameraType?: 'front' \| 'back';\n style?: ViewStyle;\n onCapture?: (result: { success: boolean; path?: string; error?: string }) => void;\n onSilentCapture?: (result: { success: boolean; path?: string; error?: string }) => void;\n silentCaptureResult?: ISilentCaptureResult;\n onError?: (event: { message: string }) => void;\n onClose?: () => void;\n enableFlash?: boolean;\n enableHdr?: boolean;\n quality?: 'low' \| 'medium' \| 'high';\n showCaptureButton?: boolean;\n showSwitchCamera?: boolean;\n overlayComponent?: React.ReactNode;\n isProcessing?: boolean; \n bbox?: {\n xMin: number;\n yMin: number;\n xMax: number;\n yMax: number;\n borderColor?: string;\n borderWidth?: number;\n cornerRadius?: number;\n };\n canFlip?: boolean;\n // Video recording props\n enableVideo?: boolean;\n isRecording?: boolean;\n onVideoRecordingStart?: () => void;\n onVideoRecordingStop?: (result: { success: boolean; path?: string; error?: string }) => void;\n videoDuration?: number;\n /** Delay in ms before first auto-capture (lets camera focus and user position document). Recommended 2500–3000 for ID/document capture. */\n captureStabilizationDelayMs?: number;\n}\n\nexport interface CheckTemplateTypeResponse {\n template_path: string;\n lpips_score: number;\n}"]}

package/build/src/components/Svgs/scanningLine.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
+import React from 'react';
 interface ScanningLineProps {
     yMin: number;
     yMax: number;
     screenWidth: number;
     height: number;
 }
-declare const ScanningLine: ({ yMin, screenWidth, height, yMax }: ScanningLineProps) => import("react").JSX.Element;
+declare const ScanningLine: ({ yMin, yMax, screenWidth, height }: ScanningLineProps) => React.ReactElement;
 export default ScanningLine;
 //# sourceMappingURL=scanningLine.d.ts.map

package/build/src/components/Svgs/scanningLine.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scanningLine.d.ts","sourceRoot":"","sources":["../../../../src/components/Svgs/scanningLine.tsx"],"names":[],"mappings":"~~AAIA~~,UAAU,iBAAiB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,~~CAAA~~;~~IACZ~~,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,~~CAAA~~;~~CACjB~~;~~AACD~~,QAAA,MAAM,YAAY,GAAI,qCAAqC,iBAAiB,~~gCAiE3E~~,~~CAAA~~;~~AAYD~~,eAAe,YAAY,~~CAAA~~"}
1	+ {"version":3,"file":"scanningLine.d.ts","sourceRoot":"","sources":["../../../../src/components/Svgs/scanningLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,UAAU,iBAAiB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,YAAY,GAAI,qCAAqC,iBAAiB,KAAG,KAAK,CAAC,YAgEpF,CAAC;AAWF,eAAe,YAAY,CAAC"}

package/build/src/components/Svgs/scanningLine.js CHANGED Viewed

@@ -1,60 +1,64 @@
-import { useEffect, useState } from "react";
-import { StyleSheet } from "react-native";
-import Svg, { Defs, LinearGradient, Rect, Stop } from "react-native-svg";
-const ScanningLine = ({ yMin, screenWidth, height, yMax }) => {
-    const [scanLineX, setScanLineX] = useState({
-        val: yMin - (40 + 280),
-        direction: 'down'
-    });
+import React, { useEffect, useRef } from 'react';
+import { Animated, Easing, StyleSheet } from 'react-native';
+import Svg, { LinearGradient, Rect, Stop, Defs } from 'react-native-svg';
+const ScanningLine = ({ yMin, yMax, screenWidth, height }) => {
+    const animatedValue = useRef(new Animated.Value(0)).current;
+    const boxHeight = yMax - yMin;
     useEffect(() => {
-        const interval = setInterval(() => {
-            setScanLineX(prev => {
-                const newX = prev.val + (prev.direction === 'up' ? -1 : 1) * Math.round(Math.random() * 2); // Vitesse de déplacement horizontal
-                if (prev.direction === "down") {
-                    if (newX > yMax - (280 - 40)) {
-                        return { val: yMax + (40), direction: 'up' };
-                    }
-                    else {
-                        return { val: newX, direction: 'down' };
-                    }
-                }
-                else {
-                    if (newX < yMin - (40)) {
-                        return { val: yMin - (40 + 280), direction: 'down' };
-                    }
-                    else {
-                        return { val: newX, direction: 'up' };
-                    }
-                }
-            });
-        }, 2);
-        return () => clearInterval(interval);
-    }, []);
-    return <Svg width={screenWidth} height={height} style={styles.svg}>
-        <Defs>
-            <LinearGradient id="grad-rect" x1="0%" y1={scanLineX.direction === 'up' ? "100%" : "0%"} x2="0%" y2={scanLineX.direction === 'up' ? "0%" : "100%"}>
-                <Stop offset="30%" stopColor="#2DBD60" stopOpacity="0"/>
-                <Stop offset="40%" stopColor="#2DBD60" stopOpacity="0"/>
-                <Stop offset="50%" stopColor="#2DBD60" stopOpacity="0"/>
-                <Stop offset="60%" stopColor="#2DBD60" stopOpacity="0"/>
-                <Stop offset="70%" stopColor="#2DBD60" stopOpacity="0.02"/>
-                <Stop offset="88%" stopColor="#2DBD60" stopOpacity="0.09"/>
-                <Stop offset="90%" stopColor="#2DBD60" stopOpacity="0.42"/>
-                <Stop offset="100%" stopColor="#2DBD60" stopOpacity="1"/>
-            </LinearGradient>
-        </Defs>
-        <Rect x="0" y={scanLineX.val} width={screenWidth} height="280" rx="0" ry="0" fill="url(#grad-rect)"/>
-    </Svg>;
+        const startAnimation = () => {
+            animatedValue.setValue(0);
+            Animated.loop(Animated.timing(animatedValue, {
+                toValue: 1,
+                duration: 2500,
+                easing: Easing.linear,
+                useNativeDriver: true,
+            })).start();
+        };
+        startAnimation();
+        return () => {
+            animatedValue.stopAnimation();
+        };
+    }, [animatedValue, boxHeight]);
+    const translateY = animatedValue.interpolate({
+        inputRange: [0, 0.5, 1],
+        outputRange: [yMin, yMax, yMin],
+    });
+    return (<Animated.View style={[
+            styles.container,
+            {
+                width: screenWidth,
+                height: height,
+                transform: [{ translateY }],
+            },
+        ]} pointerEvents="none">
+            <Svg height="4" width={screenWidth}>
+                <Defs>
+                    <LinearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="0%">
+                        <Stop offset="0%" stopColor="transparent" stopOpacity="0"/>
+                        <Stop offset="50%" stopColor="#22C55E" stopOpacity="1"/>
+                        <Stop offset="100%" stopColor="transparent" stopOpacity="0"/>
+                    </LinearGradient>
+                </Defs>
+                <Rect x="0" y="0" width={screenWidth} height="4" fill="url(#grad)"/>
+            </Svg>
+            <Svg height="40" width={screenWidth} style={{ marginTop: -2 }}>
+                 <Defs>
+                    <LinearGradient id="glow" x1="0%" y1="0%" x2="0%" y2="100%">
+                        <Stop offset="0%" stopColor="#22C55E" stopOpacity="0.4"/>
+                        <Stop offset="100%" stopColor="#22C55E" stopOpacity="0"/>
+                    </LinearGradient>
+                </Defs>
+                <Rect x="0" y="0" width={screenWidth} height="40" fill="url(#glow)"/>
+            </Svg>
+        </Animated.View>);
 };
 const styles = StyleSheet.create({
-    svg: {
+    container: {
         position: 'absolute',
         top: 0,
         left: 0,
-        width: '100%',
-        height: '100%',
+        zIndex: 10,
     },
 });
 export default ScanningLine;

package/build/src/components/Svgs/scanningLine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scanningLine.js","sourceRoot":"","sources":["../../../../src/components/Svgs/scanningLine.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,~~QAAQ~~,EAAE,MAAM,OAAO,CAAC;~~AAC5C~~,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;~~AAC1C~~,OAAO,GAAG,EAAE,EAAE,~~IAAI~~,EAAE,~~cAAc~~,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,~~CAAA~~;~~AAQxE~~,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,~~WAAW~~,EAAE,~~MAAM~~,EAAE,~~IAAI~~,EAAqB,~~EAAE~~,EAAE;~~IAE5E~~,MAAM,~~CAAC~~,~~SAAS~~,~~EAAE~~,~~YAAY,~~CAAC,~~GAAG~~,QAAQ,~~CAGvC;QACC~~,~~GAAG~~,~~EAAE~~,~~IAAI~~,~~GAAG~~,CAAC,~~EAAE~~,~~GAAG~~,~~GAAG,~~CAAC;~~QACtB~~,SAAS,~~EAAE~~,~~MAAM;KACpB~~,~~CAAC~~,CAAC;~~IAEH~~,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,~~QAAQ~~,GAAG,~~WAAW,CAAC,~~GAAG,EAAE;~~YAC9B~~,~~YAAY~~,CAAC,~~IAAI~~,CAAC,~~EAAE;gBAEhB~~,~~MAAM,IAAI,GAAG,IAAI,~~CAAC,~~GAAG,GAAG,~~CAAC,~~IAAI~~,CAAC,~~SAAS,KAAK,~~IAAI,~~CAAC~~,~~CAAC~~,CAAC,~~CAAC~~,CAAC,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,CAAC,~~GAAG~~,~~IAAI~~,~~CAAC,KAAK,CAAC,~~IAAI,~~CAAC,~~MAAM,EAAE,~~GAAG~~,CAAC,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~qCAAqC~~;~~gBACjI~~,~~IAAI~~,~~IAAI~~,CAAC,~~SAAS,~~KAAK,~~MAAM,~~EAAE,CAAC;~~oBAC5B~~,~~IAAI~~,~~IAAI,GAAG,IAAI,GAAG,~~CAAC,~~GAAG~~,~~GAAG,~~EAAE,CAAC~~,EAAE,CAAC~~;~~wBAC3B~~,OAAO,~~EAAE,~~GAAG,EAAE,~~IAAI~~,~~GAAG,~~CAAC,EAAE,CAAC~~,EAAE,SAAS,EAAE,IAAI,EAAE,CAAA~~;~~oBAChD~~,CAAC~~;yBAAM~~,CAAC;~~wBACJ~~,~~OAAO~~,EAAE,~~GAAG~~,~~EAAE~~,~~IAAI,~~EAAE,SAAS,~~EAAE,MAAM,EAAE,CAAA;oBAC3C,~~CAAC~~;gBACL~~,CAAC~~;qBAAM~~,CAAC;~~oBACJ~~,~~IAAI~~,~~IAAI~~,GAAG,~~IAAI~~,~~GAAG,~~CAAC,~~EAAE~~,CAAC~~,EAAE,CAAC~~;~~wBACrB~~,~~OAAO~~,EAAE,~~GAAG~~,~~EAAE,IAAI,GAAG,~~CAAC,EAAE,GAAG,~~GAAG,CAAC,~~EAAE,~~SAAS,EAAE,MAAM,EAAE,CAAA;oBACxD,~~CAAC~~;yBAAM~~,CAAC;~~wBACJ~~,~~OAAO~~,EAAE,~~GAAG~~,~~EAAE,~~IAAI,EAAE,~~SAAS~~,EAAE,IAAI,~~EAAE,CAAA;oBACzC,~~CAAC;~~gBACL~~,CAAC~~;YAEL~~,CAAC~~,CAAC,CAAC~~;~~QACP~~,~~CAAC~~,~~EAAE~~,CAAC,~~CAAC~~,CAAC~~;QAEN~~,~~OAAO~~,~~GAAG~~,~~EAAE~~,CAAC,~~aAAa,~~CAAC,~~QAAQ~~,CAAC,~~CAAC~~;~~IACzC~~,~~CAAC~~,EAAE,EAAE,~~CAAC,CAAC~~;~~IAIP~~,~~OAAO~~,CAAC,~~GAAG~~,~~CAAC~~,~~KAAK~~,CAAC,CAAC,~~WAAW~~,~~CAAC~~,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,~~MAAM~~,CAAC,~~GAAG,CAAC,CAC9D~~;~~QAAA~~,CAAC,IAAI,CACD;~~YAAA~~,CAAC,cAAc,CAAC,EAAE,CAAC,~~WAAW~~,CAAC,EAAE,CAAC,IAAI,~~CAClC~~,EAAE,CAAC,~~CAAC,SAAS,CAAC,SAAS,KAAK,~~IAAI,CAAC,~~CAAC~~,CAAC,MAAM,CAAC,~~CAAC~~,CAAC,IAAI,~~CAAC~~,CAAC,~~EAAE,CAAC,~~IAAI,~~CACzD,EAAE,~~CAAC,~~CAAC~~,~~SAAS,~~CAAC,~~SAAS,KAAK,~~IAAI,CAAC,~~CAAC~~,CAAC,~~IAAI~~,CAAC,~~CAAC~~,CAAC,~~MAAM~~,~~CAAC,CACjD~~;~~gBAAA~~,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,EACtD;~~gBAAA~~,CAAC,IAAI,CAAC,MAAM,CAAC,~~KAAK~~,CAAC,SAAS,CAAC,~~SAAS~~,CAAC,WAAW,CAAC,GAAG,~~EACtD~~;gBAAA,CAAC,IAAI,CAAC,~~MAAM~~,CAAC,~~KAAK~~,CAAC,~~SAAS~~,CAAC,~~SAAS~~,CAAC,WAAW,CAAC,GAAG,~~EACtD~~;~~gBAAA~~,CAAC,~~IAAI~~,CAAC,MAAM,CAAC,~~KAAK~~,CAAC,~~SAAS~~,CAAC,~~SAAS,~~CAAC,WAAW,CAAC,~~GAAG~~,~~EACtD;gBAAA~~,CAAC,~~IAAI~~,CAAC,~~MAAM~~,CAAC,~~KAAK~~,CAAC,~~SAAS~~,CAAC,~~SAAS~~,CAAC,~~WAAW~~,CAAC,MAAM,~~EACzD;gBAAA~~,CAAC,IAAI,CAAC,~~MAAM~~,CAAC,~~KAAK~~,CAAC,~~SAAS~~,CAAC,~~SAAS~~,CAAC,~~WAAW~~,CAAC,MAAM,~~EACzD~~;~~gBAAA~~,CAAC,IAAI,CAAC,MAAM,CAAC,~~KAAK~~,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,~~MAAM~~,~~EACzD~~;~~gBAAA~~,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,EAC3D;~~YAAA~~,EAAE,cAAc,CACpB;~~QAAA~~,EAAE,IAAI,~~CAGN;;;QAAA~~,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,~~CACP,~~CAAC,CAAC,CAAC,~~SAAS,CAAC,~~GAAG,CAAC,~~CACjB,~~KAAK,CAAC,CAAC,WAAW,CAAC,~~CACnB~~,MAAM,CAAC,~~KAAK~~,~~CACZ~~,~~EAAE~~,CAAC,~~GAAG~~,~~CACN~~,EAAE,~~CAAC,~~GAAG,~~CACN~~,~~IAAI~~,CAAC,~~iBAAiB~~,~~EAG9B;IAAA~~,~~EAAE~~,~~GAAG,~~CAAC~~,CAAA~~;~~AAEV~~,CAAC,~~CAAA~~;~~AAED~~,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC7B,~~GAAG~~,EAAE;~~QACD~~,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,~~KAAK~~,EAAE,~~MAAM;QACb,MAAM,~~EAAE~~,MAAM~~;~~KACjB~~;CACJ,CAAC,~~CAAA~~;~~AAEF~~,eAAe,YAAY,~~CAAA~~","sourcesContent":["import { useEffect, ~~useState~~ } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport Svg, { ~~Defs,~~ LinearGradient, Rect, Stop } from \"react-native-svg~~\"\~~n\ninterface ScanningLineProps {\n yMin: number,\n yMax: number\n screenWidth: number,\n height: number\n}\nconst ScanningLine = ({ yMin, screenWidth, height, ~~yMax~~ }: ScanningLineProps) => {\n\n const ~~[scanLineX,~~ ~~setScanLineX]~~ = ~~useState<{\n val:~~ ~~number,\~~n ~~direction: 'up' \| 'down'~~\n ~~}>({\n val:~~ ~~yMin~~ - ~~(40~~ + ~~280),\n direction: 'down'\n })~~;\n\n useEffect(() => {\n const ~~interval~~ = ~~setInterval~~(() => {\n ~~setScanLineX~~(~~prev => {\~~n\n ~~const newX = prev~~.~~val +~~ (~~prev.direction~~ ~~===~~ ~~'up' ? -~~1 : 1) * ~~Math~~.~~round(Math.random()~~ * 2)~~; // Vitesse de déplacement horizontal~~ \n if (~~prev.direction === \"down\"~~) {\n if (~~newX > yMax - (280 - 40~~)~~) {~~\n return ~~{ val: yMax +~~ (40), ~~direction:~~ ~~'up' }\n } else~~ {\n ~~return { val: newX, direction: 'down' }\~~n }\n } ~~else~~ {\n if ~~(newX~~ < ~~yMin -~~ (~~40))~~ {\n ~~return~~ { ~~val~~: yMin - ~~(40 + 280)~~, ~~direction: 'down' }~~\n } ~~else {~~\n return ~~{ val: newX, direction: 'up' }~~\n }\n }\n\n ~~});\~~n }, ~~2);\~~n~~\n return~~ () => ~~clearInterval(interval);\n~~ }~~, [~~]~~);\~~n\n \n\n ~~return~~ <Svg width={screenWidth} ~~height={height} style={styles.svg}~~>\n <Defs>\n <LinearGradient id=\"grad~~-rect~~\" x1=\"0%\"\n y1~~={scanLineX.direction === 'up' ? \~~"~~100%\" : \"~~0%\"} x2=\"0%\"\n y2~~={scanLineX.direction === 'up' ? \~~"0%\" ~~: \"100%\"}~~>\n <Stop offset=\"30%\" stopColor=\"~~#2DBD60~~\" stopOpacity=\"0\" />\n <Stop offset=\"40%\" stopColor=\"#~~2DBD60~~\" stopOpacity=\"0\" />\n <Stop offset=\"50%\" stopColor=\"~~#2DBD60~~\" stopOpacity=\"0\" />\n <~~Stop~~ ~~offset~~=\"~~60%\~~" ~~stopColor~~=\"~~#2DBD60~~\" ~~stopOpacity~~=\"0\" />\n <~~Stop~~ ~~offset~~=\"~~70%\~~" ~~stopColor~~=\"~~#2DBD60~~\" ~~stopOpacity~~=\"0~~.02\~~" ~~/>\n <Stop offset~~=\"88%\" ~~stopColor~~=\"~~#2DBD60\~~" ~~stopOpacity~~=\"~~0.09\~~" ~~/>\~~n <Stop offset=\"90%\" stopColor=\"#~~2DBD60~~\" stopOpacity=\"0.42\" />\n <Stop offset=\"100%\" stopColor=\"#~~2DBD60~~\" stopOpacity=\"1\" />\n </LinearGradient>\n </Defs>\n~~\n\n~~ <Rect x=\"0\"\n y~~={scanLineX.val}~~\n width={screenWidth}\n height=\"~~280~~\"~~\n rx=\"0\"\n ry=\"0\"\n~~ fill=\"url(#~~grad-rect~~)\"~~\n\n~~ />\n </Svg>\n\n}\n\nconst styles = StyleSheet.create({\n ~~svg~~: {\n position: 'absolute',\n top: 0,\n left: 0,\n ~~width~~: ~~'100%'~~,\n ~~height: '100%',\n~~ },\n})\n\nexport default ScanningLine"]}
1	+ {"version":3,"file":"scanningLine.js","sourceRoot":"","sources":["../../../../src/components/Svgs/scanningLine.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated, Easing, StyleSheet } from 'react-native';\nimport Svg, { LinearGradient, Rect, Stop, Defs } from 'react-native-svg';\n\ninterface ScanningLineProps {\n yMin: number;\n yMax: number;\n screenWidth: number;\n height: number;\n}\n\nconst ScanningLine = ({ yMin, yMax, screenWidth, height }: ScanningLineProps): React.ReactElement => {\n const animatedValue = useRef(new Animated.Value(0)).current;\n\n const boxHeight = yMax - yMin;\n\n useEffect(() => {\n const startAnimation = () => {\n animatedValue.setValue(0);\n Animated.loop(\n Animated.timing(animatedValue, {\n toValue: 1,\n duration: 2500, \n easing: Easing.linear,\n useNativeDriver: true,\n })\n ).start();\n };\n\n startAnimation();\n \n return () => {\n animatedValue.stopAnimation();\n };\n }, [animatedValue, boxHeight]);\n\n const translateY = animatedValue.interpolate({\n inputRange: [0, 0.5, 1],\n outputRange: [yMin, yMax, yMin], \n });\n\n return (\n <Animated.View\n style={[\n styles.container,\n {\n width: screenWidth,\n height: height,\n transform: [{ translateY }],\n },\n ]}\n pointerEvents=\"none\"\n >\n <Svg height=\"4\" width={screenWidth}>\n <Defs>\n <LinearGradient id=\"grad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <Stop offset=\"0%\" stopColor=\"transparent\" stopOpacity=\"0\" />\n <Stop offset=\"50%\" stopColor=\"#22C55E\" stopOpacity=\"1\" />\n <Stop offset=\"100%\" stopColor=\"transparent\" stopOpacity=\"0\" />\n </LinearGradient>\n </Defs>\n <Rect x=\"0\" y=\"0\" width={screenWidth} height=\"4\" fill=\"url(#grad)\" />\n </Svg>\n \n <Svg height=\"40\" width={screenWidth} style={{ marginTop: -2 }}>\n <Defs>\n <LinearGradient id=\"glow\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <Stop offset=\"0%\" stopColor=\"#22C55E\" stopOpacity=\"0.4\" />\n <Stop offset=\"100%\" stopColor=\"#22C55E\" stopOpacity=\"0\" />\n </LinearGradient>\n </Defs>\n <Rect x=\"0\" y=\"0\" width={screenWidth} height=\"40\" fill=\"url(#glow)\" />\n </Svg>\n </Animated.View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n position: 'absolute',\n top: 0,\n left: 0,\n zIndex: 10,\n },\n});\n\nexport default ScanningLine;"]}

package/build/src/config/KYCConfig.js CHANGED Viewed

@@ -3,7 +3,7 @@ class KYCConfig {
     backendEnvironment = 'PRODUCTION';
     backendUrls = {
         PRODUCTION: 'https://service.sanctumkey.com/api/v1',
-        TEST: 'https://kyc-backend.transfergratis.net/api/v1', // Placeholder URL
+        TEST: 'https://kyc-backend.SanctumKey.net/api/v1',
     };
     constructor() { }
     static getInstance() {