smartcomply-web-sdk 1.0.53 → 1.0.56

package/dist/smartcomply.browser.js

@@ -6536,7 +6536,6 @@ var SmartComplySDK = (() => {
       "traceback",
       "str(e)",
       "error:",
-      "failed:",
       "django",
       "python",
       "http ",
@@ -6548,11 +6547,19 @@ var SmartComplySDK = (() => {
       "confidence_percentage",
       "threshold_percentage",
       "polling_fallback",
-      "resolved_by"
+      "resolved_by",
+      // Billing/wallet messages are an operator problem (fund the account,
+      // configure billing) — never the end user's to act on.
+      "wallet",
+      "fund your wallet",
+      "billing is not configured",
+      "insufficient balance",
+      "insufficient fund"
     ];
     for (const blocked of blocklist) {
       if (lower.includes(blocked)) return null;
     }
+    if (/failed:\S/i.test(raw)) return null;
     if (/[a-z]+_[a-z]+/.test(raw) && !/\s/.test(raw.trim())) return null;
     if (raw.trim()[0] === raw.trim()[0].toLowerCase() && /^[a-z]/.test(raw.trim())) return null;
     return raw.trim();
@@ -7161,7 +7168,12 @@ var SmartComplySDK = (() => {
         { match: "GHANA", rule: { minLen: 8, maxLen: 20, alphanumeric: true, hint: "Ghana Card number must be 8–20 alphanumeric characters" } },
         { match: "SSNIT", rule: { minLen: 7, maxLen: 15, alphanumeric: true, hint: "SSNIT number must be 7–15 alphanumeric characters" } },
         { match: "TIN", rule: { minLen: 8, maxLen: 20, alphanumeric: true, hint: "TIN must be 8–20 characters" } },
-        { match: "KRA", rule: { minLen: 10, maxLen: 12, alphanumeric: true, hint: "KRA PIN must be 10–12 characters" } }
+        { match: "KRA", rule: { minLen: 10, maxLen: 12, alphanumeric: true, hint: "KRA PIN must be 10–12 characters" } },
+        // Backend accepts DD-MM-YYYY, DD/MM/YYYY, YYYY-MM-DD or YYYY/MM/DD
+        // (see _normalize_date_str in ivs_run_check.py) — DD-MM-YYYY shown here
+        // since it matches the date format printed on NIN/BVN records.
+        { match: "DATE OF BIRTH", rule: { pattern: /^\d{2}[-/]\d{2}[-/]\d{4}$|^\d{4}[-/]\d{2}[-/]\d{2}$/, hint: "Format: DD-MM-YYYY (e.g. 15-06-1996)", placeholder: "DD-MM-YYYY" } },
+        { match: "DOB", rule: { pattern: /^\d{2}[-/]\d{2}[-/]\d{4}$|^\d{4}[-/]\d{2}[-/]\d{2}$/, hint: "Format: DD-MM-YYYY (e.g. 15-06-1996)", placeholder: "DD-MM-YYYY" } }
       ];
       function getFieldRule(label) {
         const upper = label.toUpperCase();
@@ -7176,6 +7188,7 @@ var SmartComplySDK = (() => {
         const v2 = value.trim();
         if (rule.numeric && !/^\d+$/.test(v2)) return `${label} must contain digits only`;
         if (rule.alphanumeric && !/^[A-Za-z0-9]+$/.test(v2)) return `${label} must be alphanumeric (letters and digits only)`;
+        if (rule.pattern && !rule.pattern.test(v2)) return rule.hint;
         if (rule.minLen && v2.length < rule.minLen) return rule.hint;
         if (rule.maxLen && v2.length > rule.maxLen) return rule.hint;
         return null;
@@ -7269,7 +7282,7 @@ var SmartComplySDK = (() => {
           input.id = inputId;
           input.setAttribute("aria-labelledby", labelId);
           input.setAttribute("aria-describedby", hintId);
-          input.placeholder = `Enter ${field.label}`;
+          input.placeholder = rule?.placeholder || `Enter ${field.label}`;
           input.maxLength = rule?.maxLen ? rule.maxLen + 2 : 50;
           if (rule?.numeric) input.inputMode = "numeric";
           input.style.cssText = `
@@ -7369,7 +7382,7 @@ var SmartComplySDK = (() => {
             }
             this.showStep("confirm_identity");
           } else {
-            errorEl.textContent = this.verificationResult.message || "We could not verify your details. Please check and try again.";
+            errorEl.textContent = _sanitizeUserMessage(this.verificationResult.message) || "We could not verify your details. Please check and try again.";
             errorEl.style.display = "block";
             submitBtn.textContent = "Verify & Continue";
             submitBtn.disabled = false;
@@ -7380,11 +7393,11 @@ var SmartComplySDK = (() => {
           if (Array.isArray(fieldErrors) && fieldErrors.length > 0) {
             const firstMsg = fieldErrors[0]?.message || fieldErrors[0]?.detail || "";
             errorEl.textContent = _sanitizeUserMessage(firstMsg) || "Please check your details and try again.";
-          } else if (err.code === "VERIFICATION_FAILED") {
-            errorEl.textContent = "We could not verify those details. Please check your ID number and try again.";
-          } else if (err.code === "CHANNEL_NOT_CONFIGURED") {
+          } else if (err.errorCode === "VERIFICATION_FAILED") {
+            errorEl.textContent = _sanitizeUserMessage(err.message) || "We could not verify those details. Please check your ID number and try again.";
+          } else if (err.errorCode === "CHANNEL_NOT_CONFIGURED") {
             errorEl.textContent = "This ID type is not currently available. Please choose a different option.";
-          } else if (err.code === "INSUFFICIENT_BALANCE") {
+          } else if (err.errorCode === "INSUFFICIENT_BALANCE") {
             errorEl.textContent = "Verification is temporarily unavailable. Please contact support.";
           } else {
             errorEl.textContent = _sanitizeUserMessage(err.message) || "Something went wrong. Please try again.";
@@ -8015,9 +8028,10 @@ var SmartComplySDK = (() => {
       const isDocQuality = /blurry|blur|quality|glare|dark|bright|lighting/i.test(message);
       const isExpiredDoc = /document.*expired|expired.*document/i.test(message);
       const isFaceMatch = /face.*match|selfie.*match|does not match/i.test(message);
-      const errorIcon = isCameraErr ? "📷" : isNetworkErr ? "📡" : isAuthErr ? "⏱" : isDocQuality ? "🔍" : isExpiredDoc ? "📅" : isFaceMatch ? "🤳" : "✕";
-      const errorTitle = isCameraErr ? "Camera Access Required" : isNetworkErr ? "Connection Problem" : isAuthErr ? "Session Expired" : isDocQuality ? "Document Photo Unclear" : isExpiredDoc ? "Document Expired" : isFaceMatch ? "Face Match Failed" : "Verification Unsuccessful";
-      const userMessage = isCameraErr ? "Please allow camera access in your browser settings and try again." : isNetworkErr ? "Check your internet connection and try again." : isAuthErr ? "Your session has expired. Please start again." : isDocQuality ? _sanitizeUserMessage(message) || "Please retake your document photo in good lighting with no glare." : isExpiredDoc ? "The document you submitted has expired. Please use a valid, current ID." : isFaceMatch ? "Your selfie did not match the photo on your ID. Please ensure you are using your own valid document and face the camera directly." : _sanitizeUserMessage(message) || "We were unable to complete your verification. Please try again.";
+      const isBillingErr = /wallet|balance|insufficient.*fund|payment.*required/i.test(message);
+      const errorIcon = isCameraErr ? "📷" : isNetworkErr ? "📡" : isAuthErr ? "⏱" : isDocQuality ? "🔍" : isExpiredDoc ? "📅" : isFaceMatch ? "🤳" : isBillingErr ? "⚠️" : "✕";
+      const errorTitle = isCameraErr ? "Camera Access Required" : isNetworkErr ? "Connection Problem" : isAuthErr ? "Session Expired" : isDocQuality ? "Document Photo Unclear" : isExpiredDoc ? "Document Expired" : isFaceMatch ? "Face Match Failed" : isBillingErr ? "Verification Unavailable" : "Verification Unsuccessful";
+      const userMessage = isCameraErr ? "Please allow camera access in your browser settings and try again." : isNetworkErr ? "Check your internet connection and try again." : isAuthErr ? "Your session has expired. Please start again." : isDocQuality ? _sanitizeUserMessage(message) || "Please retake your document photo in good lighting with no glare." : isExpiredDoc ? "The document you submitted has expired. Please use a valid, current ID." : isFaceMatch ? "Your selfie did not match the photo on your ID. Please ensure you are using your own valid document and face the camera directly." : isBillingErr ? "Verification is temporarily unavailable. Please contact support." : _sanitizeUserMessage(message) || "We were unable to complete your verification. Please try again.";
       const iconWrap = document.createElement("div");
       iconWrap.style.cssText = `
       width:72px;height:72px;border-radius:50%;