@verdocs/web-sdk 4.2.132 → 4.2.134

package/dist/esm/verdocs-preview_9.entry.js

@@ -4,8 +4,8 @@ import { g as getTemplateFieldStore, u as updateStoreField } from './TemplateFie
 import { g as getTemplateRoleStore, b as getRoleNames, a as getRoleIndex, u as updateStoreRole } from './TemplateRoleStore-6d1bec83.js';
 import { g as getTemplateStore } from './TemplateStore-41799d0a.js';
 import { S as SDKError } from './errors-887f1e88.js';
-import { D as DocIcon, P as PngIcon, J as JpgIcon, a as PdfIcon, F as FileIcon$1, b as PageCountIcon, T as TrashIcon } from './Icons-faf0377f.js';
 import { V as VerdocsToast } from './Toast-c4843828.js';
+import { D as DocIcon, P as PngIcon, J as JpgIcon, a as PdfIcon, F as FileIcon$1, b as PageCountIcon, T as TrashIcon } from './Icons-faf0377f.js';
 import { f as format } from './format-b8602175.js';
 import { i as interact } from './interact.min-a71beb3d.js';
 import { b as updateCssTransform, c as removeCssTransform, g as getFieldId, d as defaultWidth, e as defaultHeight } from './utils-6ecd6558.js';
@@ -258,7 +258,7 @@ const VerdocsSend = class {
         (_a = this.sendingEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ sending: true });
         const details = {
             template_id: this.templateId,
-            name: (_c = (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state) === null || _c === void 0 ? void 0 : _c.name,
+            name: ((_c = (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state) === null || _c === void 0 ? void 0 : _c.name) || '',
             environment: this.environment,
             // TODO: Make optional in the SDK
             initial_reminder: 0,
@@ -270,19 +270,19 @@ const VerdocsSend = class {
         console.log('[SEND] Creating envelope', details);
         createEnvelope(this.endpoint, details)
             .then(r => {
-            var _a, _b;
+            var _a, _b, _c, _d;
             console.log('[SEND] Send envelope', r);
             this.reset().catch((e) => console.log('Unknown Error', e));
             this.sending = false;
             (_a = this.sendingEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ sending: false });
-            (_b = this.send) === null || _b === void 0 ? void 0 : _b.emit({ ...details, envelope_id: r.id, envelope: r });
+            (_b = this.send) === null || _b === void 0 ? void 0 : _b.emit({ ...details, name: ((_d = (_c = this.templateStore) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.name) || 'New Envelope', envelope_id: r.id, envelope: r });
         })
             .catch(e => {
-            var _a;
+            var _a, _b, _c;
             console.log('Send error', e);
-            // toast.error(e.response?.data?.message || 'Unknown error creating envelope');
+            VerdocsToast(((_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message) || 'Error creating envelope, please try again later.');
             this.sending = false;
-            (_a = this.sendingEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ sending: false });
+            (_c = this.sendingEnvelope) === null || _c === void 0 ? void 0 : _c.emit({ sending: false });
         });
     }
     handleCancel(e) {

package/dist/esm/verdocs-sign.entry.js

@@ -261,11 +261,17 @@ const VerdocsSign = class {
                 if (!e.detail) {
                     return;
                 }
+                this.showSpinner = true;
                 const initialsBlob = await (await fetch(e.detail)).blob();
                 return createInitials(this.endpoint, 'initial', initialsBlob) //
                     .then(async (newInitials) => {
                     const updateResult = await updateEnvelopeFieldInitials(this.endpoint, this.envelopeId, field.name, newInitials.id);
                     this.updateRecipientFieldValue(field.name, updateResult);
+                    this.showSpinner = false;
+                })
+                    .catch(e => {
+                    console.log('Error updating initials', e);
+                    this.showSpinner = false;
                 });
             case 'signature':
                 // This can be caused by a focus-out event if the user clicks the field
@@ -274,15 +280,18 @@ const VerdocsSign = class {
                 if (!e.detail) {
                     return;
                 }
+                this.showSpinner = true;
                 const signatureBlob = await (await fetch(e.detail)).blob();
                 return createSignature(this.endpoint, 'signature', signatureBlob) //
                     .then(async (newSignature) => {
                     console.log('Signature update result', newSignature);
                     const updateResult = await updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);
                     this.updateRecipientFieldValue(field.name, updateResult);
+                    this.showSpinner = false;
                 })
                     .catch(e => {
                     console.warn('[SIGN] Error updating signature', e);
+                    this.showSpinner = false;
                 });
             case 'date':
                 const { formattedDate } = e.detail;
@@ -447,7 +456,6 @@ const VerdocsSign = class {
             }
         });
         el.addEventListener('attached', async (e) => {
-            // TODO: Show a spinner and/or progress bar
             console.log('[SIGN] onAttached', e.detail, e.target.value);
             this.showSpinner = true;
             try {
@@ -510,7 +518,6 @@ const VerdocsSign = class {
             if (field.page !== pageInfo.pageNumber) {
                 return;
             }
-            // TODO: Review possible workflow/race conditions vs rendering in -document-page.
             const el = renderDocumentField(field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone }, tabIndex);
             if (!el) {
                 return;
@@ -620,7 +627,8 @@ const VerdocsSign = class {
                 e.stopPropagation();
                 // We don't allow this to be hidden
                 // this.showDeclined = false;
-            } })), this.submitting && (h("div", { class: "loading-indicator" }, h("verdocs-loader", null))), this.showSpinner && (h("verdocs-portal", null, h("div", { class: "spinner-overlay" }, h("verdocs-spinner", null))))));
+            } })), this.submitting ||
+            (this.showSpinner && (h("verdocs-portal", null, h("div", { class: "spinner-overlay" }, h("verdocs-spinner", null)))))));
     }
 };
 VerdocsSign.style = VerdocsSignStyle0;