smartcomply-web-sdk 1.0.90 → 1.0.91

package/dist/esm/modules/liveness/LivenessUI.js

@@ -3,30 +3,30 @@ function injectLivenessKeyframes() {
         return;
     const s = document.createElement("style");
     s.id = "sc-liveness-kf";
-    s.textContent = `
-    @keyframes sc-pop-in {
-      0%   { transform:scale(0.7); opacity:0; }
-      60%  { transform:scale(1.05); }
-      100% { transform:scale(1); opacity:1; }
-    }
-    @keyframes sc-scan-dot {
-      0%,100% { opacity:0.3; transform:scale(0.85); }
-      50%     { opacity:1;   transform:scale(1); }
-    }
-    @keyframes sc-scanline-sweep {
-      0%   { transform:translateY(-4%); opacity:0; }
-      8%   { opacity:0.9; }
-      92%  { opacity:0.9; }
-      100% { transform:translateY(104%); opacity:0; }
-    }
-    @keyframes sc-corner-pulse {
-      0%,100% { opacity:0.55; }
-      50%     { opacity:1; }
-    }
-    @keyframes sc-oval-breathe {
-      0%,100% { opacity:0.5; }
-      50%     { opacity:0.85; }
-    }
+    s.textContent = `
+    @keyframes sc-pop-in {
+      0%   { transform:scale(0.7); opacity:0; }
+      60%  { transform:scale(1.05); }
+      100% { transform:scale(1); opacity:1; }
+    }
+    @keyframes sc-scan-dot {
+      0%,100% { opacity:0.3; transform:scale(0.85); }
+      50%     { opacity:1;   transform:scale(1); }
+    }
+    @keyframes sc-scanline-sweep {
+      0%   { transform:translateY(-4%); opacity:0; }
+      8%   { opacity:0.9; }
+      92%  { opacity:0.9; }
+      100% { transform:translateY(104%); opacity:0; }
+    }
+    @keyframes sc-corner-pulse {
+      0%,100% { opacity:0.55; }
+      50%     { opacity:1; }
+    }
+    @keyframes sc-oval-breathe {
+      0%,100% { opacity:0.5; }
+      50%     { opacity:0.85; }
+    }
   `;
     document.head.appendChild(s);
 }
@@ -56,38 +56,38 @@ export class LivenessUI {
     mount(container, challenge) {
         injectLivenessKeyframes();
         this.root = document.createElement("div");
-        this.root.style.cssText = `
-      position:relative;width:100%;max-width:420px;margin:0 auto;
-      background:#0a0a0a;border-radius:16px;overflow:hidden;
-      font-family:system-ui,-apple-system,sans-serif;
-      box-shadow:0 8px 32px rgba(0,0,0,0.4);
-      aspect-ratio:3/4;
+        this.root.style.cssText = `
+      position:relative;width:100%;max-width:420px;margin:0 auto;
+      background:#0a0a0a;border-radius:16px;overflow:hidden;
+      font-family:system-ui,-apple-system,sans-serif;
+      box-shadow:0 8px 32px rgba(0,0,0,0.4);
+      aspect-ratio:3/4;
     `;
         this.videoEl = document.createElement("video");
         this.videoEl.autoplay = true;
         this.videoEl.playsInline = true;
         this.videoEl.muted = true;
         this.videoEl.setAttribute("aria-label", "Live camera preview for face verification");
-        this.videoEl.style.cssText = `
-      width:100%;height:100%;display:block;
-      filter:brightness(1.03) contrast(1.03);
-      transform:scaleX(-1);object-fit:cover;
+        this.videoEl.style.cssText = `
+      width:100%;height:100%;display:block;
+      filter:brightness(1.03) contrast(1.03);
+      transform:scaleX(-1);object-fit:cover;
     `;
         // Dim everything outside the oval so the guide reads as a scan aperture
         // rather than a shape floating over the raw feed.
         const vignette = document.createElement("div");
-        vignette.style.cssText = `
-      position:absolute;inset:0;pointer-events:none;
-      background:radial-gradient(ellipse 34% 44% at 50% 47%, transparent 55%, rgba(0,0,0,0.55) 100%);
+        vignette.style.cssText = `
+      position:absolute;inset:0;pointer-events:none;
+      background:radial-gradient(ellipse 34% 44% at 50% 47%, transparent 55%, rgba(0,0,0,0.55) 100%);
     `;
         // Oval guide — centred
         const guideWrap = document.createElement("div");
-        guideWrap.style.cssText = `
-      position:absolute;top:50%;left:50%;
-      transform:translate(-50%,-52%);
-      width:64%;aspect-ratio:140/180;pointer-events:none;
-      filter:drop-shadow(0 0 18px rgba(59,130,246,0.35));
-      transition:filter 0.3s ease;
+        guideWrap.style.cssText = `
+      position:absolute;top:50%;left:50%;
+      transform:translate(-50%,-52%);
+      width:64%;aspect-ratio:140/180;pointer-events:none;
+      filter:drop-shadow(0 0 18px rgba(59,130,246,0.35));
+      transition:filter 0.3s ease;
     `;
         this.guideWrapEl = guideWrap;
         const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
@@ -176,49 +176,49 @@ export class LivenessUI {
         // Scan-line sweep — clipped to the oval, gives a visible "actively
         // scanning" motion cue instead of a static outline.
         const scanlineClipWrap = document.createElement("div");
-        scanlineClipWrap.style.cssText = `
-      position:absolute;inset:0;
-      clip-path:ellipse(45.7% 47.8% at 50% 50%);
-      overflow:hidden;
+        scanlineClipWrap.style.cssText = `
+      position:absolute;inset:0;
+      clip-path:ellipse(45.7% 47.8% at 50% 50%);
+      overflow:hidden;
     `;
         const scanline = document.createElement("div");
-        scanline.style.cssText = `
-      position:absolute;left:0;right:0;height:26%;top:0;
-      background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,0.32) 45%,rgba(147,197,253,0.55) 50%,rgba(59,130,246,0.32) 55%,transparent 100%);
-      animation:sc-scanline-sweep 2.6s ease-in-out infinite;
+        scanline.style.cssText = `
+      position:absolute;left:0;right:0;height:26%;top:0;
+      background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,0.32) 45%,rgba(147,197,253,0.55) 50%,rgba(59,130,246,0.32) 55%,transparent 100%);
+      animation:sc-scanline-sweep 2.6s ease-in-out infinite;
     `;
         this.scanlineEl = scanline;
         scanlineClipWrap.appendChild(scanline);
         guideWrap.appendChild(scanlineClipWrap);
         // Instruction — top, gradient scrim
         const camTop = document.createElement("div");
-        camTop.style.cssText = `
-      position:absolute;top:0;left:0;right:0;
-      background:linear-gradient(180deg,rgba(0,0,0,0.8) 0%,transparent 100%);
-      padding:14px 16px 32px;
+        camTop.style.cssText = `
+      position:absolute;top:0;left:0;right:0;
+      background:linear-gradient(180deg,rgba(0,0,0,0.8) 0%,transparent 100%);
+      padding:14px 16px 32px;
     `;
         this.instructionEl = document.createElement("div");
         this.instructionEl.setAttribute("aria-live", "polite");
         this.instructionEl.setAttribute("role", "status");
-        this.instructionEl.style.cssText = `
-      color:#fff;font-size:14px;font-weight:600;text-align:center;line-height:1.4;
+        this.instructionEl.style.cssText = `
+      color:#fff;font-size:14px;font-weight:600;text-align:center;line-height:1.4;
     `;
         this.instructionEl.textContent = challenge.instruction;
         camTop.appendChild(this.instructionEl);
         // Scan progress dots — bottom
         const camBottom = document.createElement("div");
-        camBottom.style.cssText = `
-      position:absolute;bottom:0;left:0;right:0;
-      background:linear-gradient(0deg,rgba(0,0,0,0.7) 0%,transparent 100%);
-      padding:28px 10px 18px;display:flex;justify-content:center;
+        camBottom.style.cssText = `
+      position:absolute;bottom:0;left:0;right:0;
+      background:linear-gradient(0deg,rgba(0,0,0,0.7) 0%,transparent 100%);
+      padding:28px 10px 18px;display:flex;justify-content:center;
     `;
         this.dotsEl = document.createElement("div");
         this.dotsEl.style.cssText = "display:flex;gap:6px;";
         for (let i = 0; i < 3; i++) {
             const dot = document.createElement("div");
-            dot.style.cssText = `
-        width:6px;height:6px;border-radius:50%;background:${this.colors.primary};
-        animation:sc-scan-dot 1.1s ease-in-out ${i * 0.18}s infinite;
+            dot.style.cssText = `
+        width:6px;height:6px;border-radius:50%;background:${this.colors.primary};
+        animation:sc-scan-dot 1.1s ease-in-out ${i * 0.18}s infinite;
       `;
             this.dotsEl.appendChild(dot);
         }
@@ -230,10 +230,10 @@ export class LivenessUI {
         this.root.appendChild(camBottom);
         // Result overlay
         this.overlayEl = document.createElement("div");
-        this.overlayEl.style.cssText = `
-      position:absolute;inset:0;display:none;align-items:center;
-      justify-content:center;z-index:10;
-      background:rgba(0,0,0,0.88);backdrop-filter:blur(8px);
+        this.overlayEl.style.cssText = `
+      position:absolute;inset:0;display:none;align-items:center;
+      justify-content:center;z-index:10;
+      background:rgba(0,0,0,0.88);backdrop-filter:blur(8px);
     `;
         this.root.appendChild(this.overlayEl);
         container.appendChild(this.root);
@@ -294,15 +294,15 @@ export class LivenessUI {
             }
             const ok = status === "processing";
             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 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 ? this.colors.success : this.colors.error};">
-            ${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…" : "Something went wrong. Please try again."}</div>
+            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 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 ? this.colors.success : this.colors.error};">
+            ${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…" : "Something went wrong. Please try again."}</div>
         </div>`;
             setTimeout(resolve, 1800);
         });
@@ -314,12 +314,12 @@ export class LivenessUI {
                 return;
             }
             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 ${this.colors.warning};">⏱</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;">We couldn't confirm liveness in time. Please try again.</div>
-          <button id="sc-retry-btn" style="padding:11px 28px;border-radius:10px;background:${this.colors.primary};color:#fff;border:none;cursor:pointer;font-size:14px;font-weight:600;width:100%;max-width:180px;">Try Again</button>
+            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 ${this.colors.warning};">⏱</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;">We couldn't confirm liveness in time. Please try again.</div>
+          <button id="sc-retry-btn" style="padding:11px 28px;border-radius:10px;background:${this.colors.primary};color:#fff;border:none;cursor:pointer;font-size:14px;font-weight:600;width:100%;max-width:180px;">Try Again</button>
         </div>`;
             const btn = this.overlayEl.querySelector("#sc-retry-btn");
             if (btn) {

package/dist/flow/SmartComplyFlow.d.ts

@@ -40,6 +40,16 @@ export interface FlowResult {
     submittedAt: string | null;
     verificationResult?: VerifyIdentityResponse;
 }
+/**
+ * Whether a showErrorStep() message is about an expired/invalid resume or
+ * resubmit link (RESUME_TARGET_UNAVAILABLE / NOT_A_RESUME_TOKEN — see
+ * SmartComplyFlow._resolveResumeStep), rather than a plain session timeout.
+ * Extracted to a standalone function so this specific classification is
+ * independently testable, same as resolveIdTypeInfo below — showErrorStep's
+ * own regex-based classification block is otherwise tightly coupled to DOM
+ * rendering it doesn't make sense to extract wholesale for this fix.
+ */
+export declare function isResumeLinkErrorMessage(message: string): boolean;
 export declare function resolveIdTypeInfo(typeName: string, isDocumentFlow: boolean): {
     icon: string;
     desc: string;

package/dist/flow/SmartComplyFlow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmartComplyFlow.d.ts","sourceRoot":"","sources":["../../src/flow/SmartComplyFlow.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SmartComplyFlow.d.ts","sourceRoot":"","sources":["../../src/flow/SmartComplyFlow.ts"],"names":[],"mappings":"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"}

package/dist/flow/SmartComplyFlow.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SmartComplyFlow = void 0;
+exports.isResumeLinkErrorMessage = isResumeLinkErrorMessage;
 exports.resolveIdTypeInfo = resolveIdTypeInfo;
 const Smartcomply_1 = require("../client/Smartcomply");
 const theme_1 = require("./theme");
@@ -10,6 +11,7 @@ const documentRules_1 = require("../utils/documentRules");
 const constants_1 = require("../utils/constants");
 const icons_1 = require("./icons");
 const spinner_1 = require("./spinner");
+const SDKError_1 = require("../errors/SDKError");
 // A dropped camera/network/upload error is not the user's fault and must not
 // cost them a retry attempt — only a genuine verification outcome should.
 // Classified by message rather than a typed error class since the errors
@@ -70,6 +72,18 @@ const COUNTRY_LABELS = {
 function isUploadFieldType(type) {
     return type === "upload" || type === "image" || type === "file";
 }
+/**
+ * Whether a showErrorStep() message is about an expired/invalid resume or
+ * resubmit link (RESUME_TARGET_UNAVAILABLE / NOT_A_RESUME_TOKEN — see
+ * SmartComplyFlow._resolveResumeStep), rather than a plain session timeout.
+ * Extracted to a standalone function so this specific classification is
+ * independently testable, same as resolveIdTypeInfo below — showErrorStep's
+ * own regex-based classification block is otherwise tightly coupled to DOM
+ * rendering it doesn't make sense to extract wholesale for this fix.
+ */
+function isResumeLinkErrorMessage(message) {
+    return /resume link|resubmit link/i.test(message);
+}
 function resolveIdTypeInfo(typeName, isDocumentFlow) {
     const u = typeName.toUpperCase();
     const advanced = u.includes("ADVANCED");
@@ -658,7 +672,18 @@ class SmartComplyFlow {
             }
             if (this.isDestroyed)
                 return;
-            this.showStep(this.options.resumeToken ? await this._resolveResumeStep() : "welcome");
+            if (this.options.resumeToken) {
+                // null means _resolveResumeStep already rendered an error itself
+                // (a provably expired/invalid resume link — see that method) and
+                // there is no step left to show; calling showStep() in that case
+                // would wipe the error message straight back out.
+                const resumeStep = await this._resolveResumeStep();
+                if (resumeStep !== null)
+                    this.showStep(resumeStep);
+            }
+            else {
+                this.showStep("welcome");
+            }
         }
         catch (err) {
             this.showErrorStep(err.message || "Failed to initialize. Please try again.");
@@ -669,9 +694,23 @@ class SmartComplyFlow {
     // same state renderCountrySelect/renderIdTypeSelect's own click handlers
     // set) so document_capture/liveness render correctly instead of assuming
     // state that was never set. Falls back to "welcome" on anything that
-    // doesn't resolve cleanly — this is a UX improvement, not a requirement:
-    // the backend's own resume-match at create/ time still works correctly
-    // even if the widget can't figure out which screen to pre-select.
+    // doesn't resolve cleanly for an UNCERTAIN reason (network error, timeout)
+    // — this is a UX improvement, not a requirement: the backend's own
+    // resume-match at create/ time still works correctly even if the widget
+    // can't figure out which screen to pre-select.
+    //
+    // Returns null instead when the lookup fails for a CERTAIN, known reason
+    // — the resume link itself is provably expired or already used
+    // (RESUME_TARGET_UNAVAILABLE) or was never a resume link at all
+    // (NOT_A_RESUME_TOKEN). Unlike a transient failure, there is no "try the
+    // real request and it'll still work" fallback for these: create/'s own
+    // resume-match reads the exact same resume_target_entry binding this
+    // lookup just found missing/invalid, so falling through to a generic
+    // welcome screen would silently walk the customer into a brand-new,
+    // unrelated verification attempt with no explanation — worse than telling
+    // them plainly that their link no longer works. The caller shows this
+    // error itself (via showErrorStep, called here directly) rather than
+    // rendering a step.
     async _resolveResumeStep() {
         try {
             const info = await this.sdk.getResumeInfo();
@@ -723,10 +762,21 @@ class SmartComplyFlow {
             // server-side regardless of which screen the widget shows first.
             return "welcome";
         }
-        catch {
-            // NOT_A_RESUME_TOKEN / RESUME_TARGET_UNAVAILABLE / network error —
-            // never block the flow on this lookup. create/'s own resume-match
-            // still runs correctly once the customer gets there.
+        catch (err) {
+            const code = err instanceof SDKError_1.SDKError ? err.errorCode : undefined;
+            if (code === "RESUME_TARGET_UNAVAILABLE" || code === "NOT_A_RESUME_TOKEN") {
+                // A certain, known failure — this specific link is provably no
+                // longer usable (already used, expired, or was never a resume link
+                // at all). Tell the customer plainly rather than silently starting
+                // a new, unrelated verification on a welcome screen with no
+                // explanation — see this method's own docstring above.
+                this.showErrorStep("This resume link has expired or is no longer valid.");
+                return null;
+            }
+            // Anything else (network error, timeout, an SDKError with a
+            // different/absent code) — never block the flow on this lookup.
+            // create/'s own resume-match still runs correctly once the customer
+            // gets there, so falling through to a generic welcome screen is safe.
             return "welcome";
         }
     }
@@ -2334,7 +2384,14 @@ class SmartComplyFlow {
         // Classify the error into a user-friendly category
         const isCameraErr = /camera|permission|notallowed|notfound/i.test(message);
         const isNetworkErr = /network|timeout|connection|fetch/i.test(message);
-        const isAuthErr = /session.*expired|token.*expired|authentication/i.test(message);
+        // Checked before the generic isAuthErr below — a resume/resubmit link
+        // (RESUME_TARGET_UNAVAILABLE / NOT_A_RESUME_TOKEN from the backend, see
+        // _resolveResumeStep) also matches "token...expired"/"link" wording, but
+        // the corrective action is different from a plain session timeout: the
+        // customer can't just "start again" themselves, they need a fresh link
+        // from whoever sent them this one.
+        const isResumeLinkErr = isResumeLinkErrorMessage(message);
+        const isAuthErr = !isResumeLinkErr && /session.*expired|token.*expired|authentication/i.test(message);
         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);
@@ -2344,36 +2401,40 @@ class SmartComplyFlow {
         const isBillingErr = /wallet|balance|insufficient.*fund|payment.*required/i.test(message);
         const errorIconName = isCameraErr ? "camera"
             : isNetworkErr ? "network"
-                : isAuthErr ? "clock"
-                    : isDocQuality ? "search"
-                        : isExpiredDoc ? "calendar"
-                            : isFaceMatch ? "face"
-                                : isBillingErr ? "warning"
-                                    : "close";
+                : isResumeLinkErr ? "clock"
+                    : isAuthErr ? "clock"
+                        : isDocQuality ? "search"
+                            : isExpiredDoc ? "calendar"
+                                : isFaceMatch ? "face"
+                                    : isBillingErr ? "warning"
+                                        : "close";
         const errorTitle = isCameraErr ? "Camera Access Required"
             : isNetworkErr ? "Connection Problem"
-                : isAuthErr ? "Session Expired"
-                    : isDocQuality ? "Document Photo Unclear"
-                        : isExpiredDoc ? "Document Expired"
-                            : isFaceMatch ? "Face Match Failed"
-                                : isBillingErr ? "Verification Unavailable"
-                                    : "Verification Unsuccessful";
+                : isResumeLinkErr ? "Link No Longer Valid"
+                    : isAuthErr ? "Session Expired"
+                        : isDocQuality ? "Document Photo Unclear"
+                            : isExpiredDoc ? "Document Expired"
+                                : isFaceMatch ? "Face Match Failed"
+                                    : isBillingErr ? "Verification Unavailable"
+                                        : "Verification Unsuccessful";
         // Map to user-facing guidance — never show raw internal message
         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."
-                                : isBillingErr
-                                    ? "Verification is temporarily unavailable. Please contact support."
-                                    : _sanitizeUserMessage(message) || "We were unable to complete your verification. Please try again.";
+                : isResumeLinkErr
+                    ? "This link has expired or has already been used. Please contact us to request a new one."
+                    : 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."
+                                    : isBillingErr
+                                        ? "Verification is temporarily unavailable. Please contact support."
+                                        : _sanitizeUserMessage(message) || "We were unable to complete your verification. Please try again.";
         const iconWrap = document.createElement("div");
         iconWrap.style.cssText = `
       width:72px;height:72px;border-radius:50%;