@hubsync/esign-web-sdk 6.5.15 → 6.5.17

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

@@ -382,10 +382,10 @@ export class VerdocsSign {
         // logic to the fields.
         const field = this.getRecipientFields().find(field => field.name === fieldName);
         if (field === null || field === void 0 ? void 0 : field.readonly) {
-            return;
+            return Promise.resolve();
         }
         console.log('[SIGN] saveFieldChange', fieldName, { value, prepared });
-        updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, fieldName, value, prepared)
+        return updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, fieldName, value, prepared)
             .then(updateResult => this.updateRecipientFieldValue(fieldName, updateResult))
             .catch(e => {
             var _a, _b, _c, _d, _e, _f;
@@ -399,6 +399,7 @@ export class VerdocsSign {
                 VerdocsToast('Unable to save change, please try again later', { style: 'error' });
             }
             (_d = this.sdkError) === null || _d === void 0 ? void 0 : _d.emit(new SDKError(e.message, (_e = e.response) === null || _e === void 0 ? void 0 : _e.status, (_f = e.response) === null || _f === void 0 ? void 0 : _f.data));
+            throw e;
         });
     }
     async handleFieldChange(field, e) {
@@ -439,14 +440,40 @@ export class VerdocsSign {
                 if (this.initialId) {
                     console.log('[SIGN] Reusing initial', this.initialId);
                     const updateResult = await updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, field.name, this.initialId, false);
-                    return this.updateRecipientFieldValue(field.name, updateResult);
+                    this.updateRecipientFieldValue(field.name, updateResult);
+                    // Auto-focus next field after filling initial (only if not the last field)
+                    setTimeout(() => {
+                        const fields = this.getSortedFillableFields();
+                        const currentIndex = fields.findIndex(f => f.name === field.name);
+                        // Only focus next field if current field is not the last one
+                        if (currentIndex >= 0 && currentIndex < fields.length - 1) {
+                            const nextField = this.getNextFieldFromList(fields);
+                            if (nextField && fields.findIndex(f => f.name === nextField.name) > currentIndex) {
+                                this.focusField(nextField);
+                            }
+                        }
+                    }, 100);
+                    return;
                 }
                 // If it's a UUID, it's an existing initial ID we can just reuse
                 if (typeof e.detail === 'string' && /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(e.detail)) {
                     console.log('[SIGN] Reusing initial', e.detail);
                     const updateResult = await updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, field.name, e.detail, false);
                     this.initialId = e.detail;
-                    return this.updateRecipientFieldValue(field.name, updateResult);
+                    this.updateRecipientFieldValue(field.name, updateResult);
+                    // Auto-focus next field after filling initial (only if not the last field)
+                    setTimeout(() => {
+                        const fields = this.getSortedFillableFields();
+                        const currentIndex = fields.findIndex(f => f.name === field.name);
+                        // Only focus next field if current field is not the last one
+                        if (currentIndex >= 0 && currentIndex < fields.length - 1) {
+                            const nextField = this.getNextFieldFromList(fields);
+                            if (nextField && fields.findIndex(f => f.name === nextField.name) > currentIndex) {
+                                this.focusField(nextField);
+                            }
+                        }
+                    }, 100);
+                    return;
                 }
                 this.showSpinner = true;
                 const initialsBlob = await (await fetch(e.detail)).blob();
@@ -456,6 +483,14 @@ export class VerdocsSign {
                     this.updateRecipientFieldValue(field.name, updateResult);
                     this.initialId = newInitials.id;
                     this.showSpinner = false;
+                    // Auto-focus next field after filling initial
+                    setTimeout(() => {
+                        const fields = this.getSortedFillableFields();
+                        const nextField = this.getNextFieldFromList(fields);
+                        if (nextField) {
+                            this.focusField(nextField);
+                        }
+                    }, 100);
                 })
                     .catch(e => {
                     console.log('Error updating initials', e);
@@ -481,14 +516,40 @@ export class VerdocsSign {
                 if (this.signatureId) {
                     console.log('[SIGN] Reusing signature', this.signatureId);
                     const updateResult = await updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, field.name, this.signatureId, false);
-                    return this.updateRecipientFieldValue(field.name, updateResult);
+                    this.updateRecipientFieldValue(field.name, updateResult);
+                    // Auto-focus next field after filling signature (only if not the last field)
+                    setTimeout(() => {
+                        const fields = this.getSortedFillableFields();
+                        const currentIndex = fields.findIndex(f => f.name === field.name);
+                        // Only focus next field if current field is not the last one
+                        if (currentIndex >= 0 && currentIndex < fields.length - 1) {
+                            const nextField = this.getNextFieldFromList(fields);
+                            if (nextField && fields.findIndex(f => f.name === nextField.name) > currentIndex) {
+                                this.focusField(nextField);
+                            }
+                        }
+                    }, 100);
+                    return;
                 }
                 // If it's a UUID, it's an existing signature ID we can just reuse
                 if (typeof e.detail === 'string' && /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(e.detail)) {
                     console.log('[SIGN] Reusing signature', e.detail);
                     const updateResult = await updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, field.name, e.detail, false);
                     this.signatureId = e.detail;
-                    return this.updateRecipientFieldValue(field.name, updateResult);
+                    this.updateRecipientFieldValue(field.name, updateResult);
+                    // Auto-focus next field after filling signature (only if not the last field)
+                    setTimeout(() => {
+                        const fields = this.getSortedFillableFields();
+                        const currentIndex = fields.findIndex(f => f.name === field.name);
+                        // Only focus next field if current field is not the last one
+                        if (currentIndex >= 0 && currentIndex < fields.length - 1) {
+                            const nextField = this.getNextFieldFromList(fields);
+                            if (nextField && fields.findIndex(f => f.name === nextField.name) > currentIndex) {
+                                this.focusField(nextField);
+                            }
+                        }
+                    }, 100);
+                    return;
                 }
                 this.showSpinner = true;
                 const signatureBlob = await (await fetch(e.detail)).blob();
@@ -500,6 +561,14 @@ export class VerdocsSign {
                     this.updateRecipientFieldValue(field.name, updateResult);
                     this.signatureId = newSignature.id;
                     this.showSpinner = false;
+                    // Auto-focus next field after filling signature
+                    setTimeout(() => {
+                        const fields = this.getSortedFillableFields();
+                        const nextField = this.getNextFieldFromList(fields);
+                        if (nextField) {
+                            this.focusField(nextField);
+                        }
+                    }, 100);
                 })
                     .catch(e => {
                     console.warn('[SIGN] Error updating signature', e);
@@ -509,7 +578,20 @@ export class VerdocsSign {
             case 'date':
                 const { formattedDate } = e.detail;
                 if (formattedDate) {
-                    return this.saveFieldChange(field.name, formattedDate, false);
+                    return this.saveFieldChange(field.name, formattedDate, false).then(() => {
+                        // Auto-focus next field after filling date (only if not the last field)
+                        setTimeout(() => {
+                            const fields = this.getSortedFillableFields();
+                            const currentIndex = fields.findIndex(f => f.name === field.name);
+                            // Only focus next field if current field is not the last one
+                            if (currentIndex >= 0 && currentIndex < fields.length - 1) {
+                                const nextField = this.getNextFieldFromList(fields);
+                                if (nextField && fields.findIndex(f => f.name === nextField.name) > currentIndex) {
+                                    this.focusField(nextField);
+                                }
+                            }
+                        }, 100);
+                    });
                 }
                 break;
             case 'timestamp':