@verdocs/web-sdk 4.2.119 → 4.2.121

package/dist/collection/components/fields/verdocs-field-radio/verdocs-field-radio.js

@@ -22,6 +22,14 @@ export class VerdocsFieldRadio {
         this.yscale = 1;
         this.pagenumber = 1;
         this.showingProperties = false;
+        this.focused = false;
+    }
+    async focusField() {
+        // Our input field is fake, so we fake the flash too
+        this.focused = true;
+        setTimeout(() => {
+            this.focused = false;
+        }, 500);
     }
     async showSettingsPanel() {
         const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
@@ -40,7 +48,7 @@ export class VerdocsFieldRadio {
         this.roleStore = getTemplateRoleStore(this.templateid);
     }
     render() {
-        const { templateid, fieldname = '', editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
+        const { templateid, fieldname = '', editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
         const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
         const { name, required = false, role_name = '', label = '', group = '', value = false } = field || {};
         const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
@@ -50,7 +58,7 @@ export class VerdocsFieldRadio {
         if (done) {
             return (h(Host, { class: { done }, style: { maxWidth: '10px' } }, h("span", { innerHTML: selected ? RadioIconSelected : RadioIconUnselected })));
         }
-        return (h(Host, { class: { required, disabled, done }, style: { backgroundColor } }, label && h("div", { class: "label" }, label), editable && group && h("div", { class: "group" }, group), h("input", { id: fieldId, type: "radio", name: group || fieldname, value: name, checked: !!selected, disabled: disabled, required: required }), h("label", { htmlFor: fieldId }), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
+        return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("div", { class: "label" }, label), editable && group && h("div", { class: "group" }, group), h("input", { id: fieldId, type: "radio", name: group || fieldname, value: name, checked: !!selected, disabled: disabled, required: required }), h("label", { htmlFor: fieldId }), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
                 e.stopPropagation();
                 this.showingProperties = !this.showingProperties;
             } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -242,7 +250,8 @@ export class VerdocsFieldRadio {
     }
     static get states() {
         return {
-            "showingProperties": {}
+            "showingProperties": {},
+            "focused": {}
         };
     }
     static get events() {
@@ -286,6 +295,23 @@ export class VerdocsFieldRadio {
     }
     static get methods() {
         return {
+            "focusField": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
             "showSettingsPanel": {
                 "complexType": {
                     "signature": "() => Promise<void>",

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: '764d4b13847b9248b54f75b415d7aa9bd47f1a0e' }, h("span", { key: '63e24c019fa23f00dd40b251fe89cdf720df9994', class: "name" }, this.template.name), h("span", { key: 'a709d0cf41957ba84ccbd5b58c63ecaec41272d5', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: '33a685839d160dc1f8cea2ede8784878a34cca13' }), h("div", { key: '0e08647c71b9245cfd1cb372c4dbe44805cb98db', class: "controls" }, h("div", { key: '42763e333948034dbf73e186dfdc4ba82068d399', class: "control" }, h("span", { key: '3ffcc3c8c3c766fa2d8a4a617373223bffab5768', class: "icon", innerHTML: StarIcon }), h("span", { key: 'e1bdfa83c6764f1522e87011d19d65dee70492b8', class: "value" }, this.template.star_counter)), h("div", { key: '05f132e36844a277a4bf619248d4f1405f5175a6', class: "control secondary" }, h("span", { key: '88615f3a8413a68132098961898ceed4d369d9b1', class: "icon", innerHTML: PagesIcon }), h("span", { key: 'd35c7465d76f88a8fd29045d4ea18b9dd6031667', 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: '179a4acabb579ea1c52793c4681f0dec2947800f', class: "control secondary" }, h("span", { key: '3d5de3e3d320eb3209aa5b8809d06613fe24da7c', class: "icon", innerHTML: EmailIcon }), h("span", { key: 'f2386b02c0562d8dc02bd2508c5a56059616d2c7', class: "value" }, this.template.counter)), h("span", { key: 'd98e1df83d33b1aa258f4bb92361dd4dc119269f', class: "additional-controls", innerHTML: ActionsIcon }))));
+        return (h(Host, { key: '3e5011cab3a4e78b92e9c2565f40d304ad334ed6' }, h("span", { key: '65ae319e5f2c07d6ad30dc7e1ef797d7d1f45e34', class: "name" }, this.template.name), h("span", { key: '81078cc46080d7417f3a2aa2a87f62787867ab7d', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: 'e35365811650f21862ebc87e89015c1c044f65cc' }), h("div", { key: '9d7e0b7a9e09be59890df0b8655f1ad74b8aadc9', class: "controls" }, h("div", { key: '24e402c45e499969b3f039010a730b7e22e5eb82', class: "control" }, h("span", { key: '06891917e493b9902f141acf3c906d9f2dfb98fc', class: "icon", innerHTML: StarIcon }), h("span", { key: '6599c695f7f5e1798254a16e1e209afe1768cd9d', class: "value" }, this.template.star_counter)), h("div", { key: '868b45b247a1e613caa0ca20270435ecfc52032d', class: "control secondary" }, h("span", { key: 'c0c308c9762ed5ada2456d69697dc5b0295f257c', class: "icon", innerHTML: PagesIcon }), h("span", { key: 'f851ea648cd5115798937af1d9d12671410e3f5b', 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: '3c24408d7b9cd968d721cd5360a87f7d66d0f02a', class: "control secondary" }, h("span", { key: '12a94b8fc7850db8ab535161abd7003ddb8f5eca', class: "icon", innerHTML: EmailIcon }), h("span", { key: '544d6b2ba82c971ba46649fa45d044293a89ca07', class: "value" }, this.template.counter)), h("span", { key: '62c64a478015d8edd079272405a366fc117dafea', 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: 'a0d656b86f18762601961c420ab39fb439c3ca7e', 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: '4c35b1d1d350e3c16813170b0421d888aaf76a4d', 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

@@ -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: 'a1e71e2e85110fc84f4639a249a869effa03059c' }, h("div", { key: 'e5d573e2e8782ac53a34caa8a861e31e5011a8e0', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: 'e185f3b840b6ac8922672f5cdafbd2a0215e820f', class: "dialog" }, h("form", { key: '8d98eae65f1672e89db98aed339533f5723d544b', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: 'e5659b7b89e51cf6a7e1015ff962730009888113', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
+        return (h(Host, { key: 'c54a0b5c84e2ca6eba28bccd0ed7dbaf61b9318e' }, h("div", { key: 'ed724b07e6bd402c2c8f593e4f0ae5eeb7af6f2a', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: '7372ec9e048dde505c4f59f30d4bf94c9d206e2c', class: "dialog" }, h("form", { key: '2fc19ec7adb1fafa2f501698a6e61025fdc31749', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: 'd11fa702e1b5ae5ffb300b9d89c437ac6ba419c1', 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: 'b891fcf91ddb5dda364c2906c24d3d8a133ba959', class: "row" }, h("div", { key: 'e7c4510014a59a4c77cc178b535082d8a4048365', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '1cc4b4a1e3edbb40ba60ef5d35b4becde48d5a17', value: this.type, options: [
+            } }), h("div", { key: 'e9558475d3e2a193ac753402e4df7fd4c975bc9d', class: "row" }, h("div", { key: 'ecb28611e04310a9d802f597ef4bc3a4b7b53f4d', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'a9dc9ae0fd6ac107ec9a79fc5a77b2b4f0286808', 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: '69b3ffb497857debafc245aeb263d3e1cdbcac11', 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: '15ef892258e97a4397ce6b05d13e999937112cce', 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: '56b67267f62756e09f7b02d2ebbd5b3cc20e228f', 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: '29f2c4124c9fc9a126f73088f8f7f8056f4c4323', 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: '0319a7fe5f3bd910ac32cb327ba764e209c08a6c', 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: '512457a0c6e9abf29b6f4e8403deef8ee833dec4', 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: '2848ae472e3c0b2bf634a235cb72e89bd2d409b0', 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: 'b69cc6d65593ecd139748a6b39e33f13f38ed3be', 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: 'd25f31ed90028ca4cd4f7b1660a0988be3ecf112', 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: '931910a385e6b54ae33897bde3c344a4643089f6', 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: '1c569da3207a3d46bb3a0f417cf1488d4c4ebfa6', class: "row" }, h("div", { key: 'daa2968dcba6cba37b84d57fd682f60a1dd5adbc', class: "input-label" }, "May Delegate:"), h("div", { key: '15b44b67d4b554bb1f6546746b0d60b78b67a3ee', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '6f6046bd9791923328c234f7394ecacd674a1926', checked: this.delegator, onInput: (e) => {
+            } }), h("div", { key: '380809846d4cc9a93737e244c60f2455dc3c451b', class: "row" }, h("div", { key: 'f2f518c482eed372f261eb80c4678f839ec23c9c', class: "input-label" }, "May Delegate:"), h("div", { key: 'ee8816cd6b1268c8c62c793fcd500f45d676f1d6', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '36958e4cdfbc38ea934fe19fb3509e3107aa015f', checked: this.delegator, onInput: (e) => {
                 this.delegator = e.target.checked;
                 this.dirty = true;
-            } })), h("verdocs-help-icon", { key: 'ad0ffedf4341761786cd3764f6b9794a97211dc9', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '496ee13c6b658687975d58978a000f9eb555a9c3', class: "buttons" }, h("button", { key: 'fa00b8f96af35ba7603ef660dd596cee1c7d3e21', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '7866c12a9e3d073aaef509324de7c02788d117a9', style: { flex: '1' } }), h("verdocs-button", { key: '699bda4fd7cad7cd02affd6e76fdf00f360e940b', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'df0476c8601ec5a0bd84ab7166ea03a323ff68f5', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
+            } })), h("verdocs-help-icon", { key: '44b92c48e4604fb543ff5028528bb761c348091e', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '855c97f472fe9ec7e230cb3687bbb43ad0f3d893', class: "buttons" }, h("button", { key: '09b8562821002359fa9c3d5e6281b58e2eea5ee5', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '65fdeeecbdc7a34bee5d1c72dcc9ab9630e6adfa', style: { flex: '1' } }), h("verdocs-button", { key: '1dcf66c59be34535f3af1e96cc15816ea097546b', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '0eb80af6e8d388eeb6563db768bc5511a14cafb8', 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: 'e51de4bd58287341b8b1f5679c03ea8f388aeaed' }, h("div", { key: 'a93c06f123a78217478fe16299fa4345863d8b53', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '78a9f18025bbad871be472a12ec3f27665700be4', class: "dialog" }, h("div", { key: '4227eb9c4f23342c0d7b40b4c4cc77878f48f3ba', class: "options" }, h("div", { key: '041a7ec81a81653c650924323a6ad6597d2c46f5', class: "option" }, h("verdocs-radio-button", { key: 'e98602966885fd7a5119d4c5acb3d3fecaf752ad', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '3f7fb8069d798329020eca837db6431bd1d80ba2', class: "description" }, h("div", { key: 'cb1da501fd3cce4f0bdecdb7992d1889caded1a7', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '837bfdb94c53c951fd2669bceb25947a0cec0f98', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '05a5a34875d6103fbec3ac0a9c41d001abcf73cb', class: "option" }, h("verdocs-radio-button", { key: '15a5daa447b6697c3ccc6621802451b10ab18cb7', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: 'a4c8e2fce754de4f4fb65a983dcd6a73b3c4cf90', class: "description" }, h("div", { key: '60bc31ca29d6c9554c4b20202a848e0eb742914e', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: 'c0cf14c6ba072ed36b039facf59b749b25fa80ed', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'd3aa2900be1c02c82859c46e62554b0ea3bd0382', class: "option" }, h("verdocs-radio-button", { key: 'edab1a25a81388f237ab187cad4ebfecbfd8f5b7', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: '05006c432b108586048d8e3a63f3b506f184dab3', class: "description" }, h("div", { key: '46d929d03d0ac453bf75e5bb7785373f741f2b47', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: 'e02f6a03e7e5c46141ecdf9aa50b4047eced450e', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: 'd6a67519982feab0e5ef3131349ca53a4312597f', class: "option" }, h("verdocs-radio-button", { key: '9eef88a57e5e2653a0a6e06c8d7d30d6a56ff9ec', 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: '725275a9b3a1d702328aed52f831eaf28827d399', class: "description" }, h("div", { key: '85ee3e891b241048cf2bcc05812fc221faf21b28', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: '960eb5345948e8a4adef466138d0cc62b49b9406', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: 'd7b71dbd2019e20d2a734c737a21f9097b9dcf60', class: "option" }, h("verdocs-radio-button", { key: 'f99c206e998ed717754b2ee7d51ba614f7774d4d', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: 'aca94259df3bf9904cbc51a3996699df3aeba58c', class: "description" }, h("div", { key: '123b4a4d607575fb116912f74318a74e593c9da8', class: "name" }, "Me"), h("verdocs-help-icon", { key: 'ef96de2bf38213c4ade608b8ef26576a86fbb8b9', text: "Only I can use this template." })))), h("div", { key: '44945452b32f23b58c4941ecd8b91284f5c85040', class: "buttons" }, h("verdocs-button", { key: 'e128593df73e4b1733ec15ebb70dcb6726319496', label: "Close", onClick: () => this.handleClose() }))))));
+        return (h(Host, { key: '67fca56fbc8af88952abcbf38e100924ef12450e' }, h("div", { key: '7aa3d03b7cf0a197c2c0b19f8095acff8f33b0c7', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '14ed1a78f60c2f9390f5b950bc367334bf3ba5ab', class: "dialog" }, h("div", { key: 'eadbe8d3794d0bbaef40c4cf66b2b4003470cff3', class: "options" }, h("div", { key: '4e55a553a7a543ba7d0d0f9b89cc079a29cbc23f', class: "option" }, h("verdocs-radio-button", { key: 'cd77756aff5201d3278a8bf8564842bfd77378b1', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '65aa448d8011a4835762bda5350758353fb86554', class: "description" }, h("div", { key: '4811f42f5a2779834b8e0c0705b52bc4ea9071df', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '2738d5cbd942df36910ae33548dfda99b93114be', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: 'f316dd18967d795dc19973d46c0178d48b04cf3a', class: "option" }, h("verdocs-radio-button", { key: '06c9415f680dbe9eb06995ac46f3884ab341ca76', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: '5f88f41c3eac901c01a996edeb21ef729d90dbf4', class: "description" }, h("div", { key: '4f6977dc538f073bf0eb24034ea9ec60e274169c', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: 'a3d6246ae9288c701f50ecc73176c649962c3301', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: '00209bb46399d1e8630540a020db6a83acb80d70', class: "option" }, h("verdocs-radio-button", { key: 'b236c9613d1078151e4c0adea3767d095714276b', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: '6335469dd6109b6b36eec21bfb344e2a94fa793e', class: "description" }, h("div", { key: '88cddc5dd229213d243e175c7bca422e67d84fc4', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: 'e2f24e4d1c5af940e1c8860b7fd78eeb8a8367b4', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: 'fcbfa21b9b5aad992a608b83cec6104bee2e410f', class: "option" }, h("verdocs-radio-button", { key: 'b31555051581c7eeedd012510053f29cee40b2d0', 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: 'ca1941475808a7db037dafab17ff6c2fc6b40b1b', class: "description" }, h("div", { key: '6bca41574f92ce15eba532289db4ac2a5480c9f2', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: '8e916441fcd37488e0061c49c0b91c88b9b7f467', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: '2c32fb35cc221336e96cd07ff5e79971c26475c8', class: "option" }, h("verdocs-radio-button", { key: '2f86e27c50fb65632dd647e627621f163369ca2e', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '21cef2358038a2089c5a80f32f745530380cb5f0', class: "description" }, h("div", { key: 'ed173b10391c63d838d2a814de2d3c74a056a837', class: "name" }, "Me"), h("verdocs-help-icon", { key: 'c7f3204522f631e84d34f7f040bb73af50455196', text: "Only I can use this template." })))), h("div", { key: '4d26f9e23c3b3eed492a0782b324612ddd989325', class: "buttons" }, h("verdocs-button", { key: 'e65545f203f631214e5939946b95fbc14f37686a', 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: '40bad1fc57171bcdffe69ff8f1c876813ff6cc78' }, h("div", { key: '656891e6efc6645d9d3638a9be48728529a078ad', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '486526042ff5d20a37e7b8207c959d6ee2eede0a', class: "count" }, this.template.star_counter || '--')));
+        return (h(Host, { key: '9b776fbc0df8053116cf8c90abf92ca936e4aed3' }, h("div", { key: '4623b371e18334c1c88f8a2463c9cc48b308eedf', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: 'd0f7d0d65266d1683a1fcd537cd4eda40e94b287', 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: 'b1adfd5844f2d5302e2fda6355d868a845005345' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
+        return (h(Host, { key: 'bae2503fd50b94ad99bfbb24f2abe5e6d5629e2e' }, (_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: '7dc672029a1ec88a20c7ea019bdd80bd98b4e54d' }, h("div", { key: 'feb106c393aa87d7e4207679a3823fb5ceb0f8d0', class: "header" }, h("div", { key: 'c53a7346d4c485fda35c4ebe960e1e76c8a58d81', class: "filter" }, h("verdocs-text-input", { key: 'ba16ba49cce33494d5379751378061a2ed838762', 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: '898a88f10e4db5a0478c10370b9560e9ec2d2e25' }, h("div", { key: 'c4c2a4a0bff5ab4ca103377ae08d376b0951f9b6', class: "header" }, h("div", { key: '20f158444d4b919126800d546a54834128f7a44d', class: "filter" }, h("verdocs-text-input", { key: 'dbe2cbff9289957b4fd1ab37664d8c465502fb2e', 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: '2854a34cb955ed1e330234eac3303c1dbf90dff0', label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '5fde3481a06af0d8fb407754178762d03dbeb2f2', 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: 'db872856578e8961bfce82e6ee3a8161100fff51', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: 'a712ec2f941b30700b8fc8becd6e97d7be1311e2', 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: '7ff37f6760a422c30426247434f75f61c1403773', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: '593d4b27e4939583864c799b77a7b3a81c99b2f0', 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: '5f957818a90efacab9f67e0a672bde9da0cc5fba', mode: "dark", size: 24 }), h("div", { key: '8c2cf92c197f2c76e9a2586eda4377042d851537', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
+            } }), this.loading && h("verdocs-spinner", { key: '6ee3d50355dabbd44a89b38f8239470a18ac9fa8', mode: "dark", size: 24 }), h("div", { key: 'd7601f4897a5322d0bd09e579c54de2a183fd622', 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: '47313a9255707d50181d0211425c60085fa5583a' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: '9bb8a3dd1a35a0c742284b8bb9c8bd4f03b19680', 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: '8a712cf07d27722804ffa0984e2860b07e148e96' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: '41d59dffca16ffcfe601a06ac85d85534b02a415', 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: 'dc67ae619c47deca58789f3495813b78d6c90070', 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: '8a42405881f456dac853d2bb382277e4c7e7f0b7', 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/format.js

@@ -80,7 +80,7 @@ const constructFromSymbol = Symbol.for("constructDateFrom");
 function constructFrom(date, value) {
   if (typeof date === "function") return date(value);
 
-  if (typeof date === "object" && constructFromSymbol in date)
+  if (date && typeof date === "object" && constructFromSymbol in date)
     return date[constructFromSymbol](value);
 
   if (date instanceof Date) return new date.constructor(value);
@@ -127,32 +127,8 @@ function constructFrom(date, value) {
  * //=> Tue Feb 11 2014 11:30:30
  */
 function toDate(argument, context) {
-  // [TODO] Use constructFrom here instead?
-  if (context) return context(argument);
-
-  const argStr = Object.prototype.toString.call(argument);
-
-  // Clone the date
-  if (typeof argument === "object" && constructFromSymbol in argument) {
-    return argument[constructFromSymbol](argument);
-  } else if (
-    argument instanceof Date ||
-    (typeof argument === "object" && argStr === "[object Date]")
-  ) {
-    // Prevent the date to lose the milliseconds when passed to new Date() in IE10
-    return new argument.constructor(+argument);
-  } else if (
-    typeof argument === "number" ||
-    argStr === "[object Number]" ||
-    typeof argument === "string" ||
-    argStr === "[object String]"
-  ) {
-    // TODO: Can we get rid of as?
-    return new Date(argument);
-  } else {
-    // TODO: Can we get rid of as?
-    return new Date(NaN);
-  }
+  // [TODO] Get rid of `toDate` or `constructFrom`?
+  return constructFrom(context || argument, argument);
 }
 
 let defaultOptions = {};
@@ -318,12 +294,10 @@ function getTimezoneOffsetInMilliseconds(date) {
 }
 
 function normalizeDates(context, ...dates) {
-  const normalize =
-    context ||
-    constructFrom.bind(
-      null,
-      dates.find((date) => typeof date === "object"),
-    );
+  const normalize = constructFrom.bind(
+    null,
+    context || dates.find((date) => typeof date === "object"),
+  );
   return dates.map(normalize);
 }
 
@@ -2266,14 +2240,13 @@ const formatters = {
 
   // Seconds timestamp
   t: function (date, token, _localize) {
-    const timestamp = Math.trunc(date.getTime() / 1000);
+    const timestamp = Math.trunc(+date / 1000);
     return addLeadingZeros(timestamp, token.length);
   },
 
   // Milliseconds timestamp
   T: function (date, token, _localize) {
-    const timestamp = date.getTime();
-    return addLeadingZeros(timestamp, token.length);
+    return addLeadingZeros(+date, token.length);
   },
 };
 
@@ -2721,7 +2694,7 @@ function format(date, formatStr, options) {
     defaultOptions.locale?.options?.weekStartsOn ??
     0;
 
-  const originalDate = toDate(date);
+  const originalDate = toDate(date, options?.in);
 
   if (!isValid(originalDate)) {
     throw new RangeError("Invalid time value");

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

@@ -67,10 +67,10 @@ const VerdocsButtonPanel = /*@__PURE__*/ proxyCustomElement(class VerdocsButtonP
         }
     }
     render() {
-        return (h(Host, { key: '639090f81aa61513ab2e5e4a627b9fc281b4ee25' }, h("div", { key: '6607c25be31e632c720bbe3963b9510ba8403c7c', class: "icon", innerHTML: this.icon, onClick: (e) => {
+        return (h(Host, { key: 'dc57ed3d5634111d4ee32d67dc61c3afa572b9b1' }, h("div", { key: '560c2a6acecc384732fec417b157d23c0cf64284', class: "icon", innerHTML: this.icon, onClick: (e) => {
                 e.stopPropagation();
                 return this.toggle();
-            }, ref: el => (this.iconEl = el) }), h("div", { key: '40fc7ba20cfed2e2bc3224a681e3a97a79efffb9', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: '92bfbb060670902db6835c4e2d5cc749ae137a45', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: '6d3ae07ea5c4205e7532118d2254e602bf26e1f3' }))));
+            }, 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' }))));
     }
     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: 'd6d19945c25ea8fdbbd2d59fde2b2da3aef452bb', 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: '47501f72bdeaa7c02a718bfb438a919b8a8d3187', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
+        return (h("button", { key: '6f9a370981774fcdeba9668fdaa1afc665084232', 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: '78222704eeb942766fcc62b1587bb7a61137bed7', 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: '81036ae0ba0f74e5ef75722462bf9bc726ab438e', class: { disabled: this.disabled, [this.theme]: true } }, h("label", { key: '30a436a445a8ef50bcc2f5679e9aa0d2569ac2ce' }, h("input", { key: '9dfbfde6d616f1a317815e00617d81a08aa85964', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), h("span", { key: 'f0319a2eedc97d8ec91dc675f36f52d0e07dee9d' }, this.label))));
+        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))));
     }
     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: '0e55b2356678698f8ff73fecf719bbdc81f0b24a' }, h("div", { key: 'e4a1572dde8ebc1890deca3ebc9883db0c4a1d29', class: "inner" }, this.message)));
+        return (h(Host, { key: 'f04b367fe3bba058c058c12214e49256397d1d0b' }, h("div", { key: '79520ee8597e0ffa075834719355241389a933ef', class: "inner" }, this.message)));
     }
     static get style() { return VerdocsComponentErrorStyle0; }
 }, [0, "verdocs-component-error", {

package/dist/components/verdocs-contact-picker2.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{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:276px;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: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{font-size:14px;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:14px;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{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 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>';
@@ -28,13 +28,14 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
         this.last_name = undefined;
         this.email = undefined;
         this.phone = undefined;
+        this.zip = undefined;
         this.message = undefined;
         this.showSuggestions = false;
         this.showMessage = false;
         this.delegator = false;
         this.showKba = false;
-        this.kbaMethod = '';
-        this.pinCode = '';
+        this.kba_method = '';
+        this.kba_pin = '';
         this.nameFieldId = `verdocs-contact-picker-name-${Math.random().toString(36).substring(2, 11)}`;
         this.firstNameFieldId = `verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2, 11)}`;
         this.lastNameFieldId = `verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2, 11)}`;
@@ -43,7 +44,6 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
     }
     componentWillLoad() {
         if (this.templateRole) {
-            // TODO: For backwards compatibility, may be removed once templateRole no longer has a full_name
             const fullName = formatFullName(this.templateRole);
             const nameComponents = fullName.split(' ');
             const firstName = this.templateRole.first_name || nameComponents.shift() || '';
@@ -55,9 +55,10 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
             this.delegator = this.templateRole.delegator || false;
             this.message = this.templateRole.message || '';
             this.showMessage = this.message !== '';
-            this.kbaMethod = this.templateRole.kba_method || '';
-            this.pinCode = this.templateRole.kba_pin || '';
-            this.showKba = !!this.kbaMethod;
+            this.kba_method = this.templateRole.kba_method || '';
+            this.kba_pin = this.templateRole.kba_pin || '';
+            this.showKba = !!this.kba_method;
+            // TODO: Allow template roles to have zip codes predefined?
         }
     }
     handleFirstNameChange(e) {
@@ -87,8 +88,9 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
             phone: this.phone,
             message: this.message,
             delegator: this.delegator,
-            kba_method: this.kbaMethod,
-            kba_pin: this.pinCode,
+            kba_method: this.kba_method,
+            kba_pin: this.kba_pin,
+            zip: this.zip,
         });
     }
     handleSelectSuggestion(e, suggestion) {
@@ -102,26 +104,34 @@ 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: '7ed697ee6acfcb2062280a820496aa1b186bcea9', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'f15d572ec332e405250d6c477f127e2d8a82fd25', class: "row" }, h("label", { key: 'fe0bcdd7753f1c966afa60c1571bb7a7eca5b867', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: '8867d1d70cce8fa44af315a0f6b960f42e009836', class: "names-row" }, h("input", { key: '1fe63076788f4d19541755cb577cc7afca222d69', 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: 'a6817292e059865c633be5ab4afba63a561fb07d', 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: '6cb90ca5096cc3573873de6e59f77cb88a792047', class: "dropdown" }, this.contactSuggestions
+        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);
+        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
             .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: 'f60a340ab55e8415452e85f833e284de8237aa08', class: "row" }, h("label", { key: 'f0c0370b4cd9900f7fce27a1ced2d45e97475ed5', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '32d1e8768de34ba305a44bfafd9642f9587cb1a8', 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: '5be8b8e7b42c344a4fe18761b561e634b05ae718', class: "row" }, h("label", { key: 'f19e5ea6f3639dc28e2776e6f447b901f3ab3a31', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '3d910de57ae8dcf5e5ad9bd9ba4cb164de47eaad', 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: '7f905e47123df6733b4abcf4b5f4b1951a8abb04' }, h("div", { key: '8eb65bd012848e33f7c485a5059879fb71d05db2', class: "kba-row" }, h("label", { key: '16a4024baf3b7316e8a9f3320b710783e2feb1d4' }, "KBA:"), h("verdocs-select-input", { key: '889100e6e474fd750b566d60eec5a0f87c9c33a9', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
+        })))), 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) => {
+                this.kba_method = e.target.value;
+                this.zip = '';
+                this.kba_pin = '';
+            }, options: [
                 { label: 'None', value: '' },
                 { label: 'PIN Code', value: 'pin' },
-                { label: 'Full Verification', value: 'kba' },
-            ] }), h("div", { key: '5b80e6e7a249229363b78fea8529a6d5dfa299d7', style: { flex: '1' } }), h("verdocs-help-icon", { key: 'cb8be539954343749053aacb2d8b97f331d58ef2', 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: 'ea1604394bcbdc74485f393f732f56cd72b16456', class: "row pin-code" }, h("input", { key: '220a6ecc193996b8324fc0857fdbedc5e0c9180c', 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: '1b28ed1eaa9f4b9732047f1310201e62dba098bb', class: "row message" }, h("label", { key: 'f0b2a337ad490405ac0d077519a9b716fbf6d8d1', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: '4f06ae76980ad130f064d6d4e69312aa9384b15f', 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: 'f81cff9b0ff13ba4a643aba20c3b9d4a2c4f9876', class: "buttons" }, h("verdocs-toggle-button", { key: '038477d4a09c003ee888d5fd6bf50cd1e412fe81', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
+                { 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 => {
                 this.showKba = e.detail.active;
                 if (!e.detail.active) {
-                    this.pinCode = '';
-                    this.kbaMethod = '';
+                    this.kba_pin = '';
+                    this.kba_method = '';
+                    this.zip = '';
                 }
                 this.showSuggestions = false;
-            } }), h("verdocs-toggle-button", { key: '689ac4fbbcae076aa2b23e4552ee8e9ffde3e3f1', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
+            } }), h("verdocs-toggle-button", { key: 'b6d705f7d20d22e3f7d97b399096507912f8c11b', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
                 this.showMessage = e.detail.active;
                 this.showSuggestions = false;
-            } }), h("div", { key: '79acd11f45019554126cb2dca15c30e3b8bfe86c', class: "flex-fill" }), h("verdocs-button", { key: '63ce6fb6c58955c19dddfc7ca7187ff5ad4ea86a', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'e1523687c11224c74a6235adcc23e9e53eb995bc', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
+            } }), 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) }))));
     }
     static get style() { return VerdocsContactPickerStyle0; }
 }, [0, "verdocs-contact-picker", {
@@ -132,13 +142,14 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
         "last_name": [32],
         "email": [32],
         "phone": [32],
+        "zip": [32],
         "message": [32],
         "showSuggestions": [32],
         "showMessage": [32],
         "delegator": [32],
         "showKba": [32],
-        "kbaMethod": [32],
-        "pinCode": [32],
+        "kba_method": [32],
+        "kba_pin": [32],
         "nameFieldId": [32],
         "firstNameFieldId": [32],
         "lastNameFieldId": [32],

package/dist/components/verdocs-dialog.js

@@ -18,7 +18,7 @@ const VerdocsDialog$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsDialog ext
         }
     }
     render() {
-        return (h(Host, { key: 'b52e003d02b8d1d6b493f9f30780d6e611dd2ab5' }, h("div", { key: 'b03e572b94355bf72d9d5a97a058d142cf6491f9', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '4e5471d867af652b253f9519ad07545b6000ca55', class: "dialog" }, h("slot", { key: '04a1f24df830362512053b786ae8fb15809065a2', name: "title" }, h("div", { key: '4bc1b5731b5465dcdf7e75f847208d7c270cef67', class: "heading" }, "Please Confirm")), h("div", { key: 'ac0a0f4475627e8a80992b26583e6e98d8e2ca42', class: "content" }, h("slot", { key: '7cfdf86bab1ad28f91b99c88157b40245438a9e1' }))))));
+        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' }))))));
     }
     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: '60221013138707cca7fe7d8dae9e63efdac14e81' }, h("button", { key: '38faecbe5a056d753443b910a0f4487506054f0f', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", id: elId, onClick: () => (this.showPicker = !this.showPicker) }), this.showPicker && (h("verdocs-portal", { key: '83a1fc7f845eafd5f93930fdcd7a36f4693c2e22', anchor: elId, onClickAway: () => (this.showPicker = false), id: "verdocs-dropdown-menu-items" }, this.options.map(option => {
+        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 => {
             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: 'c36ed131abfd6604c5a48d6cc02384c4c35c5653', 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: 'd0b33866715373307c93aa63a2d669180d137c31', 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