smartcomply-web-sdk 1.0.78 → 1.0.80

package/dist/smartcomply.browser.js

@@ -5103,6 +5103,15 @@ var SmartComplySDK = (() => {
       if (!isDebugEnabled()) return;
       console.info(`${PREFIX} ℹ ${message}`, ...args);
     },
+    /**
+     * Emit a low-noise informational message that's always visible, debug
+     * mode or not — for the rare case (e.g. the SDK version on init) where
+     * knowing this without having to flip on debug logging first matters
+     * more than staying silent by default.
+     */
+    always(message, ...args) {
+      console.info(`${PREFIX} ${message}`, ...args);
+    },
     /** Emit a warning (always visible). */
     warn(message, ...args) {
       console.warn(`${PREFIX} ⚠ ${message}`, ...args);
@@ -5695,7 +5704,7 @@ var SmartComplySDK = (() => {
   };
 
   // src/client/Smartcomply.ts
-  var SmartComply = class {
+  var _SmartComply = class _SmartComply {
     constructor(config) {
       this._sessionToken = null;
       this._sessionExpiresAt = null;
@@ -5710,6 +5719,7 @@ var SmartComplySDK = (() => {
       this.http = new HttpClient(config);
       this.onboarding = new OnboardingModule(this.http);
       this.liveness = new LivenessModule(this.http);
+      SDKLogger.always(`v${_SmartComply.VERSION}`);
     }
     /** Current session token (null if not created yet) */
     get sessionToken() {
@@ -5761,6 +5771,17 @@ var SmartComplySDK = (() => {
       return config;
     }
   };
+  /**
+   * Package version, hardcoded to match package.json — bump this alongside
+   * every version bump there (same manual-sync convention already used for
+   * MEDIAPIPE_VERSION in camera/FaceDetector.ts). Exists so a client's
+   * running version can be confirmed directly (SmartComply.VERSION, or the
+   * console log on construction below) instead of trusting that whatever
+   * CDN tag they installed with (e.g. @1, which floats to the latest
+   * matching release) actually resolved to the version they expect.
+   */
+  _SmartComply.VERSION = "1.0.80";
+  var SmartComply = _SmartComply;
 
   // src/flow/theme.ts
   var RADIUS = {
@@ -7218,6 +7239,7 @@ var SmartComplySDK = (() => {
       this.stepLabel = null;
       this.stageDots = null;
       this.brandLabel = null;
+      this.brandLogoImg = null;
       // State
       this.sdkConfig = null;
       this.currentStep = "loading";
@@ -7247,6 +7269,11 @@ var SmartComplySDK = (() => {
       this._keydownHandler = null;
       this._visibilityHandler = null;
       this._hiddenAtMs = null;
+      // Set just before a re-background restart re-renders the liveness step
+      // (see the visibilitychange handler below), read once by renderLiveness
+      // to show a "your scan was interrupted" notice instead of silently
+      // swapping back into a fresh scan with no explanation.
+      this._restartedAfterBackground = false;
       this._popstateHandler = null;
       this._historyGuardActive = false;
       // Retry safety — max 3 confirmation rejections or liveness failures per session
@@ -7461,6 +7488,7 @@ var SmartComplySDK = (() => {
         if (hiddenAt === null) return;
         const awayMs = Date.now() - hiddenAt;
         if (awayMs >= REBACKGROUND_RESTART_MS && this.currentStep === "liveness") {
+          this._restartedAfterBackground = true;
           this.showStep("liveness");
         }
       };
@@ -7512,6 +7540,10 @@ var SmartComplySDK = (() => {
         if (this.brandLabel && this.sdkConfig.brand_name) {
           this.brandLabel.textContent = this.sdkConfig.brand_name;
         }
+        if (this.brandLogoImg && this.sdkConfig.logo_url) {
+          this.brandLogoImg.src = this.sdkConfig.logo_url;
+          this.brandLogoImg.style.display = "block";
+        }
         if (this.isDestroyed) return;
         this.showStep("welcome");
       } catch (err) {
@@ -7656,8 +7688,21 @@ var SmartComplySDK = (() => {
       color:${this.theme.primary};
       background:linear-gradient(135deg,${this.theme.primary}22,${this.theme.primaryGlow});
       border:1.5px solid ${this.theme.primary}33;
+      overflow:hidden;
     `;
-      iconWrap.innerHTML = icon(isDocFlow ? "id-card" : "shield", 24);
+      const logoUrl = this.sdkConfig?.logo_url;
+      if (logoUrl) {
+        const logoImg = document.createElement("img");
+        logoImg.src = logoUrl;
+        logoImg.alt = "";
+        logoImg.style.cssText = "width:100%;height:100%;object-fit:contain;padding:6px;";
+        logoImg.addEventListener("error", () => {
+          iconWrap.innerHTML = icon(isDocFlow ? "id-card" : "shield", 24);
+        });
+        iconWrap.appendChild(logoImg);
+      } else {
+        iconWrap.innerHTML = icon(isDocFlow ? "id-card" : "shield", 24);
+      }
       topRow.appendChild(iconWrap);
       const badge = document.createElement("div");
       badge.style.cssText = `
@@ -8694,11 +8739,20 @@ var SmartComplySDK = (() => {
     // ── Liveness ────────────────────────────────────────────────────
     renderLiveness(container) {
       container.style.cssText += "display:flex;flex-direction:column;gap:14px;";
+      const restartedAfterBackground = this._restartedAfterBackground;
+      this._restartedAfterBackground = false;
       if (this._livenessFailures >= _SmartComplyFlow.MAX_RETRIES) {
         this._renderRetryLimitReached(container);
         return;
       }
       const attemptId = ++this._livenessAttemptId;
+      if (restartedAfterBackground) {
+        const notice = document.createElement("div");
+        notice.setAttribute("role", "status");
+        notice.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;`;
+        notice.textContent = "Your scan was interrupted when you left the page. Starting over — please stay on this screen until it's done.";
+        container.appendChild(notice);
+      }
       const title = this.createStepTitle("Face verification");
       container.appendChild(title);
       const desc = document.createElement("div");
@@ -8848,6 +8902,16 @@ var SmartComplySDK = (() => {
         }
       });
       leftArea.appendChild(this.headerBackBtn);
+      this.brandLogoImg = document.createElement("img");
+      this.brandLogoImg.alt = "";
+      this.brandLogoImg.style.cssText = `
+      height:28px;max-width:120px;object-fit:contain;flex-shrink:0;
+      display:none;
+    `;
+      this.brandLogoImg.addEventListener("error", () => {
+        if (this.brandLogoImg) this.brandLogoImg.style.display = "none";
+      });
+      leftArea.appendChild(this.brandLogoImg);
       this.brandLabel = document.createElement("div");
       this.brandLabel.setAttribute("aria-label", "Verification provider");
       this.brandLabel.style.cssText = `