@verdocs/web-sdk 4.2.147 → 4.2.149

package/dist/components/verdocs-sign.js

@@ -8,7 +8,7 @@ import { d as defineCustomElement$b } from './p-ac7578f6.js';
 import { d as defineCustomElement$a } from './p-4dc4418a.js';
 import { d as defineCustomElement$9 } from './p-df4ac086.js';
 import { d as defineCustomElement$8 } from './p-fbc69665.js';
-import { d as defineCustomElement$7 } from './p-4645d622.js';
+import { d as defineCustomElement$7 } from './p-ce71f0a7.js';
 import { d as defineCustomElement$6 } from './p-90540412.js';
 import { d as defineCustomElement$5 } from './p-83245875.js';
 import { d as defineCustomElement$4 } from './p-8b27ce22.js';
@@ -573,7 +573,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
             return (h(Host, null, h("verdocs-loader", null)));
         }
         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: "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: (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.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) => {
                     e.preventDefault();
                     e.stopPropagation();
                     this.showDone = false;
@@ -637,14 +637,23 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
             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;
                     const answer = e.detail;
                     this.kbaChoices = [...this.kbaChoices, answer];
                     if (this.kbaChoices.length >= this.kbaQuestions.length) {
                         const responses = this.kbaQuestions.map((q, i) => ({ type: q.type, answer: this.kbaChoices[i] }));
                         console.log('Submitting KBA responses', this.kbaChoices, responses);
-                        const response = await submitKbaChallengeResponse(this.endpoint, this.envelopeId, this.roleId, { responses });
-                        console.log('KBA challenge response', response);
-                        this.kbaStep = 'complete';
+                        try {
+                            const response = await submitKbaChallengeResponse(this.endpoint, this.envelopeId, this.roleId, responses);
+                            console.log('KBA challenge response', response);
+                            this.kbaStep = '';
+                        }
+                        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.isDone = true;
+                        }
                     }
                 } })))));
         }