@verdocs/web-sdk 6.9.8 → 6.9.10

package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js

@@ -156,12 +156,12 @@ export class VerdocsSign {
         this.setupIntersectionObserver();
     }
     disconnectedCallback() {
-        var _a, _b;
+        var _a, _b, _c;
         this.stopPolling();
         (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
         window.removeEventListener('resize', () => this.updateZoomFromWindow());
-        // Remove any org-level style overrides we injected into the document head.
         (_b = document.getElementById(this.getOrgStyleOverridesId())) === null || _b === void 0 ? void 0 : _b.remove();
+        (_c = document.getElementById(this.getBrandStyleOverridesId())) === null || _c === void 0 ? void 0 : _c.remove();
     }
     updateZoomFromWindow() {
         const width = window.innerWidth;
@@ -209,6 +209,9 @@ export class VerdocsSign {
     getOrgStyleOverridesId() {
         return `verdocs-org-style-overrides-${this.envelopeId}`;
     }
+    getBrandStyleOverridesId() {
+        return `verdocs-brand-style-overrides-${this.envelopeId}`;
+    }
     // Injects a <style> tag into the document head containing any CSS overrides defined on the
     // envelope's organization. This allows the organization to apply custom styling to the signing
     // UI without rebuilding the SDK.
@@ -230,15 +233,32 @@ export class VerdocsSign {
             existing.remove();
         }
     }
+    applyBrandStyleOverrides(brand) {
+        const styleId = this.getBrandStyleOverridesId();
+        const existing = document.getElementById(styleId);
+        const overrides = brand === null || brand === void 0 ? void 0 : brand.style_overrides;
+        if (typeof overrides === 'string' && overrides.length > 0) {
+            const styleEl = existing || document.createElement('style');
+            styleEl.id = styleId;
+            styleEl.textContent = overrides;
+            if (!existing) {
+                document.head.appendChild(styleEl);
+            }
+        }
+        else if (existing) {
+            existing.remove();
+        }
+    }
     processAuthResponse(response) {
         var _a, _b, _c, _d;
-        const { envelope, recipient } = response;
+        const { envelope, recipient, brand } = response;
         (_a = envelope.documents) === null || _a === void 0 ? void 0 : _a.sort((a, b) => (a.order !== b.order ? a.order - b.order : a.created_at.localeCompare(b.created_at)));
         const { auth_step } = recipient;
         this.recipient = recipient;
         this.envelope = envelope;
         this.disclosures = ((_c = (_b = this.envelope) === null || _b === void 0 ? void 0 : _b.organization) === null || _c === void 0 ? void 0 : _c.disclaimer) || DEFAULT_DISCLOSURES;
         this.applyOrgStyleOverrides();
+        this.applyBrandStyleOverrides(brand);
         this.authStep = auth_step;
         this.delegated = !!recipient.delegated_to;
         this.agreed = recipient.agreed;