@verdocs/web-sdk 4.2.140 → 4.2.142

package/dist/collection/components/controls/verdocs-help-icon/verdocs-help-icon.js

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

package/dist/collection/components/controls/verdocs-loader/verdocs-loader.js

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  */
 export class VerdocsLoader {
     render() {
-        return h(Host, { key: '9d4aba32987cc37ccfec2579e9f52f9fa1df0bc0' });
+        return h(Host, { key: '3bba8f5f53c7070e8444e40146633d193bdf070a' });
     }
     static get is() { return "verdocs-loader"; }
     static get originalStyleUrls() {

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

@@ -26,7 +26,7 @@ export class VerdocsOrganizationCard {
         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: 'd366f75b205860112b068c20138dd1398797db30', 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: '0bdcd5947dd2ea3a969d7e36adce0a757519b82a', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '2138d13531cc55e7834d78a8f5a64f4abb093f37', anchor: portalId }, h("div", { key: 'd1171e97a522bdb06795fe5cf8c584cbc02361de', 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: '71a81a3cc44431b1cfe34e217377b99c124fad9b', class: "popup-body" }, h("div", { key: 'f0241c76ef662fabe3128ef61e0825f663e946d6', class: "field" }, h("strong", { key: '9149ee03df0d5b32076d4a35c3a5cf7dc33ee346' }, "Joined"), 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: 'b80ea924d300b7fbd4a3ecbb0de03479d61f45ea', class: "field" }, h("strong", { key: '54f3ba9096ddf95e7da288ae7d2457e43247ae8e' }, "Website"), h("a", { key: '864b75852ce0989fdf18da9e2472abde5127e15d', 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: 'd7b475ffa8a508828c58362f1d132313910db262', 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: '41371ad0ece9b5b13c455313658b3983facf5db5', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '37b667310a2124dc68a88a8b5732ecd4a87f9da1', anchor: portalId }, h("div", { key: '7f72d2f2c25314cdfa81721c6b6653989c7be72b', 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: '478657fefd75b3adda14550ce7dd8117ee3f519f', class: "popup-body" }, h("div", { key: '213022879f5f5d2cab6cf415692e418911e1ee05', class: "field" }, h("strong", { key: '3e36b9b9ef2dd6b39dc313c77772b750d7bdb242' }, "Joined"), 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: 'b28cb49fe0214c3f0851fe4609433ada584bf0be', class: "field" }, h("strong", { key: '9cdfd0da0dcb3d51149b1e0bc2f612e0f0edab6d' }, "Website"), h("a", { key: '74be8e66995435c5e6a071098ec1d4a6a7ca6f5f', 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 is() { return "verdocs-organization-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.js

@@ -44,7 +44,7 @@ export class VerdocsQuickFilter {
         const firstPage = Math.max(0, this.selectedPage - 2);
         const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
         const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-        return (h(Host, { key: 'aac02fe95f890afd2cb8816bc7828a9cca0c2551' }, this.selectedPage > 0 && h(PageButton, { key: '405eb090dfd96ed30bb931977d0c610ac8e7be5d', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: '257ffecd81fcce987a667ee28c9ad66fbb709191', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '2bd4fa5128abaa3a48487e0eb3c0c15d24e66d68', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '645d68ee31f06f23780f71be067e0c8203738cca', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (h(Host, { key: '9cb81ab797997f6bedf65126e759a329e01b5d86' }, this.selectedPage > 0 && h(PageButton, { key: 'a172567f4adbaa02644a3c285344c0de4d2e5a33', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: '97833b23734e758e9ae5627b756fecad2371037c', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '20dc5aa9111118ce1df8177d64c6fecff1d497e2', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '04b5d3fce4ba05f3acc2f24927c1bda6be7f34e7', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     static get is() { return "verdocs-pagination"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-portal/verdocs-portal.js

@@ -87,7 +87,7 @@ export class VerdocsPortal {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (h(Host, { key: 'b3949996fc3c9d9dba64dfde83cbd79a58e0b676', ref: el => (this.element = el) }, h("slot", { key: '25446c5cc9ebac9c172a47a96f518d72dc988216' })));
+        return (h(Host, { key: '7379bf2578c769bf6112486912c7aa30b429fae1', ref: el => (this.element = el) }, h("slot", { key: '3b141548481e6dd23f47ed4e0db78e3931a5bdaa' })));
     }
     static get is() { return "verdocs-portal"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-progress-bar/verdocs-progress-bar.js

@@ -15,7 +15,7 @@ export class VerdocsProgressBar {
     render() {
         const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
         console.log('Rendering progress bar', { widthPercent, label: this.label, showPercent: this.showPercent, percent: this.percent });
-        return (h(Host, { key: '135985ba37b13fcb4c73a7aae5f14dadc7ad24a8' }, h("div", { key: 'b2aebc7328629a31bb51f132a768995ca090ea01', class: "labels" }, this.label && h("div", { key: '1b7e6b5efedd8dd4746d40b5b7e28036dcb84232', class: "label" }, this.label), this.showPercent && h("div", { key: 'bebb2c912fa133193dacd82592216a543c7ffea1', class: "label" }, this.percent, "%")), h("div", { key: '031ffe4a12a9a457e184a59e2bbcbfbd629a66e3', class: "bar" }, h("div", { key: 'e2f158199e66fedb05e7b968422cde1dce3b1130', class: "slider", style: { width: `${widthPercent}%` } }))));
+        return (h(Host, { key: 'c57b566587b7fe5f95f7082964dc7d27c46008cb' }, h("div", { key: 'b44243b4c65cdd5ddb7a47028db07e47e1c9373b', class: "labels" }, this.label && h("div", { key: '58715d2cd0a47260618472ed06d3eeda095ea852', class: "label" }, this.label), this.showPercent && h("div", { key: '38b9fa2f2180eee29cdc6aff0562475c9d6cc943', class: "label" }, this.percent, "%")), h("div", { key: '1258f3696cb5852865e7d1af59bf2acb7acfda50', class: "bar" }, h("div", { key: 'eb1346d2b9f7ccce786c358ef247fd3ec62de67f', class: "slider", style: { width: `${widthPercent}%` } }))));
     }
     static get is() { return "verdocs-progress-bar"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.js

@@ -86,7 +86,7 @@ export class VerdocsQuickFilter {
         const longestLabelWidth = renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
         const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
         const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
-        return (h(Host, { key: '532cacd9e30591fc8f40f7b2fb0b57fc0e48466c', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: 'eda6d4179e9c2d9f153838be61b877d7835a5fde', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: 'ab8a9eb3822dc97258c31a59d5a996ebb3e9845f', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: '6e0511271a127baec11000264080cb5d9420216b', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: '80945d7311b0ce4a77aa8d7de9ad9fb492cff5da', style: { flex: '1' } }), h("div", { key: 'bc0cf152d1c2b76f870f571455a2c9da516a63fe', class: "separator" }), h("div", { key: '6bc5c491c2d65892e9c7a371bcecb9e034a9487c', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { key: '1ceac8d3bc13cec6135985e62f028f7c3583f0dc', class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
+        return (h(Host, { key: '63c979bc0e8b4b75f0608a7b5c11bf92de2375cc', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: '785aac3556deaac0bbf55d8eb1f52e846448b44d', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: '521c951babae9d882402ffb94aeb4f40a3afe9c6', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: '66f15637c5bcaa84326b0360b1cf0b9eeb34cc19', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: '8f5719750fd5fb40c8787d044904629ede1cb5a5', style: { flex: '1' } }), h("div", { key: '1f16f93487115760416fa9d7fa025e25da4e1cb9', class: "separator" }), h("div", { key: 'bf485d08eccf8e960d161007b3b16517f494f85f', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { key: '8842f5609144f401a51124501544f0fb6c4700c9', class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
     }
     static get is() { return "verdocs-quick-filter"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-radio-button/verdocs-radio-button.js

@@ -25,7 +25,7 @@ export class VerdocsRadioButton {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'b8dc5d8e34deeaf6d67f8b38bcf485a66e6fe8c8', class: { disabled: this.disabled } }, h("input", { key: '5e03859b9d3082add93aeba0eb626d8f41988f1c', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), h("label", { key: '4caa876b9138003b5ff7d576fdc32fcf62858bca', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+        return (h(Host, { key: '67f3ed35f002dc6836a583735bc5394f13bd12d4', class: { disabled: this.disabled } }, h("input", { key: '791fd4eb3d0336065189160bc9e3597f8f2e5a4b', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), h("label", { key: '508701c11f5ee5dc91fe5f96182b51e29451b910', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
     }
     static get is() { return "verdocs-radio-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-select-input/verdocs-select-input.js

@@ -16,7 +16,7 @@ export class VerdocsSelectInput {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'f1582304d06ac080c2a84f42a26756ccd72b7223', class: "input-field" }, h("label", { key: 'd25d6b05d23c5b709faf58541885e813a44e6978' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: '7c4c518c6946d4e79d5c04f029703f6367cf1aa4', class: "input-element", disabled: this.disabled }, this.options.map(option => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
+        return (h(Host, { key: 'e1e3c3714edcde76c0066d89113477b549e4dc03', class: "input-field" }, h("label", { key: '6d33d53a467a2f62a7752a03912ea49ba5445305' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: 'ae947da59ffc2e3e23cbfb4213e133ef39719297', class: "input-element", disabled: this.disabled }, this.options.map(option => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
     }
     static get is() { return "verdocs-select-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.js

@@ -14,7 +14,7 @@ export class VerdocsQuickFilter {
         this.mode = 'light';
     }
     render() {
-        return (h(Host, { key: '87070faacac5435c529ef7f2104e4e8df403fce8', style: {
+        return (h(Host, { key: 'b71bb590c4c908d7b0c9b6483ee8def10f327d2f', style: {
                 width: `${this.size}px`, //
                 height: `${this.size}px`,
                 flex: `0 0 ${this.size}px`,

package/dist/collection/components/controls/verdocs-switch/verdocs-switch.js

@@ -13,13 +13,13 @@ export class VerdocsSwitch {
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: 'ccb00f650d706a5caf7dd3f2d9cad3ea564de9a6', value: "on", type: "button", role: "switch", class: `switch ${this.theme} ${this.disabled ? 'disabled' : ''}`, "data-state": this.checked ? 'checked' : 'unchecked', "aria-checked": this.checked ? 'checked' : 'unchecked', onClick: () => {
+        return (h("button", { key: 'b633ac84b8e37af94312e2803204934e0a734cbf', value: "on", type: "button", role: "switch", class: `switch ${this.theme} ${this.disabled ? 'disabled' : ''}`, "data-state": this.checked ? 'checked' : 'unchecked', "aria-checked": this.checked ? 'checked' : 'unchecked', onClick: () => {
                 var _a;
                 if (!this.disabled) {
                     this.checked = !this.checked;
                     (_a = this.checkedChange) === null || _a === void 0 ? void 0 : _a.emit(this.checked);
                 }
-            } }, h("span", { key: 'f7f13dcf48d9e55f90c8d542c53d04ea1de78e02', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
+            } }, h("span", { key: '81a536a86086881ef0c15b5bfa5408f4f9d6831e', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
     }
     static get is() { return "verdocs-switch"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-table/verdocs-table.js

@@ -13,9 +13,9 @@ export class VerdocsTable {
         this.data = [];
     }
     render() {
-        return (h(Host, { key: 'd19cf6b46ea9a6cc982eb95a85b0cc390db42a51', class: "table-wrapper" }, h("table", { key: 'b47796f52ce057fe9bdc6e99f79b1cbf51d788d5', class: "table" }, h("thead", { key: '9cfe8d27d078f8909680a463acee75dba172f15d' }, h("tr", { key: 'cb17d88359a5e3282fbd101d1990deb1d5582898', class: "row header-row" }, this.columns.map((col, i) => {
+        return (h(Host, { key: '237b25276ade798e6286880f02aa366e6bcd7a45', class: "table-wrapper" }, h("table", { key: '604ec40339c8c880fe68bc7cb49b5c84ff3161f3', class: "table" }, h("thead", { key: '355091e91fc735f8170d082b7a1e63118522d9dc' }, h("tr", { key: 'a826f1200533300f54b3340d3e45e62d8f4fb814', class: "row header-row" }, this.columns.map((col, i) => {
             return (h("th", { class: `col header-col col-${i} col-${col.id}`, onClick: () => { var _a; return (_a = this.colHeaderClick) === null || _a === void 0 ? void 0 : _a.emit({ col }); }, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id }));
-        }))), h("tbody", { key: '4590b2ecbb1ad3aac1b67fcd0fc06c2bb8754644' }, this.data.map(row => (h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
+        }))), h("tbody", { key: 'f9bace73706b28bf610e897605c580319d4b05c2' }, this.data.map(row => (h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
             return col.renderCell ? (h("td", { class: `col data-col col-${i} col-${col.id}`, innerHTML: col.renderCell(col, row) })) : (h("td", { class: `col data-col col-${i} col-${col.id}` }, row[col.id]));
         }))))))));
     }

package/dist/collection/components/controls/verdocs-tabs/verdocs-tabs.js

@@ -17,7 +17,7 @@ export class VerdocsTabs {
         (_a = this.selectTab) === null || _a === void 0 ? void 0 : _a.emit({ tab: this.tabs[index], index });
     }
     render() {
-        return (h(Host, { key: '063d039421f36e2737381dadb045f14d7f3c7406' }, this.tabs.map((tab, index) => (h("div", { class: `tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index) }, tab.label))), h("div", { key: 'c3d7709565d7d74811220a78a2c9987b6800e4fa', class: "flex flex-1" }), h("slot", { key: 'b6599cc3558d301a8c331e628a57dda2362ac58d' }, h("div", { key: '3e2e4c89d4d8eb8ed33873d60af11a8bd21841d6' }))));
+        return (h(Host, { key: '5e7051e19f0c1fb073f10f06444fb337a23748a2' }, this.tabs.map((tab, index) => (h("div", { class: `tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index) }, tab.label))), h("div", { key: 'f4b3a80b48a4a30e66110277a28eb448a63a7978', class: "flex flex-1" }), h("slot", { key: 'd4b4a76900d92bb044e8fe1777a1f096d58631f0' }, h("div", { key: 'cb5e9561a73f9044c94282cfb880ba68710a6de8' }))));
     }
     static get is() { return "verdocs-tabs"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-text-input/verdocs-text-input.js

@@ -35,7 +35,7 @@ export class VerdocsTextInput {
             .catch(e => console.log('Error copying to clipboard', e));
     }
     render() {
-        return (h(Host, { key: '8e449cd6f4e9de4efac4574f9e1621e68488f804', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: 'b8e42909bd49540537d16df3e0d9a026c4081931' }, this.label && (h("div", { key: '3bf1f2b750ebfa9557e5f68f7d94ea1b5f4bebf2', class: "input-label" }, this.label + ':', this.required && h("span", { key: '0915b2f7032a97532b9ea845d083ae1ca9c39dcc', class: "required" }, "*"))), h("div", { key: '15d4c4915320645635b144390fcb2595b2416f1d', class: "input-container" }, h("input", { key: 'b3aade028a0866fb5c7e10aeebf64a47f29ee822', type: this.type === 'password' && this.showingPw ? 'text' : this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, onBlur: (e) => { var _a; return (_a = this.blur) === null || _a === void 0 ? void 0 : _a.emit(e.target.value); }, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: '0f1521bcdccdba993ecafadd234264169b148571', innerHTML: ClearIcon, class: "clear", onClick: () => {
+        return (h(Host, { key: '3888ea9f7b49575fb01b020bd8a41fe3dc622f11', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '365d2babe40c0c5a970e097824baf5c542a8175e' }, this.label && (h("div", { key: '61a8c93752c28975728497fa6fe0c19a95119a3d', class: "input-label" }, this.label + ':', this.required && h("span", { key: '6dc87a8f7271f2bd99fd642cacb5016c3ea48005', class: "required" }, "*"))), h("div", { key: '2e54cf4b26faaa6925ea15be392a4922ff53aafc', class: "input-container" }, h("input", { key: '5150d825629eed7a8cf586b669240a48d46c1929', type: this.type === 'password' && this.showingPw ? 'text' : this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, onBlur: (e) => { var _a; return (_a = this.blur) === null || _a === void 0 ? void 0 : _a.emit(e.target.value); }, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: 'eb7134d17f7fbe5167cb753460caf18c3587a03b', innerHTML: ClearIcon, class: "clear", onClick: () => {
                 // We need to allow the onInput event to fire first in case
                 // the user was focused on this field before clicking clear.
                 setTimeout(() => {
@@ -49,9 +49,9 @@ export class VerdocsTextInput {
                         (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
                     }, 50);
                 }, 50);
-            } })), this.type === 'password' && (h("span", { key: '744f3f6c9b3506fe666389de3d64626143def01b', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
+            } })), this.type === 'password' && (h("span", { key: 'f4729b2f91b29b04a2caa3ff6a473e87311b3d03', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
                 this.showingPw = !this.showingPw;
-            } })), !this.clearable && this.copyable && this.value && h("span", { key: '5277c06a6fd7d43d769b78cbff9005a8765c62ad', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '3cd318982b9ac8ae0b8b41bf6366b53a1632901b', text: this.helpText }))));
+            } })), !this.clearable && this.copyable && this.value && h("span", { key: '892ec8f554a2e1e825ec8fd0b51c7a41f1bcc367', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: 'c7612b57f351baa2dc243a2ca20d0d4a02388060', text: this.helpText }))));
     }
     static get is() { return "verdocs-text-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-toggle/verdocs-toggle.js

@@ -17,7 +17,7 @@ export class VerdocsToggle {
         this.selectedOption = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.defaultSelection) || 0;
     }
     render() {
-        return (h("div", { key: '57246a93e1421d288f52be821a6d848a6ead44d6', class: "container" }, h("span", { key: '310c86cf81c8d5cb205c0f54727e91c44137c490', class: "label" }, `${this.options.label}:`), h("div", { key: '724c1d20ae6d81756b1b2f26bfbe4fa22fb7387d', class: "buttons" }, this.options.buttons.map((button, index) => (h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index === this.selectedOption ? 'selected' : '', onClick: () => {
+        return (h("div", { key: '003d84de26eefef7106ba2527cde291ed5373cac', class: "container" }, h("span", { key: '3fcab14cf397f8855baaddc885528765a0f4bf09', class: "label" }, `${this.options.label}:`), h("div", { key: '09ca127f48655ad1ce57bc17ea6c205b055ffebd', class: "buttons" }, this.options.buttons.map((button, index) => (h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index === this.selectedOption ? 'selected' : '', onClick: () => {
                 console.log('clicked', index);
                 this.selectedOption = index;
             } }))))));

package/dist/collection/components/controls/verdocs-toggle-button/verdocs-toggle-button.js

@@ -25,7 +25,7 @@ export class VerdocsToggleButton {
         (_a = this.toggle) === null || _a === void 0 ? void 0 : _a.emit({ active: newState });
     }
     render() {
-        return (h(Host, { key: 'db3a997f301462b848daf9e052eee25232b89b1d', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
+        return (h(Host, { key: '90f073b58425c92fade3871d8d605407f43dc671', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
     }
     static get is() { return "verdocs-toggle-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.js

@@ -43,7 +43,7 @@ export class VerdocsToolbarIcon {
     //   this.press?.emit();
     // }
     render() {
-        return (h(Host, { key: '869ac7bc88e9985e3338183acfe2f794cb32f4b7', class: {} }, h("div", { key: 'a14eee006ba0eebacb118df48b3518e766be1c05', "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: '2dc9c1cccc90348cb8355d46db3c6bfe4e0845b3', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: 'd062ddd320b47a7f1c397c56721cb544018b9434', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: '2ff1baf8227efaa911d823914f2645d3b2d7d82e', class: {} }, h("div", { key: 'c13b7a5e10720450462e4c7229b1093e03e87808', "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: 'ac849c0f365f2570c94aff71dfbba9edd357b713', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: 'f4e4f13a0016c6deb1db21c13b2f0ca6fe6bea25', "data-popper-arrow": "true", class: "arrow" }))));
     }
     static get is() { return "verdocs-toolbar-icon"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-dialog/verdocs-dialog.js

@@ -12,7 +12,7 @@ export class VerdocsDialog {
         }
     }
     render() {
-        return (h(Host, { key: '69b76fb787f5d5ec37a25eb8f57f29d3e5270738' }, h("div", { key: '7b51c32e9a13f7bff7dc2be2ae9131dfa6d01a9c', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '3b45d82620faae9b0029dd7b6cf618c35ac2b012', class: "dialog" }, h("slot", { key: '2b174b920ce6642abd2c6e81d260185aee1dc8ac', name: "title" }, h("div", { key: '0352aa2f8209196cbd2c70fd582935b0bde710be', class: "heading" }, "Please Confirm")), h("div", { key: '3a7f23801de0fcf7ab9c6a768d5cf609100c4c87', class: "content" }, h("slot", { key: '916644ee3bebda7703ad64f87ae1111656a5155f' }))))));
+        return (h(Host, { key: '6af3d8e041c352f4125a67488a311751fd8c1401' }, h("div", { key: 'c00e484f1564cf12ee69a9b44c479fc0bc48a788', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '603b57d62c4d9b28d3dc63146d39cc52ec58d479', class: "dialog" }, h("slot", { key: '0808d13eef9177505e77cb4d4b013520b9bbab7d', name: "title" }, h("div", { key: 'aa4ac24cd90fa930b72c2a9e71d61296a1b67802', class: "heading" }, "Please Confirm")), h("div", { key: '3420c0f08d411ae7765f2bdbfb3f93775ef5459f', class: "content" }, h("slot", { key: '6f0c8648d2494b35a7a352ca483b996990dce72b' }))))));
     }
     static get is() { return "verdocs-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.js

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

package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.css

@@ -89,6 +89,9 @@ verdocs-kba-dialog .input label {
 }
 verdocs-kba-dialog .input input {
   flex: 1;
+  padding: 2px 8px;
+  border-radius: 3px;
+  border: 1px solid #cccccc;
 }
 verdocs-kba-dialog .choices {
   display: grid;

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

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

package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.js

@@ -27,7 +27,7 @@ export class VerdocsOkDialog {
         }
     }
     render() {
-        return (h(Host, { key: '81c2af49ae8f00d0e456b175641147f9d2b96aaf', class: this.closed ? 'closed' : '' }, h("div", { key: 'ac0ff33839038f193ab487621d561f9b96c9be6b', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'b3b969cf178225d3ec402861318fbc7584dd61c3', class: "dialog" }, h("div", { key: '23cca98ef846bf05d64a504c1508540043752a27', class: "heading" }, this.heading), h("div", { key: 'c0d5d5a675240a440601d7a187d474eeb56af0a7', class: "content" }, h("div", { key: 'f489fef52afb980af5f2cbb254db155cda8daa07', class: "message", innerHTML: this.message }), h("div", { key: '80e62bc6698b058097ff0eb3dfd545d024d3e824', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '79966195a0d8f519ba1e94e3c233170be44536e5', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (h(Host, { key: 'cdad366f6824ef7e31b7a0b3d275220d68246a68', class: this.closed ? 'closed' : '' }, h("div", { key: '7b7de91ae3c9776a21e75bb7742472d718714b8f', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '9a505af291a9fb814b8e8f171e2e50602e53b1d0', class: "dialog" }, h("div", { key: '2ffa7892a2f8d287359b65ee698633ce5e75d78c', class: "heading" }, this.heading), h("div", { key: '06c1eead32adf2c37dab81ac2fe725d85a2bb73a', class: "content" }, h("div", { key: '8f0ccbf6d268ba16306e7946e214abeaf9166b63', class: "message", innerHTML: this.message }), h("div", { key: 'ac3f34bff19673dbe40d54fda0b8a0ee4665b662', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '6178b12ce93665122dfc65ad858e37db103b859f', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
     static get is() { return "verdocs-ok-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.js

@@ -213,7 +213,7 @@ export class VerdocsSignatureDialog {
     }
      */
     render() {
-        return (h(Host, { key: 'adb6930e8f646eb3d7f6a1856df1c5295a694d22', onClick: e => this.handleCancel(e) }, h("div", { key: '0ef6ab04bdfe76477b5b7a5a701148e9cca0dda4', class: "dialog" }, h("div", { key: '87b35a5421b7db879377edc8c3772052df0420d6', class: "heading" }, "Create Your Signature"), h("div", { key: '1be897a0946ff184a854596541db11bda193c49b', class: "content" }, h("verdocs-text-input", { key: '04cc32a60beec631e9858a5f4113a5381f781ae3', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: 'be59854a46ca29d00a19fbc08e6257387ecbd3d3', 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: '4fede3187e8a19fafca35bf8cb654ba61d282efa', 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: '643fff8b2fe9bd790b3d8e98ba735c5cd71846e2', class: "buttons" }, h("verdocs-button", { key: '02aebbf4ec70c787b6329e3084879922ba91f852', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'b4d9ca247b76d496147a1eb3565eb53cf37f9ac3', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: '54cff7fb088365c049eb3e390f9f6d4610cfdf9d', onClick: e => this.handleCancel(e) }, h("div", { key: 'c191e54c5e29bcd2acba9012458d19e4d0b7f1ae', class: "dialog" }, h("div", { key: '28c47b528a9e78102b073a55937cdd2d4ffc46bb', class: "heading" }, "Create Your Signature"), h("div", { key: '783fa9f11e1053291038d03eb63c078080fbe6bc', class: "content" }, h("verdocs-text-input", { key: 'f616c58ad10fc2f6b928fd935c17ad94d9ef53dd', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: '94527aaedcabde82ebcea83d4427b15aa9866fd2', 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: 'aa9e8f88b99d77948051d7f88393dd1cf94f4534', 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: '9da4d0c5247df04d6f48e80877f424abc6eaa2a3', class: "buttons" }, h("verdocs-button", { key: '92fb167bbd635e2b4cb736a543c4d8c0a9cced9a', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '83128b52715ee1c5b1f2a19c3f8ac4343d54645c', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
     static get is() { return "verdocs-signature-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.js

@@ -81,7 +81,7 @@ export class VerdocsUploadDialog {
     render() {
         var _a;
         const existingFile = ((_a = this.existingFile) === null || _a === void 0 ? void 0 : _a.name) ? this.existingFile : null;
-        return (h(Host, { key: 'e7a5e6df6d936adbfe74ba8e212dfe79816b0c05' }, h("div", { key: 'b534d7c777b37af48c27498337b62daca283e22e', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '11967dfddc9da736bdf1957ee3743b1777dc971e', class: "upload-dialog-content" }, h("div", { key: 'ec967b175dfc6edffbfc57537f0a6c12f8cf3844', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (h(Fragment, { key: '9e6ec10aeacb411d5fefada717b9d724520e0869' }, h("div", { key: '5b5cd3c87833d862fd361e84155c3622d51280d1', class: "current-label" }, "Current Attachment"), h("div", { key: '866c221a7b3bda742d336d2c111da02b8fd4a960', class: "attachments", style: { marginTop: '0' } }, h("div", { key: '345302d3801fe2b0f2e69ed64d2cba8f42e57174', class: "attachment" }, h("div", { key: '7a9a948fa18aca0a99b76f089622113de7e24cee', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '5dced948f61febe18703583f7e4a3b9827782cff', class: "name" }, existingFile.name), h("div", { key: '9e715db7009c444ae2ebcdc2f7ac15e9165d2798', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (h("div", { key: 'bf4a4796aeaa0d3a941299e482198c58acc26912', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: '73708b0cc4f5a17b25336546bc167500de6b7d33' }, "Drag and drop your files here"), h("p", { key: '1e990119ca6de29f5fa12bcd4c51fc4165ee31c4', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), h("verdocs-button", { key: 'b222275034ef269d383dbbcfa432be236d226eb4', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), h("input", { key: 'eb58d721ed6f52bf07e91ee8d505ba404244a05e', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*", onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: '25a667fa9a095ea873986e725e4df3c89edb4dec', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), !!this.errorMessage && h("div", { key: '43656e08314ae0ffe2bff0b8bca5731a1ca528f4', class: "error" }, this.errorMessage), h("div", { key: 'ced55c36b7a723f417a85e9154e740be3f22cdb2', class: "buttons" }, h("verdocs-button", { key: '3b4b297e03f3c66db3389d8e0ad02cb58a53d5c1', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '15a91a4b5bc199e1b68bf35c63ca2061876bd0e7', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (h("verdocs-ok-dialog", { key: 'd92b1a14f31c1aeeecfe317ff8b949458778fbab', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
+        return (h(Host, { key: 'afa5841540ceb409766827648bcc48c7bae6cda4' }, h("div", { key: 'bd26d331ac3bc7be352ab1695373f75d69fd792c', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '705662b801d76ef3f4449d5f3722e17f466e4609', class: "upload-dialog-content" }, h("div", { key: '0816ed0a1475713aa50054ad89c65f87500de125', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (h(Fragment, { key: 'c373b31539252aa5b7a3d8a9192e039d7231c43f' }, h("div", { key: 'da478e822f7e03e9bb1453cf6b94253264df322a', class: "current-label" }, "Current Attachment"), h("div", { key: '7ff31b740c32fde706e8388037b104517f36dd13', class: "attachments", style: { marginTop: '0' } }, h("div", { key: '5af9047ab932ff3896099f54498f514081e9c88e', class: "attachment" }, h("div", { key: 'b3528446f4107953a1e8bbaeda9f77f6f90d543e', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '87ef88f1d7c74ad769cbf5f0b5c79cdf8e8828d5', class: "name" }, existingFile.name), h("div", { key: 'adb89b2ef87c98a046712637a977682ae5abfa14', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (h("div", { key: '1996a92dc8f456276e82950cfea6367308b58bf8', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: 'd9ba97f559e20d8d56a005ecc98c1a137aecb8ed' }, "Drag and drop your files here"), h("p", { key: 'a1ea9f6e83e27d0c9f849b51949faeac3dfdeadc', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), h("verdocs-button", { key: 'd9e97782f69b70da1a4362010c0fce204c0c1c37', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), h("input", { key: '3c8b9ac05bfd8199db07d0c6ef33aeda672c02a7', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*", onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: 'c700b6423d7d413b6f8039e00e6e80efc8c5e1ac', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), !!this.errorMessage && h("div", { key: '2ee3dd69b224d7b3b7063e944ad95f83f52f97e8', class: "error" }, this.errorMessage), h("div", { key: '600a733497ac38b298e3251753cd96d573ed378a', class: "buttons" }, h("verdocs-button", { key: '5783ad39ab4511d8c992f38dce78fd9c3facb6a0', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'ff2b632b963df19f298c8d1e909b4aafd42fd238', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (h("verdocs-ok-dialog", { key: '21df3093619d33a599fd6b486ba57d1da4f987ec', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
                 // So we don't close the upload dialog
                 e.preventDefault();
                 e.stopPropagation();

package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.js

@@ -19,7 +19,7 @@ export class VerdocsQuickFunctions {
         this.createDocument.emit();
     }
     render() {
-        return (h("div", { key: '0cff01678f477efbb74f37a070db94c6ffa195a1', class: "container" }, h("p", { key: '2b781540591813f4955324bfb89084ad2b0a5132', class: "title" }, "Quick Create"), h("button", { key: '1530472b7904a08465cb27e61b2adc84d0ff7560', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '7f07268a4aaa6dbb610815af95f27025c0d91c41', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (h("div", { key: '203c6c824345141c0a851d59290a9c13234d5469', class: "container" }, h("p", { key: 'ea66aa5b1b0c2f1da43b8d3dd3766d8b5d35c506', class: "title" }, "Quick Create"), h("button", { key: 'f6e63849639708920c8014001da50b0bdb2dc9c2', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '5c0850fc51e648bdc59e8afa56aa19698dd4a9bb', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
     static get is() { return "verdocs-quick-functions"; }
     static get originalStyleUrls() {

package/dist/collection/components/elements/verdocs-search-box/verdocs-search-box.js

@@ -41,7 +41,7 @@ export class VerdocsSearchBox {
         }
     }
     render() {
-        return (h("form", { key: '5244d8a4276ead04d75be718eff4cbfd6203c8c3', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (h("span", { key: '740ef6719f4e2ac16daedfb539311ee252c37b0e', class: "type" }, this.type, "s ", h("button", { key: 'c101d22f53a80d18c5c155ce930688ccb72228f9', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), h("input", { key: 'b30a27a9c7dd82bdf2df7d4941356245ca4e0302', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), h("button", { key: 'd1cd5ea8fbde2c5f138d44c9bc289dd34de520cb', onClick: e => this.handleSearch(e), class: "search" }, h("span", { key: 'f1afef424ebd455cf68c22298a65594a29b57c85', innerHTML: SearchIcon }), "Search")));
+        return (h("form", { key: '0a0ff0dfa9ee6be3ded1c6b169d28d7a35804336', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (h("span", { key: '1bc2808c678e4502a8a91dcb5cc4130ff433847a', class: "type" }, this.type, "s ", h("button", { key: 'd86c649ef1b0c18513474c85e62d362993fe13e7', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), h("input", { key: '848235e32539c294c4be6969cabc523a786c9524', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), h("button", { key: '8679d4b98adbfdc8b7b45c6faab5b6a7a8e18d95', onClick: e => this.handleSearch(e), class: "search" }, h("span", { key: '06d492ec322302918ac8e497eb83accd77812267', innerHTML: SearchIcon }), "Search")));
     }
     static get is() { return "verdocs-search-box"; }
     static get originalStyleUrls() {

package/dist/collection/components/elements/verdocs-search-tabs/verdocs-search-tabs.js

@@ -4,7 +4,7 @@ export class VerdocsSearchTabs {
         this.selected = 'all';
     }
     render() {
-        return h("div", { key: '33700d0c932da7138bf44f6dd69501d8c652bb4d' }, "\u00A0");
+        return h("div", { key: '1bf01d30c4826feab942e3481ce4162dbd4f096e' }, "\u00A0");
     }
     static get is() { return "verdocs-search-tabs"; }
     static get originalStyleUrls() {

package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.css

@@ -65,6 +65,17 @@ verdocs-contact-picker form .pin-code > input {
   font-size: 14px;
   margin-left: 58px;
 }
+verdocs-contact-picker form .address {
+  gap: 8px;
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+}
+verdocs-contact-picker form .address > input {
+  flex: 1;
+  font-size: 14px;
+  margin-left: 58px;
+}
 verdocs-contact-picker form .zip-code {
   gap: 8px;
   display: flex;
@@ -72,8 +83,7 @@ verdocs-contact-picker form .zip-code {
   flex-direction: row;
 }
 verdocs-contact-picker form .zip-code > input {
-  flex: 0;
-  width: 133px;
+  flex: 1;
   font-size: 14px;
   margin-left: 58px;
 }

package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js

@@ -33,6 +33,7 @@ export class VerdocsContactPicker {
         this.email = undefined;
         this.phone = undefined;
         this.zip = undefined;
+        this.address = undefined;
         this.message = undefined;
         this.showSuggestions = false;
         this.showMessage = false;
@@ -94,6 +95,7 @@ export class VerdocsContactPicker {
             delegator: this.delegator,
             kba_method: this.kba_method,
             kba_pin: this.kba_pin,
+            address: this.address,
             zip: this.zip,
         });
     }
@@ -111,24 +113,25 @@ export class VerdocsContactPicker {
         // TODO: Re-activate this one SMS is re-enabled
         // const hasBasics = this.first_name && this.last_name && (isValidEmail(this.email) || isValidPhone(this.phone));
         const hasBasics = this.first_name && this.last_name && isValidEmail(this.email);
-        const hasKbaRequirements = !this.kba_method || (this.kba_method === 'pin' && this.kba_pin) || (this.kba_method === 'identity' && this.zip);
+        const hasKbaRequirements = !this.kba_method || (this.kba_method === 'pin' && this.kba_pin) || (this.kba_method === 'identity' && this.address && this.zip);
         const canSubmit = hasBasics && hasKbaRequirements;
-        return (h("form", { key: 'ac497c45c40d7ed22d7f3e8b0c022bb000ba5d9f', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '8b858443d6b0ce08b53ec248ec016cd4c1abff91', class: "row" }, h("label", { key: '894dff4bd6734e07513a674dfd5e6ae075258a71', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: '8f11b864815f4b22bc27fb9497c4a3a45514ff63', class: "names-row" }, h("input", { key: '2012ff376bee8b61d08656c430e56c537c6ec2e9', 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: '31e7c09b4e7ba0d9b952329a925a2e96012ba32a', 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: 'f179ec1c0ca6fb570bbdf26d9e647cd13a992139', class: "dropdown" }, this.contactSuggestions
+        return (h("form", { key: 'd40d7ab6926801a72fc905124323740cdcc7af82', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '1cc65cc395753e4d5de4287b09216d6e07439592', class: "row" }, h("label", { key: '7a1120950c72c4f7346b938a1f37dd1972f35df6', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: 'd627bc1a4afbe9124ac6a13d51bf302e3001ec1d', class: "names-row" }, h("input", { key: '0c253b1af4193a0be2eff1fdc37b2afd389ae628', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.first_name, placeholder: "First...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: '94783d62f158a900d1d500f35c9f39f104dab573', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.last_name, placeholder: "Last...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("div", { key: 'f871569070a3f5607e3105fce9fbc0556a158698', class: "dropdown" }, this.contactSuggestions
             .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
             .map(suggestion => {
             var _a;
             return (h("div", { key: (_a = suggestion.id) !== null && _a !== void 0 ? _a : suggestion.email, class: "suggestion", onClick: e => this.handleSelectSuggestion(e, suggestion) }, suggestion.picture ? h("img", { alt: "Avatar", class: "avatar", src: suggestion.picture }) : h("div", { class: "avatar", innerHTML: addrBookIcon }), h("div", { class: "details" }, h("div", { class: "name" }, formatFullName(suggestion)), suggestion.email && h("div", { class: "destination" }, suggestion.email), suggestion.phone && h("div", { class: "destination" }, suggestion.phone))));
-        })))), h("div", { key: '3373a462ee3e69d997a841fa0b244e548d1c0e3a', class: "row" }, h("label", { key: 'f8860a8fb9c6733a3d782325b04e58be65fd55e5', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '478d60f899f8f0951764ef2a049c0e200e5e764a', 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: '8ef1b72ce461d00993e369dc7005485dfa7479ea', class: "row" }, h("label", { key: 'dfbfc89ac11b4265dcdfe208cfa6272c51378ff4', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: 'c49f4e0c2fad08ded0be201c56f3033b57569ae9', 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) => {
+        })))), h("div", { key: '5eacfbeefc837f28ea047bc323272b09fef575e5', class: "row" }, h("label", { key: '4bf46b0b13fa3cafd608589b042577296fdc1594', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '619e6531fe613f8f52958c76ab52776660e4534f', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.email, placeholder: "Email address...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), h("div", { key: 'd63956f4aa8dce0e97209be869ae8648a62b9fdb', class: "row" }, h("label", { key: '5dd9cf94ed4b8003521d5083b6553d71e9dd3dee', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '063fc3193ef9cb0955060d5cd092c7783cba5098', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone (SMS)...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
                 this.phone = convertToE164(e.target.value);
-            } })), this.showKba && (h(Fragment, { key: 'f20803d8a91d8fe4d3e80a996e05609334b1fc63' }, h("div", { key: '7eaffb6e155a39e396240815167fd9028d88f594', class: "kba-row" }, h("label", { key: '7369126fb396b09408a0b7b52167e2b5377718d5' }, "KBA:"), h("verdocs-select-input", { key: '876420a587fa61b45a882cae0c3b07a4d746de4e', value: this.kba_method, onInput: (e) => {
+            } })), this.showKba && (h(Fragment, { key: '48e0af03f5a249ef2c20e2df222341120a6c3b5c' }, h("div", { key: '4346ebf44c8e0c243a1f746590246c7490eea2fe', class: "kba-row" }, h("label", { key: 'd25915358b4484f75eee50018e6bda21cd70960d' }, "KBA:"), h("verdocs-select-input", { key: 'ee98c872450e200dcbfaef60d771e5af326836d0', value: this.kba_method, onInput: (e) => {
                 this.kba_method = e.target.value;
                 this.zip = '';
+                this.address = '';
                 this.kba_pin = '';
             }, options: [
                 { label: 'None', value: '' },
                 { label: 'PIN Code', value: 'pin' },
                 { label: 'Full Verification', value: 'identity' },
-            ] }), h("div", { key: '9882f4052c4ed7c1519ac16f4aa887654a2fa9df', style: { flex: '1' } }), h("verdocs-help-icon", { key: 'cece16cdbcddfd61acbdebaf8506de14d86e2735', 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: 'f8d1b4060415b706ce6dc41af1681b5fb578801e', class: "row pin-code" }, h("input", { key: 'a4631db4a4f8d4fb19fdbc3fae7ab6e72ba960b2', 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: '7089bcc65028634e993bcee9b488c015771ae18e', class: "row zip-code" }, h("input", { key: '27dd173d1c2b5bad25d81a1a584d3fe8b273b383', 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: 'f4d1e8940b6a38131b4dddd12f0d2198ed72a510', class: "row message" }, h("label", { key: 'e85ef31b8e9fa8a55291f3b938105bc71ae1af7c', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: 'd5db9fe70914891ecb387992dc9511facacff22d', 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: '4bea6011ba9bca1235910bb7c03c13516360a117', class: "buttons" }, h("verdocs-toggle-button", { key: '988bb21d4bc07c717d448f58c78e96d52ff9488c', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
+            ] }), h("div", { key: '957a356a2e8c5a1b3ee5385f9a8f5415c5a46e65', style: { flex: '1' } }), h("verdocs-help-icon", { key: 'a4f8fec22927ef6c2f128e54352698a56ce37a82', text: "Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature." })), this.kba_method === 'pin' && (h("div", { key: 'b86ac5c7d462bcf496a798238dd5faab5b426dcc', class: "row pin-code" }, h("input", { key: '4cd823f381dcaa148f010eaa3120899a2b1e520b', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.kba_pin, placeholder: "PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.kba_pin = e.target.value) }))), this.kba_method === 'identity' && (h("div", { key: 'b4ca6e66fec7d2207e1cfea367b8634c2a846298', class: "row address" }, h("input", { key: '98797c6fa77aab7616dbc46fe4cffd2be2711443', id: "verdocs-address", name: "verdocs-address", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.address, placeholder: "Address...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.address = e.target.value) }), h("verdocs-help-icon", { key: 'a25ec19d4765ce7b43018ce7fcf5818a96a7133d', text: "Pre-fill the recipient's current street address. They will still be asked ID challenge questions." }))), this.kba_method === 'identity' && (h("div", { key: '3ddd93dec30290944b8ee2810a7c61ea66cae603', class: "row zip-code" }, h("input", { key: 'eeb1c0dacec272a10886b3a6c9b7042d3c9d3c43', id: "verdocs-zip-code", name: "verdocs-zip-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.zip, placeholder: "Zip Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.zip = e.target.value) }), h("verdocs-help-icon", { key: '140e700ed613664ebb33d39c5af117c9e7969aa1', text: "Pre-fill the recipient's current zip code. They will still be asked ID challenge questions." }))))), this.showMessage && (h("div", { key: '93a84aefd533d9c2c88cb843da08fab4bd5981a8', class: "row message" }, h("label", { key: '719b04a962c48b31aab9480c22d5d81a53ed1858', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: 'c0931551ef1a2f3fda6cd55b155f43d22aa93852', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Message shown in invitation...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.message = e.target.value) }))), h("div", { key: 'a547e03cd3054068f022f4203b823f9c0075c3d4', class: "buttons" }, h("verdocs-toggle-button", { key: '2ba5baaf63bf580d536c8823e924f786d506eab5', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
                 this.showKba = e.detail.active;
                 if (!e.detail.active) {
                     this.kba_pin = '';
@@ -136,10 +139,10 @@ export class VerdocsContactPicker {
                     this.zip = '';
                 }
                 this.showSuggestions = false;
-            } }), h("verdocs-toggle-button", { key: '5db03c19e9847453bc45ec14033f9391beb4de18', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
+            } }), h("verdocs-toggle-button", { key: '5d5d3786fe83fc99f42061e273098bb97ff36eb0', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
                 this.showMessage = e.detail.active;
                 this.showSuggestions = false;
-            } }), h("div", { key: '34c811113655950d04dc339d4ea8faeb1a9d46ca', class: "flex-fill" }), h("verdocs-button", { key: 'f85404fbb9deffd6a5a81816cfd12ccaf52cf619', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'f75dafadb24638f5322de5a9a9cbd15b51a6c81f', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
+            } }), h("div", { key: 'a90c22f81cd8b13bd4646bf039693d1bc24cd95c', class: "flex-fill" }), h("verdocs-button", { key: '6ab5ef1e3f15561b44ee415f359c22bdf0a840ca', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '3b773438022361c3c04cdcad5a94d0673d887239', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
     }
     static get is() { return "verdocs-contact-picker"; }
     static get originalStyleUrls() {
@@ -233,6 +236,7 @@ export class VerdocsContactPicker {
             "email": {},
             "phone": {},
             "zip": {},
+            "address": {},
             "message": {},
             "showSuggestions": {},
             "showMessage": {},

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

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

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

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