smartcomply-web-sdk 1.0.79 → 1.0.80

package/dist/smartcomply.browser.js

@@ -5780,7 +5780,7 @@ var SmartComplySDK = (() => {
    * 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.79";
+  _SmartComply.VERSION = "1.0.80";
   var SmartComply = _SmartComply;
 
   // src/flow/theme.ts
@@ -7239,6 +7239,7 @@ var SmartComplySDK = (() => {
       this.stepLabel = null;
       this.stageDots = null;
       this.brandLabel = null;
+      this.brandLogoImg = null;
       // State
       this.sdkConfig = null;
       this.currentStep = "loading";
@@ -7539,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) {
@@ -7683,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 = `
@@ -8884,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 = `