@verdocs/web-sdk 4.2.100 → 4.2.102

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

@@ -116,34 +116,34 @@ export class VerdocsTemplateRoleProperties {
     }
     render() {
         const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
-        return (h(Host, { key: '4daf88d47395c6a637137dc350b353e1854c1bdb' }, h("div", { key: '69dd4130a4712b21dd7d460008da99b58b4b82f6', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: '2b0a6f1cae1f6c5eef01ecae23e171ca7dc4e518', class: "dialog" }, h("form", { key: '607ab181a995a9b3112e05a8a00d17b979283a23', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '1b689cf1db96209f7734e7a4bb7a3eee822d3537', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
+        return (h(Host, { key: '730f06520de9e020296cacf991aa025606d7dbfb' }, h("div", { key: '5ac072dbe9f312b468d9a1b8d699694185c03e22', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: 'b303190355d969808ee3554b85c26e3f6da52536', class: "dialog" }, h("form", { key: '21a0ef6e184c52d92b47fc48f6210170a9a06697', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: 'bd81053ec77721af0b116a0060fa5d7cf2b82b03', 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: 'da279c9f7ee9ec204c92ebc597b666922c920281', class: "row" }, h("div", { key: 'e5a0b4250480afb5dad0174c674505dadf843a7a', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '7b7c22a7121038faedb2c6992412e04401045b44', value: this.type, options: [
+            } }), h("div", { key: '52b3feb14fb51e426db734624db563de1d1b2e24', class: "row" }, h("div", { key: '91ec0ebe42974aa36c5144d5815ac1d138862d95', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'dc06b63a7efe16b244bf667d6eb1e7b4ba27d951', 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: '1763f108ce1d03ea9bed960375677c03017e0f7e', 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: 'b1b6901b5cb217774f757ede3baefcac85035f19', 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: 'cd2117c7265b9b14bd30d46a78bf931a3d431495', 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: 'e1cc994258b539ab40e4e7fabc2544b1c7d82ade', 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: '7cd4144f5a59882a39705753bf4f15d4d205c979', 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: '1a9ce3573fbf3a9a4495862cc780b6321169bef7', 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: 'e6628edbd864a77cf470a9175b3aff55f0be4681', 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: 'ef313cdd9da5f9ce299513a0f74a0010978a04f0', 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: 'ce90cd8517539331590cd2ff697e07533a7b5902', 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: '017395decc39091207de4152283e401931254f10', 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: '9510615197a8c28d4522822e6753af993e965fab', class: "row" }, h("div", { key: 'b2958e2c6fdee7548aa53785c718c2aac9533711', class: "input-label" }, "May Delegate:"), h("div", { key: 'e7420c6088db970a53fb257bddf1fa4cf5f4eb37', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '5964f954a0390b38018a0644f9caf8e3b08bb766', checked: this.delegator, onInput: (e) => {
+            } }), h("div", { key: '68434c73d7fdcb24141cdf13ff9c076d477480c7', class: "row" }, h("div", { key: 'c5afca6f072a5a76646f5575b871bf55a075cc1b', class: "input-label" }, "May Delegate:"), h("div", { key: '55bfc7a17dcadf265d5ca6a7bbef12c1261392c2', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: 'd25aab079a596000a710a31cad269698d131f1b1', checked: this.delegator, onInput: (e) => {
                 this.delegator = e.target.checked;
                 this.dirty = true;
-            } })), h("verdocs-help-icon", { key: '0cce6b44830647f915f0a0c3940247003254e4ef', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '0caae2f472d4013ac76af0cdfc9084b07bee3e6c', class: "buttons" }, h("button", { key: '8bd1ac63a0c6f9355847e1f6babc12dadc29d9c8', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'd7caf9d0c3ca362043dc9c05cb8f11e73519739b', style: { flex: '1' } }), h("verdocs-button", { key: '33c37de3faedffd4e9f5448084aeb0c3269dfa16', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'c5e2c7fa597efae316316431fd548ec166a38d86', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
+            } })), h("verdocs-help-icon", { key: 'c95eeeb21f1c237ea5c3b0b92c14d5d62fc1617a', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: 'f563be7c352b2fd1ea04936796a942ae6353ae90', class: "buttons" }, h("button", { key: '107f332bc0650e9b1c2ac3666bebb6b7b0ec4c7c', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'f462302d0a04d178303ea8831eeaccdc18410265', style: { flex: '1' } }), h("verdocs-button", { key: 'ea1eabf74981acaa1674e94a9134fb6270b3b8d8', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '1ff52f0f25400416414477d2d7bf271bce5c310e', 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-sender/verdocs-template-sender.js

@@ -61,7 +61,7 @@ export class VerdocsTemplateSender {
         });
     }
     render() {
-        return (h(Host, { key: '091ab4be35bc34c3a26242c049f86f674af41e8f' }, h("div", { key: 'd6ab34f28492f84ca36e53e090100512c9bde484', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '14f29acabd224f7547aaedff0a25627cb5381e80', class: "dialog" }, h("div", { key: 'f13bcde2de6738d60055325c607b3b2c409a9dbe', class: "options" }, h("div", { key: '63255db61a5e55d2a4907114614acf6febe85075', class: "option" }, h("verdocs-radio-button", { key: '24a9e9a143e6d298f25a08bdf753b56de1c04961', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '45b08d31cc9984e779f8f7789f02f581fc12101c', class: "description" }, h("div", { key: '0fa098f2f7c81e2839b8bba9f5c9d5e9bcb67bab', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '31f1d12db9ca50d9b86bbceac2253d4134393e5b', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: 'f95a9c8e058ef6917d44974d83c6bdd1ec2733ca', class: "option" }, h("verdocs-radio-button", { key: '41ed48647f192747c9a4a490c471689a9ca6a575', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: '9026a65b7f9b34a3e5b085b6e4f4c4052eafbf78', class: "description" }, h("div", { key: '2c2f2c8d668be05577ff42564f43d3d8149838a7', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: 'd5305c9a396ac5de055b98d5fe70671f6f00fae0', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'e544fbc077842d42bdf8ac186c6b525e352441ab', class: "option" }, h("verdocs-radio-button", { key: 'eec6b7321b00015569012bbf2e99849aad6dc8e6', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: '031b5b54ae322568a0e1203b40861cbba6a941e5', class: "description" }, h("div", { key: 'f387fed36eaa666a84aa39eda8a93f463a808978', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: '4079377c2b8344ee474adddea623da565dcd90fd', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: '7ec74675f7f73b9cb2393e44561524979324a407', class: "option" }, h("verdocs-radio-button", { key: 'cf745f64e9db88e7b8470613000a17531a067bd2', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '27584bfc38bcdf136aa2afdf692fa6f883f01fa2', class: "description" }, h("div", { key: '077a63531ff1795f5522632615630fbef4729dbe', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: '65a488ed62f89339fa1721e0f29fe4152048e4e6', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: 'e3466413793e527653545753035737c7f17c4813', class: "option" }, h("verdocs-radio-button", { key: '399790cdb86075a91f3db93485ffa0d91e48a0ac', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '8b30d713537b542d96aac5ac4cb9bc7af425a42b', class: "description" }, h("div", { key: '5dd8a9ddf591f400aeebad03cb8daf7cf0966499', class: "name" }, "Me"), h("verdocs-help-icon", { key: '8dc834a6fb5acfd6b2239e80ba97178fef0b70b1', text: "Only I can use this template." })))), h("div", { key: 'c4e71870732c8d5bf444f0d4690944d19a74f093', class: "buttons" }, h("verdocs-button", { key: '46bd6ed671c63a94b0fbdbb4852e27300fd563c4', label: "Close", onClick: () => this.handleClose() }))))));
+        return (h(Host, { key: '849ebcae79fea1e7e810ea49c6d97fb26ef71601' }, h("div", { key: 'c4beb47af9820bbf7fdbb13386a381a1ec0ef3eb', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '6f1b23281f27a3e340602e73c6fc476d5a7d1a7b', class: "dialog" }, h("div", { key: '04aed5aff479eb6f1af4343dd838dfe57c7d9f3a', class: "options" }, h("div", { key: '484b72a2b7bd73ae9143219d539a6aa120a9cc5c', class: "option" }, h("verdocs-radio-button", { key: '2473798c37783ce1fc531d888120ef0187c28cb8', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: 'ba79bcdb09dfe1fdbd9adbb9f8fc5f593cc1a4db', class: "description" }, h("div", { key: '0bc8cac502ddac20468fa2e1c88e71940f17b069', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '153fc6f5e4371d3896f8886ae442a4caf8d1170d', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '16e66ac18576da8b0080896c9457d8ad7fd86ed9', class: "option" }, h("verdocs-radio-button", { key: '45af40b3e65d78b61f84c7ebe0c8eda2766ea461', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: '864183ff6d21343e1e2ac3ec878feb5cb464df51', class: "description" }, h("div", { key: 'fc0c1004ebddbbbfa7409a05aa1111640a8327ad', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: 'a7527d745ea6cb3cc6b5eb0b67bc1e658a1834f9', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: '5324d01a5a9b4c6776e42c24fa605c6e7e1ba02b', class: "option" }, h("verdocs-radio-button", { key: '06fb10ac6f84d0eeffec279038bc4a55e3812466', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: 'c29edc2f40ec7b8d4346d828341afc1722b0043b', class: "description" }, h("div", { key: '016a3f3625d3ae00aa58cb2ad035a657c862d7e0', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: 'd3eefcb15e9d6ee005077161ce674d82e21433e4', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: '931602e92a61ff86332e420a02edd37cc002e186', class: "option" }, h("verdocs-radio-button", { key: '37c44e49f533700c8c2bb97adb394642b14b8fb5', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '3f403de6f7c9548c13d744ce3fefae28ab4dce5d', class: "description" }, h("div", { key: 'f1cd1809ff04d543a2edc539504c894e19883879', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: '1bba4cf3258bf6c7b686a09e0e9b778154a926e2', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: 'e7a9e1f669cee3f845de44f928226b0e08c1db39', class: "option" }, h("verdocs-radio-button", { key: 'be8748e7ad1f623354d6889645f6b8191c68859c', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: 'e5a4d884bfd01e176a568683310d23a1dcdaf042', class: "description" }, h("div", { key: '2166ceda9313a02750213bedf3c5170e7993c239', class: "name" }, "Me"), h("verdocs-help-icon", { key: 'f28de55873d3382d31c1734d393300b183c077ba', text: "Only I can use this template." })))), h("div", { key: 'cb36edb7d23d07ff5101e568f17d7b79a288a72b', class: "buttons" }, h("verdocs-button", { key: '63d7d2a227d4f39bc0eeaa7c7c935d95350921b4', label: "Close", onClick: () => this.handleClose() }))))));
     }
     static get is() { return "verdocs-template-sender"; }
     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: 'a70877334388bd0528a03f3ae08cd479c7dacecc' }, h("div", { key: '09f9dbd54bc662778c48d4663312c0043d694aea', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '74a45d4e3153623bd4d9e7f2e66bd561b1ecfcb3', class: "count" }, this.template.star_counter || '--')));
+        return (h(Host, { key: '0fc342a217265e0a104fd3f611e99b57d4978be4' }, h("div", { key: 'ac7375a1a86846ec27d550356781426d19a4aec5', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '68c5329f639c404fb377accedce7a36b28d77d76', 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: '59cfe825d9ab3fbbbf799e392fc5e35a63d39e9e' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
+        return (h(Host, { key: '8668a671bd4a1898582579efc2e330921f2b6b2d' }, (_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: '9d14c5bae8ea56281a33536160450cb0488dc52f' }, h("div", { key: 'c59959d7087a0a714b5c6b3a493c5c7446e71906', class: "header" }, h("div", { key: 'e51316310fbb444100962cb0b5a3e4d373af7d04', class: "filter" }, h("verdocs-text-input", { key: 'f528b443e50837c14af05aecf3e55cd89fa25f54', 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: '9910d30f954550fe89b6e0b5851ff5cfbdec5aff' }, h("div", { key: '6b77158a586a26163c38ab6d4af3836eef486de4', class: "header" }, h("div", { key: '9caad42bc2e305f401cb065a2045fc971197940f', class: "filter" }, h("verdocs-text-input", { key: 'dc9f1d30422255f5fd6da7a3a3d31b9f2ad4b36b', 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: '80693fdb171cc9ebe2b1488413adaf9c1499f24a', label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '194519821282ccf01b029c442ebc30f7102eaf2e', label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
                 var _a;
                 this.sharing = e.detail.value;
                 (_a = this.changeSharing) === null || _a === void 0 ? void 0 : _a.emit(this.sharing);
-            } }), h("verdocs-quick-filter", { key: 'b2ad4b67caf43236a2ace3973d36f27856f51610', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: '5d814eedb83e97ce973a9205a29d7815b3fbf0fd', 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: 'a448da8ee694fcb964d047cd35c19740abd80d49', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: '7bb139d40d9ec00dd2011248a5737f999e8765dd', 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: 'f4bc962a22034a2faa3ed815d40d33f47e70c408', mode: "dark", size: 24 }), h("div", { key: 'a0434d9ec54346c558999ac88bbcff024ade0727', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
+            } }), this.loading && h("verdocs-spinner", { key: 'eaa9aa626d7e9193400c45d065fad04133963f59', mode: "dark", size: 24 }), h("div", { key: '7387c1960def6cebdb2758a5f4cdcb9475b60d1e', 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: '0f5ae9865209b24176770ab2f9af2657e20fc8f7' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: '42a3642519dedc31dfb49b798b03179a6c7449c6', 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: 'aa47ab45c993fce4229534b04ffc51b0ea7d9e0e' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: 'e5e953daa661123cf5658e5de97e7af35fb414fc', 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: '6d5f37081d75a19f0d5579b8387d19e45c585f92', 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: 'b5787c3b6c29784c0d1de6d98fdd190581ec9557', 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: 'c77ea175bddafb381b9c2d59820bf5656d271ba6' }, h("div", { key: 'dd26de0092bec750606f81b3e41ded3169bce9ee', class: "icon", innerHTML: this.icon, onClick: (e) => {
+        return (h(Host, { key: '976e3e5ba3928e889f6b352df1fd83e1314040e0' }, h("div", { key: '8d1d8126051d28c8322b08e3744e6dd3c0d4f75d', class: "icon", innerHTML: this.icon, onClick: (e) => {
                 e.stopPropagation();
                 return this.toggle();
-            }, ref: el => (this.iconEl = el) }), h("div", { key: '6708d3cb957b99e854747e74044040bbf8cbe418', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: '9e4b2f228527b4474a6869ef436c3c6cb59d0ad7', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: 'ca4dc0f4d9cbee017c45dc084b772c0d303547f8' }))));
+            }, ref: el => (this.iconEl = el) }), h("div", { key: '6b3714c1a61a8acbc0463f9898d7241a0e80b6d0', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: 'b972da5ee44541e85b21dbed6439fba6ea279ad6', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: '98d84ed288074739b774ce11eedebf53cfc0e334' }))));
     }
     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: '1b0a149ab51af95445b47bb17207bc3b44516be3', 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: '4a868a010e47d300cc9b7dd31c7665f58c3f1986', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
+        return (h("button", { key: '7fbcf013073495536de97934ff19a0d3e4544b66', 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: 'a74742802834f76bdd47ad62308bae979d04a9fe', 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: '134ddfacbf313ed3d8aaaae104e7ceefaf8f260f', class: { disabled: this.disabled, [this.theme]: true } }, h("label", { key: 'f4c5ad61ffc32acf46e42a22c9cfdb27b44d21c9' }, h("input", { key: 'edc72dbc12bb2f93daa6bf90fe8baddeee003a0f', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), h("span", { key: '0d3a00d372dc0a0b2de109c1ee8c484153b789a7' }, this.label))));
+        return (h(Host, { key: '70758d5c97322eb7be79c961c0b26ea6317a62c9', class: { disabled: this.disabled, [this.theme]: true } }, h("label", { key: '8a7026de0a8cd1e086d3ee23cdb22032f6dc23e7' }, h("input", { key: '0b5f2372fe69693001be2ca464e3cb36821d7099', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), h("span", { key: '2a3041c71981a261147d39d2b59fb590e77de0c6' }, 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: '5fd53e1053d599dc955c727344dfbc48ddf13622' }, h("div", { key: 'bd877d18be032147ed72b999896f0cec3b021c95', class: "inner" }, this.message)));
+        return (h(Host, { key: '0e8d4641858e19a5633ae39d4f87a19ab0859013' }, h("div", { key: 'abb304ede008248fda02011dba3f01239cb3676f', class: "inner" }, this.message)));
     }
     static get style() { return VerdocsComponentErrorStyle0; }
 }, [0, "verdocs-component-error", {

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

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { VerdocsEndpoint, formatFullName } from '@verdocs/js-sdk';
 import { c as convertToE164 } from './utils.js';
 import { d as defineCustomElement$4 } from './verdocs-button2.js';
@@ -6,7 +6,7 @@ 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{background-color:#f5f5fa;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .row{width:300px;display:-ms-flexbox;display:flex;position:relative;margin:0 0 20px 0;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .names-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:8px}verdocs-contact-picker form .names-row>input{min-width:0}verdocs-contact-picker form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-contact-picker form .label-with-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-contact-picker form .label-with-icon verdocs-help-icon svg{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-contact-picker form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}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{display:-ms-flexbox;display:flex;gap:14px;width:300px;padding:12px;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5fa}verdocs-contact-picker form .row{gap:8px;width:300px;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{width:110px}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>input{width:110px}verdocs-contact-picker form .kba-row verdocs-select-input{margin:0}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;border:none;font-size:16px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}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>';
@@ -71,15 +71,6 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
         this.last_name = e.target.value;
         (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit({ query: this.last_name });
     }
-    handleEmailChange(e) {
-        this.email = e.target.value;
-    }
-    handlePhoneChange(e) {
-        this.phone = convertToE164(e.target.value);
-    }
-    handleMessageChange(e) {
-        this.message = e.target.value;
-    }
     handleCancel(e) {
         var _a;
         e.stopPropagation();
@@ -110,26 +101,26 @@ 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() {
-        return (h("form", { key: 'dd02e23758d334495edb642f0f1513889eca5bbe', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'f8594524ea492993227b07e0e8d5a71c847f1b64', class: "row" }, h("label", { key: 'fbbef02b5e11880c7c104b96de3a17537bc7ff8c', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: '50d4ff03c47eb77865de05ffd247e7684e2cdbcf', class: "names-row" }, h("input", { key: 'dc52d17011643cbb25f9e5129aadacd1104365a9', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.first_name, placeholder: "First Name...", 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: 'f46f41f7eb915569ce6e202667873a0309d98d16', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.last_name, placeholder: "Last Name...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("div", { key: 'b82ecccbf9fa1172af45f33595337a73589ac482', class: "dropdown" }, this.contactSuggestions
+        return (h("form", { key: '8c7cb46336302d309187ca68d7e38ebb3d001468', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '8bc7c876bb89ee84dc14978560c6198d31983261', class: "row" }, h("label", { key: 'b57ac6d694661a48397afc6ab37fbf5cbca8cbc6', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: '197fbb1e998f52d0df3fe9040fd5d9d640b0237a', class: "names-row" }, h("input", { key: '343aa3e3c8bb31edfc43c4bd51bed1928ea29d49', 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: '78e830e80650f52d72e5c35523fa111df228c86b', 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: '9b35e34eba14d6ff17c29b7bb334e5a5d8080595', 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: '7a3fc3c98c19a4a1bb07a6914f35eba61132294d', class: "row" }, h("label", { key: 'b2a589aae874fe69b8ae50569e14c6005344d8f3', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '39ee39af447b65d543492ebac6d199985aada563', 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.handleEmailChange(e) })), h("div", { key: 'c7420ac25ad40fb99a40212266efa3b564058b1d', class: "row" }, h("label", { key: 'bd4b4eaf87be10f5a34186b27fd4ee8239cfacc9', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: 'abfa297fa18f57ef20313b1ac9e9cc866f0e37e9', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone Number...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handlePhoneChange(e) })), this.showKba && (h("div", { key: 'bea4383cd29e9c43b883c29b55f0e6cacf89c63f', class: "row" }, h("div", { key: '8ebacef0e2786a5a141ebc338fcaa062a25c5090', class: "label-with-icon" }, h("label", { key: '74c32c83aac8d0400726f4ef5d95c60b3eb12c99' }, "KBA:"), h("verdocs-help-icon", { key: 'be3777686a2a9d51ff91205f49e68b17d6fee18c', 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." })), h("verdocs-select-input", { key: '35a7918e94a09d78c5c5a43992bea92e19fd406b', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
+        })))), h("div", { key: '4e37f340b40e14e1469742856b9d9f2ea79add97', class: "row" }, h("label", { key: '0778e1b56c175a1a5077726fbba30280e5052773', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '9f6806efb77821579c5eee7bf020e0219212761a', 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: '6e99f4b3a76f5696f39d721784be7ca0350a42bb', class: "row" }, h("label", { key: 'cdbfcb45cb531b203d4417f21daffe82a2b4974a', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '384b2d948efacbdbb44bad6e8da4174035a63ad3', 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: '3824ab85ac446ee579279c034d44c9c7d9f80f44' }, h("div", { key: '253b5ce372f405f20dda62f889eb791dbc958d8c', class: "kba-row" }, h("label", { key: '6714f992e2f7710d1fe93ed34596f99c54d8e9b0' }, "KBA:"), h("verdocs-select-input", { key: '06107cc54709178c007a5416d0c8dcf9c206a1ca', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
                 { label: 'None', value: '' },
                 { label: 'PIN Code', value: 'pin' },
                 { label: 'Full Verification', value: 'kba' },
-            ] }), this.kbaMethod === 'pin' && (h("input", { key: 'aeefe336a8461aa1ac41d3be0494f51b858b3810', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.pinCode, placeholder: "KBA PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleMessageChange(e) })))), this.showMessage && (h("div", { key: '1c55a0f11426dbcf82ced0fe5291fcb14a70bb2f', class: "row" }, h("label", { key: 'c2c7f9dd66ed8fd9dae52175cba6e9b575aa64b5', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: 'c63897c136a04b3feba02b6dde46d7f74c97f330', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Invitation Message...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleMessageChange(e) }))), h("div", { key: '7e0d6e9b519a51988711cfca0f1392b39ae4eec1', class: "buttons" }, h("verdocs-toggle-button", { key: '3cae0b84394a5c8516599af788e2cb0568235582', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
+            ] }), h("div", { key: '2d898124db289daada4f174e3fe4b557716ef563', style: { flex: '1' } }), h("verdocs-help-icon", { key: '17c58ed5bedaffa1a0bc1f72f7830076dd46502e', 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.kbaMethod === 'pin' && (h("div", { key: 'caf64fae166a136aebfcce7ed96bfe015a3cdeb4', class: "row pin-code" }, h("input", { key: '545918a43fbb7464dcf5f1aa19a7654899071017', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.pinCode, placeholder: "KBA PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.pinCode = e.target.value) }))))), this.showMessage && (h("div", { key: 'a747e2260ae8224b5b871ddbf1e8423d0da5e0be', class: "row message" }, h("label", { key: '2ff918a32677e81887639120cc5ab09be09e27f3', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: '9c4c90117ca81c97f359e4b66dfde17d77506b98', 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: '3c043c21f0fd8e202de82782ed5d9beec1fa9f2f', class: "buttons" }, h("verdocs-toggle-button", { key: 'e4e7261482091d4ba73ca11ee0f5b1f738562339', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
                 this.showKba = e.detail.active;
                 if (!e.detail.active) {
                     this.pinCode = '';
                     this.kbaMethod = '';
                 }
                 this.showSuggestions = false;
-            } }), h("verdocs-toggle-button", { key: '045544245ba967bd6ee43cb25a5fb8f2c9013da9', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
+            } }), h("verdocs-toggle-button", { key: 'd4fb36d6031a641bf056ee8ef022665bd1655e27', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
                 this.showMessage = e.detail.active;
                 this.showSuggestions = false;
-            } }), h("div", { key: '1363f8353900490ac9a98ccd1da36831b9c06469', class: "flex-fill" }), h("verdocs-button", { key: '5cf40a9d890ff67a96dff5913b76eb603e4e1702', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'bfe86cdc15de884189f1ae342bef1be2f7887221', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
+            } }), h("div", { key: '954cbf03867afb74ba9589f0c817541e410dd20c', class: "flex-fill" }), h("verdocs-button", { key: '1b02d3280ab090332a31cd200eed4f2d76d3df4e', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '6213ec5d1b337771d53ab8daee0818662666df9f', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
     }
     static get style() { return VerdocsContactPickerStyle0; }
 }, [0, "verdocs-contact-picker", {

package/dist/components/verdocs-dialog.js

@@ -18,7 +18,7 @@ const VerdocsDialog$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsDialog ext
         }
     }
     render() {
-        return (h(Host, { key: '81c8ede6508a1ce80ce002b0b94b91604e7a2e73' }, h("div", { key: '2e05c3999a88c0d6e16615953054a4658c6f25d7', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '45e7c3d08b5a2cf830a06a0a938c3e43febb79ca', class: "dialog" }, h("slot", { key: '6c4c0e21c52a0a272df32976288734d09183251a', name: "title" }, h("div", { key: 'd3f30f469242351f95d2e20d58adf4e0ff86881e', class: "heading" }, "Please Confirm")), h("div", { key: '4800a431f9c5b5d65da612fd753533fd8469e9e5', class: "content" }, h("slot", { key: '40dcf76ccc8b799262aaba30435ae2692af53cb7' }))))));
+        return (h(Host, { key: 'ee194cde3ac800e6e9f33d02adc229c928a47472' }, h("div", { key: '23b03c631d3b9f35b35118e97b8a07fadcd060dd', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '21c99c448b050697f4cecf7e7ff02ae4eb0d14b1', class: "dialog" }, h("slot", { key: '8d11918bfe16a6bec51cf1f4a3fb3fe85ea1bf7e', name: "title" }, h("div", { key: '289c5627bd2605d8029163a81a8d7e827b6b6742', class: "heading" }, "Please Confirm")), h("div", { key: 'e29ebee3cde9efa5c41d95ece644bcf7eb5c24b0', class: "content" }, h("slot", { key: '4d9ef52291c370dc13d799292d70fb96ed611852' }))))));
     }
     static get style() { return VerdocsDialogStyle0; }
 }, [4, "verdocs-dialog"]);

package/dist/components/verdocs-dropdown2.js

@@ -88,7 +88,7 @@ const VerdocsDropdown = /*@__PURE__*/ proxyCustomElement(class VerdocsDropdown e
         (_a = document.getElementById(MENU_ID)) === null || _a === void 0 ? void 0 : _a.remove();
     }
     render() {
-        return (h(Host, { key: '006ffc94bd4cdc84424e001b2ff146f44fa268be' }, h("button", { key: '77c15671bb969bd79ed476d647642fdc70909f5f', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
+        return (h(Host, { key: '1e52613887181c34d3b6903ce32b7166b465acad' }, h("button", { key: '5216ee8fff5a1014ccd083a574c27f4ef8b22564', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
             // onBlur={() => this.hide()}
             ref: el => (this.dropdownButton = el) })));
     }

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

@@ -76,7 +76,7 @@ const VerdocsEnvelopeDocumentPage = /*@__PURE__*/ proxyCustomElement(class Verdo
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: 'c047ed0efbc74b5981dbb631999f33af262559f7', 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: 'db47c26f1d1ad9d72d4a18238b0ab244e68f2f76', 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-envelope-sidebar.js

@@ -141,6 +141,7 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
             this.store = await getEnvelopeStore(this.endpoint, this.envelopeId, true);
             this.sortEnvelopeRecipients();
             this.loading = false;
+            this.panelOpen = false;
             (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: (_b = this.store) === null || _b === void 0 ? void 0 : _b.state, event: 'canceled' });
         })
             .catch(e => {
@@ -294,11 +295,10 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
         this.updatingReminders = true;
         updateEnvelope(this.endpoint, this.envelopeId, { initial_reminder, followup_reminders })
             .then(envelope => {
-            var _a, _b, _c, _d;
             console.log('Updated', envelope);
             updateStoreEnvelope(this.store, envelope);
-            this.initialReminder = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.initial_reminder;
-            this.followupReminders = (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.followup_reminders;
+            this.initialReminder = envelope.initial_reminder;
+            this.followupReminders = envelope.followup_reminders;
             this.remindersEnabled = !!envelope.initial_reminder;
             this.updatingReminders = false;
         })
@@ -320,7 +320,6 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
         const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.store.state);
         const historyEntries = this.prepareHistoryEntries();
         const functionsDisabled = ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.status) !== 'pending' && ((_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.status) !== 'in progress';
-        console.log('re', this.remindersEnabled);
         return (h(Host, { class: this.panelOpen ? 'open' : '' }, h("div", { class: "side-buttons" }, h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (h("div", { class: "content" }, h("div", { class: "title" }, "Details"), h("div", { class: "label" }, "Envelope ID"), h("div", { class: "value" }, (_f = (_e = this.store) === null || _e === void 0 ? void 0 : _e.state) === null || _f === void 0 ? void 0 : _f.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, dateFns.format(new Date((_h = (_g = this.store) === null || _g === void 0 ? void 0 : _g.state) === null || _h === void 0 ? void 0 : _h.created_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, dateFns.format(new Date((_k = (_j = this.store) === null || _j === void 0 ? void 0 : _j.state) === null || _k === void 0 ? void 0 : _k.updated_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, capitalize((_m = (_l = this.store) === null || _l === void 0 ? void 0 : _l.state) === null || _m === void 0 ? void 0 : _m.status)), h("div", { class: "label" }, "Owner ID"), h("div", { class: "value" }, (_p = (_o = this.store) === null || _o === void 0 ? void 0 : _o.state) === null || _p === void 0 ? void 0 : _p.profile_id), h("div", { class: "label" }, "Owner Name"), h("div", { class: "value" }, formatFullName((_r = (_q = this.store) === null || _q === void 0 ? void 0 : _q.state) === null || _r === void 0 ? void 0 : _r.profile)), h("div", { class: "label" }, "Owner Email"), h("div", { class: "value" }, (_u = (_t = (_s = this.store) === null || _s === void 0 ? void 0 : _s.state) === null || _t === void 0 ? void 0 : _t.profile) === null || _u === void 0 ? void 0 : _u.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), (_w = (_v = this.store) === null || _v === void 0 ? void 0 : _v.state) === null || _w === void 0 ? void 0 :
             _w.recipients.map((recipient, index) => {
                 const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';
@@ -333,10 +332,10 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
                         // TODO: Details dialog
                         // {id:'details',label: 'View Details'},
                     ] }))), h("dic", { class: "recipient-content" }, h("div", { class: "recipient-name" }, fullName), h("div", { class: "recipient-name" }, recipient.email), h("div", { class: "recipient-name" }, recipient.phone))));
-            }), isEnvelopeOwner && (h("div", { class: "reminders" }, h("div", { class: "form-row" }, h("div", { class: "reminders-label" }, "Reminders"), h("verdocs-switch", { disabled: this.updatingReminders, checked: this.remindersEnabled, onCheckedChange: () => this.handleToggleReminders() })), this.remindersEnabled && (h(Fragment, null, h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Initial Reminder:"), h("verdocs-text-input", { placeholder: "In hours...", disabled: this.updatingReminders, value: String(Math.floor(this.initialReminder / MS_PER_HOUR)), onBlur: (e) => {
+            }), isEnvelopeOwner && (h("div", { class: "reminders" }, h("div", { class: "form-row" }, h("div", { class: "reminders-label" }, "Reminders"), h("verdocs-switch", { disabled: functionsDisabled || this.updatingReminders, checked: this.remindersEnabled, onCheckedChange: () => this.handleToggleReminders() })), this.remindersEnabled && (h(Fragment, null, h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Initial Reminder:"), h("verdocs-text-input", { placeholder: "In hours...", disabled: functionsDisabled || this.updatingReminders, value: String(Math.floor(this.initialReminder / MS_PER_HOUR)), onBlur: (e) => {
                 this.initialReminder = Number(e.target.value) * MS_PER_HOUR;
                 this.handleSetReminders(this.initialReminder, this.followupReminders);
-            } })), h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Follow-up Reminders:"), h("verdocs-text-input", { placeholder: "In hours...", disabled: this.updatingReminders, value: String(Math.floor(this.followupReminders / MS_PER_HOUR)), onBlur: (e) => {
+            } })), h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Follow-up Reminders:"), h("verdocs-text-input", { placeholder: "In hours...", disabled: functionsDisabled || this.updatingReminders, value: String(Math.floor(this.followupReminders / MS_PER_HOUR)), onBlur: (e) => {
                 this.followupReminders = Number(e.target.value) * MS_PER_HOUR;
                 this.handleSetReminders(this.initialReminder, this.followupReminders);
             } })), h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Next Reminder:"), h("div", { style: { color: '#dddddd' } }, dateFns.format(new Date((_y = (_x = this.store) === null || _x === void 0 ? void 0 : _x.state) === null || _y === void 0 ? void 0 : _y.next_reminder), 'P p'))))))), isEnvelopeOwner && (h("verdocs-button", { class: "manage-recipients-button", variant: "standard", label: "Cancel Envelope", onClick: () => (this.showCancelDialog = !functionsDisabled), disabled: functionsDisabled })))), this.activeTab === 3 && (h("div", { class: "content" }, h("div", { class: "title" }, "History"), historyEntries.map(entry => (h("div", { class: "history-entry" }, h("div", { class: "activity-icon", innerHTML: ActivityIcons[entry.icon] || entry.icon }), h("div", { class: "activity-details" }, h("div", { class: "activity-text" }, entry.message), h("div", { class: "activity-date" }, dateFns.format(entry.date, FORMAT_TIMESTAMP)))))))), this.showRecipientDialog && (h("verdocs-envelope-recipient-link", { envelopeId: this.envelopeId, roleName: this.showRecipientDialog, onNext: () => (this.showRecipientDialog = '') })), this.showCancelDialog && (h("verdocs-ok-dialog", { heading: "Cancel Envelope?", message: 'Are you sure you want to cancel this Envelope? This action cannot be undone.', onNext: () => {

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

@@ -203,18 +203,18 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
         });
     }
     render() {
-        return (h(Host, { key: '7a00f20ae5c31b9a633d88c21762c3562876fe78' }, h("div", { key: 'a5124808b0ddd25db268f062e41895306dc29aaf', class: "header" }, h("div", { key: '1139d8453c19f0e80a7dccf3be06caf14080709f', class: "filter" }, h("verdocs-text-input", { key: '765d08809106e75b9a65aaf1c2dd231613d954d2', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (h(Host, { key: '9f93a9c82a5dd9cac5d1457b59f27ac2a64e33c4' }, h("div", { key: 'e279d53d83511a338250d6d57e431a4662a2ac2f', class: "header" }, h("div", { key: '6dec54707d214be5b81711b2ebb9a069aabea3aa', class: "filter" }, h("verdocs-text-input", { key: 'f0f7a991581818cf3ae936b1f82004df68a90762', 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: 'bd3ed994b57bfda8134ad9d98ceb92384c535074', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: 'e05c6b326ae1ea63e642dd9c884fd1a10a294da5', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '472cc15ce0d48b0c71a280e150f854441e8c0548', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '3caa255a74d88a9da45eca2f03522cf2b3c0e7ff', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '8913c4ef0c4e5222d116e9baea54066d211e10c2', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '3e36f81be8ad759c770e7261c41f5fdb0d3b371f', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && h("verdocs-spinner", { key: '191a574650de5061076f939b5ba0657d39dacda0', mode: "dark", size: 24 }), h("div", { key: 'dec432a7d53973a5a5152e1162af3d677af81e1a', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'ae7f5be9813298b885b1aa0940c614e44af85d85', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && h("verdocs-spinner", { key: '441f2c0e3efeb105c61542c2e057c64720423082', mode: "dark", size: 24 }), h("div", { key: '80a6d1fad113d168bc68cabcf60d2e4517e6c2a1', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'e02ed6005bbea2dc6c7687724e995c338df98d45', 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);
@@ -255,7 +255,7 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: 'c897aa3a14659ce023811609d4e230806c29c470', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'ff60d1d2346009b459fa2ada94e7fdffe9e027e5', 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: 'f35a7cf0c691d395bd03fc16e6819d773f234eec', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '6002b381ea34731dedff4c790c63005071732659', 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: '3c8755723e41e7878c0b11e8667ba7f3af70dc57' }, h("input", { key: 'a93020ee87c7bc31114899bc163f31d24da9f990', 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: '22ad1f874ee4d785bbc96d9124a8e569d795a66b', class: "upload-box" }, h("div", { key: '6e8d2fbf0e69381ca89b9cfa81fc160b2f7857d3', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: '76712ca0fbb5ca76d923931c638991e89ced755e', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'f1c93ee91e36bc312c01ad9b8561948a642ba10f', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+        return (h(Host, { key: '0c3558f72dd58ea3ef0ad544bf5af22c06cc718b' }, h("input", { key: 'b5e3de321c28757b542af4355bf9f7c62d072278', 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: '9f44b56b686f0f5f4aa1e3c3b4115f46701e3efb', class: "upload-box" }, h("div", { key: '6969c5457fc736f3b55740d3a155098201c8c52f', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: 'c3f44d6183615a536ffb1ca00de59acc48e90c9b', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'a439787122e4410b7159bb49d943447cc5b22703', 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: 'a3461401c9c39efe1d3d4a33797c9fdb4c243cd4', class: {} }, h("div", { key: 'bab136ac563622e50b68a624b0beca62b1ee43f8', "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: 'e23f6cb0bf8dfecd28ed92790eff519ea83707f3', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: '2c61ce450603afa8fa608c98003e0c97b5486df5', innerHTML: this.text }), h("div", { key: 'b57ad281d928ba3b4b2ea807bd6744f88f1519c3', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: '72bf84cce5ad56efd8f01b9a2ee95b1fd97ff954', class: {} }, h("div", { key: 'd55be65906a152a1f7b613f72657c91f339fd565', "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: 'd82454830aa909a27531c99c70d951932c412d4e', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: '74a1ddb77cdec7c4e63072004dbe9b43a8e38bd3', innerHTML: this.text }), h("div", { key: '3d5c87b386971e4e1b528783fd055b148b6ca58f', "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: '8d0116cf97848213877b5250d2b49e8da73f9d7a', onClick: e => this.handleCancel(e) }, h("div", { key: '81a12261f5eef48b00309756c685fae9993f613a', class: "dialog" }, h("div", { key: '91364e9ac8d4bbdd50dc201a323c9b34a1d5ddfc', class: "heading" }, "Create Your Initial"), h("div", { key: 'dea07efcc51b6b8530e2615f05bcd8024e6d2029', class: "content" }, h("verdocs-text-input", { key: '04ad40f6f734556849afa551ef9eb665d3b28c48', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: 'c038a30e6355e58d428c5b0190868a536236dfb3', 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: '22a8f81443052b8e0523f19161a9cf8671fe9f45', 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: 'd6c53a1846c6d109d38d1977a452dcfbea1b7aeb', class: "buttons" }, h("verdocs-button", { key: '0c12b1bfd70a923564e77a7970472cc5cdcdf0e9', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '88ef91ffa75db664b822758f38143d5535b6803c', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: 'b4b3d0cbe08bb7525e48c728b50f071d6c764c1b', onClick: e => this.handleCancel(e) }, h("div", { key: 'bfe9ca476892ec9e4d0826f02108d17ccdc7e52c', class: "dialog" }, h("div", { key: '0fe9deeafd7d0a1a23600b6ce78ecb0a2db68478', class: "heading" }, "Create Your Initial"), h("div", { key: '93ab94da31dce21b97bab3e3cd49d765626fca55', class: "content" }, h("verdocs-text-input", { key: '90f1c69e6b624aafeb734ab922971c261fd95099', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: 'ea0d3a80d34a1259d7e5a28537b6c2532b446915', 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: '018cc438201111ce05ccad82d7b6a5ecde225cd5', 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: 'f6abe4ff08732e499e172a11e7bd0cb4411f80f9', class: "buttons" }, h("verdocs-button", { key: '090929f2e43bc9b1d779b5a2c5bc8f22fee9c8b5', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '0a7c7c576f63525ed268a6e8f11b7ab0ad7f7d5f', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
     }
     static get style() { return VerdocsInitialDialogStyle0; }
 }, [0, "verdocs-initial-dialog", {

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

@@ -35,7 +35,7 @@ const VerdocsKbaDialog$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsKbaDial
         this.next.emit(this.response);
     }
     render() {
-        return (h(Host, { key: '9b857660b91b89f928049d3f85a66bc1e585105e' }, h("div", { key: '36ff0ab3351dff215a5abf4a1ff7356346747650', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '26003d02099b3f64660091ee1dc02b81e7b9ca13', class: "dialog" }, h("div", { key: '4fb9daa61b801da6eb5f096149b09d4e0b89f676', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), !!this.helptitle && (h("div", { key: 'bfac2a1a7bb294e1b24eb17664bcdd65ce7c4a17', class: "help-box" }, h("div", { key: '434dd57cdcd743f612985866d0e16e6f1fd2b1e1', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '661bfcc2e80d66dceae242251e0734af45e83185', class: "help-details" }, h("div", { key: '786b81135e2080d7881016221fe99d3a1ecff095', class: "help-title" }, this.helptitle), h("div", { key: '0b31cb58496e9665389399e6f426dc4266837af0', 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: 'a6752c1cbeb1a83cf1adbb2f634cc8bdf79ebb0a', class: "buttons" }, h("verdocs-button", { key: '1a2d7c28c34f7f6bfbc554b116b096617aa0b40e', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'fb1c40e5895a0644c904fac36b860aaf62eb7e95', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
+        return (h(Host, { key: '97c855bc7ff5c4205ccc64d859d9b1787e0048a6' }, h("div", { key: 'f4dd12baf199d9c50e6ebbb02b7e26e6204a9669', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '051764b9306bc6f3d21221e3aa6d4e6cf104d0e1', class: "dialog" }, h("div", { key: '0f0ecc082f97975c92d7418a96e3689fea0a192b', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), !!this.helptitle && (h("div", { key: 'f6d4e4db03fad13638f3980839210f8df886bd2c', class: "help-box" }, h("div", { key: 'c18a7aab25144f438da8cbacca4465e009ab6a02', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '02e1dba0b4536b39a61fffea636a6e9c58fd40a8', class: "help-details" }, h("div", { key: '740bc221c448afc393b1007a4141ce4db2cf8008', class: "help-title" }, this.helptitle), h("div", { key: '767d5d0141c73e0621cfbe795fecb50637dc38cb', 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: 'f6e90196e71c9931613622d0879eeb4bc4877792', class: "buttons" }, h("verdocs-button", { key: '269ea8b9020ab81d9234c0d1b8151a459d84f37d', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '8b8c437cc11e3f5fcdbb5f0b5faa1c60daee21cb', 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: 'e62911490bdee24308a18ef52651393469dd6e5b' });
+        return h(Host, { key: 'ecc15b6b91fd03110eb3fab80efc3b0d761a98fd' });
     }
     static get style() { return VerdocsLoaderStyle0; }
 }, [0, "verdocs-loader"]);

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

@@ -31,7 +31,7 @@ const VerdocsOkDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsOkDialog e
         }
     }
     render() {
-        return (h(Host, { key: '1077eb562a8fd6bb9b1771d00e3d6bf37682dc68', class: this.closed ? 'closed' : '' }, h("div", { key: '370c8176f1be6c1b7ff44c9ac6d30c162f2c5b10', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'e502d4a7fc18fd0bee04ff9679ed345bc5aa93da', class: "dialog" }, h("div", { key: '826089d49b624246e909ff4437bf3d5bd8d8e5d8', class: "heading" }, this.heading), h("div", { key: '8aae0a35156334f6e052d0119d8398c64a627869', class: "content" }, h("div", { key: 'e4740cd967c231c03ffcf37b3c94c474b2760c97', class: "message", innerHTML: this.message }), h("div", { key: 'e0c1419acf0367f2342f8cf7325a5cde7922ac7e', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '0aaa059fe1071f45f2497963c820e8ab0d74fddd', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (h(Host, { key: '16757775ee3a09054e3653fb7d12873fc0758e7a', class: this.closed ? 'closed' : '' }, h("div", { key: 'd3f240bbccce82dd4f3e769100ca17612637a0d5', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'ec4348a8efc1c95d3df2915ce6e6f4e72c3a6824', class: "dialog" }, h("div", { key: '82b2c477f4eb03c847744f4b1be829909fb286a0', class: "heading" }, this.heading), h("div", { key: 'bdf0962a46f2f9e1b0b8e3d3ec433f1cdc532dff', class: "content" }, h("div", { key: '2adfa55833f384622d4e98496d91786fa9c934e1', class: "message", innerHTML: this.message }), h("div", { key: '89619686b2eefbbb465fa6a86a9da9e360034a9e', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: 'dc298822a062b5687a22cc56adea8b3b202758ad', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
     static get style() { return VerdocsOkDialogStyle0; }
 }, [0, "verdocs-ok-dialog", {

package/dist/components/verdocs-organization-card.js

@@ -26,7 +26,7 @@ const VerdocsOrganizationCard$1 = /*@__PURE__*/ proxyCustomElement(class Verdocs
         console.log('Rendering org card', this.organization.thumbnail_url, this.organization);
         const fallbackIcon = BusinessIcon;
         const portalId = `verdocs-org-card-${this.organization.id}`;
-        return (h(Host, { key: '2d1a8c0b8be06ec11e8d3f54b94e9c5f45ecbdf2', id: portalId }, this.organization.thumbnail_url ? h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : h("span", { class: "icon", innerHTML: fallbackIcon }), h("span", { key: '7a5984b3e888d5f5f31d557276aa88ddd0578d9d', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '4edbb7c0add1ef329c3892bfe0457b74137c5249', anchor: portalId }, h("div", { key: 'ea1356877ef8e4be7ecd405c882131d6a85373a4', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (h("div", { class: "popup-header-with-logo" }, h("img", { src: this.organization.full_logo_url, alt: "Logo" }), h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (h("div", { class: "popup-header" }, h("span", { class: "status" }, h("span", { class: "icon", innerHTML: fallbackIcon })), h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), h("div", { key: '9b5d314f138922acb826652f41b384c2b29f0df1', class: "popup-body" }, h("div", { key: '625520444f54f9433e882a14a58932eb4a78676f', class: "field" }, h("strong", { key: '5a5d0fa10a4d843997e0555d57b165aeec7495aa' }, "Joined"), dateFns.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: '3f5e5d5e5fd863743fc3ac20ef855ccbea8be63d', class: "field" }, h("strong", { key: 'ab2e95fd59304dda6ac5190ea9421c6429e46814' }, "Website"), h("a", { key: 'd06cff21c159e9c1b7d051e762f2687ae2a94b7b', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
+        return (h(Host, { key: '81c347094d25f79e7cbd465558e27f52835807a3', id: portalId }, this.organization.thumbnail_url ? h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : h("span", { class: "icon", innerHTML: fallbackIcon }), h("span", { key: '7b02e94b67fc412ceea17cfedfe3bb2054231fba', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '00473dd8e408a31a58933e4ed82b5396f8cb41fa', anchor: portalId }, h("div", { key: 'f0eaa925cfa29bcfcf6340b99494636d8f2ab59d', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (h("div", { class: "popup-header-with-logo" }, h("img", { src: this.organization.full_logo_url, alt: "Logo" }), h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (h("div", { class: "popup-header" }, h("span", { class: "status" }, h("span", { class: "icon", innerHTML: fallbackIcon })), h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), h("div", { key: '7b5d4427ba94087e504dd4b14884c9d4427fab0d', class: "popup-body" }, h("div", { key: 'bb4da149b3c9e1d14534ccb13fefe9f989ae2184', class: "field" }, h("strong", { key: '3f819b7faa7fbdd2d38a5b33ce31659cffe48af1' }, "Joined"), dateFns.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: '7581d309f46c46133eb7632a77d1330122c6725d', class: "field" }, h("strong", { key: '420c6434901556dc36af814976063a0772717e69' }, "Website"), h("a", { key: 'f12a8e81cfd4d1d25da3f244ddd74834caaea3fd', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
     }
     static get style() { return VerdocsOrganizationCardStyle0; }
 }, [0, "verdocs-organization-card", {