smartcomply-web-sdk 1.0.45 → 1.0.48

package/dist/smartcomply.browser.js

@@ -311,6 +311,15 @@ var SmartComplySDK = (() => {
     getStream() {
       return this.stream;
     }
+    /**
+     * Adopt an externally-obtained stream (e.g. a pre-warmed getUserMedia
+     * stream) so stop() also releases it. Without this, a stream assigned
+     * directly by a caller instead of via open() is never tracked here and
+     * stop() becomes a no-op for it, leaking the camera.
+     */
+    setStream(stream) {
+      this.stream = stream;
+    }
     stop() {
       if (this.stream) {
         this.stream.getTracks().forEach((track) => track.stop());
@@ -4842,7 +4851,7 @@ var SmartComplySDK = (() => {
       }
       if (this.timerEl) this.timerEl.textContent = "";
     }
-    showResult(status, verificationId) {
+    showResult(status, _verificationId) {
       return new Promise((resolve) => {
         if (!this.overlayEl) {
           resolve();
@@ -4859,11 +4868,10 @@ var SmartComplySDK = (() => {
             border:3px solid ${ok ? "#22c55e" : "#ef4444"};">
             ${ok ? "\u2713" : "\u2715"}
           </div>
-          <div style="font-size:17px;font-weight:700;margin-bottom:8px;">${ok ? "Identity Check Submitted" : "Submission Failed"}</div>
-          <div style="font-size:12px;opacity:0.6;line-height:1.6;">${ok ? "Your identity is being verified.<br>You'll be notified of the outcome shortly." : "Something went wrong. Please try again."}</div>
-          ${verificationId ? `<div style="margin-top:12px;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,0.07);display:inline-block;font-size:11px;color:rgba(255,255,255,0.4);">Ref: #${verificationId}</div>` : ""}
+          <div style="font-size:17px;font-weight:700;margin-bottom:8px;">${ok ? "Verification submitted" : "Submission failed"}</div>
+          <div style="font-size:12px;opacity:0.6;line-height:1.6;">${ok ? "Hold on while we wrap up\u2026" : "Something went wrong. Please try again."}</div>
         </div>`;
-        setTimeout(resolve, 2800);
+        setTimeout(resolve, 1800);
       });
     }
     showTimeout(onRetry) {
@@ -5034,8 +5042,9 @@ var SmartComplySDK = (() => {
      */
     async create(params) {
       const formData = new FormData();
-      const safeIdentifier = params.identifier.length > 20 ? params.identifier.slice(0, 20) : params.identifier;
-      formData.append("identifier", safeIdentifier || `DOC-${Date.now()}`);
+      const rawIdentifier = params.identifier || `ID-${Date.now()}`;
+      const safeIdentifier = rawIdentifier.length > 20 ? rawIdentifier.slice(0, 20) : rawIdentifier;
+      formData.append("identifier", safeIdentifier);
       formData.append("identifier_type", params.identifier_type);
       formData.append("country", params.country);
       formData.append(
@@ -5153,16 +5162,21 @@ var SmartComplySDK = (() => {
       };
       try {
         let stream;
-        try {
-          stream = await camera.open();
-        } catch (camErr) {
-          if (camErr.name === "NotAllowedError" || camErr.name === "PermissionDeniedError") {
-            throw new Error("Camera access denied. Please allow camera permission in your browser settings and try again.");
-          }
-          if (camErr.name === "NotFoundError" || camErr.name === "DevicesNotFoundError") {
-            throw new Error("No camera found. Please connect a camera and try again.");
+        if (params.prewarmedStream && params.prewarmedStream.active) {
+          stream = params.prewarmedStream;
+          camera.setStream(stream);
+        } else {
+          try {
+            stream = await camera.open();
+          } catch (camErr) {
+            if (camErr.name === "NotAllowedError" || camErr.name === "PermissionDeniedError") {
+              throw new Error("Camera access denied. Please allow camera permission in your browser settings and try again.");
+            }
+            if (camErr.name === "NotFoundError" || camErr.name === "DevicesNotFoundError") {
+              throw new Error("No camera found. Please connect a camera and try again.");
+            }
+            throw new Error(`Camera error: ${camErr.message || "Unable to access camera"}`);
           }
-          throw new Error(`Camera error: ${camErr.message || "Unable to access camera"}`);
         }
         let capturedDocBlob = params.id_file;
         if (!capturedDocBlob && params.verification_type === "document_verification") {
@@ -5222,11 +5236,6 @@ var SmartComplySDK = (() => {
         });
         ui2.updateInstruction("Hold still...");
         await new Promise((r2) => setTimeout(r2, 500));
-        const autoshotBlob = await this.captureFrame(videoForDetection);
-        tempVideo.pause();
-        if (!autoshotBlob || autoshotBlob.size === 0) {
-          throw new Error("Failed to capture autoshot selfie. Please ensure camera is working.");
-        }
         const challengeActions = actions || [...DEFAULT_CHALLENGE_ACTIONS];
         let entry;
         if (existingEntryId) {
@@ -5238,7 +5247,8 @@ var SmartComplySDK = (() => {
             identifier_type: params.identifier_type,
             country: params.country,
             challenge_actions: challengeActions,
-            autoshot_file: autoshotBlob,
+            // W9: No autoshot at create time — real one captured post-challenge
+            autoshot_file: void 0,
             document: params.document || params.document_front || params.id_file || capturedDocBlob,
             document_back: params.document_back,
             identity_check: params.identity_check,
@@ -5248,6 +5258,9 @@ var SmartComplySDK = (() => {
             fingerprint_id: deviceMeta.fingerprint_id
           });
         }
+        tempVideo.pause();
+        tempVideo.srcObject = null;
+        tempVideo.remove();
         const uiChallenge = {
           actions: entry.challenge_actions,
           time_limit_seconds: 45,
@@ -5280,8 +5293,11 @@ var SmartComplySDK = (() => {
             const getLabel = (action) => uiChallenge.instructions?.[action] || this.describeAction(action);
             const detectLoop = () => {
               const now = performance.now();
-              if (now < pauseUntil) {
-                animFrameId = requestAnimationFrame(detectLoop);
+              const remaining = pauseUntil - now;
+              if (remaining > 0) {
+                setTimeout(() => {
+                  animFrameId = requestAnimationFrame(detectLoop);
+                }, remaining);
                 return;
               }
               if (pendingNextAction) {
@@ -5348,6 +5364,10 @@ var SmartComplySDK = (() => {
         }
         ui2.updateInstruction("Almost done \u2014 hold still...");
         await new Promise((r2) => setTimeout(r2, 800));
+        const autoshotBlob = await this.captureFrame(videoEl);
+        if (!autoshotBlob || autoshotBlob.size === 0) {
+          throw new Error("Failed to capture selfie. Please ensure your face is visible and try again.");
+        }
         const snapshotBlob = await this.captureFrame(videoEl);
         let videoBlob;
         let durationSeconds;
@@ -5645,8 +5665,25 @@ var SmartComplySDK = (() => {
       isDark: false
     }
   };
-  function getTheme(name) {
-    return THEMES[name] || THEMES.default;
+  function getTheme(name, hex) {
+    const base = { ...THEMES[name] || THEMES.default };
+    if (hex && /^#[0-9A-Fa-f]{6}$/.test(hex.trim())) {
+      const h2 = hex.trim();
+      const hover = _darkenHex(h2, 15);
+      base.primary = h2;
+      base.primaryHover = hover;
+      base.primaryGlow = `${h2}40`;
+      base.borderFocus = h2;
+      base.shimmer = `${h2}14`;
+    }
+    return base;
+  }
+  function _darkenHex(hex, amount) {
+    const n2 = parseInt(hex.slice(1), 16);
+    const r2 = Math.max(0, (n2 >> 16) - amount);
+    const g2 = Math.max(0, (n2 >> 8 & 255) - amount);
+    const b2 = Math.max(0, (n2 & 255) - amount);
+    return `#${(r2 << 16 | g2 << 8 | b2).toString(16).padStart(6, "0")}`;
   }
 
   // src/utils/ImageQuality.ts
@@ -6582,13 +6619,13 @@ var SmartComplySDK = (() => {
 
   // src/flow/SmartComplyFlow.ts
   var COUNTRY_LABELS = {
-    nigeria: "\u{1F1F3}\u{1F1EC}  Nigeria",
-    global: "\u{1F30D}  Other Countries",
-    ghana: "\u{1F1EC}\u{1F1ED}  Ghana",
-    kenya: "\u{1F1F0}\u{1F1EA}  Kenya",
-    south_africa: "\u{1F1FF}\u{1F1E6}  South Africa",
-    united_states: "\u{1F1FA}\u{1F1F8}  United States",
-    united_kingdom: "\u{1F1EC}\u{1F1E7}  United Kingdom"
+    nigeria: "\xF0\u0178\u2021\xB3\xF0\u0178\u2021\xAC  Nigeria",
+    global: "\xF0\u0178\u0152\x8D  Other Countries",
+    ghana: "\xF0\u0178\u2021\xAC\xF0\u0178\u2021\xAD  Ghana",
+    kenya: "\xF0\u0178\u2021\xB0\xF0\u0178\u2021\xAA  Kenya",
+    south_africa: "\xF0\u0178\u2021\xBF\xF0\u0178\u2021\xA6  South Africa",
+    united_states: "\xF0\u0178\u2021\xBA\xF0\u0178\u2021\xB8  United States",
+    united_kingdom: "\xF0\u0178\u2021\xAC\xF0\u0178\u2021\xA7  United Kingdom"
   };
   function isUploadFieldType(type) {
     return type === "upload" || type === "image" || type === "file";
@@ -6602,37 +6639,37 @@ var SmartComplySDK = (() => {
       return t2.includes("voter") || t2.includes("driver") || t2.includes("license") || t2.includes("national id") || t2.includes("national id card");
     };
     if (u2.includes("BVN") || u2.includes("BANK VERIFICATION")) {
-      return { icon: "\u{1F3E6}", desc: "Enter your 11-digit Bank Verification Number (BVN)", requiresBack: false };
+      return { icon: "\xF0\u0178\x8F\xA6", desc: "Enter your 11-digit Bank Verification Number (BVN)", requiresBack: false };
     }
     if (u2.includes("NIN") || u2.includes("NATIONAL IDENTITY NUMBER")) {
-      return { icon: "\u{1F194}", desc: "Enter your 11-digit National Identification Number (NIN)", requiresBack: false };
+      return { icon: "\xF0\u0178\u2020\u201D", desc: "Enter your 11-digit National Identification Number (NIN)", requiresBack: false };
     }
     if (u2.includes("GHANA")) {
-      if (isDocumentFlow) return { icon: "\u{1FAAA}", desc: "Capture or upload your Ghana Card", requiresBack: true };
-      return { icon: "\u{1FAAA}", desc: "Enter your Ghana Card number", requiresBack: false };
+      if (isDocumentFlow) return { icon: "\xF0\u0178\xAA\xAA", desc: "Capture or upload your Ghana Card", requiresBack: true };
+      return { icon: "\xF0\u0178\xAA\xAA", desc: "Enter your Ghana Card number", requiresBack: false };
     }
     if (u2.includes("SSNIT"))
-      return { icon: "\u{1F3DB}\uFE0F", desc: "Enter your SSNIT number", requiresBack: false };
+      return { icon: "\xF0\u0178\x8F\u203A\xEF\xB8\x8F", desc: "Enter your SSNIT number", requiresBack: false };
     if (u2.includes("KENYA") || u2.includes("NATIONAL") && u2.includes("KENYA"))
-      return { icon: "\u{1F194}", desc: "Enter your Kenya National ID number", requiresBack: false };
+      return { icon: "\xF0\u0178\u2020\u201D", desc: "Enter your Kenya National ID number", requiresBack: false };
     if (u2.includes("TIN") || u2.includes("TAX IDENTIFICATION"))
-      return { icon: "\u{1F9FE}", desc: "Enter your Tax Identification Number (TIN)", requiresBack: false };
+      return { icon: "\xF0\u0178\xA7\xBE", desc: "Enter your Tax Identification Number (TIN)", requiresBack: false };
     if (u2.includes("CAC") || u2.includes("CORPORATE AFFAIRS") || u2.includes("COMPANY"))
-      return { icon: "\u{1F3E2}", desc: advanced ? "Enter RC number, company name & type" : "Enter your company registration number", requiresBack: false };
+      return { icon: "\xF0\u0178\x8F\xA2", desc: advanced ? "Enter RC number, company name & type" : "Enter your company registration number", requiresBack: false };
     if (u2.includes("VOTER") || u2.includes("PVC")) {
       const requiresBack = requiresBackSide(typeName);
       return {
-        icon: "\u{1F5F3}\uFE0F",
+        icon: "\xF0\u0178\u2014\xB3\xEF\xB8\x8F",
         desc: isDocumentFlow ? `Capture or upload your voter's card${requiresBack ? " (front & back)" : ""}` : "Enter your voter ID number",
         requiresBack: isDocumentFlow ? requiresBack : false
       };
     }
     if (u2.includes("PASSPORT"))
-      return { icon: "\u{1F4D8}", desc: isDocumentFlow ? "Capture or upload your passport" : "Enter your passport number", requiresBack: false };
+      return { icon: "\xF0\u0178\u201C\u02DC", desc: isDocumentFlow ? "Capture or upload your passport" : "Enter your passport number", requiresBack: false };
     if (u2.includes("DRIVER") || u2.includes("LICENSE") || u2.includes("LICENCE")) {
       const requiresBack = requiresBackSide(typeName);
       return {
-        icon: "\u{1F697}",
+        icon: "\xF0\u0178\u0161\u2014",
         desc: isDocumentFlow ? `Capture or upload your driver's license${requiresBack ? " (front & back)" : ""}` : "Enter your driver's license number",
         requiresBack: isDocumentFlow ? requiresBack : false
       };
@@ -6640,15 +6677,15 @@ var SmartComplySDK = (() => {
     if (u2.includes("NATIONAL ID") || u2.includes("NATIONAL") && u2.includes("CARD")) {
       const requiresBack = requiresBackSide(typeName);
       return {
-        icon: "\u{1FAAA}",
+        icon: "\xF0\u0178\xAA\xAA",
         desc: isDocumentFlow ? `Capture or upload your ID card${requiresBack ? " (front & back)" : ""}` : "Enter your National ID number",
         requiresBack: isDocumentFlow ? requiresBack : false
       };
     }
     if (u2.includes("LIVENESS") || u2.includes("FACE COMPARISON") || u2.includes("FACE MATCH"))
-      return { icon: "\u{1F933}", desc: "We'll capture a short selfie video to verify you", requiresBack: false };
+      return { icon: "\xF0\u0178\xA4\xB3", desc: "We'll capture a short selfie video to verify you", requiresBack: false };
     return {
-      icon: isDocumentFlow ? "\u{1F4C4}" : "\u{1F194}",
+      icon: isDocumentFlow ? "\xF0\u0178\u201C\u201E" : "\xF0\u0178\u2020\u201D",
       desc: isDocumentFlow ? "Capture or upload your document" : "Enter your ID number",
       requiresBack: false
     };
@@ -6693,6 +6730,40 @@ var SmartComplySDK = (() => {
     if (raw.trim()[0] === raw.trim()[0].toLowerCase() && /^[a-z]/.test(raw.trim())) return null;
     return raw.trim();
   }
+  function _parseOcrDate(raw) {
+    if (!raw) return null;
+    const s2 = raw.trim();
+    if (/^\d{4}-\d{2}-\d{2}/.test(s2)) return new Date(s2.slice(0, 10));
+    const dmy = s2.match(/^(\d{2})[\/\-](\d{2})[\/\-](\d{4})/);
+    if (dmy) return /* @__PURE__ */ new Date(`${dmy[3]}-${dmy[2]}-${dmy[1]}`);
+    const mdy = s2.match(/^(\d{2})\/(\d{2})\/(\d{4})/);
+    if (mdy) {
+      if (parseInt(mdy[1], 10) > 12) return /* @__PURE__ */ new Date(`${mdy[3]}-${mdy[2]}-${mdy[1]}`);
+      return /* @__PURE__ */ new Date(`${mdy[3]}-${mdy[1]}-${mdy[2]}`);
+    }
+    const dMonY = s2.match(/^(\d{1,2})\s+([A-Za-z]{3,})\s+(\d{4})/);
+    if (dMonY) return /* @__PURE__ */ new Date(`${dMonY[2]} ${dMonY[1]} ${dMonY[3]}`);
+    const d2 = new Date(s2);
+    return isNaN(d2.getTime()) ? null : d2;
+  }
+  async function _compressImage(blob, maxWidth = 1600, quality = 0.85) {
+    try {
+      const bmp = await createImageBitmap(blob);
+      const scale = Math.min(1, maxWidth / bmp.width);
+      const w2 = Math.round(bmp.width * scale);
+      const h2 = Math.round(bmp.height * scale);
+      const canvas = document.createElement("canvas");
+      canvas.width = w2;
+      canvas.height = h2;
+      canvas.getContext("2d").drawImage(bmp, 0, 0, w2, h2);
+      bmp.close();
+      return await new Promise(
+        (res, rej) => canvas.toBlob((b2) => b2 ? res(b2) : rej(new Error("Compression failed")), "image/jpeg", quality)
+      );
+    } catch {
+      return blob;
+    }
+  }
   function _formatDocType(code) {
     const map = {
       passport: "Passport",
@@ -6720,7 +6791,7 @@ var SmartComplySDK = (() => {
     style.setAttribute("data-sc-animations", "true");
     document.head.appendChild(style);
   }
-  var SmartComplyFlow = class _SmartComplyFlow {
+  var _SmartComplyFlow = class _SmartComplyFlow {
     constructor(options) {
       this.theme = getTheme("default");
       // DOM
@@ -6729,6 +6800,7 @@ var SmartComplySDK = (() => {
       this.contentArea = null;
       this.progressBar = null;
       this.stepLabel = null;
+      this.stageDots = null;
       this.brandLabel = null;
       // State
       this.sdkConfig = null;
@@ -6751,13 +6823,31 @@ var SmartComplySDK = (() => {
       this.livenessEntryId = null;
       this.isDestroyed = false;
       this.headerBackBtn = null;
+      // Retry safety — max 3 confirmation rejections or liveness failures per session
+      this._confirmRetries = 0;
+      this._livenessFailures = 0;
+      // IVS result stored for confirm_identity screen
+      this._ivsName = "";
+      this._ivsGender = "";
+      // OCR result stored for document_confirm screen
+      this._ocrName = "";
+      this._ocrDocNumber = "";
+      this._ocrExpiry = "";
+      this._ocrFaceImageUrl = "";
+      this._ocrIsExpired = false;
+      this._ocrExpirySoon = false;
+      // Camera pre-warm stream (created during confirmation screen, used in liveness)
+      this._prewarmedStream = null;
+      // OCR gate poll timer — stored so it can be cancelled on navigation or close
+      this._ocrPollTimer = null;
+      // UI timeout from _startStatusPolling — stored so close() can cancel it
+      this._uiTimeoutId = null;
       // Session expiry
       this.sessionExpiryTimer = null;
       // Status polling (result screen)
       this._pollStatusTimer = null;
       // Components
       this.docCapture = null;
-      this._livenessSubmitResult = null;
       this.options = options;
       this.sdk = new SmartComply({
         apiKey: options.apiKey,
@@ -6791,6 +6881,10 @@ var SmartComplySDK = (() => {
     close() {
       this.isDestroyed = true;
       this.docCapture?.destroy();
+      if (this._prewarmedStream) {
+        this._prewarmedStream.getTracks().forEach((t2) => t2.stop());
+        this._prewarmedStream = null;
+      }
       if (this.sessionExpiryTimer) {
         clearTimeout(this.sessionExpiryTimer);
         this.sessionExpiryTimer = null;
@@ -6799,6 +6893,14 @@ var SmartComplySDK = (() => {
         clearTimeout(this._pollStatusTimer);
         this._pollStatusTimer = null;
       }
+      if (this._ocrPollTimer) {
+        clearTimeout(this._ocrPollTimer);
+        this._ocrPollTimer = null;
+      }
+      if (this._uiTimeoutId) {
+        clearTimeout(this._uiTimeoutId);
+        this._uiTimeoutId = null;
+      }
       if (this.overlay) {
         this.overlay.style.opacity = "0";
         setTimeout(() => {
@@ -6813,9 +6915,9 @@ var SmartComplySDK = (() => {
       }
       this.options.onClose?.();
     }
-    // ─────────────────────────────────────────────────────────────────
+    // ─────────────────────────────────────────────────────────────────
     // Initialization
-    // ─────────────────────────────────────────────────────────────────
+    // ─────────────────────────────────────────────────────────────────
     mount() {
       this.injectStyles();
       this.overlay = document.createElement("div");
@@ -6888,7 +6990,7 @@ var SmartComplySDK = (() => {
         }
         this.sdkConfig = await this.sdk.initializeConfig();
         if (this.sdkConfig.theme) {
-          this.theme = getTheme(this.sdkConfig.theme);
+          this.theme = getTheme(this.sdkConfig.theme, this.sdkConfig.theme_hex || null);
           this.applyTheme();
         }
         if (this.brandLabel && this.sdkConfig.brand_name) {
@@ -6900,12 +7002,20 @@ var SmartComplySDK = (() => {
         this.showErrorStep(err.message || "Failed to initialize. Please try again.");
       }
     }
-    // ─────────────────────────────────────────────────────────────────
+    // ─────────────────────────────────────────────────────────────────
     // Step rendering
-    // ─────────────────────────────────────────────────────────────────
+    // ─────────────────────────────────────────────────────────────────
     showStep(step) {
       this.currentStep = step;
       if (!this.contentArea) return;
+      if (this._ocrPollTimer) {
+        clearTimeout(this._ocrPollTimer);
+        this._ocrPollTimer = null;
+      }
+      if (step !== "liveness" && this._prewarmedStream) {
+        this._prewarmedStream.getTracks().forEach((t2) => t2.stop());
+        this._prewarmedStream = null;
+      }
       this.updateProgress();
       const oldContent = this.contentArea.firstChild;
       if (oldContent) {
@@ -6938,17 +7048,27 @@ var SmartComplySDK = (() => {
         case "id_input":
           this.renderIdInput(wrapper);
           break;
+        case "confirm_identity":
+          this.renderConfirmIdentity(wrapper);
+          break;
         case "document_capture":
           this.renderDocumentCapture(wrapper);
           break;
+        case "ocr_gate":
+          this.renderOcrGate(wrapper);
+          break;
+        case "document_confirm":
+          this.renderDocumentConfirm(wrapper);
+          break;
         case "processing":
-          this.renderProcessing(wrapper, this.livenessEntryId || void 0);
           break;
         case "liveness":
           this.renderLiveness(wrapper);
           break;
+        case "done":
+          this.renderDone(wrapper);
+          break;
         case "result":
-          this.renderResult(wrapper);
           break;
         case "error":
           break;
@@ -6959,7 +7079,7 @@ var SmartComplySDK = (() => {
         wrapper.style.transform = "translateX(0)";
       });
     }
-    // ── Loading ─────────────────────────────────────────────────────
+    // ── Loading ─────────────────────────────────────────────────────
     renderLoading(container) {
       container.style.cssText += "display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;";
       const spinnerWrap = document.createElement("div");
@@ -6990,7 +7110,7 @@ var SmartComplySDK = (() => {
       sub.textContent = "Connecting to the verification service...";
       container.appendChild(sub);
     }
-    // ── Welcome ────────────────────────────────────────────────────
+    // ── Welcome ────────────────────────────────────────────────────
     renderWelcome(container) {
       container.style.cssText += "display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;";
       const isDocFlow = this.isDocumentFlow();
@@ -7004,7 +7124,7 @@ var SmartComplySDK = (() => {
       background:linear-gradient(135deg,${this.theme.primary}22,${this.theme.primaryGlow});
       border:1.5px solid ${this.theme.primary}33;
     `;
-      iconWrap.textContent = isDocFlow ? "\u{1FAAA}" : "\u{1F6E1}\uFE0F";
+      iconWrap.textContent = isDocFlow ? "\xF0\u0178\xAA\xAA" : "\xF0\u0178\u203A\xA1\xEF\xB8\x8F";
       topRow.appendChild(iconWrap);
       const badge = document.createElement("div");
       badge.style.cssText = `
@@ -7015,7 +7135,7 @@ var SmartComplySDK = (() => {
       color:${this.theme.primary};
       border:1px solid ${this.theme.primary}30;
     `;
-      badge.textContent = isDocFlow ? "\u{1F4C4}  Document Verification" : "\u{1F50D}  Data Verification";
+      badge.textContent = isDocFlow ? "\xF0\u0178\u201C\u201E  Document Verification" : "\xF0\u0178\u201D\x8D  Data Verification";
       topRow.appendChild(badge);
       container.appendChild(topRow);
       const titleWrap = document.createElement("div");
@@ -7025,24 +7145,25 @@ var SmartComplySDK = (() => {
       color:${this.theme.text};font-size:20px;font-weight:700;
       margin:0;line-height:1.2;
     `;
-      title.textContent = "Identity Verification";
+      const brandName = this.sdkConfig?.brand_name;
+      title.textContent = brandName ? `${brandName} Identity Verification` : "Verify Your Identity";
       titleWrap.appendChild(title);
       const desc = document.createElement("p");
       desc.style.cssText = `
       color:${this.theme.textSecondary};font-size:13px;line-height:1.5;
       margin:0;max-width:300px;
     `;
-      desc.textContent = isDocFlow ? "Scan your ID document and take a quick selfie to confirm your identity." : "Enter your ID details and take a quick selfie to confirm your identity.";
+      desc.textContent = isDocFlow ? "You'll need your document and camera access. This takes about 2 minutes." : "You'll need your ID number and camera access. This takes about 2 minutes.";
       titleWrap.appendChild(desc);
       container.appendChild(titleWrap);
       const steps = isDocFlow ? [
-        { icon: "\u{1FAAA}", text: "Choose your document type", sub: "Passport, National ID, Driver License" },
-        { icon: "\u{1F4F7}", text: "Scan your document", sub: "Upload or capture a photo of your ID" },
-        { icon: "\u{1F933}", text: "Face check", sub: "Quick selfie to confirm it's you" }
+        { icon: "\xF0\u0178\xAA\xAA", text: "Choose your document type", sub: "Passport, National ID, Driver License" },
+        { icon: "\xF0\u0178\u201C\xB7", text: "Scan your document", sub: "Upload or capture a photo of your ID" },
+        { icon: "\xF0\u0178\xA4\xB3", text: "Face check", sub: "Quick selfie to confirm it's you" }
       ] : [
-        { icon: "\u{1F194}", text: "Choose your ID type", sub: "NIN, BVN, Voter's Card and more" },
-        { icon: "\u{1F4DD}", text: "Enter your ID details", sub: "Exactly as shown on your ID" },
-        { icon: "\u{1F933}", text: "Face check", sub: "Quick selfie to confirm it's you" }
+        { icon: "\xF0\u0178\u2020\u201D", text: "Choose your ID type", sub: "NIN, BVN, Voter's Card and more" },
+        { icon: "\xF0\u0178\u201C\x9D", text: "Enter your ID details", sub: "Exactly as shown on your ID" },
+        { icon: "\xF0\u0178\xA4\xB3", text: "Face check", sub: "Quick selfie to confirm it's you" }
       ];
       const stepsWrap = document.createElement("div");
       stepsWrap.style.cssText = `
@@ -7082,7 +7203,7 @@ var SmartComplySDK = (() => {
         stepsWrap.appendChild(row);
       });
       container.appendChild(stepsWrap);
-      const btn = this.createPrimaryButton("Get Started \u2192");
+      const btn = this.createPrimaryButton("Get Started \xE2\u2020\u2019");
       btn.style.cssText += "margin-top:2px;";
       btn.addEventListener("click", () => this.showStep("country"));
       container.appendChild(btn);
@@ -7091,10 +7212,10 @@ var SmartComplySDK = (() => {
       display:flex;align-items:center;gap:6px;
       color:${this.theme.textMuted};font-size:10.5px;
     `;
-      trust.textContent = "\u{1F512}  End-to-end encrypted";
+      trust.textContent = "\xF0\u0178\u201D\u2019  End-to-end encrypted";
       container.appendChild(trust);
     }
-    // ── Country Select ──────────────────────────────────────────────
+    // ── Country Select ──────────────────────────────────────────────
     renderCountrySelect(container) {
       container.style.cssText += "display:flex;flex-direction:column;gap:14px;";
       const channels = this.sdkConfig?.channels || {};
@@ -7122,7 +7243,7 @@ var SmartComplySDK = (() => {
         container.appendChild(card);
       }
     }
-    // ── ID Type Select ──────────────────────────────────────────────
+    // ── ID Type Select ──────────────────────────────────────────────
     renderIdTypeSelect(container) {
       container.style.cssText += "display:flex;flex-direction:column;gap:14px;";
       const globalDocFlow = this.isDocumentFlow();
@@ -7144,7 +7265,7 @@ var SmartComplySDK = (() => {
         const requiresBack = requiresBackFromBackend ?? info.requiresBack;
         let subtitle2 = info.desc;
         if (requiresBack && isThisDocFlow) {
-          subtitle2 += " \u26A0\uFE0F Both sides required";
+          subtitle2 += " \xE2\u0161\xA0\xEF\xB8\x8F Both sides required";
         }
         const displayName = typeName.replace(/\s*with\s+face\s*/gi, " ").replace(/\s*\(NIN\)\s*/gi, " ").replace(/\s*\(BVN\)\s*/gi, " ").replace(/\s{2,}/g, " ").trim();
         const card = this.createOptionCard(
@@ -7177,7 +7298,7 @@ var SmartComplySDK = (() => {
         container.appendChild(card);
       }
     }
-    // ── ID Input (data verification — dynamic fields) ─────────────
+    // ── ID Input (data verification — dynamic fields) ─────────────
     renderIdInput(container) {
       container.style.cssText += "display:flex;flex-direction:column;gap:14px;";
       const dataFields = this.selectedChannelFields.filter((f2) => f2.type !== "upload");
@@ -7207,13 +7328,13 @@ var SmartComplySDK = (() => {
         { match: "BVN", rule: { minLen: 11, maxLen: 11, numeric: true, hint: "BVN must be exactly 11 digits" } },
         { match: "NIN", rule: { minLen: 11, maxLen: 11, numeric: true, hint: "NIN must be exactly 11 digits" } },
         { match: "NATIONAL IDENTITY", rule: { minLen: 11, maxLen: 11, numeric: true, hint: "NIN must be exactly 11 digits" } },
-        { match: "PASSPORT", rule: { minLen: 6, maxLen: 20, alphanumeric: true, hint: "Passport number must be 6\u201320 alphanumeric characters" } },
-        { match: "DRIVER", rule: { minLen: 3, maxLen: 30, alphanumeric: true, hint: "Licence number must be 3\u201330 alphanumeric characters" } },
-        { match: "VOTER", rule: { minLen: 6, maxLen: 30, alphanumeric: true, hint: "Voter ID must be 6\u201330 alphanumeric characters" } },
-        { match: "GHANA", rule: { minLen: 8, maxLen: 20, alphanumeric: true, hint: "Ghana Card number must be 8\u201320 alphanumeric characters" } },
-        { match: "SSNIT", rule: { minLen: 7, maxLen: 15, alphanumeric: true, hint: "SSNIT number must be 7\u201315 alphanumeric characters" } },
-        { match: "TIN", rule: { minLen: 8, maxLen: 20, alphanumeric: true, hint: "TIN must be 8\u201320 characters" } },
-        { match: "KRA", rule: { minLen: 10, maxLen: 12, alphanumeric: true, hint: "KRA PIN must be 10\u201312 characters" } }
+        { match: "PASSPORT", rule: { minLen: 6, maxLen: 20, alphanumeric: true, hint: "Passport number must be 6\xE2\u20AC\u201C20 alphanumeric characters" } },
+        { match: "DRIVER", rule: { minLen: 3, maxLen: 30, alphanumeric: true, hint: "Licence number must be 3\xE2\u20AC\u201C30 alphanumeric characters" } },
+        { match: "VOTER", rule: { minLen: 6, maxLen: 30, alphanumeric: true, hint: "Voter ID must be 6\xE2\u20AC\u201C30 alphanumeric characters" } },
+        { match: "GHANA", rule: { minLen: 8, maxLen: 20, alphanumeric: true, hint: "Ghana Card number must be 8\xE2\u20AC\u201C20 alphanumeric characters" } },
+        { match: "SSNIT", rule: { minLen: 7, maxLen: 15, alphanumeric: true, hint: "SSNIT number must be 7\xE2\u20AC\u201C15 alphanumeric characters" } },
+        { match: "TIN", rule: { minLen: 8, maxLen: 20, alphanumeric: true, hint: "TIN must be 8\xE2\u20AC\u201C20 characters" } },
+        { match: "KRA", rule: { minLen: 10, maxLen: 12, alphanumeric: true, hint: "KRA PIN must be 10\xE2\u20AC\u201C12 characters" } }
       ];
       function getFieldRule(label) {
         const upper = label.toUpperCase();
@@ -7411,7 +7532,15 @@ var SmartComplySDK = (() => {
             const fieldValues = Object.values(this.collectedFields);
             this.idNumber = fieldValues[0] || "";
             this.identityCheckId = this.verificationResult.data?.identity_check_id || null;
-            this.showStep("liveness");
+            const d2 = this.verificationResult.data || {};
+            const nd = d2.normalized_data || d2.data || d2;
+            this._ivsName = [nd.first_name || nd.firstname || "", nd.last_name || nd.lastname || nd.surname || ""].map((s2) => String(s2 || "").trim()).filter(Boolean).join(" ");
+            this._ivsGender = nd.gender || "";
+            if (!this._ivsName) {
+              this.showStep("liveness");
+              return;
+            }
+            this.showStep("confirm_identity");
           } else {
             errorEl.textContent = this.verificationResult.message || "We could not verify your details. Please check and try again.";
             errorEl.style.display = "block";
@@ -7445,7 +7574,7 @@ var SmartComplySDK = (() => {
         setTimeout(() => firstInput.focus(), 350);
       }
     }
-    // ── Document Capture ────────────────────────────────────────────
+    // ── Document Capture ────────────────────────────────────────────
     renderDocumentCapture(container) {
       container.style.cssText += "display:flex;flex-direction:column;gap:14px;";
       const rawName = this.selectedIdTypeName || this.selectedIdType || "your document";
@@ -7481,123 +7610,366 @@ var SmartComplySDK = (() => {
         this.showErrorStep(err.message || "Document capture failed. Please try again.");
       });
     }
-    // ── Processing (real polling-driven, document flow only) ────────────
-    renderProcessing(container, entryId) {
-      container.style.cssText += "display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;";
+    // ── W3: Identity Confirmation (data verification) ───────────────
+    renderConfirmIdentity(container) {
+      container.style.cssText += "display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:8px 0;";
+      if (this._confirmRetries >= _SmartComplyFlow.MAX_RETRIES) {
+        this._renderRetryLimitReached(container);
+        return;
+      }
+      this._prewarmCamera();
+      const iconWrap = document.createElement("div");
+      iconWrap.style.cssText = `width:64px;height:64px;border-radius:50%;background:${this.theme.primary}15;border:2px solid ${this.theme.primary}30;display:flex;align-items:center;justify-content:center;font-size:28px;`;
+      iconWrap.textContent = "\xF0\u0178\u203A\xA1\xEF\xB8\x8F";
+      container.appendChild(iconWrap);
+      const title = document.createElement("h2");
+      title.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
+      title.textContent = this._ivsName ? `Is this you?` : "Identity Confirmed";
+      container.appendChild(title);
+      if (this._ivsName) {
+        const card = document.createElement("div");
+        card.style.cssText = `width:100%;padding:16px;border-radius:14px;background:${this.theme.cardBg};border:1.5px solid ${this.theme.border};text-align:left;display:flex;flex-direction:column;gap:10px;`;
+        const rows = [
+          { label: "Name", value: this._ivsName }
+        ];
+        if (this._ivsGender) {
+          const gLabel = this._ivsGender.toLowerCase();
+          rows.push({ label: "Gender", value: gLabel === "m" || gLabel === "male" || gLabel === "1" ? "Male" : gLabel === "f" || gLabel === "female" || gLabel === "2" ? "Female" : this._ivsGender });
+        }
+        rows.push({ label: "ID Type", value: _formatDocType(this.selectedIdType) || this.selectedIdTypeName || this.selectedIdType });
+        rows.forEach(({ label, value }) => {
+          const row = document.createElement("div");
+          row.style.cssText = "display:flex;justify-content:space-between;align-items:center;";
+          const lEl = document.createElement("span");
+          lEl.style.cssText = `color:${this.theme.textMuted};font-size:12px;font-weight:500;`;
+          lEl.textContent = label;
+          const vEl = document.createElement("span");
+          vEl.style.cssText = `color:${this.theme.text};font-size:13px;font-weight:600;max-width:60%;text-align:right;`;
+          vEl.textContent = value;
+          row.appendChild(lEl);
+          row.appendChild(vEl);
+          card.appendChild(row);
+        });
+        container.appendChild(card);
+      } else {
+        const sub = document.createElement("p");
+        sub.style.cssText = `color:${this.theme.textSecondary};font-size:13px;margin:0;max-width:280px;line-height:1.6;`;
+        sub.textContent = "Your details have been confirmed. Please continue to the face check.";
+        container.appendChild(sub);
+      }
+      const yesBtn = this.createPrimaryButton("Yes, that's me \xE2\u20AC\u201D continue");
+      yesBtn.addEventListener("click", () => {
+        this._confirmRetries = 0;
+        this.showStep("liveness");
+      });
+      container.appendChild(yesBtn);
+      const noBtn = this.createSecondaryButton("No, use a different ID");
+      noBtn.addEventListener("click", () => {
+        this._confirmRetries++;
+        this._ivsName = "";
+        this._ivsGender = "";
+        this.identityCheckId = null;
+        this.verificationResult = null;
+        this.showStep("id_input");
+      });
+      container.appendChild(noBtn);
+    }
+    // ── W4: Document Confirmation (document verification) ────────────
+    renderDocumentConfirm(container) {
+      container.style.cssText += "display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:8px 0;";
+      if (this._confirmRetries >= _SmartComplyFlow.MAX_RETRIES) {
+        this._renderRetryLimitReached(container);
+        return;
+      }
+      this._prewarmCamera();
+      const iconWrap = document.createElement("div");
+      iconWrap.style.cssText = `width:64px;height:64px;border-radius:50%;background:${this.theme.primary}15;border:2px solid ${this.theme.primary}30;display:flex;align-items:center;justify-content:center;font-size:28px;`;
+      iconWrap.textContent = "\xF0\u0178\u201C\u201E";
+      container.appendChild(iconWrap);
+      const title = document.createElement("h2");
+      title.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
+      title.textContent = "Are these your details?";
+      container.appendChild(title);
+      const sub = document.createElement("p");
+      sub.style.cssText = `color:${this.theme.textSecondary};font-size:13px;margin:0;max-width:280px;line-height:1.5;`;
+      sub.textContent = "We read the following from your document. Please confirm they are correct before continuing.";
+      container.appendChild(sub);
+      if (this._ocrFaceImageUrl) {
+        const faceWrap = document.createElement("div");
+        faceWrap.style.cssText = `width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid ${this.theme.primary};flex-shrink:0;margin:0 auto;`;
+        const faceImg = document.createElement("img");
+        faceImg.src = this._ocrFaceImageUrl;
+        faceImg.alt = "Photo from your document";
+        faceImg.style.cssText = "width:100%;height:100%;object-fit:cover;";
+        faceWrap.appendChild(faceImg);
+        container.appendChild(faceWrap);
+      }
+      if (this._ocrExpirySoon && !this._ocrIsExpired) {
+        const warn = document.createElement("div");
+        warn.style.cssText = `width:100%;padding:10px 14px;border-radius:10px;background:${this.theme.warning}18;border:1px solid ${this.theme.warning}40;color:${this.theme.warning};font-size:12px;text-align:left;line-height:1.5;`;
+        warn.textContent = "\xE2\u0161\xA0\xEF\xB8\x8F  Your document expires soon. Some services may not accept it, but you can still continue.";
+        container.appendChild(warn);
+      }
+      const card = document.createElement("div");
+      card.style.cssText = `width:100%;padding:14px 16px;border-radius:14px;background:${this.theme.cardBg};border:1.5px solid ${this.theme.border};text-align:left;display:flex;flex-direction:column;gap:10px;`;
+      const docRows = [];
+      if (this._ocrName) docRows.push({ label: "Name", value: this._ocrName });
+      if (this._ocrDocNumber) docRows.push({ label: "Document No", value: this._ocrDocNumber });
+      if (this._ocrExpiry) docRows.push({ label: "Expires", value: this._ocrExpiry });
+      docRows.push({ label: "Document Type", value: _formatDocType(this.selectedIdType) || this.selectedIdTypeName });
+      if (docRows.length === 0) {
+        const fallback = document.createElement("div");
+        fallback.style.cssText = `color:${this.theme.textSecondary};font-size:12px;`;
+        fallback.textContent = "Document scanned successfully.";
+        card.appendChild(fallback);
+      } else {
+        docRows.forEach(({ label, value }) => {
+          if (!value) return;
+          const row = document.createElement("div");
+          row.style.cssText = "display:flex;justify-content:space-between;align-items:center;";
+          const lEl = document.createElement("span");
+          lEl.style.cssText = `color:${this.theme.textMuted};font-size:12px;font-weight:500;`;
+          lEl.textContent = label;
+          const vEl = document.createElement("span");
+          vEl.style.cssText = `color:${this.theme.text};font-size:13px;font-weight:600;max-width:60%;text-align:right;`;
+          vEl.textContent = value;
+          row.appendChild(lEl);
+          row.appendChild(vEl);
+          card.appendChild(row);
+        });
+      }
+      container.appendChild(card);
+      const yesBtn = this.createPrimaryButton("Yes, continue");
+      yesBtn.addEventListener("click", () => {
+        this._confirmRetries = 0;
+        this.showStep("liveness");
+      });
+      container.appendChild(yesBtn);
+      const noBtn = this.createSecondaryButton("No, retake document");
+      noBtn.addEventListener("click", () => {
+        this._confirmRetries++;
+        this._ocrName = "";
+        this._ocrDocNumber = "";
+        this._ocrExpiry = "";
+        this._ocrFaceImageUrl = "";
+        this._ocrIsExpired = false;
+        this._ocrExpirySoon = false;
+        this.livenessEntryId = null;
+        this.documentBlob = null;
+        this.documentBackBlob = null;
+        this.showStep("document_capture");
+      });
+      container.appendChild(noBtn);
+    }
+    // ── W6+W7+W8: OCR Gate (document verification) ───────────────────
+    renderOcrGate(container) {
+      container.style.cssText += "display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 0;text-align:center;";
       const spinnerWrap = document.createElement("div");
-      spinnerWrap.style.cssText = "position:relative;width:56px;height:56px;flex-shrink:0;";
+      spinnerWrap.style.cssText = "position:relative;width:52px;height:52px;flex-shrink:0;";
       const ring = document.createElement("div");
-      ring.id = "sc-proc-ring";
       ring.style.cssText = `position:absolute;inset:0;border-radius:50%;border:3px solid ${this.theme.border};border-top-color:${this.theme.primary};animation:sc-spin 0.9s linear infinite;`;
-      const centerIcon = document.createElement("div");
-      centerIcon.style.cssText = "position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;";
-      centerIcon.textContent = "\u{1F50D}";
+      const centre = document.createElement("div");
+      centre.style.cssText = "position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;";
+      centre.textContent = "\xF0\u0178\u201C\u201E";
       spinnerWrap.appendChild(ring);
-      spinnerWrap.appendChild(centerIcon);
+      spinnerWrap.appendChild(centre);
       container.appendChild(spinnerWrap);
-      const title = document.createElement("div");
-      title.style.cssText = `color:${this.theme.text};font-size:15px;font-weight:700;text-align:center;`;
-      title.textContent = "Verifying your document";
-      container.appendChild(title);
-      const statusLine = document.createElement("div");
-      statusLine.id = "sc-proc-status";
-      statusLine.setAttribute("aria-live", "polite");
-      statusLine.setAttribute("aria-atomic", "true");
-      statusLine.style.cssText = `color:${this.theme.textSecondary};font-size:12px;text-align:center;max-width:260px;line-height:1.5;`;
-      statusLine.textContent = "Scanning document\u2026";
-      container.appendChild(statusLine);
-      const stages = [
-        { id: "ocr", label: "Reading document", icon: "\u{1F4C4}" },
-        { id: "expiry", label: "Checking expiry", icon: "\u{1F4C5}" },
-        { id: "face", label: "Face match", icon: "\u{1F933}" },
-        { id: "result", label: "Finalising result", icon: "\u2713" }
-      ];
-      const grid = document.createElement("div");
-      grid.style.cssText = "width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;";
-      stages.forEach((s2) => {
-        const el = document.createElement("div");
-        el.id = `sc-stage-${s2.id}`;
-        el.style.cssText = `display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:${this.theme.cardBg};border:1px solid ${this.theme.border};transition:all 0.3s ease;`;
-        el.innerHTML = `
-        <div style="width:26px;height:26px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;background:${this.theme.shimmer};">${s2.icon}</div>
-        <div style="flex:1;color:${this.theme.textSecondary};font-size:11px;font-weight:500;">${s2.label}</div>
-        <div id="sc-stage-status-${s2.id}" style="width:14px;height:14px;border-radius:50%;border:2px solid ${this.theme.border};flex-shrink:0;"></div>
-      `;
-        grid.appendChild(el);
-      });
-      container.appendChild(grid);
-      if (entryId) {
-        this._pollProcessingStages(entryId, statusLine, grid, stages);
-      }
-    }
-    _pollProcessingStages(entryId, statusLine, _grid, stages) {
-      const stageTimings = [0, 4e3, 1e4, 18e3];
-      const startTime = Date.now();
-      const setStageActive = (stageId) => {
-        const el = document.getElementById(`sc-stage-${stageId}`);
-        const statusEl = document.getElementById(`sc-stage-status-${stageId}`);
-        if (!el || !statusEl) return;
-        el.style.borderColor = this.theme.primary;
-        el.style.background = `${this.theme.primary}10`;
-        statusEl.innerHTML = `<div style="position:absolute;inset:1px;border-radius:50%;border:2px solid ${this.theme.border};border-top-color:${this.theme.primary};animation:sc-spin 0.8s linear infinite;"></div>`;
-        statusEl.style.position = "relative";
-      };
-      const setStageComplete = (stageId) => {
-        const el = document.getElementById(`sc-stage-${stageId}`);
-        const statusEl = document.getElementById(`sc-stage-status-${stageId}`);
-        if (!el || !statusEl) return;
-        el.style.borderColor = this.theme.success || "#22c55e";
-        el.style.background = `${this.theme.success || "#22c55e"}10`;
-        statusEl.innerHTML = `<div style="position:absolute;inset:2px;border-radius:50%;background:${this.theme.success || "#22c55e"};display:flex;align-items:center;justify-content:center;color:#fff;font-size:8px;font-weight:bold;">\u2713</div>`;
-        statusEl.style.position = "relative";
-      };
-      stages.forEach((s2, i2) => {
-        setTimeout(() => {
-          if (this.isDestroyed) return;
-          setStageActive(s2.id);
-          if (i2 > 0) setStageComplete(stages[i2 - 1].id);
-          statusLine.textContent = s2.id === "ocr" ? "Scanning document\u2026" : s2.id === "expiry" ? "Checking expiry date\u2026" : s2.id === "face" ? "Running face match\u2026" : "Finalising result\u2026";
-        }, stageTimings[i2]);
-      });
-      const MAX_POLLS = 30;
+      const statusEl = document.createElement("div");
+      statusEl.setAttribute("aria-live", "polite");
+      statusEl.style.cssText = `color:${this.theme.text};font-size:15px;font-weight:600;`;
+      statusEl.textContent = "Reading your document\xE2\u20AC\xA6";
+      container.appendChild(statusEl);
+      const subEl = document.createElement("div");
+      subEl.style.cssText = `color:${this.theme.textSecondary};font-size:12px;max-width:260px;line-height:1.5;`;
+      subEl.textContent = "This usually takes 5\xE2\u20AC\u201C15 seconds. Please wait.";
+      container.appendChild(subEl);
+      if (!this.livenessEntryId) {
+        this.showErrorStep("Document upload failed. Please try again.");
+        return;
+      }
+      const entryId = this.livenessEntryId;
+      const MAX_POLLS = 10;
       let polls = 0;
       const poll = async () => {
         if (this.isDestroyed) return;
         polls++;
         try {
           const result = await this.sdk.liveness.pollResult(entryId);
-          if (result.status === "passed" || result.status === "failed") {
-            stages.forEach((s2) => setStageComplete(s2.id));
-            statusLine.textContent = result.status === "passed" ? "Verification complete \u2713" : "Verification finished";
-            setTimeout(() => {
-              if (!this.isDestroyed) {
-                this._livenessSubmitResult = result;
-                this.showResult(result);
+          if (result.is_expired === true) {
+            container.innerHTML = "";
+            this._renderExpiredDocument(container);
+            return;
+          }
+          if (result.ocr_quality_failed === true) {
+            container.innerHTML = "";
+            this._renderOcrQualityFail(container, result.ocr_rejection_reason);
+            return;
+          }
+          const ocrDone = result.ocr_status === "done" || result.ocr_status === "ocr_complete" || result.ocr_name || result.ocr_document_number || result.ocr_expiry_date;
+          if (ocrDone) {
+            this._ocrName = result.ocr_name || "";
+            this._ocrDocNumber = result.ocr_document_number || "";
+            this._ocrExpiry = result.ocr_expiry_date || "";
+            this._ocrFaceImageUrl = result.ocr_face_image_url || "";
+            this._ocrIsExpired = result.is_expired === true;
+            if (this._ocrExpiry) {
+              const expDate = _parseOcrDate(this._ocrExpiry);
+              if (expDate) {
+                const sixMonths = /* @__PURE__ */ new Date();
+                sixMonths.setMonth(sixMonths.getMonth() + 6);
+                this._ocrExpirySoon = expDate <= sixMonths && expDate > /* @__PURE__ */ new Date();
               }
-            }, 800);
+            }
+            this.showStep("document_confirm");
             return;
           }
+          if (polls < MAX_POLLS && !this.isDestroyed) {
+            this._ocrPollTimer = setTimeout(poll, 2e3);
+          } else if (!this.isDestroyed) {
+            statusEl.textContent = "Taking longer than usual\xE2\u20AC\xA6";
+            subEl.textContent = "We'll continue \xE2\u20AC\u201D you can confirm your details on the next screen.";
+            this._ocrPollTimer = setTimeout(() => {
+              if (!this.isDestroyed) this.showStep("document_confirm");
+            }, 2e3);
+          }
         } catch {
-        }
-        if (polls < MAX_POLLS && !this.isDestroyed) {
-          this._pollStatusTimer = setTimeout(poll, 3e3);
-        } else if (!this.isDestroyed) {
-          stages.forEach((s2) => setStageComplete(s2.id));
-          statusLine.textContent = "Still processing \u2014 check back soon";
+          if (polls < MAX_POLLS && !this.isDestroyed) {
+            this._ocrPollTimer = setTimeout(poll, 3e3);
+          } else if (!this.isDestroyed) {
+            this.showErrorStep("We could not read your document. Please check your connection and try again.");
+          }
         }
       };
-      this._pollStatusTimer = setTimeout(poll, 5e3);
+      this._ocrPollTimer = setTimeout(poll, 3e3);
+    }
+    _renderExpiredDocument(container) {
+      container.style.cssText += "display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:20px 0;";
+      const icon = document.createElement("div");
+      icon.style.cssText = `width:72px;height:72px;border-radius:50%;background:${this.theme.errorBg};border:3px solid ${this.theme.error};display:flex;align-items:center;justify-content:center;font-size:28px;`;
+      icon.textContent = "\xF0\u0178\u201C\u2026";
+      container.appendChild(icon);
+      const t2 = document.createElement("h2");
+      t2.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
+      t2.textContent = "Document Expired";
+      container.appendChild(t2);
+      const d2 = document.createElement("p");
+      d2.style.cssText = `color:${this.theme.textSecondary};font-size:13px;margin:0;max-width:280px;line-height:1.6;`;
+      d2.textContent = "The document you submitted has expired. Please use a valid, current ID.";
+      container.appendChild(d2);
+      const retryBtn = this.createPrimaryButton("Try a different document");
+      retryBtn.addEventListener("click", () => {
+        this.livenessEntryId = null;
+        this.documentBlob = null;
+        this.documentBackBlob = null;
+        this.showStep("document_capture");
+      });
+      container.appendChild(retryBtn);
+      const endBtn = this.createSecondaryButton("End session");
+      endBtn.addEventListener("click", () => {
+        this.options.onError?.(new Error("Document expired"));
+        this.close();
+      });
+      container.appendChild(endBtn);
+    }
+    _renderOcrQualityFail(container, reason) {
+      container.style.cssText += "display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:20px 0;";
+      const icon = document.createElement("div");
+      icon.style.cssText = `width:72px;height:72px;border-radius:50%;background:${this.theme.errorBg};border:3px solid ${this.theme.error};display:flex;align-items:center;justify-content:center;font-size:28px;`;
+      icon.textContent = "\xF0\u0178\u201D\x8D";
+      container.appendChild(icon);
+      const t2 = document.createElement("h2");
+      t2.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
+      t2.textContent = "Document Photo Unclear";
+      container.appendChild(t2);
+      const msg = reason === "image_too_blurry" ? "Your document photo is too blurry. Please retake it in good lighting with a steady hand." : reason === "image_too_dark" ? "Your document photo is too dark. Please retake it in better lighting." : reason === "image_too_bright" ? "Your document photo has too much glare. Please reduce reflections and retake." : reason === "document_not_detected" ? "We could not detect a document in the photo. Please ensure the full ID is visible." : "We could not read your document clearly. Please retake the photo in good lighting with no glare.";
+      const d2 = document.createElement("p");
+      d2.style.cssText = `color:${this.theme.textSecondary};font-size:13px;margin:0;max-width:280px;line-height:1.6;`;
+      d2.textContent = msg;
+      container.appendChild(d2);
+      const retryBtn = this.createPrimaryButton("Retake photo");
+      retryBtn.addEventListener("click", () => {
+        this.livenessEntryId = null;
+        this.documentBlob = null;
+        this.documentBackBlob = null;
+        this.showStep("document_capture");
+      });
+      container.appendChild(retryBtn);
+    }
+    // ── W11: You're all done (end-user final screen) ─────────────────
+    renderDone(container) {
+      container.style.cssText += "display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:24px 0;";
+      container.setAttribute("role", "status");
+      this.options.onComplete?.({
+        entryId: this.livenessEntryId || 0,
+        sessionId: this.sdk.sessionToken,
+        status: "processing",
+        submittedAt: (/* @__PURE__ */ new Date()).toISOString(),
+        verificationResult: this.verificationResult || void 0
+      });
+      const iconWrap = document.createElement("div");
+      iconWrap.style.cssText = `width:80px;height:80px;border-radius:50%;background:${this.theme.successBg};border:3px solid ${this.theme.success};display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:${this.theme.success};animation:sc-pop 0.4s ease;`;
+      iconWrap.textContent = "\xE2\u0153\u201C";
+      container.appendChild(iconWrap);
+      const title = document.createElement("h2");
+      title.style.cssText = `color:${this.theme.text};font-size:22px;font-weight:700;margin:0;`;
+      title.textContent = "You're all done!";
+      container.appendChild(title);
+      const brandName = this.sdkConfig?.brand_name || "the service";
+      const desc = document.createElement("p");
+      desc.style.cssText = `color:${this.theme.textSecondary};font-size:14px;line-height:1.6;margin:0;max-width:300px;`;
+      desc.textContent = `Your verification is complete. ${brandName} will review and be in touch shortly.`;
+      container.appendChild(desc);
+      const info = document.createElement("div");
+      info.style.cssText = `color:${this.theme.textMuted};font-size:11px;display:flex;align-items:center;gap:4px;`;
+      info.textContent = "\xF0\u0178\u201D\u2019  Your data is encrypted and secure";
+      container.appendChild(info);
+      const doneBtn = this.createPrimaryButton("Close");
+      doneBtn.addEventListener("click", () => {
+        this.close();
+      });
+      container.appendChild(doneBtn);
+    }
+    // ── W14: Retry limit reached ─────────────────────────────────────
+    _renderRetryLimitReached(container) {
+      container.style.cssText += "display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:24px 0;";
+      const icon = document.createElement("div");
+      icon.style.cssText = `width:72px;height:72px;border-radius:50%;background:${this.theme.errorBg};border:3px solid ${this.theme.error};display:flex;align-items:center;justify-content:center;font-size:28px;`;
+      icon.textContent = "\xE2\u0161\xA0\xEF\xB8\x8F";
+      container.appendChild(icon);
+      const t2 = document.createElement("h2");
+      t2.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
+      t2.textContent = "Unable to Complete Verification";
+      container.appendChild(t2);
+      const d2 = document.createElement("p");
+      d2.style.cssText = `color:${this.theme.textSecondary};font-size:13px;margin:0;max-width:280px;line-height:1.6;`;
+      d2.textContent = "We were unable to complete your verification at this time. Please contact support or try again later.";
+      container.appendChild(d2);
+      const closeBtn = this.createPrimaryButton("Close");
+      closeBtn.addEventListener("click", () => {
+        this.options.onError?.(new Error("Retry limit reached"));
+        this.close();
+      });
+      container.appendChild(closeBtn);
+    }
+    // ── W13: Camera pre-warm ─────────────────────────────────────────
+    _prewarmCamera() {
+      if (this._prewarmedStream || this.isDestroyed) return;
+      navigator.mediaDevices?.getUserMedia?.({ video: { facingMode: "user" } }).then((stream) => {
+        if (this.isDestroyed) {
+          stream.getTracks().forEach((t2) => t2.stop());
+          return;
+        }
+        this._prewarmedStream = stream;
+      }).catch(() => {
+      });
     }
     /**
      * Process document capture result with front/back support
      */
     async processDocumentCaptureResult(result, captureContainer, container) {
-      this.documentBlob = result.front;
-      this.documentBackBlob = result.back || null;
-      await this.processDocumentBlob(result.front, captureContainer, container);
-      if (result.back) {
-        console.log("Back image captured, size:", result.back.size);
-      }
+      this.documentBlob = await _compressImage(result.front, 1600, 0.85);
+      this.documentBackBlob = result.back ? await _compressImage(result.back, 1600, 0.85) : null;
+      await this.processDocumentBlob(this.documentBlob, captureContainer, container);
     }
     /**
      * Process document blob - common method for both CameraView and DocumentCapture
@@ -7618,7 +7990,7 @@ var SmartComplySDK = (() => {
       <div style="display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;">
         <div style="position:relative;width:52px;height:52px;">
           <div style="position:absolute;inset:0;border-radius:50%;border:3px solid ${this.theme.border};border-top-color:${this.theme.primary};animation:sc-spin 0.8s linear infinite;"></div>
-          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;">\u{1F50D}</div>
+          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;">\xF0\u0178\u201D\x8D</div>
         </div>
         <div style="color:${this.theme.text};font-size:14px;font-weight:600;">Scanning document...</div>
         <div style="color:${this.theme.textSecondary};font-size:12px;text-align:center;max-width:200px;line-height:1.5;">Running OCR and verifying your identity</div>
@@ -7665,7 +8037,7 @@ var SmartComplySDK = (() => {
             }
           }
           this.livenessEntryId = createResult.id;
-          this.showStep("liveness");
+          this.showStep("ocr_gate");
         } catch (err) {
           console.error("Document processing failed:", err);
           if (retryCount < maxRetries) {
@@ -7676,7 +8048,7 @@ var SmartComplySDK = (() => {
               <div style="display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 20px;text-align:center;">
                 <div style="position:relative;width:52px;height:52px;">
                   <div style="position:absolute;inset:0;border-radius:50%;border:3px solid ${this.theme.border};border-top-color:${this.theme.primary};animation:sc-spin 0.8s linear infinite;"></div>
-                  <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;">\u{1F504}</div>
+                  <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;">\xF0\u0178\u201D\u201E</div>
                 </div>
                 <div style="color:${this.theme.text};font-size:14px;font-weight:600;">Retrying...</div>
                 <div style="color:${this.theme.textSecondary};font-size:12px;max-width:240px;line-height:1.5;">Attempt ${retryCount} of ${maxRetries}</div>
@@ -7717,7 +8089,7 @@ var SmartComplySDK = (() => {
         wrap.setAttribute("role", "alert");
         const icon = document.createElement("div");
         icon.style.cssText = `width:56px;height:56px;border-radius:50%;background:${this.theme.errorBg};border:3px solid ${this.theme.error};display:flex;align-items:center;justify-content:center;font-size:26px;`;
-        icon.textContent = "\u{1F50D}";
+        icon.textContent = "\xF0\u0178\u201D\x8D";
         wrap.appendChild(icon);
         const titleEl = document.createElement("div");
         titleEl.style.cssText = `color:${this.theme.text};font-size:14px;font-weight:700;`;
@@ -7741,9 +8113,13 @@ var SmartComplySDK = (() => {
         this.showErrorStep(userMessage);
       }
     }
-    // ── Liveness ────────────────────────────────────────────────────
+    // ── Liveness ────────────────────────────────────────────────────
     renderLiveness(container) {
       container.style.cssText += "display:flex;flex-direction:column;gap:14px;";
+      if (this._livenessFailures >= _SmartComplyFlow.MAX_RETRIES) {
+        this._renderRetryLimitReached(container);
+        return;
+      }
       const title = this.createStepTitle("Face verification");
       container.appendChild(title);
       const desc = document.createElement("div");
@@ -7753,7 +8129,9 @@ var SmartComplySDK = (() => {
       const livenessContainer = document.createElement("div");
       livenessContainer.style.cssText = "margin:8px 0;width:100%;";
       container.appendChild(livenessContainer);
-      const identifier = this.idNumber || Object.values(this.collectedFields)[0] || this.selectedIdType || `DOC-${Date.now()}`;
+      const isDataVerification = !!this.identityCheckId;
+      const identifier = isDataVerification ? `SES-${Date.now()}` : this.idNumber || Object.values(this.collectedFields)[0] || this.selectedIdType || `DOC-${Date.now()}`;
+      const identifierType = isDataVerification ? "session" : this.selectedIdType;
       const COUNTRY_CODES = {
         nigeria: "NG",
         ghana: "GH",
@@ -7768,252 +8146,33 @@ var SmartComplySDK = (() => {
         livenessContainer,
         {
           identifier,
-          identifier_type: this.selectedIdType,
+          identifier_type: identifierType,
           country,
           document: this.documentBlob || void 0,
           document_back: this.documentBackBlob || void 0,
           identity_check: this.identityCheckId || void 0,
-          // Tell the module which flow we're in so it can skip video for data verification
-          verification_type: this.identityCheckId ? "data_verification" : this.documentBlob ? "document_verification" : "liveness_only"
+          verification_type: this.identityCheckId ? "data_verification" : this.documentBlob ? "document_verification" : "liveness_only",
+          // B4: pass pre-warmed stream so camera.open() is skipped
+          prewarmedStream: this._prewarmedStream || void 0
         },
         ["BLINK", "TURN_HEAD", "OPEN_MOUTH"],
         this.livenessEntryId || void 0
       ).then((result) => {
-        const isAsync = !!(this.documentBlob || this.identityCheckId);
-        if (isAsync && result.id) {
+        if (result.status === "failed") {
+          this._livenessFailures++;
+        }
+        if (result.id) {
           this.livenessEntryId = result.id;
-          this.showStep("processing");
-        } else {
-          this.showResult(result);
         }
+        this.showStep("done");
       }).catch((err) => {
+        this._livenessFailures++;
         this.showErrorStep(err.message || "Liveness verification failed. Please try again.");
       });
     }
-    // ── Result ──────────────────────────────────────────────────────
-    showResult(submitResult) {
-      this.currentStep = "result";
-      this.updateProgress();
-      if (!this.contentArea) return;
-      this.contentArea.innerHTML = "";
-      const wrapper = document.createElement("div");
-      wrapper.setAttribute("role", "region");
-      wrapper.setAttribute("aria-label", "Verification result");
-      wrapper.style.cssText = `
-      display:flex;flex-direction:column;align-items:center;
-      text-align:center;gap:16px;padding:20px 0;
-      opacity:0;transform:scale(0.95);transition:all 0.4s ease;
-    `;
-      const iconWrap = document.createElement("div");
-      iconWrap.style.cssText = `
-      width:80px;height:80px;border-radius:50%;
-      display:flex;align-items:center;justify-content:center;
-      font-size:36px;
-      background:${this.theme.cardBg};
-      border:3px solid ${this.theme.border};
-      transition:all 0.4s ease;
-    `;
-      iconWrap.innerHTML = `<div style="width:32px;height:32px;border-radius:50%;border:3px solid ${this.theme.border};border-top-color:${this.theme.primary};animation:sc-spin 0.9s linear infinite;"></div>`;
-      wrapper.appendChild(iconWrap);
-      const title = document.createElement("h2");
-      title.setAttribute("aria-live", "polite");
-      title.style.cssText = `color:${this.theme.text};font-size:20px;font-weight:700;margin:0;`;
-      title.textContent = "Checking your identity\u2026";
-      wrapper.appendChild(title);
-      const desc = document.createElement("p");
-      desc.setAttribute("aria-live", "polite");
-      desc.style.cssText = `color:${this.theme.textSecondary};font-size:14px;line-height:1.6;margin:0;max-width:300px;`;
-      desc.textContent = "This usually takes a few seconds. Please wait.";
-      wrapper.appendChild(desc);
-      const resultCard = document.createElement("div");
-      resultCard.style.cssText = `
-      width:100%;padding:16px;border-radius:12px;
-      background:${this.theme.cardBg};border:1px solid ${this.theme.border};
-      text-align:left;display:flex;flex-direction:column;gap:10px;
-      transition:border-color 0.3s ease;
-    `;
-      const statusBadge = document.createElement("span");
-      statusBadge.setAttribute("role", "status");
-      statusBadge.setAttribute("aria-live", "polite");
-      statusBadge.setAttribute("aria-atomic", "true");
-      statusBadge.style.cssText = `font-size:12px;font-weight:600;color:${this.theme.warning};`;
-      statusBadge.textContent = "Processing\u2026";
-      const statusRow = document.createElement("div");
-      statusRow.style.cssText = "display:flex;justify-content:space-between;align-items:center;";
-      statusRow.innerHTML = `<span style="color:${this.theme.textMuted};font-size:12px;font-weight:500;">Status</span>`;
-      statusRow.appendChild(statusBadge);
-      resultCard.appendChild(statusRow);
-      const nameRow = document.createElement("div");
-      nameRow.style.cssText = "display:none;justify-content:space-between;align-items:center;";
-      nameRow.innerHTML = `<span style="color:${this.theme.textMuted};font-size:12px;font-weight:500;">Name</span><span id="sc-result-name" style="color:${this.theme.text};font-size:12px;font-weight:600;text-align:right;max-width:60%;"></span>`;
-      resultCard.appendChild(nameRow);
-      const docTypeRow = document.createElement("div");
-      docTypeRow.style.cssText = "display:none;justify-content:space-between;align-items:center;";
-      docTypeRow.innerHTML = `<span style="color:${this.theme.textMuted};font-size:12px;font-weight:500;">ID Type</span><span id="sc-result-doctype" style="color:${this.theme.text};font-size:12px;font-weight:600;"></span>`;
-      resultCard.appendChild(docTypeRow);
-      wrapper.appendChild(resultCard);
-      const failureMsg = document.createElement("div");
-      failureMsg.setAttribute("role", "alert");
-      failureMsg.style.cssText = `
-      display:none;width:100%;padding:12px 14px;border-radius:10px;
-      background:${this.theme.errorBg};border:1px solid ${this.theme.error};
-      color:${this.theme.error};font-size:13px;text-align:left;line-height:1.6;
-    `;
-      wrapper.appendChild(failureMsg);
-      const btnRow = document.createElement("div");
-      btnRow.style.cssText = "display:flex;flex-direction:column;gap:8px;width:100%;";
-      const doneBtn = this.createPrimaryButton("Done");
-      doneBtn.setAttribute("aria-label", "Close verification and continue");
-      let finalStatus = submitResult.status;
-      doneBtn.addEventListener("click", () => {
-        if (this._pollStatusTimer) {
-          clearTimeout(this._pollStatusTimer);
-          this._pollStatusTimer = null;
-        }
-        this.options.onComplete?.({
-          entryId: submitResult.id,
-          sessionId: this.sdk.sessionToken,
-          status: finalStatus,
-          submittedAt: submitResult.submitted_at,
-          verificationResult: this.verificationResult || void 0
-        });
-        this.close();
-      });
-      btnRow.appendChild(doneBtn);
-      const retryBtn = this.createSecondaryButton("Try Again");
-      retryBtn.setAttribute("aria-label", "Start verification again");
-      retryBtn.style.display = "none";
-      retryBtn.addEventListener("click", () => {
-        if (this._pollStatusTimer) {
-          clearTimeout(this._pollStatusTimer);
-          this._pollStatusTimer = null;
-        }
-        this.initialize();
-      });
-      btnRow.appendChild(retryBtn);
-      wrapper.appendChild(btnRow);
-      this.contentArea.appendChild(wrapper);
-      requestAnimationFrame(() => {
-        wrapper.style.opacity = "1";
-        wrapper.style.transform = "scale(1)";
-      });
-      this._startStatusPolling(
-        submitResult.id,
-        iconWrap,
-        statusBadge,
-        title,
-        desc,
-        resultCard,
-        nameRow,
-        docTypeRow,
-        failureMsg,
-        retryBtn,
-        (resolved) => {
-          finalStatus = resolved;
-        }
-      );
-    }
-    _startStatusPolling(entryId, iconWrap, statusBadge, title, desc, resultCard, nameRow, docTypeRow, failureMsg, retryBtn, onResolved) {
-      const MAX_POLLS = 25;
-      let polls = 0;
-      let uiTimeoutId = setTimeout(() => {
-        if (!this.isDestroyed) applyTimeout();
-      }, 3e4);
-      const clearUiTimeout = () => {
-        if (uiTimeoutId) {
-          clearTimeout(uiTimeoutId);
-          uiTimeoutId = null;
-        }
-      };
-      const applyTimeout = () => {
-        if (this._pollStatusTimer) {
-          clearTimeout(this._pollStatusTimer);
-          this._pollStatusTimer = null;
-        }
-        iconWrap.innerHTML = "\u23F3";
-        iconWrap.style.border = `3px solid ${this.theme.warning}`;
-        statusBadge.style.color = this.theme.textMuted;
-        statusBadge.textContent = "Still processing\u2026";
-        title.textContent = "Still verifying";
-        desc.textContent = "This is taking a little longer than usual. You can safely close this \u2014 your result will be available in your account.";
-      };
-      const applyPassed = (result) => {
-        clearUiTimeout();
-        iconWrap.innerHTML = "\u2713";
-        iconWrap.style.cssText += `background:${this.theme.successBg};border:3px solid ${this.theme.success};color:${this.theme.success};font-size:36px;font-weight:700;`;
-        resultCard.style.borderColor = this.theme.success;
-        statusBadge.style.color = this.theme.success;
-        statusBadge.textContent = "Verified \u2713";
-        title.textContent = "Identity Verified";
-        desc.textContent = "Your identity has been confirmed successfully.";
-        const profile = result?.customer_profile || result?.data || {};
-        const docResult = result?.document || {};
-        const ocr = docResult?.ocr_result || {};
-        const firstName = (profile?.first_name || ocr?.first_name || docResult?.first_name || "").trim();
-        const lastName = (profile?.last_name || profile?.surname || ocr?.last_name || ocr?.surname || docResult?.last_name || "").trim();
-        const fullName = [firstName, lastName].filter(Boolean).join(" ");
-        const nameEl = document.getElementById("sc-result-name");
-        if (fullName && nameEl) {
-          nameEl.textContent = fullName;
-          nameRow.style.display = "flex";
-        }
-        const rawDocType = docResult?.document_type || this.selectedIdType || result?.identifier_type || "";
-        const docTypeLabel = _formatDocType(rawDocType);
-        const docTypeEl = document.getElementById("sc-result-doctype");
-        if (docTypeLabel && docTypeEl) {
-          docTypeEl.textContent = docTypeLabel;
-          docTypeRow.style.display = "flex";
-        }
-      };
-      const applyFailed = (reason) => {
-        clearUiTimeout();
-        iconWrap.innerHTML = "\u2715";
-        iconWrap.style.cssText += `background:${this.theme.errorBg};border:3px solid ${this.theme.error};color:${this.theme.error};font-size:32px;`;
-        resultCard.style.borderColor = this.theme.error;
-        statusBadge.style.color = this.theme.error;
-        statusBadge.textContent = "Not verified";
-        title.textContent = "Verification Unsuccessful";
-        desc.textContent = "We were unable to confirm your identity this time.";
-        const safeReason = _sanitizeUserMessage(reason);
-        if (safeReason) {
-          failureMsg.textContent = safeReason;
-          failureMsg.style.display = "block";
-        }
-        retryBtn.style.display = "block";
-      };
-      const poll = async () => {
-        if (this.isDestroyed) return;
-        polls++;
-        try {
-          const result = await this.sdk.liveness.pollResult(entryId);
-          if (result.status === "passed") {
-            onResolved("passed");
-            applyPassed(result);
-            return;
-          }
-          if (result.status === "failed") {
-            onResolved("failed");
-            applyFailed(result.failure_reason || null);
-            return;
-          }
-          if (polls < MAX_POLLS && !this.isDestroyed) {
-            this._pollStatusTimer = setTimeout(poll, 3e3);
-          } else if (!this.isDestroyed) {
-            applyTimeout();
-          }
-        } catch {
-          if (polls < MAX_POLLS && !this.isDestroyed) {
-            this._pollStatusTimer = setTimeout(poll, 5e3);
-          } else if (!this.isDestroyed) {
-            applyTimeout();
-          }
-        }
-      };
-      this._pollStatusTimer = setTimeout(poll, 4e3);
-    }
     renderResult(_container) {
     }
-    // ── Error ───────────────────────────────────────────────────────
+    // ── Error ───────────────────────────────────────────────────────
     showErrorStep(message) {
       this.currentStep = "error";
       if (!this.contentArea) return;
@@ -8030,7 +8189,7 @@ 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 ? "\u{1F4F7}" : isNetworkErr ? "\u{1F4E1}" : isAuthErr ? "\u23F1" : isDocQuality ? "\u{1F50D}" : isExpiredDoc ? "\u{1F4C5}" : isFaceMatch ? "\u{1F933}" : "\u2715";
+      const errorIcon = isCameraErr ? "\xF0\u0178\u201C\xB7" : isNetworkErr ? "\xF0\u0178\u201C\xA1" : isAuthErr ? "\xE2\x8F\xB1" : isDocQuality ? "\xF0\u0178\u201D\x8D" : isExpiredDoc ? "\xF0\u0178\u201C\u2026" : isFaceMatch ? "\xF0\u0178\xA4\xB3" : "\xE2\u0153\u2022";
       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 iconWrap = document.createElement("div");
@@ -8066,9 +8225,9 @@ var SmartComplySDK = (() => {
       wrapper.appendChild(closeBtn);
       this.contentArea.appendChild(wrapper);
     }
-    // ─────────────────────────────────────────────────────────────────
+    // ─────────────────────────────────────────────────────────────────
     // UI Helpers
-    // ─────────────────────────────────────────────────────────────────
+    // ─────────────────────────────────────────────────────────────────
     createHeader() {
       const header = document.createElement("div");
       header.setAttribute("role", "banner");
@@ -8110,6 +8269,21 @@ var SmartComplySDK = (() => {
       this.brandLabel.textContent = this.sdkConfig?.brand_name || "SmartComply";
       leftArea.appendChild(this.brandLabel);
       header.appendChild(leftArea);
+      const stepIndicator = document.createElement("div");
+      stepIndicator.style.cssText = `
+      display:flex;align-items:center;gap:8px;flex-shrink:0;
+    `;
+      this.stageDots = document.createElement("div");
+      this.stageDots.style.cssText = `display:flex;align-items:center;gap:4px;`;
+      for (let i2 = 0; i2 < 2; i2++) {
+        const dot = document.createElement("span");
+        dot.style.cssText = `
+        width:6px;height:6px;border-radius:50%;
+        background:${this.theme.border};transition:background 0.2s ease;
+      `;
+        this.stageDots.appendChild(dot);
+      }
+      stepIndicator.appendChild(this.stageDots);
       this.stepLabel = document.createElement("div");
       this.stepLabel.setAttribute("aria-live", "polite");
       this.stepLabel.setAttribute("aria-atomic", "true");
@@ -8117,9 +8291,10 @@ var SmartComplySDK = (() => {
       font-size:12px;color:${this.theme.textMuted};
       font-variant-numeric:tabular-nums;flex-shrink:0;
     `;
-      header.appendChild(this.stepLabel);
+      stepIndicator.appendChild(this.stepLabel);
+      header.appendChild(stepIndicator);
       const closeBtn = document.createElement("button");
-      closeBtn.innerHTML = "\u2715";
+      closeBtn.innerHTML = "\xE2\u0153\u2022";
       closeBtn.setAttribute("aria-label", "Close identity verification");
       closeBtn.style.cssText = `
       width:32px;height:32px;border-radius:8px;flex-shrink:0;
@@ -8200,7 +8375,7 @@ var SmartComplySDK = (() => {
       }
       const arrow = document.createElement("span");
       arrow.style.cssText = `color:${this.theme.textMuted};font-size:18px;flex-shrink:0;`;
-      arrow.textContent = "\u2192";
+      arrow.textContent = "\xE2\u2020\u2019";
       card.appendChild(textWrap);
       card.appendChild(arrow);
       return card;
@@ -8259,33 +8434,51 @@ var SmartComplySDK = (() => {
       const isDocFlow = this.isDocumentFlow();
       const countries = Object.keys(this.sdkConfig?.channels || {});
       const singleCountry = countries.length <= 1;
-      const actionSteps = ["country", "id_type", isDocFlow ? "document_capture" : "id_input", "liveness"].filter((s2) => !(s2 === "country" && singleCountry));
-      const totalSteps = actionSteps.length;
-      const actionIndex = actionSteps.indexOf(this.currentStep);
-      const pct = this.currentStep === "result" ? 100 : actionIndex >= 0 ? (actionIndex + 1) / totalSteps * 100 : 0;
+      const stage1Steps = isDocFlow ? ["country", "id_type", "document_capture", "ocr_gate", "document_confirm"].filter((s2) => !(s2 === "country" && singleCountry)) : ["country", "id_type", "id_input", "confirm_identity"].filter((s2) => !(s2 === "country" && singleCountry));
+      const stage2Steps = ["liveness"];
+      const allActionSteps = [...stage1Steps, ...stage2Steps];
+      const totalSteps = allActionSteps.length;
+      const actionIndex = allActionSteps.indexOf(this.currentStep);
+      const pct = this.currentStep === "done" || this.currentStep === "result" ? 100 : actionIndex >= 0 ? (actionIndex + 1) / totalSteps * 100 : 0;
       if (this.progressBar) {
         this.progressBar.style.width = `${pct}%`;
       }
       if (this.stepLabel) {
         if (this.currentStep === "loading" || this.currentStep === "welcome") {
           this.stepLabel.textContent = "";
-        } else if (this.currentStep === "result") {
-          this.stepLabel.textContent = "Complete \u2713";
-        } else if (actionIndex >= 0) {
-          this.stepLabel.textContent = `Step ${actionIndex + 1} of ${totalSteps}`;
+        } else if (this.currentStep === "done" || this.currentStep === "result") {
+          this.stepLabel.textContent = "Complete \xE2\u0153\u201C";
+        } else if (stage2Steps.includes(this.currentStep)) {
+          this.stepLabel.textContent = "Stage 2 of 2: Face Check";
+        } else if (stage1Steps.includes(this.currentStep)) {
+          this.stepLabel.textContent = isDocFlow ? "Stage 1 of 2: Scan Document" : "Stage 1 of 2: Verify Identity";
         } else {
           this.stepLabel.textContent = "";
         }
       }
+      if (this.stageDots) {
+        const dots = Array.from(this.stageDots.children);
+        const inStage1 = stage1Steps.includes(this.currentStep);
+        const inStage2 = stage2Steps.includes(this.currentStep);
+        const isComplete = this.currentStep === "done" || this.currentStep === "result";
+        const stage1Active = inStage1 || inStage2 || isComplete;
+        const stage2Active = inStage2 || isComplete;
+        if (dots[0]) dots[0].style.background = stage1Active ? this.theme.primary : this.theme.border;
+        if (dots[1]) dots[1].style.background = stage2Active ? this.theme.primary : this.theme.border;
+      }
       if (this.headerBackBtn) {
-        const countries2 = Object.keys(this.sdkConfig?.channels || {});
         const backTargets = {
-          id_type: () => this.showStep(countries2.length > 1 ? "country" : "welcome"),
+          id_type: () => this.showStep(countries.length > 1 ? "country" : "welcome"),
           country: () => this.showStep("welcome"),
           id_input: () => this.showStep("id_type"),
+          confirm_identity: () => this.showStep("id_input"),
           document_capture: () => {
             this.docCapture?.destroy();
             this.showStep("id_type");
+          },
+          document_confirm: () => {
+            this.docCapture?.destroy();
+            this.showStep("document_capture");
           }
         };
         const backAction = backTargets[this.currentStep];
@@ -8352,6 +8545,8 @@ var SmartComplySDK = (() => {
       document.head.appendChild(style2);
     }
   };
+  _SmartComplyFlow.MAX_RETRIES = 3;
+  var SmartComplyFlow = _SmartComplyFlow;
 
   // src/utils/logger.ts
   var PREFIX = "[SmartComply SDK]";