@verdocs/web-sdk 5.0.37 → 5.0.38

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

@@ -1 +1 @@
-{"version":3,"file":"verdocs-select-input.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-select-input/verdocs-select-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEvD;;;;;;;;GAQG;AAKH,MAAM,OAAO,kBAAkB;IAJ/B;QAKE;;WAEG;QACK,UAAK,GAAW,EAAE,CAAC;QAE3B;;WAEG;QACK,UAAK,GAAW,EAAE,CAAC;QAO3B;;WAEG;QACK,aAAQ,GAAY,KAAK,CAAC;KAkBnC;IAhBC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,aAAa;YACvB;gBACG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,GAAG,GAAG,CAAO,CAAC,CAAC,CAAC,cAAO;gBACzE,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAClD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1B,cAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAC/D,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK,CACH,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, Host, h} from '@stencil/core';\n\n/**\n * Display a text input field. This is just a standard HTML input field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n *\n * ```ts\n * <verdocs-select-input label=\"Select:\" label=\"Select\" options={[...options]} @input={() => {}} />\n * ```\n */\n@Component({\n  tag: 'verdocs-select-input',\n  styleUrl: 'verdocs-select-input.scss',\n})\nexport class VerdocsSelectInput {\n  /**\n   * The initial value for the input field.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * The label for the field.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The options to list.\n   */\n  @Prop() options: {label: string; value: string}[];\n\n  /**\n   * Should the field be disabled?\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <Host class=\"input-field\">\n        <label>\n          {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n          <select class=\"input-element\" disabled={this.disabled}>\n            {this.options.map(option => (\n              <option value={option.value} selected={option.value === this.value}>\n                {option.label}\n              </option>\n            ))}\n          </select>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"verdocs-select-input.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-select-input/verdocs-select-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEvD;;;;;;;;GAQG;AAKH,MAAM,OAAO,kBAAkB;IAJ/B;QAKE;;WAEG;QACK,UAAK,GAAW,EAAE,CAAC;QAE3B;;WAEG;QACK,UAAK,GAAW,EAAE,CAAC;QAO3B;;WAEG;QACK,aAAQ,GAAY,KAAK,CAAC;KAkBnC;IAhBC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,aAAa;YACvB;gBACG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,GAAG,GAAG,CAAO,CAAC,CAAC,CAAC,cAAO;gBACzE,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAClD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1B,cAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAC/D,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK,CACH,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, Host, h} from '@stencil/core';\n\n/**\n * Display a combo box. This is just a standard HTML select field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n *\n * ```ts\n * <verdocs-select-input label=\"Select:\" label=\"Select\" options={[...options]} onInput={() => {}} />\n * ```\n */\n@Component({\n  tag: 'verdocs-select-input',\n  styleUrl: 'verdocs-select-input.scss',\n})\nexport class VerdocsSelectInput {\n  /**\n   * The initial value for the input field.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * The label for the field.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The options to list.\n   */\n  @Prop() options: {label: string; value: string}[];\n\n  /**\n   * Should the field be disabled?\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <Host class=\"input-field\">\n        <label>\n          {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n          <select class=\"input-element\" disabled={this.disabled}>\n            {this.options.map(option => (\n              <option value={option.value} selected={option.value === this.value}>\n                {option.label}\n              </option>\n            ))}\n          </select>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

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

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

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

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

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

@@ -19,9 +19,9 @@ export class VerdocsTable {
         this.data = [];
     }
     render() {
-        return (h(Host, { key: '0f5ccb1d3bf8296157a3b4988a158a0277405127', class: "table-wrapper" }, h("table", { key: '0994c41fb599962358081f0849dd3d3399780397', class: "table" }, h("thead", { key: 'ebee5297f9bae8d5527e8ea2ad84c44278aed243' }, h("tr", { key: 'ee44689ef6c78e4debb206e6d554f9df848e1868', class: "row header-row" }, this.columns.map((col, i) => {
+        return (h(Host, { key: 'af34aa90ee85648ada45e57e35b81bf8321ddad6', class: "table-wrapper" }, h("table", { key: '95cad4a7ac48455d765d1b1d05f5240151d14d42', class: "table" }, h("thead", { key: 'ce6981b027cca248b0f346157c211e8d71ec60f9' }, h("tr", { key: 'a69bda1f568d511b018d3eb9a5c921b52a52b12b', class: "row header-row" }, this.columns.map((col, i) => {
             return (h("th", { class: `col header-col col-${i} col-${col.id}`, onClick: () => { var _a; return (_a = this.colHeaderClick) === null || _a === void 0 ? void 0 : _a.emit({ col }); }, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id }));
-        }))), h("tbody", { key: '9cbccc8987ca66498dbd006c2599bc6f2c85c8d6' }, this.data.map(row => (h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
+        }))), h("tbody", { key: 'a422a64e2356f3ab489c2f52ff16a19e3cc93d2c' }, this.data.map(row => (h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
             return col.renderCell ? (h("td", { class: `col data-col col-${i} col-${col.id}`, innerHTML: col.renderCell(col, row) })) : (h("td", { class: `col data-col col-${i} col-${col.id}` }, row[col.id]));
         }))))))));
     }

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

@@ -23,7 +23,7 @@ export class VerdocsTabs {
         (_a = this.selectTab) === null || _a === void 0 ? void 0 : _a.emit({ tab: this.tabs[index], index });
     }
     render() {
-        return (h(Host, { key: '8ab00805038e36168788192e547553eab63a9899' }, this.tabs.map((tab, index) => (h("div", { class: `tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index) }, tab.label))), h("div", { key: '9ef21a7184419e182329af6d0e84b687044d8dac', class: "flex flex-1" }), h("slot", { key: '2f3b464631b875a5b2c82c0bac8cf66ffe57f92f' }, h("div", { key: 'adde9132bfcd592f65b1a1bd8a30f528e5aa3090' }))));
+        return (h(Host, { key: 'c2dcebcf97b905cd8a2ee8a6db86185517eb352b' }, this.tabs.map((tab, index) => (h("div", { class: `tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index) }, tab.label))), h("div", { key: '3ad59593faa2d4350d7c5b562c4c2cb1b6cb050d', class: "flex flex-1" }), h("slot", { key: 'af7b83b222b5e7f4264780f6c7fd6069d33ac4ba' }, h("div", { key: 'd6547aed2fb50603b8ca631d1862943794fbb148' }))));
     }
     static get is() { return "verdocs-tabs"; }
     static get originalStyleUrls() {

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

@@ -68,9 +68,9 @@ export class VerdocsTextInput {
             .catch(e => console.log('Error copying to clipboard', e));
     }
     render() {
-        return (h(Host, { key: 'ffb18abff62cea2674e97ba2ea6f908e0460550d', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: 'f012b03c45411092f9a1cd82f472415930ddf9f8' }, this.label && (h("div", { key: '9a5f90432d14792365d7fdcb12f834adde55d16c', class: "input-label" }, this.label + ':', this.required && h("span", { key: 'ab92282e0da709aebc9b4fa34c3d6d0d75115c2d', class: "required" }, "*"))), h("div", { key: 'edef63fbe1592ced337b6bb2452c34746ea53bdf', class: "input-container" }, h("input", { key: 'fff949f643ab8e305f79479f40599ced60f11a27', 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: '6b677ac3b97c020356af2a2edb76efca87ce7bce', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '60147e2f1cc59ccc154bc68040929fd3fd20f1d6' }, this.label && (h("div", { key: 'b21cb31da14371efd0503ba442110699c8340277', class: "input-label" }, this.label + ':', this.required && h("span", { key: '3fbfd5bdbf4a6e366dfd24895c0a02ec05c74db5', class: "required" }, "*"))), h("div", { key: '8ac4d066e4e32baa6f067670b76850d27b3a8009', class: "input-container" }, h("input", { key: '22f4cb3de7a5a200b924959968a31dfb2ec49a5b', type: this.type === 'password' && this.showingPw ? 'text' : this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete,
             // onBlur={(e: any) => this.blur?.emit(e.target.value)}
-            ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: '36646394ca7594d6efd00c5a8804b57c608fbf87', innerHTML: ClearIcon, class: "clear", onClick: () => {
+            ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: '885cfddd83bc5f5e7b6a66923586fc67641a8623', 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(() => {
@@ -84,9 +84,9 @@ export class VerdocsTextInput {
                         (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
                     }, 50);
                 }, 50);
-            } })), this.type === 'password' && (h("span", { key: 'dd340981e9e8422df7c28a66513af2a5dfb301ca', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
+            } })), this.type === 'password' && (h("span", { key: 'cdc3c72a4e54c6fd5f930ded050d438389e99ade', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
                 this.showingPw = !this.showingPw;
-            } })), !this.clearable && this.copyable && this.value && h("span", { key: 'd968add9dbbca43f4672f37072bf0c9b043232e9', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: 'ee3471d0c7b2df25c19dee8450c1dbd57ddef8fa', text: this.helpText }))));
+            } })), !this.clearable && this.copyable && this.value && h("span", { key: '51d6c6789c0afa0c8c2e8440d55ff6ad1e3d1c13', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '68cdc02f95617e752fd5f1776f545d729dcdc5ca', text: this.helpText }))));
     }
     static get is() { return "verdocs-text-input"; }
     static get originalStyleUrls() {

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

@@ -15,7 +15,7 @@ export class VerdocsToggle {
         this.selectedOption = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.defaultSelection) || 0;
     }
     render() {
-        return (h("div", { key: 'ce82d507e5ec506aa85dca4c21b3ee78c751a7ea', class: "container" }, h("span", { key: 'b099fdab13ec8c866be39c1f0d8f81e5fe8360ef', class: "label" }, `${this.options.label}:`), h("div", { key: 'bbd49091a1c7c4cd0c1088bf0efb76a4476895f5', class: "buttons" }, this.options.buttons.map((button, index) => (h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index === this.selectedOption ? 'selected' : '', onClick: () => {
+        return (h("div", { key: '1c98d1e1f6ebea48e837eddd28d2eb7894b7e82d', class: "container" }, h("span", { key: 'c16180d1a5a9b1598935a4c0da9b383adabf92f1', class: "label" }, `${this.options.label}:`), h("div", { key: 'ae5d3bc8ea4c9341ce0dc1d573244cd636935537', class: "buttons" }, this.options.buttons.map((button, index) => (h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index === this.selectedOption ? 'selected' : '', onClick: () => {
                 console.log('clicked', index);
                 this.selectedOption = index;
             } }))))));

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

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

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

@@ -56,7 +56,7 @@ export class VerdocsToolbarIcon {
     //   this.press?.emit();
     // }
     render() {
-        return (h(Host, { key: '869ac7bc88e9985e3338183acfe2f794cb32f4b7', class: {} }, h("div", { key: 'a14eee006ba0eebacb118df48b3518e766be1c05', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: '2dc9c1cccc90348cb8355d46db3c6bfe4e0845b3', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: 'd062ddd320b47a7f1c397c56721cb544018b9434', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: 'bb4ac065c1a6873c88a7a4d468e674524ffad255', class: {} }, h("div", { key: 'c19c62586b0a0c5085adb4a1133cd5d6b78792ad', "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: '9f64d63fcb1d8d126adf3a680cf2a9ea3d0e2827', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: 'e4a0d13321ffa070c41060d94da95549e009b0ff', "data-popper-arrow": "true", class: "arrow" }))));
     }
     static get is() { return "verdocs-toolbar-icon"; }
     static get originalStyleUrls() {

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

@@ -12,7 +12,7 @@ export class VerdocsDialog {
         }
     }
     render() {
-        return (h(Host, { key: '69b76fb787f5d5ec37a25eb8f57f29d3e5270738' }, h("div", { key: '7b51c32e9a13f7bff7dc2be2ae9131dfa6d01a9c', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '3b45d82620faae9b0029dd7b6cf618c35ac2b012', class: "dialog" }, h("slot", { key: '2b174b920ce6642abd2c6e81d260185aee1dc8ac', name: "title" }, h("div", { key: '0352aa2f8209196cbd2c70fd582935b0bde710be', class: "heading" }, "Please Confirm")), h("div", { key: '3a7f23801de0fcf7ab9c6a768d5cf609100c4c87', class: "content" }, h("slot", { key: '916644ee3bebda7703ad64f87ae1111656a5155f' }))))));
+        return (h(Host, { key: '19d58cf126e6c316d7cb603f8f7b15935b23848d' }, h("div", { key: '7f417fbc0338a9eb84f17c0fb6e0bb0eee9938c7', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'ca177fe9c78e2fe5087948b764782709472c7d91', class: "dialog" }, h("slot", { key: '98ddc504f49cb9bf2f0b13f0437e0741b2d5c8eb', name: "title" }, h("div", { key: '79306c6c00f197b6b390f60bbcf3ae18f34874cc', class: "heading" }, "Please Confirm")), h("div", { key: 'ccfd45996df040b924eaa798a545854b4f7a1b7e', class: "content" }, h("slot", { key: '756740ea6f15c19cbb334a17ef6dd9e5bb75b058' }))))));
     }
     static get is() { return "verdocs-dialog"; }
     static get originalStyleUrls() {

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

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

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

@@ -40,7 +40,7 @@ export class VerdocsOkDialog {
         }
     }
     render() {
-        return (h(Host, { key: '7ca785b19104df9e79c50a5e9919bb0f35f8b43e', class: this.closed ? 'closed' : '' }, h("div", { key: '6761320de975f27f111b48341f71c90eaaa519f1', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '82bc4525a2d9b5c1b8efef44a5cdb57ac5b5c125', class: "dialog" }, h("div", { key: 'e20355e0bac9bb8dd3fcd197e7b74129a5c36f87', class: "heading" }, this.heading), h("div", { key: 'f788415af7b03e2308357c89976d87623fbf210f', class: "content" }, h("div", { key: '87a971e60cf330b4cca1c83cd4917f9f3b3538be', class: "message", innerHTML: this.message }), h("div", { key: '02a21e430f4c1850360d56196c58024b2a1c5740', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '556a58f6747409821d084f613cf4fff37eda4b31', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (h(Host, { key: 'c1505d930741a4a0e1eb9a9832de8e55d09b207c', class: this.closed ? 'closed' : '' }, h("div", { key: 'f4c1ce92701f56a3b839bc49a0beb38665a65556', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '0fe99745209ca40287512f114122d1a0f0c4e597', class: "dialog" }, h("div", { key: '93deffa53c92913b65109f3c9826e61561f91c68', class: "heading" }, this.heading), h("div", { key: 'b0a64c6f2072655ce439d5008ecfe55651d48d8f', class: "content" }, h("div", { key: '3f89fd4b54dfa1c8437c2aa7dd21310827516004', class: "message", innerHTML: this.message }), h("div", { key: 'a86843d9915f72bcc00810c87f3311c77cf3b566', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: 'd160170c8a58dde135ba4c5ae4dac35ac79c24a1', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
     static get is() { return "verdocs-ok-dialog"; }
     static get originalStyleUrls() {

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

@@ -216,7 +216,7 @@ export class VerdocsSignatureDialog {
     }
      */
     render() {
-        return (h(Host, { key: 'db83cd26256c06ca64246476670f758c8769376f', onClick: e => this.handleCancel(e) }, h("div", { key: '0f0fbdb102c364788061d0d82eb661c9a75a4979', class: "dialog" }, h("div", { key: 'c1ab6d62024fffd47004cb3eaa2c44f4785ee43b', class: "heading" }, "Create Your Signature"), h("div", { key: '431f8053f3b5ab989e54b46fd9bf2903ac8c43b8', class: "content" }, h("verdocs-text-input", { key: '22ba82134555f3ef5874fee569089d9c24ea4d92', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: '85790955c896b2c81fba86b053e08d45d4fedf61', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '6757442d1103cad7301e8d347bd4f589d8f10d71', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: 'b9c409396f635d55f8cc9c5c32a838855d764c41', class: "buttons" }, h("verdocs-button", { key: 'f8e4dcfafbf3cbe46f251ee76cf4965e319bce42', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '2acfc782151721953b8c2c7f05fa967cc212581e', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: '88ef514634fef3e3773f13efeeb2b22cbaf9ff0a', onClick: e => this.handleCancel(e) }, h("div", { key: '31369669f68670330cb2f54ec9be44ff6100ac83', class: "dialog" }, h("div", { key: 'd161b9a0e0945cda909eabbd0404448a03e29198', class: "heading" }, "Create Your Signature"), h("div", { key: '9777dd4289072f0be511bb1ec828ed540011e6be', class: "content" }, h("verdocs-text-input", { key: 'afed3547dd47d4883ac84d83d4d05eca9a30d5a2', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: '728f24c1a88a395f940df350169ed6ba628d2685', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: 'abafa624e941b6f6e758fbd75ddd7e0044a377dc', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: 'fbcc0705c21b7ed206222a9b7382a5562ee7f83d', class: "buttons" }, h("verdocs-button", { key: '5f921b4dfc7df16867071b117a9b055a8aeee8da', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'dbf88043b9deedb378181bf48d7a04428a32e653', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
     static get is() { return "verdocs-signature-dialog"; }
     static get originalStyleUrls() {

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

@@ -80,7 +80,7 @@ export class VerdocsUploadDialog {
     render() {
         var _a;
         const existingFile = ((_a = this.existingFile) === null || _a === void 0 ? void 0 : _a.name) ? this.existingFile : null;
-        return (h(Host, { key: '53b5f03bf52759c10a3a49fb50c3ac8bd5a29fac' }, h("div", { key: '1e694d5bcf05a8843d2a8230c265adf63b2f5632', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '0e2f516292020d60b20a3d0d4880c1480b322af8', class: "upload-dialog-content" }, h("div", { key: '66ee3e42c2ba63afcd2e244d4a3f137302ed2dae', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (h(Fragment, { key: 'd01a4c3dfbca24f2b381863f1b70792a824bae9d' }, h("div", { key: '102ef1f30e350cd7238d473ff630b93dd3612c5b', class: "current-label" }, "Current Attachment"), h("div", { key: 'd1863ec44309b61a250c316f17544340d882f47b', class: "attachments", style: { marginTop: '0' } }, h("div", { key: '2fd48ae87977d43589ac59589b4738fd55742784', class: "attachment" }, h("div", { key: 'f9cde15c734eed9b0aa42b69d157ffd7c71bde9c', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '9295e1a6c34a007348adbfecea17c55f98b1efa5', class: "name" }, existingFile.name), h("div", { key: 'fc01de9baf5af30736ce72f4e91749ebe803f1ad', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (h("div", { key: '0a28a0256945fda60ec0b8a0265a8f68d3a33e06', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: '7f1602cbda283608a064490d6851a7a63da6d646' }, "Drag and drop your files here"), h("p", { key: '4c33d8445f58b7c619b56fa155db1ff11c077311', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), h("verdocs-button", { key: 'da27559add2a360b16d86d741aba2cd964fd3fef', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), h("input", { key: '910c07f28a1551bb412f389990c3ffdbc68ad3ec', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*", onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: 'bb86f1148caca14c801c471545a1ca48c7586fcb', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), !!this.errorMessage && h("div", { key: 'eef464b534d2ae16833671f53ba6709f44062e7b', class: "error" }, this.errorMessage), h("div", { key: '8a3dfaa7c0d23f43ba7db667dd1ae63af2c30d97', class: "buttons" }, h("verdocs-button", { key: '7cf81955a3700b663f7eae5e5b9036c3edf58361', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '15c02d363730f578abf1804e404bae2501842cd0', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (h("verdocs-ok-dialog", { key: '65ab68e92be7cc3abf69251db7d9a80dc712e880', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
+        return (h(Host, { key: 'eeebd543537e2241ff1fc1c198fbd3e04fff2ed4' }, h("div", { key: 'e83ed18e5dd618ace62d5e1d80eab5c13be1f200', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'bfb2b61ea2cd55e20705429ec2a1c16fbf30569d', class: "upload-dialog-content" }, h("div", { key: '97d54b0140621456cc5f8940ee75c3f7340790da', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (h(Fragment, { key: 'bebeffd10ce2687d5f6cc3bead95135a0e579b9a' }, h("div", { key: '8b4bd64e6acbec7d0625d1caa9fa370b195de3eb', class: "current-label" }, "Current Attachment"), h("div", { key: 'ddab8bbb6204b049841421d8f3e3afbfd37540c2', class: "attachments", style: { marginTop: '0' } }, h("div", { key: 'c9b95d25e0d90aaef0907a26cb62d5f694606ee9', class: "attachment" }, h("div", { key: '910b6b8c635896ccf533cfcab807cd24138ab81e', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: 'fae3ec3a4b775ddceeedf6ee6aefde83eb50b24e', class: "name" }, existingFile.name), h("div", { key: '11d76bc9867d88903cc5f9ad78751f05407ec356', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (h("div", { key: '72a2bc9363c5fb2c26c667f9ca29a223c3090b11', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: '4bba41db81277a0682cfe389342261848ee78d3f' }, "Drag and drop your files here"), h("p", { key: 'bd35bc2ed1102fd2d0203ca5f0f0007888c14139', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), h("verdocs-button", { key: '729ee059bfc9dfa3ab333cb50c9d48617a283c94', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), h("input", { key: '00878971c696f75b2e2d0f457c5e3d010541a225', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*", onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: '3c610023435c226fba0005f234500d35477be09e', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), !!this.errorMessage && h("div", { key: 'c6b4baa861ef694439c9451f048a76dd875d4634', class: "error" }, this.errorMessage), h("div", { key: '4f3e9c742989bd741571793122d03b868c33e968', class: "buttons" }, h("verdocs-button", { key: '93cd0ff498bba494e43ee8fb109b405c57780205', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '4f15c0c90e3d88205d6200ca34e4a4cc767e96b9', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (h("verdocs-ok-dialog", { key: '257bbef6d9dd9ef5684a1a5603d7e95bcca8409b', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
                 // So we don't close the upload dialog
                 e.preventDefault();
                 e.stopPropagation();

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

@@ -22,7 +22,7 @@ export class VerdocsQuickFunctions {
         this.createDocument.emit();
     }
     render() {
-        return (h("div", { key: '041dd312e5ec7c28e9ba27cdb87c94726af09816', class: "container" }, h("p", { key: '8a2cb1ef8d893311f30e3afeb13cda535188ba0e', class: "title" }, "Quick Create"), h("button", { key: '201fb75c9e76483d4b94b47c1cfee82ba18f3935', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: 'f0548da958a0b52f130897255ea7b5092c2319f6', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (h("div", { key: '03bc7982e13a9b380a043496e42d7ff8fdad499b', class: "container" }, h("p", { key: 'e6736cda1763a621f307e7bdc65d858e115297f8', class: "title" }, "Quick Create"), h("button", { key: '4df8bdc42bab16be8f1d8cc785fc32ee2b69c8a6', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: 'cdf7764f92e2a9516fea74084a6f96ad70cccfa4', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
     static get is() { return "verdocs-quick-functions"; }
     static get originalStyleUrls() {

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

@@ -56,7 +56,7 @@ export class VerdocsSearchBox {
         }
     }
     render() {
-        return (h("form", { key: 'c7e0698afde279984bfa46382443f40d5110c023', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (h("span", { key: '07cbbb7bee52f85bbb22a0254b1f1a109b70d408', class: "type" }, this.type, "s ", h("button", { key: '7c7522a957cd4f80d98abb680d7164ac6db1f377', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), h("input", { key: '362af3bf09cf9c781c287f5193e7dad31bd85d87', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), h("button", { key: '7d4c890a308373d0b8a38548f2ad6995980ab7d7', onClick: e => this.handleSearch(e), class: "search" }, h("span", { key: 'a403419fe53c5a8f1271826f35c2061ca6a88328', innerHTML: SearchIcon }), "Search")));
+        return (h("form", { key: '6724004c52228007481db18b4052250ee12a31fa', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (h("span", { key: 'fba60d4410af8d0144f1690c1f79cda3c2c79561', class: "type" }, this.type, "s ", h("button", { key: '34f805e086249c8106da963d988b4f54a0c0397b', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), h("input", { key: '1dfe50829fc3f5350bb1e74ba603f56b4d895dfc', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), h("button", { key: '29798626a9b896c202728a6c9216fb9b22350a39', onClick: e => this.handleSearch(e), class: "search" }, h("span", { key: 'bc4e58e61df43c2e740ab8428eb6d20a3042a38c', innerHTML: SearchIcon }), "Search")));
     }
     static get is() { return "verdocs-search-box"; }
     static get originalStyleUrls() {

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

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

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

@@ -88,9 +88,10 @@ verdocs-contact-picker form label {
   color: #5c6575;
 }
 verdocs-contact-picker form .row.message textarea {
-  font-family: "Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
-  padding: 5px 7px;
   width: 100%;
+  padding: 5px 7px;
+  border-radius: 4px;
+  font-family: "Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
 }
 verdocs-contact-picker form input {
   flex: 1;

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

@@ -2,12 +2,6 @@ import { h, Fragment } from "@stencil/core";
 import { formatFullName, getActiveEntitlements, isValidEmail, VerdocsEndpoint } from "@verdocs/js-sdk";
 import { getFeatureFlags } from "../../../utils/Unleash";
 import { convertToE164 } from "../../../utils/utils";
-// const messageIcon =
-//   '<svg focusable="false" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"></path></svg>';
-// const delegateIcon =
-//   '<svg focusable="false" viewBox="0 0 24 24"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z"></path></svg>';
-// const kbaIcon =
-//   '<svg focusable="false" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4.5 3.75a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V6.75a3 3 0 0 0-3-3h-15Zm4.125 3a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Zm-3.873 8.703a4.126 4.126 0 0 1 7.746 0 .75.75 0 0 1-.351.92 7.47 7.47 0 0 1-3.522.877 7.47 7.47 0 0 1-3.522-.877.75.75 0 0 1-.351-.92ZM15 8.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15ZM14.25 12a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75Zm.75 2.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15Z" clip-rule="evenodd" /></svg>';
 const addrBookIcon = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-user"><path d="M15 13a3 3 0 1 0-6 0"/><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><circle cx="12" cy="8" r="2"/></svg>`;
 /**
  * Display a contact picker suitable for filling out Recipient objects when sending Envelopes.
@@ -44,7 +38,7 @@ export class VerdocsContactPicker {
         this.showSuggestions = false;
         this.showMessage = false;
         this.delegator = false;
-        this.auth_method = null;
+        this.auth_methods = [];
         this.passcode = '';
         this.firstNameFieldId = `verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2, 11)}`;
         this.lastNameFieldId = `verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2, 11)}`;
@@ -67,7 +61,7 @@ export class VerdocsContactPicker {
             this.delegator = this.templateRole.delegator || false;
             this.message = this.templateRole.message || '';
             this.showMessage = this.message !== '';
-            this.auth_method = this.templateRole.auth_method || null;
+            this.auth_methods = this.templateRole.auth_methods || [];
             this.passcode = this.templateRole.passcode || '';
             // TODO: Allow template roles to have zip codes predefined?
         }
@@ -113,7 +107,7 @@ export class VerdocsContactPicker {
             phone: this.phone,
             message: this.message,
             delegator: this.delegator,
-            auth_method: this.auth_method,
+            auth_methods: this.auth_methods,
             passcode: this.passcode,
             address: this.address,
             zip: this.zip,
@@ -130,46 +124,58 @@ export class VerdocsContactPicker {
     // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them
     // and show a duplicate autocomplete picker on top of our own.
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         // const hasBasics = this.first_name && this.last_name && (isValidEmail(this.email) || isValidPhone(this.phone));
         const hasBasics = this.first_name && this.last_name && isValidEmail(this.email);
-        const hasAuthRequirements = !this.auth_method ||
-            (this.auth_method === 'passcode' && !!this.passcode) ||
-            (this.auth_method === 'kba' && !!this.first_name && !!this.last_name) ||
-            this.auth_method === 'id' ||
-            (this.auth_method === 'email' && !!this.email) ||
-            (this.auth_method === 'sms' && !!this.phone) ||
-            this.auth_method === 'kba_id';
+        const hasAuthRequirements = !this.auth_methods.length ||
+            (this.auth_methods.includes('passcode') && !!this.passcode) ||
+            (this.auth_methods.includes('kba') && !!this.first_name && !!this.last_name) ||
+            (this.auth_methods.includes('email') && !!this.email) ||
+            (this.auth_methods.includes('sms') && !!this.phone);
         const canSubmit = hasBasics && hasAuthRequirements;
-        const verificationOptions = [{ label: 'None', value: '' }];
-        if (!!this.activeEntitlements.passcode_auth) {
-            verificationOptions.push({ label: 'Passcode', value: 'pin' });
+        const globalSMS = ((_c = (_b = (_a = this.featureFlags) === null || _a === void 0 ? void 0 : _a.toggles) === null || _b === void 0 ? void 0 : _b.find(t => t.name === 'sms')) === null || _c === void 0 ? void 0 : _c.enabled) === true;
+        const verificationOptions = [];
+        if (((_f = (_e = (_d = this.featureFlags) === null || _d === void 0 ? void 0 : _d.toggles) === null || _e === void 0 ? void 0 : _e.find(t => t.name === 'passcode-verification')) === null || _f === void 0 ? void 0 : _f.enabled) === true) {
+            verificationOptions.push({ label: 'Passcode', value: 'passcode' });
         }
-        if (((_c = (_b = (_a = this.featureFlags) === null || _a === void 0 ? void 0 : _a.toggles) === null || _b === void 0 ? void 0 : _b.find(t => t.name === 'sms-verification')) === null || _c === void 0 ? void 0 : _c.enabled) === true && !!this.activeEntitlements.sms_auth) {
+        if (((_j = (_h = (_g = this.featureFlags) === null || _g === void 0 ? void 0 : _g.toggles) === null || _h === void 0 ? void 0 : _h.find(t => t.name === 'email-verification')) === null || _j === void 0 ? void 0 : _j.enabled) === true) {
+            verificationOptions.push({ label: 'Email', value: 'email' });
+        }
+        if (globalSMS && ((_m = (_l = (_k = this.featureFlags) === null || _k === void 0 ? void 0 : _k.toggles) === null || _l === void 0 ? void 0 : _l.find(t => t.name === 'sms-verification')) === null || _m === void 0 ? void 0 : _m.enabled) === true && !!this.activeEntitlements.sms_auth) {
             verificationOptions.push({ label: 'SMS (One-Time Code)', value: 'sms' });
         }
-        if (((_f = (_e = (_d = this.featureFlags) === null || _d === void 0 ? void 0 : _d.toggles) === null || _e === void 0 ? void 0 : _e.find(t => t.name === 'kba-verification')) === null || _f === void 0 ? void 0 : _f.enabled) === true) {
+        if (((_q = (_p = (_o = this.featureFlags) === null || _o === void 0 ? void 0 : _o.toggles) === null || _p === void 0 ? void 0 : _p.find(t => t.name === 'kba-verification')) === null || _q === void 0 ? void 0 : _q.enabled) === true && !!this.activeEntitlements.kba_auth) {
             verificationOptions.push({ label: 'Knowledge-Based (KBA)', value: 'kba' });
         }
-        if (((_j = (_h = (_g = this.featureFlags) === null || _g === void 0 ? void 0 : _g.toggles) === null || _h === void 0 ? void 0 : _h.find(t => t.name === 'id-verification')) === null || _j === void 0 ? void 0 : _j.enabled) === true) {
+        if (((_t = (_s = (_r = this.featureFlags) === null || _r === void 0 ? void 0 : _r.toggles) === null || _s === void 0 ? void 0 : _s.find(t => t.name === 'id-verification')) === null || _t === void 0 ? void 0 : _t.enabled) === true && !!this.activeEntitlements.id_auth) {
             verificationOptions.push({ label: 'ID Check', value: 'id' });
-            verificationOptions.push({ label: 'KBA + ID Check', value: 'kba_id' });
         }
-        return (h("form", { key: '618f80a496600659af6b6c023f632f4cbed45a47', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '0693ecdfeb43e8a048bea68d1c455e90fec4336f', class: "row" }, h("label", { key: '7722b6e51e94833a187f4c61664bc94102c95344', htmlFor: this.firstNameFieldId }, "Name:"), h("div", { key: 'a6ae931ae5473b3324ca1ec4ddc19a404fbb033e', class: "names-row" }, h("input", { key: 'cb4167f01f07701ab9464a7c5294aebc83bbb334', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.first_name, placeholder: "First...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: '0d220e73dfc026b21c7ccf313d2d3211be77e5cf', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.last_name, placeholder: "Last...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("div", { key: 'ac1de1f3486d98a1db37c517f291d6fcc08a6493', class: "dropdown" }, this.contactSuggestions
+        return (h("form", { key: '2f78aea85f048c9acbe32b2ae59149a5fb0f5cb1', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '385778d2da3801cb895dc24baeab3c169e55ad1c', class: "row" }, h("label", { key: 'd8e5801d12514c45a420d75bb26e8f3ddb30ddfb', htmlFor: this.firstNameFieldId }, "Name:"), h("div", { key: '25a0c4fff91fdcd6e3fbe353ba9c20b1530e96e0', class: "names-row" }, h("input", { key: 'ddead4d6d7052b8eb91ee59752e2d6c64e4410e8', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.first_name, placeholder: "First...", onBlur: () => {
+                this.showSuggestions = false;
+            }, onFocus: () => {
+                // 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: '3644718e45bcf1272dc3ad232292a8424641fb86', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.last_name, placeholder: "Last...", onBlur: () => {
+                this.showSuggestions = false;
+            }, onFocus: () => {
+                // 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("div", { key: '2eb1a7cce3c4d2f02b7910ecbe5ad40e9b0cb9e9', class: "dropdown" }, this.contactSuggestions
             .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
             .map(suggestion => {
             var _a;
             return (h("div", { key: (_a = suggestion.id) !== null && _a !== void 0 ? _a : suggestion.email, class: "suggestion", onClick: e => this.handleSelectSuggestion(e, suggestion) }, suggestion.picture ? h("img", { alt: "Avatar", class: "avatar", src: suggestion.picture }) : h("div", { class: "avatar", innerHTML: addrBookIcon }), h("div", { class: "details" }, h("div", { class: "name" }, formatFullName(suggestion)), suggestion.email && h("div", { class: "destination" }, suggestion.email), suggestion.phone && h("div", { class: "destination" }, suggestion.phone))));
-        })))), h("div", { key: '11dc6945c4239924d44c415e0ad28c0bdd489bfa', class: "row" }, h("label", { key: 'a45850710bcbd11fdc204003e9ee9b7428ab9822', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '854d5f96c614eec0b22059fec247961c01a18386', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.email, placeholder: "Invite via email...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), h("div", { key: '3a52b7e1de7100192f23907b788d0ebc049771e2', class: "row" }, h("label", { key: '41ab3d2c6736b6da24688391310a9b05e49dcb37', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '5f89eb3ffd8da3baa3ca9a90fad418feff9d4f08', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Invite via SMS...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
-                this.phone = convertToE164(e.target.value);
-            } })), h(Fragment, { key: '7eb87baa7743f9cdb4b0991cca1d010bbf0ab286' }, h("div", { key: '86f23fec37e14b1bbc430fed4a3e83f0d69a3980', class: "kba-row" }, h("label", { key: 'd12e7c699a0f4ca17801dc7e36ac6f8bdf0aa668' }, "Recipient Verification:"), h("verdocs-select-input", { key: '3faf2fdbda5a580ff7d2f0fa0ef1ef54c54756c3', value: this.auth_method, onInput: (e) => {
-                this.auth_method = e.target.value;
-                // this.zip = '';
-                // this.address = '';
-                this.passcode = '';
-            }, options: verificationOptions })), this.auth_method === 'sms' && (h("div", { key: '8c1c5c79fb8a9c33f4754c52f3b70ab658cf5559', class: "row" }, h("label", { key: '46548cbefdc0f286c32a272d0ab6796efeac46c7', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '1b85ba03502b9123468a5d64300b79ffd9c43a0d', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Verify via SMS one-time code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
+        })))), h("div", { key: '664bc6761d026a5c59b860e75ad69908dce3580c', class: "row" }, h("label", { key: 'f1bfcf93c0acaf6d20f975b395cf82354ea17412', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '65d144fa46caa4dd7dee3afe591f9c4e85f88ac9', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", "aria-autocomplete": "none", value: this.email, placeholder: "Invite/verify via email...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), globalSMS && (h("div", { key: 'bd29dbf6ef5d171e8848d584f5f33bc41a151d56', class: "row" }, h("label", { key: '7c818cd92ef86b9329256670626b04b5c21dd1b5', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: 'ccdf83ef82b56d01cb3adcd9aba5ac80256fa4c2', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", "aria-autocomplete": "none", value: this.phone, placeholder: "Invite/verify via SMS...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
                 this.phone = convertToE164(e.target.value);
-            } }))), this.auth_method === 'passcode' && (h("div", { key: '62ca2e43b3abfcc0f080785c0c3f1fe69e4214dd', class: "row pin-code" }, h("label", { key: '6eecff67935d8b7e3ed23d1b3551557b0b77b6b0', htmlFor: this.phoneFieldId }, "Passcode:"), h("input", { key: 'f48e66e8a677f36430e4bc43b42a38309a1971d4', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.passcode, placeholder: "4-8 digits recommended...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.passcode = e.target.value) })))), h("div", { key: 'c5e3ffb1fe99930cd210132d18c7321ad305fb68', class: "row message" }, h("label", { key: 'dc76e9fbcf7f549241583a368c076cb37ef41a9e', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("textarea", { key: '4ee53757d5c8e12f2bda801e17fb0f2a0a747e5d', 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: '0216b8fe9c89bd6f1d5c20d280a1edaa9ff7026c', class: "buttons" }, h("div", { key: '7332be6810c1abd20d6b836e0c5009a97fb2e932', class: "flex-fill" }), h("verdocs-button", { key: 'af7951df9fac7cde828779223e8bb0907a955c23', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '3989bc2781787088e54f7784d84577924051da39', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
+            } }))), h(Fragment, { key: 'c0161034905da56d8c7adf0f9eedad6d96b6aa73' }, h("div", { key: '6d27c022cbf33697bce1ade5a8873d3fb55f5b6c', class: "kba-row" }, h("label", { key: 'b31d258d5ad8fb01f0fff549616c243fc64600dd' }, "Recipient Verification:"), h("verdocs-multiselect", { key: 'fb4a8de84c3a1aa7362aa9eda9fdbcdf3114c0ea', label: "", placeholder: "None", options: verificationOptions, selectedOptions: this.auth_methods, onSelectionChanged: (e) => {
+                console.log('selectedOptions changed', e.detail);
+            } })), this.auth_methods.includes('passcode') && (h("div", { key: '6febdcedd0d383c7a98adb5348a9b241abec1056', class: "row pin-code" }, h("label", { key: '64750c806061cbb37a10a8bf03fa641fb2d331f6', htmlFor: this.phoneFieldId }, "Passcode:"), h("input", { key: 'd83bfedf02db8a4bef83e991b6a07009502cf638', id: "verdocs-passcode", name: "verdocs-passcode", type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.passcode, placeholder: "4-8 digits recommended...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.passcode = e.target.value) })))), h("div", { key: '19417875f474a3c910fdd59a53aaa8dedf5b59df', class: "row message" }, h("label", { key: 'd89c0d9dc2a418299214f6b36f32b42711c02023', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("textarea", { key: '251cc50901679ee041622753190c23363ce82640', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", "data-lpignore": "true", autocomplete: "blocked", placeholder: "Optional message to include in invitation...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.message = e.target.value) }, this.message)), h("div", { key: 'b04660e6869693bf16cd560caa9ba9cb8679a09c', class: "buttons" }, h("div", { key: 'b7cc91c06aa66fb3a52e2ebbc08675966e802a2a', class: "flex-fill" }), h("verdocs-button", { key: '2722a83dc937cbb2d4c9198543b14ea4cac51ab0', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '0c59c014ef5aefde3e4c6b01385384e465fb3c4c', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
     }
     static get is() { return "verdocs-contact-picker"; }
     static get originalStyleUrls() {
@@ -213,7 +219,7 @@ export class VerdocsContactPicker {
                 "mutable": false,
                 "complexType": {
                     "original": "Partial<IRecipient> | null",
-                    "resolved": "{ id?: string; envelope_id?: string; role_name?: string; profile_id?: string; status?: TRecipientStatus; first_name?: string; last_name?: string; full_name?: string; email?: string; phone?: string; address?: string; city?: string; state?: string; zip?: string; ssn_last_4?: string; dob?: string; sequence?: number; order?: number; type?: TRecipientType; delegator?: boolean; delegated_to?: string; message?: string; claimed?: boolean; agreed?: boolean; key_used_to_conclude?: string; environment?: string; created_at?: string; updated_at?: string; last_attempt_at?: string; auth_method?: TRecipientAuthMethod; passcode?: string; phone_auth?: string; auth_step?: \"complete\"; envelope?: IEnvelope; profile?: IProfile; in_app_key?: string; }",
+                    "resolved": "{ id?: string; envelope_id?: string; role_name?: string; profile_id?: string; status?: TRecipientStatus; first_name?: string; last_name?: string; full_name?: string; email?: string; phone?: string; address?: string; city?: string; state?: string; zip?: string; ssn_last_4?: string; dob?: string; sequence?: number; order?: number; type?: TRecipientType; delegator?: boolean; delegated_to?: string; message?: string; claimed?: boolean; agreed?: boolean; key_used_to_conclude?: string; environment?: string; created_at?: string; updated_at?: string; last_attempt_at?: string; auth_methods?: TRecipientAuthMethod[]; passcode?: string; auth_step?: \"complete\"; envelope?: IEnvelope; profile?: IProfile; in_app_key?: string; }",
                     "references": {
                         "Partial": {
                             "location": "global",
@@ -274,7 +280,7 @@ export class VerdocsContactPicker {
             "showSuggestions": {},
             "showMessage": {},
             "delegator": {},
-            "auth_method": {},
+            "auth_methods": {},
             "passcode": {},
             "firstNameFieldId": {},
             "lastNameFieldId": {},