@verdocs/web-sdk 6.10.1 → 6.10.3

package/dist/esm/verdocs-button-panel.entry.js

@@ -68,10 +68,10 @@ const VerdocsButtonPanel = class {
         }
     }
     render() {
-        return (h(Host, { key: 'a72a2e112a525fa9bde58d0c4a10f2b807b024b6' }, h("div", { key: '0bd3a5d35339a4c5d2023b8f237a0a84565d9e2a', class: "icon", innerHTML: this.icon, onClick: (e) => {
+        return (h(Host, { key: '2d5d63c8914d22d034cd71dc0e47bf8a1de41743' }, h("div", { key: 'c2eee81e3d47adce8201653427655bf2db3e881c', class: "icon", innerHTML: this.icon, onClick: (e) => {
                 e.stopPropagation();
                 return this.toggle();
-            }, ref: el => (this.iconEl = el) }), h("div", { key: 'd5b96ef39face8c26f02750cdd82782a5307d39d', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: '76954b398a6f8294bd042aceff4cba6fdc912d1f', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: 'dc4b6331c986e6779c2343d89c1ae3b2fb44c968' }))));
+            }, ref: el => (this.iconEl = el) }), h("div", { key: '71bcff6a767632125213e6e9f9636407ea8a3b76', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: '481d8d46819a84b9ebb644eea71d2cec7ba53ec5', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: '95ff9c6bcf09aa2d5064decd1a95c43d02bd617f' }))));
     }
 };
 VerdocsButtonPanel.style = verdocsButtonPanelCss();

package/dist/esm/verdocs-button_3.entry.js

@@ -33,7 +33,7 @@ const VerdocsButton = class {
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: 'f008c987a265f5a41ee490c1f28122b580c57d1a', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? h("span", { class: "icon start", innerHTML: this.startIcon }) : null, h("span", { key: 'ddce37342395bd9cf6abd0a9d4df6407a2059f5c', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
+        return (h("button", { key: '1ac6cd93eb456f33475139edb0a399cfb42b5fb6', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? h("span", { class: "icon start", innerHTML: this.startIcon }) : null, h("span", { key: '09d9e52471721494f2167fec10efae354dae7bae', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
     }
 };
 VerdocsButton.style = verdocsButtonCss();
@@ -76,7 +76,7 @@ const VerdocsHelpIcon = class {
         (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
     }
     render() {
-        return (h(Host, { key: '76fe1c6da6defbcbfb76828262052e1cd8374cc8', class: {} }, h("div", { key: 'd7b111dc735399e2b8dd00949c70c2437db9b15e', "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: '4f82290c4f5659c5fa049b175eb8e51d5b45fa0f', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: 'b78df86bb13feec33dd4c6f197ae608a5ac589c5', innerHTML: this.text }), h("div", { key: '74a251acec67901234b69f815159d26e41d197cd', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: 'e7b100956a31d9aa811552e36dc1e35b3acedc80', class: {} }, h("div", { key: '3ba2618130b6149e42c60bb846a2a7961bd6fc23', "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: 'f400076e65dc0c59f143b28df3cbc61ca183d96a', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: 'ac30b2c5e6ebcb8ff226621af4e55a19d05a596b', innerHTML: this.text }), h("div", { key: '4d2e8d53e65a910254a43c7916d58460f24aac6d', "data-popper-arrow": "true", class: "arrow" }))));
     }
 };
 VerdocsHelpIcon.style = verdocsHelpIconCss();
@@ -147,9 +147,9 @@ const VerdocsTextInput = class {
             .catch(e => console.log('Error copying to clipboard', e));
     }
     render() {
-        return (h(Host, { key: '6f4e8d98d5a9d14a7c682049ec93aa52c5285bd8', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: 'a6c10b17867d6b4aab15f09a9c7d772dac6c9e52' }, this.label && (h("div", { key: '243ded93f339db47edbcb0e102c0948108b07ee1', class: "input-label" }, this.label + ':', this.required && h("span", { key: '2c292aa9cf10533655bda64fd3c2b35eea8b65db', class: "required" }, "*"))), h("div", { key: 'c4fbce8150872ba78ec45b7bd6222fd596adf7c4', class: "input-container" }, h("input", { key: 'ef1550b86aeb4b30bc2cce3852686436bd42da95', 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 (h(Host, { key: '65e7899a7080c1c64d3788db279b56879c27f04e', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '7bf4a4de1c33ed444ad0320c6ca6b9a64a587c7d' }, this.label && (h("div", { key: '795fd97ef015a867e018f61f67b632d7251c69a9', class: "input-label" }, this.label + ':', this.required && h("span", { key: '925f331bb2c717893a452dbdf7779498735b906e', class: "required" }, "*"))), h("div", { key: '4582b5d35fca44156301450b8a1b907062afc47f', class: "input-container" }, h("input", { key: '733d70d4f31c747907d93af127d08c50dcdce2d8', 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.description && h("div", { key: '230d1b7bd274b58824cc6293fff654794b42674b', class: "description" }, this.description), this.clearable && this.value && (h("span", { key: 'fc58c10b50577031e2bddec0730b292d0db881f8', innerHTML: ClearIcon, class: "clear", onClick: () => {
+            ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.description && h("div", { key: 'c7c6c4fbbefa02fe34fab2e9cd8d48301e6870f2', class: "description" }, this.description), this.clearable && this.value && (h("span", { key: '225ffd2505d6f9efce43765bba8056953047e881', 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(() => {
@@ -163,9 +163,9 @@ const VerdocsTextInput = class {
                         (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
                     }, 50);
                 }, 50);
-            } })), this.type === 'password' && (h("span", { key: '835f2b3b1d75b3656d02d20530718539dd88c698', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
+            } })), this.type === 'password' && (h("span", { key: '8c718d117444297f19fa9f889e035b6cd5d617ee', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
                 this.showingPw = !this.showingPw;
-            } })), !this.clearable && this.copyable && this.value && h("span", { key: 'd36792466c8e15d163a1c297e71c0a2690465e00', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '70fc904c768e025f9c2a9b61729992802ee3d0e2', text: this.helpText }))));
+            } })), !this.clearable && this.copyable && this.value && h("span", { key: '0e65040c3594221dbf24133b94f5780f3fed47ca', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '629d61c0ea8cc90543da8239c03d6a1c8dcc1081', text: this.helpText }))));
     }
     get hostEl() { return getElement(this); }
 };

package/dist/esm/verdocs-checkbox_5.entry.js

@@ -41,7 +41,7 @@ const VerdocsCheckbox = class {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'd2892c518c698165ff53b9c4e6adbc09362dbe05', class: { disabled: this.disabled, [this.theme]: true, [this.size]: true } }, h("label", { key: '41117ea43777103f6710651fcc87ef5d6f59f9c0' }, h("input", { key: 'd3f2a7ffdb472f2ae440ffe5c9c3b7146c576adf', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), h("span", { key: 'fa1500ebe3e299aebdecdb8d236ac929a8dc24b4' }, this.label))));
+        return (h(Host, { key: '96e198a2798c439f80dd0d9f191e9aaf12426aea', class: { disabled: this.disabled, [this.theme]: true, [this.size]: true } }, h("label", { key: 'ba76580ecbf94d1a84b54fadb360e1df1a4cbd91' }, h("input", { key: '4d132f726c9e52736f66996ced34017fc5548884', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), h("span", { key: '44fb30f0edf403cd679e6bdd64e7a729ac887626' }, this.label))));
     }
 };
 VerdocsCheckbox.style = verdocsCheckboxCss();
@@ -57,7 +57,7 @@ const VerdocsComponentError = class {
         this.message = '';
     }
     render() {
-        return (h(Host, { key: '888f23f548b5d116cfd476dc227b26617779e752' }, h("div", { key: 'b42bffe64128dd4ed80ffd196e2a72f183e0bc48', class: "inner" }, this.message)));
+        return (h(Host, { key: 'bae395c5c0598f6c8ff4c157e50b9578f1ce2b68' }, h("div", { key: '0b963ed9e5e4b2eefce508ad0f97af7ed890bdc7', class: "inner" }, this.message)));
     }
 };
 VerdocsComponentError.style = verdocsComponentErrorCss();
@@ -69,7 +69,7 @@ const VerdocsLoader = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h(Host, { key: '9c625d1bb2c5250abdf6df09844f12750ddd80e9' });
+        return h(Host, { key: '3c1a7e33d2e261d28bb847366b03454784531998' });
     }
 };
 VerdocsLoader.style = verdocsLoaderCss();
@@ -93,7 +93,7 @@ const VerdocsSelectInput = class {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '910018105acf934bb4b1372a1e47b680d6ab6ca5', class: "input-field" }, h("label", { key: 'a771a34fcdd819aa861c2b69b88bdad7013080a0' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: '835939e41e5f88c16fcdd8b07846c74791f596ed', 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: 'f4df7a5c55fce0c9c318e38dd291dfd7979c3a99', class: "input-field" }, h("label", { key: 'd45d64c559b5011ceec3325682cb38575f4fafe2' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: '15b45e8422114cf7d7a133a6cf1a855d4e11b149', class: "input-element", disabled: this.disabled }, this.options.map(option => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
     }
 };
 VerdocsSelectInput.style = verdocsSelectInputCss();

package/dist/esm/verdocs-contact-picker.entry.js

@@ -37,8 +37,9 @@ const VerdocsContactPicker = class {
         this.emailFieldId = `verdocs-contact-picker-email-${Math.random().toString(36).substring(2, 11)}`;
         this.phoneFieldId = `verdocs-contact-picker-phone-${Math.random().toString(36).substring(2, 11)}`;
         this.activeEntitlements = {};
+        this.authMethodsLoading = true;
     }
-    componentWillLoad() {
+    async componentWillLoad() {
         this.endpoint.loadSession();
         if (this.templateRole) {
             const fullName = formatFullName(this.templateRole);
@@ -57,12 +58,9 @@ const VerdocsContactPicker = class {
             this.auth_methods = this.templateRole.auth_methods || [];
             this.passcode = this.templateRole.passcode || '';
         }
-        getActiveEntitlements(this.endpoint)
-            .then(r => {
-            this.activeEntitlements = r;
-            console.log('[CONTACT PICKER] Loaded entitlements', r);
-        })
-            .catch(e => console.log('[CONTACT PICKER] Error loading entitlements, some features may be disabled.', e));
+        this.activeEntitlements = await getActiveEntitlements(this.endpoint);
+        this.authMethodsLoading = false;
+        console.log('[CONTACT PICKER] Loaded entitlements', this.activeEntitlements);
     }
     handleFirstNameChange(e) {
         var _a;
@@ -130,46 +128,46 @@ const VerdocsContactPicker = class {
         if (!!this.activeEntitlements.id_auth) {
             verificationOptions.push({ label: 'ID Check', value: 'id' });
         }
-        return (h("form", { key: '7b6a8e4c38cd85a566dec73cb9e7fde2e35bca59', onSubmit: e => e.preventDefault(),
+        return (h("form", { key: '8cc0fa1a31ed6f1f1be384504dde17893853d584', onSubmit: e => e.preventDefault(),
             // onClick={e => e.stopPropagation()}
-            autocomplete: "off" }, h("div", { key: 'a81ce66510dbeb54f9d2e09f3e5fcd1ae6ee8b08', class: "row" }, h("label", { key: '0d2ea330639a7b88ab5d57efff86116ec5625cbc', htmlFor: this.firstNameFieldId }, "Name:"), h("div", { key: '62e696a817dfc2a18aaa127a5960fbd77e4ee83f', class: "names-row" }, h("input", { key: '03dc8c02899f28e671cab0e7cba9b740d5e006a0', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.first_name, placeholder: "First...", onFocus: () => {
+            autocomplete: "off" }, h("div", { key: 'db6451554e2a2b81f3231ee95c0b7199de633a95', class: "row" }, h("label", { key: '8ed7d3ed149ff5a302f1846c07ca7ae0e6149458', htmlFor: this.firstNameFieldId }, "Name:"), h("div", { key: 'ce4f00a8f278d66b332a409b50de8dce4f0c643d', class: "names-row" }, h("input", { key: 'c390dd575f5c84b4482d9585b3d802eba5fd0158', 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) }), h("input", { key: '5165f175b55f071af49c9112298590af34b5aee6', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.last_name, placeholder: "Last...", onFocus: () => {
+            }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: '2f3e3234ec2c9814f6fa3ae1884a85fc1850c9bf', 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 && (h("verdocs-portal", { key: '6afbac290bbd41235e15632133f081d316f5836c', anchor: this.firstNameFieldId, onClickAway: () => {
+            }, onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("verdocs-portal", { key: '981910490273c38a79637f962ce88de816c5a373', anchor: this.firstNameFieldId, onClickAway: () => {
                 this.showSuggestions = false;
                 document.querySelectorAll(`.verdocs-portal-wrapper`).forEach(el => el.remove());
-            }, id: "verdocs-contact-picker-suggestions" }, h("div", { key: 'dd303cd612a95d5714ba1fc1701cb0b22423e59a', class: "dropdown" }, this.contactSuggestions
-            .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
+            }, id: "verdocs-contact-picker-suggestions" }, h("div", { key: '2872835567ca56f40c87daf3272108de5caad8b9', class: "dropdown" }, this.contactSuggestions
+            .filter(suggestion => { var _a; return !this.first_name || ((_a = suggestion.first_name) === null || _a === void 0 ? void 0 : _a.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: '5ce2695ad406bf236642f076f7d6fb4c5f026b87', class: "row" }, h("label", { key: 'd15acde8f60126dc8088728bfaf3e7d3a20c53e1', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '7f33fe3ddadb2c0c6bfe302d1ac41b29b632178c', 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) })), hasSMSAuth && (h("div", { key: 'b29a10e35aa609c1b71a7487c1dc4f9438e0774a', class: "row" }, h("label", { key: 'a2ea518eb44b0bb67f9aa3dc103ed3ba2696e725', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '45cdf3f7f0a51adf702c553e6e58dfcf3a4cddae', 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) => {
+        }))))), h("div", { key: '39158e8db27d43cd9b53e960244792c3ce859f21', class: "row" }, h("label", { key: '165616dd1495626839796c8bfa9d4deb19c25821', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: 'cd542f513bace29d1fcd7f979a5684f8b4c1741a', 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) })), hasSMSAuth && (h("div", { key: '747d69a6f44fd95a07595cc5d92b5aa5b246728b', class: "row" }, h("label", { key: 'add18cffef3627c448fa5f6fba25be3ffe6e5443', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '5394815f67d3fbf2d1ed31af4a3c5c011b379dc3', 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 = convertToE164(e.target.value);
-            } }))), h(Fragment, { key: '87cf28af6a1891e64d812b2248195ccea52c7e5a' }, verificationOptions.length > 0 && (h("div", { key: '540a52ba78eddbcb4bb1db1ca1d73133868533a0', class: "row pin-code" }, h("label", { key: 'e5a8d3071a7e51431ea42ea596f1c54aef75068a' }, "Verification Methods:"), h("div", { key: '5b4aed33d0a3abe52fd958187f8b4e715c446b71' }, verificationOptions.map((option, i) => (h("div", { class: "option" }, h("verdocs-checkbox", { size: "small", id: `verdocs-multi-select-opt-${i}`, value: option.value, checked: this.auth_methods.includes(option.value), onInput: (e) => {
+            } }))), h(Fragment, { key: 'b138f26902a8aaf1ed31a8ef504a416d530f9b29' }, verificationOptions.length > 0 && (h("div", { key: '960f1c50bfe472187407aeacce75dc4d3d6dc3ee', class: "row pin-code" }, h("label", { key: 'c1cdca30be66adcbbe6a9da18f6bf0f347565449' }, "Verification Methods:"), this.authMethodsLoading ? (h("verdocs-spinner", { size: 10, mode: "dark", style: { margin: 'auto' } })) : (h("div", null, verificationOptions.map((option, i) => (h("div", { class: "option" }, h("verdocs-checkbox", { size: "small", id: `verdocs-multi-select-opt-${i}`, value: option.value, checked: this.auth_methods.includes(option.value), onInput: (e) => {
                 if (e.target.checked) {
                     this.auth_methods = [...this.auth_methods, option.value];
                 }
                 else {
                     this.auth_methods = this.auth_methods.filter(selected => selected !== option.value);
                 }
-            } }), h("label", { htmlFor: `verdocs-multi-select-option-${i}` }, option.label))))))), this.auth_methods.includes('passcode') && (h("div", { key: '4de405a354562f615aa4c1bf704b533f40d56f98', class: "row pin-code" }, h("label", { key: '4757eed1cbf298d2bbb2ac5fba1b5950251910ce', htmlFor: this.phoneFieldId }, "Passcode:"), h("input", { key: '773f06af393fab52d7772390d68d359055d50ca3', 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) })))), h("div", { key: '554b747d910d444b0e3144c55dcb9d6b3423f612', class: "row pin-code" }, h("label", { key: 'e341bed52bc03d1340807072f80a9fb886039bd9', style: { marginTop: '6px' } }, "Options:"), h("div", { key: 'c95b9b6be459cbc2fa8c968d58771286422c8972' }, h("div", { key: '497d9680a3079dc35464b2173f6c75cf6128ad41', class: "option" }, h("verdocs-checkbox", { key: '3bd4ef77c3964180063330db4403b2cfe6cf436e', size: "small", id: "verdocs-delegator", checked: this.delegator, disabled: this.name_locked, onInput: (e) => {
+            } }), h("label", { htmlFor: `verdocs-multi-select-option-${i}` }, option.label)))))))), this.auth_methods.includes('passcode') && (h("div", { key: '4f1445a79c4878f05914a7415c9427cdffdba18a', class: "row pin-code" }, h("label", { key: 'b50ae2f279de35f5d7a385bc24a3f0c1b44374c8', htmlFor: this.phoneFieldId }, "Passcode:"), h("input", { key: '4b3d15a51f8bef8eb900bfbc06f2671603d189e4', 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) })))), h("div", { key: '530f6c979ddc81b01fd5e863cb30681beafe683d', class: "row pin-code" }, h("label", { key: 'a0e9eb0ff768fd138311b69fe5cc36e4b8a0159f', style: { marginTop: '6px' } }, "Options:"), h("div", { key: '884db61bfd33d60aa2d0e61420d8ae63e0431b30' }, h("div", { key: 'ef3710aba09ced93bbee7decf68862d3164cf350', class: "option" }, h("verdocs-checkbox", { key: 'c78462d5ae0a47beceef4bdc8c4ce2235dd1dc06', size: "small", id: "verdocs-delegator", checked: this.delegator, disabled: this.name_locked, onInput: (e) => {
                 this.delegator = e.target.checked;
                 if (this.delegator)
                     this.name_locked = false;
-            } }), h("label", { key: 'a3cf2901f3acf26557adfcbb1cd17f3055d54cc3', htmlFor: "verdocs-delegator" }, "May delegate signing")), h("div", { key: '0a0f2e713a54ed8871889fe718f14c37c3ea9a15', class: "option" }, h("verdocs-checkbox", { key: '07e6452c1abc2f5608c5e16501f3cc724f07be25', size: "small", id: "verdocs-name-locked", checked: this.name_locked, disabled: this.delegator, onInput: (e) => {
+            } }), h("label", { key: '9cab7f62c2fa04501cca44538ce2fe39c6bcc441', htmlFor: "verdocs-delegator" }, "May delegate signing")), h("div", { key: '57320b71344f40bd03a5817bc51499116544761f', class: "option" }, h("verdocs-checkbox", { key: '2263305fdcc472fce2b22856f12304d4cfa01451', size: "small", id: "verdocs-name-locked", checked: this.name_locked, disabled: this.delegator, onInput: (e) => {
                 this.name_locked = e.target.checked;
                 if (this.name_locked)
                     this.delegator = false;
-            } }), h("label", { key: '2207a23c6e4951b0d94a39582ce7de08cc43abbd', htmlFor: "verdocs-name-locked" }, "Name locked")))), h("div", { key: '879bbb128f4102635593aec9fa5f1c84691219bc', class: "row message" }, h("label", { key: '9077afcb20f75ee7cd5a5270224db886179210a4', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("textarea", { key: '575171f5ed31a30333a7296ffdf09dfadf879436', 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)), h("div", { key: '30ea29546d4733d231495b13e342f7353c843eff', class: "buttons" }, h("div", { key: '27be0ab0b2ff7aaf6a8800d49709f543d001e734', class: "flex-fill" }), h("verdocs-button", { key: '31274fdd2db6302968081b6b53ab728a1097b106', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '854187325fd2f0dcb87a5682ce6a99f7e8f6d180', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
+            } }), h("label", { key: 'db184c00925e2f03fb45bbcc76bac8c9041cf750', htmlFor: "verdocs-name-locked" }, "Name locked")))), h("div", { key: '0f6130d02f89fe61efedfe7d8b2cf60c9731acf1', class: "row message" }, h("label", { key: 'de9d43e25ce1eefab93f7d6d4100711535792905', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("textarea", { key: '7017128286506c0a7f6e2284c863b34985d2e242', 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)), h("div", { key: 'b39b43c4092cd889e7fba6f2a7e84a72d6893f53', class: "buttons" }, h("div", { key: '6e9f9c72949b3dc38ace9da7363d3da6d549ebab', class: "flex-fill" }), h("verdocs-button", { key: 'cb1e57e0441674b22ac298796f1c6bde9c6482de', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '0d411e7663ddf4eec8caa5ae8cc1961a0e1aad2d', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
     }
 };
 VerdocsContactPicker.style = verdocsContactPickerCss();

package/dist/esm/verdocs-contact-picker.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"verdocs-contact-picker.entry.js","sources":["src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.scss?tag=verdocs-contact-picker","src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-contact-picker {\n  display: block;\n  border: 1px solid #ebebeb;\n  background-color: $verdocs-grey-4;\n  font-family: $verdocs-primary-font;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);\n\n  form {\n    gap: 12px;\n    width: 300px;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    background-color: $verdocs-grey-3;\n\n    .row {\n      gap: 8px;\n      display: flex;\n      position: relative;\n      flex-direction: row;\n      align-items: flex-start;\n\n      .option {\n        gap: 4px;\n        display: flex;\n        padding: 5px 8px;\n        align-items: center;\n        flex-direction: row;\n        text-wrap: nowrap;\n      }\n    }\n\n    .names-row {\n      gap: 8px;\n      display: flex;\n      flex-direction: row;\n\n      > input {\n        font-size: 14px;\n        width: 88px;\n      }\n    }\n\n    .pin-code {\n      gap: 8px;\n      display: flex;\n      align-items: flex-start;\n      flex-direction: row;\n\n      > input {\n        flex: 0 0 197px;\n        font-size: 14px;\n        //margin-left: 88px;\n      }\n    }\n\n    .address {\n      gap: 8px;\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      > input {\n        flex: 1;\n        font-size: 14px;\n        //margin-left: 88px;\n      }\n    }\n\n    .zip-code {\n      gap: 8px;\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      > input {\n        flex: 1;\n        font-size: 14px;\n        //margin-left: 88px;\n      }\n    }\n\n    label {\n      display: flex;\n      flex: 0 0 80px;\n      font-size: 13px;\n      font-weight: 500;\n      color: $verdocs-bg-4;\n    }\n\n    .row.message textarea {\n      width: 100%;\n      padding: 5px 7px;\n      border-radius: 4px;\n      font-family: $verdocs-primary-font;\n    }\n\n    input {\n      flex: 1;\n      padding: 6px;\n      font-size: 14px;\n      border-radius: 3px;\n      //background: #00000005;\n      border: 1px solid $border-color-extralight;\n\n      &:focus {\n        outline: none;\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 6px;\n    margin-top: 16px;\n    flex-direction: row;\n\n    .flex-fill {\n      flex: 1;\n    }\n  }\n\n  ::placeholder {\n    color: $verdocs-bg-2;\n  }\n\n  // @see https://community.logmein.com/t5/LastPass-Support-Discussions/placeholder-text-overrides-data-lpignore-quot-true-quot/td-p/295135\n  // LastPass is ignoring the data-lpignore attribute in some cases\n  [data-lastpass-icon-root] {\n    display: none !important;\n  }\n}\n\n#verdocs-contact-picker-suggestions {\n  .dropdown {\n    max-height: 225px;\n    overflow-y: scroll;\n    background: #ffffff;\n    font-family: $verdocs-primary-font;\n    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);\n\n    .suggestion {\n      display: flex;\n      padding: 6px 12px;\n      align-items: center;\n      flex-direction: row;\n\n      svg {\n        width: 32px;\n        height: 32px;\n      }\n\n      .avatar {\n        width: 32px;\n        height: 32px;\n        flex: 0 0 32px;\n        margin-right: 8px;\n        border-radius: 100%;\n      }\n\n      .details {\n        display: flex;\n        flex-direction: column;\n      }\n\n      .name {\n        font-size: 16px;\n        font-weight: 500;\n        margin-bottom: 3px;\n        color: $verdocs-grey-0;\n      }\n\n      .destination {\n        font-size: 14px;\n        margin-bottom: 3px;\n        color: $verdocs-grey-1;\n      }\n\n      &:hover {\n        background: #eee;\n        cursor: pointer;\n      }\n    }\n  }\n}\n","import {Component, h, Event, EventEmitter, Fragment, Prop, State} from '@stencil/core';\nimport {formatFullName, getActiveEntitlements, IEntitlement, IProfile, IRecipient, isValidEmail, TEntitlement, TRecipientAuthMethod, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {convertToE164} from '../../../utils/utils';\n\nconst 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>`;\n\nexport interface IContactSearchEvent {\n  query: string;\n}\n\nexport interface IContactSelectEvent {\n  first_name: string;\n  last_name: string;\n  email: string;\n  phone: string;\n  message: string;\n  delegator: boolean;\n  name_locked: boolean;\n  auth_methods: TRecipientAuthMethod[];\n  passcode: string;\n  address: string;\n  zip: string;\n}\n\nexport type TPickerContact = Partial<IProfile>;\n\n/**\n * Display a contact picker suitable for filling out Recipient objects when sending Envelopes.\n *\n * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the\n * user interacts with the component, the text entered in the name fields is sent back to the parent via the `searchContacts` event.\n * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be\n * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as \"Recently Used\" contacts, or\n * to always display the user's own contact record.\n *\n * ```ts\n * <verdocs-contact-picker\n *   templateRole={role}\n *   contactSuggestions={[]}\n *   onNext={e => console.log('Contact completed', e.detail)}\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-contact-picker',\n  styleUrl: 'verdocs-contact-picker.scss',\n  shadow: false,\n})\nexport class VerdocsContactPicker {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The role that this contact will be assigned to.\n   */\n  @Prop() templateRole: Partial<IRecipient> | null = null;\n\n  /**\n   * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number\n   * of suggestions be limited to the 5 best matching records.\n   */\n  @Prop() contactSuggestions: TPickerContact[] = [];\n\n  /**\n   * Event fired when the user enters text in the search field. The calling application may use this to update\n   * the `contactSuggestions` property.\n   */\n  @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) next: EventEmitter<IContactSelectEvent>;\n\n  @State() first_name: string;\n  @State() last_name: string;\n  @State() email: string;\n  @State() phone: string;\n  @State() zip: string;\n  @State() address: string;\n  @State() message: string;\n  @State() showSuggestions: boolean = false;\n  @State() showMessage: boolean = false;\n  @State() delegator: boolean = false;\n  @State() name_locked: boolean = false;\n  @State() auth_methods: TRecipientAuthMethod[] = [];\n  @State() passcode: string = '';\n\n  @State() firstNameFieldId = `verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2, 11)}`;\n  @State() lastNameFieldId = `verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2, 11)}`;\n  @State() emailFieldId = `verdocs-contact-picker-email-${Math.random().toString(36).substring(2, 11)}`;\n  @State() phoneFieldId = `verdocs-contact-picker-phone-${Math.random().toString(36).substring(2, 11)}`;\n\n  @State() activeEntitlements: Partial<Record<TEntitlement, IEntitlement>> = {};\n\n  componentWillLoad() {\n    this.endpoint.loadSession();\n\n    if (this.templateRole) {\n      const fullName = formatFullName(this.templateRole);\n      const nameComponents = fullName.split(' ');\n      const firstName = this.templateRole.first_name || nameComponents.shift() || '';\n      const lastName = this.templateRole.last_name || nameComponents.join(' ') || '';\n      this.first_name = firstName;\n      this.last_name = lastName;\n\n      this.email = this.templateRole.email || '';\n      this.phone = this.templateRole.phone || '';\n      // delegator and name_locked are mutually exclusive; delegator takes precedence if both are somehow set\n      this.delegator = this.templateRole.delegator || false;\n      this.name_locked = this.delegator ? false : (this.templateRole.name_locked || false);\n      this.message = this.templateRole.message || '';\n      this.showMessage = this.message !== '';\n      this.auth_methods = this.templateRole.auth_methods || [];\n      this.passcode = this.templateRole.passcode || '';\n    }\n\n    getActiveEntitlements(this.endpoint)\n      .then(r => {\n        this.activeEntitlements = r;\n        console.log('[CONTACT PICKER] Loaded entitlements', r);\n      })\n      .catch(e => console.log('[CONTACT PICKER] Error loading entitlements, some features may be disabled.', e));\n  }\n\n  handleFirstNameChange(e: any) {\n    this.first_name = e.target.value;\n    this.searchContacts?.emit({query: this.first_name});\n  }\n\n  handleLastNameChange(e: any) {\n    this.last_name = e.target.value;\n    this.searchContacts?.emit({query: this.last_name});\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    this.showSuggestions = false;\n    this.exit?.emit();\n  }\n\n  handleSubmit(e: any) {\n    e.stopPropagation();\n\n    this.showSuggestions = false;\n    this.next?.emit({\n      first_name: this.first_name,\n      last_name: this.last_name,\n      email: this.email,\n      phone: this.phone,\n      message: this.message,\n      delegator: this.delegator,\n      name_locked: this.name_locked,\n      auth_methods: this.auth_methods,\n      passcode: this.passcode,\n      address: this.address,\n      zip: this.zip,\n    });\n  }\n\n  handleSelectSuggestion(e: any, suggestion: TPickerContact) {\n    e.stopPropagation();\n\n    this.first_name = suggestion.first_name;\n    this.last_name = suggestion.last_name;\n    this.email = suggestion.email;\n    this.phone = suggestion.phone;\n    this.showSuggestions = false;\n  }\n\n  // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them\n  // and show a duplicate autocomplete picker on top of our own.\n  render() {\n    // const hasBasics = this.first_name && this.last_name && (isValidEmail(this.email) || isValidPhone(this.phone));\n    const hasBasics = this.first_name && this.last_name && isValidEmail(this.email);\n    const hasAuthRequirements =\n      !this.auth_methods.length ||\n      (this.auth_methods.includes('passcode') && !!this.passcode) ||\n      (this.auth_methods.includes('kba') && !!this.first_name && !!this.last_name) ||\n      (this.auth_methods.includes('email') && !!this.email) ||\n      (this.auth_methods.includes('sms') && !!this.phone);\n    const canSubmit = hasBasics && hasAuthRequirements;\n    const hasSMSAuth = !!this.activeEntitlements.sms_auth\n\n    const verificationOptions = [];\n\n    verificationOptions.push({label: 'Passcode', value: 'passcode'});\n    verificationOptions.push({label: 'Email', value: 'email'});\n\n    if (hasSMSAuth) {\n      verificationOptions.push({label: 'SMS (One-Time Code)', value: 'sms'});\n    }\n\n    if (!!this.activeEntitlements.kba_auth) {\n      verificationOptions.push({label: 'Knowledge-Based (KBA)', value: 'kba'});\n    }\n\n    if (!!this.activeEntitlements.id_auth) {\n      verificationOptions.push({label: 'ID Check', value: 'id'});\n    }\n\n    return (\n      <form\n        onSubmit={e => e.preventDefault()}\n        // onClick={e => e.stopPropagation()}\n        autocomplete=\"off\"\n      >\n        <div class=\"row\">\n          <label htmlFor={this.firstNameFieldId}>Name:</label>\n          <div class=\"names-row\">\n            <input\n              id={this.firstNameFieldId}\n              name={this.firstNameFieldId}\n              type=\"text\"\n              data-lpignore=\"true\"\n              autocomplete=\"blocked\"\n              aria-autocomplete=\"none\"\n              value={this.first_name}\n              placeholder=\"First...\"\n              onFocus={() => {\n                // Give the blur event a chance to hide it first if going between first/last\n                setTimeout(() => {\n                  this.showSuggestions = this.contactSuggestions?.length > 0;\n                }, 100);\n              }}\n              onInput={e => this.handleFirstNameChange(e)}\n            />\n            <input\n              id={this.lastNameFieldId}\n              name={this.lastNameFieldId}\n              type=\"text\"\n              data-lpignore=\"true\"\n              autocomplete=\"blocked\"\n              aria-autocomplete=\"none\"\n              value={this.last_name}\n              placeholder=\"Last...\"\n              onFocus={() => {\n                // Give the blur event a chance to hide it first if going between first/last\n                setTimeout(() => {\n                  this.showSuggestions = this.contactSuggestions?.length > 0;\n                }, 100);\n              }}\n              onInput={e => this.handleLastNameChange(e)}\n            />\n          </div>\n\n          {this.showSuggestions && (\n            <verdocs-portal\n              anchor={this.firstNameFieldId}\n              onClickAway={() => {\n                this.showSuggestions = false;\n                document.querySelectorAll(`.verdocs-portal-wrapper`).forEach(el => el.remove());\n              }}\n              id=\"verdocs-contact-picker-suggestions\"\n            >\n              <div class=\"dropdown\">\n                {this.contactSuggestions\n                  .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))\n                  .map(suggestion => (\n                    <div key={suggestion.id ?? suggestion.email} class=\"suggestion\" onClick={e => this.handleSelectSuggestion(e, suggestion)}>\n                      {suggestion.picture ? <img alt=\"Avatar\" class=\"avatar\" src={suggestion.picture} /> : <div class=\"avatar\" innerHTML={addrBookIcon} />}\n                      <div class=\"details\">\n                        <div class=\"name\">{formatFullName(suggestion)}</div>\n                        {suggestion.email && <div class=\"destination\">{suggestion.email}</div>}\n                        {suggestion.phone && <div class=\"destination\">{suggestion.phone}</div>}\n                      </div>\n                    </div>\n                  ))}\n              </div>\n            </verdocs-portal>\n          )}\n        </div>\n\n        <div class=\"row\">\n          <label htmlFor={this.emailFieldId}>Email:</label>\n          <input\n            id={this.emailFieldId}\n            name={this.emailFieldId}\n            type=\"text\"\n            data-lpignore=\"true\"\n            autoComplete=\"blocked\"\n            aria-autocomplete=\"none\"\n            value={this.email}\n            placeholder=\"Invite/verify via email...\"\n            onFocus={() => (this.showSuggestions = false)}\n            onInput={(e: any) => (this.email = e.target.value)}\n          />\n        </div>\n\n        {hasSMSAuth && (\n          <div class=\"row\">\n            <label htmlFor={this.phoneFieldId}>Phone:</label>\n            <input\n              id={this.phoneFieldId}\n              name={this.phoneFieldId}\n              type=\"text\"\n              data-lpignore=\"true\"\n              autoComplete=\"blocked\"\n              aria-autocomplete=\"none\"\n              value={this.phone}\n              placeholder=\"Invite/verify via SMS...\"\n              onFocus={() => (this.showSuggestions = false)}\n              onInput={(e: any) => {\n                this.phone = convertToE164(e.target.value);\n              }}\n            />\n          </div>\n        )}\n\n        <Fragment>\n          {verificationOptions.length > 0 && (\n            <div class=\"row pin-code\">\n              <label>Verification Methods:</label>\n              <div>\n                {verificationOptions.map((option, i) => (\n                  <div class=\"option\">\n                    <verdocs-checkbox\n                      size=\"small\"\n                      id={`verdocs-multi-select-opt-${i}`}\n                      value={option.value}\n                      checked={this.auth_methods.includes(option.value)}\n                      onInput={(e: any) => {\n                        if (e.target.checked) {\n                          this.auth_methods = [...this.auth_methods, option.value];\n                        } else {\n                          this.auth_methods = this.auth_methods.filter(selected => selected !== option.value);\n                        }\n                      }}\n                    />\n                    <label htmlFor={`verdocs-multi-select-option-${i}`}>{option.label}</label>\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {this.auth_methods.includes('passcode') && (\n            <div class=\"row pin-code\">\n              <label htmlFor={this.phoneFieldId}>Passcode:</label>\n              <input\n                id=\"verdocs-passcode\"\n                name=\"verdocs-passcode\"\n                type=\"text\"\n                data-lpignore=\"true\"\n                autocomplete=\"blocked\"\n                aria-autocomplete=\"none\"\n                value={this.passcode}\n                placeholder=\"4-8 digits recommended...\"\n                onFocus={() => (this.showSuggestions = false)}\n                onInput={(e: any) => (this.passcode = e.target.value)}\n              />\n            </div>\n          )}\n        </Fragment>\n\n        <div class=\"row pin-code\">\n          <label style={{marginTop: '6px'}}>Options:</label>\n          <div>\n            <div class=\"option\">\n              <verdocs-checkbox\n                size=\"small\"\n                id=\"verdocs-delegator\"\n                checked={this.delegator}\n                disabled={this.name_locked}\n                onInput={(e: any) => {\n                  this.delegator = e.target.checked;\n                  if (this.delegator) this.name_locked = false;\n                }}\n              />\n              <label htmlFor=\"verdocs-delegator\">May delegate signing</label>\n            </div>\n            <div class=\"option\">\n              <verdocs-checkbox\n                size=\"small\"\n                id=\"verdocs-name-locked\"\n                checked={this.name_locked}\n                disabled={this.delegator}\n                onInput={(e: any) => {\n                  this.name_locked = e.target.checked;\n                  if (this.name_locked) this.delegator = false;\n                }}\n              />\n              <label htmlFor=\"verdocs-name-locked\">Name locked</label>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"row message\">\n          <label htmlFor=\"verdocs-contact-picker-message\">Message:</label>\n          <textarea\n            id=\"verdocs-contact-picker-message\"\n            name=\"verdocs-contact-picker-message\"\n            data-lpignore=\"true\"\n            autocomplete=\"blocked\"\n            placeholder=\"Optional message to include in invitation...\"\n            onFocus={() => (this.showSuggestions = false)}\n            onInput={(e: any) => (this.message = e.target.value)}\n          >\n            {this.message}\n          </textarea>\n        </div>\n\n        <div class=\"buttons\">\n          <div class=\"flex-fill\" />\n\n          <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onClick={e => this.handleCancel(e)} />\n          <verdocs-button label=\"OK\" size=\"small\" disabled={!canSubmit} onClick={!canSubmit ? () => {} : e => this.handleSubmit(e)} />\n        </div>\n      </form>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"verdocs-contact-picker.entry.js","sources":["src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.scss?tag=verdocs-contact-picker","src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-contact-picker {\n  display: block;\n  border: 1px solid #ebebeb;\n  background-color: $verdocs-grey-4;\n  font-family: $verdocs-primary-font;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);\n\n  form {\n    gap: 12px;\n    width: 300px;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    background-color: $verdocs-grey-3;\n\n    .row {\n      gap: 8px;\n      display: flex;\n      position: relative;\n      flex-direction: row;\n      align-items: flex-start;\n\n      .option {\n        gap: 4px;\n        display: flex;\n        padding: 5px 8px;\n        align-items: center;\n        flex-direction: row;\n        text-wrap: nowrap;\n      }\n    }\n\n    .names-row {\n      gap: 8px;\n      display: flex;\n      flex-direction: row;\n\n      > input {\n        font-size: 14px;\n        width: 88px;\n      }\n    }\n\n    .pin-code {\n      gap: 8px;\n      display: flex;\n      align-items: flex-start;\n      flex-direction: row;\n\n      > input {\n        flex: 0 0 197px;\n        font-size: 14px;\n        //margin-left: 88px;\n      }\n    }\n\n    .address {\n      gap: 8px;\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      > input {\n        flex: 1;\n        font-size: 14px;\n        //margin-left: 88px;\n      }\n    }\n\n    .zip-code {\n      gap: 8px;\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      > input {\n        flex: 1;\n        font-size: 14px;\n        //margin-left: 88px;\n      }\n    }\n\n    label {\n      display: flex;\n      flex: 0 0 80px;\n      font-size: 13px;\n      font-weight: 500;\n      color: $verdocs-bg-4;\n    }\n\n    .row.message textarea {\n      width: 100%;\n      padding: 5px 7px;\n      border-radius: 4px;\n      font-family: $verdocs-primary-font;\n    }\n\n    input {\n      flex: 1;\n      padding: 6px;\n      font-size: 14px;\n      border-radius: 3px;\n      //background: #00000005;\n      border: 1px solid $border-color-extralight;\n\n      &:focus {\n        outline: none;\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 6px;\n    margin-top: 16px;\n    flex-direction: row;\n\n    .flex-fill {\n      flex: 1;\n    }\n  }\n\n  ::placeholder {\n    color: $verdocs-bg-2;\n  }\n\n  // @see https://community.logmein.com/t5/LastPass-Support-Discussions/placeholder-text-overrides-data-lpignore-quot-true-quot/td-p/295135\n  // LastPass is ignoring the data-lpignore attribute in some cases\n  [data-lastpass-icon-root] {\n    display: none !important;\n  }\n}\n\n#verdocs-contact-picker-suggestions {\n  .dropdown {\n    max-height: 225px;\n    overflow-y: scroll;\n    background: #ffffff;\n    font-family: $verdocs-primary-font;\n    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);\n\n    .suggestion {\n      display: flex;\n      padding: 6px 12px;\n      align-items: center;\n      flex-direction: row;\n\n      svg {\n        width: 32px;\n        height: 32px;\n      }\n\n      .avatar {\n        width: 32px;\n        height: 32px;\n        flex: 0 0 32px;\n        margin-right: 8px;\n        border-radius: 100%;\n      }\n\n      .details {\n        display: flex;\n        flex-direction: column;\n      }\n\n      .name {\n        font-size: 16px;\n        font-weight: 500;\n        margin-bottom: 3px;\n        color: $verdocs-grey-0;\n      }\n\n      .destination {\n        font-size: 14px;\n        margin-bottom: 3px;\n        color: $verdocs-grey-1;\n      }\n\n      &:hover {\n        background: #eee;\n        cursor: pointer;\n      }\n    }\n  }\n}\n","import {Component, h, Event, EventEmitter, Fragment, Prop, State} from '@stencil/core';\nimport {formatFullName, getActiveEntitlements, IEntitlement, IProfile, IRecipient, isValidEmail, TEntitlement, TRecipientAuthMethod, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {convertToE164} from '../../../utils/utils';\n\nconst 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>`;\n\nexport interface IContactSearchEvent {\n  query: string;\n}\n\nexport interface IContactSelectEvent {\n  first_name: string;\n  last_name: string;\n  email: string;\n  phone: string;\n  message: string;\n  delegator: boolean;\n  name_locked: boolean;\n  auth_methods: TRecipientAuthMethod[];\n  passcode: string;\n  address: string;\n  zip: string;\n}\n\nexport type TPickerContact = Partial<IProfile>;\n\n/**\n * Display a contact picker suitable for filling out Recipient objects when sending Envelopes.\n *\n * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the\n * user interacts with the component, the text entered in the name fields is sent back to the parent via the `searchContacts` event.\n * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be\n * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as \"Recently Used\" contacts, or\n * to always display the user's own contact record.\n *\n * ```ts\n * <verdocs-contact-picker\n *   templateRole={role}\n *   contactSuggestions={[]}\n *   onNext={e => console.log('Contact completed', e.detail)}\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-contact-picker',\n  styleUrl: 'verdocs-contact-picker.scss',\n  shadow: false,\n})\nexport class VerdocsContactPicker {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The role that this contact will be assigned to.\n   */\n  @Prop() templateRole: Partial<IRecipient> | null = null;\n\n  /**\n   * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number\n   * of suggestions be limited to the 5 best matching records.\n   */\n  @Prop() contactSuggestions: TPickerContact[] = [];\n\n  /**\n   * Event fired when the user enters text in the search field. The calling application may use this to update\n   * the `contactSuggestions` property.\n   */\n  @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) next: EventEmitter<IContactSelectEvent>;\n\n  @State() first_name: string;\n  @State() last_name: string;\n  @State() email: string;\n  @State() phone: string;\n  @State() zip: string;\n  @State() address: string;\n  @State() message: string;\n  @State() showSuggestions: boolean = false;\n  @State() showMessage: boolean = false;\n  @State() delegator: boolean = false;\n  @State() name_locked: boolean = false;\n  @State() auth_methods: TRecipientAuthMethod[] = [];\n  @State() passcode: string = '';\n\n  @State() firstNameFieldId = `verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2, 11)}`;\n  @State() lastNameFieldId = `verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2, 11)}`;\n  @State() emailFieldId = `verdocs-contact-picker-email-${Math.random().toString(36).substring(2, 11)}`;\n  @State() phoneFieldId = `verdocs-contact-picker-phone-${Math.random().toString(36).substring(2, 11)}`;\n\n  @State() activeEntitlements: Partial<Record<TEntitlement, IEntitlement>> = {};\n  @State() authMethodsLoading: boolean = true\n\n  async componentWillLoad() {\n    this.endpoint.loadSession();\n\n    if (this.templateRole) {\n      const fullName = formatFullName(this.templateRole);\n      const nameComponents = fullName.split(' ');\n      const firstName = this.templateRole.first_name || nameComponents.shift() || '';\n      const lastName = this.templateRole.last_name || nameComponents.join(' ') || '';\n      this.first_name = firstName;\n      this.last_name = lastName;\n\n      this.email = this.templateRole.email || '';\n      this.phone = this.templateRole.phone || '';\n      // delegator and name_locked are mutually exclusive; delegator takes precedence if both are somehow set\n      this.delegator = this.templateRole.delegator || false;\n      this.name_locked = this.delegator ? false : (this.templateRole.name_locked || false);\n      this.message = this.templateRole.message || '';\n      this.showMessage = this.message !== '';\n      this.auth_methods = this.templateRole.auth_methods || [];\n      this.passcode = this.templateRole.passcode || '';\n    }\n\n    this.activeEntitlements = await getActiveEntitlements(this.endpoint)\n    this.authMethodsLoading = false\n    console.log('[CONTACT PICKER] Loaded entitlements', this.activeEntitlements)\n  }\n\n  handleFirstNameChange(e: any) {\n    this.first_name = e.target.value;\n    this.searchContacts?.emit({query: this.first_name});\n  }\n\n  handleLastNameChange(e: any) {\n    this.last_name = e.target.value;\n    this.searchContacts?.emit({query: this.last_name});\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    this.showSuggestions = false;\n    this.exit?.emit();\n  }\n\n  handleSubmit(e: any) {\n    e.stopPropagation();\n\n    this.showSuggestions = false;\n    this.next?.emit({\n      first_name: this.first_name,\n      last_name: this.last_name,\n      email: this.email,\n      phone: this.phone,\n      message: this.message,\n      delegator: this.delegator,\n      name_locked: this.name_locked,\n      auth_methods: this.auth_methods,\n      passcode: this.passcode,\n      address: this.address,\n      zip: this.zip,\n    });\n  }\n\n  handleSelectSuggestion(e: any, suggestion: TPickerContact) {\n    e.stopPropagation();\n\n    this.first_name = suggestion.first_name;\n    this.last_name = suggestion.last_name;\n    this.email = suggestion.email;\n    this.phone = suggestion.phone;\n    this.showSuggestions = false;\n  }\n\n  // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them\n  // and show a duplicate autocomplete picker on top of our own.\n  render() {\n    // const hasBasics = this.first_name && this.last_name && (isValidEmail(this.email) || isValidPhone(this.phone));\n    const hasBasics = this.first_name && this.last_name && isValidEmail(this.email);\n    const hasAuthRequirements =\n      !this.auth_methods.length ||\n      (this.auth_methods.includes('passcode') && !!this.passcode) ||\n      (this.auth_methods.includes('kba') && !!this.first_name && !!this.last_name) ||\n      (this.auth_methods.includes('email') && !!this.email) ||\n      (this.auth_methods.includes('sms') && !!this.phone);\n    const canSubmit = hasBasics && hasAuthRequirements;\n    const hasSMSAuth = !!this.activeEntitlements.sms_auth\n\n    const verificationOptions = [];\n\n    verificationOptions.push({label: 'Passcode', value: 'passcode'});\n    verificationOptions.push({label: 'Email', value: 'email'});\n\n    if (hasSMSAuth) {\n      verificationOptions.push({label: 'SMS (One-Time Code)', value: 'sms'});\n    }\n\n    if (!!this.activeEntitlements.kba_auth) {\n      verificationOptions.push({label: 'Knowledge-Based (KBA)', value: 'kba'});\n    }\n\n    if (!!this.activeEntitlements.id_auth) {\n      verificationOptions.push({label: 'ID Check', value: 'id'});\n    }\n\n    return (\n      <form\n        onSubmit={e => e.preventDefault()}\n        // onClick={e => e.stopPropagation()}\n        autocomplete=\"off\"\n      >\n        <div class=\"row\">\n          <label htmlFor={this.firstNameFieldId}>Name:</label>\n          <div class=\"names-row\">\n            <input\n              id={this.firstNameFieldId}\n              name={this.firstNameFieldId}\n              type=\"text\"\n              data-lpignore=\"true\"\n              autocomplete=\"blocked\"\n              aria-autocomplete=\"none\"\n              value={this.first_name}\n              placeholder=\"First...\"\n              onFocus={() => {\n                // Give the blur event a chance to hide it first if going between first/last\n                setTimeout(() => {\n                  this.showSuggestions = this.contactSuggestions?.length > 0;\n                }, 100);\n              }}\n              onInput={e => this.handleFirstNameChange(e)}\n            />\n            <input\n              id={this.lastNameFieldId}\n              name={this.lastNameFieldId}\n              type=\"text\"\n              data-lpignore=\"true\"\n              autocomplete=\"blocked\"\n              aria-autocomplete=\"none\"\n              value={this.last_name}\n              placeholder=\"Last...\"\n              onFocus={() => {\n                // Give the blur event a chance to hide it first if going between first/last\n                setTimeout(() => {\n                  this.showSuggestions = this.contactSuggestions?.length > 0;\n                }, 100);\n              }}\n              onInput={e => this.handleLastNameChange(e)}\n            />\n          </div>\n\n          {this.showSuggestions && (\n            <verdocs-portal\n              anchor={this.firstNameFieldId}\n              onClickAway={() => {\n                this.showSuggestions = false;\n                document.querySelectorAll(`.verdocs-portal-wrapper`).forEach(el => el.remove());\n              }}\n              id=\"verdocs-contact-picker-suggestions\"\n            >\n              <div class=\"dropdown\">\n                {this.contactSuggestions\n                  .filter(suggestion => !this.first_name || suggestion.first_name?.toLowerCase().includes(this.first_name.toLowerCase()))\n                  .map(suggestion => (\n                    <div key={suggestion.id ?? suggestion.email} class=\"suggestion\" onClick={e => this.handleSelectSuggestion(e, suggestion)}>\n                      {suggestion.picture ? <img alt=\"Avatar\" class=\"avatar\" src={suggestion.picture} /> : <div class=\"avatar\" innerHTML={addrBookIcon} />}\n                      <div class=\"details\">\n                        <div class=\"name\">{formatFullName(suggestion)}</div>\n                        {suggestion.email && <div class=\"destination\">{suggestion.email}</div>}\n                        {suggestion.phone && <div class=\"destination\">{suggestion.phone}</div>}\n                      </div>\n                    </div>\n                  ))}\n              </div>\n            </verdocs-portal>\n          )}\n        </div>\n\n        <div class=\"row\">\n          <label htmlFor={this.emailFieldId}>Email:</label>\n          <input\n            id={this.emailFieldId}\n            name={this.emailFieldId}\n            type=\"text\"\n            data-lpignore=\"true\"\n            autoComplete=\"blocked\"\n            aria-autocomplete=\"none\"\n            value={this.email}\n            placeholder=\"Invite/verify via email...\"\n            onFocus={() => (this.showSuggestions = false)}\n            onInput={(e: any) => (this.email = e.target.value)}\n          />\n        </div>\n\n        {hasSMSAuth && (\n          <div class=\"row\">\n            <label htmlFor={this.phoneFieldId}>Phone:</label>\n            <input\n              id={this.phoneFieldId}\n              name={this.phoneFieldId}\n              type=\"text\"\n              data-lpignore=\"true\"\n              autoComplete=\"blocked\"\n              aria-autocomplete=\"none\"\n              value={this.phone}\n              placeholder=\"Invite/verify via SMS...\"\n              onFocus={() => (this.showSuggestions = false)}\n              onInput={(e: any) => {\n                this.phone = convertToE164(e.target.value);\n              }}\n            />\n          </div>\n        )}\n\n        <Fragment>\n          {verificationOptions.length > 0 && (\n            <div class=\"row pin-code\">\n              <label>Verification Methods:</label>\n              {this.authMethodsLoading ? (\n                <verdocs-spinner size={10} mode=\"dark\" style={{margin: 'auto'}} />\n              ) : (\n                <div>\n                {verificationOptions.map((option, i) => (\n                  <div class=\"option\">\n                    <verdocs-checkbox\n                      size=\"small\"\n                      id={`verdocs-multi-select-opt-${i}`}\n                      value={option.value}\n                      checked={this.auth_methods.includes(option.value)}\n                      onInput={(e: any) => {\n                        if (e.target.checked) {\n                          this.auth_methods = [...this.auth_methods, option.value];\n                        } else {\n                          this.auth_methods = this.auth_methods.filter(selected => selected !== option.value);\n                        }\n                      }}\n                    />\n                    <label htmlFor={`verdocs-multi-select-option-${i}`}>{option.label}</label>\n                  </div>\n                ))}\n              </div>\n              )}  \n            </div>\n          )}\n\n          {this.auth_methods.includes('passcode') && (\n            <div class=\"row pin-code\">\n              <label htmlFor={this.phoneFieldId}>Passcode:</label>\n              <input\n                id=\"verdocs-passcode\"\n                name=\"verdocs-passcode\"\n                type=\"text\"\n                data-lpignore=\"true\"\n                autocomplete=\"blocked\"\n                aria-autocomplete=\"none\"\n                value={this.passcode}\n                placeholder=\"4-8 digits recommended...\"\n                onFocus={() => (this.showSuggestions = false)}\n                onInput={(e: any) => (this.passcode = e.target.value)}\n              />\n            </div>\n          )}\n        </Fragment>\n\n        <div class=\"row pin-code\">\n          <label style={{marginTop: '6px'}}>Options:</label>\n          <div>\n            <div class=\"option\">\n              <verdocs-checkbox\n                size=\"small\"\n                id=\"verdocs-delegator\"\n                checked={this.delegator}\n                disabled={this.name_locked}\n                onInput={(e: any) => {\n                  this.delegator = e.target.checked;\n                  if (this.delegator) this.name_locked = false;\n                }}\n              />\n              <label htmlFor=\"verdocs-delegator\">May delegate signing</label>\n            </div>\n            <div class=\"option\">\n              <verdocs-checkbox\n                size=\"small\"\n                id=\"verdocs-name-locked\"\n                checked={this.name_locked}\n                disabled={this.delegator}\n                onInput={(e: any) => {\n                  this.name_locked = e.target.checked;\n                  if (this.name_locked) this.delegator = false;\n                }}\n              />\n              <label htmlFor=\"verdocs-name-locked\">Name locked</label>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"row message\">\n          <label htmlFor=\"verdocs-contact-picker-message\">Message:</label>\n          <textarea\n            id=\"verdocs-contact-picker-message\"\n            name=\"verdocs-contact-picker-message\"\n            data-lpignore=\"true\"\n            autocomplete=\"blocked\"\n            placeholder=\"Optional message to include in invitation...\"\n            onFocus={() => (this.showSuggestions = false)}\n            onInput={(e: any) => (this.message = e.target.value)}\n          >\n            {this.message}\n          </textarea>\n        </div>\n\n        <div class=\"buttons\">\n          <div class=\"flex-fill\" />\n\n          <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onClick={e => this.handleCancel(e)} />\n          <verdocs-button label=\"OK\" size=\"small\" disabled={!canSubmit} onClick={!canSubmit ? () => {} : e => this.handleSubmit(e)} />\n        </div>\n      </form>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/verdocs-date-input.entry.js

@@ -67,9 +67,9 @@ const VerdocsDateInput = class {
             .catch(e => console.log('Error copying to clipboard', e));
     }
     render() {
-        return (h(Host, { key: 'a71872f25c3fbfdb8837f546340edd2324f141f9', class: `input-field` }, h("label", { key: '68b0b363d48c045f6a6124467c81e3c8af7f6321' }, this.label && (h("div", { key: '6cfe44246b5776315772da522b27482c362df563', class: "input-label" }, this.label + ':', this.required && h("span", { key: '9c02382715b89aa7c8f1c4efd6e9e1e54cec6692', class: "required" }, "*"))), h("div", { key: '56e31da5bc7c6206a9f1045ad6317f6b95ca2206', class: "input-container" }, h("input", { key: 'bdca818f5c8df445d9e63c6597cc75d0634096f1', type: "text", value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", id: this.containerId, disabled: this.disabled, placeholder: this.placeholder,
+        return (h(Host, { key: '71a719ba8d6e681242c6c49b55b9d55604d2f415', class: `input-field` }, h("label", { key: '9d74d99af32d008f7f17e43dca1b14b4ce5bcb51' }, this.label && (h("div", { key: '1f923573cbe777fe7240e6f220b7d558153242c8', class: "input-label" }, this.label + ':', this.required && h("span", { key: '1930dc54e03d55760a4bd6820b1dbf072ede0e6d', class: "required" }, "*"))), h("div", { key: '8973217a4cbf29ebbde547f613cb968d9528ecdd', class: "input-container" }, h("input", { key: '7a59319f4259754c278ab25cd7e5a8989075ff0b', type: "text", value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", id: this.containerId, disabled: this.disabled, placeholder: this.placeholder,
             // onBlur={(e: any) => this.blur?.emit(e.target.value)}
-            ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) })), this.helpText && h("verdocs-help-icon", { key: '712354ce917bb818033fa6cd95dc2bf50daf678f', text: this.helpText }))));
+            ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) })), this.helpText && h("verdocs-help-icon", { key: 'a743687d05a8c5d660bb045ba06265b3de6a63d4', text: this.helpText }))));
     }
     get hostEl() { return getElement(this); }
 };

package/dist/esm/verdocs-dialog.entry.js

@@ -24,7 +24,7 @@ const VerdocsDialog = class {
         }
     }
     render() {
-        return (h(Host, { key: '0839f257631eb37be76a13f42d33374e64a1fe83' }, h("div", { key: '61ba30e1d78acfbeb95fc871e99a4efa95c58bc4', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'b40c16f7bf527685959ad228a17ee8eedb364450', class: "dialog" }, h("div", { key: '11e283a9f70b537351f39b77b7cee64d5fa49fe1', class: "close-button", onClick: () => this.exit.emit() }, h("svg", { key: '00749c1c583c287757cb726c6217ad628dea0e49', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '45f2216bd40c5fd265d406daefbc6a775477b6b9', d: "M18 6L6 18", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: '6e7ceadce6c3635d4332e3dbb70521fc086bf6e4', d: "M6 6L18 18", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("slot", { key: '1ac770d584d3e4d15217478e5a6800ce60a33435', name: "heading" }, h("div", { key: 'e2f4b368d1bbf301b0e8851b314ccc0d50fe5913', class: "heading" })), h("slot", { key: '6d35c3af3bc2377a62caa8f51c1739f28df4507b', name: "content" }, h("div", { key: '1131fd3d9d286da0334574aeccdb11851283b974', class: "content" })), h("slot", { key: '3a053aee5523a8bddb8e309e3375c1009cd9410c', name: "footer" }, h("div", { key: '8b7b186b3d4833006f87c9fb177d44c785e35867', class: "footer" }))))));
+        return (h(Host, { key: '256bf5ae3c3dd9a32e099d61849767a5ec35d9bc' }, h("div", { key: '41b3f2987146ca53e1a5973ef932d694813dd5eb', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '8c4e99a7a5125d847bfccd58ee986781bf473626', class: "dialog" }, h("div", { key: 'f0b983cf410d640fe5658220abe8b1f895d97737', class: "close-button", onClick: () => this.exit.emit() }, h("svg", { key: '498f98a2717ac6995d2faee73edffebe09d9556c', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b317dee6bea04356af9ae30cfc9240376c438bb7', d: "M18 6L6 18", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: '6103918ccc4e7edc95a2e28a65efbd07367aad31', d: "M6 6L18 18", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("slot", { key: '8cf86492ab827d0dee66fff1ea4396e4341ab428', name: "heading" }, h("div", { key: 'c04a9b12794347ec6001d8fd2f7741a94b54b527', class: "heading" })), h("slot", { key: '7909012e1431937c9ae319e3ee9d639f7e6292e8', name: "content" }, h("div", { key: '27112bcd33ec15e815661b30120d34868a177114', class: "content" })), h("slot", { key: 'ffcd7f6871f33ad13cac8708d5f2d9367dbccd51', name: "footer" }, h("div", { key: '0c24d84bfa1c20a90e593ec737d8ffc8468fb84b', class: "footer" }))))));
     }
 };
 VerdocsDialog.style = verdocsDialogCss();

package/dist/esm/verdocs-download-dialog_4.entry.js

@@ -53,8 +53,8 @@ const VerdocsDownloadDialog = class {
         const allDone = !this.polling && certReady;
         const isCombinedReady = allDone && !!(certificateDocument === null || certificateDocument === void 0 ? void 0 : certificateDocument.id);
         const attachmentBusy = !this.signed;
-        return (h("verdocs-dialog", { key: '09670a45a18cf110462390fd0ef2f705b3577f31', onExit: () => this.exit.emit() }, h("div", { key: '2b01ee1c71aa51f80d9ecf1ec16a62af146342cd', slot: "heading", class: "heading-container" }, h("h3", { key: '1ddb9cf369621aeafebc0ce3511f1e59579ee471', style: { margin: '0', fontSize: '1.25rem', fontWeight: '600', padding: '16px 24px' } }, "Download")), h("div", { key: 'c62c72d8eeb5bc7cde8791370bcc2f5a46978dd1', slot: "content", class: "content" }, attachments.length <= 2 &&
-            attachments.map(doc => (h("div", { class: "download-option", onClick: () => this.handleOptionClick(DownloadAction.document, doc.id) }, h("div", { class: "icon-container", innerHTML: DocumentIcon }), h("div", { class: "text-container" }, h("div", { class: "label" }, doc.name), h("div", { class: "description" }, "Download the document")), attachmentBusy ? (h("div", { class: "status-indicator" }, h("div", { class: "spinner-inline", innerHTML: RefreshIcon }))) : (h("div", { class: "status-indicator" }, h("div", { class: "signed", innerHTML: CheckIcon }), h("span", null, "Signed")))))), attachments.length > 2 && h("div", { key: '10f6f2b1a7197533e5ad1d8b00cdfb14b465eec1', class: "info-message" }, "Multiple documents attached. Please use the ZIP option below to download all files."), h("div", { key: '8a0c4c5a3e7c5f99626b2f2ece050b3c66f53006', class: { 'download-option': true, 'disabled': !certReady }, onClick: () => this.handleOptionClick(DownloadAction.certificate), title: !certReady ? 'Certificate not yet available' : '' }, h("div", { key: 'f44f22a0655603d2af1785fd306aea4b99e168a9', class: "icon-container", innerHTML: CertificateIcon }), h("div", { key: 'fa99982c36808621b10dd30a72412be02b2ac0c7', class: "text-container" }, h("div", { key: '66d6d8d832ca66f17d2b6074fe80f0a573539aa7', class: "label" }, "Certificate"), h("div", { key: 'a7c6c02afdf06fb59622f41e80946e9ad0feb231', class: "description" }, "Download the certificate")), certReady ? (h("div", { class: "status-indicator" }, h("div", { class: "signed", innerHTML: CheckIcon }), h("span", null, "Ready"))) : (h("div", { class: "status-indicator" }, h("div", { class: "spinner-inline", innerHTML: RefreshIcon })))), h("div", { key: 'd6c7a9d4ffa660869730292e8981b7fca9ec2d7a', class: { 'download-option': true, 'disabled': !isCombinedReady }, onClick: () => this.handleOptionClick(DownloadAction.combined, certificateDocument === null || certificateDocument === void 0 ? void 0 : certificateDocument.id), title: !isCombinedReady ? 'Waiting for all documents to be ready' : '' }, h("div", { key: 'c49585f9f2995bf90a6a7a7f1006ff62e1c4ff75', class: "icon-container", innerHTML: ZipIcon }), h("div", { key: 'c886fb02b282f9e3e8bbc932652e85acadba3620', class: "text-container" }, h("div", { key: 'cd321c5acde3b28048549f8dfb4ae576e21b0b71', class: "label" }, "Combined"), h("div", { key: 'cbb9b3280585382ad606611fd07ab040b9176d69', class: "description" }, "Merge envelopes & certificate into a single PDF")), isCombinedReady ? (h("div", { class: "status-indicator" }, h("div", { class: "signed", innerHTML: CheckIcon }), h("span", null, "Ready"))) : (h("div", { class: "status-indicator" }, h("div", { class: "spinner-inline", innerHTML: RefreshIcon })))), h("div", { key: '33e022ea22d4aa4b9e4169ec8709243d143c9320', class: { 'download-option': true, 'disabled': !allDone }, onClick: () => this.handleOptionClick(DownloadAction.zip), title: !allDone ? 'Waiting for all documents to be ready' : '' }, h("div", { key: '96af105f93ed2cf4903466df246d9be3eeebbbdc', class: "icon-container", innerHTML: ZipIcon }), h("div", { key: 'f4ca89d84a10444d9db3b3745779a5eee05cf73d', class: "text-container" }, h("div", { key: 'c48b2b5a6184162b59123981ac2bdbe2d358f8b9', class: "label" }, "All Files"), h("div", { key: '72620fada50c48437eaa40983f7b6e8c84e4f35a', class: "description" }, "Download everything as a ZIP file")), allDone ? (h("div", { class: "status-indicator" }, h("div", { class: "signed", innerHTML: CheckIcon }), h("span", null, "Ready"))) : (h("div", { class: "status-indicator" }, h("div", { class: "spinner-inline", innerHTML: RefreshIcon }))))), h("div", { key: '0f10d2c47891ad31a70d5ef412377a35c58f840d', slot: "footer", style: { display: 'none' } })));
+        return (h("verdocs-dialog", { key: '1952e8adf6f2aaefa179c3f0e5906b0afc072599', onExit: () => this.exit.emit() }, h("div", { key: '3a93ac39222d81bbc81df671a4ccc215e7f7518d', slot: "heading", class: "heading-container" }, h("h3", { key: 'ac1b12b0b361546ae9ac6fc14003de691a310d9a', style: { margin: '0', fontSize: '1.25rem', fontWeight: '600', padding: '16px 24px' } }, "Download")), h("div", { key: '97277621bf0491b69592660e032bcdeb842fe284', slot: "content", class: "content" }, attachments.length <= 2 &&
+            attachments.map(doc => (h("div", { class: "download-option", onClick: () => this.handleOptionClick(DownloadAction.document, doc.id) }, h("div", { class: "icon-container", innerHTML: DocumentIcon }), h("div", { class: "text-container" }, h("div", { class: "label" }, doc.name), h("div", { class: "description" }, "Download the document")), attachmentBusy ? (h("div", { class: "status-indicator" }, h("div", { class: "spinner-inline", innerHTML: RefreshIcon }))) : (h("div", { class: "status-indicator" }, h("div", { class: "signed", innerHTML: CheckIcon }), h("span", null, "Signed")))))), attachments.length > 2 && h("div", { key: 'dfb9c675a97b0c1aaf1a94b8f1fb9250fb130261', class: "info-message" }, "Multiple documents attached. Please use the ZIP option below to download all files."), h("div", { key: '11054b7a0339bcb5dc8e1eeaad10247f1968dedc', class: { 'download-option': true, 'disabled': !certReady }, onClick: () => this.handleOptionClick(DownloadAction.certificate), title: !certReady ? 'Certificate not yet available' : '' }, h("div", { key: 'dfc913fc428eaea8c1f57ad46d81a049f86def99', class: "icon-container", innerHTML: CertificateIcon }), h("div", { key: 'bd41bae1011b0983dab5f931e9ebc896df36c3c8', class: "text-container" }, h("div", { key: '597257702259a7a1d8056b1eaaedd964ea55f036', class: "label" }, "Certificate"), h("div", { key: '7568f095f1a1906852955d451ede9f8cc6856b33', class: "description" }, "Download the certificate")), certReady ? (h("div", { class: "status-indicator" }, h("div", { class: "signed", innerHTML: CheckIcon }), h("span", null, "Ready"))) : (h("div", { class: "status-indicator" }, h("div", { class: "spinner-inline", innerHTML: RefreshIcon })))), h("div", { key: '64509a06d0937876aa048d8c3233c391fedc441f', class: { 'download-option': true, 'disabled': !isCombinedReady }, onClick: () => this.handleOptionClick(DownloadAction.combined, certificateDocument === null || certificateDocument === void 0 ? void 0 : certificateDocument.id), title: !isCombinedReady ? 'Waiting for all documents to be ready' : '' }, h("div", { key: '64d59f0495451b84cfef5ba81be4916792c644fa', class: "icon-container", innerHTML: ZipIcon }), h("div", { key: '4ab1a3e2978ed2e4ae0b9140850cb760682e7c38', class: "text-container" }, h("div", { key: 'bd7525c81b76c151848e0a7e4a405a3194159f18', class: "label" }, "Combined"), h("div", { key: 'c47fedf0d52fb79cb8b8d9b0d28c8fdacca4c747', class: "description" }, "Merge envelopes & certificate into a single PDF")), isCombinedReady ? (h("div", { class: "status-indicator" }, h("div", { class: "signed", innerHTML: CheckIcon }), h("span", null, "Ready"))) : (h("div", { class: "status-indicator" }, h("div", { class: "spinner-inline", innerHTML: RefreshIcon })))), h("div", { key: '339c391d3f2c5173d4bed5a84d925b4e654a8fa7', class: { 'download-option': true, 'disabled': !allDone }, onClick: () => this.handleOptionClick(DownloadAction.zip), title: !allDone ? 'Waiting for all documents to be ready' : '' }, h("div", { key: 'd6c1380627984de8527a80ba8411e56f2c395d8b', class: "icon-container", innerHTML: ZipIcon }), h("div", { key: '5eb7200cb95fa8bb9b6f306d8de67fdaa49f5325', class: "text-container" }, h("div", { key: '99f3b98ef33901a83089869777302209194209c4', class: "label" }, "All Files"), h("div", { key: '2977524b2fcbadd6e73ff7616d5305b4c35da75b', class: "description" }, "Download everything as a ZIP file")), allDone ? (h("div", { class: "status-indicator" }, h("div", { class: "signed", innerHTML: CheckIcon }), h("span", null, "Ready"))) : (h("div", { class: "status-indicator" }, h("div", { class: "spinner-inline", innerHTML: RefreshIcon }))))), h("div", { key: 'ff7df2304f8a5a3b5c8018779d9e1cc4127c7d51', slot: "footer", style: { display: 'none' } })));
     }
 };
 VerdocsDownloadDialog.style = verdocsDownloadDialogCss();
@@ -162,7 +162,7 @@ const VerdocsEnvelopeDocumentPage = class {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: '7ed2187dfb4ef248411d777ad2837ba18a85ec45', 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: 'e1ed1cbfa15b69eb5b8fcfd0ee949ef00507241a', 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
@@ -207,7 +207,7 @@ const VerdocsQuestionDialog = class {
         }
     }
     render() {
-        return (h("verdocs-dialog", { key: '2697b58a7c65243705c15993e5a967894b725196', onExit: e => this.handleDismiss(e) }, h("div", { key: '0c6d340d05717b4580e001e8cff4d544f3dac072', slot: "heading", class: "heading" }, h("div", { key: 'e5e3c323b48a90431f2593a062715d316608dc71', class: "icon", innerHTML: QuestionIcon$1 }), h("div", { key: '8ebc86de76b84cf255efbf6bc8db8876142e858d', class: "title" }, "Ask the Sender a Question")), h("div", { key: 'c3f96587257dbd2e0ce98eba44a8ef7c3bba7c88', slot: "content", class: "content" }, h("textarea", { key: '22c2c8dd80e41e77e0bed92f0b48a81f85466532', name: "question", rows: 6, placeholder: "Enter your question...", onInput: (e) => (this.question = e.target.value) }, this.question)), h("div", { key: '11a32d726ead166b7b9bfa994a31de4c4998fdec', class: "footer", slot: "footer" }, h("div", { key: '3fa336237b33537b9154c1eb7dfcd6b929a28e1e', class: "buttons" }, h("button", { key: 'aedcec8fc3948515d93adce69f15eb048bdd824e', class: "cancel", onClick: () => this.handleCancel() }, "Cancel"), h("button", { key: '2bd012fe2e6866922edde4a4abadb943c78f44ef', class: 'ok', onClick: () => this.handleOk() }, "OK")))));
+        return (h("verdocs-dialog", { key: '2c1b3c815f184f6ee9527f1f9dab16eca21c4ebd', onExit: e => this.handleDismiss(e) }, h("div", { key: '9fcabd034942bb8bf355cd7e004418593a132b10', slot: "heading", class: "heading" }, h("div", { key: '6c46127f7faf9c52551e6c768577863149266fad', class: "icon", innerHTML: QuestionIcon$1 }), h("div", { key: 'd63a278314c7a93d06f0c68600dcefcb1a1e39da', class: "title" }, "Ask the Sender a Question")), h("div", { key: '1b839d9bfbac96c58c56b3188939d2f5018e9b03', slot: "content", class: "content" }, h("textarea", { key: '3b1af1af06d0577baf6936772c0fe65bbc28e32f', name: "question", rows: 6, placeholder: "Enter your question...", onInput: (e) => (this.question = e.target.value) }, this.question)), h("div", { key: '6559352004d8d847bb1c86089aa6d094cd49b87e', class: "footer", slot: "footer" }, h("div", { key: 'a111d072ed7a39231ca4adb4e05ed3bf00b5d0b7', class: "buttons" }, h("button", { key: '1ae6d7c9169acb2422aa4559c21d3a70fda4778e', class: "cancel", onClick: () => this.handleCancel() }, "Cancel"), h("button", { key: 'facaad4ed10e2032a4f60c3f614856e6e82b3454', class: 'ok', onClick: () => this.handleOk() }, "OK")))));
     }
 };
 VerdocsQuestionDialog.style = verdocsQuestionDialogCss();
@@ -353,7 +353,7 @@ const VerdocsSignFooter = class {
         const hasPoweredBy = !!((_b = (_a = this.envelope) === null || _a === void 0 ? void 0 : _a.organization) === null || _b === void 0 ? void 0 : _b.powered_by_label);
         const hasLinks = !!((_d = (_c = this.envelope) === null || _c === void 0 ? void 0 : _c.organization) === null || _d === void 0 ? void 0 : _d.terms_use_url) || !!((_f = (_e = this.envelope) === null || _e === void 0 ? void 0 : _e.organization) === null || _f === void 0 ? void 0 : _f.privacy_policy_url);
         const hasButtons = !this.isDone;
-        return (h(Host, { key: '2016c55a9196cb3ec96678038df0db7daa21b64d', class: { 'has-buttons': hasButtons, 'no-buttons': !hasButtons, 'has-powered-by': hasPoweredBy, 'has-links': hasLinks, 'just-buttons': !hasPoweredBy && !hasLinks } }, ((_h = (_g = this.envelope) === null || _g === void 0 ? void 0 : _g.organization) === null || _h === void 0 ? void 0 : _h.powered_by_label) && (h("div", { key: '47d03008c756feb7d7d4ba55d3f7ebd14c46634f', class: "powered-by" }, ((_k = (_j = this.envelope) === null || _j === void 0 ? void 0 : _j.organization) === null || _k === void 0 ? void 0 : _k.powered_by_url) ? (h("a", { href: (_m = (_l = this.envelope) === null || _l === void 0 ? void 0 : _l.organization) === null || _m === void 0 ? void 0 : _m.powered_by_url, target: "_blank", rel: "noopener noreferrer" }, h("span", null, (_p = (_o = this.envelope) === null || _o === void 0 ? void 0 : _o.organization) === null || _p === void 0 ? void 0 : _p.powered_by_label))) : (h("span", null, (_r = (_q = this.envelope) === null || _q === void 0 ? void 0 : _q.organization) === null || _r === void 0 ? void 0 : _r.powered_by_label)))), !this.isDone && (h("div", { key: 'ec4243adcc09cd5ec12a91d0eb5164a05e1a15d0', class: "buttons" }, h("button", { key: '6783fd9a0a9c9b36d476291f2e7f8dd63c8fa66b', onClick: () => (this.askingQuestion = true) }, h("span", { key: '28d3a5b206498f12c4e18f64f00f7a75963172f7', innerHTML: QuestionIcon }), "Ask Sender a Question"), h("button", { key: '69509c288e80a550705880b66abb01bbc12b7a61', onClick: () => { var _a; return (_a = this.decline) === null || _a === void 0 ? void 0 : _a.emit(); } }, h("span", { key: '7bad75a4ff16fd23168045626cb579e78db9851d', innerHTML: DeclineIcon }), "Decline Signing"), h("button", { key: 'd5a61e976c924b04905f90117a3ffcb61a750a68', onClick: () => { var _a; return (_a = this.finishLater) === null || _a === void 0 ? void 0 : _a.emit(); } }, h("span", { key: '7ba6413299135e1731048ae3368df0ff5640a750', innerHTML: SaveIcon }), "Finish Later"))), h("div", { key: '1e77fd76a189e1dfdc60ef8d60b79fba5905ae22', class: "links" }, ((_t = (_s = this.envelope) === null || _s === void 0 ? void 0 : _s.organization) === null || _t === void 0 ? void 0 : _t.terms_use_url) && (h("a", { key: '57f9055f96d0a4bc6d0b2881a035156d1a3e1df2', href: (_v = (_u = this.envelope) === null || _u === void 0 ? void 0 : _u.organization) === null || _v === void 0 ? void 0 : _v.terms_use_url, target: "_blank", rel: "noopener noreferrer" }, h("span", { key: '8f07d35eff0a44bf56a3557c269830fe789573ec' }, "Terms of Use"))), ((_x = (_w = this.envelope) === null || _w === void 0 ? void 0 : _w.organization) === null || _x === void 0 ? void 0 : _x.privacy_policy_url) && (h("a", { key: '89c5bbbc7d7a0c16cbe1b2116842696e357afaa0', href: (_z = (_y = this.envelope) === null || _y === void 0 ? void 0 : _y.organization) === null || _z === void 0 ? void 0 : _z.privacy_policy_url, target: "_blank", rel: "noopener noreferrer" }, h("span", { key: 'bdf20919570db98342527b912aca3508f952c3d0' }, "Privacy Policy")))), this.askingQuestion && (h("verdocs-question-dialog", { key: '925d2470a33d987ec5ede9b6ab39125a00115309', onNext: e => {
+        return (h(Host, { key: '392793877c562271deaad894a49594bcbd6b4f00', class: { 'has-buttons': hasButtons, 'no-buttons': !hasButtons, 'has-powered-by': hasPoweredBy, 'has-links': hasLinks, 'just-buttons': !hasPoweredBy && !hasLinks } }, ((_h = (_g = this.envelope) === null || _g === void 0 ? void 0 : _g.organization) === null || _h === void 0 ? void 0 : _h.powered_by_label) && (h("div", { key: '7a9eabdcdce3df6f720e9c208733b14e953d3476', class: "powered-by" }, ((_k = (_j = this.envelope) === null || _j === void 0 ? void 0 : _j.organization) === null || _k === void 0 ? void 0 : _k.powered_by_url) ? (h("a", { href: (_m = (_l = this.envelope) === null || _l === void 0 ? void 0 : _l.organization) === null || _m === void 0 ? void 0 : _m.powered_by_url, target: "_blank", rel: "noopener noreferrer" }, h("span", null, (_p = (_o = this.envelope) === null || _o === void 0 ? void 0 : _o.organization) === null || _p === void 0 ? void 0 : _p.powered_by_label))) : (h("span", null, (_r = (_q = this.envelope) === null || _q === void 0 ? void 0 : _q.organization) === null || _r === void 0 ? void 0 : _r.powered_by_label)))), !this.isDone && (h("div", { key: '441abbdabad0b9e572a482582c395cfa00ffd6a3', class: "buttons" }, h("button", { key: 'ff132a5c23e4b039dda1e227e4dbe965f44d15e4', onClick: () => (this.askingQuestion = true) }, h("span", { key: 'd72c8d9fd302004177d1d453e916c69c477363f8', innerHTML: QuestionIcon }), "Ask Sender a Question"), h("button", { key: '0225fb65c44231a02fcd1feb59d8bcf7f2ba9746', onClick: () => { var _a; return (_a = this.decline) === null || _a === void 0 ? void 0 : _a.emit(); } }, h("span", { key: '1883128ba17421576e7d852883a59b5bb39e1ad8', innerHTML: DeclineIcon }), "Decline Signing"), h("button", { key: '4ea68ce82bfb6077b7457b8097a1e0cfda76b765', onClick: () => { var _a; return (_a = this.finishLater) === null || _a === void 0 ? void 0 : _a.emit(); } }, h("span", { key: 'fc27d56c8eafd7889ef05ece863828be081a1c6f', innerHTML: SaveIcon }), "Finish Later"))), h("div", { key: '0071154605492997e432510fb64d5846c966374c', class: "links" }, ((_t = (_s = this.envelope) === null || _s === void 0 ? void 0 : _s.organization) === null || _t === void 0 ? void 0 : _t.terms_use_url) && (h("a", { key: 'ff8a8dc5e86451040bb9fd157b9e6b660915fcd5', href: (_v = (_u = this.envelope) === null || _u === void 0 ? void 0 : _u.organization) === null || _v === void 0 ? void 0 : _v.terms_use_url, target: "_blank", rel: "noopener noreferrer" }, h("span", { key: '7d28044ef7e27dab7b5c5c4234007c965bd1b493' }, "Terms of Use"))), ((_x = (_w = this.envelope) === null || _w === void 0 ? void 0 : _w.organization) === null || _x === void 0 ? void 0 : _x.privacy_policy_url) && (h("a", { key: '1f85a77d8f3e06cb38c7ff853224ca1d7ece1d82', href: (_z = (_y = this.envelope) === null || _y === void 0 ? void 0 : _y.organization) === null || _z === void 0 ? void 0 : _z.privacy_policy_url, target: "_blank", rel: "noopener noreferrer" }, h("span", { key: '9ffba93662229904a3a6dd5105a55aa5b07a2855' }, "Privacy Policy")))), this.askingQuestion && (h("verdocs-question-dialog", { key: '40e3521535f656f162f7d3ae35eb1fb04ccd758b', onNext: e => {
                 var _a;
                 (_a = this.askQuestion) === null || _a === void 0 ? void 0 : _a.emit({ question: e.detail.question });
                 this.askingQuestion = false;

package/dist/esm/verdocs-dropdown.entry.js

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

package/dist/esm/verdocs-envelopes-list.entry.js

@@ -225,18 +225,18 @@ const VerdocsEnvelopesList = class {
         });
     }
     render() {
-        return (h(Host, { key: '670d91a559776494b57004fc08016e789469a1c7' }, h("div", { key: 'be4836499937e06836195f6101a3583cd9f197c0', class: "header" }, h("div", { key: '35e6eda21ffd20a5201577dd16150881e4564902', class: "filter" }, h("verdocs-text-input", { key: '0720e5c8c93c45ca309d3d0bc30863bde154c60f', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (h(Host, { key: 'fb5fc11c18997ded54acd749784a52ad772c0b19' }, h("div", { key: '458b115c96614a9c9c9c34bbf07b51387ff3eea9', class: "header" }, h("div", { key: '0faaf795ba54424f396372751043e23ae0b1aa99', class: "filter" }, h("verdocs-text-input", { key: '7c13defc25a6b39d4dd5280292c54cb23077102a', 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: '365c5b3a488525b76164521da851a9113e36bb40', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '93f37d059ca898d1247d700b7a1374a160d23d10', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '9823ac419c1e7229e51323628c77e9ef9c7d78db', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '3bed5e69a1625d8c571e78e7e9fa26727962e8d7', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: 'f49ba86610fc8812d458c5c86479956dea52e03c', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: 'f2d1b55b0ab1e57f7d923ed4d64d4ce1d421b6bc', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && h("verdocs-spinner", { key: 'a88edd64d6927db773914471f4efebd349218bcd', mode: "dark", size: 24 }), h("div", { key: 'fb72473467e8e81aa79ce5dd9b4144d1ea52f230', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: '49beca7f63347b970fe41552886856e47c1c8cb0', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && h("verdocs-spinner", { key: 'e36f23e1a028ec1aa34501e6f2b4537357115ac9', mode: "dark", size: 24 }), h("div", { key: 'ee030ffd3f87e1c38879fd16b54c4994b91a25e4', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: '8dc303a71431c6a49370036434fb9fc5c8519d06', 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);
@@ -277,7 +277,7 @@ const VerdocsEnvelopesList = class {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: '6f6c42bf8500f88e062bce7f43b241523d2e9cfe', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'eea9bc23011bb03621c74dba0fc7c8794c176012', 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: 'a7a469eb18e834fb8bb854e156f0b62d2c3cd13a', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '91cb817669da6aaf629e24393edfdc2ea4de6091', 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))));
     }