@sanctum-key/react-native-sdk 1.0.0

package/build/components/OverLay/SelfieOverlay.d.ts.map

@@ -0,0 +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"}

package/build/components/OverLay/SelfieOverlay.js

@@ -0,0 +1,169 @@
+import { Dimensions, Image, StyleSheet, Text, View } from "react-native";
+import Svg, { Rect, Path, Mask, Defs } from 'react-native-svg';
+import ScanningLine from "../Svgs/scanningLine";
+import FrontSelfieIcon from "../Svgs/frontSelfieIcon";
+import StepOverlay from "./StepOverlay";
+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}>
+            {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)`}/>
+                    </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)"/>
+                {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,
+            }]}>
+                {orientation === "center" ? <FrontSelfieIcon /> : <SideSelfieIcon />}
+            </View>
+
+            {/* Flèche directionnelle pour les orientations latérales */}
+            {orientation !== "center" ? (<View style={[
+                styles.arrowContainer,
+                {
+                    top: iconY + iconHeight / 2 - 50, // Centré verticalement par rapport à l'icône
+                    left: orientation === "left" ? iconX - 72 : 'auto',
+                    right: orientation === "right" ? iconX - 75 : 'auto'
+                }
+            ]}>
+                    <Image source={require('../Svgs/directionArrow.gif')} resizeMode="contain" style={[
+                styles.arrowImage,
+                { transform: orientation === "right" ? [{ scaleX: -1 }] : [] }
+            ]}/>
+                </View>) : null}
+
+
+            <View style={styles.bottomIntruction}>
+                <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,
+        left: 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',
+    },
+    bottomTitle: {
+        color: 'white',
+        fontSize: 25,
+        fontWeight: 'bold',
+        textAlign: 'center',
+    },
+    bottomSubtitle: {
+        color: 'white',
+        marginTop: 15,
+        fontSize: 14,
+        fontWeight: '500',
+        textAlign: 'center',
+    },
+    image: {
+        position: 'absolute',
+        borderRadius: 10,
+    },
+    iconContainer: {
+        position: 'absolute',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    arrowContainer: {
+        position: 'absolute',
+        width: 100,
+        height: 100,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    arrowImage: {
+        width: 100,
+        height: 100,
+        objectFit: 'contain',
+    },
+});
+//# sourceMappingURL=SelfieOverlay.js.map

package/build/components/OverLay/SelfieOverlay.js.map

@@ -0,0 +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"]}

package/build/components/OverLay/StepOverlay.d.ts

@@ -0,0 +1,9 @@
+interface StepOverlayProps {
+    back: () => void;
+    selectedDocumentType: string;
+    step: number;
+    totalSteps: number;
+}
+declare const StepOverlay: ({ back, selectedDocumentType, step, totalSteps }: StepOverlayProps) => import("react").JSX.Element;
+export default StepOverlay;
+//# sourceMappingURL=StepOverlay.d.ts.map

package/build/components/OverLay/StepOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/OverLay/StepOverlay.tsx"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACtB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACtB;AACD,QAAA,MAAM,WAAW,GAAI,kDAAkD,gBAAgB,gCAetF,CAAA;AAuCD,eAAe,WAAW,CAAC"}

package/build/components/OverLay/StepOverlay.js

@@ -0,0 +1,53 @@
+import { StyleSheet, View, TouchableOpacity, Text } from "react-native";
+import useI18n from "../../hooks/useI18n";
+const StepOverlay = ({ back, selectedDocumentType, step, totalSteps }) => {
+    const { t } = useI18n();
+    return (<View style={styles.stepperContainer}>
+            <TouchableOpacity onPress={back} style={styles.back}>
+                <Text style={styles.stepperItemText}> {`<`} </Text>
+            </TouchableOpacity>
+            <View style={styles.stepperItem}>
+                <Text style={styles.stepperItemText}>{selectedDocumentType}</Text>
+            </View>
+            <View style={styles.stepperDetails}>
+                <Text style={styles.stepperDetailsText}>{t('kyc.step', { current: step, total: totalSteps })}</Text>
+            </View>
+        </View>);
+};
+const styles = StyleSheet.create({
+    stepperContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: 20,
+        paddingVertical: 15,
+        // backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        zIndex: 1000,
+    },
+    stepperItem: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    stepperDetails: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    stepperItemText: {
+        color: 'white',
+        fontSize: 20,
+        fontWeight: 'bold',
+    },
+    stepperDetailsText: {
+        color: 'white',
+        fontSize: 12,
+        fontWeight: '500',
+    },
+    back: {
+        // flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+export default StepOverlay;
+//# sourceMappingURL=StepOverlay.js.map

package/build/components/OverLay/StepOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepOverlay.js","sourceRoot":"","sources":["../../../src/components/OverLay/StepOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAQ1C,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAE,UAAU,EAAoB,EAAE,EAAE;IACvF,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,OAAO,CACH,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CACjC;YAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAChD;gBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAE,CAAA,CAAC,GAAG,CAAE,CAAA,EAAE,IAAI,CACtD;YAAA,EAAE,gBAAgB,CAClB;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC5B;gBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAAE,IAAI,CACrE;YAAA,EAAE,IAAI,CACN;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAC/B;gBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,IAAI,CACvG;YAAA,EAAE,IAAI,CACV;QAAA,EAAE,IAAI,CAAC,CACV,CAAA;AACL,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC7B,gBAAgB,EAAE;QACd,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,yCAAyC;QACzC,MAAM,EAAE,IAAI;KACf;IACD,WAAW,EAAE;QACT,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KAC3B;IACD,cAAc,EAAE;QAEZ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KAC3B;IACD,eAAe,EAAE;QACb,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACrB;IACD,kBAAkB,EAAE;QAChB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KACpB;IACD,IAAI,EAAE;QACF,WAAW;QACX,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KAC3B;CACJ,CAAC,CAAA;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { StyleSheet, View, TouchableOpacity, Text } from \"react-native\";\nimport useI18n from \"../../hooks/useI18n\";\n\ninterface StepOverlayProps {\n    back: () => void;\n    selectedDocumentType: string;\n    step: number;\n    totalSteps: number;\n}\nconst StepOverlay = ({ back, selectedDocumentType, step, totalSteps }: StepOverlayProps) => {\n    const { t } = useI18n();\n    return (\n        <View style={styles.stepperContainer}>\n            <TouchableOpacity onPress={back} style={styles.back}>\n                <Text style={styles.stepperItemText}> {`<`} </Text>\n            </TouchableOpacity>\n            <View style={styles.stepperItem}>\n                <Text style={styles.stepperItemText}>{selectedDocumentType}</Text>\n            </View>\n            <View style={styles.stepperDetails}>\n                <Text style={styles.stepperDetailsText}>{t('kyc.step', { current: step, total: totalSteps })}</Text>\n            </View>\n        </View>\n    )\n}\n\nconst styles = StyleSheet.create({\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})\n\nexport default StepOverlay;"]}

package/build/components/OverLay/type.d.ts

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

package/build/components/OverLay/type.d.ts.map

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

package/build/components/OverLay/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/build/components/OverLay/type.js.map

@@ -0,0 +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}"]}

package/build/components/ProgressIndicator.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ProgressIndicatorProps {
+    currentStep: number;
+    totalSteps: number;
+}
+export declare const ProgressIndicator: React.FC<ProgressIndicatorProps>;
+export {};
+//# sourceMappingURL=ProgressIndicator.d.ts.map

package/build/components/ProgressIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../../src/components/ProgressIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,sBAAsB;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0B9D,CAAC"}

package/build/components/ProgressIndicator.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+export const ProgressIndicator = ({ currentStep, totalSteps }) => {
+    const progress = (currentStep / (totalSteps - 1)) * 100;
+    return (<View style={styles.container}>
+      {/* Barre de progression */}
+      <View style={styles.progressBarContainer}>
+        <View style={[styles.progressBar, { width: `${progress}%` }]}/>
+      </View>
+      
+      {/* Indicateur textuel */}
+      <View style={styles.textContainer}>
+        <Text style={styles.progressText}>
+          Étape {currentStep + 1} sur {totalSteps}
+        </Text>
+        <Text style={styles.progressText}>
+          {Math.round(progress)}%
+        </Text>
+      </View>
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+    },
+    progressBarContainer: {
+        width: '100%',
+        height: 8,
+        backgroundColor: '#E5E5E5',
+        borderRadius: 4,
+        overflow: 'hidden',
+    },
+    progressBar: {
+        height: '100%',
+        backgroundColor: '#4CAF50',
+        borderRadius: 4,
+    },
+    textContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        marginTop: 8,
+    },
+    progressText: {
+        fontSize: 12,
+        color: '#666',
+    },
+});
+//# sourceMappingURL=ProgressIndicator.js.map

package/build/components/ProgressIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressIndicator.js","sourceRoot":"","sources":["../../src/components/ProgressIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAOtD,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,WAAW,EACX,UAAU,EACX,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,CAAC,WAAW,GAAG,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;IAExD,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,0BAA0B,CAC3B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CACvC;QAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,CAAC,CAAC,EAE3D;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,wBAAwB,CACzB;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC/B;gBAAM,CAAC,WAAW,GAAG,CAAC,CAAE,KAAI,CAAC,UAAU,CACzC;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC/B;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACxB,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IACD,oBAAoB,EAAE;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,CAAC;QACf,QAAQ,EAAE,QAAQ;KACnB;IACD,WAAW,EAAE;QACX,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,CAAC;KAChB;IACD,aAAa,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,SAAS,EAAE,CAAC;KACb;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { View, Text, StyleSheet } from 'react-native';\n\ninterface ProgressIndicatorProps {\n  currentStep: number;\n  totalSteps: number;\n}\n\nexport const ProgressIndicator: React.FC<ProgressIndicatorProps> = ({\n  currentStep,\n  totalSteps\n}) => {\n  const progress = (currentStep / (totalSteps - 1)) * 100;\n\n  return (\n    <View style={styles.container}>\n      {/* Barre de progression */}\n      <View style={styles.progressBarContainer}>\n        <View \n          style={[styles.progressBar, { width: `${progress}%` }]}\n        />\n      </View>\n      \n      {/* Indicateur textuel */}\n      <View style={styles.textContainer}>\n        <Text style={styles.progressText}>\n          Étape {currentStep + 1} sur {totalSteps}\n        </Text>\n        <Text style={styles.progressText}>\n          {Math.round(progress)}%\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n  },\n  progressBarContainer: {\n    width: '100%',\n    height: 8,\n    backgroundColor: '#E5E5E5',\n    borderRadius: 4,\n    overflow: 'hidden',\n  },\n  progressBar: {\n    height: '100%',\n    backgroundColor: '#4CAF50',\n    borderRadius: 4,\n  },\n  textContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    marginTop: 8,\n  },\n  progressText: {\n    fontSize: 12,\n    color: '#666',\n  },\n}); "]}

package/build/components/SelfieCapture.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const SelfieCapture: React.FC;
+//# sourceMappingURL=SelfieCapture.d.ts.map

package/build/components/SelfieCapture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfieCapture.d.ts","sourceRoot":"","sources":["../../src/components/SelfieCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAoJjC,CAAC"}