@hubsync/esign-web-sdk 6.9.42 → 6.9.44

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

@@ -170,8 +170,11 @@ const VerdocsAdoptSignatureDialog = class {
         };
     }
     componentWillLoad() {
-        this.enteredName = this.name;
-        this.computeEnteredInitials(this.name);
+        this.enteredName = this.initialEnteredName || this.name;
+        this.computeEnteredInitials(this.enteredName);
+        if (this.initialMode) {
+            this.mode = this.initialMode;
+        }
         const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');
         ds.load().then(font => {
             document.fonts.add(font);
@@ -179,24 +182,82 @@ const VerdocsAdoptSignatureDialog = class {
         });
     }
     componentDidLoad() {
-        this.drawSignatureText();
-        this.drawInitialsText();
         this.setupSignatureCanvas();
         this.setupInitialsCanvas();
+        void this.loadExistingPreviews();
     }
     componentDidUpdate() {
-        this.drawSignatureText();
-        this.drawInitialsText();
         this.setupSignatureCanvas();
         this.setupInitialsCanvas();
+        if (this.mode === 'type') {
+            this.drawSignatureText();
+            this.drawInitialsText();
+            return;
+        }
         // Redraw drawn signature when in draw mode
-        if (this.mode === 'draw' && this.allSigStrokes.length > 0) {
+        if (this.allSigStrokes.length > 0) {
             this.redrawDrawnSignature();
         }
-        if (this.mode === 'draw' && this.allInitialsStrokes.length > 0) {
+        if (this.allInitialsStrokes.length > 0) {
             this.redrawDrawnInitials();
         }
     }
+    drawImageOnCanvas(canvas, dataUrl) {
+        return new Promise((resolve, reject) => {
+            const image = new Image();
+            image.onload = () => {
+                const context = canvas.getContext('2d');
+                context.clearRect(0, 0, canvas.width, canvas.height);
+                const padding = 24;
+                const scale = Math.min((canvas.width - padding) / image.width, (canvas.height - padding) / image.height, 1);
+                const width = image.width * scale;
+                const height = image.height * scale;
+                const x = (canvas.width - width) / 2;
+                const y = (canvas.height - height) / 2;
+                context.drawImage(image, x, y, width, height);
+                resolve();
+            };
+            image.onerror = () => reject(new Error('Unable to load signature preview'));
+            image.src = dataUrl;
+        });
+    }
+    async loadExistingPreviews() {
+        if (this.mode === 'draw') {
+            await this.restoreDrawnPreviewsIfNeeded();
+            return;
+        }
+        this.drawSignatureText();
+        this.drawInitialsText();
+    }
+    setMode(mode) {
+        this.mode = mode;
+        if (mode === 'draw') {
+            void this.restoreDrawnPreviewsIfNeeded();
+        }
+    }
+    async restoreDrawnPreviewsIfNeeded() {
+        // Preserve in-session stroke edits; only restore saved previews when there are no strokes yet.
+        if (this.allSigStrokes.length > 0 || this.allInitialsStrokes.length > 0) {
+            return;
+        }
+        const tasks = [];
+        if (this.initialSignature && this.signatureElement) {
+            tasks.push(this.drawImageOnCanvas(this.signatureElement, this.initialSignature).then(() => {
+                this.hasDrawnSignature = true;
+            }));
+        }
+        if (this.initialInitials && this.initialsElement) {
+            tasks.push(this.drawImageOnCanvas(this.initialsElement, this.initialInitials).then(() => {
+                this.hasDrawnInitials = true;
+            }));
+        }
+        if (tasks.length === 0) {
+            return;
+        }
+        await Promise.all(tasks);
+        this.setupSignatureCanvas();
+        this.setupInitialsCanvas();
+    }
     drawSignatureText() {
         if (!this.signatureElement || this.mode !== 'type') {
             return;
@@ -324,7 +385,7 @@ const VerdocsAdoptSignatureDialog = class {
         e.preventDefault();
         const signature = this.signatureElement.toDataURL('image/png');
         const initials = this.initialsElement.toDataURL('image/png');
-        this.next.emit({ signature, initials });
+        this.next.emit({ signature, initials, mode: this.mode, name: this.enteredName });
     }
     isAdoptButtonDisabled() {
         switch (this.mode) {
@@ -332,8 +393,8 @@ const VerdocsAdoptSignatureDialog = class {
                 // Disable if no name has been entered
                 return !this.enteredName || this.enteredName.trim().length === 0;
             case 'draw':
-                // Disable if nothing has been drawn
-                return (!this.hasDrawnSignature && !this.hasDrawnInitials) || this.allSigStrokes.length === 0 || this.allInitialsStrokes.length === 0;
+                // Disable if nothing has been drawn or restored from a previous adoption
+                return !this.hasDrawnSignature || !this.hasDrawnInitials;
             default:
                 return true;
         }
@@ -354,8 +415,8 @@ const VerdocsAdoptSignatureDialog = class {
                 this.sigDrawingContext.lineWidth = 2;
                 this.sigDrawingContext.lineCap = 'round';
                 this.sigDrawingContext.lineJoin = 'round';
-                // Clear canvas only if there are no existing strokes
-                if (this.allSigStrokes.length === 0) {
+                // Clear canvas only if there are no existing strokes or restored previews
+                if (this.allSigStrokes.length === 0 && !this.hasDrawnSignature) {
                     this.sigDrawingContext.clearRect(0, 0, this.signatureElement.width, this.signatureElement.height);
                 }
             }
@@ -384,8 +445,8 @@ const VerdocsAdoptSignatureDialog = class {
                 this.initialsDrawingContext.lineWidth = 2;
                 this.initialsDrawingContext.lineCap = 'round';
                 this.initialsDrawingContext.lineJoin = 'round';
-                // Clear canvas only if there are no existing strokes
-                if (this.allInitialsStrokes.length === 0) {
+                // Clear canvas only if there are no existing strokes or restored previews
+                if (this.allInitialsStrokes.length === 0 && !this.hasDrawnInitials) {
                     this.initialsDrawingContext.clearRect(0, 0, this.initialsElement.width, this.initialsElement.height);
                 }
             }
@@ -453,11 +514,11 @@ const VerdocsAdoptSignatureDialog = class {
         };
     }
     render() {
-        return (index.h("verdocs-dialog", { key: '2d9f8c2d126b604fe74baf617ad66329cc83d642', persistent: true, onExit: () => this.exit.emit() }, index.h("div", { key: 'b5fe4f88aaec381b9dc44d4368eeb7062408d08f', slot: "heading", class: "heading" }, "Adopt Your Signature"), index.h("div", { key: '02094c09fd6b63f6d1a17f0813850558efc65c3e', slot: "content", class: "content" }, index.h("div", { key: '6b6ec99527de5d4d079b3d3d478581d0a403ec61', style: { fontWeight: '300', color: '#242424', fontSize: '13px' } }, "Confirm your name, initials, and signature."), index.h("div", { key: '5446ee94d3f7d8c5a76bb07be4cb36a4977378ec', class: { type: true, active: this.mode === 'type' } }, index.h("verdocs-text-input", { key: '6efbbb16fc67f5360e3497573b045a9187557b1d', label: "Full Name", value: this.enteredName, disabled: this.nameLocked, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), this.nameLocked && index.h("div", { key: '1bc48daa4d814199d1e399a6ace89a33ec70dfcd', class: "name-locked-hint" }, "Your name has been set by the sender and cannot be changed.")), index.h("div", { key: '299b6667ff61ebb5bcd38f6e69f793c99073266e', style: { fontWeight: '400', color: '#242424', fontSize: '13px' } }, "Select a signature style"), index.h("div", { key: '50b3b5d6c33790d9702c214f6d4dc536191f3529', style: { display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px' } }, index.h("verdocs-radio-button", { key: '1a7aae5b62f11ce35eca59b85e58ce5300991b20', checked: this.mode === 'type', value: "type", name: "mode", onClick: () => (this.mode = 'type') }), index.h("label", { key: '6bc2c033e6a094140186c394772eb8bb4146a59d' }, "Typed with a keyboard")), index.h("div", { key: 'c8eb2d62a274a069507250b0d4599765e0689b4a', style: { display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px' } }, index.h("verdocs-radio-button", { key: 'a9231341d4896b3e9d2c0cda07b3b47c99aa924a', checked: this.mode === 'draw', value: "draw", name: "mode", onClick: () => (this.mode = 'draw') }), index.h("label", { key: '08800335d245f80006df2d98427555d8eed12500' }, "Drawn with touch, mouse, or stylus")), index.h("div", { key: '40ede26cbe3aee6ca9efb40137acd423757d09e1', class: "preview-header" }, index.h("div", { key: 'f3ab56d0583310e6957d12a25ee17f60c0833752', style: { fontSize: '13px', fontWeight: '400' } }, "Signature Preview"), this.mode === 'draw' && (index.h("button", { key: '671c58fc4ffcf24f63733007bd3e2f9d97089f47', class: "clear-button-text", onClick: e => this.handleClearDrawing(e, 'signature'), disabled: !this.hasDrawnSignature }, "Clear"))), index.h("div", { key: '85e6492ae46953eac7ed47bea89e062066c9042e', class: "canvas-container signature-container" }, index.h("div", { key: 'b5d75586aa87a3dda6b15375750f9b7d992d2ad7', class: "signing-indicator" }, index.h("div", { key: '8e25d6232cff112c91bab09710bd068b6f458fb8', class: "x-icon", innerHTML: Icons.SignatureXIcon }), index.h("div", { key: '351c358e185aa471ba020a5e49a619077e13eaec', class: "signing-line" })), index.h("canvas", { key: 'fb0c2d520f4498581e2457577d673070204b37f1', ref: el => (this.signatureElement = el),
+        return (index.h("verdocs-dialog", { key: '3bf57218c88709dcb904ed197ac37551c26c8c37', persistent: true, onExit: () => this.exit.emit() }, index.h("div", { key: '26bf968eb7e6169e29c11c96806c387fc2891df2', slot: "heading", class: "heading" }, "Adopt Your Signature"), index.h("div", { key: 'dd9cb18b25d3055cf98a79fca2fe12a7a0f756da', slot: "content", class: "content" }, index.h("div", { key: 'ff7520ccf2d8e15a72b12aabeba11f785c33a4b1', style: { fontWeight: '300', color: '#242424', fontSize: '13px' } }, "Confirm your name, initials, and signature."), index.h("div", { key: '428c77e16cfcddf1a202cc9155220fe7899f12e3', class: { type: true, active: this.mode === 'type' } }, index.h("verdocs-text-input", { key: '3df310a9c55c581350fc5ee5847e768764283ee6', label: "Full Name", value: this.enteredName, disabled: this.nameLocked, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), this.nameLocked && index.h("div", { key: '060c1edd0986a6be98f9ce68f7b94d562782a3ae', class: "name-locked-hint" }, "Your name has been set by the sender and cannot be changed.")), index.h("div", { key: '95b80e7b68150ba7e912176834686b769c1ad74e', style: { fontWeight: '400', color: '#242424', fontSize: '13px' } }, "Select a signature style"), index.h("div", { key: '8567f38208d1c2130ecacb21a6f09eaa089f6fb4', style: { display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px' } }, index.h("verdocs-radio-button", { key: '278fa39a73863c07512b297cdc13d2ad6bc18320', checked: this.mode === 'type', value: "type", name: "mode", onClick: () => this.setMode('type') }), index.h("label", { key: '20ebbd899fa095783e0b9b307e7c5bc6c73585c8' }, "Typed with a keyboard")), index.h("div", { key: '2aa96af7da2dbff4437f76d3be8c25660a5ae5ec', style: { display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px' } }, index.h("verdocs-radio-button", { key: 'e72c8a7350e6a368748746622dfc8382c94bbd7d', checked: this.mode === 'draw', value: "draw", name: "mode", onClick: () => this.setMode('draw') }), index.h("label", { key: '423eff813da06377c1c5d66f8ea813564f40478c' }, "Drawn with touch, mouse, or stylus")), index.h("div", { key: '013b7108cd626c5ef736520c4e93374205d62ea1', class: "preview-header" }, index.h("div", { key: '9af65f41a953990c2412b02176e921a60ef191ca', style: { fontSize: '13px', fontWeight: '400' } }, "Signature Preview"), this.mode === 'draw' && (index.h("button", { key: '5e422b7f7ef72fdf50eb7c5e102b9062a6f10e1c', class: "clear-button-text", onClick: e => this.handleClearDrawing(e, 'signature'), disabled: !this.hasDrawnSignature }, "Clear"))), index.h("div", { key: '220cdf4f321aa3a388c9c4f9340d130cb207e7cf', class: "canvas-container signature-container" }, index.h("div", { key: '0ffa2c39b216ecd3ef76a36122b8d51f6e5a59bb', class: "signing-indicator" }, index.h("div", { key: 'c295f652022004645377620a49b9314330bbca7c', class: "x-icon", innerHTML: Icons.SignatureXIcon }), index.h("div", { key: '0b24b19acd68f1e9ab9588f7b0aa3412e571a12d', class: "signing-line" })), index.h("canvas", { key: '72134d2f592c8f60fab5a90290f15b21e0b3e6aa', ref: el => (this.signatureElement = el),
             // width="300"
-            height: "79", class: "signature-canvas", onPointerDown: this.handleSigPointerDown, onPointerMove: this.handleSigPointerMove, onPointerUp: this.handleSigPointerUp, onPointerCancel: this.handleSigPointerCancel, style: { touchAction: 'none', cursor: 'crosshair' } })), index.h("div", { key: 'ffd475d6c1ffdd1b0453a8196fa7edc6fc039649', class: "preview-header" }, index.h("div", { key: '61003eae27592625bab6d2aab282406bbd48fdc3', style: { fontSize: '13px', fontWeight: '400' } }, "Initials Preview"), this.mode === 'draw' && (index.h("button", { key: '77350a9062703807f3766f4cf6a1e5e412086ee5', class: "clear-button-text", onClick: e => this.handleClearDrawing(e, 'initials'), disabled: !this.hasDrawnInitials }, "Clear"))), index.h("div", { key: '5c8f3a9a62325d915f2461cddc07adca3136799c', class: "canvas-container initials-container" }, index.h("div", { key: '0b37c4ee2ff03d61304a98bc8e284e0546258698', class: "signing-indicator" }, index.h("div", { key: '9f2f39d84a9aeefb48d310f896d223eccfed2ead', class: "x-icon", innerHTML: Icons.SignatureXIcon }), index.h("div", { key: '57120f545d2d07e1fdace87088b6cd3862dd0289', class: "signing-line" })), index.h("canvas", { key: '1b5080f57ec622775cc987229957029a4f1da2f8', ref: el => (this.initialsElement = el),
+            height: "79", class: "signature-canvas", onPointerDown: this.handleSigPointerDown, onPointerMove: this.handleSigPointerMove, onPointerUp: this.handleSigPointerUp, onPointerCancel: this.handleSigPointerCancel, style: { touchAction: 'none', cursor: 'crosshair' } })), index.h("div", { key: '847d54a8a55652ab67a3909d6510a4d587fb9bd8', class: "preview-header" }, index.h("div", { key: 'e270bb3dc8971ecc816db09ec6d91eb1a6613786', style: { fontSize: '13px', fontWeight: '400' } }, "Initials Preview"), this.mode === 'draw' && (index.h("button", { key: 'be4a46390d14a90f9705f40ff90a920174d58d85', class: "clear-button-text", onClick: e => this.handleClearDrawing(e, 'initials'), disabled: !this.hasDrawnInitials }, "Clear"))), index.h("div", { key: 'a8c2ace5575bf6b95e18e08febbd2dd3876d53c6', class: "canvas-container initials-container" }, index.h("div", { key: '1cab75d06695c2458452b4adc039f1078959c740', class: "signing-indicator" }, index.h("div", { key: 'e925e1f10a180aa65953dba5c007f294daf52ad2', class: "x-icon", innerHTML: Icons.SignatureXIcon }), index.h("div", { key: 'ecd9548ff69aa7ac7241433c1e88e5d66ceb2486', class: "signing-line" })), index.h("canvas", { key: '46c776d1efcee7e3d5bf5bd4a01db517eb638481', ref: el => (this.initialsElement = el),
             // width="300"
-            height: "79", class: "initials-canvas", onPointerDown: this.handleInitialsPointerDown, onPointerMove: this.handleInitialsPointerMove, onPointerUp: this.handleInitialsPointerUp, onPointerCancel: this.handleInitialsPointerCancel, style: { touchAction: 'none', cursor: 'crosshair' } })), index.h("div", { key: '138d718d6705b3096edf5379aadbccaef54a7bf6', class: "disclaimer" }, "By clicking \u00ABAdopt Signature\u00BB, I agree that the signature and initials above will be the electronic representation of my signature and initials for all purposes when I use them to sign documents. Applying them to a document is legally equivalent to signing with a pen on paper.")), index.h("div", { key: '32d3a076edc5db4dafff0070916278279a362760', class: "footer", slot: "footer" }, index.h("div", { key: 'faf75d8abed2bc9d72aa49055f26619ea3927343', class: "buttons" }, index.h("button", { key: '61a8750afa5c3a298b9dd0d82d05c7e185b29999', class: "cancel", onClick: e => this.handleCancel(e) }, "Cancel"), index.h("button", { key: '040577750135d0bed204f92bad1c5a275d759c08', class: "proceed", onClick: e => this.handleAdopt(e), disabled: this.isAdoptButtonDisabled() }, "Adopt & Sign")))));
+            height: "79", class: "initials-canvas", onPointerDown: this.handleInitialsPointerDown, onPointerMove: this.handleInitialsPointerMove, onPointerUp: this.handleInitialsPointerUp, onPointerCancel: this.handleInitialsPointerCancel, style: { touchAction: 'none', cursor: 'crosshair' } })), index.h("div", { key: '7039cf8e45f20d2c659937b9b637be9ee236b2d7', class: "disclaimer" }, "By clicking \u00ABAdopt Signature\u00BB, I agree that the signature and initials above will be the electronic representation of my signature and initials for all purposes when I use them to sign documents. Applying them to a document is legally equivalent to signing with a pen on paper.")), index.h("div", { key: '93030327757e8dbb438a9f7c0aa36829e54d1725', class: "footer", slot: "footer" }, index.h("div", { key: '7138105a5cd87dc3a85058fbfa0bd999a8ff68c5', class: "buttons" }, index.h("button", { key: '6051baa6bade91f491530b955710ceb672a45547', class: "cancel", onClick: e => this.handleCancel(e) }, "Cancel"), index.h("button", { key: 'cf3d5ff3b39f6c2b32c29306ca9a1656edb17e29', class: "proceed", onClick: e => this.handleAdopt(e), disabled: this.isAdoptButtonDisabled() }, "Adopt & Sign")))));
     }
 };
 VerdocsAdoptSignatureDialog.style = verdocsAdoptSignatureDialogCss;

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

@@ -78,6 +78,10 @@ const VerdocsSign = class {
         this.agreed = false;
         this.signatureId = null;
         this.initialId = null;
+        this.signatureAdoptMode = 'type';
+        this.adoptedSignaturePreview = null;
+        this.adoptedInitialsPreview = null;
+        this.adoptedName = null;
         this.skippedFields = [];
         this.documentsSingularPlural = 'document';
         this.authStep = null;
@@ -229,6 +233,10 @@ const VerdocsSign = class {
         // to adopt at least once per session so the signing flow is explicit after removing the up-front progress dialog.
         this.signatureId = null;
         this.initialId = null;
+        this.signatureAdoptMode = 'type';
+        this.adoptedSignaturePreview = null;
+        this.adoptedInitialsPreview = null;
+        this.adoptedName = null;
         this.submitted = recipient.status === 'submitted';
         this.loading = false;
         this.isDone = this.submitted;
@@ -399,6 +407,50 @@ const VerdocsSign = class {
             }
         });
     }
+    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) || ''}`;
@@ -563,7 +615,6 @@ const VerdocsSign = class {
                 }
                 if (e.detail === null) {
                     console.log('[SIGN] Clearing signature');
-                    this.signatureId = null;
                     const updateResult = await jsSdk.updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, field.name, null, false);
                     this.updateRecipientFieldValue(field.name, updateResult);
                     if (field.required)
@@ -575,6 +626,7 @@ const VerdocsSign = class {
                     console.log('[SIGN] Reusing signature', this.signatureId);
                     const updateResult = await jsSdk.updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, field.name, this.signatureId, false);
                     this.updateRecipientFieldValue(field.name, updateResult);
+                    this.hydrateAdoptedSignatureState(field);
                     this.focusNextFieldAfter(field);
                     return;
                 }
@@ -584,6 +636,7 @@ const VerdocsSign = class {
                     const updateResult = await jsSdk.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;
                 }
@@ -941,6 +994,7 @@ const VerdocsSign = class {
         });
         el.addEventListener('adopt', () => {
             this.focusedField = field.name;
+            this.hydrateAdoptedSignatureState(field);
             this.updateAllFlags();
             this.adoptingSignature = true;
         });
@@ -1026,7 +1080,7 @@ const VerdocsSign = class {
         });
     }
     render() {
-        var _a;
+        var _a, _b, _c, _d;
         if (this.showLoadError) {
             return (index.h(index.Host, null, index.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();
@@ -1176,18 +1230,26 @@ const VerdocsSign = class {
             } })), this.showDone && (index.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 && (index.h("verdocs-adopt-signature-dialog", { name: jsSdk.formatFullName(this.recipient), nameLocked: !!((_a = this.recipient) === null || _a === void 0 ? void 0 : _a.name_locked), onNext: async (e) => {
+            } })), this.adoptingSignature && (index.h("verdocs-adopt-signature-dialog", { name: jsSdk.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 jsSdk.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 jsSdk.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();