@hubsync/esign-web-sdk 6.9.43 → 6.9.44

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

@@ -104,6 +104,7 @@ export class VerdocsSign {
         this.signatureAdoptMode = 'type';
         this.adoptedSignaturePreview = null;
         this.adoptedInitialsPreview = null;
+        this.adoptedName = null;
         this.skippedFields = [];
         this.documentsSingularPlural = 'document';
         this.authStep = null;
@@ -258,6 +259,7 @@ export class VerdocsSign {
         this.signatureAdoptMode = 'type';
         this.adoptedSignaturePreview = null;
         this.adoptedInitialsPreview = null;
+        this.adoptedName = null;
         this.submitted = recipient.status === 'submitted';
         this.loading = false;
         this.isDone = this.submitted;
@@ -428,6 +430,50 @@ export class VerdocsSign {
             }
         });
     }
+    toDataUrl(value) {
+        return value.startsWith('data:') ? value : `data:image/png;base64,${value}`;
+    }
+    getAdoptModeStorageKey(signatureBlockId) {
+        return `verdocs-adopt-mode:${signatureBlockId}`;
+    }
+    getAdoptNameStorageKey(signatureBlockId) {
+        return `verdocs-adopt-name:${signatureBlockId}`;
+    }
+    /**
+     * Restore adopted signature/initial previews and mode from applied fields or session storage.
+     * Clearing a field only removes the stamp from that field — the adopted block still exists.
+     */
+    hydrateAdoptedSignatureState(triggerField) {
+        var _a, _b, _c, _d, _e;
+        const fields = this.getRecipientFields();
+        const signatureField = (triggerField === null || triggerField === void 0 ? void 0 : triggerField.type) === 'signature'
+            ? triggerField
+            : fields.find(f => { var _a, _b; return f.type === 'signature' && ((_a = f.settings) === null || _a === void 0 ? void 0 : _a.base64) && ((_b = f.settings) === null || _b === void 0 ? void 0 : _b.signature_id); });
+        const initialsField = fields.find(f => { var _a, _b; return f.type === 'initial' && ((_a = f.settings) === null || _a === void 0 ? void 0 : _a.base64) && ((_b = f.settings) === null || _b === void 0 ? void 0 : _b.initial_id); });
+        if ((_a = signatureField === null || signatureField === void 0 ? void 0 : signatureField.settings) === null || _a === void 0 ? void 0 : _a.base64) {
+            this.adoptedSignaturePreview = this.toDataUrl(signatureField.settings.base64);
+        }
+        if ((_b = initialsField === null || initialsField === void 0 ? void 0 : initialsField.settings) === null || _b === void 0 ? void 0 : _b.base64) {
+            this.adoptedInitialsPreview = this.toDataUrl(initialsField.settings.base64);
+        }
+        if ((_c = signatureField === null || signatureField === void 0 ? void 0 : signatureField.settings) === null || _c === void 0 ? void 0 : _c.signature_id) {
+            this.signatureId = signatureField.settings.signature_id;
+        }
+        if ((_d = initialsField === null || initialsField === void 0 ? void 0 : initialsField.settings) === null || _d === void 0 ? void 0 : _d.initial_id) {
+            this.initialId = initialsField.settings.initial_id;
+        }
+        const modeSourceId = this.signatureId || ((_e = signatureField === null || signatureField === void 0 ? void 0 : signatureField.settings) === null || _e === void 0 ? void 0 : _e.signature_id);
+        if (modeSourceId && this.adoptedSignaturePreview) {
+            const storedMode = sessionStorage.getItem(this.getAdoptModeStorageKey(modeSourceId));
+            if (storedMode === 'draw' || storedMode === 'type') {
+                this.signatureAdoptMode = storedMode;
+            }
+            const storedName = sessionStorage.getItem(this.getAdoptNameStorageKey(modeSourceId));
+            if (storedName) {
+                this.adoptedName = storedName;
+            }
+        }
+    }
     getStartedKey() {
         var _a;
         return `${this.envelopeId}:${((_a = this.recipient) === null || _a === void 0 ? void 0 : _a.role_name) || ''}`;
@@ -592,10 +638,6 @@ export class VerdocsSign {
                 }
                 if (e.detail === null) {
                     console.log('[SIGN] Clearing signature');
-                    this.signatureId = null;
-                    this.adoptedSignaturePreview = null;
-                    this.adoptedInitialsPreview = null;
-                    this.signatureAdoptMode = 'type';
                     const updateResult = await updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, field.name, null, false);
                     this.updateRecipientFieldValue(field.name, updateResult);
                     if (field.required)
@@ -607,6 +649,7 @@ export class VerdocsSign {
                     console.log('[SIGN] Reusing signature', this.signatureId);
                     const updateResult = await updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, field.name, this.signatureId, false);
                     this.updateRecipientFieldValue(field.name, updateResult);
+                    this.hydrateAdoptedSignatureState(field);
                     this.focusNextFieldAfter(field);
                     return;
                 }
@@ -616,6 +659,7 @@ export class VerdocsSign {
                     const updateResult = await updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, field.name, e.detail, false);
                     this.signatureId = e.detail;
                     this.updateRecipientFieldValue(field.name, updateResult);
+                    this.hydrateAdoptedSignatureState(field);
                     this.focusNextFieldAfter(field);
                     return;
                 }
@@ -973,6 +1017,7 @@ export class VerdocsSign {
         });
         el.addEventListener('adopt', () => {
             this.focusedField = field.name;
+            this.hydrateAdoptedSignatureState(field);
             this.updateAllFlags();
             this.adoptingSignature = true;
         });
@@ -1058,7 +1103,7 @@ export class VerdocsSign {
         });
     }
     render() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         if (this.showLoadError) {
             return (h(Host, null, h("verdocs-ok-dialog", { heading: "Unable to Start Signing", message: `Sorry, your invite code is invalid or has expired. Please check your email for an updated invitation, or contact the sender.`, buttonLabel: "OK", onNext: () => {
                     window.location.reload();
@@ -1208,21 +1253,26 @@ export class VerdocsSign {
             } })), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the completed document and certificate attached.`, hideCloseButton: true, onNext: () => {
                 this.showDone = false;
                 this.isDone = true;
-            } })), this.adoptingSignature && (h("verdocs-adopt-signature-dialog", { name: formatFullName(this.recipient), nameLocked: !!((_a = this.recipient) === null || _a === void 0 ? void 0 : _a.name_locked), initialMode: this.adoptedSignaturePreview ? this.signatureAdoptMode : undefined, initialSignature: (_b = this.adoptedSignaturePreview) !== null && _b !== void 0 ? _b : undefined, initialInitials: (_c = this.adoptedInitialsPreview) !== null && _c !== void 0 ? _c : undefined, onNext: async (e) => {
+            } })), this.adoptingSignature && (h("verdocs-adopt-signature-dialog", { name: formatFullName(this.recipient), nameLocked: !!((_a = this.recipient) === null || _a === void 0 ? void 0 : _a.name_locked), initialEnteredName: (_b = this.adoptedName) !== null && _b !== void 0 ? _b : undefined, initialMode: this.adoptedSignaturePreview ? this.signatureAdoptMode : undefined, initialSignature: (_c = this.adoptedSignaturePreview) !== null && _c !== void 0 ? _c : undefined, initialInitials: (_d = this.adoptedInitialsPreview) !== null && _d !== void 0 ? _d : undefined, onNext: async (e) => {
                 console.log('[SIGN] Adopting signature/initials block', e.detail);
                 this.showSpinner = true;
                 this.signatureAdoptMode = e.detail.mode;
                 this.adoptedSignaturePreview = e.detail.signature;
                 this.adoptedInitialsPreview = e.detail.initials;
+                this.adoptedName = e.detail.name;
                 // These arrive as base-64 encoded data URLs
                 const signatureBlob = await (await fetch(e.detail.signature)).blob();
                 const initialsBlob = await (await fetch(e.detail.initials)).blob();
                 const sigResult = await createSignature(this.endpoint, 'signature', signatureBlob);
                 console.log('[SIGN] Created signature', sigResult);
                 this.signatureId = sigResult.id;
+                sessionStorage.setItem(this.getAdoptModeStorageKey(sigResult.id), e.detail.mode);
+                sessionStorage.setItem(this.getAdoptNameStorageKey(sigResult.id), e.detail.name);
                 const initResult = await createInitials(this.endpoint, 'initial', initialsBlob);
                 console.log('[SIGN] Created initials', initResult);
                 this.initialId = initResult.id;
+                sessionStorage.setItem(this.getAdoptModeStorageKey(initResult.id), e.detail.mode);
+                sessionStorage.setItem(this.getAdoptNameStorageKey(initResult.id), e.detail.name);
                 this.showSpinner = false;
                 this.adoptingSignature = false;
                 this.markEnvelopeStarted();
@@ -1490,6 +1540,7 @@ export class VerdocsSign {
             "signatureAdoptMode": {},
             "adoptedSignaturePreview": {},
             "adoptedInitialsPreview": {},
+            "adoptedName": {},
             "skippedFields": {},
             "documentsSingularPlural": {},
             "authStep": {},