npm - @hubsync/esign-web-sdk - Versions diffs - 6.5.8 → 6.5.10 - Mend

@hubsync/esign-web-sdk 6.5.8 → 6.5.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

package/dist/components/{p-B8w3BMgj.js → p-D2PSHlh-.js} RENAMED Viewed

@@ -17,7 +17,7 @@ const VerdocsDisclosureDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsDi
         /**
          * The disclosures to display.
          */
-        this.disclosures = DEFAULT_DISCLOSURES;
+        this.disclosures = 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.
          */
@@ -25,7 +25,7 @@ const VerdocsDisclosureDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsDi
         this.accepted = false;
     }
     render() {
-        return (h("verdocs-dialog", { key: '6232bf838f2a1b663ed1968c7914f395c6d62858' }, h("div", { key: 'd0695a5caf7ec5257dd3a2d5da4e37c337b018a7', slot: "heading", class: "heading" }, h("div", { key: '9c5243a7afe63ab2061e109a4147e9b324673b68', class: "title" }, "e-Signature Disclosures"), h("div", { key: '39cf593e67252903cc708fe5ea3b6a52d3bebc96', class: "close-button" }, h("svg", { key: '7f68ec316ac6f07a53b941082e8aa671052b7e0a', width: "24", height: "28", viewBox: "0 0 24 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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" })))), h("div", { key: '0b1d69f4b1cc37d0061d7e30da9a839c730716cf', slot: "content", class: "content" }, h("div", { key: '6ece0fd03c97d8c89a0d91321651c51629b2cddd', innerHTML: this.disclosures }), h("div", { key: '6231a8dff94ada420cd20a67d4e87cd7b13f642a', class: "accept" }, 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) }))), h("div", { key: '182231c07d93b70ec617def91c857abd2e47dd50', class: "footer", slot: "footer" }, this.delegator ? (h("div", { class: "buttons" }, h("button", { class: "decline", onClick: () => this.decline.emit() }, "Decline"), h("button", { class: "delegate", onClick: () => this.delegate.emit() }, "Delegate"), h("button", { class: "proceed", onClick: () => this.accept.emit(), disabled: !this.accepted }, "Proceed"))) : (h("div", { class: "buttons" }, h("button", { class: "decline", onClick: () => this.decline.emit() }, "Decline"), h("button", { class: "proceed", onClick: () => this.accept.emit(), disabled: !this.accepted }, "Proceed"))))));
+        return (h("verdocs-dialog", { key: '1c398695052fc512c3073be7acae7d237c33cd1e' }, h("div", { key: 'fa392bc2becb55b89a4834dfecfdaa9ff02d5ee5', slot: "heading", class: "heading" }, h("div", { key: 'd8c8476d2f4b387d934da28355b66480738260d3', class: "title" }, "e-Signature Disclosures"), h("div", { key: '393fa45a21c4db29ebb215c291be7f82e622d068', class: "close-button" }, h("svg", { key: 'f103a9e1f7a5207032380ddccd8e1b16b8359448', width: "24", height: "28", viewBox: "0 0 24 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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" })))), h("div", { key: '5c8fddc4f7f85d122ff333519e07e5202d1e96f7', slot: "content", class: "content" }, h("div", { key: '8477d4f9b2ded7da48831e31add2b4f6cd049d53', innerHTML: this.disclosures }), h("div", { key: '9c924806cd3571dbe27d0293b7a3c0709ef27e85', class: "accept" }, 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) }))), h("div", { key: 'f463522ba2c32a60237ca7c1c93dd58f5b7e4f43', class: "footer", slot: "footer" }, this.delegator ? (h("div", { class: "buttons" }, h("button", { class: "decline", onClick: () => this.decline.emit() }, "Decline"), h("button", { class: "delegate", onClick: () => this.delegate.emit() }, "Delegate"), h("button", { class: "proceed", onClick: () => this.accept.emit(), disabled: !this.accepted }, "Proceed"))) : (h("div", { class: "buttons" }, h("button", { class: "decline", onClick: () => this.decline.emit() }, "Decline"), h("button", { class: "proceed", onClick: () => this.accept.emit(), disabled: !this.accepted }, "Proceed"))))));
     }
     static get style() { return verdocsDisclosureDialogCss; }
 }, [256, "verdocs-disclosure-dialog", {
@@ -58,6 +58,6 @@ function defineCustomElement() {
 }
 export { VerdocsDisclosureDialog as V, defineCustomElement as d };
-//# sourceMappingURL=p-B8w3BMgj.js.map
+//# sourceMappingURL=p-D2PSHlh-.js.map
-//# sourceMappingURL=p-B8w3BMgj.js.map
+//# sourceMappingURL=p-D2PSHlh-.js.map

package/dist/components/p-D2PSHlh-.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-D2PSHlh-.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/dialogs/verdocs-disclosure-dialog/verdocs-disclosure-dialog.scss?tag=verdocs-disclosure-dialog","src/components/dialogs/verdocs-disclosure-dialog/verdocs-disclosure-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-disclosure-dialog {\n /* Content styles specifically for disclosure dialog */\n .heading {\n display: flex;\n justify-content: space-between;\n width: 100%;\n align-items: center;\n\n .close-button {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 4px;\n border-radius: 50%;\n color: var(--verdocs-close-button-color, #6b7280);\n transition: all 0.2s ease;\n\n &:hover {\n background-color: var(--verdocs-close-button-hover-bg, #f3f4f6);\n color: var(--verdocs-close-button-hover-color, #111827);\n }\n\n svg {\n fill: currentColor;\n }\n }\n }\n\n .content {\n ul {\n list-style: none;\n /* Remove default bullets */\n padding: 0;\n margin: 0 0 16px 0;\n\n li {\n position: relative;\n padding-left: 34px;\n margin-bottom: 12px;\n font-size: 14px;\n line-height: 20px;\n\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: -2px;\n width: 24px;\n height: 24px;\n background-color: var(--verdocs-bullet-color, #707070);\n // Use masking to allow recovering the icon via background-color\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z' fill='%23707070'/%3E%3C/svg%3E\");\n mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z' fill='%23707070'/%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n }\n }\n }\n }\n\n .accept {\n margin: 0;\n color: var(--verdocs-dialog-content-color, #424242);\n\n verdocs-checkbox {\n font-size: 14px;\n line-height: 20px;\n\n label > input[type='checkbox'] + * {\n display: flex;\n align-items: flex-start;\n }\n\n label > input[type='checkbox'] + *::before {\n width: 16px;\n height: 16px;\n line-height: 16px;\n margin-right: 12px;\n flex-shrink: 0;\n margin-top: 2px;\n }\n }\n }\n\n a {\n color: var(--verdocs-link-color, $verdocs-purple-shade);\n }\n\n .buttons {\n gap: 12px;\n display: flex;\n margin-top: 0;\n flex-direction: row;\n justify-content: flex-end;\n\n button {\n padding: 8px 16px;\n height: 40px;\n display: flex;\n font-size: 14px;\n font-weight: 400;\n cursor: pointer;\n align-items: center;\n border-radius: var(--verdocs-button-radius, 4px);\n justify-content: center;\n transition: all 0.2s ease;\n\n &.decline {\n margin-right: auto;\n background-color: transparent;\n border: var(--verdocs-button-secondary-border, 1px solid #d1d5db);\n color: var(--verdocs-button-secondary-color, #374151);\n\n &:hover {\n background-color: var(--verdocs-button-secondary-hover-bg, #f9fafb);\n }\n }\n\n &.delegate {\n background-color: transparent;\n border: var(--verdocs-button-secondary-border, 1px solid #d1d5db);\n color: var(--verdocs-button-secondary-color, #374151);\n }\n\n &.proceed {\n background-color: var(--verdocs-primary-color, $verdocs-green);\n border: 1px solid transparent;\n color: #ffffff;\n\n &:hover {\n background-color: var(--verdocs-primary-color-hover, $verdocs-green-shade);\n }\n }\n\n &:disabled {\n background-color: var(--verdocs-button-disabled-bg, #e5e7eb);\n color: var(--verdocs-button-disabled-color, #9ca3af);\n cursor: not-allowed;\n }\n }\n }\n}\n","import { DEFAULT_DISCLOSURES } from '@verdocs/js-sdk';\nimport { Component, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n/**\n * Display e-signing disclosures with options to delegate, decline or proceed.\n */\n@Component({\n tag: 'verdocs-disclosure-dialog',\n styleUrl: 'verdocs-disclosure-dialog.scss',\n})\nexport class VerdocsDisclosureDialog {\n /**\n * The disclosures to display.\n */\n @Prop() disclosures: string = DEFAULT_DISCLOSURES.replace(/Verdocs/gi, 'Hubsync').replace(/verdocs\\.com/gi, 'hubsync.com');\n\n /**\n * If the recipient may delegate, an additional button will be shown to drive this flow.\n */\n @Prop() delegator = false;\n\n /**\n * Event fired when the user chooses to decline.\n */\n @Event({ composed: true }) decline: EventEmitter<{ first_name: string; last_name: string; email: string; phone: string; message: string }>;\n\n /**\n * Event fired when the user chooses to delegate signing.\n */\n @Event({ composed: true }) delegate: EventEmitter<{ first_name: string; last_name: string; email: string; phone: string; message: string }>;\n\n /**\n * Event fired when the user chooses to proceed.\n */\n @Event({ composed: true }) accept: EventEmitter<{ first_name: string; last_name: string; email: string; phone: string; message: string }>;\n\n @State() accepted = false;\n\n render() {\n return (\n <verdocs-dialog>\n <div slot=\"heading\" class=\"heading\">\n <div class=\"title\">e-Signature Disclosures</div>\n <div class=\"close-button\">\n <svg width=\"24\" height=\"28\" viewBox=\"0 0 24 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path 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\" />\n </svg>\n </div>\n </div>\n\n <div slot=\"content\" class=\"content\">\n <div innerHTML={this.disclosures}></div>\n <div class=\"accept\">\n <verdocs-checkbox\n label=\"I accept the electronic signature disclosures and agree to proceed with digital signing.\"\n checked={this.accepted}\n onInput={() => (this.accepted = !this.accepted)}\n />\n </div>\n </div>\n\n <div class=\"footer\" slot=\"footer\">\n {this.delegator ? (\n <div class=\"buttons\">\n <button class=\"decline\" onClick={() => this.decline.emit()}>\n Decline\n </button>\n <button class=\"delegate\" onClick={() => this.delegate.emit()}>\n Delegate\n </button>\n <button class=\"proceed\" onClick={() => this.accept.emit()} disabled={!this.accepted}>\n Proceed\n </button>\n </div>\n ) : (\n <div class=\"buttons\">\n <button class=\"decline\" onClick={() => this.decline.emit()}>\n Decline\n </button>\n <button class=\"proceed\" onClick={() => this.accept.emit()} disabled={!this.accepted}>\n Proceed\n </button>\n </div>\n )}\n </div>\n </verdocs-dialog>\n );\n }\n}\n"],"version":3}

package/dist/components/verdocs-disclosure-dialog.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsDisclosureDialog$1, d as defineCustomElement$1 } from './p-B8w3BMgj.js';
+import { V as VerdocsDisclosureDialog$1, d as defineCustomElement$1 } from './p-D2PSHlh-.js';
 const VerdocsDisclosureDialog = VerdocsDisclosureDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-sign.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { d as defineCustomElement$p } from './p-CfODrICH.js';
 import { d as defineCustomElement$o } from './p-mThpW9TM.js';
 import { d as defineCustomElement$n } from './p-VPVigkt1.js';
 import { d as defineCustomElement$m } from './p-CxLtKV1w.js';
-import { d as defineCustomElement$l } from './p-B8w3BMgj.js';
+import { d as defineCustomElement$l } from './p-D2PSHlh-.js';
 import { d as defineCustomElement$k } from './p-BctpAp4o.js';
 import { d as defineCustomElement$j } from './p-DnQQamHR.js';
 import { d as defineCustomElement$i } from './p-Cv72a8rJ.js';
@@ -106,7 +106,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         this.fatalErrorHeader = '';
         this.fatalErrorMessage = '';
         this.focusedField = '';
-        this.disclosures = DEFAULT_DISCLOSURES;
+        this.disclosures = DEFAULT_DISCLOSURES.replace(/Verdocs/gi, 'Hubsync').replace(/verdocs\.com/gi, 'hubsync.com');
         this.fieldUpdateCounter = 0;
         this.submitting = false;
         this.submitted = false;
@@ -163,8 +163,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);
             }
         }
@@ -240,7 +241,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         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) || DEFAULT_DISCLOSURES;
+        this.disclosures = (((_c = (_b = this.envelope) === null || _b === void 0 ? void 0 : _b.organization) === null || _c === void 0 ? void 0 : _c.disclaimer) || 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;
@@ -527,12 +528,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();