@verdocs/web-sdk 5.0.69 → 5.0.71

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

@@ -0,0 +1,48 @@
+'use strict';
+
+var index = require('./index-Be9PlTB7.js');
+var jsSdk = require('@verdocs/js-sdk');
+
+const verdocsMultiselectCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-multiselect{width:100%;display:block;margin:0 0 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif;position:relative}verdocs-multiselect .input-wrapper{width:100%;position:relative}verdocs-multiselect .input-wrapper .icon{top:6px;right:6px;width:18px;height:18px;z-index:10;position:absolute}verdocs-multiselect .trigger{gap:3px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;border-radius:4px;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 32px 5px 7px;background:#ffffff;border:1px solid #707ae5}verdocs-multiselect .trigger::-webkit-input-placeholder{opacity:1;color:#aaaaaa}verdocs-multiselect .trigger::-moz-placeholder{opacity:1;color:#aaaaaa}verdocs-multiselect .trigger:-ms-input-placeholder{opacity:1;color:#aaaaaa}verdocs-multiselect .trigger::-ms-input-placeholder{opacity:1;color:#aaaaaa}verdocs-multiselect .trigger::placeholder{opacity:1;color:#aaaaaa}verdocs-multiselect .selected-option{color:white;font-size:12px;padding:2px 6px;border-radius:3px;display:inline-block;background:#46497d}verdocs-multiselect .input-label{display:block;font-weight:700;font-size:14px;margin:0 0 4px 0;color:#555570}verdocs-multiselect .verdocs-multiselect-dropdown{left:0;top:30px;width:210px;z-index:10000;position:absolute;border-radius:5px;font-family:\"Inter\", \"Barlow\", sans-serif;background:#ffffff;border:1px solid #654dcb}verdocs-multiselect .verdocs-multiselect-dropdown .option{gap:4px;display:-ms-flexbox;display:flex;padding:5px 8px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;text-wrap:nowrap}verdocs-multiselect .verdocs-multiselect-dropdown label{font-size:13px}#verdocs-multiselect-menu-items{width:200px;z-index:10000;position:absolute;border-radius:5px;font-family:\"Inter\", \"Barlow\", sans-serif;background:#ffffff;border:1px solid #654dcb}#verdocs-multiselect-menu-items .option{display:-ms-flexbox;display:flex;gap:4px;padding:5px 8px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-multiselect-menu-items label{font-size:13px}";
+
+const DownIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" /></svg>`;
+const UpIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 15.75 7.5-7.5 7.5 7.5" /></svg>`;
+const VerdocsMultiselect = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.selectionChanged = index.createEvent(this, "selectionChanged");
+        /**
+         * The label for the field.
+         */
+        this.label = '';
+        /**
+         * The placeholder for the input element when no options are selected.
+         */
+        this.placeholder = 'Select...';
+        /**
+         * The currently selected options.
+         */
+        this.selectedOptions = [];
+        this.showPicker = false;
+    }
+    handleToggleOption(e, option) {
+        var _a;
+        if (e.target.checked) {
+            this.selectedOptions = [...this.selectedOptions, option.value];
+        }
+        else {
+            this.selectedOptions = this.selectedOptions.filter(selected => selected !== option.value);
+        }
+        (_a = this.selectionChanged) === null || _a === void 0 ? void 0 : _a.emit({ selectedOptions: this.selectedOptions });
+    }
+    render() {
+        const elId = `verdocs-dropdown-${jsSdk.randomString(8)}`;
+        return (index.h(index.Host, { key: 'eafa54e1dae78058303d3b80391745f85cd3eae1', class: this.showPicker ? 'open' : 'closed' }, index.h("label", { key: 'a584b5df194714f0ac33cba4c249f5360ba61985' }, this.label ? index.h("div", { class: "input-label" }, this.label + ':') : index.h("div", null), index.h("div", { key: 'ba8d22afa9a3b561906fc5866c7644ef8c6c9054', class: "input-wrapper" }, index.h("button", { key: '517b669dc1a5a95cae442f316678068862e287b2', id: elId, class: "trigger", value: "", onClick: () => (this.showPicker = !this.showPicker) }, this.selectedOptions.length === 0 ? (index.h("span", { class: "placeholder" }, this.placeholder)) : (this.selectedOptions.map(option => { var _a; return index.h("span", { class: "selected-option" }, ((_a = this.options.find(opt => opt.value === option)) === null || _a === void 0 ? void 0 : _a.label) || 'Unknown'); }))), index.h("div", { key: 'aee9c3f227a6637e4589cfb858e9219548c57661', class: "icon", innerHTML: this.showPicker ? UpIcon : DownIcon }), this.showPicker && (index.h("div", { key: '6bd6ffc79bf6b09b31c7de4b367704fc1988e87d', class: "verdocs-multiselect-dropdown" }, this.options.map((option, i) => (index.h("div", { class: "option", onClick: () => (this.showPicker = false) }, index.h("verdocs-checkbox", { size: "small", id: `verdocs-multi-select-opt-${i}`, value: option.value, checked: this.selectedOptions.includes(option.value), onInput: (e) => this.handleToggleOption(e, option) }), index.h("label", { htmlFor: `verdocs-multi-select-option-${i}` }, option.label))))))))));
+    }
+};
+VerdocsMultiselect.style = verdocsMultiselectCss;
+
+exports.verdocs_multiselect = VerdocsMultiselect;
+//# sourceMappingURL=verdocs-multiselect.entry.cjs.js.map
+
+//# sourceMappingURL=verdocs-multiselect.cjs.entry.js.map

package/dist/cjs/verdocs-multiselect.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-multiselect.entry.cjs.js","mappings":"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","names":["randomString","h","Host"],"sources":["src/components/controls/verdocs-multiselect/verdocs-multiselect.scss?tag=verdocs-multiselect","src/components/controls/verdocs-multiselect/verdocs-multiselect.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-multiselect {\n  width: 100%;\n  display: block;\n  margin: 0 0 10px 0;\n  box-sizing: border-box;\n  font-family: $primary-font;\n  position: relative;\n\n  .input-wrapper {\n    width: 100%;\n    position: relative;\n\n    .icon {\n      top: 6px;\n      right: 6px;\n      width: 18px;\n      height: 18px;\n      z-index: 10;\n      position: absolute;\n    }\n  }\n\n  .trigger {\n    gap: 3px;\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    max-width: 100%;\n    border-radius: 4px;\n    flex-direction: row;\n    box-sizing: border-box;\n    padding: 5px 32px 5px 7px;\n    background: $verdocs-grey-4;\n    border: 1px solid $border-color;\n\n    &::placeholder {\n      opacity: 1;\n      color: $light-disabled-color;\n    }\n  }\n\n  .selected-option {\n    color: white;\n    font-size: 12px;\n    padding: 2px 6px;\n    border-radius: 3px;\n    display: inline-block;\n    background: $verdocs-grey-blue;\n  }\n\n  .input-label {\n    display: block;\n    font-weight: 700;\n    font-size: 14px;\n    margin: 0 0 4px 0;\n    color: $label-color-light;\n  }\n\n  .verdocs-multiselect-dropdown {\n    left: 0;\n    top: 30px;\n    width: 210px;\n    z-index: 10000;\n    position: absolute;\n    border-radius: 5px;\n    font-family: $primary-font;\n    background: $verdocs-grey-4;\n    border: 1px solid $item-border-color;\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    label {\n      font-size: 13px;\n    }\n  }\n}\n\n#verdocs-multiselect-menu-items {\n  width: 200px;\n  z-index: 10000;\n  position: absolute;\n  border-radius: 5px;\n  font-family: $primary-font;\n  background: $verdocs-grey-4;\n  border: 1px solid $item-border-color;\n\n  .option {\n    display: flex;\n    gap: 4px;\n    padding: 5px 8px;\n    align-items: center;\n    flex-direction: row;\n  }\n\n  label {\n    font-size: 13px;\n  }\n}\n","import {randomString} from '@verdocs/js-sdk';\nimport {Component, Prop, Host, h, State, EventEmitter, Event} from '@stencil/core';\n\nexport interface IMultiSelectOption {\n  label: string;\n  value: string;\n}\n\nconst DownIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m19.5 8.25-7.5 7.5-7.5-7.5\" /></svg>`;\nconst UpIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 15.75 7.5-7.5 7.5 7.5\" /></svg>`;\n\n/**\n * Display a dropdown that allows multiple options to be selected. Note that events \"bubble\" from the\n * input field to the container, so you can subscribe to the same DOM events (input, blur, etc) that a\n * normal input would emit.\n *\n * ```ts\n * <verdocs-multiselect label=\"Methods:\" value={[]} options={[...options]} onInput={() => {}} />\n * ```\n */\n@Component({\n  tag: 'verdocs-multiselect',\n  styleUrl: 'verdocs-multiselect.scss',\n})\nexport class VerdocsMultiselect {\n  /**\n   * The label for the field.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The placeholder for the input element when no options are selected.\n   */\n  @Prop() placeholder: string = 'Select...';\n\n  /**\n   * The options to list.\n   */\n  @Prop() options: IMultiSelectOption[];\n\n  /**\n   * The currently selected options.\n   */\n  @Prop() selectedOptions: string[] = [];\n\n  @Event({composed: true}) selectionChanged: EventEmitter<{selectedOptions: string[]}>;\n\n  @State() showPicker = false;\n\n  handleToggleOption(e: any, option: IMultiSelectOption) {\n    if (e.target.checked) {\n      this.selectedOptions = [...this.selectedOptions, option.value];\n    } else {\n      this.selectedOptions = this.selectedOptions.filter(selected => selected !== option.value);\n    }\n\n    this.selectionChanged?.emit({selectedOptions: this.selectedOptions});\n  }\n\n  render() {\n    const elId = `verdocs-dropdown-${randomString(8)}`;\n\n    return (\n      <Host class={this.showPicker ? 'open' : 'closed'}>\n        <label>\n          {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n          <div class=\"input-wrapper\">\n            <button id={elId} class=\"trigger\" value=\"\" onClick={() => (this.showPicker = !this.showPicker)}>\n              {this.selectedOptions.length === 0 ? (\n                <span class=\"placeholder\">{this.placeholder}</span>\n              ) : (\n                this.selectedOptions.map(option => <span class=\"selected-option\">{this.options.find(opt => opt.value === option)?.label || 'Unknown'}</span>)\n              )}\n            </button>\n\n            <div class=\"icon\" innerHTML={this.showPicker ? UpIcon : DownIcon} />\n\n            {this.showPicker && (\n              <div class=\"verdocs-multiselect-dropdown\">\n                {/*<verdocs-portal*/}\n                {/*  anchor={elId}*/}\n                {/*  voffset={2}*/}\n                {/*  onClickAway={() => {*/}\n                {/*    this.showPicker = false;*/}\n                {/*  }}*/}\n                {/*  id=\"verdocs-multiselect-menu-items\"*/}\n                {/*>*/}\n                {this.options.map((option, i) => (\n                  <div class=\"option\" onClick={() => (this.showPicker = false)}>\n                    <verdocs-checkbox\n                      size=\"small\"\n                      id={`verdocs-multi-select-opt-${i}`}\n                      value={option.value}\n                      checked={this.selectedOptions.includes(option.value)}\n                      onInput={(e: any) => this.handleToggleOption(e, option)}\n                    />\n                    <label htmlFor={`verdocs-multi-select-option-${i}`}>{option.label}</label>\n                  </div>\n                ))}\n                {/*</verdocs-portal>*/}\n              </div>\n            )}\n          </div>\n        </label>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-multiselect.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-multiselect.entry.cjs.js","sources":["src/components/controls/verdocs-multiselect/verdocs-multiselect.scss?tag=verdocs-multiselect","src/components/controls/verdocs-multiselect/verdocs-multiselect.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-multiselect {\n  width: 100%;\n  display: block;\n  margin: 0 0 10px 0;\n  box-sizing: border-box;\n  font-family: $primary-font;\n  position: relative;\n\n  .input-wrapper {\n    width: 100%;\n    position: relative;\n\n    .icon {\n      top: 6px;\n      right: 6px;\n      width: 18px;\n      height: 18px;\n      z-index: 10;\n      position: absolute;\n    }\n  }\n\n  .trigger {\n    gap: 3px;\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    max-width: 100%;\n    border-radius: 4px;\n    flex-direction: row;\n    box-sizing: border-box;\n    padding: 5px 32px 5px 7px;\n    background: $verdocs-grey-4;\n    border: 1px solid $border-color;\n\n    &::placeholder {\n      opacity: 1;\n      color: $light-disabled-color;\n    }\n  }\n\n  .selected-option {\n    color: white;\n    font-size: 12px;\n    padding: 2px 6px;\n    border-radius: 3px;\n    display: inline-block;\n    background: $verdocs-grey-blue;\n  }\n\n  .input-label {\n    display: block;\n    font-weight: 700;\n    font-size: 14px;\n    margin: 0 0 4px 0;\n    color: $label-color-light;\n  }\n\n  .verdocs-multiselect-dropdown {\n    left: 0;\n    top: 30px;\n    width: 210px;\n    z-index: 10000;\n    position: absolute;\n    border-radius: 5px;\n    font-family: $primary-font;\n    background: $verdocs-grey-4;\n    border: 1px solid $item-border-color;\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    label {\n      font-size: 13px;\n    }\n  }\n}\n\n#verdocs-multiselect-menu-items {\n  width: 200px;\n  z-index: 10000;\n  position: absolute;\n  border-radius: 5px;\n  font-family: $primary-font;\n  background: $verdocs-grey-4;\n  border: 1px solid $item-border-color;\n\n  .option {\n    display: flex;\n    gap: 4px;\n    padding: 5px 8px;\n    align-items: center;\n    flex-direction: row;\n  }\n\n  label {\n    font-size: 13px;\n  }\n}\n","import {randomString} from '@verdocs/js-sdk';\nimport {Component, Prop, Host, h, State, EventEmitter, Event} from '@stencil/core';\n\nexport interface IMultiSelectOption {\n  label: string;\n  value: string;\n}\n\nconst DownIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m19.5 8.25-7.5 7.5-7.5-7.5\" /></svg>`;\nconst UpIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 15.75 7.5-7.5 7.5 7.5\" /></svg>`;\n\n/**\n * Display a dropdown that allows multiple options to be selected. Note that events \"bubble\" from the\n * input field to the container, so you can subscribe to the same DOM events (input, blur, etc) that a\n * normal input would emit.\n *\n * ```ts\n * <verdocs-multiselect label=\"Methods:\" value={[]} options={[...options]} onInput={() => {}} />\n * ```\n */\n@Component({\n  tag: 'verdocs-multiselect',\n  styleUrl: 'verdocs-multiselect.scss',\n})\nexport class VerdocsMultiselect {\n  /**\n   * The label for the field.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The placeholder for the input element when no options are selected.\n   */\n  @Prop() placeholder: string = 'Select...';\n\n  /**\n   * The options to list.\n   */\n  @Prop() options: IMultiSelectOption[];\n\n  /**\n   * The currently selected options.\n   */\n  @Prop() selectedOptions: string[] = [];\n\n  @Event({composed: true}) selectionChanged: EventEmitter<{selectedOptions: string[]}>;\n\n  @State() showPicker = false;\n\n  handleToggleOption(e: any, option: IMultiSelectOption) {\n    if (e.target.checked) {\n      this.selectedOptions = [...this.selectedOptions, option.value];\n    } else {\n      this.selectedOptions = this.selectedOptions.filter(selected => selected !== option.value);\n    }\n\n    this.selectionChanged?.emit({selectedOptions: this.selectedOptions});\n  }\n\n  render() {\n    const elId = `verdocs-dropdown-${randomString(8)}`;\n\n    return (\n      <Host class={this.showPicker ? 'open' : 'closed'}>\n        <label>\n          {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n          <div class=\"input-wrapper\">\n            <button id={elId} class=\"trigger\" value=\"\" onClick={() => (this.showPicker = !this.showPicker)}>\n              {this.selectedOptions.length === 0 ? (\n                <span class=\"placeholder\">{this.placeholder}</span>\n              ) : (\n                this.selectedOptions.map(option => <span class=\"selected-option\">{this.options.find(opt => opt.value === option)?.label || 'Unknown'}</span>)\n              )}\n            </button>\n\n            <div class=\"icon\" innerHTML={this.showPicker ? UpIcon : DownIcon} />\n\n            {this.showPicker && (\n              <div class=\"verdocs-multiselect-dropdown\">\n                {/*<verdocs-portal*/}\n                {/*  anchor={elId}*/}\n                {/*  voffset={2}*/}\n                {/*  onClickAway={() => {*/}\n                {/*    this.showPicker = false;*/}\n                {/*  }}*/}\n                {/*  id=\"verdocs-multiselect-menu-items\"*/}\n                {/*>*/}\n                {this.options.map((option, i) => (\n                  <div class=\"option\" onClick={() => (this.showPicker = false)}>\n                    <verdocs-checkbox\n                      size=\"small\"\n                      id={`verdocs-multi-select-opt-${i}`}\n                      value={option.value}\n                      checked={this.selectedOptions.includes(option.value)}\n                      onInput={(e: any) => this.handleToggleOption(e, option)}\n                    />\n                    <label htmlFor={`verdocs-multi-select-option-${i}`}>{option.label}</label>\n                  </div>\n                ))}\n                {/*</verdocs-portal>*/}\n              </div>\n            )}\n          </div>\n        </label>\n      </Host>\n    );\n  }\n}\n"],"names":["randomString","h","Host"],"mappings":"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"}

package/dist/cjs/verdocs-web-sdk.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"verdocs-build.cjs\",[[0,\"verdocs-build\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"loading\":[32],\"template\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}]]],[\"verdocs-sign.cjs\",[[0,\"verdocs-sign\",{\"endpoint\":[1040],\"envelopeId\":[513,\"envelope-id\"],\"roleId\":[513,\"role-id\"],\"inviteCode\":[513,\"invite-code\"],\"headerTargetId\":[1,\"header-target-id\"],\"recipient\":[32],\"hasSignature\":[32],\"nextButtonLabel\":[32],\"nextSubmits\":[32],\"fatalErrorHeader\":[32],\"fatalErrorMessage\":[32],\"focusedField\":[32],\"disclosure\":[32],\"submitting\":[32],\"submitted\":[32],\"isDone\":[32],\"showDone\":[32],\"showLoadError\":[32],\"finishLater\":[32],\"showFinishLater\":[32],\"agreed\":[32],\"documentsSingularPlural\":[32],\"authStep\":[32],\"authMethodStates\":[32],\"kbaQuestions\":[32],\"showSpinner\":[32],\"kbaChoices\":[32],\"loading\":[32],\"envelope\":[32]}]]],[\"verdocs-envelopes-list.cjs\",[[0,\"verdocs-envelopes-list\",{\"endpoint\":[16],\"view\":[1537],\"status\":[1537],\"sort\":[1537],\"match\":[1537],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"selectedEnvelopes\":[32],\"envelopes\":[32]},null,{\"view\":[\"handleViewUpdated\"],\"status\":[\"handleStatusUpdated\"],\"sort\":[\"handleSortUpdated\"],\"match\":[\"handleMatchUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-templates-list.cjs\",[[0,\"verdocs-templates-list\",{\"endpoint\":[16],\"visibility\":[1537],\"starred\":[1537],\"sort\":[1537],\"name\":[1537],\"allowedActions\":[1040,\"allowed-actions\"],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"confirmDelete\":[32],\"templates\":[32],\"localNameFilter\":[32]},null,{\"sharing\":[\"handleSharingUpdated\"],\"starred\":[\"handleStarredUpdated\"],\"sort\":[\"handleSortUpdated\"],\"name\":[\"handleNameUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-field-payment.cjs\",[[0,\"verdocs-field-payment\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"fields\":[16],\"pageNum\":[2,\"page-num\"],\"roleName\":[1,\"role-name\"],\"fieldId\":[1,\"field-id\"],\"recipients\":[8],\"selectedRoleName\":[1,\"selected-role-name\"],\"pdfPages\":[16,\"pdf-pages\"],\"currentSignature\":[1,\"current-signature\"],\"currentSignatureId\":[1,\"current-signature-id\"],\"currentInitial\":[1,\"current-initial\"],\"currentInitialId\":[1,\"current-initial-id\"],\"signed\":[4],\"roleindex\":[2],\"showingProperties\":[32],\"focused\":[32],\"preparedMessage\":[32],\"signatureUrl\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-envelope-sidebar.cjs\",[[0,\"verdocs-envelope-sidebar\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"activeTab\":[32],\"panelOpen\":[32],\"showRecipientDialog\":[32],\"showCancelDialog\":[32],\"showReinviteDialog\":[32],\"remindersEnabled\":[32],\"updatingReminders\":[32],\"initialReminder\":[32],\"followupReminders\":[32],\"loading\":[32],\"envelope\":[32]}]]],[\"verdocs-template-create.cjs\",[[0,\"verdocs-template-create\",{\"endpoint\":[16],\"maxSize\":[1026,\"max-size\"],\"file\":[32],\"creating\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"errorMessage\":[32]}]]],[\"verdocs-auth.cjs\",[[0,\"verdocs-auth\",{\"endpoint\":[16],\"visible\":[4],\"logo\":[1],\"displayMode\":[1025,\"display-mode\"],\"org_name\":[32],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"verificationCode\":[32],\"newPassword\":[32],\"password\":[32],\"confirmpass\":[32],\"submitting\":[32],\"resendDisabled\":[32],\"session\":[32],\"profile\":[32]}]]],[\"verdocs-date-input.cjs\",[[0,\"verdocs-date-input\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"helpText\":[1,\"help-text\"],\"disabled\":[4],\"required\":[4],\"showingPw\":[32],\"focused\":[32],\"containerId\":[32],\"focusField\":[64]}]]],[\"verdocs-envelope-recipient-summary.cjs\",[[0,\"verdocs-envelope-recipient-summary\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"canSendAnother\":[4,\"can-send-another\"],\"canView\":[4,\"can-view\"],\"canDone\":[4,\"can-done\"],\"isOpen\":[32],\"recipientStatusIcons\":[32],\"containerId\":[32],\"gettingLinks\":[32],\"links\":[32],\"loading\":[32],\"envelope\":[32]}]]],[\"verdocs-dialog.cjs\",[[4,\"verdocs-dialog\"]]],[\"verdocs-quick-functions.cjs\",[[0,\"verdocs-quick-functions\",{\"endpoint\":[16]}]]],[\"verdocs-radio-button.cjs\",[[0,\"verdocs-radio-button\",{\"checked\":[4],\"name\":[1],\"value\":[1],\"disabled\":[4]}]]],[\"verdocs-search-box.cjs\",[[0,\"verdocs-search-box\",{\"endpoint\":[16],\"placeholder\":[1],\"type\":[1],\"query\":[1],\"grabsFocus\":[4,\"grabs-focus\"],\"focusField\":[64]}]]],[\"verdocs-search-tabs.cjs\",[[0,\"verdocs-search-tabs\",{\"selected\":[32]}]]],[\"verdocs-table.cjs\",[[0,\"verdocs-table\",{\"columns\":[16],\"data\":[16]}]]],[\"verdocs-template-card.cjs\",[[0,\"verdocs-template-card\",{\"template\":[16]}]]],[\"verdocs-template-tags.cjs\",[[0,\"verdocs-template-tags\",{\"tags\":[16]}]]],[\"verdocs-toggle.cjs\",[[0,\"verdocs-toggle\",{\"options\":[16],\"theme\":[1],\"selectedOption\":[32]}]]],[\"verdocs-toggle-button.cjs\",[[0,\"verdocs-toggle-button\",{\"active\":[4],\"icon\":[1],\"label\":[1],\"size\":[1],\"_active\":[32]}]]],[\"verdocs-envelope-recipient-link.cjs\",[[0,\"verdocs-envelope-recipient-link\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"roleName\":[1,\"role-name\"],\"isOpen\":[32],\"gettingLink\":[32],\"link\":[32],\"loading\":[32],\"envelope\":[32],\"recipient\":[32]}]]],[\"verdocs-status-indicator.cjs\",[[0,\"verdocs-status-indicator\",{\"size\":[1],\"theme\":[1],\"status\":[1],\"envelope\":[16],\"isOpen\":[32],\"containerId\":[32]}]]],[\"verdocs-template-star.cjs\",[[0,\"verdocs-template-star\",{\"endpoint\":[16],\"template\":[1040],\"updating\":[32]}]]],[\"verdocs-envelope-document-page.cjs\",[[0,\"verdocs-envelope-document-page\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"type\":[1],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}]]],[\"verdocs-switch.cjs\",[[0,\"verdocs-switch\",{\"checked\":[1028],\"theme\":[1],\"disabled\":[4]}]]],[\"verdocs-menu-panel_2.cjs\",[[0,\"verdocs-template-role-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"roleName\":[1,\"role-name\"],\"dirty\":[32],\"saving\":[32],\"name\":[32],\"type\":[32],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"phone\":[32],\"delegator\":[32],\"loading\":[32],\"template\":[32]}],[4,\"verdocs-menu-panel\",{\"side\":[1],\"overlay\":[4],\"width\":[2]},[[4,\"click\",\"handleClick\"]]]]],[\"verdocs-button-panel_2.cjs\",[[4,\"verdocs-button-panel\",{\"icon\":[1],\"showPanel\":[64],\"hidePanel\":[64],\"toggle\":[64]}],[4,\"verdocs-tabs\",{\"tabs\":[16],\"selectedTab\":[2,\"selected-tab\"]}]]],[\"verdocs-pagination_2.cjs\",[[0,\"verdocs-pagination\",{\"selectedPage\":[1538,\"selected-page\"],\"itemCount\":[2,\"item-count\"],\"perPage\":[2,\"per-page\"]}],[0,\"verdocs-quick-filter\",{\"options\":[16],\"label\":[1],\"value\":[1537],\"placeholder\":[1],\"open\":[32]}]]],[\"verdocs-button_2.cjs\",[[0,\"verdocs-help-icon\",{\"text\":[1],\"icon\":[1],\"containerId\":[32]}],[0,\"verdocs-button\",{\"label\":[1],\"startIcon\":[1,\"start-icon\"],\"endIcon\":[1,\"end-icon\"],\"size\":[1],\"type\":[1],\"variant\":[1],\"disabled\":[4]}]]],[\"verdocs-file-chooser_2.cjs\",[[0,\"verdocs-file-chooser\",{\"endpoint\":[16],\"file\":[32]}],[0,\"verdocs-progress-bar\",{\"label\":[1],\"showPercent\":[4,\"show-percent\"],\"percent\":[2]}]]],[\"verdocs-organization-card_2.cjs\",[[0,\"verdocs-organization-card\",{\"organization\":[16],\"hovered\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseout\",\"onMouseOut\"]]],[4,\"verdocs-portal\",{\"anchor\":[1],\"voffset\":[2]},[[11,\"scroll\",\"handleScroll\"],[9,\"resize\",\"handleResize\"],[4,\"click\",\"handleClick\"]]]]],[\"verdocs-checkbox_6.cjs\",[[0,\"verdocs-template-field-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"fieldName\":[1025,\"field-name\"],\"helpText\":[1,\"help-text\"],\"dirty\":[32],\"label\":[32],\"type\":[32],\"name\":[32],\"required\":[32],\"roleName\":[32],\"group\":[32],\"fieldType\":[32],\"options\":[32],\"placeholder\":[32],\"defaultValue\":[32],\"showingHelp\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-checkbox\",{\"checked\":[4],\"name\":[1],\"label\":[1],\"value\":[1],\"theme\":[1],\"size\":[1],\"disabled\":[4]}],[0,\"verdocs-select-input\",{\"value\":[1],\"label\":[1],\"options\":[16],\"disabled\":[4]}],[0,\"verdocs-component-error\",{\"message\":[1]}],[0,\"verdocs-loader\"],[0,\"verdocs-text-input\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"helpText\":[1,\"help-text\"],\"clearable\":[4],\"copyable\":[4],\"type\":[1],\"disabled\":[4],\"required\":[4],\"showingPw\":[32]}]]],[\"verdocs-kba-dialog_3.cjs\",[[0,\"verdocs-view\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"headerTargetId\":[1,\"header-target-id\"],\"canceling\":[32],\"showCancelDone\":[32],\"showLoadError\":[32],\"loading\":[32],\"envelope\":[32]}],[0,\"verdocs-kba-dialog\",{\"step\":[2],\"steps\":[2],\"helptitle\":[1],\"helptext\":[1],\"mode\":[1],\"label\":[1],\"placeholder\":[1],\"recipient\":[16],\"choices\":[16],\"response\":[32],\"updatedRecipient\":[32],\"dobContainerId\":[32]}],[0,\"verdocs-otp-dialog\",{\"endpoint\":[1040],\"method\":[1],\"recipient\":[16],\"resendDisabled\":[32],\"response\":[32]}]]],[\"verdocs-template-document-page_2.cjs\",[[0,\"verdocs-toolbar-icon\",{\"text\":[1],\"icon\":[1],\"placement\":[1],\"containerId\":[32]}],[0,\"verdocs-template-document-page\",{\"endpoint\":[16],\"editable\":[4],\"disabled\":[4],\"done\":[4],\"templateId\":[1,\"template-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32],\"xScale\":[32],\"yScale\":[32],\"loading\":[32],\"template\":[32]}]]],[\"verdocs-contact-picker_2.cjs\",[[0,\"verdocs-contact-picker\",{\"endpoint\":[16],\"templateRole\":[16,\"template-role\"],\"contactSuggestions\":[16,\"contact-suggestions\"],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"phone\":[32],\"zip\":[32],\"address\":[32],\"message\":[32],\"showSuggestions\":[32],\"showMessage\":[32],\"delegator\":[32],\"auth_methods\":[32],\"passcode\":[32],\"firstNameFieldId\":[32],\"lastNameFieldId\":[32],\"emailFieldId\":[32],\"phoneFieldId\":[32],\"featureFlags\":[32],\"activeEntitlements\":[32]}],[0,\"verdocs-multiselect\",{\"label\":[1],\"placeholder\":[1],\"options\":[16],\"selectedOptions\":[16,\"selected-options\"],\"showPicker\":[32]}]]],[\"verdocs-dropdown.cjs\",[[0,\"verdocs-dropdown\",{\"options\":[16],\"containerId\":[32],\"showPicker\":[32]}]]],[\"verdocs-spinner.cjs\",[[0,\"verdocs-spinner\",{\"size\":[2],\"mode\":[1]}]]],[\"verdocs-ok-dialog.cjs\",[[0,\"verdocs-ok-dialog\",{\"heading\":[1],\"message\":[1],\"buttonLabel\":[1,\"button-label\"],\"showCancel\":[4,\"show-cancel\"],\"closed\":[32]}]]],[\"verdocs-field-attachment_13.cjs\",[[0,\"verdocs-field-attachment\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"dialogOpen\":[32],\"selectedFile\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-initial\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"initials\":[513],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"tempInitials\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-signature\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"name\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"tempSignature\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-checkbox\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-date\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"field\":[16],\"containerId\":[32],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-dropdown\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-radio\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"required\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textarea\",{\"endpoint\":[16],\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textbox\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"multiline\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-timestamp\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[2],\"showingProperties\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-initial-dialog\",{\"initials\":[1],\"fontLoaded\":[32],\"enteredInitials\":[32],\"mode\":[32]}],[0,\"verdocs-signature-dialog\",{\"name\":[1],\"fontLoaded\":[32],\"enteredName\":[32],\"mode\":[32]}],[0,\"verdocs-upload-dialog\",{\"maxSize\":[1026,\"max-size\"],\"existingFile\":[1032,\"existing-file\"],\"draggingOver\":[32],\"confirmDelete\":[32],\"selectedFiles\":[32],\"errorMessage\":[32]}]]],[\"verdocs-preview_7.cjs\",[[0,\"verdocs-template-fields\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"toolbarTargetId\":[1,\"toolbar-target-id\"],\"placing\":[32],\"showMustSelectRole\":[32],\"selectedRoleName\":[32],\"loading\":[32],\"template\":[32]},[[4,\"keydown\",\"handleKeyDown\"]],{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-preview\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"loading\":[32],\"template\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-send\",{\"endpoint\":[16],\"templateId\":[513,\"template-id\"],\"environment\":[1],\"containerId\":[32],\"showPickerForId\":[32],\"sessionContacts\":[32],\"sending\":[32],\"rolesCompleted\":[32],\"loading\":[32],\"template\":[32],\"reset\":[64]},null,{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-template-roles\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showingRoleDialog\":[32],\"sender\":[32],\"dragging\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-template-settings\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"name\":[32],\"visibility\":[32],\"sender\":[32],\"sendReminders\":[32],\"initialReminder\":[32],\"followupReminders\":[32],\"dirty\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-template-attachments\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"uploading\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"showDeleteError\":[32],\"confirmDeleteDocument\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-template-build-tabs\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"loading\":[32],\"template\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"verdocs-build.cjs\",[[0,\"verdocs-build\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"loading\":[32],\"template\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}]]],[\"verdocs-sign.cjs\",[[0,\"verdocs-sign\",{\"endpoint\":[1040],\"envelopeId\":[513,\"envelope-id\"],\"roleId\":[513,\"role-id\"],\"inviteCode\":[513,\"invite-code\"],\"headerTargetId\":[1,\"header-target-id\"],\"recipient\":[32],\"hasSignature\":[32],\"nextButtonLabel\":[32],\"nextSubmits\":[32],\"fatalErrorHeader\":[32],\"fatalErrorMessage\":[32],\"focusedField\":[32],\"disclosure\":[32],\"submitting\":[32],\"submitted\":[32],\"isDone\":[32],\"showDone\":[32],\"showLoadError\":[32],\"finishLater\":[32],\"showFinishLater\":[32],\"agreed\":[32],\"documentsSingularPlural\":[32],\"authStep\":[32],\"authMethodStates\":[32],\"kbaQuestions\":[32],\"showSpinner\":[32],\"kbaChoices\":[32],\"loading\":[32],\"envelope\":[32]}]]],[\"verdocs-envelopes-list.cjs\",[[0,\"verdocs-envelopes-list\",{\"endpoint\":[16],\"view\":[1537],\"status\":[1537],\"sort\":[1537],\"match\":[1537],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"selectedEnvelopes\":[32],\"envelopes\":[32]},null,{\"view\":[\"handleViewUpdated\"],\"status\":[\"handleStatusUpdated\"],\"sort\":[\"handleSortUpdated\"],\"match\":[\"handleMatchUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-templates-list.cjs\",[[0,\"verdocs-templates-list\",{\"endpoint\":[16],\"visibility\":[1537],\"starred\":[1537],\"sort\":[1537],\"name\":[1537],\"allowedActions\":[1040,\"allowed-actions\"],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"confirmDelete\":[32],\"templates\":[32],\"localNameFilter\":[32]},null,{\"sharing\":[\"handleSharingUpdated\"],\"starred\":[\"handleStarredUpdated\"],\"sort\":[\"handleSortUpdated\"],\"name\":[\"handleNameUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-field-payment.cjs\",[[0,\"verdocs-field-payment\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"fields\":[16],\"pageNum\":[2,\"page-num\"],\"roleName\":[1,\"role-name\"],\"fieldId\":[1,\"field-id\"],\"recipients\":[8],\"selectedRoleName\":[1,\"selected-role-name\"],\"pdfPages\":[16,\"pdf-pages\"],\"currentSignature\":[1,\"current-signature\"],\"currentSignatureId\":[1,\"current-signature-id\"],\"currentInitial\":[1,\"current-initial\"],\"currentInitialId\":[1,\"current-initial-id\"],\"signed\":[4],\"roleindex\":[2],\"showingProperties\":[32],\"focused\":[32],\"preparedMessage\":[32],\"signatureUrl\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-envelope-sidebar.cjs\",[[0,\"verdocs-envelope-sidebar\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"activeTab\":[32],\"panelOpen\":[32],\"showRecipientDialog\":[32],\"showCancelDialog\":[32],\"showReinviteDialog\":[32],\"remindersEnabled\":[32],\"updatingReminders\":[32],\"initialReminder\":[32],\"followupReminders\":[32],\"loading\":[32],\"envelope\":[32]}]]],[\"verdocs-template-create.cjs\",[[0,\"verdocs-template-create\",{\"endpoint\":[16],\"maxSize\":[1026,\"max-size\"],\"file\":[32],\"creating\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"errorMessage\":[32]}]]],[\"verdocs-auth.cjs\",[[0,\"verdocs-auth\",{\"endpoint\":[16],\"visible\":[4],\"logo\":[1],\"displayMode\":[1025,\"display-mode\"],\"org_name\":[32],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"verificationCode\":[32],\"newPassword\":[32],\"password\":[32],\"confirmpass\":[32],\"submitting\":[32],\"resendDisabled\":[32],\"session\":[32],\"profile\":[32]}]]],[\"verdocs-date-input.cjs\",[[0,\"verdocs-date-input\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"helpText\":[1,\"help-text\"],\"disabled\":[4],\"required\":[4],\"showingPw\":[32],\"focused\":[32],\"containerId\":[32],\"focusField\":[64]}]]],[\"verdocs-envelope-recipient-summary.cjs\",[[0,\"verdocs-envelope-recipient-summary\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"canSendAnother\":[4,\"can-send-another\"],\"canView\":[4,\"can-view\"],\"canDone\":[4,\"can-done\"],\"isOpen\":[32],\"recipientStatusIcons\":[32],\"containerId\":[32],\"gettingLinks\":[32],\"links\":[32],\"loading\":[32],\"envelope\":[32]}]]],[\"verdocs-multiselect.cjs\",[[0,\"verdocs-multiselect\",{\"label\":[1],\"placeholder\":[1],\"options\":[16],\"selectedOptions\":[16,\"selected-options\"],\"showPicker\":[32]}]]],[\"verdocs-dialog.cjs\",[[4,\"verdocs-dialog\"]]],[\"verdocs-quick-functions.cjs\",[[0,\"verdocs-quick-functions\",{\"endpoint\":[16]}]]],[\"verdocs-radio-button.cjs\",[[0,\"verdocs-radio-button\",{\"checked\":[4],\"name\":[1],\"value\":[1],\"disabled\":[4]}]]],[\"verdocs-search-box.cjs\",[[0,\"verdocs-search-box\",{\"endpoint\":[16],\"placeholder\":[1],\"type\":[1],\"query\":[1],\"grabsFocus\":[4,\"grabs-focus\"],\"focusField\":[64]}]]],[\"verdocs-search-tabs.cjs\",[[0,\"verdocs-search-tabs\",{\"selected\":[32]}]]],[\"verdocs-table.cjs\",[[0,\"verdocs-table\",{\"columns\":[16],\"data\":[16]}]]],[\"verdocs-template-card.cjs\",[[0,\"verdocs-template-card\",{\"template\":[16]}]]],[\"verdocs-template-tags.cjs\",[[0,\"verdocs-template-tags\",{\"tags\":[16]}]]],[\"verdocs-toggle.cjs\",[[0,\"verdocs-toggle\",{\"options\":[16],\"theme\":[1],\"selectedOption\":[32]}]]],[\"verdocs-toggle-button.cjs\",[[0,\"verdocs-toggle-button\",{\"active\":[4],\"icon\":[1],\"label\":[1],\"size\":[1],\"_active\":[32]}]]],[\"verdocs-envelope-recipient-link.cjs\",[[0,\"verdocs-envelope-recipient-link\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"roleName\":[1,\"role-name\"],\"isOpen\":[32],\"gettingLink\":[32],\"link\":[32],\"loading\":[32],\"envelope\":[32],\"recipient\":[32]}]]],[\"verdocs-status-indicator.cjs\",[[0,\"verdocs-status-indicator\",{\"size\":[1],\"theme\":[1],\"status\":[1],\"envelope\":[16],\"isOpen\":[32],\"containerId\":[32]}]]],[\"verdocs-template-star.cjs\",[[0,\"verdocs-template-star\",{\"endpoint\":[16],\"template\":[1040],\"updating\":[32]}]]],[\"verdocs-contact-picker.cjs\",[[0,\"verdocs-contact-picker\",{\"endpoint\":[16],\"templateRole\":[16,\"template-role\"],\"contactSuggestions\":[16,\"contact-suggestions\"],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"phone\":[32],\"zip\":[32],\"address\":[32],\"message\":[32],\"showSuggestions\":[32],\"showMessage\":[32],\"delegator\":[32],\"auth_methods\":[32],\"passcode\":[32],\"firstNameFieldId\":[32],\"lastNameFieldId\":[32],\"emailFieldId\":[32],\"phoneFieldId\":[32],\"featureFlags\":[32],\"activeEntitlements\":[32]}]]],[\"verdocs-envelope-document-page.cjs\",[[0,\"verdocs-envelope-document-page\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"type\":[1],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}]]],[\"verdocs-switch.cjs\",[[0,\"verdocs-switch\",{\"checked\":[1028],\"theme\":[1],\"disabled\":[4]}]]],[\"verdocs-menu-panel_2.cjs\",[[0,\"verdocs-template-role-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"roleName\":[1,\"role-name\"],\"dirty\":[32],\"saving\":[32],\"name\":[32],\"type\":[32],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"phone\":[32],\"delegator\":[32],\"loading\":[32],\"template\":[32]}],[4,\"verdocs-menu-panel\",{\"side\":[1],\"overlay\":[4],\"width\":[2]},[[4,\"click\",\"handleClick\"]]]]],[\"verdocs-button-panel_2.cjs\",[[4,\"verdocs-button-panel\",{\"icon\":[1],\"showPanel\":[64],\"hidePanel\":[64],\"toggle\":[64]}],[4,\"verdocs-tabs\",{\"tabs\":[16],\"selectedTab\":[2,\"selected-tab\"]}]]],[\"verdocs-pagination_2.cjs\",[[0,\"verdocs-pagination\",{\"selectedPage\":[1538,\"selected-page\"],\"itemCount\":[2,\"item-count\"],\"perPage\":[2,\"per-page\"]}],[0,\"verdocs-quick-filter\",{\"options\":[16],\"label\":[1],\"value\":[1537],\"placeholder\":[1],\"open\":[32]}]]],[\"verdocs-button_2.cjs\",[[0,\"verdocs-help-icon\",{\"text\":[1],\"icon\":[1],\"containerId\":[32]}],[0,\"verdocs-button\",{\"label\":[1],\"startIcon\":[1,\"start-icon\"],\"endIcon\":[1,\"end-icon\"],\"size\":[1],\"type\":[1],\"variant\":[1],\"disabled\":[4]}]]],[\"verdocs-file-chooser_2.cjs\",[[0,\"verdocs-file-chooser\",{\"endpoint\":[16],\"file\":[32]}],[0,\"verdocs-progress-bar\",{\"label\":[1],\"showPercent\":[4,\"show-percent\"],\"percent\":[2]}]]],[\"verdocs-organization-card_2.cjs\",[[0,\"verdocs-organization-card\",{\"organization\":[16],\"hovered\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseout\",\"onMouseOut\"]]],[4,\"verdocs-portal\",{\"anchor\":[1],\"voffset\":[2]},[[11,\"scroll\",\"handleScroll\"],[9,\"resize\",\"handleResize\"],[4,\"click\",\"handleClick\"]]]]],[\"verdocs-checkbox_6.cjs\",[[0,\"verdocs-template-field-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"fieldName\":[1025,\"field-name\"],\"helpText\":[1,\"help-text\"],\"dirty\":[32],\"label\":[32],\"type\":[32],\"name\":[32],\"required\":[32],\"roleName\":[32],\"group\":[32],\"fieldType\":[32],\"options\":[32],\"placeholder\":[32],\"defaultValue\":[32],\"showingHelp\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-select-input\",{\"value\":[1],\"label\":[1],\"options\":[16],\"disabled\":[4]}],[0,\"verdocs-checkbox\",{\"checked\":[4],\"name\":[1],\"label\":[1],\"value\":[1],\"theme\":[1],\"size\":[1],\"disabled\":[4]}],[0,\"verdocs-component-error\",{\"message\":[1]}],[0,\"verdocs-loader\"],[0,\"verdocs-text-input\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"helpText\":[1,\"help-text\"],\"clearable\":[4],\"copyable\":[4],\"type\":[1],\"disabled\":[4],\"required\":[4],\"showingPw\":[32]}]]],[\"verdocs-template-document-page_2.cjs\",[[0,\"verdocs-toolbar-icon\",{\"text\":[1],\"icon\":[1],\"placement\":[1],\"containerId\":[32]}],[0,\"verdocs-template-document-page\",{\"endpoint\":[16],\"editable\":[4],\"disabled\":[4],\"done\":[4],\"templateId\":[1,\"template-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32],\"xScale\":[32],\"yScale\":[32],\"loading\":[32],\"template\":[32]}]]],[\"verdocs-dropdown.cjs\",[[0,\"verdocs-dropdown\",{\"options\":[16],\"containerId\":[32],\"showPicker\":[32]}]]],[\"verdocs-spinner.cjs\",[[0,\"verdocs-spinner\",{\"size\":[2],\"mode\":[1]}]]],[\"verdocs-ok-dialog.cjs\",[[0,\"verdocs-ok-dialog\",{\"heading\":[1],\"message\":[1],\"buttonLabel\":[1,\"button-label\"],\"showCancel\":[4,\"show-cancel\"],\"closed\":[32]}]]],[\"verdocs-kba-dialog_3.cjs\",[[0,\"verdocs-view\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"headerTargetId\":[1,\"header-target-id\"],\"canceling\":[32],\"showCancelDone\":[32],\"showLoadError\":[32],\"loading\":[32],\"envelope\":[32]}],[0,\"verdocs-kba-dialog\",{\"step\":[2],\"steps\":[2],\"helptitle\":[1],\"helptext\":[1],\"mode\":[1],\"label\":[1],\"placeholder\":[1],\"recipient\":[16],\"choices\":[16],\"agreed\":[32],\"response\":[32],\"updatedRecipient\":[32],\"dobContainerId\":[32]}],[0,\"verdocs-otp-dialog\",{\"endpoint\":[1040],\"method\":[1],\"recipient\":[16],\"resendDisabled\":[32],\"response\":[32]}]]],[\"verdocs-field-attachment_13.cjs\",[[0,\"verdocs-field-attachment\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"dialogOpen\":[32],\"selectedFile\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-initial\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"initials\":[513],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"tempInitials\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-signature\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"name\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"tempSignature\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-checkbox\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-date\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"field\":[16],\"containerId\":[32],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-dropdown\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-radio\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"required\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textarea\",{\"endpoint\":[16],\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textbox\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"multiline\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-timestamp\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[2],\"showingProperties\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-initial-dialog\",{\"initials\":[1],\"fontLoaded\":[32],\"enteredInitials\":[32],\"mode\":[32]}],[0,\"verdocs-signature-dialog\",{\"name\":[1],\"fontLoaded\":[32],\"enteredName\":[32],\"mode\":[32]}],[0,\"verdocs-upload-dialog\",{\"maxSize\":[1026,\"max-size\"],\"existingFile\":[1032,\"existing-file\"],\"draggingOver\":[32],\"confirmDelete\":[32],\"selectedFiles\":[32],\"errorMessage\":[32]}]]],[\"verdocs-preview_7.cjs\",[[0,\"verdocs-template-fields\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"toolbarTargetId\":[1,\"toolbar-target-id\"],\"placing\":[32],\"showMustSelectRole\":[32],\"selectedRoleName\":[32],\"loading\":[32],\"template\":[32]},[[4,\"keydown\",\"handleKeyDown\"]],{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-preview\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"loading\":[32],\"template\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-template-roles\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showingRoleDialog\":[32],\"sender\":[32],\"dragging\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-send\",{\"endpoint\":[16],\"templateId\":[513,\"template-id\"],\"environment\":[1],\"containerId\":[32],\"showPickerForId\":[32],\"sessionContacts\":[32],\"sending\":[32],\"rolesCompleted\":[32],\"loading\":[32],\"template\":[32],\"reset\":[64]},null,{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-template-settings\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"name\":[32],\"visibility\":[32],\"sender\":[32],\"sendReminders\":[32],\"initialReminder\":[32],\"followupReminders\":[32],\"dirty\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-template-attachments\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"uploading\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"showDeleteError\":[32],\"confirmDeleteDocument\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-template-build-tabs\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"loading\":[32],\"template\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -97,7 +97,7 @@ verdocs-kba-dialog .field {
   gap: 10px;
   margin: 0;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   flex-direction: row;
   max-width: 100%;
 }
@@ -108,6 +108,7 @@ verdocs-kba-dialog .field .required {
   font-size: 80%;
 }
 verdocs-kba-dialog .field label {
+  margin-top: 4px;
   flex: 0 0 120px;
   font-weight: 500;
   line-height: 10px;

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

@@ -105,6 +105,7 @@ export class VerdocsKbaDialog {
          * For choice challenges, a set of choices to choose from. 6 choices is recommended to fit most screen sizes.
          */
         this.choices = ['553 Arbor Dr', '18 Lacey Ln', '23A Ball Ct', '2375 Cavallo Blvd', '23-1 RR-7', '151 Boulder Rd'];
+        this.agreed = false;
         this.response = '';
         this.updatedRecipient = null;
         this.dobContainerId = `verdocs-date-input-${Math.random().toString(36).substring(2, 11)}`;
@@ -166,7 +167,8 @@ export class VerdocsKbaDialog {
                 } }, choice)))), h("div", { class: "buttons" }, h("verdocs-button", { label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { label: this.step < this.steps ? 'Next' : 'Submit', onClick: () => this.handleDone(), disabled: !this.response }))))));
         }
         if (this.mode === 'identity') {
-            return (h(Host, null, h("div", { class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { class: "dialog" }, h("div", { class: "heading" }, "Confirm Your Identity"), !!this.helptitle && (h("div", { class: "help-box" }, h("div", { class: "help-icon", innerHTML: QuestionIcon }), h("div", { class: "help-details" }, h("div", { class: "help-title" }, "Identity verification is required"), h("div", { class: "help-text" }, "NOTE: Only four fields are required, but providing more details will allow us to complete the verification process more quickly.")))), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-first" }, "Your Name:", h("span", { class: "required" }, "*")), h("input", { required: true, type: "text", id: "verdocs-kba-first", name: "verdocs-kba-first", placeholder: "First name...", value: (_a = this.updatedRecipient) === null || _a === void 0 ? void 0 : _a.first_name, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, first_name: e.target.value }) }), h("input", { type: "text", id: "verdocs-kba-last", name: "verdocs-kba-last", placeholder: "Last name...", required: true, value: (_b = this.updatedRecipient) === null || _b === void 0 ? void 0 : _b.last_name, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, last_name: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-address" }, "Address:", h("span", { class: "required" }, "*")), h("input", { type: "text", id: "verdocs-kba-address", name: "verdocs-kba-address", placeholder: "Address...", value: (_c = this.updatedRecipient) === null || _c === void 0 ? void 0 : _c.address, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, address: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-city" }, "City:"), h("input", { type: "text", id: "verdocs-kba-city", name: "verdocs-kba-city", placeholder: "City...", value: (_d = this.updatedRecipient) === null || _d === void 0 ? void 0 : _d.city, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, city: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-state" }, "State:"), h("verdocs-select-input", { options: STATE_OPTIONS, value: (_e = this.updatedRecipient) === null || _e === void 0 ? void 0 : _e.state, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, state: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-zip" }, "Zip Code:", h("span", { class: "required" }, "*")), h("input", { type: "text", id: "verdocs-kba-zip", name: "verdocs-kba-zip", placeholder: "Zip Code...", required: true, value: (_f = this.updatedRecipient) === null || _f === void 0 ? void 0 : _f.zip, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, zip: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-ssn" }, "SSN Last 4:", h("span", { class: "required" }, "*")), h("input", { type: "text", id: "verdocs-kba-ssn", name: "verdocs-kba-ssn", placeholder: "Last 4 digits of your Social Security Number...", required: true, value: (_g = this.updatedRecipient) === null || _g === void 0 ? void 0 : _g.ssn_last_4, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, ssn_last_4: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: this.dobContainerId }, "Date of Birth:", h("span", { class: "required" }, "*")), h("input", { type: "text", value: ((_h = this.updatedRecipient) === null || _h === void 0 ? void 0 : _h.dob) || '', id: this.dobContainerId, placeholder: "DOB...", onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, dob: e.target.value }) })), h("div", { class: "buttons" }, h("verdocs-button", { label: "Submit", onClick: () => this.handleConfirmID(), disabled: !((_j = this.updatedRecipient) === null || _j === void 0 ? void 0 : _j.first_name) ||
+            return (h(Host, null, h("div", { class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { class: "dialog" }, h("div", { class: "heading" }, "Confirm Your Identity"), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-first" }, "Your Name:", h("span", { class: "required" }, "*")), h("input", { required: true, type: "text", id: "verdocs-kba-first", name: "verdocs-kba-first", placeholder: "First name...", value: (_a = this.updatedRecipient) === null || _a === void 0 ? void 0 : _a.first_name, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, first_name: e.target.value }) }), h("input", { type: "text", id: "verdocs-kba-last", name: "verdocs-kba-last", placeholder: "Last name...", required: true, value: (_b = this.updatedRecipient) === null || _b === void 0 ? void 0 : _b.last_name, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, last_name: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-address" }, "Address:", h("span", { class: "required" }, "*")), h("input", { type: "text", id: "verdocs-kba-address", name: "verdocs-kba-address", placeholder: "Address...", value: (_c = this.updatedRecipient) === null || _c === void 0 ? void 0 : _c.address, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, address: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-city" }, "City:"), h("input", { type: "text", id: "verdocs-kba-city", name: "verdocs-kba-city", placeholder: "City...", value: (_d = this.updatedRecipient) === null || _d === void 0 ? void 0 : _d.city, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, city: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-state" }, "State:"), h("verdocs-select-input", { options: STATE_OPTIONS, value: (_e = this.updatedRecipient) === null || _e === void 0 ? void 0 : _e.state, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, state: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-zip" }, "Zip Code:", h("span", { class: "required" }, "*")), h("input", { type: "text", id: "verdocs-kba-zip", name: "verdocs-kba-zip", placeholder: "Zip Code...", required: true, value: (_f = this.updatedRecipient) === null || _f === void 0 ? void 0 : _f.zip, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, zip: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-ssn" }, "SSN Last 4:", h("span", { class: "required" }, "*")), h("input", { type: "text", id: "verdocs-kba-ssn", name: "verdocs-kba-ssn", placeholder: "Last 4 digits of your Social Security Number...", required: true, value: (_g = this.updatedRecipient) === null || _g === void 0 ? void 0 : _g.ssn_last_4, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, ssn_last_4: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: this.dobContainerId }, "Date of Birth:", h("span", { class: "required" }, "*")), h("input", { type: "text", value: ((_h = this.updatedRecipient) === null || _h === void 0 ? void 0 : _h.dob) || '', id: this.dobContainerId, placeholder: "DOB...", onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, dob: e.target.value }) })), h("div", { class: "field" }, h("label", null), h("verdocs-checkbox", { id: "verdocs-kba-agree", name: "verdocs-kba-agree", checked: this.agreed, onInput: (e) => (this.agreed = e.target.checked) }), h("span", null, "I agree to provide my personal information in order to validate my identity.")), h("div", { class: "buttons" }, h("verdocs-button", { label: "Submit", onClick: () => this.handleConfirmID(), disabled: !this.agreed ||
+                    !((_j = this.updatedRecipient) === null || _j === void 0 ? void 0 : _j.first_name) ||
                     !((_k = this.updatedRecipient) === null || _k === void 0 ? void 0 : _k.last_name) ||
                     !((_l = this.updatedRecipient) === null || _l === void 0 ? void 0 : _l.address) ||
                     !((_m = this.updatedRecipient) === null || _m === void 0 ? void 0 : _m.zip) ||
@@ -377,6 +379,7 @@ export class VerdocsKbaDialog {
     }
     static get states() {
         return {
+            "agreed": {},
             "response": {},
             "updatedRecipient": {},
             "dobContainerId": {}

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

@@ -1 +1 @@
-{"version":3,"file":"verdocs-kba-dialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import IMask from 'imask';\nimport {IRecipient} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Event, EventEmitter, Fragment, Host, State} from '@stencil/core';\n\nconst States = {\n  AL: 'Alabama',\n  AK: 'Alaska',\n  AS: 'American Samoa',\n  AZ: 'Arizona',\n  AR: 'Arkansas',\n  CA: 'California',\n  CO: 'Colorado',\n  CT: 'Connecticut',\n  DE: 'Delaware',\n  DC: 'District Of Columbia',\n  FM: 'Federated States Of Micronesia',\n  FL: 'Florida',\n  GA: 'Georgia',\n  GU: 'Guam',\n  HI: 'Hawaii',\n  ID: 'Idaho',\n  IL: 'Illinois',\n  IN: 'Indiana',\n  IA: 'Iowa',\n  KS: 'Kansas',\n  KY: 'Kentucky',\n  LA: 'Louisiana',\n  ME: 'Maine',\n  MH: 'Marshall Islands',\n  MD: 'Maryland',\n  MA: 'Massachusetts',\n  MI: 'Michigan',\n  MN: 'Minnesota',\n  MS: 'Mississippi',\n  MO: 'Missouri',\n  MT: 'Montana',\n  NE: 'Nebraska',\n  NV: 'Nevada',\n  NH: 'New Hampshire',\n  NJ: 'New Jersey',\n  NM: 'New Mexico',\n  NY: 'New York',\n  NC: 'North Carolina',\n  ND: 'North Dakota',\n  MP: 'Northern Mariana Islands',\n  OH: 'Ohio',\n  OK: 'Oklahoma',\n  OR: 'Oregon',\n  PW: 'Palau',\n  PA: 'Pennsylvania',\n  PR: 'Puerto Rico',\n  RI: 'Rhode Island',\n  SC: 'South Carolina',\n  SD: 'South Dakota',\n  TN: 'Tennessee',\n  TX: 'Texas',\n  UT: 'Utah',\n  VT: 'Vermont',\n  VI: 'Virgin Islands',\n  VA: 'Virginia',\n  WA: 'Washington',\n  WV: 'West Virginia',\n  WI: 'Wisconsin',\n  WY: 'Wyoming',\n};\n\nconst STATE_OPTIONS = Object.entries(States).map(([abbr, name]) => ({value: abbr, label: name}));\n\nconst QuestionIcon = `<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M20 0C8.95313 0 0 8.95313 0 20C0 31.0469 8.95313 40 20 40C31.0469 40 40 31.0469 40 20C40 8.95313 31.0469 0 20 0ZM20 36.25C11.0391 36.25 3.75 28.9602 3.75 20C3.75 11.0398 11.0391 3.75 20 3.75C28.9609 3.75 36.25 11.0398 36.25 20C36.25 28.9602 28.9609 36.25 20 36.25Z\" fill=\"white\"/><path d=\"M20 26.25C18.5938 26.25 17.5 27.3438 17.5 28.75C17.5 30.1562 18.5234 31.25 20 31.25C21.3359 31.25 22.5 30.1562 22.5 28.75C22.5 27.3438 21.3359 26.25 20 26.25ZM22.5859 10H18.5938C15.5469 10 13.125 12.4219 13.125 15.4688C13.125 16.4844 13.9844 17.3438 15 17.3438C16.0156 17.3438 16.875 16.4844 16.875 15.4688C16.875 14.5312 17.5859 13.75 18.5234 13.75H22.5156C23.5234 13.75 24.375 14.5312 24.375 15.4688C24.375 16.0938 24.0625 16.5703 23.5156 16.8828L19.0625 19.6094C18.4375 20 18.125 20.625 18.125 21.25V22.5C18.125 23.5156 18.9844 24.375 20 24.375C21.0156 24.375 21.875 23.5156 21.875 22.5V22.3438L25.3984 20.1562C27.0391 19.1406 28.0547 17.3438 28.0547 15.4688C28.125 12.4219 25.7031 10 22.5859 10Z\" fill=\"#E7E7E7\"/></svg>`;\n\n/**\n * Prompt the user to confirm their identity with a PIN or a series of questions.\n */\n@Component({\n  tag: 'verdocs-kba-dialog',\n  styleUrl: 'verdocs-kba-dialog.scss',\n})\nexport class VerdocsKbaDialog {\n  // private picker: AirDatepicker<HTMLElement> | null = null;\n\n  /**\n   * Which step this confirmation is for, in a multi-step process. Ignored if `steps` is < 2.\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * How many steps exist in a multi-step process. Set to 1 for a single-step process (hides the indicator).\n   */\n  @Prop() steps: number = 3;\n\n  /**\n   * If set, a help/instructions box will be displayed with this title\n   */\n  @Prop() helptitle: string = 'Previous Addresses';\n\n  /**\n   * If set, a help/instructions box will be displayed with this text\n   */\n  @Prop() helptext: string = 'Please select the address below that you have most recently lived at.';\n\n  /**\n   * The type of dialog to display. Three modes are supported.\n   */\n  @Prop() mode: 'text' | 'choice' | 'identity' = 'choice';\n\n  /**\n   * For text input challenges, the label to display next to the input field.\n   */\n  @Prop() label: string = 'PIN';\n\n  /**\n   * For text input challenges, the placeholder to display inside the input field.\n   */\n  @Prop() placeholder: string = 'Enter your PIN...';\n\n  /**\n   * For identity confirmation, the current recipient details.\n   */\n  @Prop() recipient: IRecipient | null = null;\n\n  /**\n   * For choice challenges, a set of choices to choose from. 6 choices is recommended to fit most screen sizes.\n   */\n  @Prop() choices: string[] = ['553 Arbor Dr', '18 Lacey Ln', '23A Ball Ct', '2375 Cavallo Blvd', '23-1 RR-7', '151 Boulder Rd'];\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 dialog is closed. The event data will contain the value selected,\n   * or the new recipient details if the mode is 'identity'.\n   */\n  @Event({composed: true}) pinEntered: EventEmitter<string | IRecipient>;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the value selected,\n   * or the new recipient details if the mode is 'identity'.\n   */\n  @Event({composed: true}) next: EventEmitter<string | IRecipient | string[]>;\n\n  @State() response = '';\n  @State() updatedRecipient: IRecipient = null;\n  @State() dobContainerId = `verdocs-date-input-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentWillLoad() {\n    this.updatedRecipient = {...(this.recipient || {})} as IRecipient;\n  }\n\n  // NOTE: This gets called again on every input, maybe do it on willUpdate?\n  componentDidRender() {\n    // TODO: Review min/max settings\n    IMask(document.getElementById(this.dobContainerId), {\n      mask: Date,\n      min: new Date(1920, 0, 1),\n      max: new Date(2007, 12, 31), // 18 years old\n      lazy: false,\n      pattern: 'm/d/Y',\n      // See https://github.com/uNmAnNeR/imaskjs/issues/739\n      format: function (date) {\n        var day = date.getDate();\n        var month = date.getMonth() + 1;\n        var year = date.getFullYear();\n\n        if (day < 10) day = '0' + day;\n        if (month < 10) month = '0' + month;\n\n        return [month, day, year].join('/');\n      },\n      // define str -> date convertion\n      parse: function (str) {\n        var yearMonthDay = str.split('/');\n        return new Date(yearMonthDay[2], yearMonthDay[0] - 1, yearMonthDay[1]);\n      },\n    });\n  }\n\n  handleCancel() {\n    this.exit.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.class === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleDone() {\n    this.next.emit(this.response);\n    this.response = '';\n  }\n\n  handleConfirmID() {\n    console.log('Confirm ID', this.updatedRecipient);\n    this.next.emit(this.updatedRecipient);\n  }\n\n  render() {\n    if (this.mode === 'choice') {\n      return (\n        <Host>\n          <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n            <div class=\"dialog\">\n              <div class=\"heading\">\n                Confirm Your Identity\n                {this.steps > 1 ? (\n                  <span class=\"step\">\n                    ({this.step}/{this.steps})\n                  </span>\n                ) : (\n                  <Fragment />\n                )}\n              </div>\n\n              {!!this.helptitle && (\n                <div class=\"help-box\">\n                  <div class=\"help-icon\" innerHTML={QuestionIcon} />\n                  <div class=\"help-details\">\n                    <div class=\"help-title\">{this.helptitle}</div>\n                    <div class=\"help-text\">{this.helptext}</div>\n                  </div>\n                </div>\n              )}\n\n              <div class=\"choices\">\n                {this.choices.map(choice => (\n                  <div\n                    class={`choice ${choice === this.response ? 'selected' : ''}`}\n                    onClick={() => {\n                      console.log('Selected', choice);\n                      this.response = choice;\n                    }}\n                  >\n                    {choice}\n                  </div>\n                ))}\n              </div>\n\n              <div class=\"buttons\">\n                <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n                <verdocs-button label={this.step < this.steps ? 'Next' : 'Submit'} onClick={() => this.handleDone()} disabled={!this.response} />\n              </div>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.mode === 'identity') {\n      return (\n        <Host>\n          <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n            <div class=\"dialog\">\n              <div class=\"heading\">Confirm Your Identity</div>\n\n              {!!this.helptitle && (\n                <div class=\"help-box\">\n                  <div class=\"help-icon\" innerHTML={QuestionIcon} />\n                  <div class=\"help-details\">\n                    <div class=\"help-title\">Identity verification is required</div>\n                    <div class=\"help-text\">NOTE: Only four fields are required, but providing more details will allow us to complete the verification process more quickly.</div>\n                  </div>\n                </div>\n              )}\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-first\">\n                  Your Name:<span class=\"required\">*</span>\n                </label>\n                <input\n                  required\n                  type=\"text\"\n                  id=\"verdocs-kba-first\"\n                  name=\"verdocs-kba-first\"\n                  placeholder=\"First name...\"\n                  value={this.updatedRecipient?.first_name}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, first_name: e.target.value})}\n                />\n\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-last\"\n                  name=\"verdocs-kba-last\"\n                  placeholder=\"Last name...\"\n                  required\n                  value={this.updatedRecipient?.last_name}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, last_name: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-address\">\n                  Address:<span class=\"required\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-address\"\n                  name=\"verdocs-kba-address\"\n                  placeholder=\"Address...\"\n                  value={this.updatedRecipient?.address}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, address: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-city\">City:</label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-city\"\n                  name=\"verdocs-kba-city\"\n                  placeholder=\"City...\"\n                  value={this.updatedRecipient?.city}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, city: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-state\">State:</label>\n                <verdocs-select-input\n                  options={STATE_OPTIONS}\n                  value={this.updatedRecipient?.state}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, state: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-zip\">\n                  Zip Code:<span class=\"required\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-zip\"\n                  name=\"verdocs-kba-zip\"\n                  placeholder=\"Zip Code...\"\n                  required\n                  value={this.updatedRecipient?.zip}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, zip: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-ssn\">\n                  SSN Last 4:<span class=\"required\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-ssn\"\n                  name=\"verdocs-kba-ssn\"\n                  placeholder=\"Last 4 digits of your Social Security Number...\"\n                  required\n                  value={this.updatedRecipient?.ssn_last_4}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, ssn_last_4: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor={this.dobContainerId}>\n                  Date of Birth:<span class=\"required\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  value={this.updatedRecipient?.dob || ''}\n                  id={this.dobContainerId}\n                  placeholder=\"DOB...\"\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, dob: e.target.value})}\n                />\n              </div>\n\n              <div class=\"buttons\">\n                <verdocs-button\n                  label=\"Submit\"\n                  onClick={() => this.handleConfirmID()}\n                  disabled={\n                    !this.updatedRecipient?.first_name ||\n                    !this.updatedRecipient?.last_name ||\n                    !this.updatedRecipient?.address ||\n                    !this.updatedRecipient?.zip ||\n                    !this.updatedRecipient?.ssn_last_4 ||\n                    !this.updatedRecipient?.dob\n                  }\n                />\n              </div>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    // mode='text'\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">\n              Please Confirm Your Identity\n              {this.steps > 1 ? (\n                <span class=\"step\">\n                  ({this.step}/{this.steps})\n                </span>\n              ) : (\n                <Fragment />\n              )}\n            </div>\n\n            {!!this.helptitle && (\n              <div class=\"help-box\">\n                <div class=\"help-icon\" innerHTML={QuestionIcon} />\n                <div class=\"help-details\">\n                  <div class=\"help-title\">{this.helptitle}</div>\n                  <div class=\"help-text\">{this.helptext}</div>\n                </div>\n              </div>\n            )}\n\n            <div class=\"input\">\n              <label htmlFor=\"verdocs-kba-input\">{this.label}</label>\n              <input\n                type=\"text\"\n                id=\"verdocs-kba-input\"\n                name=\"verdocs-kba-input\"\n                placeholder={this.placeholder}\n                value={this.response}\n                onInput={(e: any) => (this.response = e.target.value)}\n              />\n            </div>\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n              <verdocs-button label=\"Submit\" onClick={() => this.handleDone()} disabled={!this.response} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"verdocs-kba-dialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import IMask from 'imask';\nimport {IRecipient} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Event, EventEmitter, Fragment, Host, State} from '@stencil/core';\n\nconst States = {\n  AL: 'Alabama',\n  AK: 'Alaska',\n  AS: 'American Samoa',\n  AZ: 'Arizona',\n  AR: 'Arkansas',\n  CA: 'California',\n  CO: 'Colorado',\n  CT: 'Connecticut',\n  DE: 'Delaware',\n  DC: 'District Of Columbia',\n  FM: 'Federated States Of Micronesia',\n  FL: 'Florida',\n  GA: 'Georgia',\n  GU: 'Guam',\n  HI: 'Hawaii',\n  ID: 'Idaho',\n  IL: 'Illinois',\n  IN: 'Indiana',\n  IA: 'Iowa',\n  KS: 'Kansas',\n  KY: 'Kentucky',\n  LA: 'Louisiana',\n  ME: 'Maine',\n  MH: 'Marshall Islands',\n  MD: 'Maryland',\n  MA: 'Massachusetts',\n  MI: 'Michigan',\n  MN: 'Minnesota',\n  MS: 'Mississippi',\n  MO: 'Missouri',\n  MT: 'Montana',\n  NE: 'Nebraska',\n  NV: 'Nevada',\n  NH: 'New Hampshire',\n  NJ: 'New Jersey',\n  NM: 'New Mexico',\n  NY: 'New York',\n  NC: 'North Carolina',\n  ND: 'North Dakota',\n  MP: 'Northern Mariana Islands',\n  OH: 'Ohio',\n  OK: 'Oklahoma',\n  OR: 'Oregon',\n  PW: 'Palau',\n  PA: 'Pennsylvania',\n  PR: 'Puerto Rico',\n  RI: 'Rhode Island',\n  SC: 'South Carolina',\n  SD: 'South Dakota',\n  TN: 'Tennessee',\n  TX: 'Texas',\n  UT: 'Utah',\n  VT: 'Vermont',\n  VI: 'Virgin Islands',\n  VA: 'Virginia',\n  WA: 'Washington',\n  WV: 'West Virginia',\n  WI: 'Wisconsin',\n  WY: 'Wyoming',\n};\n\nconst STATE_OPTIONS = Object.entries(States).map(([abbr, name]) => ({value: abbr, label: name}));\n\nconst QuestionIcon = `<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M20 0C8.95313 0 0 8.95313 0 20C0 31.0469 8.95313 40 20 40C31.0469 40 40 31.0469 40 20C40 8.95313 31.0469 0 20 0ZM20 36.25C11.0391 36.25 3.75 28.9602 3.75 20C3.75 11.0398 11.0391 3.75 20 3.75C28.9609 3.75 36.25 11.0398 36.25 20C36.25 28.9602 28.9609 36.25 20 36.25Z\" fill=\"white\"/><path d=\"M20 26.25C18.5938 26.25 17.5 27.3438 17.5 28.75C17.5 30.1562 18.5234 31.25 20 31.25C21.3359 31.25 22.5 30.1562 22.5 28.75C22.5 27.3438 21.3359 26.25 20 26.25ZM22.5859 10H18.5938C15.5469 10 13.125 12.4219 13.125 15.4688C13.125 16.4844 13.9844 17.3438 15 17.3438C16.0156 17.3438 16.875 16.4844 16.875 15.4688C16.875 14.5312 17.5859 13.75 18.5234 13.75H22.5156C23.5234 13.75 24.375 14.5312 24.375 15.4688C24.375 16.0938 24.0625 16.5703 23.5156 16.8828L19.0625 19.6094C18.4375 20 18.125 20.625 18.125 21.25V22.5C18.125 23.5156 18.9844 24.375 20 24.375C21.0156 24.375 21.875 23.5156 21.875 22.5V22.3438L25.3984 20.1562C27.0391 19.1406 28.0547 17.3438 28.0547 15.4688C28.125 12.4219 25.7031 10 22.5859 10Z\" fill=\"#E7E7E7\"/></svg>`;\n\n/**\n * Prompt the user to confirm their identity with a PIN or a series of questions.\n */\n@Component({\n  tag: 'verdocs-kba-dialog',\n  styleUrl: 'verdocs-kba-dialog.scss',\n})\nexport class VerdocsKbaDialog {\n  // private picker: AirDatepicker<HTMLElement> | null = null;\n\n  /**\n   * Which step this confirmation is for, in a multi-step process. Ignored if `steps` is < 2.\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * How many steps exist in a multi-step process. Set to 1 for a single-step process (hides the indicator).\n   */\n  @Prop() steps: number = 3;\n\n  /**\n   * If set, a help/instructions box will be displayed with this title\n   */\n  @Prop() helptitle: string = 'Previous Addresses';\n\n  /**\n   * If set, a help/instructions box will be displayed with this text\n   */\n  @Prop() helptext: string = 'Please select the address below that you have most recently lived at.';\n\n  /**\n   * The type of dialog to display. Three modes are supported.\n   */\n  @Prop() mode: 'text' | 'choice' | 'identity' = 'choice';\n\n  /**\n   * For text input challenges, the label to display next to the input field.\n   */\n  @Prop() label: string = 'PIN';\n\n  /**\n   * For text input challenges, the placeholder to display inside the input field.\n   */\n  @Prop() placeholder: string = 'Enter your PIN...';\n\n  /**\n   * For identity confirmation, the current recipient details.\n   */\n  @Prop() recipient: IRecipient | null = null;\n\n  /**\n   * For choice challenges, a set of choices to choose from. 6 choices is recommended to fit most screen sizes.\n   */\n  @Prop() choices: string[] = ['553 Arbor Dr', '18 Lacey Ln', '23A Ball Ct', '2375 Cavallo Blvd', '23-1 RR-7', '151 Boulder Rd'];\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 dialog is closed. The event data will contain the value selected,\n   * or the new recipient details if the mode is 'identity'.\n   */\n  @Event({composed: true}) pinEntered: EventEmitter<string | IRecipient>;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the value selected,\n   * or the new recipient details if the mode is 'identity'.\n   */\n  @Event({composed: true}) next: EventEmitter<string | IRecipient | string[]>;\n\n  @State() agreed = false;\n  @State() response = '';\n  @State() updatedRecipient: IRecipient = null;\n  @State() dobContainerId = `verdocs-date-input-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentWillLoad() {\n    this.updatedRecipient = {...(this.recipient || {})} as IRecipient;\n  }\n\n  // NOTE: This gets called again on every input, maybe do it on willUpdate?\n  componentDidRender() {\n    // TODO: Review min/max settings\n    IMask(document.getElementById(this.dobContainerId), {\n      mask: Date,\n      min: new Date(1920, 0, 1),\n      max: new Date(2007, 12, 31), // 18 years old\n      lazy: false,\n      pattern: 'm/d/Y',\n      // See https://github.com/uNmAnNeR/imaskjs/issues/739\n      format: function (date) {\n        var day = date.getDate();\n        var month = date.getMonth() + 1;\n        var year = date.getFullYear();\n\n        if (day < 10) day = '0' + day;\n        if (month < 10) month = '0' + month;\n\n        return [month, day, year].join('/');\n      },\n      // define str -> date convertion\n      parse: function (str) {\n        var yearMonthDay = str.split('/');\n        return new Date(yearMonthDay[2], yearMonthDay[0] - 1, yearMonthDay[1]);\n      },\n    });\n  }\n\n  handleCancel() {\n    this.exit.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.class === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleDone() {\n    this.next.emit(this.response);\n    this.response = '';\n  }\n\n  handleConfirmID() {\n    console.log('Confirm ID', this.updatedRecipient);\n    this.next.emit(this.updatedRecipient);\n  }\n\n  render() {\n    if (this.mode === 'choice') {\n      return (\n        <Host>\n          <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n            <div class=\"dialog\">\n              <div class=\"heading\">\n                Confirm Your Identity\n                {this.steps > 1 ? (\n                  <span class=\"step\">\n                    ({this.step}/{this.steps})\n                  </span>\n                ) : (\n                  <Fragment />\n                )}\n              </div>\n\n              {!!this.helptitle && (\n                <div class=\"help-box\">\n                  <div class=\"help-icon\" innerHTML={QuestionIcon} />\n                  <div class=\"help-details\">\n                    <div class=\"help-title\">{this.helptitle}</div>\n                    <div class=\"help-text\">{this.helptext}</div>\n                  </div>\n                </div>\n              )}\n\n              <div class=\"choices\">\n                {this.choices.map(choice => (\n                  <div\n                    class={`choice ${choice === this.response ? 'selected' : ''}`}\n                    onClick={() => {\n                      console.log('Selected', choice);\n                      this.response = choice;\n                    }}\n                  >\n                    {choice}\n                  </div>\n                ))}\n              </div>\n\n              <div class=\"buttons\">\n                <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n                <verdocs-button label={this.step < this.steps ? 'Next' : 'Submit'} onClick={() => this.handleDone()} disabled={!this.response} />\n              </div>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.mode === 'identity') {\n      return (\n        <Host>\n          <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n            <div class=\"dialog\">\n              <div class=\"heading\">Confirm Your Identity</div>\n\n              {/*{!!this.helptitle && (*/}\n              {/*  <div class=\"help-box\">*/}\n              {/*    <div class=\"help-icon\" innerHTML={QuestionIcon} />*/}\n              {/*    <div class=\"help-details\">*/}\n              {/*      <div class=\"help-title\">Identity verification is required</div>*/}\n              {/*      <div class=\"help-text\">NOTE: Only four fields are required, but providing more details will allow us to complete the verification process more quickly.</div>*/}\n              {/*    </div>*/}\n              {/*  </div>*/}\n              {/*)}*/}\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-first\">\n                  Your Name:<span class=\"required\">*</span>\n                </label>\n                <input\n                  required\n                  type=\"text\"\n                  id=\"verdocs-kba-first\"\n                  name=\"verdocs-kba-first\"\n                  placeholder=\"First name...\"\n                  value={this.updatedRecipient?.first_name}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, first_name: e.target.value})}\n                />\n\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-last\"\n                  name=\"verdocs-kba-last\"\n                  placeholder=\"Last name...\"\n                  required\n                  value={this.updatedRecipient?.last_name}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, last_name: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-address\">\n                  Address:<span class=\"required\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-address\"\n                  name=\"verdocs-kba-address\"\n                  placeholder=\"Address...\"\n                  value={this.updatedRecipient?.address}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, address: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-city\">City:</label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-city\"\n                  name=\"verdocs-kba-city\"\n                  placeholder=\"City...\"\n                  value={this.updatedRecipient?.city}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, city: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-state\">State:</label>\n                <verdocs-select-input\n                  options={STATE_OPTIONS}\n                  value={this.updatedRecipient?.state}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, state: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-zip\">\n                  Zip Code:<span class=\"required\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-zip\"\n                  name=\"verdocs-kba-zip\"\n                  placeholder=\"Zip Code...\"\n                  required\n                  value={this.updatedRecipient?.zip}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, zip: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-ssn\">\n                  SSN Last 4:<span class=\"required\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-ssn\"\n                  name=\"verdocs-kba-ssn\"\n                  placeholder=\"Last 4 digits of your Social Security Number...\"\n                  required\n                  value={this.updatedRecipient?.ssn_last_4}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, ssn_last_4: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor={this.dobContainerId}>\n                  Date of Birth:<span class=\"required\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  value={this.updatedRecipient?.dob || ''}\n                  id={this.dobContainerId}\n                  placeholder=\"DOB...\"\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, dob: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label></label>\n                <verdocs-checkbox\n                  id=\"verdocs-kba-agree\"\n                  name=\"verdocs-kba-agree\"\n                  checked={this.agreed}\n                  onInput={(e: any) => (this.agreed = e.target.checked)}\n                  // label=\"I agree to provide my personal information in order to validate my identity. Identity verification powered by IDology.\"\n                />\n                <span>I agree to provide my personal information in order to validate my identity.</span>\n                {/*<input*/}\n                {/*  type=\"text\"*/}\n                {/*  value={this.updatedRecipient?.dob || ''}*/}\n                {/*  id={this.dobContainerId}*/}\n                {/*  placeholder=\"DOB...\"*/}\n                {/*  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, dob: e.target.value})}*/}\n                {/*/>*/}\n              </div>\n\n              <div class=\"buttons\">\n                <verdocs-button\n                  label=\"Submit\"\n                  onClick={() => this.handleConfirmID()}\n                  disabled={\n                    !this.agreed ||\n                    !this.updatedRecipient?.first_name ||\n                    !this.updatedRecipient?.last_name ||\n                    !this.updatedRecipient?.address ||\n                    !this.updatedRecipient?.zip ||\n                    !this.updatedRecipient?.ssn_last_4 ||\n                    !this.updatedRecipient?.dob\n                  }\n                />\n              </div>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    // mode='text'\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">\n              Please Confirm Your Identity\n              {this.steps > 1 ? (\n                <span class=\"step\">\n                  ({this.step}/{this.steps})\n                </span>\n              ) : (\n                <Fragment />\n              )}\n            </div>\n\n            {!!this.helptitle && (\n              <div class=\"help-box\">\n                <div class=\"help-icon\" innerHTML={QuestionIcon} />\n                <div class=\"help-details\">\n                  <div class=\"help-title\">{this.helptitle}</div>\n                  <div class=\"help-text\">{this.helptext}</div>\n                </div>\n              </div>\n            )}\n\n            <div class=\"input\">\n              <label htmlFor=\"verdocs-kba-input\">{this.label}</label>\n              <input\n                type=\"text\"\n                id=\"verdocs-kba-input\"\n                name=\"verdocs-kba-input\"\n                placeholder={this.placeholder}\n                value={this.response}\n                onInput={(e: any) => (this.response = e.target.value)}\n              />\n            </div>\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n              <verdocs-button label=\"Submit\" onClick={() => this.handleDone()} disabled={!this.response} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -31,6 +31,14 @@ verdocs-contact-picker form .row {
   flex-direction: row;
   align-items: center;
 }
+verdocs-contact-picker form .row .option {
+  gap: 4px;
+  display: flex;
+  padding: 5px 8px;
+  align-items: center;
+  flex-direction: row;
+  text-wrap: nowrap;
+}
 verdocs-contact-picker form .names-row {
   gap: 8px;
   display: flex;

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

@@ -173,9 +173,14 @@ export class VerdocsContactPicker {
             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: '220b7dc0f04eb27279e003aaa196aee58b51ec64', class: "row" }, h("label", { key: '7120d789f96a375a3f6237b93a3699866dae5e0e', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '33aa0973927dedcc1d3005411dcdb87c969a65c2', 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: '8b888dd8490d99235bd1d1b2e6acce6d64fbf5a4', class: "row" }, h("label", { key: '702e60156cfbe39cc56c20ca5f9e5b112eb8fbb5', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '1f6b416d622b821e63e89bdf75626bc9f97422df', 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: '60d3ccc50417d1fbe6a815d6edf37619f945b63e' }, verificationOptions.length > 0 && (h("div", { key: '3ed87d777cc9a086842d313a3847b53e37718b16', class: "row" }, h("label", { key: 'a2023551b391295f3b02b870d8a6cde114f886e1' }, "Recipient Verification:"), h("verdocs-multiselect", { key: 'e0c2a67e5af1e4cc180f930afdb669e193386887', label: "", placeholder: "None", options: verificationOptions, selectedOptions: this.auth_methods, onSelectionChanged: (e) => {
-                this.auth_methods = e.detail.selectedOptions;
-            } }))), this.auth_methods.includes('passcode') && (h("div", { key: 'bb642c732810018b4cd632c4a15b96adf8418d22', class: "row pin-code" }, h("label", { key: '49577405baf6648f0b45fdbdbce1f4420b9a2d3e', htmlFor: this.phoneFieldId }, "Passcode:"), h("input", { key: '0e882262adae55eb9a4330fe50524bb4b3039bce', 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: 'c65a7b447f5ff83987e0711ea0574e2c0c41cbab', class: "row message" }, h("label", { key: '385b7668c835fbe613f4e2f1496379039d7bb261', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("textarea", { key: '5550bba6455255244263cf6f5f6b4580c7d1af96', 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: '3f65a4ad852bcd090c6fc32d407530bc6f08ef91', class: "buttons" }, h("div", { key: 'c025ed16ee29a5fd3c2de4b6bf64a2e94710ca14', class: "flex-fill" }), h("verdocs-button", { key: 'e50b8bef83b2229eec315d0431d299140d580f62', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '47d5da21041915d12909456d26204215f6e96abc', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
+            } }))), h(Fragment, { key: '60d3ccc50417d1fbe6a815d6edf37619f945b63e' }, verificationOptions.length > 0 && (h("div", { key: 'f1248b2c40c1cfb22cfa577bc1f5c5895362ded2', class: "row pin-code" }, h("label", { key: 'd782f794fa6a8d2ca18835db9e8d6e510038f212' }, "Recipient Verification:"), h("div", { key: '36f6d36272f71f6f2169e5b4e6446c6e969e36af' }, 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: 'bf631ef781e2bb9ad1bc35e56a51a66db24ebf33', class: "row pin-code" }, h("label", { key: '6528152b13591a3843edc004fde4948e6c44d153', htmlFor: this.phoneFieldId }, "Passcode:"), h("input", { key: '5aa95a7185e8a4ef5e3f071c6cac4d98e8d0d6ce', 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: 'b162036266114dbce2520a6c006804a5a4929531', class: "row message" }, h("label", { key: '47d04957126e80fcb346c0359dc3bcf9d64c1749', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("textarea", { key: '0d830b39376684620b43281cf014e2ba386b7bf0', 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: '65466e83bbc1f5045f8efa7c200cfd7dd9898d9f', class: "buttons" }, h("div", { key: '07776d2f5ede2a0b6d0b786bcf6b8ed44811e248', class: "flex-fill" }), h("verdocs-button", { key: '2eb20966d5b97cc3fec25de0e0c47af802bca7dd', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '1329cd0da977ad1b00444cccf034b2cd3f6f634f', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
     }
     static get is() { return "verdocs-contact-picker"; }
     static get originalStyleUrls() {