@sanctum-key/react-native-sdk 1.0.20 → 1.0.21

package/src/components/KYCElements/VerificationProgressTemplate.tsx

@@ -25,7 +25,6 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
   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 {
       logger.log(`Starting verification check (attempt ${currentRetryCount + 1}/${maxRetries + 1})`);
@@ -42,20 +41,23 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
           } as any
         });
         setIsRetrying(false);
-        return; // Break out of the function so it DOES NOT RETRY
+        return; 
       }
 
-      // Check standard nested payload format
-      const responseData = result?.data;
-      const verificationResult = responseData?.[state.session.session_id]?.data;
+      let verificationResult = result?.data;
+      
+      if (verificationResult && !verificationResult.verification_status && verificationResult[state.session.session_id]) {
+         const nestedData = verificationResult[state.session.session_id]?.data;
+         verificationResult = typeof nestedData === 'string' ? JSON.parse(nestedData) : nestedData;
+      }
 
       if (!verificationResult) {
-        // If we still didn't get data and the status wasn't failed, throw to trigger a retry
         throw new Error('Verification payload missing for current session');
       }
 
-      // Vérifier le statut de vérification
-      if (verificationResult.verification_status === null || verificationResult.verification_status === "processing" || verificationResult.verification_status === "pending") {
+      const currentStatus = verificationResult.verification_status;
+
+      if (currentStatus === null || currentStatus === "processing" || currentStatus === "pending") {
         if (currentRetryCount < maxRetries) {
           const nextRetryCount = currentRetryCount + 1;
           setRetryCount(nextRetryCount);
@@ -69,7 +71,7 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
           }, 10000);
           
           setTimeoutId(newTimeoutId as any);
-          return; 
+          return;
         } else {
           logger.error('Max retries reached, verification still processing');
           setIsRetrying(false);
@@ -77,13 +79,15 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
         }
       }
 
-      // Traiter le résultat final (success, failed, etc.)
-      if (verificationResult.verification_status === "completed" || verificationResult.verification_status === "approved") {
+      if (currentStatus === "completed" || currentStatus === "approved") {
         actions.setVerificationState({
           status: 'success',
-          result: result
+          result: {
+             ...result,
+             referenceId: verificationResult.verification_id || verificationResult.session_id
+          } as any
         });
-      } else if (verificationResult.verification_status === "failed" || verificationResult.verification_status === "rejected") {
+      } else if (currentStatus === "failed" || currentStatus === "rejected") {
         actions.setVerificationState({
           status: 'failed',
           result: {
@@ -130,6 +134,24 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
     };
   }, [timeoutId]);
 
+  // 🚨 THE FIX: Automatically trigger the webhook/completion flow on success
+  useEffect(() => {
+    let autoSubmitTimer: ReturnType<typeof setTimeout>;
+    
+    if (isSuccess) {
+      logger.log("Verification successful. Initiating auto-submit countdown...");
+      // Wait 3 seconds so the user can see the "Complete" screen, then automatically push the data
+      autoSubmitTimer = setTimeout(() => {
+        actions.submitVerification();
+      }, 3000);
+    }
+
+    // Cleanup the timer if the user clicks the button manually before 3 seconds are up
+    return () => {
+      if (autoSubmitTimer) clearTimeout(autoSubmitTimer);
+    };
+  }, [isSuccess, actions]);
+
   if (isSuccess) {
     return (
       <View style={styles.container}>
@@ -157,7 +179,6 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
           ))}
         </View>
 
-        {/* 🚨 FIX 2: Give the user actionable options to End or Restart */}
         <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.submitVerification()}>
           <Text style={styles.buttonText}>
             {state.currentLanguage === 'en' ? 'OK / Finish' : 'Terminer'}

package/src/config/region_mapping.ts

@@ -1,6 +1,7 @@
 import { ICountryMapping } from "../types/KYC.types";
 
-export const countryMapping: Record<string, Record<string, Record<string, ICountryMapping[]>>> = {
+export const countryMapping: Record<string, Record<string, Record<string, ICountryMapping[]>>> = 
+{
     "BE": {
         "passport": {
             "root": [

package/src/modules/api/CardAuthentification.ts

@@ -295,29 +295,38 @@ export async function backVerification(
             }
         }
 
-        // 🚨 STRICT FRONT VS BACK TEMPLATE VALIDATION 🚨
+        // 🚨 FRONT VS BACK TEMPLATE VALIDATION 🚨
         if (result.frontTemplatePath && activeTemplatePath) {
-            const frontPy = result.frontTemplatePath.split("/").pop()?.replace(/\.(jpg|png)$/i, ".py");
-            const backPy = activeTemplatePath.split("/").pop()?.replace(/\.(jpg|png)$/i, ".py");
-            
-            if (frontPy && backPy) {
-                logger.log(`Validating Front (${frontPy}) vs Back (${backPy}) for region ${result.code}`);
-                
-            
-                const matchValidation = await kycService.validateBackTemplate({
-                    region: result.code,
-                    docType: result.selectedDocumentType,
-                    frontTemplateName: frontPy,
-                    backTemplateName: backPy,
-                    subRegion: result.issuingSubdivision || "",
-                    token: token
-                }, env);
+            try {
+                const frontPy = result.frontTemplatePath.split("/").pop()?.replace(/\.(jpg|png)$/i, ".py");
+                const backPy = activeTemplatePath.split("/").pop()?.replace(/\.(jpg|png)$/i, ".py");
                 
-                // If the API succeeds but explicitly returns false, stop immediately.
-                if (!matchValidation || matchValidation.is_match === false) {
-                    logger.log(`Front/Back Mismatch: ${matchValidation?.status_message}`);
-                    throw new Error(`Le verso ne correspond pas au recto fourni. Vous avez scanné un document différent.`);
+                if (frontPy && backPy) {
+                    logger.log(`Validating Front (${frontPy}) vs Back (${backPy}) for region ${result.code}`);
+                    
+                    // 🚨 THE FIX: Only populate subRegion for Canadian 'hic' documents. Empty for all others.
+                    const isCanadianHic = result.code === 'CA' && result.selectedDocumentType === 'hic';
+                    const safeSubRegion = isCanadianHic ? (result.issuingSubdivision || "") : "";
+
+                    const matchValidation = await kycService.validateBackTemplate({
+                        region: result.code,
+                        docType: result.selectedDocumentType,
+                        frontTemplateName: frontPy,
+                        backTemplateName: backPy,
+                        subRegion: safeSubRegion,
+                        token: token
+                    }, env);
+                    
+                    // If the API succeeds but explicitly returns false, stop immediately.
+                    if (!matchValidation || matchValidation.is_match === false) {
+                        logger.log(`Front/Back Mismatch: ${matchValidation?.status_message}`);
+                        throw new Error(`Le verso ne correspond pas au recto fourni. Vous avez scanné un document différent.`);
+                    }
                 }
+            } catch (err: any) {
+                // Throw hard errors (like the mismatch). Ignore harmless 400s if a template mapping doesn't exist yet
+                if (err?.message?.includes('ne correspond pas')) throw err;
+                logger.log("Template matching validation skipped/failed internally:", err?.message);
             }
         }
         
@@ -403,11 +412,11 @@ export async function backVerification(
 
 export async function checkTemplateType(
     result: { 
-        path?: string, 
-        docType: string, 
-        docRegion: string, 
-        postfix: string,
-        issuingSubdivision?: string
+         path?: string, 
+         docType: string, 
+         docRegion: string, 
+         postfix: string,
+         issuingSubdivision?: string 
     },
     env: KycEnvironment = 'PRODUCTION'
 ) {
@@ -425,12 +434,16 @@ export async function checkTemplateType(
         }
         
         const token = await authentification();
+        const isCanada = result.docRegion?.toUpperCase() === 'CA';
+        
         const templateType = await kycService.checkTemplateType({
             fileUri: result.path || '',
             docType: result?.docType as GovernmentDocumentType,
             docRegion: result?.docRegion || "",
             postfix: result?.postfix,
-            token: token
+            token: token,
+            // 🚨 Pass the subdivision strictly if the region is Canada
+            issuingSubdivision: isCanada ? result.issuingSubdivision : undefined
         }, env);
         
         if (templateType.success === false || templateType.Error) {
@@ -445,7 +458,7 @@ export async function checkTemplateType(
         if (!cardData) throw new Error('CARD_NOT_FULLY_IN_FRAME');
         
         let points: number[][] | null = null;
-        console.log(points)
+        console.log(points);
         let isCardInFrame = false;
         let hasCroppedSides = true;
         

package/src/modules/api/KYCService.ts

@@ -281,7 +281,18 @@ export class KYCService {
   }
 
   //check templatetemplate_type
-  async checkTemplateType(params: { fileUri: string; docType: string; docRegion: string; token: string; postfix: string}, env: KycEnvironment = 'PRODUCTION'): Promise<any> {
+  async checkTemplateType(
+    params: { 
+      fileUri: string; 
+      docType: string; 
+      docRegion: string; 
+      token: string; 
+      postfix: string;
+      issuingSubdivision?: string; // 🚨 Added parameter
+    }, 
+    env: KycEnvironment = 'PRODUCTION'
+  ): Promise<any> {
+    
     // SANDBOX mode
     if (env === 'SANDBOX') {
       console.log("SANDBOX mode: Skipping AI template type check");
@@ -293,15 +304,24 @@ export class KYCService {
       };
     }
 
-    const { fileUri, docType, docRegion, token, postfix } = params;
+    // 🚨 Destructure issuingSubdivision
+    const { fileUri, docType, docRegion, token, postfix, issuingSubdivision } = params;
     const formData = new FormData();
     
     await appendFileToFormData(formData, 'file', fileUri, `id_card_${postfix}.jpg`, 'image/jpeg');
 
     const docTypeShorted = GovernmentDocumentTypeShorted[docType as GovernmentDocumentType];
-    const url = `${this.mrzServiceURL}/get_template_version/?doc_type=${encodeURIComponent(docTypeShorted)}&doc_region=${encodeURIComponent(docRegion)}&postfix=${postfix}`;
+    
+    // Build the base URL
+    let url = `${this.mrzServiceURL}/get_template_version/?doc_type=${encodeURIComponent(docTypeShorted)}&doc_region=${encodeURIComponent(docRegion)}&postfix=${postfix}`;
+
+    // 🚨 Append the subdivision strictly for Canada/regional docs
+    if (issuingSubdivision) {
+      url += `&issuing_subdivision=${encodeURIComponent(issuingSubdivision)}`;
+    }
 
-    logger.log('checkTemplateType params', this.mrzServiceURL, JSON.stringify({ fileUri, docTypeShorted, docRegion, token, postfix, url }, null, 2));
+    logger.log('checkTemplateType params', this.mrzServiceURL, JSON.stringify({ fileUri, docTypeShorted, docRegion, issuingSubdivision, token, postfix, url }, null, 2));
+    
     try {
       const res = await axios.post<CheckTemplateTypeResponse>(url, formData, {
         headers: { 'Content-Type': 'multipart/form-data', 'Authorization': `Bearer ${token}`, },
@@ -310,10 +330,9 @@ export class KYCService {
       logger.log('checkTemplateType res', JSON.stringify(res.data, null, 2));
       return res.data;
     } catch (e: any) {
-      logger.error('Error checkingg template type:', JSON.stringify(e));
+      logger.error('Error checking template type:', JSON.stringify(e));
       throw e;
     }
-
   }
 
   async extractDocumentInformation(params: {