smartcomply-web-sdk 1.0.75 → 1.0.77

package/dist/smartcomply.browser.js

@@ -5210,7 +5210,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);
@@ -7227,10 +7229,13 @@ var SmartComplySDK = (() => {
       this._uiTimeoutId = null;
       // Session expiry
       this.sessionExpiryTimer = null;
+      this.sessionExpiredTimer = null;
       // Status polling (result screen)
       this._pollStatusTimer = null;
       // Components
       this.docCapture = null;
+      // 12 * 5s = 60s grace
+      this._expiryDeferrals = 0;
       this.options = options;
       this.sdk = new SmartComply({
         apiKey: options.apiKey,
@@ -7291,6 +7296,10 @@ var SmartComplySDK = (() => {
         clearTimeout(this.sessionExpiryTimer);
         this.sessionExpiryTimer = null;
       }
+      if (this.sessionExpiredTimer) {
+        clearTimeout(this.sessionExpiredTimer);
+        this.sessionExpiredTimer = null;
+      }
       if (this._pollStatusTimer) {
         clearTimeout(this._pollStatusTimer);
         this._pollStatusTimer = null;
@@ -7448,6 +7457,10 @@ var SmartComplySDK = (() => {
             () => this._showExpiryWarningWhenSafe(),
             warnMs
           );
+          this.sessionExpiredTimer = setTimeout(
+            () => this._enforceSessionExpiry(),
+            Math.max(expiresMs, 0)
+          );
         }
         this.sdkConfig = await this.sdk.initializeConfig();
         if (this.sdkConfig.theme) {
@@ -7475,6 +7488,17 @@ var SmartComplySDK = (() => {
       }
       this.showErrorStep("Your session is about to expire. Please complete verification quickly or restart.");
     }
+    _enforceSessionExpiry() {
+      if (this.isDestroyed) return;
+      const cameraActiveSteps = ["document_capture", "liveness"];
+      if (cameraActiveSteps.includes(this.currentStep) && this._expiryDeferrals < _SmartComplyFlow.MAX_EXPIRY_DEFERRALS) {
+        this._expiryDeferrals += 1;
+        this.sessionExpiredTimer = setTimeout(() => this._enforceSessionExpiry(), 5e3);
+        return;
+      }
+      this.showErrorStep("Your session has expired. Please restart verification.");
+      this.close();
+    }
     // ─────────────────────────────────────────────────────────────────
     // Step rendering
     // ─────────────────────────────────────────────────────────────────
@@ -7579,7 +7603,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");
@@ -7601,7 +7626,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");
@@ -7619,10 +7644,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" }
@@ -7671,7 +7698,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 = `
@@ -8962,6 +8996,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
@@ -8987,10 +9035,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;
@@ -9005,7 +9054,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 {
@@ -9085,6 +9134,13 @@ var SmartComplySDK = (() => {
     }
   };
   _SmartComplyFlow.MAX_RETRIES = 3;
+  // Hard stop once the backend session (SessionToken.expires_at, 30 min)
+  // has actually passed. Deferred the same way as the warning above while
+  // a camera is live so we don't tear down an in-progress scan, but capped
+  // — the earlier warning already gave the user 2 minutes' notice, so
+  // there's no reason to keep deferring past a short grace window the way
+  // the advisory warning does.
+  _SmartComplyFlow.MAX_EXPIRY_DEFERRALS = 12;
   var SmartComplyFlow = _SmartComplyFlow;
 
   // src/index.ts