@verdocs/web-sdk 6.12.1 → 6.13.1

package/dist/cjs/verdocs-quick-functions.cjs.entry.js

@@ -24,7 +24,7 @@ const VerdocsQuickFunctions = class {
         this.createDocument.emit();
     }
     render() {
-        return (index.h("div", { key: '3105c1e030e871a1708399307fcc09e3d6682c8f', class: "container" }, index.h("p", { key: '9fe8c5a5ff7be7c76ab02aa830d77ebd989d1a90', class: "title" }, "Quick Create"), index.h("button", { key: '5beefc8b1c58bdc295f24653d215c11c1c647f5b', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: 'e7c8c4e2afb5eacb0baebb84554dcd3b3fc5458a', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (index.h("div", { key: 'c0fa15063ca7e42e3dfd3e206a34c9987679ea86', class: "container" }, index.h("p", { key: 'decc0d8eb8bcd5ef42f8c8ad66ebf80877d0c9c8', class: "title" }, "Quick Create"), index.h("button", { key: '72c6b0f2eb3087dae54f6a3c74f7bbbe0dd4ed24', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: '2462f36ecb933a8703e83e8b4621a2fd88897d80', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
 };
 VerdocsQuickFunctions.style = verdocsQuickFunctionsCss();

package/dist/cjs/verdocs-radio-button.cjs.entry.js

@@ -25,7 +25,7 @@ const VerdocsRadioButton = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '7e9bbed16fe3a07d442f7bd7914a7c9fbeb482e2', class: { disabled: this.disabled } }, index.h("input", { key: '52701d1a04f0fd6b6c06a348f72559b6b6319054', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), index.h("label", { key: 'ba49de718c824b19fafd79b6a772b32c836a005c', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+        return (index.h(index.Host, { key: '6540c6df82964e146cc9fdff36fc2698fa469f40', class: { disabled: this.disabled } }, index.h("input", { key: '53b790041955adb193ccd82adca9862f55a5bebf', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), index.h("label", { key: 'b9bb26cb9c6181d7a63c091b0019bd0dd11f8810', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
     }
 };
 VerdocsRadioButton.style = verdocsRadioButtonCss();

package/dist/cjs/verdocs-search-box.cjs.entry.js

@@ -59,7 +59,7 @@ const VerdocsSearchBox = class {
         }
     }
     render() {
-        return (index.h("form", { key: '04600c8f163a1ec9e3608335749cbc71e0fe26ab', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (index.h("span", { key: '03d4d4228516d03ce1feb1ddd867b2f307c0dad2', class: "type" }, this.type, "s ", index.h("button", { key: '400c49c953b2f3ee69ea62aa068511f5770a339c', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), index.h("input", { key: '91dbcc6f22beacf9859be1bbf0a68c06af1ca04a', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), index.h("button", { key: '439f248c2a76f57e72dc8fb56162fd8e22b5281c', onClick: e => this.handleSearch(e), class: "search" }, index.h("span", { key: '646080b9faa9c7af5b14d0ed8d5f5f13ffeaa218', innerHTML: SearchIcon }), "Search")));
+        return (index.h("form", { key: '67da35d4b9c83147f9568c92098f132e12654ab4', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (index.h("span", { key: '70bd17abc4042f19ad518bce4e1d076a8d91f2f6', class: "type" }, this.type, "s ", index.h("button", { key: 'c7710ff13c8cfcf5b4db4861c57455c480306950', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), index.h("input", { key: 'cc20f133b4ef1f8a0035dee4cc00f249d6720f29', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), index.h("button", { key: 'f51ff08d3b476189442558e1df4b1dbd912519a2', onClick: e => this.handleSearch(e), class: "search" }, index.h("span", { key: '4089a9ccf5b4b905384dac7b283cb5d0d5ed63fb', innerHTML: SearchIcon }), "Search")));
     }
 };
 VerdocsSearchBox.style = verdocsSearchBoxCss();

package/dist/cjs/verdocs-search-tabs.cjs.entry.js

@@ -10,7 +10,7 @@ const VerdocsSearchTabs = class {
         this.selected = 'all';
     }
     render() {
-        return index.h("div", { key: '47559d52416a34751697d8813ace1471ff8fff29' }, "\u00A0");
+        return index.h("div", { key: '161c0333749e7110ea2a7fc585dfd7194959795f' }, "\u00A0");
     }
 };
 VerdocsSearchTabs.style = verdocsSearchTabsCss();

package/dist/cjs/verdocs-sign.cjs.entry.js

@@ -262,10 +262,32 @@ const VerdocsSign = class {
             existing.remove();
         }
     }
+    // A brand saved from the detail form has colors but no CSS block of its own. Those colors still
+    // have to reach the signing UI, so a minimal block is built from them, using the same variables
+    // the Builder would have emitted.
+    synthesizeBrandCss(brand) {
+        const primary = typeof brand.primary_color === 'string' ? brand.primary_color.trim() : '';
+        if (!/^#[0-9a-f]{6}$/i.test(primary)) {
+            return '';
+        }
+        const shade = (hex, amount) => {
+            const channel = (i) => Math.round(Math.max(0, Math.min(255, parseInt(hex.slice(i, i + 2), 16) * (1 + amount))));
+            return `#${[1, 3, 5].map(i => channel(i).toString(16).padStart(2, '0')).join('')}`;
+        };
+        const secondary = typeof brand.secondary_color === 'string' && /^#[0-9a-f]{6}$/i.test(brand.secondary_color.trim()) ? brand.secondary_color.trim() : primary;
+        return [
+            ':root, .verdocs-custom-theme {',
+            `  --verdocs-primary-color: ${primary};`,
+            `  --verdocs-primary-color-hover: ${shade(primary, -0.14)};`,
+            `  --verdocs-link-color: ${secondary};`,
+            `  --verdocs-checkbox-color: ${primary};`,
+            '}',
+        ].join('\n');
+    }
     applyBrandStyleOverrides(brand) {
         const styleId = this.getBrandStyleOverridesId();
         const existing = document.getElementById(styleId);
-        const overrides = brand === null || brand === void 0 ? void 0 : brand.style_overrides;
+        const overrides = brand ? (typeof brand.style_overrides === 'string' && brand.style_overrides.trim() ? brand.style_overrides : this.synthesizeBrandCss(brand)) : '';
         if (typeof overrides === 'string' && overrides.length > 0) {
             const styleEl = existing || document.createElement('style');
             styleEl.id = styleId;
@@ -279,15 +301,24 @@ const VerdocsSign = class {
         }
     }
     processAuthResponse(response) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         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) || jsSdk.DEFAULT_DISCLOSURES;
-        this.applyOrgStyleOverrides();
-        this.applyBrandStyleOverrides(brand);
+        this.disclosures = (brand === null || brand === void 0 ? void 0 : brand.disclaimer) || ((_c = (_b = this.envelope) === null || _b === void 0 ? void 0 : _b.organization) === null || _c === void 0 ? void 0 : _c.disclaimer) || jsSdk.DEFAULT_DISCLOSURES;
+        // A resolved brand (the envelope's own, or the organization's default) replaces the
+        // organization's legacy CSS block outright. Applying both let the older block's direct
+        // header and button rules beat the brand's variables, so the brand never showed.
+        if (brand) {
+            (_d = document.getElementById(this.getOrgStyleOverridesId())) === null || _d === void 0 ? void 0 : _d.remove();
+            this.applyBrandStyleOverrides(brand);
+        }
+        else {
+            this.applyOrgStyleOverrides();
+            this.applyBrandStyleOverrides(null);
+        }
         this.authStep = auth_step;
         this.delegated = !!recipient.delegated_to;
         this.agreed = recipient.agreed;
@@ -324,7 +355,7 @@ const VerdocsSign = class {
             this.nextButtonLabel = 'Next';
         }
         this.checkRecipientFields();
-        (_d = this.envelopeLoaded) === null || _d === void 0 ? void 0 : _d.emit({ endpoint: this.endpoint, envelope: this.envelope });
+        (_e = this.envelopeLoaded) === null || _e === void 0 ? void 0 : _e.emit({ endpoint: this.endpoint, envelope: this.envelope });
     }
     handleClickAgree() {
         this.submitting = true;
@@ -1162,7 +1193,8 @@ const VerdocsSign = class {
         const totalPages = this.envelope.documents.reduce((acc, doc) => acc + doc.pages, 0);
         const pageOptions = jsSdk.integerSequence(1, totalPages).map(p => ({ label: p.toString(), value: p.toString() }));
         let globalPageCounter = 0;
-        return (index.h(index.Host, null, this.toolbarStyle === 'menu' && (index.h("div", { id: "verdocs-sign-header" }, index.h("div", { class: "inner" }, index.h("div", { class: "title" }, this.envelope.name), index.h("div", { style: { flex: '1' } }), !this.finishLater && !this.submitted &&
+        return (index.h(index.Host, null, this.toolbarStyle === 'menu' && (index.h("div", { id: "verdocs-sign-header" }, index.h("div", { class: "inner" }, index.h("div", { class: "title" }, this.envelope.name), index.h("div", { style: { flex: '1' } }), !this.finishLater &&
+            !this.submitted &&
             (() => {
                 const remaining = this.getRequiredTotalCount() - this.getRequiredFilledCount();
                 const optionalLeft = this.getOptionalUnfilledCount();