@transfergratis/react-native-sdk 0.1.5 → 0.1.7

package/build/components/KYCElements/CountrySelectionTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelectionTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/CountrySelectionTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAyC,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAO1G,UAAU,6BAA6B;IACrC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA2G5E,CAAC"}
+{"version":3,"file":"CountrySelectionTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/CountrySelectionTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAyC,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAO1G,UAAU,6BAA6B;IACrC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAkH5E,CAAC"}

package/build/components/KYCElements/CountrySelectionTemplate.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, Text, TouchableOpacity, StyleSheet, ScrollView } from 'react-native';
 import { countryMapping } from '../../config/region_mapping';
 import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
@@ -24,6 +24,12 @@ export const CountrySelectionTemplate = ({ component, value, onValueChange, erro
         ...countryData[code]
     }))
         .sort((a, b) => a.name.localeCompare(b.name));
+    useEffect(() => {
+        if (selectedCountry) {
+            const mapping = selectedCountry.code ? countryMapping[selectedCountry.code] : undefined;
+            onValueChange({ ...selectedCountry, regionMapping: mapping });
+        }
+    }, [selectedCountry]);
     return (<View style={styles.root}>
       <View style={styles.container}>
         <Text style={styles.title}>{getLocalizedText(component.labels)}</Text>

package/build/components/KYCElements/CountrySelectionTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelectionTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/CountrySelectionTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet, ScrollView } from 'react-native';\nimport { TemplateComponent, CountrySelectionConfig, LocalizedText, Country } from '../../types/KYC.types';\nimport { countryMapping } from '../../config/region_mapping';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\nimport { Button } from '../ui/Button';\nimport { countryData } from '../../config/countriesData';\n\ninterface CountrySelectionTemplateProps {\n  component: TemplateComponent;\n  value?: string;\n  onValueChange: (value: Country) => void;\n  error?: string;\n  language?: string;\n}\n\nexport const CountrySelectionTemplate: React.FC<CountrySelectionTemplateProps> = ({\n  component,\n  value,\n  onValueChange,\n  error,\n  language = 'en',\n}) => {\n  const { t } = useI18n();\n  const config = component.config as CountrySelectionConfig;\n  const allowedCountries = (config.allowed_countries || Object.keys(countryData));\n  const defaultCountry = config.default_country || 'CM';\n  const { actions, state} = useTemplateKYCFlowContext();\n\n  console.log({ language }, state.currentLanguage);\n\n  const [selectedCountry, setSelectedCountry] = useState<Country>({ code: defaultCountry, ...countryData[defaultCountry] });\n\n  const getLocalizedText = (text: LocalizedText): string => {\n    return text[language] || text.en || '';\n  };\n\n  const selectedValue = value || defaultCountry;\n\n  const filteredCountries = allowedCountries\n    .filter(code => countryData[code])\n    .map(code => ({\n      code,\n      ...countryData[code]\n    }))\n    .sort((a, b) => a.name.localeCompare(b.name));\n\n  return (\n    <View style={styles.root}>\n      <View style={styles.container}>\n        <Text style={styles.title}>{getLocalizedText(component.labels as LocalizedText)}</Text>\n        <Text style={styles.description}>{getLocalizedText(component.instructions as LocalizedText)}</Text>\n\n        <ScrollView style={styles.countriesContainer} showsVerticalScrollIndicator={false}>\n          {filteredCountries.map((country) => (\n            <TouchableOpacity\n              key={country.code}\n              style={[\n                styles.countryOption,\n                selectedCountry.code === country.code && styles.selectedCountryOption\n              ]}\n              onPress={() => {\n                console.log({\n                  country, language\n                });\n\n                setSelectedCountry(country);\n              }}\n            >\n              <Text style={styles.countryFlag}>{country.flag}</Text>\n              <View style={styles.countryContent}>\n                <Text style={[\n                  styles.countryName,\n                  selectedCountry.code === country.code && styles.selectedCountryName\n                ]}>\n                  {state.currentLanguage === \"en\"? country.name_en: country.name}\n                </Text>\n                <Text style={styles.countryCode}>{country.code}</Text>\n              </View>\n              {selectedCountry.code === country.code && (\n                <View style={[\n                  styles.checkmark,\n                  { backgroundColor: component.ui.themeColor as string || '#2DBD60' }\n                ]}>\n                  <Text style={styles.checkmarkText}>✓</Text>\n                </View>\n              )}\n            </TouchableOpacity>\n          ))}\n        </ScrollView>\n\n        {selectedCountry.code && (\n          <Button title={t('common.next')} onPress={() => {\n\n\n            const mapping = selectedCountry.code ? countryMapping[selectedCountry.code as keyof typeof countryMapping] : undefined;\n            onValueChange({ ...selectedCountry, regionMapping: mapping });\n            setTimeout(() => {\n              actions.nextComponent();\n            }, 500);\n          }}\n            variant=\"primary\"\n            size=\"large\"\n            fullWidth\n          />\n        )}\n\n        {config.required && !selectedValue && (\n          <View style={styles.requiredContainer}>\n\n\n            <Text style={styles.requiredText}>{\n              state.currentLanguage === \"en\" ? \"⚠️  Please Select your country\" : \"⚠️ Veuillez sélectionner un pays\"\n            }</Text>\n          </View>\n        )}\n\n        {error && (\n          <Text style={styles.errorText}>{error}</Text>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  root: {\n    flex: 1,\n    maxWidth: 760,\n    width: '100%',\n  },\n  container: {\n    backgroundColor: 'white',\n    margin: 10,\n    borderRadius: 10,\n    paddingVertical: 16,\n    paddingHorizontal: 16,\n    // shadow\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.35,\n    shadowRadius: 4.84,\n    elevation: 10,\n\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 8,\n    textAlign: 'center',\n  },\n  description: {\n    fontSize: 16,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 24,\n    lineHeight: 22,\n  },\n  countriesContainer: {\n    height: \"80%\",\n    maxHeight: 600,\n  },\n  countryOption: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    padding: 16,\n    backgroundColor: 'white',\n    borderRadius: 12,\n    marginBottom: 12,\n    borderWidth: 2,\n    borderColor: '#e5e5e5',\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.1,\n    shadowRadius: 3.84,\n    elevation: 5,\n  },\n  selectedCountryOption: {\n    borderColor: '#2DBD60',\n    backgroundColor: '#f0f9f0',\n  },\n  countryFlag: {\n    fontSize: 32,\n    marginRight: 16,\n  },\n  countryContent: {\n    flex: 1,\n  },\n  countryName: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n  },\n  selectedCountryName: {\n    color: '#2DBD60',\n  },\n  countryCode: {\n    fontSize: 14,\n    color: '#666',\n    marginTop: 4,\n    fontWeight: '500',\n  },\n  checkmark: {\n    width: 24,\n    height: 24,\n    borderRadius: 12,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  checkmarkText: {\n    color: 'white',\n    fontSize: 16,\n    fontWeight: 'bold',\n  },\n  selectionInfo: {\n    backgroundColor: '#f0f9f0',\n    padding: 16,\n    borderRadius: 8,\n    marginTop: 16,\n    alignItems: 'center',\n  },\n  selectionText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: '#2DBD60',\n  },\n  requiredContainer: {\n    backgroundColor: '#fff3cd',\n    padding: 16,\n    borderRadius: 8,\n    marginTop: 16,\n    alignItems: 'center',\n  },\n  requiredText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: '#856404',\n  },\n  errorText: {\n    color: '#dc2626',\n    fontSize: 14,\n    marginTop: 8,\n    textAlign: 'center',\n  },\n}); "]}
+{"version":3,"file":"CountrySelectionTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/CountrySelectionTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet, ScrollView } from 'react-native';\nimport { TemplateComponent, CountrySelectionConfig, LocalizedText, Country } from '../../types/KYC.types';\nimport { countryMapping } from '../../config/region_mapping';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\nimport { Button } from '../ui/Button';\nimport { countryData } from '../../config/countriesData';\n\ninterface CountrySelectionTemplateProps {\n  component: TemplateComponent;\n  value?: string;\n  onValueChange: (value: Country) => void;\n  error?: string;\n  language?: string;\n}\n\nexport const CountrySelectionTemplate: React.FC<CountrySelectionTemplateProps> = ({\n  component,\n  value,\n  onValueChange,\n  error,\n  language = 'en',\n}) => {\n  const { t } = useI18n();\n  const config = component.config as CountrySelectionConfig;\n  const allowedCountries = (config.allowed_countries || Object.keys(countryData));\n  const defaultCountry = config.default_country || 'CM';\n  const { actions, state} = useTemplateKYCFlowContext();\n\n  console.log({ language }, state.currentLanguage);\n\n  const [selectedCountry, setSelectedCountry] = useState<Country>({ code: defaultCountry, ...countryData[defaultCountry] });\n\n  const getLocalizedText = (text: LocalizedText): string => {\n    return text[language] || text.en || '';\n  };\n\n  const selectedValue = value || defaultCountry;\n\n  const filteredCountries = allowedCountries\n    .filter(code => countryData[code])\n    .map(code => ({\n      code,\n      ...countryData[code]\n    }))\n    .sort((a, b) => a.name.localeCompare(b.name));\n\n    useEffect(() => {\n      if (selectedCountry) {\n        const mapping = selectedCountry.code ? countryMapping[selectedCountry.code as keyof typeof countryMapping] : undefined;\n        onValueChange({ ...selectedCountry, regionMapping: mapping });\n      }\n    }, [selectedCountry]);\n\n  return (\n    <View style={styles.root}>\n      <View style={styles.container}>\n        <Text style={styles.title}>{getLocalizedText(component.labels as LocalizedText)}</Text>\n        <Text style={styles.description}>{getLocalizedText(component.instructions as LocalizedText)}</Text>\n\n        <ScrollView style={styles.countriesContainer} showsVerticalScrollIndicator={false}>\n          {filteredCountries.map((country) => (\n            <TouchableOpacity\n              key={country.code}\n              style={[\n                styles.countryOption,\n                selectedCountry.code === country.code && styles.selectedCountryOption\n              ]}\n              onPress={() => {\n                console.log({\n                  country, language\n                });\n\n                setSelectedCountry(country);\n              }}\n            >\n              <Text style={styles.countryFlag}>{country.flag}</Text>\n              <View style={styles.countryContent}>\n                <Text style={[\n                  styles.countryName,\n                  selectedCountry.code === country.code && styles.selectedCountryName\n                ]}>\n                  {state.currentLanguage === \"en\"? country.name_en: country.name}\n                </Text>\n                <Text style={styles.countryCode}>{country.code}</Text>\n              </View>\n              {selectedCountry.code === country.code && (\n                <View style={[\n                  styles.checkmark,\n                  { backgroundColor: component.ui.themeColor as string || '#2DBD60' }\n                ]}>\n                  <Text style={styles.checkmarkText}>✓</Text>\n                </View>\n              )}\n            </TouchableOpacity>\n          ))}\n        </ScrollView>\n\n        {selectedCountry.code && (\n          <Button title={t('common.next')} onPress={() => {\n\n\n            const mapping = selectedCountry.code ? countryMapping[selectedCountry.code as keyof typeof countryMapping] : undefined;\n            onValueChange({ ...selectedCountry, regionMapping: mapping });\n            setTimeout(() => {\n              actions.nextComponent();\n            }, 500);\n          }}\n            variant=\"primary\"\n            size=\"large\"\n            fullWidth\n          />\n        )}\n\n        {config.required && !selectedValue && (\n          <View style={styles.requiredContainer}>\n\n\n            <Text style={styles.requiredText}>{\n              state.currentLanguage === \"en\" ? \"⚠️  Please Select your country\" : \"⚠️ Veuillez sélectionner un pays\"\n            }</Text>\n          </View>\n        )}\n\n        {error && (\n          <Text style={styles.errorText}>{error}</Text>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  root: {\n    flex: 1,\n    maxWidth: 760,\n    width: '100%',\n  },\n  container: {\n    backgroundColor: 'white',\n    margin: 10,\n    borderRadius: 10,\n    paddingVertical: 16,\n    paddingHorizontal: 16,\n    // shadow\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.35,\n    shadowRadius: 4.84,\n    elevation: 10,\n\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 8,\n    textAlign: 'center',\n  },\n  description: {\n    fontSize: 16,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 24,\n    lineHeight: 22,\n  },\n  countriesContainer: {\n    height: \"80%\",\n    maxHeight: 600,\n  },\n  countryOption: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    padding: 16,\n    backgroundColor: 'white',\n    borderRadius: 12,\n    marginBottom: 12,\n    borderWidth: 2,\n    borderColor: '#e5e5e5',\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.1,\n    shadowRadius: 3.84,\n    elevation: 5,\n  },\n  selectedCountryOption: {\n    borderColor: '#2DBD60',\n    backgroundColor: '#f0f9f0',\n  },\n  countryFlag: {\n    fontSize: 32,\n    marginRight: 16,\n  },\n  countryContent: {\n    flex: 1,\n  },\n  countryName: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n  },\n  selectedCountryName: {\n    color: '#2DBD60',\n  },\n  countryCode: {\n    fontSize: 14,\n    color: '#666',\n    marginTop: 4,\n    fontWeight: '500',\n  },\n  checkmark: {\n    width: 24,\n    height: 24,\n    borderRadius: 12,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  checkmarkText: {\n    color: 'white',\n    fontSize: 16,\n    fontWeight: 'bold',\n  },\n  selectionInfo: {\n    backgroundColor: '#f0f9f0',\n    padding: 16,\n    borderRadius: 8,\n    marginTop: 16,\n    alignItems: 'center',\n  },\n  selectionText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: '#2DBD60',\n  },\n  requiredContainer: {\n    backgroundColor: '#fff3cd',\n    padding: 16,\n    borderRadius: 8,\n    marginTop: 16,\n    alignItems: 'center',\n  },\n  requiredText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: '#856404',\n  },\n  errorText: {\n    color: '#dc2626',\n    fontSize: 14,\n    marginTop: 8,\n    textAlign: 'center',\n  },\n}); "]}

package/build/components/KYCElements/SelfieCaptureTemplate.d.ts

@@ -7,7 +7,7 @@ interface IImagePayload {
 interface SelfieCaptureTemplateProps {
     component: TemplateComponent;
     value: Record<string, IImagePayload> | undefined;
-    onValueChange: (value: Record<string, IImagePayload>) => void;
+    onValueChange: (value: Record<string, IImagePayload | string>) => void;
     error?: string;
     language: string;
 }

package/build/components/KYCElements/SelfieCaptureTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelfieCaptureTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/SelfieCaptureTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAsE,MAAM,uBAAuB,CAAC;AAS9H,UAAU,aAAa;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AACD,UAAU,0BAA0B;IAClC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,SAAS,CAAC;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAkTtE,CAAC"}
+{"version":3,"file":"SelfieCaptureTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/SelfieCaptureTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAA8F,MAAM,uBAAuB,CAAC;AAUtJ,UAAU,aAAa;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AACD,UAAU,0BAA0B;IAClC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,SAAS,CAAC;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA+UtE,CAAC"}

package/build/components/KYCElements/SelfieCaptureTemplate.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { View, Text, StyleSheet, Alert, ScrollView } from 'react-native';
 import { EnhancedCameraView } from '../EnhancedCameraView';
 import { Button } from '../ui/Button';
@@ -7,6 +7,7 @@ import { useI18n } from '../../hooks/useI18n';
 import SelfieOverlay from '../OverLay/SelfieOverlay';
 import selfieVerification from '../../modules/api/SelfieVerification';
 import pathToBase64 from '../../utils/pathToBase64';
+import { truncateFields } from '../../modules/api/KYCService';
 export const SelfieCaptureTemplate = ({ component, value, onValueChange, error, language, }) => {
     const { t } = useI18n();
     const config = component.config;
@@ -68,6 +69,14 @@ export const SelfieCaptureTemplate = ({ component, value, onValueChange, error,
                 return orientation;
         }
     };
+    // const countryData = useMemo(() => {
+    //   const geCountryID = Object.keys(state.componentData).find((c: string) => c === "6");
+    //   if (geCountryID) {
+    //     const countryMapping = state.componentData[geCountryID];
+    //     return countryMapping?.code;
+    //   }
+    //   return null;
+    // }, [state.componentData]);
     const getInstructions = (orientation) => {
         const lang = state.currentLanguage;
         switch (orientation) {
@@ -143,6 +152,15 @@ export const SelfieCaptureTemplate = ({ component, value, onValueChange, error,
             }
         }
     };
+    const idCardData = useMemo(() => {
+        const idCardID = Object.keys(state.componentData).find((c) => c === "1");
+        if (idCardID) {
+            const _idCardData = state.componentData[idCardID];
+            return _idCardData;
+        }
+        return null;
+    }, [state.componentData]);
+    console.log("idCardData", truncateFields(idCardData), JSON.stringify(truncateFields(state.componentData), null, 2));
     const handleError = (event) => {
         Alert.alert('Erreur', event.message);
         setShowCamera(false);
@@ -225,12 +243,23 @@ export const SelfieCaptureTemplate = ({ component, value, onValueChange, error,
             <View style={{ height: 10 }}/>
             {isAllOrientationsCompleted() ? <>
               <Button title={t('common.continue')} fullWidth style={{ paddingVertical: 20, paddingTop: 12 }} onPress={async () => {
-                onValueChange(capturedImages);
+                if (idCardData?.country && idCardData?.documentType) {
+                    const value = {
+                        ...capturedImages,
+                        country: idCardData?.country || '',
+                        documentType: idCardData?.documentType,
+                    };
+                    console.log("value", JSON.stringify(truncateFields(value), null, 2));
+                    onValueChange(value);
+                }
+                else {
+                    Alert.alert('Erreur', 'Veuillez sélectionner un pays et un type de document');
+                    return;
+                }
                 actions.nextComponent();
             }}/>
             </> : (<Button title={t('kyc.selfieCapture.captureButton')} fullWidth style={{ paddingVertical: 20, paddingTop: 12 }} onPress={() => {
                 if (isAllOrientationsCompleted()) {
-                    onValueChange(capturedImages);
                     actions.nextComponent();
                 }
                 else {

package/build/components/KYCElements/SelfieCaptureTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelfieCaptureTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/SelfieCaptureTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { View, Text, StyleSheet, Alert, ScrollView } from 'react-native';\nimport { TemplateComponent, SelfieConfig, LocalizedText, ISilentCaptureResult, OrientationType } from '../../types/KYC.types';\nimport { EnhancedCameraView } from '../EnhancedCameraView';\nimport { Button } from '../ui/Button';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\nimport SelfieOverlay from '../OverLay/SelfieOverlay';\nimport selfieVerification from '../../modules/api/SelfieVerification';\nimport pathToBase64 from '../../utils/pathToBase64';\n\ninterface IImagePayload {\n  dir: string;\n  file: string;\n}\ninterface SelfieCaptureTemplateProps {\n  component: TemplateComponent;\n  value: Record<string, IImagePayload> | undefined;\n  onValueChange: (value: Record<string, IImagePayload>) => void;\n  error?: string;\n  language: string;\n}\n\nexport const SelfieCaptureTemplate: React.FC<SelfieCaptureTemplateProps> = ({\n  component,\n  value,\n  onValueChange,\n  error,\n  language,\n}) => {\n  const { t } = useI18n();\n  const config = component.config as SelfieConfig;\n  const orientations: OrientationType[] = (config.orientations || ['center']) as OrientationType[];\n  const { actions, state, } = useTemplateKYCFlowContext();\n\n  const [silentCaptureResult, setSilentCaptureResult] = useState<ISilentCaptureResult>({ success: false, isAnalyzing: false });\n\n\n  const [showCamera, setShowCamera] = useState(false);\n  const [currentOrientation, setCurrentOrientation] = useState<OrientationType>(orientations[0]);\n  const [capturedImages, setCapturedImages] = useState<Record<string, IImagePayload>>(value || {});\n\n  const getLocalizedText = (text: LocalizedText | Record<string, LocalizedText>): string => {\n    if (!text) return '';\n    // If text is a nested record (e.g., per theme/device), try to pick a default then localize\n    const maybeNested = text as Record<string, LocalizedText>;\n    if (maybeNested && typeof maybeNested === 'object' && 'en' in maybeNested === false && 'fr' in maybeNested === false) {\n      const firstKey = Object.keys(maybeNested)[0];\n      const nested = maybeNested[firstKey] as LocalizedText;\n      return nested?.[language] || nested?.en || '';\n    }\n    const loc = text as LocalizedText;\n    return loc[language] || loc.en || '';\n  };\n\n  const getOrientationInstructions = (orientation: OrientationType): string => {\n    switch (orientation) {\n      case 'center':\n        return state.currentLanguage === \"en\" ? \"Take a selfie of face, look straight ahead you\" : \"Prenez un selfie de face, regardez droit devant vous\";\n      case 'left':\n        return state.currentLanguage === \"en\" ? \"Turn your head to the left, keep your shoulders straight\" : \"Tournez votre tête vers la gauche, gardez les épaules droites\";\n      case 'right':\n        return state.currentLanguage === \"en\" ? \"Turn your head to the right, keep your shoulders straight\" : \"Tournez votre tête vers la droite, gardez les épaules droites\";\n      default:\n        return getLocalizedText(component.instructions as LocalizedText);\n    }\n  };\n\n  useEffect(() => {\n    actions.showCustomStepper(!showCamera);\n  }, [showCamera]);\n\n  const getOrientationLabel = (orientation: OrientationType): string => {\n    switch (orientation) {\n      case 'center':\n        return state.currentLanguage === \"en\" ? \"Selfie de face\" : \"Selfie de face\";\n      case 'left':\n        return state.currentLanguage === \"en\" ? \"Selfie profil gauche\" : \"Selfie profil gauche\";\n      case 'right':\n        return state.currentLanguage === \"en\" ? \"Selfie profil droit\" : \"Selfie profil droit\";\n      default:\n        return getLocalizedText(component.labels as LocalizedText);\n    }\n  };\n  const getOrientationOpposite = (orientation: OrientationType): OrientationType => {\n    switch (orientation) {\n      case 'center':\n\n        return 'center';\n      case 'left':\n        return 'left';\n      case 'right':\n        return 'right';\n      default:\n        return orientation;\n    }\n  }\n\n  const getInstructions = (orientation: OrientationType): { title: string, subtitle: string } => {\n    const lang = state.currentLanguage;\n    switch (orientation) {\n      case 'center':\n        return {\n          title:\n\n            lang === \"en\" ? 'Center your face' : 'Mettez votre face au centre',\n          subtitle: lang === \"en\"\n            ? 'Align your face to the center of the selfie area and then take a photo'\n            : 'Alignez votre visage au centre de la zone selfie puis prenez une photo'\n        };\n      case 'left':\n        return {\n          title:\n            lang === 'en'\n              ? 'Turn your head left'\n              : 'Tournez la tête vers la gauche',\n          subtitle:\n            lang === 'en'\n              ? 'Slowly turn your head to the left while keeping your face in the selfie area'\n              : 'Tournez lentement la tête vers la gauche en gardant votre visage dans la zone selfie'\n        };\n      case 'right':\n        return {\n          title:\n            lang === 'en'\n              ? 'Turn your head right'\n              : 'Tournez la tête vers la droite',\n          subtitle:\n            lang === 'en'\n              ? 'Slowly turn your head to the right while keeping your face in the selfie area'\n              : 'Tournez lentement la tête vers la droite en gardant votre visage dans la zone selfie'\n        };\n      default:\n        return { title: getLocalizedText(component.labels as LocalizedText), subtitle: getLocalizedText(component.instructions as LocalizedText) };\n    }\n  };\n\n  const handleSilentCapture = (result: { success: boolean; path?: string; error?: string }) => {\n    if (silentCaptureResult.isAnalyzing) {\n      return;\n    }\n    if (result.success && result.path) {\n      setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: true, success: false, error: '' }));\n      selfieVerification(result.path).then((response) => {\n        if (response.length > 0) {\n          const res = response[0];\n          if (res?.orientation_direction === getOrientationOpposite(currentOrientation) && res?.capture) {\n            setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: true, error: '', path: result.path }));\n          } else {\n            setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: 'Le selfie n\\'est pas correct' }));\n          }\n        } else {\n          setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: 'Le selfie n\\'est pas correct' }));\n        }\n      }).catch((e: any) => {\n\n        setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: e?.message || 'Erreur de vérification du selfie' }));\n      });\n    }\n  }\n\n  const handleCapture = async (result: { success: boolean; path?: string; error?: string }) => {\n    console.log(\"handleCapturessss\", silentCaptureResult);\n\n    if (silentCaptureResult.success && silentCaptureResult.path) {\n      const base64 = await pathToBase64(silentCaptureResult.path);\n      // Keep backward-compatible structure for UI validation and add *_base64 fields for backend payload\n      const newImages: Record<string, any> = {\n        ...capturedImages,\n        [currentOrientation]: { dir: silentCaptureResult.path, file: base64 } as IImagePayload,\n      };\n      setCapturedImages(newImages);\n      onValueChange(newImages);\n      setShowCamera(false);\n\n\n      // Passer à l'orientation suivante si disponible\n      const currentIndex = orientations.indexOf(currentOrientation as OrientationType);\n      if (currentIndex < orientations.length - 1) {\n        setCurrentOrientation(orientations[currentIndex + 1]);\n      }\n    }\n  };\n\n  const handleError = (event: { message: string }) => {\n    Alert.alert('Erreur', event.message);\n    setShowCamera(false);\n  };\n\n\n  const isOrientationCompleted = (orientation: OrientationType): boolean => {\n    return !!capturedImages[orientation];\n  };\n\n  const isAllOrientationsCompleted = (): boolean => {\n    return orientations.every(orientation => isOrientationCompleted(orientation));\n  };\n  console.log(\"Current Orientation\", currentOrientation);\n\n\n  if (showCamera) {\n    return (\n      <View style={styles.containerCamera}>\n        <EnhancedCameraView\n          instructions={getOrientationInstructions(currentOrientation)}\n          showCamera={true}\n          cameraType=\"front\"\n          style={styles.camera}\n          onCapture={handleCapture}\n          onError={handleError}\n          onClose={() => setShowCamera(false)}\n          quality=\"high\"\n          showCaptureButton={true}\n          showSwitchCamera={false}\n          enableFlash={false}\n          silentCaptureResult={silentCaptureResult}\n          onSilentCapture={handleSilentCapture}\n          overlayComponent={<SelfieOverlay\n            xMin={20}\n            yMin={140}\n            xMax={370}\n            yMax={340}\n            cornerOpacity={1}\n            instructions={\"\"}\n            language={state.currentLanguage}\n            orientation={currentOrientation as 'center' | 'left' | 'right'}\n            instructionsTile={getInstructions(currentOrientation).title}\n            instructionsSubtitle={getInstructions(currentOrientation).subtitle}\n            stepperProps={{\n              back: () => {\n                setShowCamera(false);\n              },\n              selectedDocumentType: \"Selfie\",\n              step: state.currentComponentIndex + 1,\n              totalSteps: state.template.components.length,\n            }} />}\n        />\n      </View>\n    );\n  }\n\n\n  return (\n    <View style={[{\n      maxWidth: 760,\n      width: '100%',\n      height: '100%',\n    }]}>\n      <View style={styles.container}>\n        <Text style={styles.title}>{getLocalizedText(component.labels as LocalizedText)}</Text>\n        <Text style={styles.description}>{getLocalizedText(component.instructions as LocalizedText)}</Text>\n\n        <ScrollView style={styles.orientationsContainer} showsVerticalScrollIndicator={false}>\n          <View style={{ flexDirection: 'column', alignItems: 'center', gap: 10 }}>\n\n            {orientations.map((orientation, key) => (\n              <View key={orientation} style={{\n                backgroundColor: '#F3F4F6',\n                borderRadius: 12,\n                flexDirection: 'row',\n                alignItems: 'center',\n                gap: 10,\n                width: '100%',\n                paddingVertical: 10,\n                paddingHorizontal: 10,\n              }}>\n                <View style={{\n                  flexDirection: 'row',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  backgroundColor: isOrientationCompleted(orientation) ? '#2DBE60' : '#D1D5DB',\n                  borderRadius: 100,\n                  width: 30,\n                  height: 30,\n                }}>\n                  <Text style={{ color: 'white', fontSize: 16, fontWeight: 'bold' }}>{key + 1}</Text>\n                </View>\n\n\n                <Text style={styles.orientationTitle}>\n                  {getOrientationLabel(orientation)}\n                </Text>\n\n\n\n              </View>\n            ))}\n            <View style={{ backgroundColor: \"#F6CB0D1A\", width: \"100%\", padding: 10, borderRadius: 10 }} >\n              <Text style={{ color: '#997E06', fontSize: 16, fontWeight: 'bold' }}>\n                {state.currentLanguage === \"en\"\n                  ? \"Tips for a good selfie:\" \n                  : \"Conseils pour une bonne photo selfie :\"}\n              </Text>\n              <View style={{ paddingLeft: 10, paddingTop: 4 }}>\n                <Text style={{ color: '#997E06', fontSize: 14, fontWeight: 'bold' }}>\n                  {state.currentLanguage === \"en\"\n                    ? `• Remove glasses and hat \\n• Look directly at the camera \\n• Ensure good lighting \\n`\n                    : `• Retirez vos lunettes et votre chapeau \\n• Regardez directement la caméra \\n• Assurez-vous d'une bonne luminosité \\n`\n                  }\n                </Text>\n              </View>\n            </View>\n            <View style={{ height: 10 }} />\n            {isAllOrientationsCompleted() ? <>\n              <Button title={t('common.continue')} fullWidth style={{ paddingVertical: 20, paddingTop: 12 }} onPress={async () => {\n                onValueChange(capturedImages);\n                actions.nextComponent();\n              }} />\n            </> : (\n              <Button title={t('kyc.selfieCapture.captureButton')} fullWidth style={{ paddingVertical: 20, paddingTop: 12 }} onPress={() => {\n                if (isAllOrientationsCompleted()) {\n                  onValueChange(capturedImages);\n                  actions.nextComponent();\n                } else {\n                  setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: '' }));\n                  setShowCamera(true);\n                }\n              }} />\n            )}\n\n          </View>\n        </ScrollView>\n\n        {error && (\n          <Text style={styles.errorText}>{error}</Text>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  root: {\n    flex: 1,\n    paddingVertical: 10,\n  },\n  container: {\n    backgroundColor: 'white',\n    margin: 15,\n    borderRadius: 20,\n    paddingVertical: 20,\n    paddingHorizontal: 16,\n    // shadow\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.35,\n    shadowRadius: 4.84,\n    elevation: 10,\n\n\n    // padding: 16,\n  },\n  containerCamera: {\n    flex: 1,\n    // maxWidth: 760,\n    width: '100%',\n    height: '100%',\n    // borderRadius: 12,\n    backgroundColor: '#f5f5f5',\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 8,\n    textAlign: 'center',\n  },\n  description: {\n    fontSize: 16,\n    color: '#666',\n    marginBottom: 20,\n    lineHeight: 22,\n    textAlign: 'center',\n  },\n  camera: {\n    flex: 1,\n    // borderRadius: 12,\n    overflow: 'hidden',\n  },\n  attemptsText: {\n    fontSize: 14,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 10,\n  },\n  orientationsContainer: {\n    // flex: 1,\n  },\n  orientationContainer: {\n    backgroundColor: 'white',\n    borderRadius: 12,\n    padding: 16,\n    marginBottom: 16,\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.1,\n    shadowRadius: 3.84,\n    elevation: 5,\n  },\n  orientationTitle: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n    // marginBottom: 12,\n  },\n  capturedImageContainer: {\n    alignItems: 'center',\n  },\n  capturedImage: {\n    width: 200,\n    height: 200,\n    borderRadius: 12,\n    marginBottom: 12,\n  },\n  captureButton: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: '#2DBD60',\n    paddingVertical: 16,\n    paddingHorizontal: 24,\n    borderRadius: 12,\n    marginTop: 8,\n  },\n  captureIcon: {\n    fontSize: 24,\n    marginRight: 8,\n  },\n  captureText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: 'white',\n  },\n  retakeButton: {\n    backgroundColor: '#FF6B6B',\n    paddingVertical: 12,\n    paddingHorizontal: 20,\n    borderRadius: 8,\n  },\n  retakeButtonText: {\n    fontSize: 14,\n    fontWeight: '600',\n    color: 'white',\n  },\n  completionContainer: {\n    alignItems: 'center',\n    padding: 20,\n  },\n  completionText: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#2DBD60',\n    marginBottom: 16,\n  },\n  retakeAllButton: {\n    backgroundColor: '#FF6B6B',\n    paddingVertical: 12,\n    paddingHorizontal: 20,\n    borderRadius: 8,\n  },\n  retakeAllButtonText: {\n    fontSize: 14,\n    fontWeight: '600',\n    color: 'white',\n  },\n  errorText: {\n    color: '#dc2626',\n    fontSize: 14,\n    textAlign: 'center',\n    marginTop: 10,\n  },\n}); "]}
+{"version":3,"file":"SelfieCaptureTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/SelfieCaptureTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,aAAa,MAAM,0BAA0B,CAAC;AACrD,OAAO,kBAAkB,MAAM,sCAAsC,CAAC;AACtE,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAc9D,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,SAAS,EACT,KAAK,EACL,aAAa,EACb,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,MAAM,GAAG,SAAS,CAAC,MAAsB,CAAC;IAChD,MAAM,YAAY,GAAsB,CAAC,MAAM,CAAC,YAAY,IAAI,CAAC,QAAQ,CAAC,CAAsB,CAAC;IACjG,MAAM,EAAE,OAAO,EAAE,KAAK,GAAG,GAAG,yBAAyB,EAAE,CAAC;IAExD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAuB,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;IAG7H,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAkB,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/F,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgC,KAAK,IAAI,EAAE,CAAC,CAAC;IAEjG,MAAM,gBAAgB,GAAG,CAAC,IAAmD,EAAU,EAAE;QACvF,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QACrB,2FAA2F;QAC3F,MAAM,WAAW,GAAG,IAAqC,CAAC;QAC1D,IAAI,WAAW,IAAI,OAAO,WAAW,KAAK,QAAQ,IAAI,IAAI,IAAI,WAAW,KAAK,KAAK,IAAI,IAAI,IAAI,WAAW,KAAK,KAAK,EAAE,CAAC;YACrH,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7C,MAAM,MAAM,GAAG,WAAW,CAAC,QAAQ,CAAkB,CAAC;YACtD,OAAO,MAAM,EAAE,CAAC,QAAQ,CAAC,IAAI,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC;QAChD,CAAC;QACD,MAAM,GAAG,GAAG,IAAqB,CAAC;QAClC,OAAO,GAAG,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,0BAA0B,GAAG,CAAC,WAA4B,EAAU,EAAE;QAC1E,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,QAAQ;gBACX,OAAO,KAAK,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC,CAAC,gDAAgD,CAAC,CAAC,CAAC,sDAAsD,CAAC;YACpJ,KAAK,MAAM;gBACT,OAAO,KAAK,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC,CAAC,0DAA0D,CAAC,CAAC,CAAC,+DAA+D,CAAC;YACvK,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC,CAAC,2DAA2D,CAAC,CAAC,CAAC,+DAA+D,CAAC;YACxK;gBACE,OAAO,gBAAgB,CAAC,SAAS,CAAC,YAA6B,CAAC,CAAC;QACrE,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,mBAAmB,GAAG,CAAC,WAA4B,EAAU,EAAE;QACnE,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,QAAQ;gBACX,OAAO,KAAK,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC;YAC9E,KAAK,MAAM;gBACT,OAAO,KAAK,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC;YAC1F,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,CAAC;YACxF;gBACE,OAAO,gBAAgB,CAAC,SAAS,CAAC,MAAuB,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,CAAC,WAA4B,EAAmB,EAAE;QAC/E,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,QAAQ;gBAEX,OAAO,QAAQ,CAAC;YAClB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,OAAO;gBACV,OAAO,OAAO,CAAC;YACjB;gBACE,OAAO,WAAW,CAAC;QACvB,CAAC;IACH,CAAC,CAAA;IACD,sCAAsC;IACtC,yFAAyF;IAEzF,uBAAuB;IACvB,+DAA+D;IAC/D,mCAAmC;IACnC,MAAM;IACN,iBAAiB;IACjB,6BAA6B;IAE7B,MAAM,eAAe,GAAG,CAAC,WAA4B,EAAuC,EAAE;QAC5F,MAAM,IAAI,GAAG,KAAK,CAAC,eAAe,CAAC;QACnC,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,QAAQ;gBACX,OAAO;oBACL,KAAK,EAEH,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,6BAA6B;oBACpE,QAAQ,EAAE,IAAI,KAAK,IAAI;wBACrB,CAAC,CAAC,wEAAwE;wBAC1E,CAAC,CAAC,wEAAwE;iBAC7E,CAAC;YACJ,KAAK,MAAM;gBACT,OAAO;oBACL,KAAK,EACH,IAAI,KAAK,IAAI;wBACX,CAAC,CAAC,qBAAqB;wBACvB,CAAC,CAAC,gCAAgC;oBACtC,QAAQ,EACN,IAAI,KAAK,IAAI;wBACX,CAAC,CAAC,8EAA8E;wBAChF,CAAC,CAAC,sFAAsF;iBAC7F,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO;oBACL,KAAK,EACH,IAAI,KAAK,IAAI;wBACX,CAAC,CAAC,sBAAsB;wBACxB,CAAC,CAAC,gCAAgC;oBACtC,QAAQ,EACN,IAAI,KAAK,IAAI;wBACX,CAAC,CAAC,+EAA+E;wBACjF,CAAC,CAAC,sFAAsF;iBAC7F,CAAC;YACJ;gBACE,OAAO,EAAE,KAAK,EAAE,gBAAgB,CAAC,SAAS,CAAC,MAAuB,CAAC,EAAE,QAAQ,EAAE,gBAAgB,CAAC,SAAS,CAAC,YAA6B,CAAC,EAAE,CAAC;QAC/I,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,MAA2D,EAAE,EAAE;QAC1F,IAAI,mBAAmB,CAAC,WAAW,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QACD,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;YAClC,sBAAsB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;YAC9F,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAChD,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACxB,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACxB,IAAI,GAAG,EAAE,qBAAqB,KAAK,sBAAsB,CAAC,kBAAkB,CAAC,IAAI,GAAG,EAAE,OAAO,EAAE,CAAC;wBAC9F,sBAAsB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;oBACnH,CAAC;yBAAM,CAAC;wBACN,sBAAsB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC;oBAC7H,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,sBAAsB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC;gBAC7H,CAAC;YACH,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAM,EAAE,EAAE;gBAElB,sBAAsB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,IAAI,kCAAkC,EAAE,CAAC,CAAC,CAAC;YAC/I,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,KAAK,EAAE,MAA2D,EAAE,EAAE;QAC1F,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAC;QAEtD,IAAI,mBAAmB,CAAC,OAAO,IAAI,mBAAmB,CAAC,IAAI,EAAE,CAAC;YAC5D,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC5D,mGAAmG;YACnG,MAAM,SAAS,GAAwB;gBACrC,GAAG,cAAc;gBACjB,CAAC,kBAAkB,CAAC,EAAE,EAAE,GAAG,EAAE,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAmB;aACvF,CAAC;YACF,iBAAiB,CAAC,SAAS,CAAC,CAAC;YAC7B,aAAa,CAAC,SAAS,CAAC,CAAC;YACzB,aAAa,CAAC,KAAK,CAAC,CAAC;YAGrB,gDAAgD;YAChD,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,kBAAqC,CAAC,CAAC;YACjF,IAAI,YAAY,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC3C,qBAAqB,CAAC,YAAY,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC;YACxD,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;QACjF,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAClD,OAAO,WAAmF,CAAC;QAC7F,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;IAC1B,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,cAAc,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAGpH,MAAM,WAAW,GAAG,CAAC,KAA0B,EAAE,EAAE;QACjD,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QACrC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAGF,MAAM,sBAAsB,GAAG,CAAC,WAA4B,EAAW,EAAE;QACvE,OAAO,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,0BAA0B,GAAG,GAAY,EAAE;QAC/C,OAAO,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC;IAChF,CAAC,CAAC;IACF,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAAC;IAGvD,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAClC;QAAA,CAAC,kBAAkB,CACjB,YAAY,CAAC,CAAC,0BAA0B,CAAC,kBAAkB,CAAC,CAAC,CAC7D,UAAU,CAAC,CAAC,IAAI,CAAC,CACjB,UAAU,CAAC,OAAO,CAClB,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACrB,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CACpC,OAAO,CAAC,MAAM,CACd,iBAAiB,CAAC,CAAC,IAAI,CAAC,CACxB,gBAAgB,CAAC,CAAC,KAAK,CAAC,CACxB,WAAW,CAAC,CAAC,KAAK,CAAC,CACnB,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,CACzC,eAAe,CAAC,CAAC,mBAAmB,CAAC,CACrC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAC9B,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,IAAI,CAAC,CAAC,GAAG,CAAC,CACV,IAAI,CAAC,CAAC,GAAG,CAAC,CACV,IAAI,CAAC,CAAC,GAAG,CAAC,CACV,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,YAAY,CAAC,CAAC,EAAE,CAAC,CACjB,QAAQ,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAChC,WAAW,CAAC,CAAC,kBAAiD,CAAC,CAC/D,gBAAgB,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC,KAAK,CAAC,CAC5D,oBAAoB,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,CACnE,YAAY,CAAC,CAAC;oBACZ,IAAI,EAAE,GAAG,EAAE;wBACT,aAAa,CAAC,KAAK,CAAC,CAAC;oBACvB,CAAC;oBACD,oBAAoB,EAAE,QAAQ;oBAC9B,IAAI,EAAE,KAAK,CAAC,qBAAqB,GAAG,CAAC;oBACrC,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM;iBAC7C,CAAC,EAAG,CAAC,EAEZ;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;gBACZ,QAAQ,EAAE,GAAG;gBACb,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf,CAAC,CAAC,CACD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,MAAuB,CAAC,CAAC,EAAE,IAAI,CACtF;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,YAA6B,CAAC,CAAC,EAAE,IAAI,CAElG;;QAAA,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,4BAA4B,CAAC,CAAC,KAAK,CAAC,CACnF;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAEtE;;YAAA,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,GAAG,EAAE,EAAE,CAAC,CACtC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC;gBAC7B,eAAe,EAAE,SAAS;gBAC1B,YAAY,EAAE,EAAE;gBAChB,aAAa,EAAE,KAAK;gBACpB,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,eAAe,EAAE,EAAE;gBACnB,iBAAiB,EAAE,EAAE;aACtB,CAAC,CACA;gBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACX,aAAa,EAAE,KAAK;gBACpB,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,eAAe,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;gBAC5E,YAAY,EAAE,GAAG;gBACjB,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;aACX,CAAC,CACA;kBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,EAAE,IAAI,CACpF;gBAAA,EAAE,IAAI,CAGN;;;gBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CACnC;kBAAA,CAAC,mBAAmB,CAAC,WAAW,CAAC,CACnC;gBAAA,EAAE,IAAI,CAIR;;;;cAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACF;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAC1F;cAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAClE;gBAAA,CAAC,KAAK,CAAC,eAAe,KAAK,IAAI;YAC7B,CAAC,CAAC,yBAAyB;YAC3B,CAAC,CAAC,wCAAwC,CAC9C;cAAA,EAAE,IAAI,CACN;cAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAC9C;gBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAClE;kBAAA,CAAC,KAAK,CAAC,eAAe,KAAK,IAAI;YAC7B,CAAC,CAAC,sFAAsF;YACxF,CAAC,CAAC,uHACJ,CACF;gBAAA,EAAE,IAAI,CACR;cAAA,EAAE,IAAI,CACR;YAAA,EAAE,IAAI,CACN;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAC5B;YAAA,CAAC,0BAA0B,EAAE,CAAC,CAAC,CAAC,EAC9B;cAAA,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,IAAI,EAAE;gBACjH,IAAI,UAAU,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,CAAC;oBACpD,MAAM,KAAK,GAAG;wBACZ,GAAG,cAAc;wBACjB,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,EAAE;wBAClC,YAAY,EAAE,UAAU,EAAE,YAAsC;qBACjE,CAAA;oBACD,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;oBACrE,aAAa,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC;qBAAM,CAAC;oBACN,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,sDAAsD,CAAC,CAAC;oBAC9E,OAAO;gBACT,CAAC;gBACD,OAAO,CAAC,aAAa,EAAE,CAAC;YAC1B,CAAC,CAAC,EACJ;YAAA,GAAG,CAAC,CAAC,CAAC,CACJ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE;gBAC3H,IAAI,0BAA0B,EAAE,EAAE,CAAC;oBAEjC,OAAO,CAAC,aAAa,EAAE,CAAC;gBAC1B,CAAC;qBAAM,CAAC;oBACN,sBAAsB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;oBAC/F,aAAa,CAAC,IAAI,CAAC,CAAC;gBACtB,CAAC;YACH,CAAC,CAAC,EAAG,CACN,CAEH;;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,UAAU,CAEZ;;QAAA,CAAC,KAAK,IAAI,CACR,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAC9C,CACH;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,EAAE;KACpB;IACD,SAAS,EAAE;QACT,eAAe,EAAE,OAAO;QACxB,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,SAAS;QACT,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,IAAI;QAClB,SAAS,EAAE,EAAE;QAGb,eAAe;KAChB;IACD,eAAe,EAAE;QACf,IAAI,EAAE,CAAC;QACP,iBAAiB;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,oBAAoB;QACpB,eAAe,EAAE,SAAS;KAC3B;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,QAAQ;KACpB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,QAAQ;KACpB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,oBAAoB;QACpB,QAAQ,EAAE,QAAQ;KACnB;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,EAAE;KACjB;IACD,qBAAqB,EAAE;IACrB,WAAW;KACZ;IACD,oBAAoB,EAAE;QACpB,eAAe,EAAE,OAAO;QACxB,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE;YACZ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV;QACD,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,IAAI;QAClB,SAAS,EAAE,CAAC;KACb;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,MAAM;QACb,oBAAoB;KACrB;IACD,sBAAsB,EAAE;QACtB,UAAU,EAAE,QAAQ;KACrB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;KACjB;IACD,aAAa,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,eAAe,EAAE,SAAS;QAC1B,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,CAAC;KACb;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,CAAC;KACf;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,OAAO;KACf;IACD,YAAY,EAAE;QACZ,eAAe,EAAE,SAAS;QAC1B,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,CAAC;KAChB;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,OAAO;KACf;IACD,mBAAmB,EAAE;QACnB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,EAAE;KACZ;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,EAAE;KACjB;IACD,eAAe,EAAE;QACf,eAAe,EAAE,SAAS;QAC1B,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,CAAC;KAChB;IACD,mBAAmB,EAAE;QACnB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,OAAO;KACf;IACD,SAAS,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,EAAE;KACd;CACF,CAAC,CAAC","sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { View, Text, StyleSheet, Alert, ScrollView } from 'react-native';\nimport { TemplateComponent, SelfieConfig, LocalizedText, ISilentCaptureResult, OrientationType, GovernmentDocumentType } from '../../types/KYC.types';\nimport { EnhancedCameraView } from '../EnhancedCameraView';\nimport { Button } from '../ui/Button';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\nimport SelfieOverlay from '../OverLay/SelfieOverlay';\nimport selfieVerification from '../../modules/api/SelfieVerification';\nimport pathToBase64 from '../../utils/pathToBase64';\nimport { truncateFields } from '../../modules/api/KYCService';\n\ninterface IImagePayload {\n  dir: string;\n  file: string;\n}\ninterface SelfieCaptureTemplateProps {\n  component: TemplateComponent;\n  value: Record<string, IImagePayload> | undefined;\n  onValueChange: (value: Record<string, IImagePayload | string>) => void;\n  error?: string;\n  language: string;\n}\n\nexport const SelfieCaptureTemplate: React.FC<SelfieCaptureTemplateProps> = ({\n  component,\n  value,\n  onValueChange,\n  error,\n  language,\n}) => {\n  const { t } = useI18n();\n  const config = component.config as SelfieConfig;\n  const orientations: OrientationType[] = (config.orientations || ['center']) as OrientationType[];\n  const { actions, state, } = useTemplateKYCFlowContext();\n\n  const [silentCaptureResult, setSilentCaptureResult] = useState<ISilentCaptureResult>({ success: false, isAnalyzing: false });\n\n\n  const [showCamera, setShowCamera] = useState(false);\n  const [currentOrientation, setCurrentOrientation] = useState<OrientationType>(orientations[0]);\n  const [capturedImages, setCapturedImages] = useState<Record<string, IImagePayload>>(value || {});\n\n  const getLocalizedText = (text: LocalizedText | Record<string, LocalizedText>): string => {\n    if (!text) return '';\n    // If text is a nested record (e.g., per theme/device), try to pick a default then localize\n    const maybeNested = text as Record<string, LocalizedText>;\n    if (maybeNested && typeof maybeNested === 'object' && 'en' in maybeNested === false && 'fr' in maybeNested === false) {\n      const firstKey = Object.keys(maybeNested)[0];\n      const nested = maybeNested[firstKey] as LocalizedText;\n      return nested?.[language] || nested?.en || '';\n    }\n    const loc = text as LocalizedText;\n    return loc[language] || loc.en || '';\n  };\n\n  const getOrientationInstructions = (orientation: OrientationType): string => {\n    switch (orientation) {\n      case 'center':\n        return state.currentLanguage === \"en\" ? \"Take a selfie of face, look straight ahead you\" : \"Prenez un selfie de face, regardez droit devant vous\";\n      case 'left':\n        return state.currentLanguage === \"en\" ? \"Turn your head to the left, keep your shoulders straight\" : \"Tournez votre tête vers la gauche, gardez les épaules droites\";\n      case 'right':\n        return state.currentLanguage === \"en\" ? \"Turn your head to the right, keep your shoulders straight\" : \"Tournez votre tête vers la droite, gardez les épaules droites\";\n      default:\n        return getLocalizedText(component.instructions as LocalizedText);\n    }\n  };\n\n  useEffect(() => {\n    actions.showCustomStepper(!showCamera);\n  }, [showCamera]);\n\n  const getOrientationLabel = (orientation: OrientationType): string => {\n    switch (orientation) {\n      case 'center':\n        return state.currentLanguage === \"en\" ? \"Selfie de face\" : \"Selfie de face\";\n      case 'left':\n        return state.currentLanguage === \"en\" ? \"Selfie profil gauche\" : \"Selfie profil gauche\";\n      case 'right':\n        return state.currentLanguage === \"en\" ? \"Selfie profil droit\" : \"Selfie profil droit\";\n      default:\n        return getLocalizedText(component.labels as LocalizedText);\n    }\n  };\n  const getOrientationOpposite = (orientation: OrientationType): OrientationType => {\n    switch (orientation) {\n      case 'center':\n\n        return 'center';\n      case 'left':\n        return 'left';\n      case 'right':\n        return 'right';\n      default:\n        return orientation;\n    }\n  }\n  // const countryData = useMemo(() => {\n  //   const geCountryID = Object.keys(state.componentData).find((c: string) => c === \"6\");\n\n  //   if (geCountryID) {\n  //     const countryMapping = state.componentData[geCountryID];\n  //     return countryMapping?.code;\n  //   }\n  //   return null;\n  // }, [state.componentData]);\n\n  const getInstructions = (orientation: OrientationType): { title: string, subtitle: string } => {\n    const lang = state.currentLanguage;\n    switch (orientation) {\n      case 'center':\n        return {\n          title:\n\n            lang === \"en\" ? 'Center your face' : 'Mettez votre face au centre',\n          subtitle: lang === \"en\"\n            ? 'Align your face to the center of the selfie area and then take a photo'\n            : 'Alignez votre visage au centre de la zone selfie puis prenez une photo'\n        };\n      case 'left':\n        return {\n          title:\n            lang === 'en'\n              ? 'Turn your head left'\n              : 'Tournez la tête vers la gauche',\n          subtitle:\n            lang === 'en'\n              ? 'Slowly turn your head to the left while keeping your face in the selfie area'\n              : 'Tournez lentement la tête vers la gauche en gardant votre visage dans la zone selfie'\n        };\n      case 'right':\n        return {\n          title:\n            lang === 'en'\n              ? 'Turn your head right'\n              : 'Tournez la tête vers la droite',\n          subtitle:\n            lang === 'en'\n              ? 'Slowly turn your head to the right while keeping your face in the selfie area'\n              : 'Tournez lentement la tête vers la droite en gardant votre visage dans la zone selfie'\n        };\n      default:\n        return { title: getLocalizedText(component.labels as LocalizedText), subtitle: getLocalizedText(component.instructions as LocalizedText) };\n    }\n  };\n\n  const handleSilentCapture = (result: { success: boolean; path?: string; error?: string }) => {\n    if (silentCaptureResult.isAnalyzing) {\n      return;\n    }\n    if (result.success && result.path) {\n      setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: true, success: false, error: '' }));\n      selfieVerification(result.path).then((response) => {\n        if (response.length > 0) {\n          const res = response[0];\n          if (res?.orientation_direction === getOrientationOpposite(currentOrientation) && res?.capture) {\n            setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: true, error: '', path: result.path }));\n          } else {\n            setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: 'Le selfie n\\'est pas correct' }));\n          }\n        } else {\n          setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: 'Le selfie n\\'est pas correct' }));\n        }\n      }).catch((e: any) => {\n\n        setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: e?.message || 'Erreur de vérification du selfie' }));\n      });\n    }\n  }\n\n  const handleCapture = async (result: { success: boolean; path?: string; error?: string }) => {\n    console.log(\"handleCapturessss\", silentCaptureResult);\n\n    if (silentCaptureResult.success && silentCaptureResult.path) {\n      const base64 = await pathToBase64(silentCaptureResult.path);\n      // Keep backward-compatible structure for UI validation and add *_base64 fields for backend payload\n      const newImages: Record<string, any> = {\n        ...capturedImages,\n        [currentOrientation]: { dir: silentCaptureResult.path, file: base64 } as IImagePayload,\n      };\n      setCapturedImages(newImages);\n      onValueChange(newImages);\n      setShowCamera(false);\n\n\n      // Passer à l'orientation suivante si disponible\n      const currentIndex = orientations.indexOf(currentOrientation as OrientationType);\n      if (currentIndex < orientations.length - 1) {\n        setCurrentOrientation(orientations[currentIndex + 1]);\n      }\n    }\n  };\n  const idCardData = useMemo(() => {\n    const idCardID = Object.keys(state.componentData).find((c: string) => c === \"1\");\n    if (idCardID) {\n      const _idCardData = state.componentData[idCardID];\n      return _idCardData as unknown as { country: string; documentType: GovernmentDocumentType };\n    }\n    return null;\n  }, [state.componentData]);\n  console.log(\"idCardData\", truncateFields(idCardData), JSON.stringify(truncateFields(state.componentData), null, 2));\n\n\n  const handleError = (event: { message: string }) => {\n    Alert.alert('Erreur', event.message);\n    setShowCamera(false);\n  };\n\n\n  const isOrientationCompleted = (orientation: OrientationType): boolean => {\n    return !!capturedImages[orientation];\n  };\n\n  const isAllOrientationsCompleted = (): boolean => {\n    return orientations.every(orientation => isOrientationCompleted(orientation));\n  };\n  console.log(\"Current Orientation\", currentOrientation);\n\n\n  if (showCamera) {\n    return (\n      <View style={styles.containerCamera}>\n        <EnhancedCameraView\n          instructions={getOrientationInstructions(currentOrientation)}\n          showCamera={true}\n          cameraType=\"front\"\n          style={styles.camera}\n          onCapture={handleCapture}\n          onError={handleError}\n          onClose={() => setShowCamera(false)}\n          quality=\"high\"\n          showCaptureButton={true}\n          showSwitchCamera={false}\n          enableFlash={false}\n          silentCaptureResult={silentCaptureResult}\n          onSilentCapture={handleSilentCapture}\n          overlayComponent={<SelfieOverlay\n            xMin={20}\n            yMin={140}\n            xMax={370}\n            yMax={340}\n            cornerOpacity={1}\n            instructions={\"\"}\n            language={state.currentLanguage}\n            orientation={currentOrientation as 'center' | 'left' | 'right'}\n            instructionsTile={getInstructions(currentOrientation).title}\n            instructionsSubtitle={getInstructions(currentOrientation).subtitle}\n            stepperProps={{\n              back: () => {\n                setShowCamera(false);\n              },\n              selectedDocumentType: \"Selfie\",\n              step: state.currentComponentIndex + 1,\n              totalSteps: state.template.components.length,\n            }} />}\n        />\n      </View>\n    );\n  }\n\n  return (\n    <View style={[{\n      maxWidth: 760,\n      width: '100%',\n      height: '100%',\n    }]}>\n      <View style={styles.container}>\n        <Text style={styles.title}>{getLocalizedText(component.labels as LocalizedText)}</Text>\n        <Text style={styles.description}>{getLocalizedText(component.instructions as LocalizedText)}</Text>\n\n        <ScrollView style={styles.orientationsContainer} showsVerticalScrollIndicator={false}>\n          <View style={{ flexDirection: 'column', alignItems: 'center', gap: 10 }}>\n\n            {orientations.map((orientation, key) => (\n              <View key={orientation} style={{\n                backgroundColor: '#F3F4F6',\n                borderRadius: 12,\n                flexDirection: 'row',\n                alignItems: 'center',\n                gap: 10,\n                width: '100%',\n                paddingVertical: 10,\n                paddingHorizontal: 10,\n              }}>\n                <View style={{\n                  flexDirection: 'row',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  backgroundColor: isOrientationCompleted(orientation) ? '#2DBE60' : '#D1D5DB',\n                  borderRadius: 100,\n                  width: 30,\n                  height: 30,\n                }}>\n                  <Text style={{ color: 'white', fontSize: 16, fontWeight: 'bold' }}>{key + 1}</Text>\n                </View>\n\n\n                <Text style={styles.orientationTitle}>\n                  {getOrientationLabel(orientation)}\n                </Text>\n\n\n\n              </View>\n            ))}\n            <View style={{ backgroundColor: \"#F6CB0D1A\", width: \"100%\", padding: 10, borderRadius: 10 }} >\n              <Text style={{ color: '#997E06', fontSize: 16, fontWeight: 'bold' }}>\n                {state.currentLanguage === \"en\"\n                  ? \"Tips for a good selfie:\"\n                  : \"Conseils pour une bonne photo selfie :\"}\n              </Text>\n              <View style={{ paddingLeft: 10, paddingTop: 4 }}>\n                <Text style={{ color: '#997E06', fontSize: 14, fontWeight: 'bold' }}>\n                  {state.currentLanguage === \"en\"\n                    ? `• Remove glasses and hat \\n• Look directly at the camera \\n• Ensure good lighting \\n`\n                    : `• Retirez vos lunettes et votre chapeau \\n• Regardez directement la caméra \\n• Assurez-vous d'une bonne luminosité \\n`\n                  }\n                </Text>\n              </View>\n            </View>\n            <View style={{ height: 10 }} />\n            {isAllOrientationsCompleted() ? <>\n              <Button title={t('common.continue')} fullWidth style={{ paddingVertical: 20, paddingTop: 12 }} onPress={async () => {\n                if (idCardData?.country && idCardData?.documentType) {\n                  const value = {\n                    ...capturedImages,\n                    country: idCardData?.country || '',\n                    documentType: idCardData?.documentType as GovernmentDocumentType,\n                  }\n                  console.log(\"value\", JSON.stringify(truncateFields(value), null, 2));\n                  onValueChange(value);\n                } else {\n                  Alert.alert('Erreur', 'Veuillez sélectionner un pays et un type de document');\n                  return;\n                }\n                actions.nextComponent();\n              }} />\n            </> : (\n              <Button title={t('kyc.selfieCapture.captureButton')} fullWidth style={{ paddingVertical: 20, paddingTop: 12 }} onPress={() => {\n                if (isAllOrientationsCompleted()) {\n\n                  actions.nextComponent();\n                } else {\n                  setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: '' }));\n                  setShowCamera(true);\n                }\n              }} />\n            )}\n\n          </View>\n        </ScrollView>\n\n        {error && (\n          <Text style={styles.errorText}>{error}</Text>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  root: {\n    flex: 1,\n    paddingVertical: 10,\n  },\n  container: {\n    backgroundColor: 'white',\n    margin: 15,\n    borderRadius: 20,\n    paddingVertical: 20,\n    paddingHorizontal: 16,\n    // shadow\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.35,\n    shadowRadius: 4.84,\n    elevation: 10,\n\n\n    // padding: 16,\n  },\n  containerCamera: {\n    flex: 1,\n    // maxWidth: 760,\n    width: '100%',\n    height: '100%',\n    // borderRadius: 12,\n    backgroundColor: '#f5f5f5',\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 8,\n    textAlign: 'center',\n  },\n  description: {\n    fontSize: 16,\n    color: '#666',\n    marginBottom: 20,\n    lineHeight: 22,\n    textAlign: 'center',\n  },\n  camera: {\n    flex: 1,\n    // borderRadius: 12,\n    overflow: 'hidden',\n  },\n  attemptsText: {\n    fontSize: 14,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 10,\n  },\n  orientationsContainer: {\n    // flex: 1,\n  },\n  orientationContainer: {\n    backgroundColor: 'white',\n    borderRadius: 12,\n    padding: 16,\n    marginBottom: 16,\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.1,\n    shadowRadius: 3.84,\n    elevation: 5,\n  },\n  orientationTitle: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n    // marginBottom: 12,\n  },\n  capturedImageContainer: {\n    alignItems: 'center',\n  },\n  capturedImage: {\n    width: 200,\n    height: 200,\n    borderRadius: 12,\n    marginBottom: 12,\n  },\n  captureButton: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: '#2DBD60',\n    paddingVertical: 16,\n    paddingHorizontal: 24,\n    borderRadius: 12,\n    marginTop: 8,\n  },\n  captureIcon: {\n    fontSize: 24,\n    marginRight: 8,\n  },\n  captureText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: 'white',\n  },\n  retakeButton: {\n    backgroundColor: '#FF6B6B',\n    paddingVertical: 12,\n    paddingHorizontal: 20,\n    borderRadius: 8,\n  },\n  retakeButtonText: {\n    fontSize: 14,\n    fontWeight: '600',\n    color: 'white',\n  },\n  completionContainer: {\n    alignItems: 'center',\n    padding: 20,\n  },\n  completionText: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#2DBD60',\n    marginBottom: 16,\n  },\n  retakeAllButton: {\n    backgroundColor: '#FF6B6B',\n    paddingVertical: 12,\n    paddingHorizontal: 20,\n    borderRadius: 8,\n  },\n  retakeAllButtonText: {\n    fontSize: 14,\n    fontWeight: '600',\n    color: 'white',\n  },\n  errorText: {\n    color: '#dc2626',\n    fontSize: 14,\n    textAlign: 'center',\n    marginTop: 10,\n  },\n}); "]}

package/build/components/KYCElements/VerificationProgressTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerificationProgressTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/VerificationProgressTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D,UAAU,iCAAiC;IACzC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,iCAAiC,CA6EpF,CAAC"}
+{"version":3,"file":"VerificationProgressTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/VerificationProgressTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAK1D,UAAU,iCAAiC;IACzC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,iCAAiC,CAuMpF,CAAC"}

package/build/components/KYCElements/VerificationProgressTemplate.js

@@ -1,18 +1,111 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
 import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
 import { useI18n } from '../../hooks/useI18n';
+import kycService from '../../modules/api/KYCService';
 export const VerificationProgressTemplate = () => {
     const { t } = useI18n();
     const { state, actions } = useTemplateKYCFlowContext();
+    const [retryCount, setRetryCount] = useState(0);
+    const [isRetrying, setIsRetrying] = useState(false);
+    const [timeoutId, setTimeoutId] = useState(null);
     const verification = state.verification;
     const isSuccess = verification.status === 'success';
     const isFailed = verification.status === 'failed';
+    // Fonction pour récupérer le résultat de vérification avec retry
+    const getVerificationResult = async (currentRetryCount = 0, maxRetries = 40) => {
+        try {
+            console.log(`Starting verification check (attempt ${currentRetryCount + 1}/${maxRetries + 1})`);
+            const result = await kycService.getVerificationResult(state.session.session_id);
+            const verificationResult = result[state.session.session_id].data;
+            console.log('getVerificationResult result', JSON.stringify(result, null, 2));
+            // Vérifier le statut de vérification
+            if (verificationResult.verification_status === null || verificationResult.verification_status === "processing" || verificationResult.verification_status === "pending") {
+                if (currentRetryCount < maxRetries) {
+                    const nextRetryCount = currentRetryCount + 1;
+                    setRetryCount(nextRetryCount);
+                    setIsRetrying(true);
+                    console.log(`Verification still processing, retrying in 10s... (${nextRetryCount}/${maxRetries})`);
+                    // Nettoyer le timeout précédent s'il existe
+                    if (timeoutId) {
+                        clearTimeout(timeoutId);
+                    }
+                    // Attendre 10 secondes avant de relancer
+                    const newTimeoutId = setTimeout(() => {
+                        getVerificationResult(nextRetryCount, maxRetries);
+                    }, 10000);
+                    setTimeoutId(newTimeoutId);
+                    return; // Sortir de la fonction pour éviter de traiter le résultat
+                }
+                else {
+                    console.error('Max retries reached, verification still processing');
+                    setIsRetrying(false);
+                    return;
+                }
+            }
+            // Traiter le résultat final (success, failed, etc.)
+            if (verificationResult.verification_status === "completed" ||
+                verificationResult.verification_status === "approved") {
+                // Mettre à jour l'état avec le succès
+                actions.setVerificationState({
+                    status: 'success',
+                    result: result
+                });
+            }
+            else if (verificationResult.verification_status === "failed" ||
+                verificationResult.verification_status === "rejected") {
+                // Mettre à jour l'état avec l'échec
+                actions.setVerificationState({
+                    status: 'failed',
+                    result: {
+                        referenceId: verificationResult.verification_id,
+                        issues: ['Verification failed']
+                    }
+                });
+            }
+            setIsRetrying(false);
+        }
+        catch (error) {
+            console.error('getVerificationResult error', error);
+            // En cas d'erreur, on peut aussi retry
+            if (currentRetryCount < maxRetries) {
+                const nextRetryCount = currentRetryCount + 1;
+                setRetryCount(nextRetryCount);
+                setIsRetrying(true);
+                console.log(`Error occurred, retrying in 10s... (${nextRetryCount}/${maxRetries})`);
+                // Nettoyer le timeout précédent s'il existe
+                if (timeoutId) {
+                    clearTimeout(timeoutId);
+                }
+                const newTimeoutId = setTimeout(() => {
+                    getVerificationResult(nextRetryCount, maxRetries);
+                }, 10000);
+                setTimeoutId(newTimeoutId);
+            }
+            else {
+                setIsRetrying(false);
+                console.error('Max retries reached after errors');
+            }
+        }
+    };
+    useEffect(() => {
+        if (state.session.session_id) {
+            getVerificationResult();
+        }
+    }, [state.session.session_id]);
+    // Nettoyage des timeouts lors du démontage du composant
+    useEffect(() => {
+        return () => {
+            if (timeoutId) {
+                clearTimeout(timeoutId);
+            }
+        };
+    }, [timeoutId]);
     if (isSuccess) {
         return (<View style={styles.container}>
         <Text style={styles.title}>{t('kyc.verificationProgress.steps.complete')}</Text>
         <Text style={styles.subtitle}>{t('kyc.verificationProgress.subtitle')}</Text>
-        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.resetTemplate()}>
+        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.submitVerification()}>
           <Text style={styles.buttonText}>{t('common.continue')}</Text>
         </TouchableOpacity>
         {verification.result?.referenceId ? (<Text style={styles.refText}>{`Verification ID: ${verification.result.referenceId}`}</Text>) : null}
@@ -24,7 +117,7 @@ export const VerificationProgressTemplate = () => {
         <Text style={styles.subtitle}>{t('errors.validationError')}</Text>
         <View style={styles.issuesBox}>
           <Text style={styles.issuesTitle}>{t('common.error')}</Text>
-          {(verification.result?.issues || []).map((issue, idx) => (<Text key={idx} style={styles.issueItem}>• {issue}</Text>))}
+          {Array.isArray(verification.result?.issues) && verification.result.issues.map((issue, idx) => (<Text key={idx} style={styles.issueItem}>• {issue}</Text>))}
         </View>
         <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.goToComponent(state.template.components.find(c => c.type !== 'review_submit' && c.type !== 'verification_progress')?.id || 0)}>
           <Text style={styles.buttonText}>{t('common.retry')}</Text>
@@ -37,7 +130,11 @@ export const VerificationProgressTemplate = () => {
     }
     return (<View style={styles.container}>
       <Text style={styles.title}>{t('kyc.verificationProgress.title')}</Text>
-      <Text style={styles.subtitle}>{t('kyc.verificationProgress.estimatedTime')}</Text>
+      <Text style={styles.subtitle}>
+        {isRetrying
+            ? `${t('kyc.verificationProgress.retrying')} (${retryCount}/10)`
+            : t('kyc.verificationProgress.estimatedTime')}
+      </Text>
 
       <View style={styles.timeline}>
         <View style={[styles.dot, styles.done]}><Text style={styles.stepCheckmark}>✓</Text></View>
@@ -59,7 +156,11 @@ export const VerificationProgressTemplate = () => {
         <Text style={styles.cardTitle}>{t('kyc.selfieCapture.title')}</Text>
         <Text style={styles.cardLine}>{t('kyc.verificationProgress.steps.analyzing')}</Text>
         <Text style={styles.cardTitle}>{t('kyc.verificationProgress.title')}</Text>
-        <Text style={styles.cardLine}>{t('kyc.verificationProgress.status.pending')}</Text>
+        <Text style={styles.cardLine}>
+          {isRetrying
+            ? `${t('kyc.verificationProgress.status.processing')}...`
+            : t('kyc.verificationProgress.status.pending')}
+        </Text>
       </View>
     </View>);
 };

package/build/components/KYCElements/VerificationProgressTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerificationProgressTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/VerificationProgressTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View, Text, StyleSheet, TouchableOpacity } from 'react-native';\nimport { TemplateComponent } from '../../types/KYC.types';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\n\ninterface VerificationProgressTemplateProps {\n  component: TemplateComponent;\n  value: unknown;\n  onValueChange: (data: unknown) => void;\n  error?: string;\n  language?: string;\n}\n\nexport const VerificationProgressTemplate: React.FC<VerificationProgressTemplateProps> = () => {\n  const { t } = useI18n();\n  const { state, actions } = useTemplateKYCFlowContext();\n\n  const verification = state.verification;\n\n  const isSuccess = verification.status === 'success';\n  const isFailed = verification.status === 'failed';\n\n  if (isSuccess) {\n    return (\n      <View style={styles.container}>\n        <Text style={styles.title}>{t('kyc.verificationProgress.steps.complete')}</Text>\n        <Text style={styles.subtitle}>{t('kyc.verificationProgress.subtitle')}</Text>\n        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.resetTemplate()}>\n          <Text style={styles.buttonText}>{t('common.continue')}</Text>\n        </TouchableOpacity>\n        {verification.result?.referenceId ? (\n          <Text style={styles.refText}>{`Verification ID: ${verification.result.referenceId}`}</Text>\n        ) : null}\n      </View>\n    );\n  }\n\n  if (isFailed) {\n    return (\n      <View style={styles.container}>\n        <Text style={styles.title}>{t('kyc.verificationProgress.status.failed')}</Text>\n        <Text style={styles.subtitle}>{t('errors.validationError')}</Text>\n        <View style={styles.issuesBox}>\n          <Text style={styles.issuesTitle}>{t('common.error')}</Text>\n          {(verification.result?.issues || []).map((issue, idx) => (\n            <Text key={idx} style={styles.issueItem}>• {issue}</Text>\n          ))}\n        </View>\n        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.goToComponent( state.template.components.find(c=>c.type!=='review_submit' && c.type!=='verification_progress')?.id || 0)}>\n          <Text style={styles.buttonText}>{t('common.retry')}</Text>\n        </TouchableOpacity>\n        <TouchableOpacity style={[styles.button, styles.secondary]}>\n          <Text style={styles.secondaryText}>{t('common.info')}</Text>\n        </TouchableOpacity>\n        {verification.result?.referenceId ? (\n          <Text style={styles.refText}>{`Reference ID: ${verification.result.referenceId}`}</Text>\n        ) : null}\n      </View>\n    );\n  }\n\n  return (\n    <View style={styles.container}>\n      <Text style={styles.title}>{t('kyc.verificationProgress.title')}</Text>\n      <Text style={styles.subtitle}>{t('kyc.verificationProgress.estimatedTime')}</Text>\n\n      <View style={styles.timeline}>\n        <View style={[styles.dot, styles.done]}><Text style={styles.stepCheckmark}>✓</Text></View>\n        <View style={styles.line} />\n        <View style={[styles.dot, styles.active]}><Text style={styles.stepCheckmark}>2</Text></View>\n        <View style={styles.line} />\n        <View style={[styles.dot, styles.pending]}><Text style={styles.stepCheckmark}>3</Text></View>\n      </View>\n\n      <View style={styles.row}>\n        <Text style={styles.stepLabel}>{t('kyc.verificationProgress.status.completed')}</Text>\n        <Text style={styles.stepLabel}>{t('kyc.verificationProgress.steps.analyzing')}</Text>\n        <Text style={styles.stepLabel}>{t('kyc.verificationProgress.steps.verifying')}</Text>\n      </View>\n\n      <View style={styles.card}>\n        <Text style={styles.cardTitle}>{t('kyc.idCardCapture.title')}</Text>\n        <Text style={styles.cardLine}>{t('kyc.verificationProgress.steps.extracting')}</Text>\n        <Text style={styles.cardTitle}>{t('kyc.selfieCapture.title')}</Text>\n        <Text style={styles.cardLine}>{t('kyc.verificationProgress.steps.analyzing')}</Text>\n        <Text style={styles.cardTitle}>{t('kyc.verificationProgress.title')}</Text>\n        <Text style={styles.cardLine}>{t('kyc.verificationProgress.status.pending')}</Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, width: '100%', paddingHorizontal: 16, paddingVertical: 12 },\n  title: { fontSize: 24, fontWeight: 'bold', color: '#111827', textAlign: 'center', marginTop: 12 },\n  subtitle: { fontSize: 14, color: '#6B7280', textAlign: 'center', marginTop: 8 },\n  timeline: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', marginTop: 24 },\n  dot: { width: 38, height: 38, borderRadius: 34, justifyContent: 'center', alignItems: 'center' },\n  stepCheckmark: { color: 'white', fontSize: 16, fontWeight: 'bold' },\n  line: { flex: 1, height: 4, backgroundColor: '#E5E7EB' },\n  done: { backgroundColor: '#10B981' },\n  active: { backgroundColor: '#F59E0B' },\n  pending: { backgroundColor: '#E5E7EB' },\n  row: { flexDirection: 'row', justifyContent: 'space-between', marginTop: 8 },\n  stepLabel: { fontSize: 14, color: '#111827', fontWeight: '600' },\n  card: { backgroundColor: 'white', padding: 16, borderRadius: 16, marginTop: 24 },\n  cardTitle: { fontSize: 16, color: '#6B7280', marginTop: 8 },\n  cardLine: { fontSize: 18, color: '#111827', fontWeight: '600', marginTop: 2 },\n  // Success/Failure specific\n  button: { paddingVertical: 14, borderRadius: 10, alignItems: 'center', marginTop: 20 },\n  primary: { backgroundColor: '#2DBD60' },\n  buttonText: { color: 'white', fontSize: 16, fontWeight: '600' },\n  refText: { marginTop: 12, textAlign: 'center', color: '#6B7280' },\n  issuesBox: { backgroundColor: '#FEF2F2', borderRadius: 16, padding: 16, marginTop: 20 },\n  issuesTitle: { color: '#991B1B', fontWeight: '700', marginBottom: 8 },\n  issueItem: { color: '#991B1B', marginTop: 4 },\n  secondary: { backgroundColor: '#F3F4F6' },\n  secondaryText: { color: '#111827', fontSize: 16, fontWeight: '600' },\n});\n\n\n\n"]}
+{"version":3,"file":"VerificationProgressTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/VerificationProgressTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { View, Text, StyleSheet, TouchableOpacity } from 'react-native';\nimport { TemplateComponent } from '../../types/KYC.types';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\nimport kycService from '../../modules/api/KYCService';\n\ninterface VerificationProgressTemplateProps {\n  component: TemplateComponent;\n  value: unknown;\n  onValueChange: (data: unknown) => void;\n  error?: string;\n  language?: string;\n}\n\nexport const VerificationProgressTemplate: React.FC<VerificationProgressTemplateProps> = () => {\n  const { t } = useI18n();\n  const { state, actions } = useTemplateKYCFlowContext();\n  const [retryCount, setRetryCount] = useState(0);\n  const [isRetrying, setIsRetrying] = useState(false);\n  const [timeoutId, setTimeoutId] = useState<number | null>(null);\n\n  const verification = state.verification;\n\n  const isSuccess = verification.status === 'success';\n  const isFailed = verification.status === 'failed';\n\n  // Fonction pour récupérer le résultat de vérification avec retry\n  const getVerificationResult = async (currentRetryCount = 0, maxRetries = 40) => {\n    try {\n      console.log(`Starting verification check (attempt ${currentRetryCount + 1}/${maxRetries + 1})`);\n      \n      const result = await kycService.getVerificationResult(state.session.session_id);\n      const verificationResult = result[state.session.session_id].data;\n\n      console.log('getVerificationResult result', JSON.stringify(result, null, 2));\n\n      // Vérifier le statut de vérification\n      if (verificationResult.verification_status === null || verificationResult.verification_status === \"processing\" || verificationResult.verification_status === \"pending\") {\n        if (currentRetryCount < maxRetries) {\n          const nextRetryCount = currentRetryCount + 1;\n          setRetryCount(nextRetryCount);\n          setIsRetrying(true);\n          \n          console.log(`Verification still processing, retrying in 10s... (${nextRetryCount}/${maxRetries})`);\n\n          // Nettoyer le timeout précédent s'il existe\n          if (timeoutId) {\n            clearTimeout(timeoutId);\n          }\n\n          // Attendre 10 secondes avant de relancer\n          const newTimeoutId = setTimeout(() => {\n            getVerificationResult(nextRetryCount, maxRetries);\n          }, 10000);\n          \n          setTimeoutId(newTimeoutId);\n          return; // Sortir de la fonction pour éviter de traiter le résultat\n        } else {\n          console.error('Max retries reached, verification still processing');\n          setIsRetrying(false);\n          return;\n        }\n      }\n\n      // Traiter le résultat final (success, failed, etc.)\n      if (verificationResult.verification_status === \"completed\" ||\n        verificationResult.verification_status === \"approved\") {\n        // Mettre à jour l'état avec le succès\n        actions.setVerificationState({\n          status: 'success',\n          result: result\n        });\n      } else if (verificationResult.verification_status === \"failed\" ||\n        verificationResult.verification_status === \"rejected\") {\n        // Mettre à jour l'état avec l'échec\n        actions.setVerificationState({\n          status: 'failed',\n          result: {\n            referenceId: verificationResult.verification_id,\n            issues: ['Verification failed']\n          } as any\n        });\n      }\n\n      setIsRetrying(false);\n\n    } catch (error) {\n      console.error('getVerificationResult error', error);\n\n      // En cas d'erreur, on peut aussi retry\n      if (currentRetryCount < maxRetries) {\n        const nextRetryCount = currentRetryCount + 1;\n        setRetryCount(nextRetryCount);\n        setIsRetrying(true);\n        \n        console.log(`Error occurred, retrying in 10s... (${nextRetryCount}/${maxRetries})`);\n        \n        // Nettoyer le timeout précédent s'il existe\n        if (timeoutId) {\n          clearTimeout(timeoutId);\n        }\n        \n        const newTimeoutId = setTimeout(() => {\n          getVerificationResult(nextRetryCount, maxRetries);\n        }, 10000);\n        \n        setTimeoutId(newTimeoutId);\n      } else {\n        setIsRetrying(false);\n        console.error('Max retries reached after errors');\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (state.session.session_id) {\n      getVerificationResult();\n    }\n  }, [state.session.session_id]);\n\n  // Nettoyage des timeouts lors du démontage du composant\n  useEffect(() => {\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [timeoutId]);\n\n  if (isSuccess) {\n    return (\n      <View style={styles.container}>\n        <Text style={styles.title}>{t('kyc.verificationProgress.steps.complete')}</Text>\n        <Text style={styles.subtitle}>{t('kyc.verificationProgress.subtitle')}</Text>\n        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.submitVerification()}>\n          <Text style={styles.buttonText}>{t('common.continue')}</Text>\n        </TouchableOpacity>\n        {verification.result?.referenceId ? (\n          <Text style={styles.refText}>{`Verification ID: ${verification.result.referenceId}`}</Text>\n        ) : null}\n      </View>\n    );\n  }\n\n  if (isFailed) {\n    return (\n      <View style={styles.container}>\n        <Text style={styles.title}>{t('kyc.verificationProgress.status.failed')}</Text>\n        <Text style={styles.subtitle}>{t('errors.validationError')}</Text>\n        <View style={styles.issuesBox}>\n          <Text style={styles.issuesTitle}>{t('common.error')}</Text>\n          {Array.isArray(verification.result?.issues) && verification.result.issues.map((issue: string, idx: number) => (\n            <Text key={idx} style={styles.issueItem}>• {issue}</Text>\n          ))}\n        </View>\n        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.goToComponent(state.template.components.find(c => c.type !== 'review_submit' && c.type !== 'verification_progress')?.id || 0)}>\n          <Text style={styles.buttonText}>{t('common.retry')}</Text>\n        </TouchableOpacity>\n        <TouchableOpacity style={[styles.button, styles.secondary]}>\n          <Text style={styles.secondaryText}>{t('common.info')}</Text>\n        </TouchableOpacity>\n        {verification.result?.referenceId ? (\n          <Text style={styles.refText}>{`Reference ID: ${verification.result.referenceId}`}</Text>\n        ) : null}\n      </View>\n    );\n  }\n\n\n\n\n\n\n\n  return (\n    <View style={styles.container}>\n      <Text style={styles.title}>{t('kyc.verificationProgress.title')}</Text>\n      <Text style={styles.subtitle}>\n        {isRetrying\n          ? `${t('kyc.verificationProgress.retrying')} (${retryCount}/10)`\n          : t('kyc.verificationProgress.estimatedTime')\n        }\n      </Text>\n\n      <View style={styles.timeline}>\n        <View style={[styles.dot, styles.done]}><Text style={styles.stepCheckmark}>✓</Text></View>\n        <View style={styles.line} />\n        <View style={[styles.dot, styles.active]}><Text style={styles.stepCheckmark}>2</Text></View>\n        <View style={styles.line} />\n        <View style={[styles.dot, styles.pending]}><Text style={styles.stepCheckmark}>3</Text></View>\n      </View>\n\n      <View style={styles.row}>\n        <Text style={styles.stepLabel}>{t('kyc.verificationProgress.status.completed')}</Text>\n        <Text style={styles.stepLabel}>{t('kyc.verificationProgress.steps.analyzing')}</Text>\n        <Text style={styles.stepLabel}>{t('kyc.verificationProgress.steps.verifying')}</Text>\n      </View>\n\n      <View style={styles.card}>\n        <Text style={styles.cardTitle}>{t('kyc.idCardCapture.title')}</Text>\n        <Text style={styles.cardLine}>{t('kyc.verificationProgress.steps.extracting')}</Text>\n        <Text style={styles.cardTitle}>{t('kyc.selfieCapture.title')}</Text>\n        <Text style={styles.cardLine}>{t('kyc.verificationProgress.steps.analyzing')}</Text>\n        <Text style={styles.cardTitle}>{t('kyc.verificationProgress.title')}</Text>\n        <Text style={styles.cardLine}>\n          {isRetrying\n            ? `${t('kyc.verificationProgress.status.processing')}...`\n            : t('kyc.verificationProgress.status.pending')\n          }\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, width: '100%', paddingHorizontal: 16, paddingVertical: 12 },\n  title: { fontSize: 24, fontWeight: 'bold', color: '#111827', textAlign: 'center', marginTop: 12 },\n  subtitle: { fontSize: 14, color: '#6B7280', textAlign: 'center', marginTop: 8 },\n  timeline: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', marginTop: 24 },\n  dot: { width: 38, height: 38, borderRadius: 34, justifyContent: 'center', alignItems: 'center' },\n  stepCheckmark: { color: 'white', fontSize: 16, fontWeight: 'bold' },\n  line: { flex: 1, height: 4, backgroundColor: '#E5E7EB' },\n  done: { backgroundColor: '#10B981' },\n  active: { backgroundColor: '#F59E0B' },\n  pending: { backgroundColor: '#E5E7EB' },\n  row: { flexDirection: 'row', justifyContent: 'space-between', marginTop: 8 },\n  stepLabel: { fontSize: 14, color: '#111827', fontWeight: '600' },\n  card: { backgroundColor: 'white', padding: 16, borderRadius: 16, marginTop: 24 },\n  cardTitle: { fontSize: 16, color: '#6B7280', marginTop: 8 },\n  cardLine: { fontSize: 18, color: '#111827', fontWeight: '600', marginTop: 2 },\n  // Success/Failure specific\n  button: { paddingVertical: 14, borderRadius: 10, alignItems: 'center', marginTop: 20 },\n  primary: { backgroundColor: '#2DBD60' },\n  buttonText: { color: 'white', fontSize: 16, fontWeight: '600' },\n  refText: { marginTop: 12, textAlign: 'center', color: '#6B7280' },\n  issuesBox: { backgroundColor: '#FEF2F2', borderRadius: 16, padding: 16, marginTop: 20 },\n  issuesTitle: { color: '#991B1B', fontWeight: '700', marginBottom: 8 },\n  issueItem: { color: '#991B1B', marginTop: 4 },\n  secondary: { backgroundColor: '#F3F4F6' },\n  secondaryText: { color: '#111827', fontSize: 16, fontWeight: '600' },\n});\n\n\n\n"]}

package/build/components/TemplateKYCExample.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
+import { VerificationState } from '../types/KYC.types';
 export declare const TemplateKYCExample: React.FC<{
-    onComplete: (data: Record<number, any>) => void;
+    onComplete: (data: VerificationState) => void;
     onCancel: () => void;
     onError: (error: string) => void;
+    language: string;
+    API_KEY: string;
 }>;
 //# sourceMappingURL=TemplateKYCExample.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateKYCExample.d.ts","sourceRoot":"","sources":["../../src/components/TemplateKYCExample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkO1B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAAC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CA4BpJ,CAAC"}
+{"version":3,"file":"TemplateKYCExample.d.ts","sourceRoot":"","sources":["../../src/components/TemplateKYCExample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAe,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AA+NpE,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,UAAU,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAAC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CA6BrL,CAAC"}