@verdocs/web-sdk 4.2.149 → 4.2.151

package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js

@@ -1,5 +1,6 @@
 import { Host, Fragment, h } from "@stencil/core";
-import { updateEnvelopeFieldSignature, uploadEnvelopeFieldAttachment, VerdocsEndpoint, updateEnvelopeField, sortFields, submitKbaIdentity, submitKbaChallengeResponse, } from "@verdocs/js-sdk";
+import { updateEnvelopeFieldSignature, uploadEnvelopeFieldAttachment, VerdocsEndpoint } from "@verdocs/js-sdk";
+import { updateEnvelopeField, sortFields, submitKbaIdentity, submitKbaChallengeResponse } from "@verdocs/js-sdk";
 import { fullNameToInitials, startSigningSession, deleteEnvelopeFieldAttachment, getKbaStep } from "@verdocs/js-sdk";
 import { getEnvelope, integerSequence, isValidEmail, isValidPhone, submitKbaPin, updateEnvelopeFieldInitials } from "@verdocs/js-sdk";
 import { createInitials, createSignature, envelopeRecipientAgree, envelopeRecipientDecline, envelopeRecipientSubmit, formatFullName } from "@verdocs/js-sdk";
@@ -50,16 +51,13 @@ export class VerdocsSign {
         this.hasSignature = false;
         this.nextButtonLabel = 'Start';
         this.nextSubmits = false;
-        this.errorMessage = '';
+        this.fatalErrorHeader = '';
+        this.fatalErrorMessage = '';
         this.focusedField = '';
         this.submitting = false;
         this.submitted = false;
-        this.canceled = false;
-        this.declined = false;
         this.isDone = false;
         this.showDone = false;
-        this.showCanceled = false;
-        this.showDeclined = false;
         this.showLoadError = false;
         this.finishLater = false;
         this.showFinishLater = false;
@@ -116,13 +114,17 @@ export class VerdocsSign {
             // TODO: Envelope "complete" | "declined" | "canceled"
             // TODO: Recipient "canceled"
             this.submitted = this.recipient.status === 'submitted';
-            this.declined = this.recipient.status === 'declined';
-            this.canceled = this.envelope.status === 'canceled';
-            this.isDone = this.submitted || this.declined || this.canceled;
+            this.isDone = this.submitted;
             this.showDone = this.submitted;
-            this.showCanceled = this.canceled;
-            this.showDeclined = this.declined;
-            if (this.agreed) {
+            if (this.envelope.status === 'canceled') {
+                this.fatalErrorHeader = 'Unable to Start Signing Session';
+                this.fatalErrorMessage = 'This envelope has been canceled. Please contact its sender for more information.';
+            }
+            else if (this.recipient.status === 'declined') {
+                this.fatalErrorHeader = 'Unable to Start Signing Session';
+                this.fatalErrorMessage = 'You have declined to sign this envelope.';
+            }
+            else if (this.agreed) {
                 this.nextButtonLabel = 'Next';
             }
             this.checkRecipientFields();
@@ -191,18 +193,8 @@ export class VerdocsSign {
                     console.log('[SIGN] Decline result', declineResult);
                     (_c = this.envelopeUpdated) === null || _c === void 0 ? void 0 : _c.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'declined' });
                     this.submitting = false;
-                    this.declined = true;
-                    this.showDeclined = true;
-                    // console.log('[SIGN] Reloading envelope');
-                    // getEnvelope(this.endpoint, this.envelopeId)
-                    //   .then(envelope => {
-                    //     this.envelope = envelope;
-                    //     this.isDone = true;
-                    //   })
-                    //   .catch(e => {
-                    //     this.isDone = true;
-                    //     console.log('[SIGN] Error reloading envelope', e);
-                    //   });
+                    this.fatalErrorHeader = 'Unable to Start Signing Session';
+                    this.fatalErrorMessage = 'You have declined to sign this envelope.';
                 }
                 break;
             case 'print':
@@ -242,7 +234,8 @@ export class VerdocsSign {
             var _a, _b, _c, _d, _e, _f;
             if (((_a = e.response) === null || _a === void 0 ? void 0 : _a.status) === 401 && ((_c = (_b = e.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.error) === 'jwt expired') {
                 console.log('[SIGN] Signing session expired');
-                this.errorMessage = 'Signing session expired. Please reload your browser to continue.';
+                this.fatalErrorHeader = 'Signing Session Expired';
+                this.fatalErrorMessage = 'Please reload your browser to continue.';
             }
             else {
                 console.log('[SIGN] Server error', e);
@@ -573,24 +566,18 @@ export class VerdocsSign {
         if (!this.envelope) {
             return (h(Host, null, h("verdocs-loader", null)));
         }
+        if (this.fatalErrorMessage) {
+            return (h(Host, { class: { agreed: this.agreed } }, h("div", { class: "fatal-error" }, h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", class: "placeholder", alt: "Placeholder page" }), h("div", { class: "message" }, h("div", { class: "header" }, this.fatalErrorHeader), h("p", null, this.fatalErrorMessage)))));
+        }
         if (this.isDone) {
-            return (h(Host, { class: { agreed: this.agreed } }, h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, envelope: this.envelope, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }), this.errorMessage && h("verdocs-ok-dialog", { heading: "Unable to Sign Document", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: (e) => {
+            return (h(Host, { class: { agreed: this.agreed } }, h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, envelope: this.envelope, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     this.showDone = false;
                     this.isDone = true;
-                } })), this.showCanceled && (h("verdocs-ok-dialog", { heading: "Document Canceled", message: `This envelope has been canceled. Please contact the sender.`, onNext: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    // We don't allow this to be hidden
-                    // this.showCanceled = false;
-                } })), this.showDeclined && (h("verdocs-ok-dialog", { heading: "Declined to Sign", message: `You have declined to sign this document. Please contact the sender.`, onNext: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    // We don't allow this to be hidden
-                    // this.showDeclined = false;
                 } })), this.submitting && (h("div", { class: "loading-indicator" }, h("verdocs-loader", null)))));
         }
+        // @ts-ignore
         if (!this.agreed) {
             return (h(Host, { class: "agreed" }, h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name))), h("div", { class: "document", style: { paddingTop: '15px' } }, h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), h("div", { class: "cover" }, h("div", { class: "agree" }, h("verdocs-checkbox", { name: "agree", label: "By checking this box, you:", onInput: () => this.handleClickAgree() }), h("ul", null, h("li", null, "Agree to use electronic records and signatures, and confirm you have read the", ' ', h("a", { href: "https://verdocs.com/en/electronic-record-signature-disclosure/", target: "_blank" }, "Electronic Record and Signatures Disclosure"), "."), h("li", null, "Agree to Verdocs'", ' ', h("a", { href: "https://verdocs.com/en/eula", target: "_blank" }, "End User License Agreement"), ' ', "and confirm you have read Verdocs'", ' ', h("a", { href: "https://verdocs.com/en/privacy-policy/", target: "_blank" }, "Privacy Policy"), "."))))));
         }
@@ -637,8 +624,8 @@ export class VerdocsSign {
             const questionNumber = this.kbaChoices.length;
             const kbaQuestion = this.kbaQuestions[questionNumber];
             console.log('Showing KBA question', { questionNumber, kbaQuestion }, this.kbaChoices);
-            return (h(Host, { class: "kba" }, h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name))), h("div", { class: "document", style: { paddingTop: '15px' } }, h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), h("div", { class: "cover" }, h("div", { class: "kba" }, h("verdocs-kba-dialog", { mode: "choice", helptitle: "Your identity requires additional verification", helptext: (kbaQuestion === null || kbaQuestion === void 0 ? void 0 : kbaQuestion.prompt) || 'Please select one of the options below.', choices: (kbaQuestion === null || kbaQuestion === void 0 ? void 0 : kbaQuestion.answer) || ['Skip Question'], step: questionNumber + 1, steps: this.kbaQuestions.length, onNext: async (e) => {
-                    var _a, _b;
+            return (h(Host, { class: "kba" }, h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name))), h("div", { class: "document", style: { paddingTop: '15px' } }, h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), h("div", { class: "cover" }, h("div", { class: "kba" }, this.kbaChoices.length >= this.kbaQuestions.length ? (h("verdocs-spinner", null)) : (h("verdocs-kba-dialog", { mode: "choice", helptitle: "Your identity requires additional verification", helptext: (kbaQuestion === null || kbaQuestion === void 0 ? void 0 : kbaQuestion.prompt) || 'Please select one of the options below.', choices: (kbaQuestion === null || kbaQuestion === void 0 ? void 0 : kbaQuestion.answer) || ['Skip Question'], step: questionNumber + 1, steps: this.kbaQuestions.length, onNext: async (e) => {
+                    var _a, _b, _c;
                     const answer = e.detail;
                     this.kbaChoices = [...this.kbaChoices, answer];
                     if (this.kbaChoices.length >= this.kbaQuestions.length) {
@@ -647,16 +634,26 @@ export class VerdocsSign {
                         try {
                             const response = await submitKbaChallengeResponse(this.endpoint, this.envelopeId, this.roleId, responses);
                             console.log('KBA challenge response', response);
-                            this.kbaStep = '';
+                            this.kbaStep = response.kba_step;
+                            if (this.kbaStep === 'failed') {
+                                this.fatalErrorHeader = 'Identity Verification Failed';
+                                this.fatalErrorMessage = "We were unable to verify your identity. Please contact the document's sender.";
+                                this.isDone = true;
+                            }
+                            else {
+                                this.kbaQuestions = ((_a = response.questions) === null || _a === void 0 ? void 0 : _a.question) || [];
+                                this.kbaChoices = [];
+                            }
                         }
                         catch (e) {
                             console.log('Error submitting KBA challenge', e);
                             this.kbaStep = '';
-                            this.errorMessage = ((_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) || 'Unable to verify identity.';
+                            this.fatalErrorHeader = 'Unable to Verify Identity';
+                            this.fatalErrorMessage = ((_c = (_b = e.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.error) || 'Please try again later.';
                             this.isDone = true;
                         }
                     }
-                } })))));
+                } }))))));
         }
         return (h(Host, null, h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name), h("div", { style: { flex: '1' } }), !this.finishLater && h("verdocs-button", { size: "xsmall", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), h("div", { class: "document", style: { paddingTop: '15px' } }, (this.envelope.documents || []).map(envelopeDocument => {
             const pageNumbers = integerSequence(1, envelopeDocument.pages);
@@ -676,19 +673,9 @@ export class VerdocsSign {
                         { name: 'controls', type: 'div' },
                     ] }));
             })));
-        })), this.showFinishLater && (h("verdocs-ok-dialog", { heading: "You've saved your document to finish later.", message: `To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`, onNext: () => (this.showFinishLater = false) })), this.errorMessage && h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
+        })), this.showFinishLater && (h("verdocs-ok-dialog", { heading: "You've saved your document to finish later.", message: `To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`, onNext: () => (this.showFinishLater = false) })), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
                 this.showDone = false;
                 this.isDone = true;
-            } })), this.showCanceled && (h("verdocs-ok-dialog", { heading: "Document Canceled", message: `This envelope has been canceled. Please contact the sender.`, onNext: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                // We don't allow this to be hidden
-                // this.showCanceled = false;
-            } })), this.showDeclined && (h("verdocs-ok-dialog", { heading: "Declined to Sign", message: `You have declined to sign this document. Please contact the sender.`, onNext: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                // We don't allow this to be hidden
-                // this.showDeclined = false;
             } })), this.submitting ||
             (this.showSpinner && (h("verdocs-portal", null, h("div", { class: "spinner-overlay" }, h("verdocs-spinner", null)))))));
     }
@@ -810,16 +797,13 @@ export class VerdocsSign {
             "hasSignature": {},
             "nextButtonLabel": {},
             "nextSubmits": {},
-            "errorMessage": {},
+            "fatalErrorHeader": {},
+            "fatalErrorMessage": {},
             "focusedField": {},
             "submitting": {},
             "submitted": {},
-            "canceled": {},
-            "declined": {},
             "isDone": {},
             "showDone": {},
-            "showCanceled": {},
-            "showDeclined": {},
             "showLoadError": {},
             "finishLater": {},
             "showFinishLater": {},

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

@@ -113,16 +113,20 @@ export class VerdocsContactPicker {
         // TODO: Re-activate this one SMS is re-enabled
         // const hasBasics = this.first_name && this.last_name && (isValidEmail(this.email) || isValidPhone(this.phone));
         const hasBasics = this.first_name && this.last_name && isValidEmail(this.email);
-        const hasKbaRequirements = !this.kba_method || (this.kba_method === 'pin' && this.kba_pin) || (this.kba_method === 'identity' && this.address && this.zip);
+        const hasKbaRequirements = !this.kba_method ||
+            (this.kba_method === 'pin' && this.kba_pin) ||
+            this.kba_method === 'identity';
+        // TODO: For discussion
+        // (this.kba_method === 'identity' && this.address && this.zip)
         const canSubmit = hasBasics && hasKbaRequirements;
-        return (h("form", { key: 'd40d7ab6926801a72fc905124323740cdcc7af82', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '1cc65cc395753e4d5de4287b09216d6e07439592', class: "row" }, h("label", { key: '7a1120950c72c4f7346b938a1f37dd1972f35df6', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: 'd627bc1a4afbe9124ac6a13d51bf302e3001ec1d', class: "names-row" }, h("input", { key: '0c253b1af4193a0be2eff1fdc37b2afd389ae628', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.first_name, placeholder: "First...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: '94783d62f158a900d1d500f35c9f39f104dab573', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.last_name, placeholder: "Last...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("div", { key: 'f871569070a3f5607e3105fce9fbc0556a158698', class: "dropdown" }, this.contactSuggestions
+        return (h("form", { key: '2ce99d1c3ae979f25dde56e4a9dc7ec56cec2542', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '6257ebf610c9ea9a8f6238311ad1b4ed0095e498', class: "row" }, h("label", { key: 'c36d51599847033b0c096c9d5de7d8af49e05c7d', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: '23cdb2afffff2ede3429c8591093eb89ca89d4b6', class: "names-row" }, h("input", { key: 'd281392383863edbcfc14440e18631b97962ea2f', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.first_name, placeholder: "First...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: 'eea0626eb854ae95c32ad7e98d479a614e7df81c', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.last_name, placeholder: "Last...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("div", { key: '2e3fc57f42e3281b83b03e53b92c07243dcff544', class: "dropdown" }, this.contactSuggestions
             .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
             .map(suggestion => {
             var _a;
             return (h("div", { key: (_a = suggestion.id) !== null && _a !== void 0 ? _a : suggestion.email, class: "suggestion", onClick: e => this.handleSelectSuggestion(e, suggestion) }, suggestion.picture ? h("img", { alt: "Avatar", class: "avatar", src: suggestion.picture }) : h("div", { class: "avatar", innerHTML: addrBookIcon }), h("div", { class: "details" }, h("div", { class: "name" }, formatFullName(suggestion)), suggestion.email && h("div", { class: "destination" }, suggestion.email), suggestion.phone && h("div", { class: "destination" }, suggestion.phone))));
-        })))), h("div", { key: '5eacfbeefc837f28ea047bc323272b09fef575e5', class: "row" }, h("label", { key: '4bf46b0b13fa3cafd608589b042577296fdc1594', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '619e6531fe613f8f52958c76ab52776660e4534f', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.email, placeholder: "Email address...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), h("div", { key: 'd63956f4aa8dce0e97209be869ae8648a62b9fdb', class: "row" }, h("label", { key: '5dd9cf94ed4b8003521d5083b6553d71e9dd3dee', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '063fc3193ef9cb0955060d5cd092c7783cba5098', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone (SMS)...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
+        })))), h("div", { key: 'f18fd6d889ea70f8a5e51bd1780007b3ff061b56', class: "row" }, h("label", { key: '5cda3922bb705ed0d3af00644df9ef8d42042021', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '34474c4c8bbbde2802b3c2f58ea3abed4b3e27f6', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.email, placeholder: "Email address...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), h("div", { key: 'c757b186ca60272855ed5701c59857856dcd863f', class: "row" }, h("label", { key: '1d971705ab36609db6a4e9cb7d24281d98441cd5', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '2a516e28498a6727409ef51e61ca3fe912c65789', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone (SMS)...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
                 this.phone = convertToE164(e.target.value);
-            } })), this.showKba && (h(Fragment, { key: '48e0af03f5a249ef2c20e2df222341120a6c3b5c' }, h("div", { key: '4346ebf44c8e0c243a1f746590246c7490eea2fe', class: "kba-row" }, h("label", { key: 'd25915358b4484f75eee50018e6bda21cd70960d' }, "KBA:"), h("verdocs-select-input", { key: 'ee98c872450e200dcbfaef60d771e5af326836d0', value: this.kba_method, onInput: (e) => {
+            } })), this.showKba && (h(Fragment, { key: '05cdb2c78abc3156d04a012c40a52f2c6ab24a86' }, h("div", { key: '56d53a04ba6ab45ecc30f11e44669ad503400a49', class: "kba-row" }, h("label", { key: '8af91071db065071bb40e931ea92231f31e9c0c9' }, "KBA:"), h("verdocs-select-input", { key: '3f2eec31ee0078779eeed5d3f2fbd222fcdbaa42', value: this.kba_method, onInput: (e) => {
                 this.kba_method = e.target.value;
                 this.zip = '';
                 this.address = '';
@@ -131,7 +135,7 @@ export class VerdocsContactPicker {
                 { label: 'None', value: '' },
                 { label: 'PIN Code', value: 'pin' },
                 { label: 'Full Verification', value: 'identity' },
-            ] }), h("div", { key: '957a356a2e8c5a1b3ee5385f9a8f5415c5a46e65', style: { flex: '1' } }), h("verdocs-help-icon", { key: 'a4f8fec22927ef6c2f128e54352698a56ce37a82', text: "Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature." })), this.kba_method === 'pin' && (h("div", { key: 'b86ac5c7d462bcf496a798238dd5faab5b426dcc', class: "row pin-code" }, h("input", { key: '4cd823f381dcaa148f010eaa3120899a2b1e520b', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.kba_pin, placeholder: "PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.kba_pin = e.target.value) }))), this.kba_method === 'identity' && (h("div", { key: 'b4ca6e66fec7d2207e1cfea367b8634c2a846298', class: "row address" }, h("input", { key: '98797c6fa77aab7616dbc46fe4cffd2be2711443', id: "verdocs-address", name: "verdocs-address", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.address, placeholder: "Address...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.address = e.target.value) }), h("verdocs-help-icon", { key: 'a25ec19d4765ce7b43018ce7fcf5818a96a7133d', text: "Pre-fill the recipient's current street address. They will still be asked ID challenge questions." }))), this.kba_method === 'identity' && (h("div", { key: '3ddd93dec30290944b8ee2810a7c61ea66cae603', class: "row zip-code" }, h("input", { key: 'eeb1c0dacec272a10886b3a6c9b7042d3c9d3c43', id: "verdocs-zip-code", name: "verdocs-zip-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.zip, placeholder: "Zip Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.zip = e.target.value) }), h("verdocs-help-icon", { key: '140e700ed613664ebb33d39c5af117c9e7969aa1', text: "Pre-fill the recipient's current zip code. They will still be asked ID challenge questions." }))))), this.showMessage && (h("div", { key: '93a84aefd533d9c2c88cb843da08fab4bd5981a8', class: "row message" }, h("label", { key: '719b04a962c48b31aab9480c22d5d81a53ed1858', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: 'c0931551ef1a2f3fda6cd55b155f43d22aa93852', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Message shown in invitation...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.message = e.target.value) }))), h("div", { key: 'a547e03cd3054068f022f4203b823f9c0075c3d4', class: "buttons" }, h("verdocs-toggle-button", { key: '2ba5baaf63bf580d536c8823e924f786d506eab5', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
+            ] }), h("div", { key: '33e9efc07399e6930264b4b79f73a5497728c7c7', style: { flex: '1' } }), h("verdocs-help-icon", { key: 'bc5ec8ad3fcf22a4f9a0f4659b574e238526574a', text: "Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature." })), this.kba_method === 'pin' && (h("div", { key: 'cd07404e1e9cd0a344c0975bdd23b2374d97ad61', class: "row pin-code" }, h("input", { key: '92909cedb50e11bffe60dcd032b2d8c3dd901834', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.kba_pin, placeholder: "PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.kba_pin = e.target.value) }))), this.kba_method === 'identity' && (h("div", { key: '6ad1983ac8f9394bb9f35a8a9bba2f16d48d7bcd', class: "row address" }, h("input", { key: 'd598a1fb52b77eb85f17bda65f1730900d1d94e5', id: "verdocs-address", name: "verdocs-address", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.address, placeholder: "Address...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.address = e.target.value) }), h("verdocs-help-icon", { key: '09d3cfa8e92c6c59cda2cff599ae474296de35a0', text: "Pre-fill the recipient's current street address. They will still be asked ID challenge questions." }))), this.kba_method === 'identity' && (h("div", { key: '1ccb3caa35f5474f40245ca1fe9c11aa175b4cc2', class: "row zip-code" }, h("input", { key: 'e967aba3ffac6e25f359c56c0bd5cd057394ad82', id: "verdocs-zip-code", name: "verdocs-zip-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.zip, placeholder: "Zip Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.zip = e.target.value) }), h("verdocs-help-icon", { key: 'b4075b320d84028e8717e8383113751155a6aebf', text: "Pre-fill the recipient's current zip code. They will still be asked ID challenge questions." }))))), this.showMessage && (h("div", { key: '8212baa1274eb1dd98deeec972afeeb5bfb3c400', class: "row message" }, h("label", { key: '1b1c58c77ebd0dfd1e193e68a9bf472d93b8914f', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: 'd5525496367b3fa0bde52a91bad7f68964454a3c', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Message shown in invitation...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.message = e.target.value) }))), h("div", { key: 'c39a19e49ea3ae82ecb287bf2acb87734237fdb9', class: "buttons" }, h("verdocs-toggle-button", { key: '311f86449b98cad74d5811473578ab223237d39e', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
                 this.showKba = e.detail.active;
                 if (!e.detail.active) {
                     this.kba_pin = '';
@@ -139,10 +143,10 @@ export class VerdocsContactPicker {
                     this.zip = '';
                 }
                 this.showSuggestions = false;
-            } }), h("verdocs-toggle-button", { key: '5d5d3786fe83fc99f42061e273098bb97ff36eb0', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
+            } }), h("verdocs-toggle-button", { key: 'c51c8bba37758ad6ada6946d9c2df9880204b1be', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
                 this.showMessage = e.detail.active;
                 this.showSuggestions = false;
-            } }), h("div", { key: 'a90c22f81cd8b13bd4646bf039693d1bc24cd95c', class: "flex-fill" }), h("verdocs-button", { key: '6ab5ef1e3f15561b44ee415f359c22bdf0a840ca', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '3b773438022361c3c04cdcad5a94d0673d887239', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
+            } }), h("div", { key: '747951c6d9273bf5142be1f20b6e51a2cc4239d5', class: "flex-fill" }), h("verdocs-button", { key: '12f60448cac7f6bb6804119ad620bdc77d4c0c9c', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '507b52e7904d9e5c31e1ba40c7ffa0ccba7763f2', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
     }
     static get is() { return "verdocs-contact-picker"; }
     static get originalStyleUrls() {

package/dist/components/{p-285791f0.js → p-8cd2e08d.js}

@@ -6,7 +6,7 @@ import { V as VerdocsToast } from './p-04c07b7b.js';
 import { S as SDKError } from './p-fd97809c.js';
 import { d as defineCustomElement$8 } from './p-ac7578f6.js';
 import { d as defineCustomElement$7 } from './p-921297ba.js';
-import { d as defineCustomElement$6 } from './p-302ff525.js';
+import { d as defineCustomElement$6 } from './p-b11eb119.js';
 import { d as defineCustomElement$5 } from './p-69881420.js';
 import { d as defineCustomElement$4 } from './p-8b27ce22.js';
 import { d as defineCustomElement$3 } from './p-263dc67d.js';

package/dist/components/{p-302ff525.js → p-b11eb119.js}

@@ -109,16 +109,20 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
         // TODO: Re-activate this one SMS is re-enabled
         // const hasBasics = this.first_name && this.last_name && (isValidEmail(this.email) || isValidPhone(this.phone));
         const hasBasics = this.first_name && this.last_name && isValidEmail(this.email);
-        const hasKbaRequirements = !this.kba_method || (this.kba_method === 'pin' && this.kba_pin) || (this.kba_method === 'identity' && this.address && this.zip);
+        const hasKbaRequirements = !this.kba_method ||
+            (this.kba_method === 'pin' && this.kba_pin) ||
+            this.kba_method === 'identity';
+        // TODO: For discussion
+        // (this.kba_method === 'identity' && this.address && this.zip)
         const canSubmit = hasBasics && hasKbaRequirements;
-        return (h("form", { key: 'd40d7ab6926801a72fc905124323740cdcc7af82', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '1cc65cc395753e4d5de4287b09216d6e07439592', class: "row" }, h("label", { key: '7a1120950c72c4f7346b938a1f37dd1972f35df6', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: 'd627bc1a4afbe9124ac6a13d51bf302e3001ec1d', class: "names-row" }, h("input", { key: '0c253b1af4193a0be2eff1fdc37b2afd389ae628', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.first_name, placeholder: "First...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: '94783d62f158a900d1d500f35c9f39f104dab573', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.last_name, placeholder: "Last...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("div", { key: 'f871569070a3f5607e3105fce9fbc0556a158698', class: "dropdown" }, this.contactSuggestions
+        return (h("form", { key: '2ce99d1c3ae979f25dde56e4a9dc7ec56cec2542', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '6257ebf610c9ea9a8f6238311ad1b4ed0095e498', class: "row" }, h("label", { key: 'c36d51599847033b0c096c9d5de7d8af49e05c7d', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: '23cdb2afffff2ede3429c8591093eb89ca89d4b6', class: "names-row" }, h("input", { key: 'd281392383863edbcfc14440e18631b97962ea2f', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.first_name, placeholder: "First...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: 'eea0626eb854ae95c32ad7e98d479a614e7df81c', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.last_name, placeholder: "Last...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("div", { key: '2e3fc57f42e3281b83b03e53b92c07243dcff544', class: "dropdown" }, this.contactSuggestions
             .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
             .map(suggestion => {
             var _a;
             return (h("div", { key: (_a = suggestion.id) !== null && _a !== void 0 ? _a : suggestion.email, class: "suggestion", onClick: e => this.handleSelectSuggestion(e, suggestion) }, suggestion.picture ? h("img", { alt: "Avatar", class: "avatar", src: suggestion.picture }) : h("div", { class: "avatar", innerHTML: addrBookIcon }), h("div", { class: "details" }, h("div", { class: "name" }, formatFullName(suggestion)), suggestion.email && h("div", { class: "destination" }, suggestion.email), suggestion.phone && h("div", { class: "destination" }, suggestion.phone))));
-        })))), h("div", { key: '5eacfbeefc837f28ea047bc323272b09fef575e5', class: "row" }, h("label", { key: '4bf46b0b13fa3cafd608589b042577296fdc1594', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '619e6531fe613f8f52958c76ab52776660e4534f', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.email, placeholder: "Email address...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), h("div", { key: 'd63956f4aa8dce0e97209be869ae8648a62b9fdb', class: "row" }, h("label", { key: '5dd9cf94ed4b8003521d5083b6553d71e9dd3dee', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '063fc3193ef9cb0955060d5cd092c7783cba5098', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone (SMS)...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
+        })))), h("div", { key: 'f18fd6d889ea70f8a5e51bd1780007b3ff061b56', class: "row" }, h("label", { key: '5cda3922bb705ed0d3af00644df9ef8d42042021', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '34474c4c8bbbde2802b3c2f58ea3abed4b3e27f6', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.email, placeholder: "Email address...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), h("div", { key: 'c757b186ca60272855ed5701c59857856dcd863f', class: "row" }, h("label", { key: '1d971705ab36609db6a4e9cb7d24281d98441cd5', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '2a516e28498a6727409ef51e61ca3fe912c65789', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone (SMS)...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
                 this.phone = convertToE164(e.target.value);
-            } })), this.showKba && (h(Fragment, { key: '48e0af03f5a249ef2c20e2df222341120a6c3b5c' }, h("div", { key: '4346ebf44c8e0c243a1f746590246c7490eea2fe', class: "kba-row" }, h("label", { key: 'd25915358b4484f75eee50018e6bda21cd70960d' }, "KBA:"), h("verdocs-select-input", { key: 'ee98c872450e200dcbfaef60d771e5af326836d0', value: this.kba_method, onInput: (e) => {
+            } })), this.showKba && (h(Fragment, { key: '05cdb2c78abc3156d04a012c40a52f2c6ab24a86' }, h("div", { key: '56d53a04ba6ab45ecc30f11e44669ad503400a49', class: "kba-row" }, h("label", { key: '8af91071db065071bb40e931ea92231f31e9c0c9' }, "KBA:"), h("verdocs-select-input", { key: '3f2eec31ee0078779eeed5d3f2fbd222fcdbaa42', value: this.kba_method, onInput: (e) => {
                 this.kba_method = e.target.value;
                 this.zip = '';
                 this.address = '';
@@ -127,7 +131,7 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
                 { label: 'None', value: '' },
                 { label: 'PIN Code', value: 'pin' },
                 { label: 'Full Verification', value: 'identity' },
-            ] }), h("div", { key: '957a356a2e8c5a1b3ee5385f9a8f5415c5a46e65', style: { flex: '1' } }), h("verdocs-help-icon", { key: 'a4f8fec22927ef6c2f128e54352698a56ce37a82', text: "Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature." })), this.kba_method === 'pin' && (h("div", { key: 'b86ac5c7d462bcf496a798238dd5faab5b426dcc', class: "row pin-code" }, h("input", { key: '4cd823f381dcaa148f010eaa3120899a2b1e520b', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.kba_pin, placeholder: "PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.kba_pin = e.target.value) }))), this.kba_method === 'identity' && (h("div", { key: 'b4ca6e66fec7d2207e1cfea367b8634c2a846298', class: "row address" }, h("input", { key: '98797c6fa77aab7616dbc46fe4cffd2be2711443', id: "verdocs-address", name: "verdocs-address", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.address, placeholder: "Address...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.address = e.target.value) }), h("verdocs-help-icon", { key: 'a25ec19d4765ce7b43018ce7fcf5818a96a7133d', text: "Pre-fill the recipient's current street address. They will still be asked ID challenge questions." }))), this.kba_method === 'identity' && (h("div", { key: '3ddd93dec30290944b8ee2810a7c61ea66cae603', class: "row zip-code" }, h("input", { key: 'eeb1c0dacec272a10886b3a6c9b7042d3c9d3c43', id: "verdocs-zip-code", name: "verdocs-zip-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.zip, placeholder: "Zip Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.zip = e.target.value) }), h("verdocs-help-icon", { key: '140e700ed613664ebb33d39c5af117c9e7969aa1', text: "Pre-fill the recipient's current zip code. They will still be asked ID challenge questions." }))))), this.showMessage && (h("div", { key: '93a84aefd533d9c2c88cb843da08fab4bd5981a8', class: "row message" }, h("label", { key: '719b04a962c48b31aab9480c22d5d81a53ed1858', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: 'c0931551ef1a2f3fda6cd55b155f43d22aa93852', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Message shown in invitation...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.message = e.target.value) }))), h("div", { key: 'a547e03cd3054068f022f4203b823f9c0075c3d4', class: "buttons" }, h("verdocs-toggle-button", { key: '2ba5baaf63bf580d536c8823e924f786d506eab5', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
+            ] }), h("div", { key: '33e9efc07399e6930264b4b79f73a5497728c7c7', style: { flex: '1' } }), h("verdocs-help-icon", { key: 'bc5ec8ad3fcf22a4f9a0f4659b574e238526574a', text: "Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature." })), this.kba_method === 'pin' && (h("div", { key: 'cd07404e1e9cd0a344c0975bdd23b2374d97ad61', class: "row pin-code" }, h("input", { key: '92909cedb50e11bffe60dcd032b2d8c3dd901834', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.kba_pin, placeholder: "PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.kba_pin = e.target.value) }))), this.kba_method === 'identity' && (h("div", { key: '6ad1983ac8f9394bb9f35a8a9bba2f16d48d7bcd', class: "row address" }, h("input", { key: 'd598a1fb52b77eb85f17bda65f1730900d1d94e5', id: "verdocs-address", name: "verdocs-address", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.address, placeholder: "Address...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.address = e.target.value) }), h("verdocs-help-icon", { key: '09d3cfa8e92c6c59cda2cff599ae474296de35a0', text: "Pre-fill the recipient's current street address. They will still be asked ID challenge questions." }))), this.kba_method === 'identity' && (h("div", { key: '1ccb3caa35f5474f40245ca1fe9c11aa175b4cc2', class: "row zip-code" }, h("input", { key: 'e967aba3ffac6e25f359c56c0bd5cd057394ad82', id: "verdocs-zip-code", name: "verdocs-zip-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.zip, placeholder: "Zip Code...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.zip = e.target.value) }), h("verdocs-help-icon", { key: 'b4075b320d84028e8717e8383113751155a6aebf', text: "Pre-fill the recipient's current zip code. They will still be asked ID challenge questions." }))))), this.showMessage && (h("div", { key: '8212baa1274eb1dd98deeec972afeeb5bfb3c400', class: "row message" }, h("label", { key: '1b1c58c77ebd0dfd1e193e68a9bf472d93b8914f', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: 'd5525496367b3fa0bde52a91bad7f68964454a3c', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Message shown in invitation...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.message = e.target.value) }))), h("div", { key: 'c39a19e49ea3ae82ecb287bf2acb87734237fdb9', class: "buttons" }, h("verdocs-toggle-button", { key: '311f86449b98cad74d5811473578ab223237d39e', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
                 this.showKba = e.detail.active;
                 if (!e.detail.active) {
                     this.kba_pin = '';
@@ -135,10 +139,10 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
                     this.zip = '';
                 }
                 this.showSuggestions = false;
-            } }), h("verdocs-toggle-button", { key: '5d5d3786fe83fc99f42061e273098bb97ff36eb0', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
+            } }), h("verdocs-toggle-button", { key: 'c51c8bba37758ad6ada6946d9c2df9880204b1be', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
                 this.showMessage = e.detail.active;
                 this.showSuggestions = false;
-            } }), h("div", { key: 'a90c22f81cd8b13bd4646bf039693d1bc24cd95c', class: "flex-fill" }), h("verdocs-button", { key: '6ab5ef1e3f15561b44ee415f359c22bdf0a840ca', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '3b773438022361c3c04cdcad5a94d0673d887239', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
+            } }), h("div", { key: '747951c6d9273bf5142be1f20b6e51a2cc4239d5', class: "flex-fill" }), h("verdocs-button", { key: '12f60448cac7f6bb6804119ad620bdc77d4c0c9c', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '507b52e7904d9e5c31e1ba40c7ffa0ccba7763f2', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
     }
     static get style() { return VerdocsContactPickerStyle0; }
 }, [0, "verdocs-contact-picker", {

package/dist/components/{p-ce71f0a7.js → p-e4ac6259.js}

@@ -39,6 +39,7 @@ const VerdocsKbaDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsKbaDialog
     }
     handleDone() {
         this.next.emit(this.response);
+        this.response = '';
     }
     handleConfirmID() {
         this.next.emit(this.updatedRecipient);

package/dist/components/verdocs-build.js

@@ -6,7 +6,7 @@ import { d as defineCustomElement$H } from './p-ac7578f6.js';
 import { d as defineCustomElement$G } from './p-3044c9cb.js';
 import { d as defineCustomElement$F } from './p-4dc4418a.js';
 import { d as defineCustomElement$E } from './p-921297ba.js';
-import { d as defineCustomElement$D } from './p-302ff525.js';
+import { d as defineCustomElement$D } from './p-b11eb119.js';
 import { d as defineCustomElement$C } from './p-12594438.js';
 import { d as defineCustomElement$B } from './p-03660739.js';
 import { d as defineCustomElement$A } from './p-0162bdd3.js';
@@ -26,7 +26,7 @@ import { d as defineCustomElement$n } from './p-8b27ce22.js';
 import { d as defineCustomElement$m } from './p-76282bf0.js';
 import { d as defineCustomElement$l } from './p-556596e4.js';
 import { d as defineCustomElement$k } from './p-263dc67d.js';
-import { d as defineCustomElement$j } from './p-285791f0.js';
+import { d as defineCustomElement$j } from './p-8cd2e08d.js';
 import { d as defineCustomElement$i } from './p-d3170dcd.js';
 import { d as defineCustomElement$h } from './p-6b369b14.js';
 import { d as defineCustomElement$g } from './p-ffe8b41d.js';

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

@@ -1,4 +1,4 @@
-import { V as VerdocsContactPicker$1, d as defineCustomElement$1 } from './p-302ff525.js';
+import { V as VerdocsContactPicker$1, d as defineCustomElement$1 } from './p-b11eb119.js';
 
 const VerdocsContactPicker = VerdocsContactPicker$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsKbaDialog$1, d as defineCustomElement$1 } from './p-ce71f0a7.js';
+import { V as VerdocsKbaDialog$1, d as defineCustomElement$1 } from './p-e4ac6259.js';
 
 const VerdocsKbaDialog = VerdocsKbaDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-send.js

@@ -1,4 +1,4 @@
-import { V as VerdocsSend$1, d as defineCustomElement$1 } from './p-285791f0.js';
+import { V as VerdocsSend$1, d as defineCustomElement$1 } from './p-8cd2e08d.js';
 
 const VerdocsSend = VerdocsSend$1;
 const defineCustomElement = defineCustomElement$1;