@verdocs/web-sdk 5.0.46 → 5.0.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/dist/cjs/Environment-241c5659.js +13 -0
  2. package/dist/cjs/Environment-241c5659.js.map +1 -0
  3. package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +8 -10
  4. package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js.map +1 -1
  5. package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js +1 -1
  6. package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js.map +1 -1
  7. package/dist/cjs/verdocs-kba-dialog_2.cjs.entry.js +0 -1
  8. package/dist/cjs/verdocs-kba-dialog_2.cjs.entry.js.map +1 -1
  9. package/dist/cjs/verdocs-preview_7.cjs.entry.js +3 -2
  10. package/dist/cjs/verdocs-preview_7.cjs.entry.js.map +1 -1
  11. package/dist/cjs/verdocs-radio-button.cjs.entry.js +1 -1
  12. package/dist/cjs/verdocs-radio-button.cjs.entry.js.map +1 -1
  13. package/dist/cjs/verdocs-sign.cjs.entry.js +2 -1
  14. package/dist/cjs/verdocs-sign.cjs.entry.js.map +1 -1
  15. package/dist/collection/components/controls/verdocs-radio-button/verdocs-radio-button.css +2 -2
  16. package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.js +0 -1
  17. package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.js.map +1 -1
  18. package/dist/collection/components/embeds/verdocs-send/verdocs-send.js +5 -4
  19. package/dist/collection/components/embeds/verdocs-send/verdocs-send.js.map +1 -1
  20. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +4 -3
  21. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js.map +1 -1
  22. package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js +6 -8
  23. package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js.map +1 -1
  24. package/dist/collection/components/fields/verdocs-field-radio/verdocs-field-radio.css +2 -2
  25. package/dist/collection/utils/Environment.js +6 -0
  26. package/dist/collection/utils/Environment.js.map +1 -0
  27. package/dist/collection/utils/Unleash.js +1 -1
  28. package/dist/collection/utils/Unleash.js.map +1 -1
  29. package/dist/components/{p-ccbd93c3.js → p-01c8196b.js} +8 -10
  30. package/dist/components/p-01c8196b.js.map +1 -0
  31. package/dist/components/p-0aad02d5.js +10 -0
  32. package/dist/components/p-0aad02d5.js.map +1 -0
  33. package/dist/components/{p-81e52989.js → p-162ae711.js} +2 -2
  34. package/dist/components/{p-81e52989.js.map → p-162ae711.js.map} +1 -1
  35. package/dist/components/{p-a808fcb1.js → p-4fb8b22d.js} +6 -5
  36. package/dist/components/p-4fb8b22d.js.map +1 -0
  37. package/dist/components/{p-b4eee1ed.js → p-78b63448.js} +1 -2
  38. package/dist/components/p-78b63448.js.map +1 -0
  39. package/dist/components/{p-0a14020a.js → p-956fb355.js} +3 -3
  40. package/dist/components/{p-0a14020a.js.map → p-956fb355.js.map} +1 -1
  41. package/dist/components/{p-b9ec1278.js → p-968df95c.js} +3 -3
  42. package/dist/components/{p-b9ec1278.js.map → p-968df95c.js.map} +1 -1
  43. package/dist/components/{p-bfa07825.js → p-c83a272f.js} +2 -2
  44. package/dist/components/{p-bfa07825.js.map → p-c83a272f.js.map} +1 -1
  45. package/dist/components/verdocs-build.js +6 -6
  46. package/dist/components/verdocs-contact-picker.js +1 -1
  47. package/dist/components/verdocs-field-radio.js +1 -1
  48. package/dist/components/verdocs-kba-dialog.js +1 -1
  49. package/dist/components/verdocs-preview.js +1 -1
  50. package/dist/components/verdocs-radio-button.js +1 -1
  51. package/dist/components/verdocs-radio-button.js.map +1 -1
  52. package/dist/components/verdocs-send.js +1 -1
  53. package/dist/components/verdocs-sign.js +3 -2
  54. package/dist/components/verdocs-sign.js.map +1 -1
  55. package/dist/components/verdocs-template-document-page.js +1 -1
  56. package/dist/components/verdocs-template-fields.js +1 -1
  57. package/dist/esm/Environment-3a31549a.js +10 -0
  58. package/dist/esm/Environment-3a31549a.js.map +1 -0
  59. package/dist/esm/verdocs-contact-picker_2.entry.js +7 -9
  60. package/dist/esm/verdocs-contact-picker_2.entry.js.map +1 -1
  61. package/dist/esm/verdocs-field-attachment_13.entry.js +1 -1
  62. package/dist/esm/verdocs-field-attachment_13.entry.js.map +1 -1
  63. package/dist/esm/verdocs-kba-dialog_2.entry.js +0 -1
  64. package/dist/esm/verdocs-kba-dialog_2.entry.js.map +1 -1
  65. package/dist/esm/verdocs-preview_7.entry.js +3 -2
  66. package/dist/esm/verdocs-preview_7.entry.js.map +1 -1
  67. package/dist/esm/verdocs-radio-button.entry.js +1 -1
  68. package/dist/esm/verdocs-radio-button.entry.js.map +1 -1
  69. package/dist/esm/verdocs-sign.entry.js +2 -1
  70. package/dist/esm/verdocs-sign.entry.js.map +1 -1
  71. package/dist/esm-es5/Environment-3a31549a.js +2 -0
  72. package/dist/esm-es5/Environment-3a31549a.js.map +1 -0
  73. package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -1
  74. package/dist/esm-es5/verdocs-contact-picker_2.entry.js.map +1 -1
  75. package/dist/esm-es5/verdocs-field-attachment_13.entry.js +1 -1
  76. package/dist/esm-es5/verdocs-field-attachment_13.entry.js.map +1 -1
  77. package/dist/esm-es5/verdocs-kba-dialog_2.entry.js +1 -1
  78. package/dist/esm-es5/verdocs-kba-dialog_2.entry.js.map +1 -1
  79. package/dist/esm-es5/verdocs-preview_7.entry.js +2 -2
  80. package/dist/esm-es5/verdocs-preview_7.entry.js.map +1 -1
  81. package/dist/esm-es5/verdocs-radio-button.entry.js +1 -1
  82. package/dist/esm-es5/verdocs-radio-button.entry.js.map +1 -1
  83. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  84. package/dist/esm-es5/verdocs-sign.entry.js.map +1 -1
  85. package/dist/types/utils/Environment.d.ts +5 -0
  86. package/dist/verdocs-web-sdk/p-05a1dce1.system.entry.js +8 -0
  87. package/dist/verdocs-web-sdk/p-05a1dce1.system.entry.js.map +1 -0
  88. package/dist/verdocs-web-sdk/p-0aad02d5.js +2 -0
  89. package/dist/verdocs-web-sdk/p-0aad02d5.js.map +1 -0
  90. package/dist/verdocs-web-sdk/p-0c1898f6.system.js +1 -1
  91. package/dist/verdocs-web-sdk/p-245bdf6f.system.entry.js +2 -0
  92. package/dist/verdocs-web-sdk/{p-46263e7a.system.entry.js.map → p-245bdf6f.system.entry.js.map} +1 -1
  93. package/dist/verdocs-web-sdk/{p-9a19e851.entry.js → p-35384b77.entry.js} +2 -2
  94. package/dist/verdocs-web-sdk/{p-9a19e851.entry.js.map → p-35384b77.entry.js.map} +1 -1
  95. package/dist/verdocs-web-sdk/{p-3fc80e05.entry.js → p-4c5b836b.entry.js} +2 -2
  96. package/dist/verdocs-web-sdk/{p-3fc80e05.entry.js.map → p-4c5b836b.entry.js.map} +1 -1
  97. package/dist/verdocs-web-sdk/{p-9ccbbb22.system.entry.js → p-4f16d741.system.entry.js} +2 -2
  98. package/dist/verdocs-web-sdk/{p-9ccbbb22.system.entry.js.map → p-4f16d741.system.entry.js.map} +1 -1
  99. package/dist/verdocs-web-sdk/{p-f6bf7e6a.system.entry.js → p-5239a35e.system.entry.js} +2 -2
  100. package/dist/verdocs-web-sdk/{p-f6bf7e6a.system.entry.js.map → p-5239a35e.system.entry.js.map} +1 -1
  101. package/dist/verdocs-web-sdk/p-6074b40b.system.js +2 -0
  102. package/dist/verdocs-web-sdk/p-6074b40b.system.js.map +1 -0
  103. package/dist/verdocs-web-sdk/p-8cdf8b44.entry.js +2 -0
  104. package/dist/verdocs-web-sdk/p-8cdf8b44.entry.js.map +1 -0
  105. package/dist/verdocs-web-sdk/p-8ed58724.entry.js +2 -0
  106. package/dist/verdocs-web-sdk/p-8ed58724.entry.js.map +1 -0
  107. package/dist/verdocs-web-sdk/p-c0331d52.system.entry.js +2 -0
  108. package/dist/verdocs-web-sdk/p-c0331d52.system.entry.js.map +1 -0
  109. package/dist/verdocs-web-sdk/p-d33c2b26.entry.js +8 -0
  110. package/dist/verdocs-web-sdk/p-d33c2b26.entry.js.map +1 -0
  111. package/dist/verdocs-web-sdk/p-dad790a1.system.entry.js +2 -0
  112. package/dist/verdocs-web-sdk/p-dad790a1.system.entry.js.map +1 -0
  113. package/dist/verdocs-web-sdk/p-dcf0049c.entry.js +2 -0
  114. package/dist/verdocs-web-sdk/{p-d47c58de.entry.js.map → p-dcf0049c.entry.js.map} +1 -1
  115. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  116. package/package.json +5 -5
  117. package/dist/components/p-a808fcb1.js.map +0 -1
  118. package/dist/components/p-b4eee1ed.js.map +0 -1
  119. package/dist/components/p-ccbd93c3.js.map +0 -1
  120. package/dist/custom-elements.json +0 -2231
  121. package/dist/verdocs-web-sdk/p-1f8bd27c.system.entry.js +0 -2
  122. package/dist/verdocs-web-sdk/p-1f8bd27c.system.entry.js.map +0 -1
  123. package/dist/verdocs-web-sdk/p-41c60a2e.system.entry.js +0 -2
  124. package/dist/verdocs-web-sdk/p-41c60a2e.system.entry.js.map +0 -1
  125. package/dist/verdocs-web-sdk/p-46263e7a.system.entry.js +0 -2
  126. package/dist/verdocs-web-sdk/p-66ca774d.entry.js +0 -2
  127. package/dist/verdocs-web-sdk/p-66ca774d.entry.js.map +0 -1
  128. package/dist/verdocs-web-sdk/p-7a2fbc8a.entry.js +0 -2
  129. package/dist/verdocs-web-sdk/p-7a2fbc8a.entry.js.map +0 -1
  130. package/dist/verdocs-web-sdk/p-89c69404.system.entry.js +0 -8
  131. package/dist/verdocs-web-sdk/p-89c69404.system.entry.js.map +0 -1
  132. package/dist/verdocs-web-sdk/p-d47c58de.entry.js +0 -2
  133. package/dist/verdocs-web-sdk/p-e8268ed9.entry.js +0 -8
  134. package/dist/verdocs-web-sdk/p-e8268ed9.entry.js.map +0 -1
@@ -92,7 +92,6 @@ export class VerdocsContactPicker {
92
92
  handleCancel(e) {
93
93
  var _a;
94
94
  e.stopPropagation();
95
- console.log('cxl');
96
95
  this.showSuggestions = false;
97
96
  (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
98
97
  }
@@ -150,29 +149,28 @@ export class VerdocsContactPicker {
150
149
  if (((_t = (_s = (_r = this.featureFlags) === null || _r === void 0 ? void 0 : _r.toggles) === null || _s === void 0 ? void 0 : _s.find(t => t.name === 'id-verification')) === null || _t === void 0 ? void 0 : _t.enabled) === true && !!this.activeEntitlements.id_auth) {
151
150
  verificationOptions.push({ label: 'ID Check', value: 'id' });
152
151
  }
153
- return (h("form", { key: '04692a50db278a08b263fa5343a90f832b7a39ee', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '49c73586ee2a3b55284c7060578ce2f76442eb7f', class: "row" }, h("label", { key: 'c14e09c5fafc682f8e84409cabb8c16080a542ef', htmlFor: this.firstNameFieldId }, "Name:"), h("div", { key: '64d1f1411604edaab598852ecccbd2e81cac5d01', class: "names-row" }, h("input", { key: 'ab738a6d5fb36378c6cae917ffc0cce34eefc251', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.first_name, placeholder: "First...", onFocus: () => {
152
+ return (h("form", { key: 'cba230aed78c493105a007d965938ef36c0676c5', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '436c7454a56df0f535f3aefdfff577a88dafa22c', class: "row" }, h("label", { key: 'b281d4c25f7b940d50700f808cdc9e7c3e235c63', htmlFor: this.firstNameFieldId }, "Name:"), h("div", { key: 'ef6316233086a5b6f7d5230e64134d3d4d370401', class: "names-row" }, h("input", { key: 'bb1114f98ee766c4da332c635e9aabfddb0ea0c5', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.first_name, placeholder: "First...", onFocus: () => {
154
153
  // Give the blur event a chance to hide it first if going between first/last
155
154
  setTimeout(() => {
156
155
  var _a;
157
156
  this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0;
158
157
  }, 100);
159
- }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: 'e78173446c9eb0d24125b1e9a614948b2c0dea34', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.last_name, placeholder: "Last...", onFocus: () => {
158
+ }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: '8165b6a10ccec8cc699965a0e457c4984ba7e6d9', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.last_name, placeholder: "Last...", onFocus: () => {
160
159
  // Give the blur event a chance to hide it first if going between first/last
161
160
  setTimeout(() => {
162
161
  var _a;
163
162
  this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0;
164
163
  }, 100);
165
- }, onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("verdocs-portal", { key: '9947a7f8ab42d1790df06e579796d4a2e93245d1', anchor: this.firstNameFieldId, onClickAway: () => (this.showSuggestions = false), id: "verdocs-contact-picker-suggestions" }, h("div", { key: 'fbc62ab9fe1d080bd24cdcd6d06af7608957566c', class: "dropdown" }, this.contactSuggestions
164
+ }, onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("verdocs-portal", { key: '50bb3ba19b9ebedaf5dc6b42ab9ee56b49baf316', anchor: this.firstNameFieldId, onClickAway: () => (this.showSuggestions = false), id: "verdocs-contact-picker-suggestions" }, h("div", { key: '06d909db8340e219f56520cba088f39d024e23c9', class: "dropdown" }, this.contactSuggestions
166
165
  .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
167
166
  .map(suggestion => {
168
167
  var _a;
169
168
  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))));
170
- }))))), h("div", { key: 'e8e70c9c0eb9aac2949ea3f1cdcad31a0109b1e6', class: "row" }, h("label", { key: '1a0446066a2337a8317e4f1a30a7b4bbaac8e9d9', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '700f23efdcdad3569e37f68beb87254768997476', 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: 'e10b121fcc2c612b95a9e8ebd35fbbaba78f31ff', class: "row" }, h("label", { key: '924df4057ae82c1a42a060f6457999e9e7be3e9d', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: 'be1707e6c04744891626dd14ce7beee679e33b95', 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) => {
169
+ }))))), h("div", { key: '0fd66b40717c81b65a301ced6b6bf4b6ff7b6626', class: "row" }, h("label", { key: '70956784b72087d8c1868595ec40dfbdee34ca87', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '35582c90e48b6f532fc75cc51525ca06162ebcc8', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", "aria-autocomplete": "none", value: this.email, placeholder: "Invite/verify via email...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), globalSMS && (h("div", { key: '626950e0213dbc8fab07af0ac7682db19638c73c', class: "row" }, h("label", { key: '12cfdd054564af5cc3573785d884c87b7b50bae4', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '8ecb757d6ee8acf6041c75f4fc0621ece470fcdf', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", "aria-autocomplete": "none", value: this.phone, placeholder: "Invite/verify via SMS...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
171
170
  this.phone = convertToE164(e.target.value);
172
- } }))), h(Fragment, { key: 'a27e49219aed619f6ce094ca91d7bdb8ee4bd361' }, verificationOptions.length > 0 && (h("div", { key: '3c2eb231a5e10223a0554b2661f7902a7343ff14', class: "row" }, h("label", { key: '2424d844f6c54d6898aff3746c665e8f0028393f' }, "Recipient Verification:"), h("verdocs-multiselect", { key: '15e4fdff72818343d016749c83a10602083c19db', label: "", placeholder: "None", options: verificationOptions, selectedOptions: this.auth_methods, onSelectionChanged: (e) => {
173
- console.log('selectedOptions changed', e.detail);
171
+ } }))), h(Fragment, { key: '2023b0c925497df85590f0294597c38bde90b1da' }, verificationOptions.length > 0 && (h("div", { key: 'eb16a51636c12027f228714283bc3a045b04f364', class: "row" }, h("label", { key: 'c53d976fa49aa4ff32d6e176aed1a425a19befca' }, "Recipient Verification:"), h("verdocs-multiselect", { key: '6b84fd7b99c4b4f9e21242d444ead7238d3b12ec', label: "", placeholder: "None", options: verificationOptions, selectedOptions: this.auth_methods, onSelectionChanged: (e) => {
174
172
  this.auth_methods = e.detail.selectedOptions;
175
- } }))), this.auth_methods.includes('passcode') && (h("div", { key: 'cb92bbf38b29b81dd443ea63ee52f5c38ca3e462', class: "row pin-code" }, h("label", { key: 'a31d6aa08952a78774e0f7d6fc89a0c992fff0ce', htmlFor: this.phoneFieldId }, "Passcode:"), h("input", { key: '416d22a451995e318fed41b36feda632b7324231', 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: '12d5f81d3750dfbec08c01d9f9e5ef8ff4e4ab61', class: "row message" }, h("label", { key: 'c5d2265df1203c2f1cb09e4ef99ece909a11c3d1', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("textarea", { key: '875a4a055860497d1b5f270fe9e4f76fd1594d86', 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: 'fc5dc7ca853d00fbeb22b912f7da5db32c394bdb', class: "buttons" }, h("div", { key: 'cb19eed74dcc4a093d0420352e31b50c252ca857', class: "flex-fill" }), h("verdocs-button", { key: 'b94abf0ba4e07bdb661aee267a2d23bd1e5f9555', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '2ad4cf79ebbac22818caee6fd732cf4cbf01436b', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
173
+ } }))), this.auth_methods.includes('passcode') && (h("div", { key: '6e5059ea257eef3f44090348d5b264a0d4fca331', class: "row pin-code" }, h("label", { key: '3c38728d9833d750e097c96b1df655d2c624cbaf', htmlFor: this.phoneFieldId }, "Passcode:"), h("input", { key: 'c067ad0b5e64554869d382b30034ad06f3f2287c', 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: 'aea4f4504c415602990370c74b8cbc4888cdb9c4', class: "row message" }, h("label", { key: '293b04061121e45a161299a7c67742b35450f73e', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("textarea", { key: '27b597556563377a843865cfa1205d28c5a35440', 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: 'cd57ffae6c1fdb990b5cee5d2f93315b1e431ae2', class: "buttons" }, h("div", { key: '229c636cd7d61eaeece868f1d64a787465913223', class: "flex-fill" }), h("verdocs-button", { key: '0014bda0bcef66e26df9cfad2e4ca09bad08419a', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'cc2456cc0e493b0449750e3950e28c6c3aa69fa2', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
176
174
  }
177
175
  static get is() { return "verdocs-contact-picker"; }
178
176
  static get originalStyleUrls() {
@@ -1 +1 @@
1
- {"version":3,"file":"verdocs-contact-picker.js","sourceRoot":"","sources":["../../../../src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, h, Event, EventEmitter, Fragment, Prop, State} from '@stencil/core';\nimport {formatFullName, getActiveEntitlements, IEntitlement, IProfile, IRecipient, isValidEmail, TEntitlement, TRecipientAuthMethod, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getFeatureFlags, IFeatureFlags} from '../../../utils/Unleash';\nimport {convertToE164} from '../../../utils/utils';\n\nconst addrBookIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-book-user\"><path d=\"M15 13a3 3 0 1 0-6 0\"/><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20\"/><circle cx=\"12\" cy=\"8\" r=\"2\"/></svg>`;\n\nexport interface IContactSearchEvent {\n query: string;\n}\n\nexport interface IContactSelectEvent {\n first_name: string;\n last_name: string;\n email: string;\n phone: string;\n message: string;\n delegator: boolean;\n auth_methods: TRecipientAuthMethod[];\n passcode: string;\n address: string;\n zip: string;\n}\n\nexport type TPickerContact = Partial<IProfile>;\n\n/**\n * Display a contact picker suitable for filling out Recipient objects when sending Envelopes.\n *\n * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the\n * user interacts with the component, the text entered in the name fields is sent back to the parent via the `searchContacts` event.\n * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be\n * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as \"Recently Used\" contacts, or\n * to always display the user's own contact record.\n *\n * ```ts\n * <verdocs-contact-picker\n * templateRole={role}\n * contactSuggestions={[]}\n * onNext={e => console.log('Contact completed', e.detail)}\n * />\n * ```\n */\n@Component({\n tag: 'verdocs-contact-picker',\n styleUrl: 'verdocs-contact-picker.scss',\n shadow: false,\n})\nexport class VerdocsContactPicker {\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The role that this contact will be assigned to.\n */\n @Prop() templateRole: Partial<IRecipient> | null = null;\n\n /**\n * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number\n * of suggestions be limited to the 5 best matching records.\n */\n @Prop() contactSuggestions: TPickerContact[] = [];\n\n /**\n * Event fired when the user enters text in the search field. The calling application may use this to update\n * the `contactSuggestions` property.\n */\n @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\n\n /**\n * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n */\n @Event({composed: true}) exit: EventEmitter;\n\n /**\n * Event fired when the user changes the type.\n */\n @Event({composed: true}) next: EventEmitter<IContactSelectEvent>;\n\n @State() first_name: string;\n @State() last_name: string;\n @State() email: string;\n @State() phone: string;\n @State() zip: string;\n @State() address: string;\n @State() message: string;\n @State() showSuggestions: boolean = false;\n @State() showMessage: boolean = false;\n @State() delegator: boolean = false;\n @State() auth_methods: TRecipientAuthMethod[] = [];\n @State() passcode: string = '';\n\n @State() firstNameFieldId = `verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2, 11)}`;\n @State() lastNameFieldId = `verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2, 11)}`;\n @State() emailFieldId = `verdocs-contact-picker-email-${Math.random().toString(36).substring(2, 11)}`;\n @State() phoneFieldId = `verdocs-contact-picker-phone-${Math.random().toString(36).substring(2, 11)}`;\n\n @State() featureFlags: IFeatureFlags = null;\n @State() activeEntitlements: Partial<Record<TEntitlement, IEntitlement>> = {};\n\n componentWillLoad() {\n this.endpoint.loadSession();\n\n if (this.templateRole) {\n const fullName = formatFullName(this.templateRole);\n const nameComponents = fullName.split(' ');\n const firstName = this.templateRole.first_name || nameComponents.shift() || '';\n const lastName = this.templateRole.last_name || nameComponents.join(' ') || '';\n this.first_name = firstName;\n this.last_name = lastName;\n\n this.email = this.templateRole.email || '';\n this.phone = this.templateRole.phone || '';\n this.delegator = this.templateRole.delegator || false;\n this.message = this.templateRole.message || '';\n this.showMessage = this.message !== '';\n this.auth_methods = this.templateRole.auth_methods || [];\n this.passcode = this.templateRole.passcode || '';\n }\n\n getActiveEntitlements(this.endpoint)\n .then(r => {\n this.activeEntitlements = r;\n console.log('[CONTACT PICKER] Loaded entitlements', r);\n })\n .catch(e => console.log('[CONTACT PICKER] Error loading entitlements, some features may be disabled.', e));\n\n getFeatureFlags()\n .then(flags => {\n this.featureFlags = flags;\n console.log('[CONTACT PICKER] Loaded feature flags', flags);\n })\n .catch(e => {\n console.log('[CONTACT PICKER] Unable to fetch feature flags, some features may be disabled.', e);\n });\n }\n\n handleFirstNameChange(e: any) {\n this.first_name = e.target.value;\n this.searchContacts?.emit({query: this.first_name});\n }\n\n handleLastNameChange(e: any) {\n this.last_name = e.target.value;\n this.searchContacts?.emit({query: this.last_name});\n }\n\n handleCancel(e: any) {\n e.stopPropagation();\n console.log('cxl');\n this.showSuggestions = false;\n this.exit?.emit();\n }\n\n handleSubmit(e: any) {\n e.stopPropagation();\n\n this.showSuggestions = false;\n this.next?.emit({\n first_name: this.first_name,\n last_name: this.last_name,\n email: this.email,\n phone: this.phone,\n message: this.message,\n delegator: this.delegator,\n auth_methods: this.auth_methods,\n passcode: this.passcode,\n address: this.address,\n zip: this.zip,\n });\n }\n\n handleSelectSuggestion(e: any, suggestion: TPickerContact) {\n e.stopPropagation();\n\n this.first_name = suggestion.first_name;\n this.last_name = suggestion.last_name;\n this.email = suggestion.email;\n this.phone = suggestion.phone;\n this.showSuggestions = false;\n }\n\n // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them\n // and show a duplicate autocomplete picker on top of our own.\n render() {\n // const hasBasics = this.first_name && this.last_name && (isValidEmail(this.email) || isValidPhone(this.phone));\n const hasBasics = this.first_name && this.last_name && isValidEmail(this.email);\n const hasAuthRequirements =\n !this.auth_methods.length ||\n (this.auth_methods.includes('passcode') && !!this.passcode) ||\n (this.auth_methods.includes('kba') && !!this.first_name && !!this.last_name) ||\n (this.auth_methods.includes('email') && !!this.email) ||\n (this.auth_methods.includes('sms') && !!this.phone);\n const canSubmit = hasBasics && hasAuthRequirements;\n const globalSMS = this.featureFlags?.toggles?.find(t => t.name === 'sms')?.enabled === true;\n\n const verificationOptions = [];\n\n if (this.featureFlags?.toggles?.find(t => t.name === 'passcode-verification')?.enabled === true) {\n verificationOptions.push({label: 'Passcode', value: 'passcode'});\n }\n\n if (this.featureFlags?.toggles?.find(t => t.name === 'email-verification')?.enabled === true) {\n verificationOptions.push({label: 'Email', value: 'email'});\n }\n\n if (globalSMS && this.featureFlags?.toggles?.find(t => t.name === 'sms-verification')?.enabled === true && !!this.activeEntitlements.sms_auth) {\n verificationOptions.push({label: 'SMS (One-Time Code)', value: 'sms'});\n }\n\n if (this.featureFlags?.toggles?.find(t => t.name === 'kba-verification')?.enabled === true && !!this.activeEntitlements.kba_auth) {\n verificationOptions.push({label: 'Knowledge-Based (KBA)', value: 'kba'});\n }\n\n if (this.featureFlags?.toggles?.find(t => t.name === 'id-verification')?.enabled === true && !!this.activeEntitlements.id_auth) {\n verificationOptions.push({label: 'ID Check', value: 'id'});\n }\n\n return (\n <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n <div class=\"row\">\n <label htmlFor={this.firstNameFieldId}>Name:</label>\n <div class=\"names-row\">\n <input\n id={this.firstNameFieldId}\n name={this.firstNameFieldId}\n type=\"text\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n aria-autocomplete=\"none\"\n value={this.first_name}\n placeholder=\"First...\"\n onFocus={() => {\n // Give the blur event a chance to hide it first if going between first/last\n setTimeout(() => {\n this.showSuggestions = this.contactSuggestions?.length > 0;\n }, 100);\n }}\n onInput={e => this.handleFirstNameChange(e)}\n />\n <input\n id={this.lastNameFieldId}\n name={this.lastNameFieldId}\n type=\"text\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n aria-autocomplete=\"none\"\n value={this.last_name}\n placeholder=\"Last...\"\n onFocus={() => {\n // Give the blur event a chance to hide it first if going between first/last\n setTimeout(() => {\n this.showSuggestions = this.contactSuggestions?.length > 0;\n }, 100);\n }}\n onInput={e => this.handleLastNameChange(e)}\n />\n </div>\n\n {this.showSuggestions && (\n <verdocs-portal anchor={this.firstNameFieldId} onClickAway={() => (this.showSuggestions = false)} id=\"verdocs-contact-picker-suggestions\">\n <div class=\"dropdown\">\n {this.contactSuggestions\n .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))\n .map(suggestion => (\n <div key={suggestion.id ?? suggestion.email} class=\"suggestion\" onClick={e => this.handleSelectSuggestion(e, suggestion)}>\n {suggestion.picture ? <img alt=\"Avatar\" class=\"avatar\" src={suggestion.picture} /> : <div class=\"avatar\" innerHTML={addrBookIcon} />}\n <div class=\"details\">\n <div class=\"name\">{formatFullName(suggestion)}</div>\n {suggestion.email && <div class=\"destination\">{suggestion.email}</div>}\n {suggestion.phone && <div class=\"destination\">{suggestion.phone}</div>}\n </div>\n </div>\n ))}\n </div>\n </verdocs-portal>\n )}\n </div>\n\n <div class=\"row\">\n <label htmlFor={this.emailFieldId}>Email:</label>\n <input\n id={this.emailFieldId}\n name={this.emailFieldId}\n type=\"text\"\n data-lpignore=\"true\"\n autoComplete=\"blocked\"\n aria-autocomplete=\"none\"\n value={this.email}\n placeholder=\"Invite/verify via email...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={(e: any) => (this.email = e.target.value)}\n />\n </div>\n\n {globalSMS && (\n <div class=\"row\">\n <label htmlFor={this.phoneFieldId}>Phone:</label>\n <input\n id={this.phoneFieldId}\n name={this.phoneFieldId}\n type=\"text\"\n data-lpignore=\"true\"\n autoComplete=\"blocked\"\n aria-autocomplete=\"none\"\n value={this.phone}\n placeholder=\"Invite/verify via SMS...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={(e: any) => {\n this.phone = convertToE164(e.target.value);\n }}\n />\n </div>\n )}\n\n <Fragment>\n {verificationOptions.length > 0 && (\n <div class=\"row\">\n <label>Recipient Verification:</label>\n <verdocs-multiselect\n label=\"\"\n placeholder=\"None\"\n options={verificationOptions}\n selectedOptions={this.auth_methods}\n onSelectionChanged={(e: any) => {\n console.log('selectedOptions changed', e.detail);\n this.auth_methods = e.detail.selectedOptions;\n }}\n />\n </div>\n )}\n\n {this.auth_methods.includes('passcode') && (\n <div class=\"row pin-code\">\n <label htmlFor={this.phoneFieldId}>Passcode:</label>\n <input\n id=\"verdocs-passcode\"\n name=\"verdocs-passcode\"\n type=\"text\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n aria-autocomplete=\"none\"\n value={this.passcode}\n placeholder=\"4-8 digits recommended...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={(e: any) => (this.passcode = e.target.value)}\n />\n </div>\n )}\n </Fragment>\n\n <div class=\"row message\">\n <label htmlFor=\"verdocs-contact-picker-message\">Message:</label>\n <textarea\n id=\"verdocs-contact-picker-message\"\n name=\"verdocs-contact-picker-message\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n placeholder=\"Optional message to include in invitation...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={(e: any) => (this.message = e.target.value)}\n >\n {this.message}\n </textarea>\n </div>\n\n <div class=\"buttons\">\n <div class=\"flex-fill\" />\n\n <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onClick={e => this.handleCancel(e)} />\n <verdocs-button label=\"OK\" size=\"small\" disabled={!canSubmit} onClick={!canSubmit ? () => {} : e => this.handleSubmit(e)} />\n </div>\n </form>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"verdocs-contact-picker.js","sourceRoot":"","sources":["../../../../src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, h, Event, EventEmitter, Fragment, Prop, State} from '@stencil/core';\nimport {formatFullName, getActiveEntitlements, IEntitlement, IProfile, IRecipient, isValidEmail, TEntitlement, TRecipientAuthMethod, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getFeatureFlags, IFeatureFlags} from '../../../utils/Unleash';\nimport {convertToE164} from '../../../utils/utils';\n\nconst addrBookIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-book-user\"><path d=\"M15 13a3 3 0 1 0-6 0\"/><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20\"/><circle cx=\"12\" cy=\"8\" r=\"2\"/></svg>`;\n\nexport interface IContactSearchEvent {\n query: string;\n}\n\nexport interface IContactSelectEvent {\n first_name: string;\n last_name: string;\n email: string;\n phone: string;\n message: string;\n delegator: boolean;\n auth_methods: TRecipientAuthMethod[];\n passcode: string;\n address: string;\n zip: string;\n}\n\nexport type TPickerContact = Partial<IProfile>;\n\n/**\n * Display a contact picker suitable for filling out Recipient objects when sending Envelopes.\n *\n * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the\n * user interacts with the component, the text entered in the name fields is sent back to the parent via the `searchContacts` event.\n * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be\n * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as \"Recently Used\" contacts, or\n * to always display the user's own contact record.\n *\n * ```ts\n * <verdocs-contact-picker\n * templateRole={role}\n * contactSuggestions={[]}\n * onNext={e => console.log('Contact completed', e.detail)}\n * />\n * ```\n */\n@Component({\n tag: 'verdocs-contact-picker',\n styleUrl: 'verdocs-contact-picker.scss',\n shadow: false,\n})\nexport class VerdocsContactPicker {\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The role that this contact will be assigned to.\n */\n @Prop() templateRole: Partial<IRecipient> | null = null;\n\n /**\n * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number\n * of suggestions be limited to the 5 best matching records.\n */\n @Prop() contactSuggestions: TPickerContact[] = [];\n\n /**\n * Event fired when the user enters text in the search field. The calling application may use this to update\n * the `contactSuggestions` property.\n */\n @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\n\n /**\n * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n */\n @Event({composed: true}) exit: EventEmitter;\n\n /**\n * Event fired when the user changes the type.\n */\n @Event({composed: true}) next: EventEmitter<IContactSelectEvent>;\n\n @State() first_name: string;\n @State() last_name: string;\n @State() email: string;\n @State() phone: string;\n @State() zip: string;\n @State() address: string;\n @State() message: string;\n @State() showSuggestions: boolean = false;\n @State() showMessage: boolean = false;\n @State() delegator: boolean = false;\n @State() auth_methods: TRecipientAuthMethod[] = [];\n @State() passcode: string = '';\n\n @State() firstNameFieldId = `verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2, 11)}`;\n @State() lastNameFieldId = `verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2, 11)}`;\n @State() emailFieldId = `verdocs-contact-picker-email-${Math.random().toString(36).substring(2, 11)}`;\n @State() phoneFieldId = `verdocs-contact-picker-phone-${Math.random().toString(36).substring(2, 11)}`;\n\n @State() featureFlags: IFeatureFlags = null;\n @State() activeEntitlements: Partial<Record<TEntitlement, IEntitlement>> = {};\n\n componentWillLoad() {\n this.endpoint.loadSession();\n\n if (this.templateRole) {\n const fullName = formatFullName(this.templateRole);\n const nameComponents = fullName.split(' ');\n const firstName = this.templateRole.first_name || nameComponents.shift() || '';\n const lastName = this.templateRole.last_name || nameComponents.join(' ') || '';\n this.first_name = firstName;\n this.last_name = lastName;\n\n this.email = this.templateRole.email || '';\n this.phone = this.templateRole.phone || '';\n this.delegator = this.templateRole.delegator || false;\n this.message = this.templateRole.message || '';\n this.showMessage = this.message !== '';\n this.auth_methods = this.templateRole.auth_methods || [];\n this.passcode = this.templateRole.passcode || '';\n }\n\n getActiveEntitlements(this.endpoint)\n .then(r => {\n this.activeEntitlements = r;\n console.log('[CONTACT PICKER] Loaded entitlements', r);\n })\n .catch(e => console.log('[CONTACT PICKER] Error loading entitlements, some features may be disabled.', e));\n\n getFeatureFlags()\n .then(flags => {\n this.featureFlags = flags;\n console.log('[CONTACT PICKER] Loaded feature flags', flags);\n })\n .catch(e => {\n console.log('[CONTACT PICKER] Unable to fetch feature flags, some features may be disabled.', e);\n });\n }\n\n handleFirstNameChange(e: any) {\n this.first_name = e.target.value;\n this.searchContacts?.emit({query: this.first_name});\n }\n\n handleLastNameChange(e: any) {\n this.last_name = e.target.value;\n this.searchContacts?.emit({query: this.last_name});\n }\n\n handleCancel(e: any) {\n e.stopPropagation();\n this.showSuggestions = false;\n this.exit?.emit();\n }\n\n handleSubmit(e: any) {\n e.stopPropagation();\n\n this.showSuggestions = false;\n this.next?.emit({\n first_name: this.first_name,\n last_name: this.last_name,\n email: this.email,\n phone: this.phone,\n message: this.message,\n delegator: this.delegator,\n auth_methods: this.auth_methods,\n passcode: this.passcode,\n address: this.address,\n zip: this.zip,\n });\n }\n\n handleSelectSuggestion(e: any, suggestion: TPickerContact) {\n e.stopPropagation();\n\n this.first_name = suggestion.first_name;\n this.last_name = suggestion.last_name;\n this.email = suggestion.email;\n this.phone = suggestion.phone;\n this.showSuggestions = false;\n }\n\n // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them\n // and show a duplicate autocomplete picker on top of our own.\n render() {\n // const hasBasics = this.first_name && this.last_name && (isValidEmail(this.email) || isValidPhone(this.phone));\n const hasBasics = this.first_name && this.last_name && isValidEmail(this.email);\n const hasAuthRequirements =\n !this.auth_methods.length ||\n (this.auth_methods.includes('passcode') && !!this.passcode) ||\n (this.auth_methods.includes('kba') && !!this.first_name && !!this.last_name) ||\n (this.auth_methods.includes('email') && !!this.email) ||\n (this.auth_methods.includes('sms') && !!this.phone);\n const canSubmit = hasBasics && hasAuthRequirements;\n const globalSMS = this.featureFlags?.toggles?.find(t => t.name === 'sms')?.enabled === true;\n\n const verificationOptions = [];\n\n if (this.featureFlags?.toggles?.find(t => t.name === 'passcode-verification')?.enabled === true) {\n verificationOptions.push({label: 'Passcode', value: 'passcode'});\n }\n\n if (this.featureFlags?.toggles?.find(t => t.name === 'email-verification')?.enabled === true) {\n verificationOptions.push({label: 'Email', value: 'email'});\n }\n\n if (globalSMS && this.featureFlags?.toggles?.find(t => t.name === 'sms-verification')?.enabled === true && !!this.activeEntitlements.sms_auth) {\n verificationOptions.push({label: 'SMS (One-Time Code)', value: 'sms'});\n }\n\n if (this.featureFlags?.toggles?.find(t => t.name === 'kba-verification')?.enabled === true && !!this.activeEntitlements.kba_auth) {\n verificationOptions.push({label: 'Knowledge-Based (KBA)', value: 'kba'});\n }\n\n if (this.featureFlags?.toggles?.find(t => t.name === 'id-verification')?.enabled === true && !!this.activeEntitlements.id_auth) {\n verificationOptions.push({label: 'ID Check', value: 'id'});\n }\n\n return (\n <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n <div class=\"row\">\n <label htmlFor={this.firstNameFieldId}>Name:</label>\n <div class=\"names-row\">\n <input\n id={this.firstNameFieldId}\n name={this.firstNameFieldId}\n type=\"text\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n aria-autocomplete=\"none\"\n value={this.first_name}\n placeholder=\"First...\"\n onFocus={() => {\n // Give the blur event a chance to hide it first if going between first/last\n setTimeout(() => {\n this.showSuggestions = this.contactSuggestions?.length > 0;\n }, 100);\n }}\n onInput={e => this.handleFirstNameChange(e)}\n />\n <input\n id={this.lastNameFieldId}\n name={this.lastNameFieldId}\n type=\"text\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n aria-autocomplete=\"none\"\n value={this.last_name}\n placeholder=\"Last...\"\n onFocus={() => {\n // Give the blur event a chance to hide it first if going between first/last\n setTimeout(() => {\n this.showSuggestions = this.contactSuggestions?.length > 0;\n }, 100);\n }}\n onInput={e => this.handleLastNameChange(e)}\n />\n </div>\n\n {this.showSuggestions && (\n <verdocs-portal anchor={this.firstNameFieldId} onClickAway={() => (this.showSuggestions = false)} id=\"verdocs-contact-picker-suggestions\">\n <div class=\"dropdown\">\n {this.contactSuggestions\n .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))\n .map(suggestion => (\n <div key={suggestion.id ?? suggestion.email} class=\"suggestion\" onClick={e => this.handleSelectSuggestion(e, suggestion)}>\n {suggestion.picture ? <img alt=\"Avatar\" class=\"avatar\" src={suggestion.picture} /> : <div class=\"avatar\" innerHTML={addrBookIcon} />}\n <div class=\"details\">\n <div class=\"name\">{formatFullName(suggestion)}</div>\n {suggestion.email && <div class=\"destination\">{suggestion.email}</div>}\n {suggestion.phone && <div class=\"destination\">{suggestion.phone}</div>}\n </div>\n </div>\n ))}\n </div>\n </verdocs-portal>\n )}\n </div>\n\n <div class=\"row\">\n <label htmlFor={this.emailFieldId}>Email:</label>\n <input\n id={this.emailFieldId}\n name={this.emailFieldId}\n type=\"text\"\n data-lpignore=\"true\"\n autoComplete=\"blocked\"\n aria-autocomplete=\"none\"\n value={this.email}\n placeholder=\"Invite/verify via email...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={(e: any) => (this.email = e.target.value)}\n />\n </div>\n\n {globalSMS && (\n <div class=\"row\">\n <label htmlFor={this.phoneFieldId}>Phone:</label>\n <input\n id={this.phoneFieldId}\n name={this.phoneFieldId}\n type=\"text\"\n data-lpignore=\"true\"\n autoComplete=\"blocked\"\n aria-autocomplete=\"none\"\n value={this.phone}\n placeholder=\"Invite/verify via SMS...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={(e: any) => {\n this.phone = convertToE164(e.target.value);\n }}\n />\n </div>\n )}\n\n <Fragment>\n {verificationOptions.length > 0 && (\n <div class=\"row\">\n <label>Recipient Verification:</label>\n <verdocs-multiselect\n label=\"\"\n placeholder=\"None\"\n options={verificationOptions}\n selectedOptions={this.auth_methods}\n onSelectionChanged={(e: any) => {\n this.auth_methods = e.detail.selectedOptions;\n }}\n />\n </div>\n )}\n\n {this.auth_methods.includes('passcode') && (\n <div class=\"row pin-code\">\n <label htmlFor={this.phoneFieldId}>Passcode:</label>\n <input\n id=\"verdocs-passcode\"\n name=\"verdocs-passcode\"\n type=\"text\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n aria-autocomplete=\"none\"\n value={this.passcode}\n placeholder=\"4-8 digits recommended...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={(e: any) => (this.passcode = e.target.value)}\n />\n </div>\n )}\n </Fragment>\n\n <div class=\"row message\">\n <label htmlFor=\"verdocs-contact-picker-message\">Message:</label>\n <textarea\n id=\"verdocs-contact-picker-message\"\n name=\"verdocs-contact-picker-message\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n placeholder=\"Optional message to include in invitation...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={(e: any) => (this.message = e.target.value)}\n >\n {this.message}\n </textarea>\n </div>\n\n <div class=\"buttons\">\n <div class=\"flex-fill\" />\n\n <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onClick={e => this.handleCancel(e)} />\n <verdocs-button label=\"OK\" size=\"small\" disabled={!canSubmit} onClick={!canSubmit ? () => {} : e => this.handleSubmit(e)} />\n </div>\n </form>\n );\n }\n}\n"]}
@@ -96,8 +96,8 @@ verdocs-field-radio:not(.done) input[type=radio]:focus + label:before {
96
96
  }
97
97
  verdocs-field-radio:not(.done) input[type=radio]:disabled + label:before {
98
98
  box-shadow: inset 0 0 0 4px #f5f5fa;
99
- border-color: #a0a0d0;
100
- background: #a0a0d0;
99
+ border-color: rgb(160, 160, 207.5);
100
+ background: rgb(160, 160, 207.5);
101
101
  }
102
102
  verdocs-field-radio:not(.done) input[type=radio] + label:empty:before {
103
103
  margin-right: 0;
@@ -0,0 +1,6 @@
1
+ import { VerdocsEndpoint } from "@verdocs/js-sdk";
2
+ export const BETA_ORIGINS = ['https://beta.verdocs.com', 'https://stage.verdocs.com', 'http://localhost:6006', 'http://localhost:5173'];
3
+ export const IS_BETA = BETA_ORIGINS.includes(window.location.origin);
4
+ export const API_URL = IS_BETA ? 'https://stage-api.verdocs.com' : 'https://api.verdocs.com';
5
+ export const DefaultEndpoint = VerdocsEndpoint.getDefault().setBaseURL(API_URL);
6
+ //# sourceMappingURL=Environment.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Environment.js","sourceRoot":"","sources":["../../src/utils/Environment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,0BAA0B,EAAE,2BAA2B,EAAE,uBAAuB,EAAE,uBAAuB,CAAC,CAAC;AAExI,MAAM,CAAC,MAAM,OAAO,GAAG,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,yBAAyB,CAAC;AAE7F,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,UAAU,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC","sourcesContent":["import {VerdocsEndpoint} from '@verdocs/js-sdk';\n\nexport const BETA_ORIGINS = ['https://beta.verdocs.com', 'https://stage.verdocs.com', 'http://localhost:6006', 'http://localhost:5173'];\n\nexport const IS_BETA = BETA_ORIGINS.includes(window.location.origin);\n\nexport const API_URL = IS_BETA ? 'https://stage-api.verdocs.com' : 'https://api.verdocs.com';\n\nexport const DefaultEndpoint = VerdocsEndpoint.getDefault().setBaseURL(API_URL);\n"]}
@@ -1,5 +1,5 @@
1
1
  import axios from "axios";
2
- const BETA_ORIGINS = ['https://beta.verdocs.com', 'https://stage.verdocs.com', 'http://localhost:6006', 'http://localhost:5173'];
2
+ import { BETA_ORIGINS } from "./Environment";
3
3
  const API_KEY = BETA_ORIGINS.includes(window.location.origin)
4
4
  ? 'default:development.6348f953f52485d19daf03992f2123a36e9eae59c5ca7f8736dc2b67'
5
5
  : 'default:production.4808a77b2a149e1796391b480b4fb501d73aa1e11123f60e07809ced';
@@ -1 +1 @@
1
- {"version":3,"file":"Unleash.js","sourceRoot":"","sources":["../../src/utils/Unleash.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,YAAY,GAAG,CAAC,0BAA0B,EAAE,2BAA2B,EAAE,uBAAuB,EAAE,uBAAuB,CAAC,CAAC;AAEjI,MAAM,OAAO,GAAG,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;IAC3D,CAAC,CAAC,8EAA8E;IAChF,CAAC,CAAC,6EAA6E,CAAC;AAgBlF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAClC,KAAK;KACF,GAAG,CAAgB,0CAA0C,EAAE;IAC9D,OAAO,EAAE;QACP,MAAM,EAAE,kBAAkB;QAC1B,aAAa,EAAE,OAAO;KACvB;CACF,CAAC;KACD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;KACjB,KAAK,CAAC,CAAC,CAAC,EAAE;IACT,OAAO,CAAC,GAAG,CAAC,wCAAwC,EAAE,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,CAAC;AACV,CAAC,CAAC,CAAC","sourcesContent":["import axios from 'axios';\n\nconst BETA_ORIGINS = ['https://beta.verdocs.com', 'https://stage.verdocs.com', 'http://localhost:6006', 'http://localhost:5173'];\n\nconst API_KEY = BETA_ORIGINS.includes(window.location.origin)\n ? 'default:development.6348f953f52485d19daf03992f2123a36e9eae59c5ca7f8736dc2b67'\n : 'default:production.4808a77b2a149e1796391b480b4fb501d73aa1e11123f60e07809ced';\n\nexport interface IFeatureFlags {\n toggles: {\n name: string; // 'on-call-featured'\n enabled: boolean;\n impressionData: boolean;\n variant: {\n name: string;\n enabled: boolean;\n feature_enabled: boolean;\n featureEnabled: boolean;\n };\n }[];\n}\n\nexport const getFeatureFlags = () =>\n axios\n .get<IFeatureFlags>('https://unleash.verdocs.com/api/frontend', {\n headers: {\n Accept: 'application/json',\n Authorization: API_KEY,\n },\n })\n .then(r => r.data)\n .catch(e => {\n console.log('Unleash: Unable to fetch feature flags', e);\n throw e;\n });\n"]}
1
+ {"version":3,"file":"Unleash.js","sourceRoot":"","sources":["../../src/utils/Unleash.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAE3C,MAAM,OAAO,GAAG,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;IAC3D,CAAC,CAAC,8EAA8E;IAChF,CAAC,CAAC,6EAA6E,CAAC;AAgBlF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAClC,KAAK;KACF,GAAG,CAAgB,0CAA0C,EAAE;IAC9D,OAAO,EAAE;QACP,MAAM,EAAE,kBAAkB;QAC1B,aAAa,EAAE,OAAO;KACvB;CACF,CAAC;KACD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;KACjB,KAAK,CAAC,CAAC,CAAC,EAAE;IACT,OAAO,CAAC,GAAG,CAAC,wCAAwC,EAAE,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,CAAC;AACV,CAAC,CAAC,CAAC","sourcesContent":["import axios from 'axios';\nimport {BETA_ORIGINS} from './Environment';\n\nconst API_KEY = BETA_ORIGINS.includes(window.location.origin)\n ? 'default:development.6348f953f52485d19daf03992f2123a36e9eae59c5ca7f8736dc2b67'\n : 'default:production.4808a77b2a149e1796391b480b4fb501d73aa1e11123f60e07809ced';\n\nexport interface IFeatureFlags {\n toggles: {\n name: string; // 'on-call-featured'\n enabled: boolean;\n impressionData: boolean;\n variant: {\n name: string;\n enabled: boolean;\n feature_enabled: boolean;\n featureEnabled: boolean;\n };\n }[];\n}\n\nexport const getFeatureFlags = () =>\n axios\n .get<IFeatureFlags>('https://unleash.verdocs.com/api/frontend', {\n headers: {\n Accept: 'application/json',\n Authorization: API_KEY,\n },\n })\n .then(r => r.data)\n .catch(e => {\n console.log('Unleash: Unable to fetch feature flags', e);\n throw e;\n });\n"]}
@@ -1,5 +1,6 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-1f51246d.js';
2
2
  import { VerdocsEndpoint, formatFullName, getActiveEntitlements, isValidEmail } from '@verdocs/js-sdk';
3
+ import { B as BETA_ORIGINS } from './p-0aad02d5.js';
3
4
  import { c as convertToE164 } from './p-af5ecc92.js';
4
5
  import { d as defineCustomElement$4 } from './p-f5ccf125.js';
5
6
  import { d as defineCustomElement$3 } from './p-96774726.js';
@@ -3712,7 +3713,6 @@ axios.default = axios;
3712
3713
  // this module should only have a default export
3713
3714
  const axios$1 = axios;
3714
3715
 
3715
- const BETA_ORIGINS = ['https://beta.verdocs.com', 'https://stage.verdocs.com', 'http://localhost:6006', 'http://localhost:5173'];
3716
3716
  const API_KEY = BETA_ORIGINS.includes(window.location.origin)
3717
3717
  ? 'default:development.6348f953f52485d19daf03992f2123a36e9eae59c5ca7f8736dc2b67'
3718
3718
  : 'default:production.4808a77b2a149e1796391b480b4fb501d73aa1e11123f60e07809ced';
@@ -3810,7 +3810,6 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
3810
3810
  handleCancel(e) {
3811
3811
  var _a;
3812
3812
  e.stopPropagation();
3813
- console.log('cxl');
3814
3813
  this.showSuggestions = false;
3815
3814
  (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
3816
3815
  }
@@ -3868,29 +3867,28 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
3868
3867
  if (((_t = (_s = (_r = this.featureFlags) === null || _r === void 0 ? void 0 : _r.toggles) === null || _s === void 0 ? void 0 : _s.find(t => t.name === 'id-verification')) === null || _t === void 0 ? void 0 : _t.enabled) === true && !!this.activeEntitlements.id_auth) {
3869
3868
  verificationOptions.push({ label: 'ID Check', value: 'id' });
3870
3869
  }
3871
- return (h("form", { key: '04692a50db278a08b263fa5343a90f832b7a39ee', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '49c73586ee2a3b55284c7060578ce2f76442eb7f', class: "row" }, h("label", { key: 'c14e09c5fafc682f8e84409cabb8c16080a542ef', htmlFor: this.firstNameFieldId }, "Name:"), h("div", { key: '64d1f1411604edaab598852ecccbd2e81cac5d01', class: "names-row" }, h("input", { key: 'ab738a6d5fb36378c6cae917ffc0cce34eefc251', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.first_name, placeholder: "First...", onFocus: () => {
3870
+ return (h("form", { key: 'cba230aed78c493105a007d965938ef36c0676c5', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '436c7454a56df0f535f3aefdfff577a88dafa22c', class: "row" }, h("label", { key: 'b281d4c25f7b940d50700f808cdc9e7c3e235c63', htmlFor: this.firstNameFieldId }, "Name:"), h("div", { key: 'ef6316233086a5b6f7d5230e64134d3d4d370401', class: "names-row" }, h("input", { key: 'bb1114f98ee766c4da332c635e9aabfddb0ea0c5', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.first_name, placeholder: "First...", onFocus: () => {
3872
3871
  // Give the blur event a chance to hide it first if going between first/last
3873
3872
  setTimeout(() => {
3874
3873
  var _a;
3875
3874
  this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0;
3876
3875
  }, 100);
3877
- }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: 'e78173446c9eb0d24125b1e9a614948b2c0dea34', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.last_name, placeholder: "Last...", onFocus: () => {
3876
+ }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: '8165b6a10ccec8cc699965a0e457c4984ba7e6d9', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.last_name, placeholder: "Last...", onFocus: () => {
3878
3877
  // Give the blur event a chance to hide it first if going between first/last
3879
3878
  setTimeout(() => {
3880
3879
  var _a;
3881
3880
  this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0;
3882
3881
  }, 100);
3883
- }, onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("verdocs-portal", { key: '9947a7f8ab42d1790df06e579796d4a2e93245d1', anchor: this.firstNameFieldId, onClickAway: () => (this.showSuggestions = false), id: "verdocs-contact-picker-suggestions" }, h("div", { key: 'fbc62ab9fe1d080bd24cdcd6d06af7608957566c', class: "dropdown" }, this.contactSuggestions
3882
+ }, onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("verdocs-portal", { key: '50bb3ba19b9ebedaf5dc6b42ab9ee56b49baf316', anchor: this.firstNameFieldId, onClickAway: () => (this.showSuggestions = false), id: "verdocs-contact-picker-suggestions" }, h("div", { key: '06d909db8340e219f56520cba088f39d024e23c9', class: "dropdown" }, this.contactSuggestions
3884
3883
  .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
3885
3884
  .map(suggestion => {
3886
3885
  var _a;
3887
3886
  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))));
3888
- }))))), h("div", { key: 'e8e70c9c0eb9aac2949ea3f1cdcad31a0109b1e6', class: "row" }, h("label", { key: '1a0446066a2337a8317e4f1a30a7b4bbaac8e9d9', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '700f23efdcdad3569e37f68beb87254768997476', 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: 'e10b121fcc2c612b95a9e8ebd35fbbaba78f31ff', class: "row" }, h("label", { key: '924df4057ae82c1a42a060f6457999e9e7be3e9d', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: 'be1707e6c04744891626dd14ce7beee679e33b95', 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) => {
3887
+ }))))), h("div", { key: '0fd66b40717c81b65a301ced6b6bf4b6ff7b6626', class: "row" }, h("label", { key: '70956784b72087d8c1868595ec40dfbdee34ca87', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '35582c90e48b6f532fc75cc51525ca06162ebcc8', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", "aria-autocomplete": "none", value: this.email, placeholder: "Invite/verify via email...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), globalSMS && (h("div", { key: '626950e0213dbc8fab07af0ac7682db19638c73c', class: "row" }, h("label", { key: '12cfdd054564af5cc3573785d884c87b7b50bae4', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '8ecb757d6ee8acf6041c75f4fc0621ece470fcdf', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", "aria-autocomplete": "none", value: this.phone, placeholder: "Invite/verify via SMS...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
3889
3888
  this.phone = convertToE164(e.target.value);
3890
- } }))), h(Fragment, { key: 'a27e49219aed619f6ce094ca91d7bdb8ee4bd361' }, verificationOptions.length > 0 && (h("div", { key: '3c2eb231a5e10223a0554b2661f7902a7343ff14', class: "row" }, h("label", { key: '2424d844f6c54d6898aff3746c665e8f0028393f' }, "Recipient Verification:"), h("verdocs-multiselect", { key: '15e4fdff72818343d016749c83a10602083c19db', label: "", placeholder: "None", options: verificationOptions, selectedOptions: this.auth_methods, onSelectionChanged: (e) => {
3891
- console.log('selectedOptions changed', e.detail);
3889
+ } }))), h(Fragment, { key: '2023b0c925497df85590f0294597c38bde90b1da' }, verificationOptions.length > 0 && (h("div", { key: 'eb16a51636c12027f228714283bc3a045b04f364', class: "row" }, h("label", { key: 'c53d976fa49aa4ff32d6e176aed1a425a19befca' }, "Recipient Verification:"), h("verdocs-multiselect", { key: '6b84fd7b99c4b4f9e21242d444ead7238d3b12ec', label: "", placeholder: "None", options: verificationOptions, selectedOptions: this.auth_methods, onSelectionChanged: (e) => {
3892
3890
  this.auth_methods = e.detail.selectedOptions;
3893
- } }))), this.auth_methods.includes('passcode') && (h("div", { key: 'cb92bbf38b29b81dd443ea63ee52f5c38ca3e462', class: "row pin-code" }, h("label", { key: 'a31d6aa08952a78774e0f7d6fc89a0c992fff0ce', htmlFor: this.phoneFieldId }, "Passcode:"), h("input", { key: '416d22a451995e318fed41b36feda632b7324231', 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: '12d5f81d3750dfbec08c01d9f9e5ef8ff4e4ab61', class: "row message" }, h("label", { key: 'c5d2265df1203c2f1cb09e4ef99ece909a11c3d1', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("textarea", { key: '875a4a055860497d1b5f270fe9e4f76fd1594d86', 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: 'fc5dc7ca853d00fbeb22b912f7da5db32c394bdb', class: "buttons" }, h("div", { key: 'cb19eed74dcc4a093d0420352e31b50c252ca857', class: "flex-fill" }), h("verdocs-button", { key: 'b94abf0ba4e07bdb661aee267a2d23bd1e5f9555', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '2ad4cf79ebbac22818caee6fd732cf4cbf01436b', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
3891
+ } }))), this.auth_methods.includes('passcode') && (h("div", { key: '6e5059ea257eef3f44090348d5b264a0d4fca331', class: "row pin-code" }, h("label", { key: '3c38728d9833d750e097c96b1df655d2c624cbaf', htmlFor: this.phoneFieldId }, "Passcode:"), h("input", { key: 'c067ad0b5e64554869d382b30034ad06f3f2287c', 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: 'aea4f4504c415602990370c74b8cbc4888cdb9c4', class: "row message" }, h("label", { key: '293b04061121e45a161299a7c67742b35450f73e', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("textarea", { key: '27b597556563377a843865cfa1205d28c5a35440', 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: 'cd57ffae6c1fdb990b5cee5d2f93315b1e431ae2', class: "buttons" }, h("div", { key: '229c636cd7d61eaeece868f1d64a787465913223', class: "flex-fill" }), h("verdocs-button", { key: '0014bda0bcef66e26df9cfad2e4ca09bad08419a', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'cc2456cc0e493b0449750e3950e28c6c3aa69fa2', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
3894
3892
  }
3895
3893
  static get style() { return VerdocsContactPickerStyle0; }
3896
3894
  }, [0, "verdocs-contact-picker", {
@@ -3952,4 +3950,4 @@ function defineCustomElement() {
3952
3950
 
3953
3951
  export { VerdocsContactPicker as V, defineCustomElement as d };
3954
3952
 
3955
- //# sourceMappingURL=p-ccbd93c3.js.map
3953
+ //# sourceMappingURL=p-01c8196b.js.map