@hubsync/esign-web-sdk 6.9.20 → 6.9.22

package/dist/components/verdocs-sign.js

@@ -412,8 +412,10 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                 updateDocumentFieldValue(oldField);
                 this.fieldUpdateCounter++;
                 this.markEnvelopeStarted();
-                // If a previously skipped field gets filled, remove it from the skipped list
-                if (this.skippedFields.includes(fieldName)) {
+                // Only unmark as skipped when the field is actually filled with a real value.
+                // An empty-string save (e.g. focusout when navigating away from a skipped textbox)
+                // must not remove the field from skippedFields or the skip loop re-triggers.
+                if (this.skippedFields.includes(fieldName) && this.isFieldActuallyFilled(oldField)) {
                     this.skippedFields = this.skippedFields.filter(n => n !== fieldName);
                 }
                 this.checkRecipientFields();
@@ -443,6 +445,12 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         if (field === null || field === void 0 ? void 0 : field.readonly) {
             return Promise.resolve();
         }
+        // Don't persist focusout-triggered saves for skipped fields — navigating away from
+        // a skipped textbox fires focusout with an empty value which would cause a pointless
+        // API call and trigger the skip loop via updateRecipientFieldValue.
+        if (this.skippedFields.includes(fieldName)) {
+            return Promise.resolve();
+        }
         console.log('[SIGN] saveFieldChange', fieldName, { value, prepared });
         return updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, fieldName, value, prepared)
             .then(updateResult => this.updateRecipientFieldValue(fieldName, updateResult))
@@ -517,7 +525,10 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                     console.log('[SIGN] Clearing initial');
                     this.initialId = null;
                     const updateResult = await updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, field.name, null, false);
-                    return this.updateRecipientFieldValue(field.name, updateResult);
+                    this.updateRecipientFieldValue(field.name, updateResult);
+                    if (field.required)
+                        this.focusFieldElement(field);
+                    return;
                 }
                 // If we already have an initials block, apply it
                 if (this.initialId) {
@@ -563,7 +574,10 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                     console.log('[SIGN] Clearing signature');
                     this.signatureId = null;
                     const updateResult = await updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, field.name, null, false);
-                    return this.updateRecipientFieldValue(field.name, updateResult);
+                    this.updateRecipientFieldValue(field.name, updateResult);
+                    if (field.required)
+                        this.focusFieldElement(field);
+                    return;
                 }
                 // If we already have a signature block, apply it
                 if (this.signatureId) {
@@ -724,6 +738,12 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         }
     }
     isFieldActuallyFilled(field) {
+        var _a;
+        // The server keeps value="signed" even after a signature/initial is cleared;
+        // settings.signature_id is the authoritative indicator of whether it's actually signed.
+        if (field.type === 'signature' || field.type === 'initial') {
+            return !!((_a = field.settings) === null || _a === void 0 ? void 0 : _a.signature_id);
+        }
         if (field.type === 'radio' && field.group) {
             const groupFilled = this.getRecipientFields().some(f => f.group === field.group && f.value === 'true');
             if (groupFilled) {