smartcomply-web-sdk 1.0.49 → 1.0.50

package/dist/smartcomply.browser.js

@@ -3635,7 +3635,7 @@ var SmartComplySDK = (() => {
         Pn(s2, 1, (i2.left + i2.right) / 2), Pn(s2, 2, (i2.top + i2.bottom) / 2), Pn(s2, 4, i2.right - i2.left), Pn(s2, 3, i2.bottom - i2.top);
       } else Pn(s2, 1, 0.5), Pn(s2, 2, 0.5), Pn(s2, 4, 1), Pn(s2, 3, 1);
       if (n2?.rotationDegrees) {
-        if (n2?.rotationDegrees % 90 != 0) throw Error("Expected rotation to be a multiple of 90\xB0.");
+        if (n2?.rotationDegrees % 90 != 0) throw Error("Expected rotation to be a multiple of 90°.");
         if (Pn(s2, 5, -Math.PI * n2.rotationDegrees / 180), n2?.rotationDegrees % 180 != 0) {
           const [t3, r3] = sa(e2);
           n2 = Fn(s2, 3) * r3 / t3, i2 = Fn(s2, 4) * t3 / r3, Pn(s2, 4, n2), Pn(s2, 3, i2);
@@ -4564,22 +4564,22 @@ var SmartComplySDK = (() => {
 
   // src/modules/liveness/LivenessUI.ts
   var ICONS = {
-    BLINK: "\u{1F441}",
-    TURN_LEFT: "\u2194",
-    TURN_RIGHT: "\u2194",
-    TURN_HEAD: "\u2194",
-    OPEN_MOUTH: "\u{1F62E}"
+    BLINK: "👁",
+    TURN_LEFT: "↔",
+    TURN_RIGHT: "↔",
+    TURN_HEAD: "↔",
+    OPEN_MOUTH: "😮"
   };
   var ACTION_CUES = {
-    BLINK: `<div style="font-size:52px;line-height:1;animation:sc-blink 1.2s ease-in-out infinite;">\u{1F441}\uFE0F</div>
+    BLINK: `<div style="font-size:52px;line-height:1;animation:sc-blink 1.2s ease-in-out infinite;">👁️</div>
           <div style="font-size:12px;font-weight:600;color:#fff;margin-top:6px;letter-spacing:0.5px;">BLINK YOUR EYES</div>`,
-    TURN_LEFT: `<div style="font-size:52px;line-height:1;animation:sc-turn-head 1.4s ease-in-out infinite;">\u2194\uFE0F</div>
+    TURN_LEFT: `<div style="font-size:52px;line-height:1;animation:sc-turn-head 1.4s ease-in-out infinite;">↔️</div>
               <div style="font-size:12px;font-weight:600;color:#fff;margin-top:6px;letter-spacing:0.5px;">TURN HEAD SIDEWAYS</div>`,
-    TURN_RIGHT: `<div style="font-size:52px;line-height:1;animation:sc-turn-head 1.4s ease-in-out infinite;">\u2194\uFE0F</div>
+    TURN_RIGHT: `<div style="font-size:52px;line-height:1;animation:sc-turn-head 1.4s ease-in-out infinite;">↔️</div>
                <div style="font-size:12px;font-weight:600;color:#fff;margin-top:6px;letter-spacing:0.5px;">TURN HEAD SIDEWAYS</div>`,
-    TURN_HEAD: `<div style="font-size:52px;line-height:1;animation:sc-turn-head 1.4s ease-in-out infinite;">\u2194\uFE0F</div>
+    TURN_HEAD: `<div style="font-size:52px;line-height:1;animation:sc-turn-head 1.4s ease-in-out infinite;">↔️</div>
               <div style="font-size:12px;font-weight:600;color:#fff;margin-top:6px;letter-spacing:0.5px;">TURN HEAD SIDE TO SIDE</div>`,
-    OPEN_MOUTH: `<div style="font-size:52px;line-height:1;animation:sc-mouth 1.2s ease-in-out infinite;">\u{1F62E}</div>
+    OPEN_MOUTH: `<div style="font-size:52px;line-height:1;animation:sc-mouth 1.2s ease-in-out infinite;">😮</div>
                <div style="font-size:12px;font-weight:600;color:#fff;margin-top:6px;letter-spacing:0.5px;">OPEN YOUR MOUTH</div>`
   };
   function injectLivenessKeyframes() {
@@ -4818,7 +4818,7 @@ var SmartComplySDK = (() => {
           if (num) {
             num.style.background = "#22c55e";
             num.style.borderColor = "#22c55e";
-            num.textContent = "\u2713";
+            num.textContent = "✓";
           }
         } else if (state.active) {
           step.style.opacity = "1";
@@ -4886,10 +4886,10 @@ var SmartComplySDK = (() => {
           <div style="width:72px;height:72px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:32px;
             background:${ok ? "rgba(34,197,94,0.2)" : "rgba(239,68,68,0.2)"};
             border:3px solid ${ok ? "#22c55e" : "#ef4444"};">
-            ${ok ? "\u2713" : "\u2715"}
+            ${ok ? "✓" : "✕"}
           </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 style="font-size:12px;opacity:0.6;line-height:1.6;">${ok ? "Hold on while we wrap up…" : "Something went wrong. Please try again."}</div>
         </div>`;
         setTimeout(resolve, 1800);
       });
@@ -4905,7 +4905,7 @@ var SmartComplySDK = (() => {
         this.overlayEl.style.display = "flex";
         this.overlayEl.innerHTML = `
         <div style="text-align:center;color:#fff;animation:sc-pop-in 0.35s ease;padding:24px;">
-          <div style="width:72px;height:72px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:32px;background:rgba(251,191,36,0.15);border:3px solid #fbbf24;">\u23F1</div>
+          <div style="width:72px;height:72px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:32px;background:rgba(251,191,36,0.15);border:3px solid #fbbf24;">⏱</div>
           <div style="font-size:17px;font-weight:700;margin-bottom:8px;">Time's Up</div>
           <div style="font-size:12px;opacity:0.6;margin-bottom:18px;">You ran out of time. Please try again.</div>
           <button id="sc-retry-btn" style="padding:11px 28px;border-radius:10px;background:#3b82f6;color:#fff;border:none;cursor:pointer;font-size:14px;font-weight:600;width:100%;max-width:180px;">Try Again</button>
@@ -4944,7 +4944,7 @@ var SmartComplySDK = (() => {
         header.innerHTML = `<div style="color:#fff;font-size:16px;font-weight:700;margin-bottom:6px;">Scan Your ID Document</div><div style="color:rgba(255,255,255,0.6);font-size:12px;line-height:1.6;">Fit your document inside the frame.<br>Make sure all text and corners are visible.</div>`;
         const bottomPanel = document.createElement("div");
         bottomPanel.style.cssText = "position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,0.92) 0%,rgba(0,0,0,0.6) 70%,transparent 100%);padding:16px;";
-        bottomPanel.innerHTML = `<div style="font-size:11px;color:rgba(255,255,255,0.4);text-align:center;margin-bottom:12px;">\u{1F4A1} Good lighting \xB7 No glare \xB7 All 4 corners visible</div><button id="sc-capture-doc-btn" style="width:100%;padding:12px;border-radius:12px;background:#3b82f6;color:#fff;border:none;cursor:pointer;font-size:15px;font-weight:700;margin-bottom:8px;">Capture Document</button><label style="width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:12px;border:1.5px solid rgba(255,255,255,0.18);cursor:pointer;color:rgba(255,255,255,0.6);font-size:13px;font-weight:500;"><span>\u{1F4C1}</span><span>Upload from gallery instead</span><input id="sc-upload-doc-input" type="file" accept="image/*" style="display:none;" /></label>`;
+        bottomPanel.innerHTML = `<div style="font-size:11px;color:rgba(255,255,255,0.4);text-align:center;margin-bottom:12px;">💡 Good lighting · No glare · All 4 corners visible</div><button id="sc-capture-doc-btn" style="width:100%;padding:12px;border-radius:12px;background:#3b82f6;color:#fff;border:none;cursor:pointer;font-size:15px;font-weight:700;margin-bottom:8px;">Capture Document</button><label style="width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:12px;border:1.5px solid rgba(255,255,255,0.18);cursor:pointer;color:rgba(255,255,255,0.6);font-size:13px;font-weight:500;"><span>📁</span><span>Upload from gallery instead</span><input id="sc-upload-doc-input" type="file" accept="image/*" style="display:none;" /></label>`;
         docRoot.appendChild(docVideo);
         docRoot.appendChild(guideOverlay);
         docRoot.appendChild(header);
@@ -5357,7 +5357,7 @@ var SmartComplySDK = (() => {
                     ui2.updateInstruction(getLabel(current));
                   }
                 } else {
-                  ui2.updateInstruction("All actions completed! \u2713");
+                  ui2.updateInstruction("All actions completed! ✓");
                 }
                 if (actionDetector.allCompleted()) {
                   clearTimeout(timeout);
@@ -5389,7 +5389,7 @@ var SmartComplySDK = (() => {
             });
           });
         }
-        ui2.updateInstruction("Almost done \u2014 hold still...");
+        ui2.updateInstruction("Almost done — hold still...");
         await new Promise((r2) => setTimeout(r2, 800));
         const autoshotBlob = await this.captureFrame(videoEl);
         if (!autoshotBlob || autoshotBlob.size === 0) {
@@ -5908,7 +5908,7 @@ var SmartComplySDK = (() => {
       const docLabel = this.getDocumentLabel(documentType);
       const requiresBack = this.shouldCaptureBackSide(documentType);
       const isCapturingFront = this.currentSide === "front";
-      const sideLabel = requiresBack ? isCapturingFront ? " \u2014 Front side" : " \u2014 Back side" : "";
+      const sideLabel = requiresBack ? isCapturingFront ? " — Front side" : " — Back side" : "";
       const headerRow = document.createElement("div");
       headerRow.style.cssText = `
       display:flex;align-items:center;gap:14px;
@@ -5929,7 +5929,7 @@ var SmartComplySDK = (() => {
       titleEl.textContent = `Capture your ${docLabel}`;
       const subEl = document.createElement("div");
       subEl.style.cssText = `color:${theme.textSecondary};font-size:12px;margin-top:2px;`;
-      subEl.textContent = requiresBack ? isCapturingFront ? "Step 1 of 2 \u2014 front side" : "Step 2 of 2 \u2014 back side" : "Choose how to provide your document";
+      subEl.textContent = requiresBack ? isCapturingFront ? "Step 1 of 2 — front side" : "Step 2 of 2 — back side" : "Choose how to provide your document";
       titleBlock.appendChild(titleEl);
       titleBlock.appendChild(subEl);
       headerRow.appendChild(iconBox);
@@ -5950,7 +5950,7 @@ var SmartComplySDK = (() => {
       transition:all 0.15s ease;min-height:80px;
       box-shadow:0 4px 14px ${theme.primary}30;
     `;
-      cameraBtn.innerHTML = `<span style="font-size:26px;">\u{1F4F7}</span><span>Take Photo</span><span style="font-size:10px;opacity:0.8;font-weight:500;">Use camera</span>`;
+      cameraBtn.innerHTML = `<span style="font-size:26px;">📷</span><span>Take Photo</span><span style="font-size:10px;opacity:0.8;font-weight:500;">Use camera</span>`;
       cameraBtn.addEventListener("mouseenter", () => {
         cameraBtn.style.opacity = "0.9";
         cameraBtn.style.transform = "translateY(-1px)";
@@ -5972,7 +5972,7 @@ var SmartComplySDK = (() => {
       font-size:13px;font-weight:600;font-family:inherit;
       transition:all 0.15s ease;min-height:80px;
     `;
-      uploadBtn.innerHTML = `<span style="font-size:26px;">\u{1F5BC}\uFE0F</span><span>From Gallery</span><span style="font-size:10px;color:${theme.textMuted || theme.textSecondary};font-weight:500;">Upload file</span>`;
+      uploadBtn.innerHTML = `<span style="font-size:26px;">🖼️</span><span>From Gallery</span><span style="font-size:10px;color:${theme.textMuted || theme.textSecondary};font-weight:500;">Upload file</span>`;
       uploadBtn.addEventListener("mouseenter", () => {
         uploadBtn.style.borderColor = theme.primary;
         uploadBtn.style.transform = "translateY(-1px)";
@@ -6006,7 +6006,7 @@ var SmartComplySDK = (() => {
       tipItems.forEach((t2) => {
         const row = document.createElement("div");
         row.style.cssText = `display:flex;align-items:center;gap:5px;font-size:11px;color:${theme.textSecondary};`;
-        row.innerHTML = `<span style="color:${theme.primary};font-weight:700;flex-shrink:0;">\u2713</span><span>${t2}</span>`;
+        row.innerHTML = `<span style="color:${theme.primary};font-weight:700;flex-shrink:0;">✓</span><span>${t2}</span>`;
         tipsGrid.appendChild(row);
       });
       tips.appendChild(tipsGrid);
@@ -6020,7 +6020,7 @@ var SmartComplySDK = (() => {
         display:flex;align-items:center;gap:8px;
         font-size:12px;color:${theme.textSecondary};line-height:1.5;
       `;
-        notice.innerHTML = `<span style="font-size:16px;flex-shrink:0;">\u2139\uFE0F</span><span>You'll capture both the <strong style="color:${theme.text}">front</strong> and <strong style="color:${theme.text}">back</strong> of this document.</span>`;
+        notice.innerHTML = `<span style="font-size:16px;flex-shrink:0;">ℹ️</span><span>You'll capture both the <strong style="color:${theme.text}">front</strong> and <strong style="color:${theme.text}">back</strong> of this document.</span>`;
         this.root.appendChild(notice);
       }
       const fileInput = document.createElement("input");
@@ -6046,10 +6046,10 @@ var SmartComplySDK = (() => {
     /** Returns an appropriate emoji icon for the document type. */
     _docIcon(documentType) {
       const t2 = documentType.toLowerCase();
-      if (t2.includes("passport")) return "\u{1F4D8}";
-      if (t2.includes("driver") || t2.includes("licen")) return "\u{1F697}";
-      if (t2.includes("voter") || t2.includes("pvc")) return "\u{1F5F3}\uFE0F";
-      return "\u{1FAAA}";
+      if (t2.includes("passport")) return "📘";
+      if (t2.includes("driver") || t2.includes("licen")) return "🚗";
+      if (t2.includes("voter") || t2.includes("pvc")) return "🗳️";
+      return "🪪";
     }
     renderCameraView(container, theme, documentType) {
       const wrapper = document.createElement("div");
@@ -6259,12 +6259,12 @@ var SmartComplySDK = (() => {
       `;
         const issueLine = document.createElement("div");
         issueLine.style.cssText = "font-weight:700;color:#b8860b;";
-        issueLine.textContent = `\u26A0\uFE0F ${quality.message}`;
+        issueLine.textContent = `⚠️ ${quality.message}`;
         warn.appendChild(issueLine);
         if (quality.recommendations.length > 0) {
           const rec = document.createElement("div");
           rec.style.cssText = "margin-top:4px;color:" + theme.textSecondary + ";";
-          rec.textContent = quality.recommendations.join(" \xB7 ");
+          rec.textContent = quality.recommendations.join(" · ");
           warn.appendChild(rec);
         }
         this.root.appendChild(warn);
@@ -6280,7 +6280,7 @@ var SmartComplySDK = (() => {
         this.root.innerHTML = "";
         this.renderChoiceScreen(container, theme, documentType);
       });
-      const useBtn = this.createButton(qualityIsPoor ? "Use Anyway \u26A0" : "Use Photo \u2713", theme, !qualityIsPoor);
+      const useBtn = this.createButton(qualityIsPoor ? "Use Anyway ⚠" : "Use Photo ✓", theme, !qualityIsPoor);
       useBtn.style.flex = "1";
       useBtn.addEventListener("click", () => {
         if (img._blobUrl) {
@@ -6426,7 +6426,7 @@ var SmartComplySDK = (() => {
       position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
       font-size:28px;animation:pulse 2s ease-in-out infinite;
     `;
-      centerIcon.textContent = "\u{1F4C4}";
+      centerIcon.textContent = "📄";
       spinnerContainer.appendChild(centerIcon);
       this.root.appendChild(spinnerContainer);
       const loadingText = document.createElement("div");
@@ -6461,7 +6461,7 @@ var SmartComplySDK = (() => {
       color:#ff4444;font-size:14px;margin-top:16px;animation:shake 0.5s ease-in-out;
     `;
       errorContainer.innerHTML = `
-      <span style="font-size:18px;">\u26A0\uFE0F</span>
+      <span style="font-size:18px;">⚠️</span>
       <span>${message}</span>
     `;
       if (!document.head.querySelector("style[data-shake-animation]")) {
@@ -6646,13 +6646,13 @@ var SmartComplySDK = (() => {
 
   // src/flow/SmartComplyFlow.ts
   var COUNTRY_LABELS = {
-    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"
+    nigeria: "🇳🇬  Nigeria",
+    global: "🌍  Other Countries",
+    ghana: "🇬🇭  Ghana",
+    kenya: "🇰🇪  Kenya",
+    south_africa: "🇿🇦  South Africa",
+    united_states: "🇺🇸  United States",
+    united_kingdom: "🇬🇧  United Kingdom"
   };
   function isUploadFieldType(type) {
     return type === "upload" || type === "image" || type === "file";
@@ -6666,37 +6666,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: "\xF0\u0178\x8F\xA6", desc: "Enter your 11-digit Bank Verification Number (BVN)", requiresBack: false };
+      return { icon: "🏦", desc: "Enter your 11-digit Bank Verification Number (BVN)", requiresBack: false };
     }
     if (u2.includes("NIN") || u2.includes("NATIONAL IDENTITY NUMBER")) {
-      return { icon: "\xF0\u0178\u2020\u201D", desc: "Enter your 11-digit National Identification Number (NIN)", requiresBack: false };
+      return { icon: "🆔", desc: "Enter your 11-digit National Identification Number (NIN)", requiresBack: false };
     }
     if (u2.includes("GHANA")) {
-      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 (isDocumentFlow) return { icon: "🪪", desc: "Capture or upload your Ghana Card", requiresBack: true };
+      return { icon: "🪪", desc: "Enter your Ghana Card number", requiresBack: false };
     }
     if (u2.includes("SSNIT"))
-      return { icon: "\xF0\u0178\x8F\u203A\xEF\xB8\x8F", desc: "Enter your SSNIT number", requiresBack: false };
+      return { icon: "🏛️", desc: "Enter your SSNIT number", requiresBack: false };
     if (u2.includes("KENYA") || u2.includes("NATIONAL") && u2.includes("KENYA"))
-      return { icon: "\xF0\u0178\u2020\u201D", desc: "Enter your Kenya National ID number", requiresBack: false };
+      return { icon: "🆔", desc: "Enter your Kenya National ID number", requiresBack: false };
     if (u2.includes("TIN") || u2.includes("TAX IDENTIFICATION"))
-      return { icon: "\xF0\u0178\xA7\xBE", desc: "Enter your Tax Identification Number (TIN)", requiresBack: false };
+      return { icon: "🧾", desc: "Enter your Tax Identification Number (TIN)", requiresBack: false };
     if (u2.includes("CAC") || u2.includes("CORPORATE AFFAIRS") || u2.includes("COMPANY"))
-      return { icon: "\xF0\u0178\x8F\xA2", desc: advanced ? "Enter RC number, company name & type" : "Enter your company registration number", requiresBack: false };
+      return { icon: "🏢", 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: "\xF0\u0178\u2014\xB3\xEF\xB8\x8F",
+        icon: "🗳️",
         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: "\xF0\u0178\u201C\u02DC", desc: isDocumentFlow ? "Capture or upload your passport" : "Enter your passport number", requiresBack: false };
+      return { icon: "📘", 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: "\xF0\u0178\u0161\u2014",
+        icon: "🚗",
         desc: isDocumentFlow ? `Capture or upload your driver's license${requiresBack ? " (front & back)" : ""}` : "Enter your driver's license number",
         requiresBack: isDocumentFlow ? requiresBack : false
       };
@@ -6704,15 +6704,15 @@ var SmartComplySDK = (() => {
     if (u2.includes("NATIONAL ID") || u2.includes("NATIONAL") && u2.includes("CARD")) {
       const requiresBack = requiresBackSide(typeName);
       return {
-        icon: "\xF0\u0178\xAA\xAA",
+        icon: "🪪",
         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: "\xF0\u0178\xA4\xB3", desc: "We'll capture a short selfie video to verify you", requiresBack: false };
+      return { icon: "🤳", desc: "We'll capture a short selfie video to verify you", requiresBack: false };
     return {
-      icon: isDocumentFlow ? "\xF0\u0178\u201C\u201E" : "\xF0\u0178\u2020\u201D",
+      icon: isDocumentFlow ? "📄" : "🆔",
       desc: isDocumentFlow ? "Capture or upload your document" : "Enter your ID number",
       requiresBack: false
     };
@@ -7124,7 +7124,7 @@ var SmartComplySDK = (() => {
       display:flex;align-items:center;justify-content:center;
       font-size:22px;
     `;
-      centre.textContent = "\u{1F6E1}\uFE0F";
+      centre.textContent = "🛡️";
       spinnerWrap.appendChild(ring);
       spinnerWrap.appendChild(centre);
       container.appendChild(spinnerWrap);
@@ -7151,7 +7151,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 ? "\xF0\u0178\xAA\xAA" : "\xF0\u0178\u203A\xA1\xEF\xB8\x8F";
+      iconWrap.textContent = isDocFlow ? "🪪" : "🛡️";
       topRow.appendChild(iconWrap);
       const badge = document.createElement("div");
       badge.style.cssText = `
@@ -7162,7 +7162,7 @@ var SmartComplySDK = (() => {
       color:${this.theme.primary};
       border:1px solid ${this.theme.primary}30;
     `;
-      badge.textContent = isDocFlow ? "\xF0\u0178\u201C\u201E  Document Verification" : "\xF0\u0178\u201D\x8D  Data Verification";
+      badge.textContent = isDocFlow ? "📄  Document Verification" : "🔍  Data Verification";
       topRow.appendChild(badge);
       container.appendChild(topRow);
       const titleWrap = document.createElement("div");
@@ -7184,13 +7184,13 @@ var SmartComplySDK = (() => {
       titleWrap.appendChild(desc);
       container.appendChild(titleWrap);
       const steps = isDocFlow ? [
-        { 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: "🪪", text: "Choose your document type", sub: "Passport, National ID, Driver License" },
+        { icon: "📷", text: "Scan your document", sub: "Upload or capture a photo of your ID" },
+        { icon: "🤳", 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" }
+        { icon: "🆔", text: "Choose your ID type", sub: "NIN, BVN, Voter's Card and more" },
+        { icon: "📝", text: "Enter your ID details", sub: "Exactly as shown on your ID" },
+        { icon: "🤳", text: "Face check", sub: "Quick selfie to confirm it's you" }
       ];
       const stepsWrap = document.createElement("div");
       stepsWrap.style.cssText = `
@@ -7230,7 +7230,7 @@ var SmartComplySDK = (() => {
         stepsWrap.appendChild(row);
       });
       container.appendChild(stepsWrap);
-      const btn = this.createPrimaryButton("Get Started \xE2\u2020\u2019");
+      const btn = this.createPrimaryButton("Get Started →");
       btn.style.cssText += "margin-top:2px;";
       btn.addEventListener("click", () => this.showStep("country"));
       container.appendChild(btn);
@@ -7239,7 +7239,7 @@ var SmartComplySDK = (() => {
       display:flex;align-items:center;gap:6px;
       color:${this.theme.textMuted};font-size:10.5px;
     `;
-      trust.textContent = "\xF0\u0178\u201D\u2019  End-to-end encrypted";
+      trust.textContent = "🔒  End-to-end encrypted";
       container.appendChild(trust);
     }
     // ── Country Select ──────────────────────────────────────────────
@@ -7292,7 +7292,7 @@ var SmartComplySDK = (() => {
         const requiresBack = requiresBackFromBackend ?? info.requiresBack;
         let subtitle2 = info.desc;
         if (requiresBack && isThisDocFlow) {
-          subtitle2 += " \xE2\u0161\xA0\xEF\xB8\x8F Both sides required";
+          subtitle2 += " ⚠️ 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(
@@ -7355,13 +7355,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\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" } }
+        { match: "PASSPORT", rule: { minLen: 6, maxLen: 20, alphanumeric: true, hint: "Passport number must be 6–20 alphanumeric characters" } },
+        { match: "DRIVER", rule: { minLen: 3, maxLen: 30, alphanumeric: true, hint: "Licence number must be 3–30 alphanumeric characters" } },
+        { match: "VOTER", rule: { minLen: 6, maxLen: 30, alphanumeric: true, hint: "Voter ID must be 6–30 alphanumeric characters" } },
+        { 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" } }
       ];
       function getFieldRule(label) {
         const upper = label.toUpperCase();
@@ -7647,7 +7647,7 @@ var SmartComplySDK = (() => {
       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";
+      iconWrap.textContent = "🛡️";
       container.appendChild(iconWrap);
       const title = document.createElement("h2");
       title.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
@@ -7684,7 +7684,7 @@ var SmartComplySDK = (() => {
         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");
+      const yesBtn = this.createPrimaryButton("Yes, that's me — continue");
       yesBtn.addEventListener("click", () => {
         this._confirmRetries = 0;
         this.showStep("liveness");
@@ -7711,7 +7711,7 @@ var SmartComplySDK = (() => {
       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";
+      iconWrap.textContent = "📄";
       container.appendChild(iconWrap);
       const title = document.createElement("h2");
       title.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
@@ -7734,7 +7734,7 @@ var SmartComplySDK = (() => {
       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.";
+        warn.textContent = "⚠️  Your document expires soon. Some services may not accept it, but you can still continue.";
         container.appendChild(warn);
       }
       const card = document.createElement("div");
@@ -7797,18 +7797,18 @@ var SmartComplySDK = (() => {
       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 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";
+      centre.textContent = "📄";
       spinnerWrap.appendChild(ring);
       spinnerWrap.appendChild(centre);
       container.appendChild(spinnerWrap);
       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";
+      statusEl.textContent = "Reading your document…";
       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.";
+      subEl.textContent = "This usually takes 5–15 seconds. Please wait.";
       container.appendChild(subEl);
       if (!this.livenessEntryId) {
         this.showErrorStep("Document upload failed. Please try again.");
@@ -7853,8 +7853,8 @@ var SmartComplySDK = (() => {
           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.";
+            statusEl.textContent = "Taking longer than usual…";
+            subEl.textContent = "We'll continue — you can confirm your details on the next screen.";
             this._ocrPollTimer = setTimeout(() => {
               if (!this.isDestroyed) this.showStep("document_confirm");
             }, 2e3);
@@ -7873,7 +7873,7 @@ var SmartComplySDK = (() => {
       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";
+      icon.textContent = "📅";
       container.appendChild(icon);
       const t2 = document.createElement("h2");
       t2.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
@@ -7902,7 +7902,7 @@ var SmartComplySDK = (() => {
       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";
+      icon.textContent = "🔍";
       container.appendChild(icon);
       const t2 = document.createElement("h2");
       t2.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
@@ -7935,7 +7935,7 @@ var SmartComplySDK = (() => {
       });
       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";
+      iconWrap.textContent = "✓";
       container.appendChild(iconWrap);
       const title = document.createElement("h2");
       title.style.cssText = `color:${this.theme.text};font-size:22px;font-weight:700;margin:0;`;
@@ -7948,7 +7948,7 @@ var SmartComplySDK = (() => {
       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";
+      info.textContent = "🔒  Your data is encrypted and secure";
       container.appendChild(info);
       const doneBtn = this.createPrimaryButton("Close");
       doneBtn.addEventListener("click", () => {
@@ -7961,7 +7961,7 @@ var SmartComplySDK = (() => {
       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";
+      icon.textContent = "⚠️";
       container.appendChild(icon);
       const t2 = document.createElement("h2");
       t2.style.cssText = `color:${this.theme.text};font-size:18px;font-weight:700;margin:0;`;
@@ -8017,7 +8017,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;">\xF0\u0178\u201D\x8D</div>
+          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;">🔍</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>
@@ -8075,7 +8075,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;">\xF0\u0178\u201D\u201E</div>
+                  <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;">🔄</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>
@@ -8116,7 +8116,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 = "\xF0\u0178\u201D\x8D";
+        icon.textContent = "🔍";
         wrap.appendChild(icon);
         const titleEl = document.createElement("div");
         titleEl.style.cssText = `color:${this.theme.text};font-size:14px;font-weight:700;`;
@@ -8216,7 +8216,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 ? "\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 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 iconWrap = document.createElement("div");
@@ -8321,7 +8321,7 @@ var SmartComplySDK = (() => {
       stepIndicator.appendChild(this.stepLabel);
       header.appendChild(stepIndicator);
       const closeBtn = document.createElement("button");
-      closeBtn.innerHTML = "\xE2\u0153\u2022";
+      closeBtn.innerHTML = "✕";
       closeBtn.setAttribute("aria-label", "Close identity verification");
       closeBtn.style.cssText = `
       width:32px;height:32px;border-radius:8px;flex-shrink:0;
@@ -8402,7 +8402,7 @@ var SmartComplySDK = (() => {
       }
       const arrow = document.createElement("span");
       arrow.style.cssText = `color:${this.theme.textMuted};font-size:18px;flex-shrink:0;`;
-      arrow.textContent = "\xE2\u2020\u2019";
+      arrow.textContent = "→";
       card.appendChild(textWrap);
       card.appendChild(arrow);
       return card;
@@ -8474,7 +8474,7 @@ var SmartComplySDK = (() => {
         if (this.currentStep === "loading" || this.currentStep === "welcome") {
           this.stepLabel.textContent = "";
         } else if (this.currentStep === "done" || this.currentStep === "result") {
-          this.stepLabel.textContent = "Complete \xE2\u0153\u201C";
+          this.stepLabel.textContent = "Complete ✓";
         } else if (stage2Steps.includes(this.currentStep)) {
           this.stepLabel.textContent = "Stage 2 of 2: Face Check";
         } else if (stage1Steps.includes(this.currentStep)) {
@@ -8588,20 +8588,20 @@ var SmartComplySDK = (() => {
     /** Emit an informational message (debug mode only). */
     info(message, ...args) {
       if (!isDebugEnabled()) return;
-      console.info(`${PREFIX} \u2139 ${message}`, ...args);
+      console.info(`${PREFIX} ℹ ${message}`, ...args);
     },
     /** Emit a warning (always visible). */
     warn(message, ...args) {
-      console.warn(`${PREFIX} \u26A0 ${message}`, ...args);
+      console.warn(`${PREFIX} ⚠ ${message}`, ...args);
     },
     /** Emit an error (always visible). */
     error(message, ...args) {
-      console.error(`${PREFIX} \u2716 ${message}`, ...args);
+      console.error(`${PREFIX} ✖ ${message}`, ...args);
     },
     /** Emit a debug trace (debug mode only — lowest priority). */
     debug(message, ...args) {
       if (!isDebugEnabled()) return;
-      console.debug(`${PREFIX} \u2B21 ${message}`, ...args);
+      console.debug(`${PREFIX} ⬡ ${message}`, ...args);
     },
     /** Log a timed group of related messages (debug mode only). */
     group(label, fn2) {
@@ -8759,7 +8759,7 @@ var SmartComplySDK = (() => {
           }
         };
         xhr.onerror = async () => {
-          SDKLogger.warn(`Upload to ${path} failed \u2014 network error`, { retriesLeft });
+          SDKLogger.warn(`Upload to ${path} failed — network error`, { retriesLeft });
           if (retriesLeft > 0) {
             await new Promise((r2) => setTimeout(r2, RETRY_DELAY_MS));
             try {