smartcomply-web-sdk 1.0.98 → 1.0.100

package/dist/esm/flow/SmartComplyFlow.js

@@ -2,10 +2,9 @@ import { SmartComply } from "../client/Smartcomply";
 import { getTheme, TYPE, RADIUS } from "./theme";
 import { DocumentCapture, DocumentCaptureCancelledError } from "./DocumentCapture";
 import { isUploadFieldType } from "../utils/channels";
-import { isPdf } from "../utils/documentFiles";
 import { collectDeviceMetadata } from "../utils/device";
 import { requiresBackSide } from "../utils/documentRules";
-import { DEFAULT_CHALLENGE_ACTIONS } from "../utils/constants";
+import { DEFAULT_CHALLENGE_ACTIONS, MAX_DOCUMENT_BYTES } from "../utils/constants";
 import { icon } from "./icons";
 import { renderSpinner, renderInlineSpinner } from "./spinner";
 import { SDKError } from "../errors/SDKError";
@@ -86,8 +85,9 @@ export function isChannelDocumentFlow(idType, globalDocFlow) {
 }
 /**
  * Picks the channel list for the "Select document type" / "Select ID type"
- * screen — the one list that actually matches this screen's mode, not a
- * flat list mixing both categories.
+ * screen: the list matching this screen's mode, both lists when the config
+ * enables both modes, and the other list when this mode has nothing for the
+ * country (so the screen is never an empty dead end).
  *
  * Reported live: the deployed widget's document-scan screen showed a bare
  * "Passport" (data_verification, number-entry) right next to "Document
@@ -100,10 +100,21 @@ export function isChannelDocumentFlow(idType, globalDocFlow) {
  * what actually removes the duplicate, not just how each entry displays
  * (see isChannelDocumentFlow above, which only decides that).
  */
-export function selectIdTypesForScreen(byCategory, globalDocFlow) {
+export function selectIdTypesForScreen(byCategory, globalDocFlow, verificationTypes = []) {
     if (!byCategory)
         return [];
-    return (globalDocFlow ? byCategory.document_verification : byCategory.data_verification) || [];
+    const documents = byCategory.document_verification || [];
+    const data = byCategory.data_verification || [];
+    // A config with both modes offers both kinds; each card then routes on its
+    // own channel (isChannelDocumentFlow), scan or number entry.
+    if (verificationTypes.includes("document_verification") && verificationTypes.includes("data_verification")) {
+        return [...documents, ...data];
+    }
+    const primary = globalDocFlow ? documents : data;
+    // Reported live: a country with nothing in this screen's category showed
+    // an empty "Select document type" screen with no way forward. Showing the
+    // other category is what the widget did before the split (1.0.94).
+    return primary.length > 0 ? primary : (globalDocFlow ? data : documents);
 }
 /**
  * Whether a showErrorStep() message is about an expired/invalid resume or
@@ -292,24 +303,6 @@ function _parseOcrDate(raw) {
     const d = new Date(s);
     return isNaN(d.getTime()) ? null : d;
 }
-// ── W12: Image compression before document upload ────────────────────────────
-async function _compressImage(blob, maxWidth = 1600, quality = 0.85) {
-    try {
-        const bmp = await createImageBitmap(blob);
-        const scale = Math.min(1, maxWidth / bmp.width);
-        const w = Math.round(bmp.width * scale);
-        const h = Math.round(bmp.height * scale);
-        const canvas = document.createElement("canvas");
-        canvas.width = w;
-        canvas.height = h;
-        canvas.getContext("2d").drawImage(bmp, 0, 0, w, h);
-        bmp.close();
-        return await new Promise((res, rej) => canvas.toBlob(b => b ? res(b) : rej(new Error("Compression failed")), "image/jpeg", quality));
-    }
-    catch {
-        return blob; // fallback to original on any error
-    }
-}
 // ── Document type code → human label ─────────────────────────────────────────
 function _formatDocType(code) {
     const map = {
@@ -1175,7 +1168,17 @@ export class SmartComplyFlow {
             : "Choose the ID you want to verify";
         container.appendChild(subtitle);
         const channels = this.sdkConfig?.channels || {};
-        const idTypes = selectIdTypesForScreen(channels[this.selectedCountry], globalDocFlow);
+        const vType = this.sdkConfig?.verification_type;
+        const verificationTypes = !vType ? [] : Array.isArray(vType) ? vType : [vType];
+        const idTypes = selectIdTypesForScreen(channels[this.selectedCountry], globalDocFlow, verificationTypes);
+        if (idTypes.length === 0) {
+            const empty = document.createElement("div");
+            empty.style.cssText = `color:${this.theme.textSecondary};font-size:13px;line-height:1.6;`;
+            empty.textContent =
+                "No ID types are set up for this country yet. Please go back and choose another country, or contact support.";
+            container.appendChild(empty);
+            return;
+        }
         for (const idType of idTypes) {
             const typeName = typeof idType === "string" ? idType : idType.name;
             // Use code (canonical) for API calls, fallback to name for backward compatibility
@@ -2136,15 +2139,11 @@ export class SmartComplyFlow {
      * Process document capture result with front/back support
      */
     async processDocumentCaptureResult(result, captureContainer, container) {
-        // B2+P2: Compress both images once here. Do NOT assign documentBlob twice
-        // (old code set it to the raw blob first, then overwrote with compressed).
-        // processDocumentBlob also ran _compressImage — that second pass is removed
-        // below so compression only happens once.
-        // A PDF is sent as-is: only photos are re-encoded.
-        this.documentBlob = isPdf(result.front) ? result.front : await _compressImage(result.front, 1600, 0.85);
-        this.documentBackBlob = !result.back
-            ? null
-            : isPdf(result.back) ? result.back : await _compressImage(result.back, 1600, 0.85);
+        // Uploaded exactly as captured or picked, photo or PDF: re-encoding a
+        // small passport photo as JPEG blurred its machine-readable lines and the
+        // OCR rejected a clear Rwandan passport as "country: unknown".
+        this.documentBlob = result.front;
+        this.documentBackBlob = result.back || null;
         this._documentViaCamera = result.viaCamera;
         // Process the front image — pass the already-compressed blob
         await this.processDocumentBlob(this.documentBlob, captureContainer, container);
@@ -2157,12 +2156,11 @@ export class SmartComplyFlow {
         let retryCount = 0;
         const attemptProcessing = async () => {
             try {
-                // Validate blob — compression already done in processDocumentCaptureResult (P2)
                 if (!blob || blob.size === 0) {
                     throw new Error("Failed to capture document. Please try again.");
                 }
-                if (blob.size > 5 * 1024 * 1024) {
-                    throw new Error("Document image is too large. Please retake in better lighting or use a clearer photo.");
+                if (blob.size > MAX_DOCUMENT_BYTES) {
+                    throw new Error(`Document is too large. Please use a file smaller than ${Math.round(MAX_DOCUMENT_BYTES / (1024 * 1024))}MB.`);
                 }
                 this.documentBlob = blob;
                 // Show scanning state