@verdocs/web-sdk 5.0.38 → 5.0.40

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

@@ -73,10 +73,10 @@ const VerdocsButtonPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '8e158c38e4e3c908b1e468dd5ed07e884fe14cf1' }, index.h("div", { key: '773c823c956936e3cbbb196c913acaafa0f8450f', class: "icon", innerHTML: this.icon, onClick: (e) => {
+        return (index.h(index.Host, { key: 'ac59044fd14cb2998684f1b8f1c54aedec37f256' }, index.h("div", { key: 'e62fb7d53428ba82bae2622aede06e15db19fec9', class: "icon", innerHTML: this.icon, onClick: (e) => {
                 e.stopPropagation();
                 return this.toggle();
-            }, ref: el => (this.iconEl = el) }), index.h("div", { key: '8da9d3ffdb21e1c0fc1925787160322d18ea8a37', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, index.h("div", { key: '8b4567c58986d41a4cf4fdfabb86bb0e5a3f8786', "data-popper-arrow": "true", class: "arrow" }), index.h("slot", { key: '6ff2d23af1b15a496c0d4b7559704d00c80b0d11' }))));
+            }, ref: el => (this.iconEl = el) }), index.h("div", { key: '4cccc4f6d5f3294074f6d1e41ce768a023d6fdb0', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, index.h("div", { key: 'e02fba4c1cee732b08d01b5729f1edd02c9262e5', "data-popper-arrow": "true", class: "arrow" }), index.h("slot", { key: '323f842de2f33348bcbcf67b1c576dce2275dcf9' }))));
     }
 };
 VerdocsButtonPanel.style = VerdocsButtonPanelStyle0;
@@ -102,7 +102,7 @@ const VerdocsTabs = class {
         (_a = this.selectTab) === null || _a === void 0 ? void 0 : _a.emit({ tab: this.tabs[index], index });
     }
     render() {
-        return (index.h(index.Host, { key: 'c2dcebcf97b905cd8a2ee8a6db86185517eb352b' }, this.tabs.map((tab, index$1) => (index.h("div", { class: `tab ${index$1 === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index$1) }, tab.label))), index.h("div", { key: '3ad59593faa2d4350d7c5b562c4c2cb1b6cb050d', class: "flex flex-1" }), index.h("slot", { key: 'af7b83b222b5e7f4264780f6c7fd6069d33ac4ba' }, index.h("div", { key: 'd6547aed2fb50603b8ca631d1862943794fbb148' }))));
+        return (index.h(index.Host, { key: '3177fae34ac1cdba3cc82d501d7462603931ccf2' }, this.tabs.map((tab, index$1) => (index.h("div", { class: `tab ${index$1 === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index$1) }, tab.label))), index.h("div", { key: 'de155b81678b5d6645bcbebbe6bd1f5803a5a545', class: "flex flex-1" }), index.h("slot", { key: '6d8fa41dfcde569b22986e10d152858d96857d0f' }, index.h("div", { key: '5e5c97e8a45c8022596f90caa478a4532788a6f6' }))));
     }
 };
 VerdocsTabs.style = VerdocsTabsStyle0;

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

@@ -37,7 +37,7 @@ const VerdocsButton = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("button", { key: '4df7c66508487f951fdf05f0ba748bf92a865248', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? index.h("span", { class: "icon start", innerHTML: this.startIcon }) : null, index.h("span", { key: '31c06cfdfe860e9a84e6a1efb103293208439e82', class: "button-label" }, this.label), this.endIcon ? index.h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
+        return (index.h("button", { key: 'f4f06c9658a8d3dc63380bdc973bdfa96c60cca3', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? index.h("span", { class: "icon start", innerHTML: this.startIcon }) : null, index.h("span", { key: '6a46cd55ec51dec6efa13171a067d6fa15925af3', class: "button-label" }, this.label), this.endIcon ? index.h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
     }
 };
 VerdocsButton.style = VerdocsButtonStyle0;
@@ -81,7 +81,7 @@ const VerdocsHelpIcon = class {
         (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
     }
     render() {
-        return (index.h(index.Host, { key: 'a9980ec0b05eb78f08c7a7979abc862983dfe26b', class: {} }, index.h("div", { key: '8130472eabc8b4851a43b419fc4a897f7ff17c2d', "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) }), index.h("div", { key: 'e5d788e8754631a8cb268384be4d712e90eeb4d9', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, index.h("span", { key: '44f931f6ba01d83852ad82d83d1d712ee1ccc506', innerHTML: this.text }), index.h("div", { key: '8438d774f4fdff0057c772867d7d2959de6827df', "data-popper-arrow": "true", class: "arrow" }))));
+        return (index.h(index.Host, { key: '54d9d3f242bf3e84bc0ef1bb88c8f6d6d74e5979', class: {} }, index.h("div", { key: '87b69e2146281a6d9b9e0202bd1407de50e51f84', "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) }), index.h("div", { key: '8189c0ad75e24adc81dfccad3b3dc1d814222b08', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, index.h("span", { key: '2d6c21c0561e5a215bb18043c8a40e22d1c54d0d', innerHTML: this.text }), index.h("div", { key: '63406c7c459b2d4a05cd91f5d62ff7f017e552ff', "data-popper-arrow": "true", class: "arrow" }))));
     }
 };
 VerdocsHelpIcon.style = VerdocsHelpIconStyle0;

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

@@ -43,7 +43,7 @@ const VerdocsCheckbox = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'fff6a238d4655f3de4e0243002c960c19093a702', class: { disabled: this.disabled, [this.theme]: true } }, index.h("label", { key: '3c7881008984c8304fe870b58596300952b06a43' }, index.h("input", { key: '43b5160bd241f9c6e0757cf176988aed23769244', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), index.h("span", { key: '9be56f5bbcd6b9fa14418890b17b9f3a1e57c080' }, this.label))));
+        return (index.h(index.Host, { key: 'a617fe69dfeb3cf79e552f062815e1bc859dc806', class: { disabled: this.disabled, [this.theme]: true } }, index.h("label", { key: 'a29ab938e9cac471c0d74e7e9bd6a21de7eb87da' }, index.h("input", { key: '340957de1498dda8eda1c63bbb70f806c26eddb0', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), index.h("span", { key: '5073dbf69d6b8ad400c7fcd62845e4d83c52e187' }, this.label))));
     }
 };
 VerdocsCheckbox.style = VerdocsCheckboxStyle0;
@@ -60,7 +60,7 @@ const VerdocsComponentError = class {
         this.message = '';
     }
     render() {
-        return (index.h(index.Host, { key: '335eec55d2951752f4ad7b040121ae185884e0c0' }, index.h("div", { key: '1e72858d96a0d25909f4cfa6a4c1b7f225d9bad3', class: "inner" }, this.message)));
+        return (index.h(index.Host, { key: '509807ffc56b4d364151e69514b6d43bd152852b' }, index.h("div", { key: 'c37f0168a709b72ffb4015aca2a00fae23f6681e', class: "inner" }, this.message)));
     }
 };
 VerdocsComponentError.style = VerdocsComponentErrorStyle0;
@@ -73,7 +73,7 @@ const VerdocsLoader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: '8df93e7bfefe4c8702c3e224b58d04a4aec7b938' });
+        return index.h(index.Host, { key: 'ff34c7e1c82da9bb60f3af2890cf46e02cd213b1' });
     }
 };
 VerdocsLoader.style = VerdocsLoaderStyle0;
@@ -98,7 +98,7 @@ const VerdocsSelectInput = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '5f98de8bdee38d69bbbb2d0c55b3a73e9ba705eb', class: "input-field" }, index.h("label", { key: '8fd051657fa16d870a24721b786a6d853d1507ce' }, this.label ? index.h("div", { class: "input-label" }, this.label + ':') : index.h("div", null), index.h("select", { key: '177c246822a5d00af338ec46d0a200e515f6c19d', class: "input-element", disabled: this.disabled }, this.options.map(option => (index.h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
+        return (index.h(index.Host, { key: '9666d05173fcd4a357cba18c911f64a153ab06bd', class: "input-field" }, index.h("label", { key: '82dad96db14345db3653a603d053ab0e86628209' }, this.label ? index.h("div", { class: "input-label" }, this.label + ':') : index.h("div", null), index.h("select", { key: '219fb41dce985ecf7df0bfc46c6e841140c692ad', class: "input-element", disabled: this.disabled }, this.options.map(option => (index.h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
     }
 };
 VerdocsSelectInput.style = VerdocsSelectInputStyle0;
@@ -396,9 +396,9 @@ const VerdocsTextInput = class {
             .catch(e => console.log('Error copying to clipboard', e));
     }
     render() {
-        return (index.h(index.Host, { key: '6b677ac3b97c020356af2a2edb76efca87ce7bce', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, index.h("label", { key: '60147e2f1cc59ccc154bc68040929fd3fd20f1d6' }, this.label && (index.h("div", { key: 'b21cb31da14371efd0503ba442110699c8340277', class: "input-label" }, this.label + ':', this.required && index.h("span", { key: '3fbfd5bdbf4a6e366dfd24895c0a02ec05c74db5', class: "required" }, "*"))), index.h("div", { key: '8ac4d066e4e32baa6f067670b76850d27b3a8009', class: "input-container" }, index.h("input", { key: '22f4cb3de7a5a200b924959968a31dfb2ec49a5b', 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,
+        return (index.h(index.Host, { key: 'ed8584230d4423dff6ba13ea340e5f8cd4817c44', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, index.h("label", { key: '2532379838f14638454ec235078d29bc441d33a0' }, this.label && (index.h("div", { key: 'ab59228b692ca0e778b189d4ec7323958033c2f0', class: "input-label" }, this.label + ':', this.required && index.h("span", { key: 'f4c1765ee7926970352c28b6f3718b80d2e2738f', class: "required" }, "*"))), index.h("div", { key: '996ca2a14d7bae7e0591e6bdd311de45ed6855eb', class: "input-container" }, index.h("input", { key: 'ae0470cd61d12a7d34f97edafe8b9b2d273ab6de', 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: any) => this.blur?.emit(e.target.value)}
-            ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (index.h("span", { key: '885cfddd83bc5f5e7b6a66923586fc67641a8623', innerHTML: ClearIcon, class: "clear", onClick: () => {
+            ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (index.h("span", { key: '7d55c8905c81a61ab6c48d6b39725a6b499bd242', 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(() => {
@@ -412,9 +412,9 @@ const VerdocsTextInput = class {
                         (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
                     }, 50);
                 }, 50);
-            } })), this.type === 'password' && (index.h("span", { key: 'cdc3c72a4e54c6fd5f930ded050d438389e99ade', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
+            } })), this.type === 'password' && (index.h("span", { key: '8c74a87e13cdc4f815491ff6d3d3140bf4f38803', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
                 this.showingPw = !this.showingPw;
-            } })), !this.clearable && this.copyable && this.value && index.h("span", { key: '51d6c6789c0afa0c8c2e8440d55ff6ad1e3d1c13', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && index.h("verdocs-help-icon", { key: '68cdc02f95617e752fd5f1776f545d729dcdc5ca', text: this.helpText }))));
+            } })), !this.clearable && this.copyable && this.value && index.h("span", { key: 'bb9efc264d835bf0c9add53200dc985fbca94fb8', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && index.h("verdocs-help-icon", { key: 'dc05d331f3a5997d79f501972e03d831847f4cd7', text: this.helpText }))));
     }
     get hostEl() { return index.getElement(this); }
 };

package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js

@@ -3746,7 +3746,7 @@ const getFeatureFlags = () => axios$1
     throw e;
 });
 
-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 .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:88px}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;-ms-flex:1;flex:1}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 0 197px;flex:0 0 197px;font-size:14px}verdocs-contact-picker form .address{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .address>input{-ms-flex:1;flex:1;font-size:14px}verdocs-contact-picker form .zip-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .zip-code>input{-ms-flex:1;flex:1;font-size:14px}verdocs-contact-picker form label{display:-ms-flexbox;display:flex;-ms-flex:0 0 80px;flex:0 0 80px;font-size:13px;font-weight:500;color:#5c6575}verdocs-contact-picker form .row.message textarea{width:100%;padding:5px 7px;border-radius:4px;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-contact-picker form input{-ms-flex:1;flex:1;padding:6px;font-size:14px;border-radius:3px;border:1px solid rgba(112, 122, 229, 0.3725490196)}verdocs-contact-picker form input:focus{outline:none}verdocs-contact-picker form .dropdown{left:0;right:0;top:49px;z-index:1000000;max-height:225px;overflow-y:scroll;position:absolute;background:#ffffff;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form .dropdown .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .dropdown .suggestion svg{width:32px;height:32px}verdocs-contact-picker form .dropdown .suggestion .avatar{width:32px;height:32px;-ms-flex:0 0 32px;flex:0 0 32px;margin-right:8px;border-radius:100%}verdocs-contact-picker form .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}verdocs-contact-picker form .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}verdocs-contact-picker form .dropdown .suggestion:hover{background:#eee;cursor:pointer}verdocs-contact-picker .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-contact-picker ::-webkit-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-moz-placeholder{color:#aaaaaa}verdocs-contact-picker :-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::placeholder{color:#aaaaaa}verdocs-contact-picker [data-lastpass-icon-root]{display:none !important}";
+const verdocsContactPickerCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-contact-picker{display:block;border:1px solid #ebebeb;background-color:#ffffff;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form{gap:12px;width:300px;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5fa}verdocs-contact-picker form .row{gap:8px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-contact-picker form .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:88px}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;-ms-flex:1;flex:1}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 0 197px;flex:0 0 197px;font-size:14px}verdocs-contact-picker form .address{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .address>input{-ms-flex:1;flex:1;font-size:14px}verdocs-contact-picker form .zip-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .zip-code>input{-ms-flex:1;flex:1;font-size:14px}verdocs-contact-picker form label{display:-ms-flexbox;display:flex;-ms-flex:0 0 80px;flex:0 0 80px;font-size:13px;font-weight:500;color:#5c6575}verdocs-contact-picker form .row.message textarea{width:100%;padding:5px 7px;border-radius:4px;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-contact-picker form input{-ms-flex:1;flex:1;padding:6px;font-size:14px;border-radius:3px;border:1px solid rgba(112, 122, 229, 0.3725490196)}verdocs-contact-picker form input:focus{outline:none}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}#verdocs-contact-picker-suggestions .dropdown{max-height:225px;overflow-y:scroll;background:#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-suggestions .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-suggestions .dropdown .suggestion svg{width:32px;height:32px}#verdocs-contact-picker-suggestions .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-suggestions .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#verdocs-contact-picker-suggestions .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}#verdocs-contact-picker-suggestions .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}#verdocs-contact-picker-suggestions .dropdown .suggestion:hover{background:#eee;cursor:pointer}";
 const VerdocsContactPickerStyle0 = verdocsContactPickerCss;
 
 const addrBookIcon = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-user"><path d="M15 13a3 3 0 1 0-6 0"/><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><circle cx="12" cy="8" r="2"/></svg>`;
@@ -3797,7 +3797,6 @@ const VerdocsContactPicker = class {
             this.showMessage = this.message !== '';
             this.auth_methods = this.templateRole.auth_methods || [];
             this.passcode = this.templateRole.passcode || '';
-            // TODO: Allow template roles to have zip codes predefined?
         }
         jsSdk.getActiveEntitlements(this.endpoint)
             .then(r => {
@@ -3884,32 +3883,28 @@ const VerdocsContactPicker = class {
         if (((_t = (_s = (_r = this.featureFlags) === null || _r === void 0 ? void 0 : _r.toggles) === null || _s === void 0 ? void 0 : _s.find(t => t.name === 'id-verification')) === null || _t === void 0 ? void 0 : _t.enabled) === true && !!this.activeEntitlements.id_auth) {
             verificationOptions.push({ label: 'ID Check', value: 'id' });
         }
-        return (index.h("form", { key: '2f78aea85f048c9acbe32b2ae59149a5fb0f5cb1', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: '385778d2da3801cb895dc24baeab3c169e55ad1c', class: "row" }, index.h("label", { key: 'd8e5801d12514c45a420d75bb26e8f3ddb30ddfb', htmlFor: this.firstNameFieldId }, "Name:"), index.h("div", { key: '25a0c4fff91fdcd6e3fbe353ba9c20b1530e96e0', class: "names-row" }, index.h("input", { key: 'ddead4d6d7052b8eb91ee59752e2d6c64e4410e8', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.first_name, placeholder: "First...", onBlur: () => {
-                this.showSuggestions = false;
-            }, onFocus: () => {
+        return (index.h("form", { key: 'cba230aed78c493105a007d965938ef36c0676c5', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: '436c7454a56df0f535f3aefdfff577a88dafa22c', class: "row" }, index.h("label", { key: 'b281d4c25f7b940d50700f808cdc9e7c3e235c63', htmlFor: this.firstNameFieldId }, "Name:"), index.h("div", { key: 'ef6316233086a5b6f7d5230e64134d3d4d370401', class: "names-row" }, index.h("input", { key: 'bb1114f98ee766c4da332c635e9aabfddb0ea0c5', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.first_name, placeholder: "First...", onFocus: () => {
                 // Give the blur event a chance to hide it first if going between first/last
                 setTimeout(() => {
                     var _a;
                     this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0;
                 }, 100);
-            }, onInput: e => this.handleFirstNameChange(e) }), index.h("input", { key: '3644718e45bcf1272dc3ad232292a8424641fb86', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.last_name, placeholder: "Last...", onBlur: () => {
-                this.showSuggestions = false;
-            }, onFocus: () => {
+            }, onInput: e => this.handleFirstNameChange(e) }), index.h("input", { key: '8165b6a10ccec8cc699965a0e457c4984ba7e6d9', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.last_name, placeholder: "Last...", onFocus: () => {
                 // Give the blur event a chance to hide it first if going between first/last
                 setTimeout(() => {
                     var _a;
                     this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0;
                 }, 100);
-            }, onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (index.h("div", { key: '2eb1a7cce3c4d2f02b7910ecbe5ad40e9b0cb9e9', class: "dropdown" }, this.contactSuggestions
+            }, onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (index.h("verdocs-portal", { key: '50bb3ba19b9ebedaf5dc6b42ab9ee56b49baf316', anchor: this.firstNameFieldId, onClickAway: () => (this.showSuggestions = false), id: "verdocs-contact-picker-suggestions" }, index.h("div", { key: '06d909db8340e219f56520cba088f39d024e23c9', class: "dropdown" }, this.contactSuggestions
             .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
             .map(suggestion => {
             var _a;
             return (index.h("div", { key: (_a = suggestion.id) !== null && _a !== void 0 ? _a : suggestion.email, class: "suggestion", onClick: e => this.handleSelectSuggestion(e, suggestion) }, suggestion.picture ? index.h("img", { alt: "Avatar", class: "avatar", src: suggestion.picture }) : index.h("div", { class: "avatar", innerHTML: addrBookIcon }), index.h("div", { class: "details" }, index.h("div", { class: "name" }, jsSdk.formatFullName(suggestion)), suggestion.email && index.h("div", { class: "destination" }, suggestion.email), suggestion.phone && index.h("div", { class: "destination" }, suggestion.phone))));
-        })))), index.h("div", { key: '664bc6761d026a5c59b860e75ad69908dce3580c', class: "row" }, index.h("label", { key: 'f1bfcf93c0acaf6d20f975b395cf82354ea17412', htmlFor: this.emailFieldId }, "Email:"), index.h("input", { key: '65d144fa46caa4dd7dee3afe591f9c4e85f88ac9', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", "aria-autocomplete": "none", value: this.email, placeholder: "Invite/verify via email...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), globalSMS && (index.h("div", { key: 'bd29dbf6ef5d171e8848d584f5f33bc41a151d56', class: "row" }, index.h("label", { key: '7c818cd92ef86b9329256670626b04b5c21dd1b5', htmlFor: this.phoneFieldId }, "Phone:"), index.h("input", { key: 'ccdf83ef82b56d01cb3adcd9aba5ac80256fa4c2', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", "aria-autocomplete": "none", value: this.phone, placeholder: "Invite/verify via SMS...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
+        }))))), index.h("div", { key: '0fd66b40717c81b65a301ced6b6bf4b6ff7b6626', class: "row" }, index.h("label", { key: '70956784b72087d8c1868595ec40dfbdee34ca87', htmlFor: this.emailFieldId }, "Email:"), index.h("input", { key: '35582c90e48b6f532fc75cc51525ca06162ebcc8', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", "aria-autocomplete": "none", value: this.email, placeholder: "Invite/verify via email...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), globalSMS && (index.h("div", { key: '626950e0213dbc8fab07af0ac7682db19638c73c', class: "row" }, index.h("label", { key: '12cfdd054564af5cc3573785d884c87b7b50bae4', htmlFor: this.phoneFieldId }, "Phone:"), index.h("input", { key: '8ecb757d6ee8acf6041c75f4fc0621ece470fcdf', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", "aria-autocomplete": "none", value: this.phone, placeholder: "Invite/verify via SMS...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
                 this.phone = utils$2.convertToE164(e.target.value);
-            } }))), index.h(index.Fragment, { key: 'c0161034905da56d8c7adf0f9eedad6d96b6aa73' }, index.h("div", { key: '6d27c022cbf33697bce1ade5a8873d3fb55f5b6c', class: "kba-row" }, index.h("label", { key: 'b31d258d5ad8fb01f0fff549616c243fc64600dd' }, "Recipient Verification:"), index.h("verdocs-multiselect", { key: 'fb4a8de84c3a1aa7362aa9eda9fdbcdf3114c0ea', label: "", placeholder: "None", options: verificationOptions, selectedOptions: this.auth_methods, onSelectionChanged: (e) => {
+            } }))), index.h(index.Fragment, { key: '2023b0c925497df85590f0294597c38bde90b1da' }, index.h("div", { key: '19579aba8a7552b44aeea592ea8b72565b990135', class: "kba-row" }, index.h("label", { key: '30e901795b762a5bb13fef9350f034ecef4061e7' }, "Recipient Verification:"), index.h("verdocs-multiselect", { key: '7cdca810117fe4e1b4d80e421cd8b504819107f8', label: "", placeholder: "None", options: verificationOptions, selectedOptions: this.auth_methods, onSelectionChanged: (e) => {
                 console.log('selectedOptions changed', e.detail);
-            } })), this.auth_methods.includes('passcode') && (index.h("div", { key: '6febdcedd0d383c7a98adb5348a9b241abec1056', class: "row pin-code" }, index.h("label", { key: '64750c806061cbb37a10a8bf03fa641fb2d331f6', htmlFor: this.phoneFieldId }, "Passcode:"), index.h("input", { key: 'd83bfedf02db8a4bef83e991b6a07009502cf638', id: "verdocs-passcode", name: "verdocs-passcode", type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.passcode, placeholder: "4-8 digits recommended...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.passcode = e.target.value) })))), index.h("div", { key: '19417875f474a3c910fdd59a53aaa8dedf5b59df', class: "row message" }, index.h("label", { key: 'd89c0d9dc2a418299214f6b36f32b42711c02023', htmlFor: "verdocs-contact-picker-message" }, "Message:"), index.h("textarea", { key: '251cc50901679ee041622753190c23363ce82640', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", "data-lpignore": "true", autocomplete: "blocked", placeholder: "Optional message to include in invitation...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.message = e.target.value) }, this.message)), index.h("div", { key: 'b04660e6869693bf16cd560caa9ba9cb8679a09c', class: "buttons" }, index.h("div", { key: 'b7cc91c06aa66fb3a52e2ebbc08675966e802a2a', class: "flex-fill" }), index.h("verdocs-button", { key: '2722a83dc937cbb2d4c9198543b14ea4cac51ab0', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '0c59c014ef5aefde3e4c6b01385384e465fb3c4c', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
+            } })), this.auth_methods.includes('passcode') && (index.h("div", { key: 'da38b62b4e8f11b849aa2da16a32ccf3477b520d', class: "row pin-code" }, index.h("label", { key: '159bfb16a11fcf4b17a4cde1d1092b1e69bae3ca', htmlFor: this.phoneFieldId }, "Passcode:"), index.h("input", { key: 'df9a141cd164ec08833701074b06fbbbe9a24f8d', id: "verdocs-passcode", name: "verdocs-passcode", type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.passcode, placeholder: "4-8 digits recommended...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.passcode = e.target.value) })))), index.h("div", { key: '9a20c9690d1aa26a146739b3663a07e60fa26fd0', class: "row message" }, index.h("label", { key: '9a9ee4cd9d8de38d0694796ea6628d1f4219924d', htmlFor: "verdocs-contact-picker-message" }, "Message:"), index.h("textarea", { key: 'a751b0a31e68addab12c29e31504b9c7501af4ea', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", "data-lpignore": "true", autocomplete: "blocked", placeholder: "Optional message to include in invitation...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.message = e.target.value) }, this.message)), index.h("div", { key: 'df2e4fecf15c876d183216fc0cc0c4ce5d191c4e', class: "buttons" }, index.h("div", { key: 'f4e729dc5bf810bdc77dc045e01ea60985a1bc2d', class: "flex-fill" }), index.h("verdocs-button", { key: '881c3a8dcd3e14488375e403d5da03573f3a2b11', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: 'f290aa37930e6869181b0bae3e3feb85a601d196', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
     }
 };
 VerdocsContactPicker.style = VerdocsContactPickerStyle0;
@@ -3948,7 +3943,7 @@ const VerdocsMultiselect = class {
     }
     render() {
         const elId = `verdocs-dropdown-${jsSdk.randomString(8)}`;
-        return (index.h(index.Host, { key: '757ef48a38e7c6950785c6001f0e33f1f84412bd', class: this.showPicker ? 'open' : 'closed' }, index.h("label", { key: '2c389ed08ded5b56fff19e9ee3b73588cbf58d84' }, this.label ? index.h("div", { class: "input-label" }, this.label + ':') : index.h("div", null), index.h("div", { key: '3d5ed882e3708a960cc01d6dbea3fd6dacc91eee', class: "input-wrapper" }, index.h("button", { key: '07db0df18f6cae9bb3155d2defb4be80609f8a3a', id: elId, class: "trigger", value: "", onClick: () => (this.showPicker = true) }, this.selectedOptions.length === 0 ? (index.h("span", { class: "placeholder" }, this.placeholder)) : (this.selectedOptions.map(option => { var _a; return index.h("span", { class: "selected-option" }, ((_a = this.options.find(opt => opt.value === option)) === null || _a === void 0 ? void 0 : _a.label) || 'Unknown'); }))), index.h("div", { key: '5fd7022a7750a1bbae834d167253a9bf73f4eca4', class: "icon", innerHTML: DownIcon }), this.showPicker && (index.h("verdocs-portal", { key: 'cf01564f24ffd3fef6d1340a47e70d9928f1d296', anchor: elId, voffset: 2, onClickAway: () => (this.showPicker = false), id: "verdocs-multiselect-menu-items" }, this.options.map((option, i) => (index.h("div", { class: "option", onClick: () => (this.showPicker = false) }, index.h("input", { id: `verdocs-multi-select-option-${i}`, type: "checkbox", value: option.value, checked: this.selectedOptions.includes(option.value), onInput: (e) => this.handleToggleOption(e, option) }), index.h("label", { htmlFor: `verdocs-multi-select-option-${i}` }, option.label))))))))));
+        return (index.h(index.Host, { key: '7fa4d31d423894e8caa3dffd1fb46752b7b87ee5', class: this.showPicker ? 'open' : 'closed' }, index.h("label", { key: '891a7d7ee2867d598f2f3ea6609148a47a9a7166' }, this.label ? index.h("div", { class: "input-label" }, this.label + ':') : index.h("div", null), index.h("div", { key: 'c165f68315aec9d1aca6e9f2214ece090f496363', class: "input-wrapper" }, index.h("button", { key: '2297bfb9c84abd5da4c73dfcbae15fe2f5f04c1c', id: elId, class: "trigger", value: "", onClick: () => (this.showPicker = true) }, this.selectedOptions.length === 0 ? (index.h("span", { class: "placeholder" }, this.placeholder)) : (this.selectedOptions.map(option => { var _a; return index.h("span", { class: "selected-option" }, ((_a = this.options.find(opt => opt.value === option)) === null || _a === void 0 ? void 0 : _a.label) || 'Unknown'); }))), index.h("div", { key: 'e4929befc449d9be400305ee3e0aeb1c171583fd', class: "icon", innerHTML: DownIcon }), this.showPicker && (index.h("verdocs-portal", { key: '42016ae18aa4acd4c5aac8f2ea3a7d6126116aa6', anchor: elId, voffset: 2, onClickAway: () => (this.showPicker = false), id: "verdocs-multiselect-menu-items" }, this.options.map((option, i) => (index.h("div", { class: "option", onClick: () => (this.showPicker = false) }, index.h("input", { id: `verdocs-multi-select-option-${i}`, type: "checkbox", value: option.value, checked: this.selectedOptions.includes(option.value), onInput: (e) => this.handleToggleOption(e, option) }), index.h("label", { htmlFor: `verdocs-multi-select-option-${i}` }, option.label))))))))));
     }
 };
 VerdocsMultiselect.style = VerdocsMultiselectStyle0;