smartcomply-web-sdk 1.0.76 → 1.0.78

package/dist/smartcomply.browser.js

@@ -4531,35 +4531,69 @@ var SmartComplySDK = (() => {
   }, nh.POSE_CONNECTIONS = Dc;
 
   // src/camera/FaceDetector.ts
-  var WASM_CDN = "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@latest/wasm";
-  var MODEL_URL = "https://storage.googleapis.com/mediapipe-models/face_landmarker/face_landmarker/float16/latest/face_landmarker.task";
-  var _cachedVision = null;
-  var _cachedModelBuffer = null;
+  var MEDIAPIPE_VERSION = "0.10.32";
+  var WASM_CDN = `https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@${MEDIAPIPE_VERSION}/wasm`;
+  var MODEL_URL = "https://storage.googleapis.com/mediapipe-models/face_landmarker/face_landmarker/float16/1/face_landmarker.task";
+  var _visionPromise = null;
+  var _modelBufferPromise = null;
+  var INIT_TIMEOUT_MS = 2e4;
+  function withTimeout(promise, ms2, label) {
+    return new Promise((resolve, reject) => {
+      const timer = setTimeout(
+        () => reject(new Error(`${label} timed out. Please check your connection and try again.`)),
+        ms2
+      );
+      promise.then(
+        (value) => {
+          clearTimeout(timer);
+          resolve(value);
+        },
+        (err) => {
+          clearTimeout(timer);
+          reject(err);
+        }
+      );
+    });
+  }
   var FaceDetectorEngine = class {
     constructor() {
       this.landmarker = null;
     }
     async init() {
-      if (!_cachedVision) {
-        _cachedVision = await na.forVisionTasks(WASM_CDN);
+      if (!_visionPromise) {
+        _visionPromise = na.forVisionTasks(WASM_CDN);
+        _visionPromise.catch(() => {
+          _visionPromise = null;
+        });
       }
-      if (!_cachedModelBuffer) {
-        const res = await fetch(MODEL_URL);
-        if (!res.ok) {
-          throw new Error(`Failed to download face model (${res.status})`);
-        }
-        _cachedModelBuffer = await res.arrayBuffer();
+      if (!_modelBufferPromise) {
+        _modelBufferPromise = fetch(MODEL_URL).then((res) => {
+          if (!res.ok) throw new Error(`Failed to download face model (${res.status})`);
+          return res.arrayBuffer();
+        });
+        _modelBufferPromise.catch(() => {
+          _modelBufferPromise = null;
+        });
       }
-      this.landmarker = await Ic.createFromOptions(_cachedVision, {
-        baseOptions: {
-          // Pass a copy — MediaPipe takes ownership of the buffer
-          modelAssetBuffer: new Uint8Array(_cachedModelBuffer.slice(0))
-        },
-        runningMode: "VIDEO",
-        outputFaceBlendshapes: true,
-        outputFacialTransformationMatrixes: true,
-        numFaces: 1
-      });
+      const [vision, modelBuffer] = await withTimeout(
+        Promise.all([_visionPromise, _modelBufferPromise]),
+        INIT_TIMEOUT_MS,
+        "Face detection setup"
+      );
+      this.landmarker = await withTimeout(
+        Ic.createFromOptions(vision, {
+          baseOptions: {
+            // Pass a copy — MediaPipe takes ownership of the buffer
+            modelAssetBuffer: new Uint8Array(modelBuffer.slice(0))
+          },
+          runningMode: "VIDEO",
+          outputFaceBlendshapes: true,
+          outputFacialTransformationMatrixes: true,
+          numFaces: 1
+        }),
+        INIT_TIMEOUT_MS,
+        "Face detection setup"
+      );
     }
     detect(video, timestamp) {
       if (!this.landmarker) {
@@ -5210,7 +5244,9 @@ var SmartComplySDK = (() => {
      */
     async create(params) {
       const formData = new FormData();
-      if (!params.identity_check) {
+      const hasDocument = !!(params.document || params.document_front || params.id_file);
+      if (params.identity_check || !hasDocument && !params.identifier) {
+      } else {
         const rawIdentifier = params.identifier || `ID-${Date.now()}`;
         const safeIdentifier = rawIdentifier.length > 20 ? rawIdentifier.slice(0, 20) : rawIdentifier;
         formData.append("identifier", safeIdentifier);
@@ -5360,6 +5396,9 @@ var SmartComplySDK = (() => {
       interrupted.catch(() => {
       });
       try {
+        const faceInitPromise = faceEngine.init();
+        faceInitPromise.catch(() => {
+        });
         let stream;
         if (params.prewarmedStream && params.prewarmedStream.active) {
           stream = params.prewarmedStream;
@@ -5385,7 +5424,7 @@ var SmartComplySDK = (() => {
           tempVideo.style.cssText = "width:100%;border-radius:12px;transform:scaleX(-1);";
           container.appendChild(tempVideo);
         }
-        await faceEngine.init();
+        await faceInitPromise;
         ui2.updateInstruction("Fit your face inside the oval outline");
         const videoForDetection = uiVideo || tempVideo;
         await new Promise((resolve) => {
@@ -6982,7 +7021,12 @@ var SmartComplySDK = (() => {
     "failed after all retries",
     "camera access is not supported",
     "camera access failed",
-    "recording failed unexpectedly"
+    "recording failed unexpectedly",
+    // FaceDetectorEngine.init() failures (FaceDetector.ts) — a slow/blocked
+    // CDN or model download is a connectivity issue, not a failed face scan,
+    // and must not burn one of the user's limited liveness retry attempts.
+    "face detection setup timed out",
+    "failed to download face model"
   ];
   function _isInfrastructureError(err) {
     const msg = String(err?.message || "").toLowerCase();
@@ -7601,7 +7645,8 @@ var SmartComplySDK = (() => {
     // ── Welcome ────────────────────────────────────────────────────
     renderWelcome(container) {
       container.style.cssText += "display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;";
-      const isDocFlow = this.isDocumentFlow();
+      const isLivenessOnly = this.isLivenessOnlyFlow();
+      const isDocFlow = isLivenessOnly ? false : this.isDocumentFlow();
       const topRow = document.createElement("div");
       topRow.style.cssText = "display:flex;flex-direction:column;align-items:center;gap:8px;";
       const iconWrap = document.createElement("div");
@@ -7623,7 +7668,7 @@ var SmartComplySDK = (() => {
       color:${this.theme.primary};
       border:1px solid ${this.theme.primary}30;
     `;
-      badge.textContent = isDocFlow ? "📄  Document Verification" : "🔍  Data Verification";
+      badge.textContent = isLivenessOnly ? "🤳  Liveness Check" : isDocFlow ? "📄  Document Verification" : "🔍  Data Verification";
       topRow.appendChild(badge);
       container.appendChild(topRow);
       const titleWrap = document.createElement("div");
@@ -7641,10 +7686,12 @@ var SmartComplySDK = (() => {
       color:${this.theme.textSecondary};font-size:13px;line-height:1.5;
       margin:0 auto;max-width:300px;text-align:center;
     `;
-      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.";
+      desc.textContent = isLivenessOnly ? "You'll just need camera access. This takes about 30 seconds." : 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 ? [
+      const steps = isLivenessOnly ? [
+        { icon: "🤳", text: "Face check", sub: "Quick selfie to confirm it's you" }
+      ] : isDocFlow ? [
         { 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" }
@@ -7693,7 +7740,14 @@ var SmartComplySDK = (() => {
       container.appendChild(stepsWrap);
       const btn = this.createPrimaryButton("Get Started →");
       btn.style.cssText += "margin-top:2px;";
-      btn.addEventListener("click", () => this.showStep("country"));
+      btn.addEventListener("click", () => {
+        if (isLivenessOnly) {
+          this.selectedCountry = this.selectedCountry || "global";
+          this.showStep("liveness");
+        } else {
+          this.showStep("country");
+        }
+      });
       container.appendChild(btn);
       const trust = document.createElement("div");
       trust.style.cssText = `
@@ -8984,6 +9038,20 @@ var SmartComplySDK = (() => {
       const allFields = Object.values(channels).flat().flatMap((ch) => ch.fields || []);
       return allFields.some((f2) => isUploadFieldType(f2.type));
     }
+    /**
+     * True when the SDK Config is set to skip data/document verification
+     * entirely and only run the liveness/selfie check — no country picker,
+     * no ID-type picker, no ID-number entry or document capture. Unlike
+     * isDocumentFlow(), there's no channel-shape fallback to infer this from:
+     * a liveness-only config carries no channels at all, so the only signal
+     * is verification_type itself.
+     */
+    isLivenessOnlyFlow() {
+      const vType = this.sdkConfig?.verification_type;
+      if (!vType) return false;
+      const types = Array.isArray(vType) ? vType : [vType];
+      return types.includes("liveness_only");
+    }
     /**
      * The "go back one step" target for a given step, if that step is
      * navigable — shared by the header back button and the browser
@@ -9009,10 +9077,11 @@ var SmartComplySDK = (() => {
       return backTargets[step];
     }
     updateProgress() {
-      const isDocFlow = this.isDocumentFlow();
+      const isLivenessOnly = this.isLivenessOnlyFlow();
+      const isDocFlow = isLivenessOnly ? false : this.isDocumentFlow();
       const countries = Object.keys(this.sdkConfig?.channels || {});
       const singleCountry = countries.length <= 1;
-      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 stage1Steps = isLivenessOnly ? [] : 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;
@@ -9027,7 +9096,7 @@ var SmartComplySDK = (() => {
         } else if (this.currentStep === "done") {
           this.stepLabel.textContent = "Complete ✓";
         } else if (stage2Steps.includes(this.currentStep)) {
-          this.stepLabel.textContent = "Stage 2 of 2: Face Check";
+          this.stepLabel.textContent = isLivenessOnly ? "Face Check" : "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 {