@hubsync/esign-web-sdk 6.5.8 → 6.5.10

package/dist/cjs/verdocs-adopt-signature-dialog_8.cjs.entry.js

@@ -512,7 +512,7 @@ const VerdocsDisclosureDialog = class {
         /**
          * The disclosures to display.
          */
-        this.disclosures = jsSdk.DEFAULT_DISCLOSURES;
+        this.disclosures = jsSdk.DEFAULT_DISCLOSURES.replace(/Verdocs/gi, 'Hubsync').replace(/verdocs\.com/gi, 'hubsync.com');
         /**
          * If the recipient may delegate, an additional button will be shown to drive this flow.
          */
@@ -520,7 +520,7 @@ const VerdocsDisclosureDialog = class {
         this.accepted = false;
     }
     render() {
-        return (index.h("verdocs-dialog", { key: '6232bf838f2a1b663ed1968c7914f395c6d62858' }, index.h("div", { key: 'd0695a5caf7ec5257dd3a2d5da4e37c337b018a7', slot: "heading", class: "heading" }, index.h("div", { key: '9c5243a7afe63ab2061e109a4147e9b324673b68', class: "title" }, "e-Signature Disclosures"), index.h("div", { key: '39cf593e67252903cc708fe5ea3b6a52d3bebc96', class: "close-button" }, index.h("svg", { key: '7f68ec316ac6f07a53b941082e8aa671052b7e0a', width: "24", height: "28", viewBox: "0 0 24 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '3ec4f7b72bebd1f96586e8d84d1bbf71000cf698', d: "M4.39705 8.55379L4.46967 8.46967C4.73594 8.2034 5.1526 8.1792 5.44621 8.39705L5.53033 8.46967L12 14.939L18.4697 8.46967C18.7626 8.17678 19.2374 8.17678 19.5303 8.46967C19.8232 8.76256 19.8232 9.23744 19.5303 9.53033L13.061 16L19.5303 22.4697C19.7966 22.7359 19.8208 23.1526 19.6029 23.4462L19.5303 23.5303C19.2641 23.7966 18.8474 23.8208 18.5538 23.6029L18.4697 23.5303L12 17.061L5.53033 23.5303C5.23744 23.8232 4.76256 23.8232 4.46967 23.5303C4.17678 23.2374 4.17678 22.7626 4.46967 22.4697L10.939 16L4.46967 9.53033C4.2034 9.26406 4.1792 8.8474 4.39705 8.55379L4.46967 8.46967L4.39705 8.55379Z" })))), index.h("div", { key: '0b1d69f4b1cc37d0061d7e30da9a839c730716cf', slot: "content", class: "content" }, index.h("div", { key: '6ece0fd03c97d8c89a0d91321651c51629b2cddd', innerHTML: this.disclosures }), index.h("div", { key: '6231a8dff94ada420cd20a67d4e87cd7b13f642a', class: "accept" }, index.h("verdocs-checkbox", { key: 'e975f89c43b32badd9138645d89422ddf9f5959f', label: "I accept the electronic signature disclosures and agree to proceed with digital signing.", checked: this.accepted, onInput: () => (this.accepted = !this.accepted) }))), index.h("div", { key: '182231c07d93b70ec617def91c857abd2e47dd50', class: "footer", slot: "footer" }, this.delegator ? (index.h("div", { class: "buttons" }, index.h("button", { class: "decline", onClick: () => this.decline.emit() }, "Decline"), index.h("button", { class: "delegate", onClick: () => this.delegate.emit() }, "Delegate"), index.h("button", { class: "proceed", onClick: () => this.accept.emit(), disabled: !this.accepted }, "Proceed"))) : (index.h("div", { class: "buttons" }, index.h("button", { class: "decline", onClick: () => this.decline.emit() }, "Decline"), index.h("button", { class: "proceed", onClick: () => this.accept.emit(), disabled: !this.accepted }, "Proceed"))))));
+        return (index.h("verdocs-dialog", { key: '1c398695052fc512c3073be7acae7d237c33cd1e' }, index.h("div", { key: 'fa392bc2becb55b89a4834dfecfdaa9ff02d5ee5', slot: "heading", class: "heading" }, index.h("div", { key: 'd8c8476d2f4b387d934da28355b66480738260d3', class: "title" }, "e-Signature Disclosures"), index.h("div", { key: '393fa45a21c4db29ebb215c291be7f82e622d068', class: "close-button" }, index.h("svg", { key: 'f103a9e1f7a5207032380ddccd8e1b16b8359448', width: "24", height: "28", viewBox: "0 0 24 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'd5c2c81682919816894b2ac4f046cba01b03ea65', d: "M4.39705 8.55379L4.46967 8.46967C4.73594 8.2034 5.1526 8.1792 5.44621 8.39705L5.53033 8.46967L12 14.939L18.4697 8.46967C18.7626 8.17678 19.2374 8.17678 19.5303 8.46967C19.8232 8.76256 19.8232 9.23744 19.5303 9.53033L13.061 16L19.5303 22.4697C19.7966 22.7359 19.8208 23.1526 19.6029 23.4462L19.5303 23.5303C19.2641 23.7966 18.8474 23.8208 18.5538 23.6029L18.4697 23.5303L12 17.061L5.53033 23.5303C5.23744 23.8232 4.76256 23.8232 4.46967 23.5303C4.17678 23.2374 4.17678 22.7626 4.46967 22.4697L10.939 16L4.46967 9.53033C4.2034 9.26406 4.1792 8.8474 4.39705 8.55379L4.46967 8.46967L4.39705 8.55379Z" })))), index.h("div", { key: '5c8fddc4f7f85d122ff333519e07e5202d1e96f7', slot: "content", class: "content" }, index.h("div", { key: '8477d4f9b2ded7da48831e31add2b4f6cd049d53', innerHTML: this.disclosures }), index.h("div", { key: '9c924806cd3571dbe27d0293b7a3c0709ef27e85', class: "accept" }, index.h("verdocs-checkbox", { key: 'b4610be33db38cef8ad8633d2280e3ce21f1ea09', label: "I accept the electronic signature disclosures and agree to proceed with digital signing.", checked: this.accepted, onInput: () => (this.accepted = !this.accepted) }))), index.h("div", { key: 'f463522ba2c32a60237ca7c1c93dd58f5b7e4f43', class: "footer", slot: "footer" }, this.delegator ? (index.h("div", { class: "buttons" }, index.h("button", { class: "decline", onClick: () => this.decline.emit() }, "Decline"), index.h("button", { class: "delegate", onClick: () => this.delegate.emit() }, "Delegate"), index.h("button", { class: "proceed", onClick: () => this.accept.emit(), disabled: !this.accepted }, "Proceed"))) : (index.h("div", { class: "buttons" }, index.h("button", { class: "decline", onClick: () => this.decline.emit() }, "Decline"), index.h("button", { class: "proceed", onClick: () => this.accept.emit(), disabled: !this.accepted }, "Proceed"))))));
     }
 };
 VerdocsDisclosureDialog.style = verdocsDisclosureDialogCss;

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

@@ -82,7 +82,7 @@ const VerdocsSign = class {
         this.fatalErrorHeader = '';
         this.fatalErrorMessage = '';
         this.focusedField = '';
-        this.disclosures = jsSdk.DEFAULT_DISCLOSURES;
+        this.disclosures = jsSdk.DEFAULT_DISCLOSURES.replace(/Verdocs/gi, 'Hubsync').replace(/verdocs\.com/gi, 'hubsync.com');
         this.fieldUpdateCounter = 0;
         this.submitting = false;
         this.submitted = false;
@@ -139,8 +139,9 @@ const VerdocsSign = class {
             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);
             }
         }
@@ -216,7 +217,7 @@ const VerdocsSign = class {
         const { auth_step } = recipient;
         this.recipient = recipient;
         this.envelope = envelope;
-        this.disclosures = ((_c = (_b = this.envelope) === null || _b === void 0 ? void 0 : _b.organization) === null || _c === void 0 ? void 0 : _c.disclaimer) || jsSdk.DEFAULT_DISCLOSURES;
+        this.disclosures = (((_c = (_b = this.envelope) === null || _b === void 0 ? void 0 : _b.organization) === null || _c === void 0 ? void 0 : _c.disclaimer) || jsSdk.DEFAULT_DISCLOSURES).replace(/Verdocs/gi, 'Hubsync').replace(/verdocs\.com/gi, 'hubsync.com');
         this.authStep = auth_step;
         this.delegated = !!recipient.delegated_to;
         this.agreed = recipient.agreed;
@@ -503,12 +504,22 @@ const VerdocsSign = class {
     }
     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 = utils.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();