@hubsync/esign-web-sdk 6.5.9 → 6.5.11

package/dist/components/verdocs-sign.js

@@ -99,6 +99,11 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
          * The style of the toolbar to display.
          */
         this.toolbarStyle = 'controls';
+        /**
+         * If true, disclosures are auto-accepted and the dialog is skipped while the request is in progress.
+         * If auto-accept fails, the disclosure dialog is shown as a fallback.
+         */
+        this.autoAcceptingDisclosure = true;
         this.recipient = null;
         this.hasSignature = false;
         this.nextButtonLabel = 'Start';
@@ -163,8 +168,9 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
             this.processAuthResponse(response);
             const fillable = this.getSortedFillableFields();
             if (fillable.length > 0) {
+                // Give the document a moment to render, then focus and highlight the first fillable field
                 setTimeout(() => {
-                    this.focusedField = fillable[0].name;
+                    this.focusField(fillable[0]);
                 }, 500);
             }
         }
@@ -277,6 +283,9 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         else if (this.agreed) {
             this.nextButtonLabel = 'Next';
         }
+        else if (this.autoAcceptingDisclosure) {
+            this.handleClickAgree();
+        }
         this.checkRecipientFields();
         (_h = this.envelopeLoaded) === null || _h === void 0 ? void 0 : _h.emit({ endpoint: this.endpoint, envelope: this.envelope });
     }
@@ -527,12 +536,22 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
     }
     focusField(field, scrollInline = 'center') {
         var _a;
-        if (!field)
+        // Clear any previously highlighted field
+        const previousActive = document.querySelector('.verdocs-active-field');
+        if (previousActive) {
+            previousActive.classList.remove('verdocs-active-field');
+        }
+        if (!field) {
+            this.focusedField = '';
             return;
+        }
         const id = getFieldId(field);
         const el = document.getElementById(id);
-        el === null || el === void 0 ? void 0 : el.scrollIntoView({ behavior: 'smooth', block: 'center', inline: scrollInline });
-        (_a = el === null || el === void 0 ? void 0 : el.focusField) === null || _a === void 0 ? void 0 : _a.call(el);
+        if (el) {
+            el.classList.add('verdocs-active-field');
+            el.scrollIntoView({ behavior: 'smooth', block: 'center', inline: scrollInline });
+            (_a = el.focusField) === null || _a === void 0 ? void 0 : _a.call(el);
+        }
         this.focusedField = field.name;
         this.markFieldVisited(field.name);
         this.checkRecipientFields();
@@ -951,6 +970,9 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                 } })));
         }
         if (!this.agreed) {
+            if (this.autoAcceptingDisclosure && this.submitting) {
+                return (h(Host, { class: "agreed" }, 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("verdocs-loader", null)));
+            }
             return (h(Host, { class: "agreed" }, 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("verdocs-disclosure-dialog", { disclosures: this.disclosures, delegator: this.recipient.delegator, onDelegate: () => (this.delegating = true), onDecline: () => (this.declining = true), onAccept: () => this.handleClickAgree() })));
         }
         if (this.authStep === 'passcode') {
@@ -1191,6 +1213,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         "inviteCode": [513, "invite-code"],
         "headerTargetId": [1, "header-target-id"],
         "toolbarStyle": [1, "toolbar-style"],
+        "autoAcceptingDisclosure": [4, "auto-accepting-disclosure"],
         "recipient": [32],
         "hasSignature": [32],
         "nextButtonLabel": [32],