@verdocs/web-sdk 4.2.139 → 4.2.141

package/dist/collection/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.js

@@ -74,7 +74,7 @@ export class VerdocsEnvelopeDocumentPage {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: 'a81d2ebfb4583ff9817dceff69838a2a38d51c58', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
+        return (h(Host, { key: '725aa4c47855fd5ba3594e5fcbf30cd267041f60', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
                 // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
                 // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
                 // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values

package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js

@@ -191,18 +191,18 @@ export class VerdocsEnvelopesList {
         });
     }
     render() {
-        return (h(Host, { key: '16ef23582bd602e8f1d73d6dededfbb9034411a3' }, h("div", { key: '08a44cfcd5b9c4c99196192889cd04b2b28d16dd', class: "header" }, h("div", { key: '1e52bd468584ed21fec2e82fab55df929fa6a882', class: "filter" }, h("verdocs-text-input", { key: 'da6f8fe6d6c7c890a50d89e754f0f6e8cf0dc1f5', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (h(Host, { key: '9f1eaf7fdbf0798a8ce02946ad3c42daf60a76b0' }, h("div", { key: '620cfe52f3e75e74de3dfb17d9d0f1913ff4de46', class: "header" }, h("div", { key: 'd62a2698c22c708bf94cf8a6a3add05d5399cfe1', class: "filter" }, h("verdocs-text-input", { key: '073ffcea37379f48cf3d6609a2b996c91ed51318', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
                 var _a;
                 // We don't locally filter envelopes because there are too many fields to match against efficiently.
                 this.match = e.target.value.trim();
                 (_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
-            } })), h("verdocs-quick-filter", { key: '3c530e4b939ea9beb56fb6a8ef185aefda997b5c', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: 'eef9479478f38926f330b4ff1489622a7c7e39b0', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: 'c1dea5014f12031c2811a3a420638dcf9a629518', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '5b85df2a2ac590e5a601352b1de516fa1d2fa5cc', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '3709b032cc82bf52bcd1b0502bc320378d80321a', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '06446e65471a4765623114e33b8a3fc35b375040', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && h("verdocs-spinner", { key: '41543cc37ff98e5b6243e26ad557c4db702b3785', mode: "dark", size: 24 }), h("div", { key: '3cb1462b5701c9845097d667eda3fcef56c6adf2', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'ebd3fc5c23bd0c26bc0044dcbc26b967e70ae3da', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && h("verdocs-spinner", { key: 'fca503be96b2f82fe1c70271491b5d094a804d43', mode: "dark", size: 24 }), h("div", { key: '3bdb02f99ef011100fbe7ed7f845f7c035c2a060', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'da857a4fbb5ce231d326c9e62b455333c596282c', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = getRecipientsWithActions(envelope);
             const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);
@@ -243,7 +243,7 @@ export class VerdocsEnvelopesList {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: '0d44a7b663ea9220fa43665f6245a78187ae6ef0', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'c024bc67a3360c9350b65bbd40948a63eb47f6bb', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: '99f0bc38e1fff5fefa09ca53b774dd3b468cfd71', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '9c5ecb405fcdb7f6623ad8faaa3289617621f013', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (h("div", null))));
     }

package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js

@@ -238,11 +238,11 @@ export class VerdocsStatusIndicator {
         }
         const icon = this.getStatusIcon(status);
         const statusMessage = this.getStatusMessage(status);
-        return (h(Host, { key: '26b42a98a4f70d09aeb1721916f3a6239b73b1cb', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
+        return (h(Host, { key: '6312602f7079a3c8d77671570118712d5ee4ea0f', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
                 e.stopPropagation();
                 e.preventDefault();
                 this.envelope && this.toggleDropdown();
-            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: '755c501d67a395d153c2433bcd0593931aed3b13', class: "icon", innerHTML: icon }), h("span", { key: '393027372c519cff2fbdf391cbd1325e880f46d0', class: "content" }, statusMessage), h("div", { key: '7e0168d274fa853e5b74ccadbc3cd1fc06751280', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: 'ef04e1f77c3cfbab5054946d7c48de5f60e9ee06', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
+            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: '002f53e8f17930ffb75c282b3db8555578b69381', class: "icon", innerHTML: icon }), h("span", { key: 'b1c8f30923fe0b19910c692f8117d81a69eba410', class: "content" }, statusMessage), h("div", { key: 'c00a99383415570210692cdecbfd83673d18937e', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: '8067991e8781d12151e774eb761dfab613e77fe3', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
     }
     static get is() { return "verdocs-status-indicator"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-card/verdocs-template-card.js

@@ -12,7 +12,7 @@ export class VerdocsTemplateCard {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '5d51a6309b35282260e0b5a9accb65368f66e137' }, h("span", { key: '5077d1f9917cd63eba77d19efa46854000d2285d', class: "name" }, this.template.name), h("span", { key: '3dfe49dbf90de379d47e6a4b9b1583ac38ff4abd', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: '9cf9967baf829422608934bb3cdc44e872655b6a' }), h("div", { key: 'a778ca45266cf6915903885658914388e2fb6482', class: "controls" }, h("div", { key: '3ac820a94080adccf68076cfd2c5acf795ad7fc8', class: "control" }, h("span", { key: '0f852a590b4ea1c7c523aa2d132de6a502ca64a3', class: "icon", innerHTML: StarIcon }), h("span", { key: 'b6d8ff745a148d734a443d6975546018c38d720c', class: "value" }, this.template.star_counter)), h("div", { key: '66ad10b503b311b1e474ac5a757eda68d7c14da9', class: "control secondary" }, h("span", { key: '5a799e82a7e982a3878267ba7142968a9ae57ed9', class: "icon", innerHTML: PagesIcon }), h("span", { key: '786f8e6e4c7d8050754d4c4879b7eb16c0f8616b', class: "value" }, ((_d = (_c = (_b = this.template) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pages) || 1)), h("div", { key: '8beaba61ba61c3d65b3b7f3e8a353ac4e851eeae', class: "control secondary" }, h("span", { key: 'af4de26fb0adc0b3dce0dd902b770870a1aeae50', class: "icon", innerHTML: EmailIcon }), h("span", { key: '98e12c32e97de73267f511ea736a9bcb1d63d027', class: "value" }, this.template.counter)), h("span", { key: 'df0f16420601b26ff1263370b92335df3fe0e80f', class: "additional-controls", innerHTML: ActionsIcon }))));
+        return (h(Host, { key: 'd91ad349d43b29a364e20eb2d552eda22a684bfb' }, h("span", { key: '3921cd424720786785071f698758d770a0ba3cea', class: "name" }, this.template.name), h("span", { key: '229f1190a546c8bd588b1a4588b880a70832c06a', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: '725d4d03814909199ada357874e0383d2306e34d' }), h("div", { key: 'c95f57c02bb89f14b12c1a501a241d0f799aa8bc', class: "controls" }, h("div", { key: 'ae9c7b8bf7a9e85d31aa29cfbaad1d458df50ac8', class: "control" }, h("span", { key: 'ce4ec610d9f87c2b8b6db99c89a9a25554aa46a0', class: "icon", innerHTML: StarIcon }), h("span", { key: '7b7440269617317f3a31c87d7bb4e470f9d3af06', class: "value" }, this.template.star_counter)), h("div", { key: '2edfdee2eabff9fd18d48bdcc1e9c6813dde6bcb', class: "control secondary" }, h("span", { key: 'a97c594f26a3a9550e49426a05b3a6aa40789246', class: "icon", innerHTML: PagesIcon }), h("span", { key: 'bd7425bb723624484a4550de2fca1970b53de2c9', class: "value" }, ((_d = (_c = (_b = this.template) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pages) || 1)), h("div", { key: '7a5e4e2bf93af1ac58140189d64762b806a4d25c', class: "control secondary" }, h("span", { key: '108128b396a7190df160120a696dfa5af51b2491', class: "icon", innerHTML: EmailIcon }), h("span", { key: 'af3b4bf2c3f3c421ed7403c61fd3ea4978322a66', class: "value" }, this.template.counter)), h("span", { key: 'ae096641db6ac975e3874e7af6bf509dd331025b', class: "additional-controls", innerHTML: ActionsIcon }))));
     }
     static get is() { return "verdocs-template-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-document-page/verdocs-template-document-page.js

@@ -94,7 +94,7 @@ export class VerdocsTemplateDocumentPage {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: 'ddeacbfbd9f38bddfbb5c9886df494881b4e38cf', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } }, layer.name === 'controls' &&
+        return (h(Host, { key: 'a27edb5194ef483dba9825b8c04e7a334e1bba50', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } }, layer.name === 'controls' &&
             this.fieldStore
                 .get('fields')
                 .filter(field => field && field.page === this.pageNumber)

package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js

@@ -115,34 +115,34 @@ export class VerdocsTemplateRoleProperties {
     }
     render() {
         const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
-        return (h(Host, { key: 'e859133491988f148c3b1736a4398b8ab3d87da8' }, h("div", { key: '3909479c1ff216a97bc9ee5df07dfa0c547b073e', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: 'b1c0e435243fe62a07c2b9d6335837882da57cfe', class: "dialog" }, h("form", { key: '2bc3b9fc3d7435d2f5de4376a22938b3bf208de4', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '9e99d4a2855a9e1ccba7a649ac34fe09dc901669', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
+        return (h(Host, { key: 'f8c0f4b3d408390e935c539583177c3ca16d9229' }, h("div", { key: 'dc1e94f660fd04fdd46949cea264665ffb13c386', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: 'b12d9663eb57894cadc189bd114c5e9394b5de73', class: "dialog" }, h("form", { key: 'b85e1cbb6cc84c0cede0a29ef33b51bb048b6b87', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '76180529bea555a4a3368f590c2a111ecac5bfc9', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
                 ? 'This role has fields assigned and can no longer be renamed.'
                 : 'A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.', placeholder: "Role Name...", onInput: (e) => {
                 this.name = e.target.value;
                 this.dirty = true;
-            } }), h("div", { key: 'fb7718ed3cd2d45dad955911a707f1ebc03daddf', class: "row" }, h("div", { key: '906a33520c1876782a1c368409e949ceb3420231', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'aa46196df7f7086eb06f8ef1c923bb230816d8bb', value: this.type, options: [
+            } }), h("div", { key: 'df08983c5f1362a22dc6e3aa2e63d956ff6d57c2', class: "row" }, h("div", { key: '2f19675fbf378cf95508d7ba92a67f655c046de6', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '1dbe2f47e8f8bbe06eed928fe1dea5aaac67b14d', value: this.type, options: [
                 { label: 'Signer', value: 'signer' },
                 { label: 'CC', value: 'cc' },
                 { label: 'Approver', value: 'approver' },
             ], onInput: (e) => {
                 this.type = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-help-icon", { key: 'a067ca5039e9cc1867d4cdcb5676adf2e1ef6481', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), h("verdocs-text-input", { key: '85714cf0dbdcd4a0c79c2befc043b4a390e3b95f', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "First Name...", onInput: (e) => {
+            } }), h("verdocs-help-icon", { key: 'acb627ac84f551f546ab78d24257c67b66547a21', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), h("verdocs-text-input", { key: '46bbd9cf613f063b97507db5847018f2e1050e96', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "First Name...", onInput: (e) => {
                 this.first_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: '868045c012e801b96d4214fbc608a85fd866933b', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Last Name...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: '235ec9a054944c50514b19f22dc55eeb118e78e2', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Last Name...", onInput: (e) => {
                 this.last_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: 'a4b721e35303f7c362b875a50b9c203874bb42aa', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: '322a925e71166b74a1519a95efeaf458de5e4636', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
                 this.email = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: 'e3ab999cb97d92d4e5c793691da9ca27927c8249', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: '3f38cfe49d5038659511bd78aaf1d7c198232ca7', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
                 this.phone = e.target.value;
                 this.dirty = true;
-            } }), h("div", { key: 'b221c25197ded12e34b5ed7d1d13868aed1a6a36', class: "row" }, h("div", { key: '6ce590cf0750efa571a560164bbb4254c6ed59f8', class: "input-label" }, "May Delegate:"), h("div", { key: 'c363f6f9cf568e2f2f4e96223867a7a561209e82', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '467194ade1af0f5e2b7db9461182ec107b5b1ab3', checked: this.delegator, onInput: (e) => {
+            } }), h("div", { key: '36848d9cca848871dd9446cf610422d3bb3dec5a', class: "row" }, h("div", { key: 'a0981091c78c70485c667d7815bcf1265120f01a', class: "input-label" }, "May Delegate:"), h("div", { key: 'fe3b762847c9163b13df5cfd4515cc33b0b75881', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: 'e0dbfd9356f331030b659bf1a0e2d2e708eb1e9a', checked: this.delegator, onInput: (e) => {
                 this.delegator = e.target.checked;
                 this.dirty = true;
-            } })), h("verdocs-help-icon", { key: '686fb7099a49a1200663822074716677e86ad233', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '5dfb3746293fef7859c6e238af7f8667fe716937', class: "buttons" }, h("button", { key: '154f4b763b424a393b9481a648f4a173ce2e75a5', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '03bb58e5af7e9ae81684d60c86fc030dfb0fa56a', style: { flex: '1' } }), h("verdocs-button", { key: '8eb2d90795a3ff5c44129f4ed92e25e9abc25140', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'dbd0c72f9523f077ee4dd7fbe0cde9d89cbb8f8e', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
+            } })), h("verdocs-help-icon", { key: 'a9e562dec930345f38b80dc24ec3002f01730916', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '35f529ca8a2470bc6311e838e3185432b6a4f5f3', class: "buttons" }, h("button", { key: 'fd67b04b234ef3dd768b6fac3ebd1c45a8d62ae4', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'e050a318046ea51566f3d2c1b52a39ecf4001dd5', style: { flex: '1' } }), h("verdocs-button", { key: 'b4661018898ab310dc0e0e5738bd7707c056ee6d', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '978b78c58668af0b81a9de136f04c57bba4fce54', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
     }
     static get is() { return "verdocs-template-role-properties"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.js

@@ -38,7 +38,7 @@ export class VerdocsTemplateStar {
         });
     }
     render() {
-        return (h(Host, { key: 'adb2581eccc56b94ef7f8cbfeb9108b336abda86' }, h("div", { key: '38a6a2196a7f84325c6dc21c7788d5fd977760e1', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '100cbca2df2d3d31acce78c7dec72444e35a191a', class: "count" }, this.template.star_counter || '--')));
+        return (h(Host, { key: '7003637e9953f089bf0ddf9a128ab416103f64db' }, h("div", { key: '8b53c549e72e2b8432edc6d6de7d5ec4af746b37', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '66382354cf49ca5f0b01896983d34a3d27684041', class: "count" }, this.template.star_counter || '--')));
     }
     static get is() { return "verdocs-template-star"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-tags/verdocs-template-tags.js

@@ -8,7 +8,7 @@ export class VerdocsTemplateTags {
     }
     render() {
         var _a;
-        return (h(Host, { key: '8d6457fdcd02cee93906ee2ba5c59c0780d69dc8' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
+        return (h(Host, { key: '67dd899e37a2c181705a9abf3ea031869e93257b' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
     }
     static get is() { return "verdocs-template-tags"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js

@@ -144,24 +144,24 @@ export class VerdocsTemplatesList {
         // In addition to the server query we also filter locally. This provides a faster UI update
         // while the onBlur re-queries the server for any new records that now qualify by the filter.
         const locallyFilteredTemplates = !this.localNameFilter ? this.templates : this.templates.filter(t => t.name.toLowerCase().includes(this.localNameFilter.toLowerCase()));
-        return (h(Host, { key: 'df2f80ba1899611e07046635844fd1e4a2bd801f' }, h("div", { key: '0560522cb614307dfe4c6125faf9c183e510adc8', class: "header" }, h("div", { key: 'd0490c7d5a610b8b780762dfbc5a141c0799b7d7', class: "filter" }, h("verdocs-text-input", { key: '44b9c9e7429b377b0ed52b9404b6f3d61af8efb0', id: "verdocs-filter-name", value: this.name, clearable: true, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => (this.localNameFilter = e.target.value.trim()), onFocusout: (e) => {
+        return (h(Host, { key: '8a4c436255e24af2dd9bffaa108a3c62ea72accc' }, h("div", { key: 'a28f3b140c708fc9491a1567b7e0977d00b02b23', class: "header" }, h("div", { key: 'ecb9bf6ea174af19a155b3bffdd9f3df6e3d0452', class: "filter" }, h("verdocs-text-input", { key: 'b4f4046fee300d2deefe70246158cb6048844e75', id: "verdocs-filter-name", value: this.name, clearable: true, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => (this.localNameFilter = e.target.value.trim()), onFocusout: (e) => {
                 var _a;
                 this.name = e.target.value.trim();
                 this.localNameFilter = e.target.value.trim();
                 (_a = this.changeName) === null || _a === void 0 ? void 0 : _a.emit(this.name);
-            } })), h("verdocs-quick-filter", { key: '72bebecb5ae71d1668df2c095fedba131794a1da', label: "Visibility", value: this.visibility, options: VisibilityFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: 'c070d309bdf00dbdcb244929cbe3f16ce404656f', label: "Visibility", value: this.visibility, options: VisibilityFilters, onOptionSelected: e => {
                 var _a;
                 this.visibility = e.detail.value;
                 (_a = this.changeVisibility) === null || _a === void 0 ? void 0 : _a.emit(this.visibility);
-            } }), h("verdocs-quick-filter", { key: '79af88bb274bdfe78799ecbd8df43823d3e87eb1', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: 'ed6d35f557ae3c39498b020167e572024d8c2fa0', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
                 var _a;
                 this.starred = e.detail.value;
                 (_a = this.changeStarred) === null || _a === void 0 ? void 0 : _a.emit(this.starred);
-            } }), h("verdocs-quick-filter", { key: '107623692057664e0b42892cab4256df8e274f1f', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: '59ae730527224140d6b4ae1f94878ccc3cc9e5e8', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
                 var _a;
                 this.sort = e.detail.value;
                 (_a = this.changeSort) === null || _a === void 0 ? void 0 : _a.emit(this.sort);
-            } }), this.loading && h("verdocs-spinner", { key: '1982cc9021bf92da53e2b4a6dc0814039a9fa70a', mode: "dark", size: 24 }), h("div", { key: '581288dea09d793a050c192fc472041138b205dc', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
+            } }), this.loading && h("verdocs-spinner", { key: '10c67eddf0cd00c85f636251b276f8fb6acc8a0c', mode: "dark", size: 24 }), h("div", { key: '615ebf459f9ee6c07a171393844add188b1af82a', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
             const dateToShow = this.sort === 'created_at' ? 'created_at' : this.sort === 'updated_at' ? 'updated_at' : 'last_used_at';
             const date = template[dateToShow];
             const MENU_OPTIONS = [];
@@ -208,9 +208,9 @@ export class VerdocsTemplatesList {
                     var _a;
                     (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template });
                 } }, h("div", { class: "inner" }, h("verdocs-template-star", { template: template, endpoint: this.endpoint }), h("div", { class: "spacer icon-spacer" }), h("div", { class: "name" }, template.name), h("div", { class: "spacer usage-spacer" }), h("div", { class: "usage" }, h("span", { innerHTML: EnvelopeIcon, title: "Usage Counter" }), template.counter || '--'), h("div", { class: "spacer last-used-spacer" }), h("div", { class: "last-used" }, dateToShow === 'created_at' && h("span", { innerHTML: CreatedIcon, title: "Created" }), dateToShow === 'updated_at' && h("span", { innerHTML: UpdatedIcon, title: "Last Updated" }), dateToShow === 'last_used_at' && h("span", { innerHTML: LastUsedIcon, title: "Last Used" }), date ? format(new Date(date), 'P') : 'Never'), h("div", { class: "spacer ownership-spacer" }), template.is_public && (h("div", { class: "ownership" }, h("span", { innerHTML: GlobeAltIcon }), " Public")), !template.is_public && !template.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: LockClosedIcon }), " Private")), !template.is_public && template.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: BuildingOfficeIcon }), " Shared")), h("verdocs-dropdown", { options: MENU_OPTIONS, onOptionSelected: e => this.handleOptionSelected(e.detail.id, template) }))));
-        }), !this.initiallyLoaded && (h("div", { key: '02ce593d239cb477eedbfc172e33e3e9f3e9c27e' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: 'b77da1610613c37b725466e1d1613ab8ad625df0', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: '3163f2916038b79f02e5cbda0c73d8da99b7770c' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: 'ad467ef5f9d17286134252e0dac59584a670f381', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
-            } }))) : (h("div", null)), this.confirmDelete && (h("verdocs-ok-dialog", { key: 'b90a1e4a606e46659065a0de6c492213b0e31260', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
+            } }))) : (h("div", null)), this.confirmDelete && (h("verdocs-ok-dialog", { key: '523648491adbf8f81da3b3e2a239d671b3e087d6', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
     }
     static get is() { return "verdocs-templates-list"; }
     static get originalStyleUrls() {

package/dist/components/verdocs-button-panel2.js

@@ -67,10 +67,10 @@ const VerdocsButtonPanel = /*@__PURE__*/ proxyCustomElement(class VerdocsButtonP
         }
     }
     render() {
-        return (h(Host, { key: 'dc57ed3d5634111d4ee32d67dc61c3afa572b9b1' }, h("div", { key: '560c2a6acecc384732fec417b157d23c0cf64284', class: "icon", innerHTML: this.icon, onClick: (e) => {
+        return (h(Host, { key: '2328093cde073dbec39bd31f3d63dd677e1ffa24' }, h("div", { key: '3063d313220631924c881a0f028a8c066a467340', class: "icon", innerHTML: this.icon, onClick: (e) => {
                 e.stopPropagation();
                 return this.toggle();
-            }, ref: el => (this.iconEl = el) }), h("div", { key: 'b41adf9d33913928e4f657f3b17a5346b6aae636', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: '49bb8f2a1c5c89233349219ca9ac4256b75a07d3', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: '0328d566cbb551fc35f9a4ef8f2265de958b3391' }))));
+            }, ref: el => (this.iconEl = el) }), h("div", { key: 'eb1d15cae3db271014ba9c05f7749ec0fb48435a', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: '4d4e81de6a905f2145f51537149ae8874c9e2855', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: '0118fddf566568d318e9496adbfcd49686969194' }))));
     }
     static get style() { return VerdocsButtonPanelStyle0; }
 }, [4, "verdocs-button-panel", {

package/dist/components/verdocs-button2.js

@@ -16,7 +16,7 @@ const VerdocsButton = /*@__PURE__*/ proxyCustomElement(class VerdocsButton exten
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: 'e9771fa14f70fd9f3ea7d2f643a46bdcc5a3b1e8', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? h("span", { class: "icon start", innerHTML: this.startIcon }) : null, h("span", { key: 'ba98cd4f1c26cbfafb63314fe139a8dedfcca6bf', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
+        return (h("button", { key: '1a6d3fe8be68d100ca27cfe11ca8a94c4973ed12', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? h("span", { class: "icon start", innerHTML: this.startIcon }) : null, h("span", { key: '0b97033c8aec172b908231b16937670b0e998774', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
     }
     static get style() { return VerdocsButtonStyle0; }
 }, [0, "verdocs-button", {

package/dist/components/verdocs-checkbox2.js

@@ -15,7 +15,7 @@ const VerdocsCheckbox = /*@__PURE__*/ proxyCustomElement(class VerdocsCheckbox e
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '7557fbb5f4b2b7c2f73cb70e92c47f72082f7345', class: { disabled: this.disabled, [this.theme]: true } }, h("label", { key: '525745e68d4688a0249a06ad0f86127dc32d8985' }, h("input", { key: 'a96e6f0816efa3f4780883e525441413226b7cb2', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), h("span", { key: 'b76e4c1b66f48792db9c75577cb23031ce1cf09f' }, this.label))));
+        return (h(Host, { key: '008593a13b7353d959884be116c33130195afc1d', class: { disabled: this.disabled, [this.theme]: true } }, h("label", { key: 'a09444ec1e7d5670095623f3eac2f808ce622f84' }, h("input", { key: 'ec157d44ab08722eb04e44c0a863ac1968110b35', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), h("span", { key: 'b2a9e3dec69778c2ef38e8cfa1a3ecf6ac891db4' }, this.label))));
     }
     static get style() { return VerdocsCheckboxStyle0; }
 }, [0, "verdocs-checkbox", {

package/dist/components/verdocs-component-error2.js

@@ -10,7 +10,7 @@ const VerdocsComponentError = /*@__PURE__*/ proxyCustomElement(class VerdocsComp
         this.message = '';
     }
     render() {
-        return (h(Host, { key: 'f04b367fe3bba058c058c12214e49256397d1d0b' }, h("div", { key: '79520ee8597e0ffa075834719355241389a933ef', class: "inner" }, this.message)));
+        return (h(Host, { key: 'b852ad72093698987e6142e1d87b7d4522395c79' }, h("div", { key: '5bb10a4aa2f551b7edd88d5ae119a201ee90f289', class: "inner" }, this.message)));
     }
     static get style() { return VerdocsComponentErrorStyle0; }
 }, [0, "verdocs-component-error", {

package/dist/components/verdocs-contact-picker2.js

@@ -1,12 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
-import { VerdocsEndpoint, formatFullName } from '@verdocs/js-sdk';
+import { VerdocsEndpoint, formatFullName, isValidEmail } from '@verdocs/js-sdk';
 import { c as convertToE164 } from './utils.js';
 import { d as defineCustomElement$4 } from './verdocs-button2.js';
 import { d as defineCustomElement$3 } from './verdocs-help-icon2.js';
 import { d as defineCustomElement$2 } from './verdocs-select-input2.js';
 import { d as defineCustomElement$1 } from './verdocs-toggle-button2.js';
 
-const verdocsContactPickerCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-contact-picker{display:block;border:1px solid #ebebeb;background-color:#ffffff;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form{gap:12px;width:300px;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5fa}verdocs-contact-picker form .row{gap:8px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-contact-picker form .row.message{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}verdocs-contact-picker form .names-row{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .names-row>input{font-size:14px;width:103px}verdocs-contact-picker form .kba-row{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .kba-row verdocs-select-input{margin:0}verdocs-contact-picker form .pin-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .pin-code>input{-ms-flex:0;flex:0;width:133px;font-size:14px;margin-left:58px}verdocs-contact-picker form .zip-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .zip-code>input{-ms-flex:0;flex:0;width:133px;font-size:14px;margin-left:58px}verdocs-contact-picker form label{display:-ms-flexbox;display:flex;-ms-flex:0 0 50px;flex:0 0 50px;font-size:14px;font-weight:500;color:#5c6575}verdocs-contact-picker form .row.message label{-ms-flex:0;flex:0}verdocs-contact-picker form .row.message input{width:100%}verdocs-contact-picker form input{-ms-flex:1;flex:1;padding:6px;font-size:14px;border-radius:3px;background:rgba(0, 0, 0, 0.0196078431);border:1px solid rgba(112, 122, 229, 0.3725490196)}verdocs-contact-picker form input:focus{outline:none}verdocs-contact-picker form .dropdown{left:0;right:0;top:49px;z-index:1000000;max-height:225px;overflow-y:scroll;position:absolute;background:#ffffff;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form .dropdown .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .dropdown .suggestion svg{width:32px;height:32px}verdocs-contact-picker form .dropdown .suggestion .avatar{width:32px;height:32px;-ms-flex:0 0 32px;flex:0 0 32px;margin-right:8px;border-radius:100%}verdocs-contact-picker form .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}verdocs-contact-picker form .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}verdocs-contact-picker form .dropdown .suggestion:hover{background:#eee;cursor:pointer}verdocs-contact-picker .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-contact-picker ::-webkit-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-moz-placeholder{color:#aaaaaa}verdocs-contact-picker :-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::placeholder{color:#aaaaaa}verdocs-contact-picker [data-lastpass-icon-root]{display:none !important}";
+const verdocsContactPickerCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-contact-picker{display:block;border:1px solid #ebebeb;background-color:#ffffff;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form{gap:12px;width:300px;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5fa}verdocs-contact-picker form .row{gap:8px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-contact-picker form .row.message{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}verdocs-contact-picker form .names-row{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .names-row>input{font-size:14px;width:103px}verdocs-contact-picker form .kba-row{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .kba-row verdocs-select-input{margin:0}verdocs-contact-picker form .pin-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .pin-code>input{-ms-flex:0;flex:0;width:133px;font-size:14px;margin-left:58px}verdocs-contact-picker form .address{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .address>input{-ms-flex:1;flex:1;font-size:14px;margin-left:58px}verdocs-contact-picker form .zip-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .zip-code>input{-ms-flex:1;flex:1;font-size:14px;margin-left:58px}verdocs-contact-picker form label{display:-ms-flexbox;display:flex;-ms-flex:0 0 50px;flex:0 0 50px;font-size:14px;font-weight:500;color:#5c6575}verdocs-contact-picker form .row.message label{-ms-flex:0;flex:0}verdocs-contact-picker form .row.message input{width:100%}verdocs-contact-picker form input{-ms-flex:1;flex:1;padding:6px;font-size:14px;border-radius:3px;background:rgba(0, 0, 0, 0.0196078431);border:1px solid rgba(112, 122, 229, 0.3725490196)}verdocs-contact-picker form input:focus{outline:none}verdocs-contact-picker form .dropdown{left:0;right:0;top:49px;z-index:1000000;max-height:225px;overflow-y:scroll;position:absolute;background:#ffffff;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form .dropdown .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .dropdown .suggestion svg{width:32px;height:32px}verdocs-contact-picker form .dropdown .suggestion .avatar{width:32px;height:32px;-ms-flex:0 0 32px;flex:0 0 32px;margin-right:8px;border-radius:100%}verdocs-contact-picker form .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}verdocs-contact-picker form .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}verdocs-contact-picker form .dropdown .suggestion:hover{background:#eee;cursor:pointer}verdocs-contact-picker .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-contact-picker ::-webkit-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-moz-placeholder{color:#aaaaaa}verdocs-contact-picker :-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::placeholder{color:#aaaaaa}verdocs-contact-picker [data-lastpass-icon-root]{display:none !important}";
 const VerdocsContactPickerStyle0 = verdocsContactPickerCss;
 
 const messageIcon = '<svg focusable="false" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"></path></svg>';
@@ -29,6 +29,7 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
         this.email = undefined;
         this.phone = undefined;
         this.zip = undefined;
+        this.address = undefined;
         this.message = undefined;
         this.showSuggestions = false;
         this.showMessage = false;
@@ -90,6 +91,7 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
             delegator: this.delegator,
             kba_method: this.kba_method,
             kba_pin: this.kba_pin,
+            address: this.address,
             zip: this.zip,
         });
     }
@@ -104,23 +106,28 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
     // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them
     // and show a duplicate autocomplete picker on top of our own.
     render() {
-        const hasBasics = this.first_name && this.last_name && (this.email || this.phone);
-        const hasKbaRequirements = !this.kba_method || (this.kba_method === 'pin' && this.kba_pin) || (this.kba_method === 'identity' && this.zip);
+        // TODO: Re-activate this one SMS is re-enabled
+        // const hasBasics = this.first_name && this.last_name && (isValidEmail(this.email) || isValidPhone(this.phone));
+        const hasBasics = this.first_name && this.last_name && isValidEmail(this.email);
+        const hasKbaRequirements = !this.kba_method || (this.kba_method === 'pin' && this.kba_pin) || (this.kba_method === 'identity' && this.address && this.zip);
         const canSubmit = hasBasics && hasKbaRequirements;
-        return (h("form", { key: '7294747ca679694dc795001c654c3451602430ea', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '15c6ac1100095543590800d0ab09b6e1fb270d18', class: "row" }, h("label", { key: '1b06b8a15f67015eee52012ebf4f179ceb0e0442', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: '3578e8898d0d4f62784e46c7be13d38bb017b54d', class: "names-row" }, h("input", { key: 'e23199d423f95756526551efc9ee59cc0fac35d7', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.first_name, placeholder: "First...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: 'f32adffb0b5de42ced7c866c21d0e316efea6c43', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.last_name, placeholder: "Last...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("div", { key: '581c0c9332814b3e9fe2c6a5accc17537eff2527', class: "dropdown" }, this.contactSuggestions
+        return (h("form", { key: 'd40d7ab6926801a72fc905124323740cdcc7af82', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '1cc65cc395753e4d5de4287b09216d6e07439592', class: "row" }, h("label", { key: '7a1120950c72c4f7346b938a1f37dd1972f35df6', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: 'd627bc1a4afbe9124ac6a13d51bf302e3001ec1d', class: "names-row" }, h("input", { key: '0c253b1af4193a0be2eff1fdc37b2afd389ae628', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.first_name, placeholder: "First...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: '94783d62f158a900d1d500f35c9f39f104dab573', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.last_name, placeholder: "Last...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("div", { key: 'f871569070a3f5607e3105fce9fbc0556a158698', class: "dropdown" }, this.contactSuggestions
             .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
             .map(suggestion => {
             var _a;
             return (h("div", { key: (_a = suggestion.id) !== null && _a !== void 0 ? _a : suggestion.email, class: "suggestion", onClick: e => this.handleSelectSuggestion(e, suggestion) }, suggestion.picture ? h("img", { alt: "Avatar", class: "avatar", src: suggestion.picture }) : h("div", { class: "avatar", innerHTML: addrBookIcon }), h("div", { class: "details" }, h("div", { class: "name" }, formatFullName(suggestion)), suggestion.email && h("div", { class: "destination" }, suggestion.email), suggestion.phone && h("div", { class: "destination" }, suggestion.phone))));
-        })))), h("div", { key: '206cac1ceb6f07d79022fdf7157e19f9683ba2cf', class: "row" }, h("label", { key: 'a695a0975d7d1786d5e7a61bf31bb6f6c3aeb6f8', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '9f3c8ae1475eda947a2f9ea78de2df3d088058ad', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.email, placeholder: "Email address...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), h("div", { key: '557cbc19d97671dc89e0e3a94a925f41963924cc', class: "row" }, h("label", { key: 'e94c9521ff3e15bdff1c1d00b1039220ace4a15e', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '4a32ee79ec7280fccafaab5c20b4de9fbd4a07c6', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone (SMS)...", onFocus: () => (this.showSuggestions = false), onInput: (e) => convertToE164(e.target.value) })), this.showKba && (h(Fragment, { key: '85605b9ad8792de727994fce8f571a277781e60e' }, h("div", { key: '72f588d9842917bf07a978fa6f22f3e0b2a5d400', class: "kba-row" }, h("label", { key: '84b55053d2ba286f3c319e995973c9bba3eca481' }, "KBA:"), h("verdocs-select-input", { key: '82aa458e82904711790e814e631061093d0f808b', value: this.kba_method, onInput: (e) => {
+        })))), h("div", { key: '5eacfbeefc837f28ea047bc323272b09fef575e5', class: "row" }, h("label", { key: '4bf46b0b13fa3cafd608589b042577296fdc1594', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '619e6531fe613f8f52958c76ab52776660e4534f', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.email, placeholder: "Email address...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), h("div", { key: 'd63956f4aa8dce0e97209be869ae8648a62b9fdb', class: "row" }, h("label", { key: '5dd9cf94ed4b8003521d5083b6553d71e9dd3dee', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '063fc3193ef9cb0955060d5cd092c7783cba5098', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone (SMS)...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
+                this.phone = convertToE164(e.target.value);
+            } })), this.showKba && (h(Fragment, { key: '48e0af03f5a249ef2c20e2df222341120a6c3b5c' }, h("div", { key: '4346ebf44c8e0c243a1f746590246c7490eea2fe', class: "kba-row" }, h("label", { key: 'd25915358b4484f75eee50018e6bda21cd70960d' }, "KBA:"), h("verdocs-select-input", { key: 'ee98c872450e200dcbfaef60d771e5af326836d0', value: this.kba_method, onInput: (e) => {
                 this.kba_method = e.target.value;
                 this.zip = '';
+                this.address = '';
                 this.kba_pin = '';
             }, options: [
                 { label: 'None', value: '' },
                 { label: 'PIN Code', value: 'pin' },
                 { label: 'Full Verification', value: 'identity' },
-            ] }), h("div", { key: '473a6afc0526166923ee52dbf3d58ac010417632', style: { flex: '1' } }), h("verdocs-help-icon", { key: '19a702f79ee06507a8d7d5df39e7bf143afee1ba', text: "Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature." })), this.kba_method === 'pin' && (h("div", { key: 'd6b40b1635f8b34babad7e5aa5f59c805f498675', class: "row pin-code" }, h("input", { key: '5d5b69f18b8d6fc730a25796c4988ca8089f8713', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.kba_pin, placeholder: "PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.kba_pin = e.target.value) }))), this.kba_method === 'identity' && (h("div", { key: '1fd10328d614a60d046e8e5bb5256b7cedf48031', class: "row zip-code" }, h("input", { key: '5bc3fe7cf69208cfdd4ab0471ce50d4ce6488f34', id: "verdocs-zip-code", name: "verdocs-zip-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.zip, placeholder: "Zip Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.zip = e.target.value) }))))), this.showMessage && (h("div", { key: 'a618f1924afbf97051d92cbac1b60fac6b1b41c0', class: "row message" }, h("label", { key: '013453934007a7146d4cd1b7216de02f4f592cf8', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: 'a7984b0dc78ae4b4aba2dff258ffce6258742049', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Message shown in invitation...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.message = e.target.value) }))), h("div", { key: 'c8c3cdc7b905dda4d430b050a42d12fe5a4330d6', class: "buttons" }, h("verdocs-toggle-button", { key: 'ed784a9910c000ca8704a6281dc1851beedbd8cb', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
+            ] }), h("div", { key: '957a356a2e8c5a1b3ee5385f9a8f5415c5a46e65', style: { flex: '1' } }), h("verdocs-help-icon", { key: 'a4f8fec22927ef6c2f128e54352698a56ce37a82', text: "Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature." })), this.kba_method === 'pin' && (h("div", { key: 'b86ac5c7d462bcf496a798238dd5faab5b426dcc', class: "row pin-code" }, h("input", { key: '4cd823f381dcaa148f010eaa3120899a2b1e520b', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.kba_pin, placeholder: "PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.kba_pin = e.target.value) }))), this.kba_method === 'identity' && (h("div", { key: 'b4ca6e66fec7d2207e1cfea367b8634c2a846298', class: "row address" }, h("input", { key: '98797c6fa77aab7616dbc46fe4cffd2be2711443', id: "verdocs-address", name: "verdocs-address", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.address, placeholder: "Address...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.address = e.target.value) }), h("verdocs-help-icon", { key: 'a25ec19d4765ce7b43018ce7fcf5818a96a7133d', text: "Pre-fill the recipient's current street address. They will still be asked ID challenge questions." }))), this.kba_method === 'identity' && (h("div", { key: '3ddd93dec30290944b8ee2810a7c61ea66cae603', class: "row zip-code" }, h("input", { key: 'eeb1c0dacec272a10886b3a6c9b7042d3c9d3c43', id: "verdocs-zip-code", name: "verdocs-zip-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.zip, placeholder: "Zip Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.zip = e.target.value) }), h("verdocs-help-icon", { key: '140e700ed613664ebb33d39c5af117c9e7969aa1', text: "Pre-fill the recipient's current zip code. They will still be asked ID challenge questions." }))))), this.showMessage && (h("div", { key: '93a84aefd533d9c2c88cb843da08fab4bd5981a8', class: "row message" }, h("label", { key: '719b04a962c48b31aab9480c22d5d81a53ed1858', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: 'c0931551ef1a2f3fda6cd55b155f43d22aa93852', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Message shown in invitation...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.message = e.target.value) }))), h("div", { key: 'a547e03cd3054068f022f4203b823f9c0075c3d4', class: "buttons" }, h("verdocs-toggle-button", { key: '2ba5baaf63bf580d536c8823e924f786d506eab5', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
                 this.showKba = e.detail.active;
                 if (!e.detail.active) {
                     this.kba_pin = '';
@@ -128,10 +135,10 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
                     this.zip = '';
                 }
                 this.showSuggestions = false;
-            } }), h("verdocs-toggle-button", { key: 'b6d705f7d20d22e3f7d97b399096507912f8c11b', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
+            } }), h("verdocs-toggle-button", { key: '5d5d3786fe83fc99f42061e273098bb97ff36eb0', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
                 this.showMessage = e.detail.active;
                 this.showSuggestions = false;
-            } }), h("div", { key: '73db7367acc8b9573bcd51eafc5d5c6c6d09f04c', class: "flex-fill" }), h("verdocs-button", { key: '9cf8f79300ed93a65d6e570f87151c131327109b', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'c4f6732a45409ccc7bd9927c3fd7ab97db8c301d', label: "OK", size: "small", disabled: !canSubmit, onClick: e => this.handleSubmit(e) }))));
+            } }), h("div", { key: 'a90c22f81cd8b13bd4646bf039693d1bc24cd95c', class: "flex-fill" }), h("verdocs-button", { key: '6ab5ef1e3f15561b44ee415f359c22bdf0a840ca', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '3b773438022361c3c04cdcad5a94d0673d887239', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
     }
     static get style() { return VerdocsContactPickerStyle0; }
 }, [0, "verdocs-contact-picker", {
@@ -143,6 +150,7 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
         "email": [32],
         "phone": [32],
         "zip": [32],
+        "address": [32],
         "message": [32],
         "showSuggestions": [32],
         "showMessage": [32],

package/dist/components/verdocs-dialog.js

@@ -18,7 +18,7 @@ const VerdocsDialog$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsDialog ext
         }
     }
     render() {
-        return (h(Host, { key: '69b76fb787f5d5ec37a25eb8f57f29d3e5270738' }, h("div", { key: '7b51c32e9a13f7bff7dc2be2ae9131dfa6d01a9c', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '3b45d82620faae9b0029dd7b6cf618c35ac2b012', class: "dialog" }, h("slot", { key: '2b174b920ce6642abd2c6e81d260185aee1dc8ac', name: "title" }, h("div", { key: '0352aa2f8209196cbd2c70fd582935b0bde710be', class: "heading" }, "Please Confirm")), h("div", { key: '3a7f23801de0fcf7ab9c6a768d5cf609100c4c87', class: "content" }, h("slot", { key: '916644ee3bebda7703ad64f87ae1111656a5155f' }))))));
+        return (h(Host, { key: '6af3d8e041c352f4125a67488a311751fd8c1401' }, h("div", { key: 'c00e484f1564cf12ee69a9b44c479fc0bc48a788', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '603b57d62c4d9b28d3dc63146d39cc52ec58d479', class: "dialog" }, h("slot", { key: '0808d13eef9177505e77cb4d4b013520b9bbab7d', name: "title" }, h("div", { key: 'aa4ac24cd90fa930b72c2a9e71d61296a1b67802', class: "heading" }, "Please Confirm")), h("div", { key: '3420c0f08d411ae7765f2bdbfb3f93775ef5459f', class: "content" }, h("slot", { key: '6f0c8648d2494b35a7a352ca483b996990dce72b' }))))));
     }
     static get style() { return VerdocsDialogStyle0; }
 }, [4, "verdocs-dialog"]);

package/dist/components/verdocs-dropdown2.js

@@ -26,7 +26,7 @@ const VerdocsDropdown = /*@__PURE__*/ proxyCustomElement(class VerdocsDropdown e
     }
     render() {
         const elId = `verdocs-dropdown-${randomString(8)}`;
-        return (h(Host, { key: 'dc3b9c5435514215a35bd5e48c3fa46cb4b52b1a' }, h("button", { key: '32498fb53db5b6a52ea322502db30305e56da038', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", id: elId, onClick: () => (this.showPicker = !this.showPicker) }), this.showPicker && (h("verdocs-portal", { key: '7f28b532132499c14f615678b963c8b615cdeea3', anchor: elId, onClickAway: () => (this.showPicker = false), id: "verdocs-dropdown-menu-items" }, this.options.map(option => {
+        return (h(Host, { key: 'c6bef6cbf6bf5ea11060ee051288e0a9169c59f5' }, h("button", { key: '494f34e8cce26292a27180e00f1bdf5b050b4166', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", id: elId, onClick: () => (this.showPicker = !this.showPicker) }), this.showPicker && (h("verdocs-portal", { key: '529dff704b16259e98ed8693173621a39da97d21', anchor: elId, onClickAway: () => (this.showPicker = false), id: "verdocs-dropdown-menu-items" }, this.options.map(option => {
             if (!option.label) {
                 return h("div", { class: "verdocs-dropdown-menu-separator" });
             }

package/dist/components/verdocs-envelope-document-page2.js

@@ -75,7 +75,7 @@ const VerdocsEnvelopeDocumentPage = /*@__PURE__*/ proxyCustomElement(class Verdo
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: 'a81d2ebfb4583ff9817dceff69838a2a38d51c58', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
+        return (h(Host, { key: '725aa4c47855fd5ba3594e5fcbf30cd267041f60', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
                 // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
                 // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
                 // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values

package/dist/components/verdocs-envelopes-list.js

@@ -204,18 +204,18 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
         });
     }
     render() {
-        return (h(Host, { key: '16ef23582bd602e8f1d73d6dededfbb9034411a3' }, h("div", { key: '08a44cfcd5b9c4c99196192889cd04b2b28d16dd', class: "header" }, h("div", { key: '1e52bd468584ed21fec2e82fab55df929fa6a882', class: "filter" }, h("verdocs-text-input", { key: 'da6f8fe6d6c7c890a50d89e754f0f6e8cf0dc1f5', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (h(Host, { key: '9f1eaf7fdbf0798a8ce02946ad3c42daf60a76b0' }, h("div", { key: '620cfe52f3e75e74de3dfb17d9d0f1913ff4de46', class: "header" }, h("div", { key: 'd62a2698c22c708bf94cf8a6a3add05d5399cfe1', class: "filter" }, h("verdocs-text-input", { key: '073ffcea37379f48cf3d6609a2b996c91ed51318', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
                 var _a;
                 // We don't locally filter envelopes because there are too many fields to match against efficiently.
                 this.match = e.target.value.trim();
                 (_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
-            } })), h("verdocs-quick-filter", { key: '3c530e4b939ea9beb56fb6a8ef185aefda997b5c', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: 'eef9479478f38926f330b4ff1489622a7c7e39b0', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: 'c1dea5014f12031c2811a3a420638dcf9a629518', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '5b85df2a2ac590e5a601352b1de516fa1d2fa5cc', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '3709b032cc82bf52bcd1b0502bc320378d80321a', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '06446e65471a4765623114e33b8a3fc35b375040', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && h("verdocs-spinner", { key: '41543cc37ff98e5b6243e26ad557c4db702b3785', mode: "dark", size: 24 }), h("div", { key: '3cb1462b5701c9845097d667eda3fcef56c6adf2', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'ebd3fc5c23bd0c26bc0044dcbc26b967e70ae3da', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && h("verdocs-spinner", { key: 'fca503be96b2f82fe1c70271491b5d094a804d43', mode: "dark", size: 24 }), h("div", { key: '3bdb02f99ef011100fbe7ed7f845f7c035c2a060', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'da857a4fbb5ce231d326c9e62b455333c596282c', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = getRecipientsWithActions(envelope);
             const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);
@@ -256,7 +256,7 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: '0d44a7b663ea9220fa43665f6245a78187ae6ef0', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'c024bc67a3360c9350b65bbd40948a63eb47f6bb', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: '99f0bc38e1fff5fefa09ca53b774dd3b468cfd71', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '9c5ecb405fcdb7f6623ad8faaa3289617621f013', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (h("div", null))));
     }

package/dist/components/verdocs-file-chooser2.js

@@ -29,7 +29,7 @@ const VerdocsFileChooser = /*@__PURE__*/ proxyCustomElement(class VerdocsFileCho
     }
     render() {
         const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
-        return (h(Host, { key: '3fbb459dbcc2d57e0fed0944a5a0a1032d42f3c5' }, h("input", { key: '358c85952105d3a0ab2278244722dea3dae73a4b', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), h("div", { key: '6a12467ecf8dde150d03cd2f905f3d0d6065a946', class: "upload-box" }, h("div", { key: '0c91590893940adaade6d8d828e571d0683b2152', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: 'b6c8562821940a23150bbd0449c417686581b6af', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: '17ec65941202e9b325d6b8fb2fa0c0c9bd0deb11', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+        return (h(Host, { key: 'be9ae4e6e32d7c284001b7fea41d96f39b642005' }, h("input", { key: '0bc7cd1766b630372ea380300575dfd239bc86e4', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), h("div", { key: 'dbd3aa4e9d64b4bd427f4c6e198d92b10e94dfff', class: "upload-box" }, h("div", { key: '41a10b9ffbe862bedc300cdbb8d2a366dc00414e', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: '128679d890e1c68ff1c7fb47abd4f638db453b87', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: '277c4246513e40dc2bc5e7f0f7d7130d52904813', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
     }
     static get style() { return VerdocsFileChooserStyle0; }
 }, [0, "verdocs-file-chooser", {

package/dist/components/verdocs-help-icon2.js

@@ -35,7 +35,7 @@ const VerdocsHelpIcon = /*@__PURE__*/ proxyCustomElement(class VerdocsHelpIcon e
         (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
     }
     render() {
-        return (h(Host, { key: 'fc2cecdccd0eb1be883df7426c03d6cb83e7928a', class: {} }, h("div", { key: '1d532aa1f0d735145a4334615e70e5c88d4510e3', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: 'f9080fa63f4d43d0bba0a75b130380c5d3ec82bb', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: 'b7263c773c9b2640657ff0fefd60803524bf2c7e', innerHTML: this.text }), h("div", { key: '7ce146e9c2fdd44e9fa103978682590ddbb6e98d', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: '7db54f180fe741e77a9c1a3d07c745a8a4a31672', class: {} }, h("div", { key: '5da20e898e508ca3fe91ccea6385872454829399', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: 'ed3bf3bd5995fdf289853ece83be638172c7df8f', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: '612abca3a6db8768e13e7188af7637216e4ad3e1', innerHTML: this.text }), h("div", { key: 'ea449e838c064e938a7841d4481ac381179ebb1e', "data-popper-arrow": "true", class: "arrow" }))));
     }
     static get style() { return VerdocsHelpIconStyle0; }
 }, [0, "verdocs-help-icon", {

package/dist/components/verdocs-initial-dialog2.js

@@ -223,7 +223,7 @@ const VerdocsInitialDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsIniti
     }
      */
     render() {
-        return (h(Host, { key: 'c4b8b5e4b5f4017deca35db1c5daa1f8fabb0616', onClick: e => this.handleCancel(e) }, h("div", { key: 'c360d141ae17728f8b06961262976b5015a1273d', class: "dialog" }, h("div", { key: 'ac204ddf1e5dc891d05f85a27ea46fdf2842bd8a', class: "heading" }, "Create Your Initial"), h("div", { key: '2875533b7d38749252210680c3796e7909a2726d', class: "content" }, h("verdocs-text-input", { key: 'b91fc797dfec20e87c6f3363e0ac3a135454cea8', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: 'fe8e817476ea21d2bf57778e19c9e4091e702c3f', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: 'b37e3a57ab82cc3b096d3fc4d4211897b600d306', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: 'd13af212f0a76ee6a18f9daa8525cbe8ba89dc47', class: "buttons" }, h("verdocs-button", { key: '3d2dcf7dce79718c082b0da14b17f99f031cc6d4', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '2e3628468a651385d85cf3dfe259ce277b3adf8b', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: 'dbd2d6af5532ce54406290d13916b8d3652a6722', onClick: e => this.handleCancel(e) }, h("div", { key: '20e5fe0ba3c4f5574cefe244cc87464d5f09eb57', class: "dialog" }, h("div", { key: 'f55d4466d9ff27893b2152bca9602c7503555652', class: "heading" }, "Create Your Initial"), h("div", { key: 'b01a33fe760e1ed989285d70a42277318306323f', class: "content" }, h("verdocs-text-input", { key: '9d3bdce7cbeb095fdb240b024e7706f7cb1a8111', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: 'f59a8bad63cc8236a2e9eea999bb7becf9d546aa', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: 'ec122ff8aaf91af9b61f7c8c2fe0ac149a876fdf', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: '3d4c5b091243d136ef2af60dc3bbd0006c8ec2f8', class: "buttons" }, h("verdocs-button", { key: 'c2d94b3f5ef8b3d038727b6a8062a55c4a4ee155', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'ce87ab1c91e8898197d776eaae8463daf2fe88a3', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
     }
     static get style() { return VerdocsInitialDialogStyle0; }
 }, [0, "verdocs-initial-dialog", {

package/dist/components/verdocs-kba-dialog2.js

@@ -35,7 +35,7 @@ const VerdocsKbaDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsKbaDialog
         this.next.emit(this.response);
     }
     render() {
-        return (h(Host, { key: 'b701c61916561f74950a4f6ea0ea0a13fa61728f' }, h("div", { key: '1825ae2f8f73c493a01c59c3e1841a3f9b84e61d', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '2136fd8cc4b77e8b65d437c551b28f1cfc8bfa9f', class: "dialog" }, h("div", { key: 'e014b95e040d3689174a58a6c7edd664b05d2c40', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), !!this.helptitle && (h("div", { key: '4cf33fb858dff2a041551c6e935fc17c40a751db', class: "help-box" }, h("div", { key: '73107418f44702e6107845beaecd79c34586d60e', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: 'c424c9e1df778fdea841c2421154f97bd63a766f', class: "help-details" }, h("div", { key: '1e434ef047058786d57104f769bd3dc1a4c73a16', class: "help-title" }, this.helptitle), h("div", { key: '6ccc412bc1bdd72bb6cc567e3c01069f5498b2fe', class: "help-text" }, this.helptext)))), this.mode === 'choice' ? (h("div", { class: "choices" }, this.choices.map(choice => (h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => (this.response = choice) }, choice))))) : (h("div", { class: "input" }, h("label", { htmlFor: "verdocs-kba-input" }, this.label), h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder, value: this.response, onInput: (e) => (this.response = e.target.value) }))), h("div", { key: 'e616e4fd3a1262148bcd542fe0b770fff4ccd784', class: "buttons" }, h("verdocs-button", { key: 'c869e469aba34df383a4d81ef3e0fbabebe80f71', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'd5c2bbf5ef881baf3eef9240f328ef0ac0f52422', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
+        return (h(Host, { key: '6a0d0f9d07455a772a6973ce057b5f7483fbccf6' }, h("div", { key: '71aa7ccd29a30edbd139d6eb1ddeeb1a5d31cafc', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'f1944ed02a20aac17a9ca6c5ac8320f2fcd8eabd', class: "dialog" }, h("div", { key: '3d3611820bd29897586122fa92c6b079cf53fd90', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), !!this.helptitle && (h("div", { key: '2cbe26b7fb83f1a29aa9121c16893fd435a988b4', class: "help-box" }, h("div", { key: 'dcf7560f4addc363280bbe0cbb1de63c49d180ec', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '17fd9ba07eb279585349d8b7e9f8a3a12c14c239', class: "help-details" }, h("div", { key: '36c255b2fa80908b118b77a8e77cebe8ed9e490a', class: "help-title" }, this.helptitle), h("div", { key: '88218d1b9a792cf7dc63c329102a0d5e371c7eb6', class: "help-text" }, this.helptext)))), this.mode === 'choice' ? (h("div", { class: "choices" }, this.choices.map(choice => (h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => (this.response = choice) }, choice))))) : (h("div", { class: "input" }, h("label", { htmlFor: "verdocs-kba-input" }, this.label), h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder, value: this.response, onInput: (e) => (this.response = e.target.value) }))), h("div", { key: '0d5ab0977141dac182e9675d5bca063da6daa96e', class: "buttons" }, h("verdocs-button", { key: 'eff5f44bb3ca7cd0c4628d399e27e2d55a40ae3c', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '4fbe8b58483b83002d6f8a7a1232d341b7f48c2e', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
     }
     static get style() { return VerdocsKbaDialogStyle0; }
 }, [0, "verdocs-kba-dialog", {

package/dist/components/verdocs-loader2.js

@@ -9,7 +9,7 @@ const VerdocsLoader = /*@__PURE__*/ proxyCustomElement(class VerdocsLoader exten
         this.__registerHost();
     }
     render() {
-        return h(Host, { key: '9d4aba32987cc37ccfec2579e9f52f9fa1df0bc0' });
+        return h(Host, { key: '3bba8f5f53c7070e8444e40146633d193bdf070a' });
     }
     static get style() { return VerdocsLoaderStyle0; }
 }, [0, "verdocs-loader"]);