@verdocs/web-sdk 6.6.1 → 6.6.3

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

@@ -11,7 +11,7 @@ var Datastore = require('./Datastore-B-sxWSPD.js');
 require('./index-CeUF44L9.js');
 require('./Types-YJQtg77a.js');
 
-const verdocsAdoptSignatureDialogCss = "verdocs-adopt-signature-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog verdocs-dialog{border-radius:4px}verdocs-adopt-signature-dialog .heading{color:#201f1e;font-weight:400;padding-bottom:0;border-bottom:none}verdocs-adopt-signature-dialog .content{display:-ms-flexbox;display:flex;padding:12px 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog verdocs-text-input .input-label{color:#242424;font-size:13px;font-weight:400}verdocs-adopt-signature-dialog verdocs-text-input .input-element{border:1px solid #e0e0e0}verdocs-adopt-signature-dialog verdocs-radio-button{-webkit-transform:scale(0.9);transform:scale(0.9)}verdocs-adopt-signature-dialog .canvas-container{position:relative;width:100%;margin:10px 0;border-radius:4px;background:#fafafa;border:1px solid #d1d1d1;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog .canvas-container.initials-container{max-width:50%}verdocs-adopt-signature-dialog .canvas-container canvas{width:100%;height:79px;border-radius:4px;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;position:relative;z-index:2}verdocs-adopt-signature-dialog .canvas-container .signing-indicator{position:absolute;bottom:9px;left:9px;right:9px;height:28px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;gap:2px;z-index:1;pointer-events:none}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon{width:25px;height:28px;display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon svg{width:100%;height:100%}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .signing-line{-ms-flex:1;flex:1;border-bottom:1px dashed #d1d1d1;background-position:bottom;background-size:16px 1px;background-repeat:repeat-x;margin-bottom:0;height:1px;border:none;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #d1d1d1), color-stop(50%, transparent));background-image:linear-gradient(to right, #d1d1d1 50%, transparent 50%)}verdocs-adopt-signature-dialog .disclaimer{padding:8px 0;font-size:11px;line-height:14px;text-align:justify;color:rgba(0, 0, 0, 0.54)}verdocs-adopt-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:-20px -20px 0 -20px;border-bottom:1px solid #eeeeee}verdocs-adopt-signature-dialog .tabs .tab{-ms-flex:1;flex:1;gap:4px;display:-ms-flexbox;display:flex;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-adopt-signature-dialog .tabs .tab.active{background:#f9f5fe;border-bottom:2px solid #707ae5}verdocs-adopt-signature-dialog .tabs .tab:hover{color:#55bc81}verdocs-adopt-signature-dialog .tabs .tab .icon{width:16px;height:16px}verdocs-adopt-signature-dialog .type{display:none;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .type.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .draw.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw .draw-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .draw canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}verdocs-adopt-signature-dialog .preview-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:10px}verdocs-adopt-signature-dialog .preview-header .clear-button-text{background:none;border:none;color:var(--verdocs-primary-color, #1a73e8);cursor:pointer;font-size:13px;padding:0;font-weight:500}verdocs-adopt-signature-dialog .preview-header .clear-button-text:hover{text-decoration:underline}verdocs-adopt-signature-dialog .preview-header .clear-button-text:disabled{color:#9ca3af;text-decoration:none;cursor:not-allowed}verdocs-adopt-signature-dialog .upload{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .upload.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .upload .upload-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .upload .upload-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:12px;margin-top:8px}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button{border:1px solid var(--verdocs-primary-color, #1a73e8);background-color:var(--verdocs-primary-color, #1a73e8);color:#ffffff;padding:8px 20px;font-size:13px;cursor:pointer;border-radius:var(--verdocs-button-radius, 4px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button:hover{-webkit-filter:brightness(0.9);filter:brightness(0.9)}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button{border:1px solid #d0d0d0;background-color:#ffffff;color:#333333;padding:8px 16px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-adopt-signature-dialog .upload .upload-filename{font-size:12px;color:rgba(0, 0, 0, 0.6);text-align:center;margin-top:8px;font-style:italic}verdocs-adopt-signature-dialog{}verdocs-adopt-signature-dialog .buttons{gap:20px;display:-ms-flexbox;display:flex;margin-top:14px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-adopt-signature-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:500;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 6px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .buttons button.cancel{background-color:transparent;border:1px solid #d1d5db;color:#374151}verdocs-adopt-signature-dialog .buttons button.cancel:hover{background-color:#f9fafb}verdocs-adopt-signature-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #1a73e8);border:1px solid transparent;color:#ffffff}verdocs-adopt-signature-dialog .buttons button.proceed:hover{background-color:#1557b0}verdocs-adopt-signature-dialog .buttons button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}";
+const verdocsAdoptSignatureDialogCss = "verdocs-adopt-signature-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog verdocs-dialog{border-radius:4px}verdocs-adopt-signature-dialog .heading{color:#201f1e;font-weight:400;padding-bottom:0;border-bottom:none}verdocs-adopt-signature-dialog .content{display:-ms-flexbox;display:flex;padding:12px 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .name-locked-hint{font-size:12px;color:#6b7280;margin-top:4px}verdocs-adopt-signature-dialog verdocs-text-input .input-label{color:#242424;font-size:13px;font-weight:400}verdocs-adopt-signature-dialog verdocs-text-input .input-element{border:1px solid #e0e0e0}verdocs-adopt-signature-dialog verdocs-radio-button{-webkit-transform:scale(0.9);transform:scale(0.9)}verdocs-adopt-signature-dialog .canvas-container{position:relative;width:100%;margin:10px 0;border-radius:4px;background:#fafafa;border:1px solid #d1d1d1;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog .canvas-container.initials-container{max-width:50%}verdocs-adopt-signature-dialog .canvas-container canvas{width:100%;height:79px;border-radius:4px;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;position:relative;z-index:2}verdocs-adopt-signature-dialog .canvas-container .signing-indicator{position:absolute;bottom:9px;left:9px;right:9px;height:28px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;gap:2px;z-index:1;pointer-events:none}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon{width:25px;height:28px;display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon svg{width:100%;height:100%}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .signing-line{-ms-flex:1;flex:1;border-bottom:1px dashed #d1d1d1;background-position:bottom;background-size:16px 1px;background-repeat:repeat-x;margin-bottom:0;height:1px;border:none;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #d1d1d1), color-stop(50%, transparent));background-image:linear-gradient(to right, #d1d1d1 50%, transparent 50%)}verdocs-adopt-signature-dialog .disclaimer{padding:8px 0;font-size:11px;line-height:14px;text-align:justify;color:rgba(0, 0, 0, 0.54)}verdocs-adopt-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:-20px -20px 0 -20px;border-bottom:1px solid #eeeeee}verdocs-adopt-signature-dialog .tabs .tab{-ms-flex:1;flex:1;gap:4px;display:-ms-flexbox;display:flex;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-adopt-signature-dialog .tabs .tab.active{background:#f9f5fe;border-bottom:2px solid #707ae5}verdocs-adopt-signature-dialog .tabs .tab:hover{color:#55bc81}verdocs-adopt-signature-dialog .tabs .tab .icon{width:16px;height:16px}verdocs-adopt-signature-dialog .type{display:none;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .type.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .draw.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw .draw-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .draw canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}verdocs-adopt-signature-dialog .preview-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:10px}verdocs-adopt-signature-dialog .preview-header .clear-button-text{background:none;border:none;color:var(--verdocs-primary-color, #1a73e8);cursor:pointer;font-size:13px;padding:0;font-weight:500}verdocs-adopt-signature-dialog .preview-header .clear-button-text:hover{text-decoration:underline}verdocs-adopt-signature-dialog .preview-header .clear-button-text:disabled{color:#9ca3af;text-decoration:none;cursor:not-allowed}verdocs-adopt-signature-dialog .upload{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .upload.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .upload .upload-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .upload .upload-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:12px;margin-top:8px}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button{border:1px solid var(--verdocs-primary-color, #1a73e8);background-color:var(--verdocs-primary-color, #1a73e8);color:#ffffff;padding:8px 20px;font-size:13px;cursor:pointer;border-radius:var(--verdocs-button-radius, 4px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button:hover{-webkit-filter:brightness(0.9);filter:brightness(0.9)}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button{border:1px solid #d0d0d0;background-color:#ffffff;color:#333333;padding:8px 16px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-adopt-signature-dialog .upload .upload-filename{font-size:12px;color:rgba(0, 0, 0, 0.6);text-align:center;margin-top:8px;font-style:italic}verdocs-adopt-signature-dialog{}verdocs-adopt-signature-dialog .buttons{gap:20px;display:-ms-flexbox;display:flex;margin-top:14px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-adopt-signature-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:500;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 6px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .buttons button.cancel{background-color:transparent;border:1px solid #d1d5db;color:#374151}verdocs-adopt-signature-dialog .buttons button.cancel:hover{background-color:#f9fafb}verdocs-adopt-signature-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #1a73e8);border:1px solid transparent;color:#ffffff}verdocs-adopt-signature-dialog .buttons button.proceed:hover{background-color:#1557b0}verdocs-adopt-signature-dialog .buttons button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}";
 
 const VerdocsAdoptSignatureDialog = class {
     constructor(hostRef) {
@@ -22,6 +22,10 @@ const VerdocsAdoptSignatureDialog = class {
          * Initial signature text
          */
         this.name = '';
+        /**
+         * If true, the name fields will be read-only. Used when the sender has locked the recipient's name.
+         */
+        this.nameLocked = false;
         this.fontLoaded = false;
         this.enteredName = '';
         this.enteredInitials = '';
@@ -448,11 +452,11 @@ const VerdocsAdoptSignatureDialog = class {
         };
     }
     render() {
-        return (index.h("verdocs-dialog", { key: '521df609818a64ad15e29c7d0a0139646e981c07' }, index.h("div", { key: 'e60f199bb02ecefb4eb774498190fddbc36127e3', slot: "heading", class: "heading" }, "Adopt Your Signature"), index.h("div", { key: '2e1e27ed625b36ccb9c80ef69dc2c9e443ad673e', slot: "content", class: "content" }, index.h("div", { key: '51de52c36000a31b9b2aea949eee80264427ddf8', style: { fontWeight: '300', color: '#242424', fontSize: '13px' } }, "Confirm your name, initials, and signature."), index.h("div", { key: '2df9477a854e24435b6e081cba65c5720241c8ca', class: { type: true, active: this.mode === 'type' } }, index.h("verdocs-text-input", { key: 'a44ba76e886dc66642861234d594c0df7b33eac5', label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() })), index.h("div", { key: '333ff09585e064663691c8b56155c528fdb818ad', style: { fontWeight: '400', color: '#242424', fontSize: '13px' } }, "Select a signature style"), index.h("div", { key: '67d544f79407870a2c1234475e4dc794e6315239', style: { display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px' } }, index.h("verdocs-radio-button", { key: '7f9c7d69e7c7147e2906c7f710344897bf2868e5', checked: this.mode === 'type', value: "type", name: "mode", onClick: () => (this.mode = 'type') }), index.h("label", { key: 'f24dc7c8e49bbc819cd909c73b733106c6019593' }, "Typed with a keyboard")), index.h("div", { key: '038805f488e1c6906dd37bf7a800cb979f7ad921', style: { display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px' } }, index.h("verdocs-radio-button", { key: '60076a6947905f3c741dde49509ec16880e95d70', checked: this.mode === 'draw', value: "draw", name: "mode", onClick: () => (this.mode = 'draw') }), index.h("label", { key: '34f6b58005d6fcffa66a179e7cb2f41d458404ea' }, "Drawn with touch, mouse, or stylus")), index.h("div", { key: 'e365015d205a671e86c614e83b4ec6fb2baefe7e', class: "preview-header" }, index.h("div", { key: 'bcd94a2ba783ee97dff12104af9e2ded33bf843a', style: { fontSize: '13px', fontWeight: '400' } }, "Signature Preview"), this.mode === 'draw' && (index.h("button", { key: 'b424bd1a4f941832156a9273b85f1624d862eba3', class: "clear-button-text", onClick: e => this.handleClearDrawing(e, 'signature'), disabled: !this.hasDrawnSignature }, "Clear"))), index.h("div", { key: '96f4405552201d11b0a92cfda0d30cd603be61ef', class: "canvas-container signature-container" }, index.h("div", { key: '45ce72ab6d0c987ef0a71c5de32ae0c87ce656b6', class: "signing-indicator" }, index.h("div", { key: 'b023f19afa9e12e6657707e9fc8660761a492905', class: "x-icon", innerHTML: Icons.SignatureXIcon }), index.h("div", { key: 'eb151e0e724c8e6b96f4883d87553f5e1c302656', class: "signing-line" })), index.h("canvas", { key: 'c85b504d61a8a0c2feca84ba52a227afa0d41982', ref: el => (this.signatureElement = el),
+        return (index.h("verdocs-dialog", { key: '462948fa67d1a3e32c0fdd03d0183f8b822eb312' }, index.h("div", { key: 'f05a30ae50b16934a983f29b2d27ddfc4b3fb3b4', slot: "heading", class: "heading" }, "Adopt Your Signature"), index.h("div", { key: '1a2aa7ace11493961d251ad6bc6ce3406a625532', slot: "content", class: "content" }, index.h("div", { key: 'd4f11c53451ce55c875320829016bf3a7009b8dc', style: { fontWeight: '300', color: '#242424', fontSize: '13px' } }, "Confirm your name, initials, and signature."), index.h("div", { key: '5bd2c07de6a5f3f4e31d308c62d4f8805822fcf9', class: { type: true, active: this.mode === 'type' } }, index.h("verdocs-text-input", { key: '1d6a6a26e1cd66442d7a4d44040a41d66251de55', label: "Full Name", value: this.enteredName, disabled: this.nameLocked, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), this.nameLocked && index.h("div", { key: '2a839a7f0791dc5af3154471f7730f0f23e1cf36', class: "name-locked-hint" }, "Your name has been set by the sender and cannot be changed.")), index.h("div", { key: '6090f63b7bb0be98a9cc02705dd2cc2d4e573d3c', style: { fontWeight: '400', color: '#242424', fontSize: '13px' } }, "Select a signature style"), index.h("div", { key: '4ff274227aad18cb5ba62ee876bbb848cca8c111', style: { display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px' } }, index.h("verdocs-radio-button", { key: '6d8c8784e20426fc4cab54aaf1f4d976872b49b1', checked: this.mode === 'type', value: "type", name: "mode", onClick: () => (this.mode = 'type') }), index.h("label", { key: 'c787fadf3e94998050c4d43d30d5a7f84baaaea1' }, "Typed with a keyboard")), index.h("div", { key: 'c7b02e786ef4538621f4adae37ed2087ab176b5b', style: { display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px' } }, index.h("verdocs-radio-button", { key: 'fcf483b47ee7b4031ab0e5d46ae38e3761193441', checked: this.mode === 'draw', value: "draw", name: "mode", onClick: () => (this.mode = 'draw') }), index.h("label", { key: '16c6f4fabb564512fc757685d31aadbdd7723ace' }, "Drawn with touch, mouse, or stylus")), index.h("div", { key: 'c9e059fff254d2654f6fac9afae61c2849a72926', class: "preview-header" }, index.h("div", { key: '396b8d70757e4c976ed946c0c4dee93c1adf41db', style: { fontSize: '13px', fontWeight: '400' } }, "Signature Preview"), this.mode === 'draw' && (index.h("button", { key: '4eabebe8916e28e42011a5d5c5a70fe114179df7', class: "clear-button-text", onClick: e => this.handleClearDrawing(e, 'signature'), disabled: !this.hasDrawnSignature }, "Clear"))), index.h("div", { key: 'c6749bfdef5f26df049c6e54384b528a38f4a8b7', class: "canvas-container signature-container" }, index.h("div", { key: 'eb76bcb4ab6a18c9ba361f466a21a26552687983', class: "signing-indicator" }, index.h("div", { key: 'db9ad8803a7d74319a84d16ae5ac5b82316d9d85', class: "x-icon", innerHTML: Icons.SignatureXIcon }), index.h("div", { key: '72c51304ffe3ebd8d7cce0cc3baa8bca002961d2', class: "signing-line" })), index.h("canvas", { key: 'e795c8fc32ad3dd0dcdffb67915db3c26e7eeeb4', 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: '631996ac3454aec8b859e7f8cbcc4b370b4139c9', class: "preview-header" }, index.h("div", { key: 'fdb08fa9b81fc5c099e2909f70298327f16437b2', style: { fontSize: '13px', fontWeight: '400' } }, "Initials Preview"), this.mode === 'draw' && (index.h("button", { key: 'd427c889863f75ef1d227db778dda4ae3c709cfb', class: "clear-button-text", onClick: e => this.handleClearDrawing(e, 'initials'), disabled: !this.hasDrawnInitials }, "Clear"))), index.h("div", { key: '40ab8a466c30cc0878fac40f9a4f334430d02251', class: "canvas-container initials-container" }, index.h("div", { key: 'fdbc73937e778ca0234bfaab029e9d8aff796336', class: "signing-indicator" }, index.h("div", { key: '68a6043c7dfe9cb01d0d400aefb3aa92afb22d26', class: "x-icon", innerHTML: Icons.SignatureXIcon }), index.h("div", { key: '52aae9bddbe60148ce434ca848920c22e737a389', class: "signing-line" })), index.h("canvas", { key: '3a60047753307c60bb45dd10fca4949c5a57e403', 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: 'a9987ec211baaaa01288dde3ffc061d0372cd7f3', class: "preview-header" }, index.h("div", { key: '97d1a8462f2d9c272580cf6049ae72017f20b158', style: { fontSize: '13px', fontWeight: '400' } }, "Initials Preview"), this.mode === 'draw' && (index.h("button", { key: '61f91899f09cbc2dac6d89daa3e9ec1617df7b9c', class: "clear-button-text", onClick: e => this.handleClearDrawing(e, 'initials'), disabled: !this.hasDrawnInitials }, "Clear"))), index.h("div", { key: 'b09b7f23218b4747dedcfe9d40b912263bea907a', class: "canvas-container initials-container" }, index.h("div", { key: '35c2b9b40ab5077895f567a922a1b48e86dde3cf', class: "signing-indicator" }, index.h("div", { key: 'dca3b7841d1b0c6c5ffa1d127ffe9acd048b7715', class: "x-icon", innerHTML: Icons.SignatureXIcon }), index.h("div", { key: '54d0f42b043bdebca98fbde793d91deaa39068ec', class: "signing-line" })), index.h("canvas", { key: '2449706db1331aa7835ddcf2cf0f910ac0f5f4a6', 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: 'f57b5577881b1ae92812be6a4b14e8e946f78054', 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: '1f61879857d0dbd6886b72b5b50b2e288c747018', class: "footer", slot: "footer" }, index.h("div", { key: '8c79bb1e41dad9b2700f9ac6f52cfa4217431b2e', class: "buttons" }, index.h("button", { key: 'ff9e56c83cc7b9d41041b9b8885c59c7a2ced94b', class: "cancel", onClick: e => this.handleCancel(e) }, "Cancel"), index.h("button", { key: '54e0ca74f7f9aef6dbc534d8456835908ca1f05c', 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: '4cc74908b230f05762bbbc92f082b68f1d0298d3', 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: 'dbbee3f80aa7a0f6862ef4920b3edcc493313c80', class: "footer", slot: "footer" }, index.h("div", { key: '44f060db31afd99c8b5b1b4d4ac2734dea70cb04', class: "buttons" }, index.h("button", { key: 'af6c0a693f3576184e7c1fb4235403da1b3db9cf', class: "cancel", onClick: e => this.handleCancel(e) }, "Cancel"), index.h("button", { key: '9283607fa5c94acd924dbfd363073664a5b9d037', class: "proceed", onClick: e => this.handleAdopt(e), disabled: this.isAdoptButtonDisabled() }, "Adopt & Sign")))));
     }
 };
 VerdocsAdoptSignatureDialog.style = verdocsAdoptSignatureDialogCss;
@@ -499,7 +503,7 @@ const VerdocsDelegateDialog = class {
         });
     }
     render() {
-        return (index.h("verdocs-dialog", { key: 'ba13ecc155bb843c98a9d8768b16ec5c4c1d371d' }, index.h("div", { key: '95ac7a62a85e1e6749da297a507c77d83b53cd3c', slot: "heading", class: "heading" }, index.h("div", { key: '1c927f72ada6f137617321aa72fa513e4f6e94c0', class: "icon" }, index.h("svg", { key: '4b36c1d368c193463d225e91f8c2f5321161a8ce', width: "22", height: "19", viewBox: "0 0 22 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'b2b798c555b0c822bd70037f8d7822e19ed751bd', "clip-path": "url(#clip0_34208_4881)" }, index.h("path", { key: '98b7b44cd4a0ba118fe39d1c16482921777a764e', d: "M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z" })), index.h("defs", { key: '787596228bcc714055e52cdb7577ae6d9b158c47' }, index.h("clipPath", { key: 'c30f1096fb73275c5e096098ef0e076f18ffa137', id: "clip0_34208_4881" }, index.h("path", { key: '0a7a76bf76a4e5a2fa4ebd5b9b058dd98b2c218d', d: "M0.875 0.75H21.125V18.75H0.875V0.75Z", fill: "white" }))))), index.h("div", { key: '03555e4bc46cae9d8dfd3a2e2b94739d75f3932c', class: "title" }, "Delegate Signing")), index.h("div", { key: '16e14e947e7cad24fe9d9c6cfbb9921804340db0', slot: "content", class: "content" }, index.h("div", { key: 'c6cf1303be070f4b9fdf2d66c3ddcd9f96dee03e', class: "verdocs-form" }, index.h("div", { key: '3db901add742ee678c6a71de29b1feedd98eed88', class: "verdocs-form-row" }, index.h("div", { key: '6e0a498c42a06e39b4210bde2e6804aff5f77c25', class: "field-group" }, index.h("label", { key: 'dde423e5cf3b4e8779ec8d3f07ccf3aceb79bba0', htmlFor: "verdocs-delegate-first", class: "verdocs-form-label" }, "New Recipient*"), index.h("input", { key: '9fc5096acf857b2dcd3869d5624bf3e92a837ffe', type: "text", id: "verdocs-delegate-first", name: "verdocs-delegate-first", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "First name", value: this.first_name, onInput: (e) => (this.first_name = e.target.value) })), index.h("div", { key: '518296ccd696fb4cc4f5e346d59b9311925389bb', class: "field-group" }, index.h("label", { key: '31b2d88d23102213843e12f402c8790aa721f04f', htmlFor: "verdocs-delegate-last", class: "verdocs-form-label" }, "\u00A0"), index.h("input", { key: '541aba386a12c2633173835038f06c215f8884fa', type: "text", id: "verdocs-delegate-last", name: "verdocs-delegate-last", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "Last name", value: this.last_name, onInput: (e) => (this.last_name = e.target.value) }))), index.h("div", { key: 'f41b0bf11819e8c07c251565de14c1f8f6bfd4c5' }, index.h("label", { key: 'b44d558f6c0f7caeadfd51b3e86c30c38487e377', htmlFor: "verdocs-delegate-email", class: "verdocs-form-label" }, "Email Address*"), index.h("input", { key: 'ef443da2122be9f09bf0a4bf9664eebe4f9d31d4', type: "text", id: "verdocs-delegate-email", name: "verdocs-delegate-email", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "New recipient email address", value: this.email, onInput: (e) => (this.email = e.target.value) })), index.h("div", { key: '2eba8ca2d67a72f0fbc0127f1b85a09ab35727cf' }, index.h("label", { key: '5ea8a29edb1da249d4c80a6b9a51a5bb531a1415', htmlFor: "verdocs-delegate-phone", class: "verdocs-form-label" }, "Phone Number"), index.h("input", { key: '6525a5241011c0088df26b21bce96c22b30afec3', type: "text", id: "verdocs-delegate-phone", name: "verdocs-delegate-phone", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "Optional phone number", value: this.phone, onInput: (e) => (this.phone = e.target.value) })), index.h("div", { key: 'd394f6f27c6eb37e46d13bdc9c00690064783b45' }, index.h("label", { key: 'a73d2b9a8b91bb4dac927defea633f75528222d9', htmlFor: "verdocs-delegate-message", class: "verdocs-form-label" }, "Message (optional)"), index.h("textarea", { key: '588de52b85d48e5d71e7dad8a949f3b5d72099f2', id: "verdocs-delegate-message", name: "verdocs-delegate-message", class: "verdocs-form-input", rows: 3, autocomplete: "blocked", placeholder: "Type message here...", onInput: (e) => (this.message = e.target.value) }, this.message)))), index.h("div", { key: '78863650f8a7cc72aeea25757f7600ba623fe483', class: "footer", slot: "footer" }, index.h("div", { key: '5a4b59a56262cecbd910b90d31d8eb8e3c467cb7', class: "buttons" }, index.h("button", { key: 'b6a972acdba87a602b1bbe338e07355026b561df', class: "cancel", onClick: () => this.handleCancel() }, "Cancel"), index.h("button", { key: '61dc99040877eccf63d1f5bd288f499be25114a4', class: "proceed", onClick: () => this.handleDelegate(), disabled: !this.first_name || !this.last_name || !this.email }, "Delegate")))));
+        return (index.h("verdocs-dialog", { key: '544d1a6c11994393bcf8a132ed30f6eccd0a962b' }, index.h("div", { key: '8bb51625e1f274353c27e63fca73197748ee6d0a', slot: "heading", class: "heading" }, index.h("div", { key: '4c4ef03fe2bd65ba2926b5605a5ab4b7df99d7fa', class: "icon" }, index.h("svg", { key: 'c5628b19e7c4784e11ac200acea59da7cfc91e4d', width: "22", height: "19", viewBox: "0 0 22 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'a691386a9ec559b59d3c6a31cad9c205282afe81', "clip-path": "url(#clip0_34208_4881)" }, index.h("path", { key: '0b41bc704fb3dd77ad702b0d45fc1428e9578401', d: "M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z" })), index.h("defs", { key: '593d9c1d9e6fa93eca2509ea769dcf6d0afe8e79' }, index.h("clipPath", { key: '3dbaefe2c7393d5a99ac8c9f765fb95a4e2027d7', id: "clip0_34208_4881" }, index.h("path", { key: '11b057d5fd402f7ff90862e711b118257a69fd0f', d: "M0.875 0.75H21.125V18.75H0.875V0.75Z", fill: "white" }))))), index.h("div", { key: '79e39509478cf0280ca8c73239b37b9ad5de555c', class: "title" }, "Delegate Signing")), index.h("div", { key: '9bb55554f1afa468c4656a6855d9925af58829b6', slot: "content", class: "content" }, index.h("div", { key: 'c11c7c7177cc210bf44aca35d57efbafe9b315a8', class: "verdocs-form" }, index.h("div", { key: 'd37e3e46e58ad3baea9cff07ed9cc1c02b39bd17', class: "verdocs-form-row" }, index.h("div", { key: 'b54e6c3b92c16f9a6b834bd56ebae4f53f7929f3', class: "field-group" }, index.h("label", { key: 'f79503717edfa2ae9853633f079111389beba237', htmlFor: "verdocs-delegate-first", class: "verdocs-form-label" }, "New Recipient*"), index.h("input", { key: '294c9b74eae2ebe3244cada48163353f20c833e8', type: "text", id: "verdocs-delegate-first", name: "verdocs-delegate-first", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "First name", value: this.first_name, onInput: (e) => (this.first_name = e.target.value) })), index.h("div", { key: '2c032688ccb04eb7bbf6e640a97bef0d054386e0', class: "field-group" }, index.h("label", { key: '90ee75f1d13d5ceb104e3687186b3b0bc5efe474', htmlFor: "verdocs-delegate-last", class: "verdocs-form-label" }, "\u00A0"), index.h("input", { key: 'c085ce321324e97eb9318beba44e4bdd2fabdfdb', type: "text", id: "verdocs-delegate-last", name: "verdocs-delegate-last", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "Last name", value: this.last_name, onInput: (e) => (this.last_name = e.target.value) }))), index.h("div", { key: '581f12132762f26dea3c6df76cb711736014a15d' }, index.h("label", { key: '5d2c0b5661a10eaf8bdd53eac208aadba3a33b44', htmlFor: "verdocs-delegate-email", class: "verdocs-form-label" }, "Email Address*"), index.h("input", { key: '481918ad1de4ea1a7ee755a88c243d230b752331', type: "text", id: "verdocs-delegate-email", name: "verdocs-delegate-email", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "New recipient email address", value: this.email, onInput: (e) => (this.email = e.target.value) })), index.h("div", { key: 'b1634e4a91e0ee2503616cf7cb1f38aa5a1d6a6d' }, index.h("label", { key: 'efe53175934ac305a61ec9132256732cdbcc4701', htmlFor: "verdocs-delegate-phone", class: "verdocs-form-label" }, "Phone Number"), index.h("input", { key: '0d8da1233edfa2cfc43e340f0d8e5c9e454bebc8', type: "text", id: "verdocs-delegate-phone", name: "verdocs-delegate-phone", class: "verdocs-form-input", autocomplete: "blocked", placeholder: "Optional phone number", value: this.phone, onInput: (e) => (this.phone = e.target.value) })), index.h("div", { key: 'e427aa3b0e84ae5a20bd7cf297880f3e068bf30a' }, index.h("label", { key: 'fcc39c593662a5d78e1f01b2a4637b33853ca137', htmlFor: "verdocs-delegate-message", class: "verdocs-form-label" }, "Message (optional)"), index.h("textarea", { key: '5545f52a33743ffdeee683807af07f6cf41389f0', id: "verdocs-delegate-message", name: "verdocs-delegate-message", class: "verdocs-form-input", rows: 3, autocomplete: "blocked", placeholder: "Type message here...", onInput: (e) => (this.message = e.target.value) }, this.message)))), index.h("div", { key: '8d999fa80fdcbb064305fe9a80b34e91a92a490c', class: "footer", slot: "footer" }, index.h("div", { key: '24c4c2cb997f5b9cb4982730b48d5a37933cd0bd', class: "buttons" }, index.h("button", { key: '0959dd4ea59dc0a2abcdff4a9fc98e999de5f43a', class: "cancel", onClick: () => this.handleCancel() }, "Cancel"), index.h("button", { key: '7c211a4833c7e817c3029261da4b18520fbfaddf', class: "proceed", onClick: () => this.handleDelegate(), disabled: !this.first_name || !this.last_name || !this.email }, "Delegate")))));
     }
 };
 VerdocsDelegateDialog.style = verdocsDelegateDialogCss;
@@ -523,7 +527,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: 'c54b91e1bef28762ac7c19c1e3550fa01f3de969' }, index.h("div", { key: '7a1205b9c02ba0f2783cc2bced7159476ab58312', slot: "heading", class: "heading" }, index.h("div", { key: '1a6322248cff563a356cf3fa81e8674ee4bd65c0', class: "title" }, "e-Signature Disclosures"), index.h("div", { key: 'b66b4b470436aea3f0a8e0e8f5ae2e0359482f72', class: "close-button" }, index.h("svg", { key: '7eecdda97fb2a67fd2bd564dcd2b353a766d0f0f', width: "24", height: "28", viewBox: "0 0 24 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'c0b39af065ffeab6d22d620e619e2b8158f94936', 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: '71f2feef64c84cfa4f6c71721e9f67769f69ab6e', slot: "content", class: "content" }, index.h("div", { key: '2782b5ad139ee5967da73b882d141012f32970f8', innerHTML: this.disclosures }), index.h("div", { key: 'afcd7ce832e04557edb5f7da1be3b9f83aa9ca3d', class: "accept" }, index.h("verdocs-checkbox", { key: '850b9bbd5471cc3a39c3c09e2c9a89e484b1b94b', 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: '24e72259fd1073e8df8a46cf22a9c68eb13e1fd8', 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;
@@ -4779,10 +4783,8 @@ const VerdocsView = class {
             } })), this.canceling && (index.h("div", { class: "loading-indicator" }, index.h("verdocs-loader", null))), this.showDownloadDialog && (index.h("verdocs-download-dialog", { signed: this.envelope.status === 'complete' || this.envelope.signed, polling: this.polling, documents: this.envelope.documents, onExit: () => {
                 this.showDownloadDialog = false;
                 this.stopPolling();
-            }, onNext: async (e) => {
+            }, onDownload: async (e) => {
                 var _a;
-                this.showDownloadDialog = false;
-                this.stopPolling();
                 const { action, documentId } = e.detail;
                 console.log('[VIEW] Download action selected:', action, documentId);
                 try {

package/dist/cjs/verdocs-button-panel_2.cjs.entry.js

@@ -70,10 +70,10 @@ const VerdocsButtonPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c4a19a142c4e228213a78988847a66b9d952ee27' }, index.h("div", { key: 'd01b744c644e6ae143aa8654c25a15780189cd98', class: "icon", innerHTML: this.icon, onClick: (e) => {
+        return (index.h(index.Host, { key: 'a72a2e112a525fa9bde58d0c4a10f2b807b024b6' }, index.h("div", { key: '0bd3a5d35339a4c5d2023b8f237a0a84565d9e2a', class: "icon", innerHTML: this.icon, onClick: (e) => {
                 e.stopPropagation();
                 return this.toggle();
-            }, ref: el => (this.iconEl = el) }), index.h("div", { key: '5bc6a60df0c2e15b7fa4da356130618c540e2ec7', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, index.h("div", { key: '024f7c9713c9c57dc04d9cceaa93c7a40cb8eaba', "data-popper-arrow": "true", class: "arrow" }), index.h("slot", { key: '544361c54c163063f4013cc52ea4a12c6baff24b' }))));
+            }, ref: el => (this.iconEl = el) }), index.h("div", { key: 'd5b96ef39face8c26f02750cdd82782a5307d39d', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, index.h("div", { key: '76954b398a6f8294bd042aceff4cba6fdc912d1f', "data-popper-arrow": "true", class: "arrow" }), index.h("slot", { key: 'dc4b6331c986e6779c2343d89c1ae3b2fb44c968' }))));
     }
 };
 VerdocsButtonPanel.style = verdocsButtonPanelCss;
@@ -98,7 +98,7 @@ const VerdocsTabs = class {
         (_a = this.selectTab) === null || _a === void 0 ? void 0 : _a.emit({ tab: this.tabs[index], index });
     }
     render() {
-        return (index.h(index.Host, { key: '6de4c126c0d4efe31e925569090af9dd032fae0c' }, this.tabs.map((tab, index$1) => (index.h("div", { class: `tab ${index$1 === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index$1) }, tab.label))), index.h("div", { key: 'a3aba39b6b1a758ea4ed7a87860108bbe9367565', class: "flex flex-1" }), index.h("slot", { key: '0bda7a4123dcab3d4aef3e65cadad14bcdba6312' }, index.h("div", { key: '7033a1cb8eefd67ae7c621bcd6a5c3b348d1b3fe' }))));
+        return (index.h(index.Host, { key: 'b78818a23892499517726f89f5cce6af6b7f42e1' }, this.tabs.map((tab, index$1) => (index.h("div", { class: `tab ${index$1 === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index$1) }, tab.label))), index.h("div", { key: '2105eefb878bc7237bd9c46d8533085d580b94f8', class: "flex flex-1" }), index.h("slot", { key: 'c477b2f6880442e15bc3bc95f67dec12f1134074' }, index.h("div", { key: 'c6481423137eb98ee64cc9afedea6d43eca89b75' }))));
     }
 };
 VerdocsTabs.style = verdocsTabsCss;

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

@@ -35,7 +35,7 @@ const VerdocsButton = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("button", { key: 'a9fda6c84686607ca0490df06a75818c3f884e75', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? index.h("span", { class: "icon start", innerHTML: this.startIcon }) : null, index.h("span", { key: 'cec4cceb49668cc2c38bcd9cda08b5611e8962fd', class: "button-label" }, this.label), this.endIcon ? index.h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
+        return (index.h("button", { key: 'f008c987a265f5a41ee490c1f28122b580c57d1a', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? index.h("span", { class: "icon start", innerHTML: this.startIcon }) : null, index.h("span", { key: 'ddce37342395bd9cf6abd0a9d4df6407a2059f5c', class: "button-label" }, this.label), this.endIcon ? index.h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
     }
 };
 VerdocsButton.style = verdocsButtonCss;
@@ -78,7 +78,7 @@ const VerdocsHelpIcon = class {
         (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
     }
     render() {
-        return (index.h(index.Host, { key: '01561bbac755654aad935cc091c5e90103581381', class: {} }, index.h("div", { key: '9dceac15cceec19da5a95c9a4f31f7f11b7666ba', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), index.h("div", { key: '5ed88cb901ccf283496e0920e73abdcd047f259d', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, index.h("span", { key: 'a7c5ca9d7ce4c0224c8ae35c51fd52bf108f7851', innerHTML: this.text }), index.h("div", { key: 'b83b7a614b8c4523376b435fe8756037399209ba', "data-popper-arrow": "true", class: "arrow" }))));
+        return (index.h(index.Host, { key: '76fe1c6da6defbcbfb76828262052e1cd8374cc8', class: {} }, index.h("div", { key: 'd7b111dc735399e2b8dd00949c70c2437db9b15e', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), index.h("div", { key: '4f82290c4f5659c5fa049b175eb8e51d5b45fa0f', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, index.h("span", { key: 'b78df86bb13feec33dd4c6f197ae608a5ac589c5', innerHTML: this.text }), index.h("div", { key: '74a251acec67901234b69f815159d26e41d197cd', "data-popper-arrow": "true", class: "arrow" }))));
     }
 };
 VerdocsHelpIcon.style = verdocsHelpIconCss;
@@ -149,9 +149,9 @@ const VerdocsTextInput = class {
             .catch(e => console.log('Error copying to clipboard', e));
     }
     render() {
-        return (index.h(index.Host, { key: '37856244423d55c7b0c03c259c1e1bf4940ede25', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, index.h("label", { key: '22ff61e3f1c3f7230960a59f4c863a3f93ea78ce' }, this.label && (index.h("div", { key: '4a73bba334959de8519f16c476fa21a120b159ed', class: "input-label" }, this.label + ':', this.required && index.h("span", { key: 'ee4e71aae1ed34c428f7ec302c2e20ccc279bd3f', class: "required" }, "*"))), index.h("div", { key: '5c2554158428d37bbad9a932a80fdf03058f1668', class: "input-container" }, index.h("input", { key: 'efee03c66041a5023a2f6fcb9c11fc015acba876', type: this.type === 'password' && this.showingPw ? 'text' : this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete,
+        return (index.h(index.Host, { key: '6f4e8d98d5a9d14a7c682049ec93aa52c5285bd8', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, index.h("label", { key: 'a6c10b17867d6b4aab15f09a9c7d772dac6c9e52' }, this.label && (index.h("div", { key: '243ded93f339db47edbcb0e102c0948108b07ee1', class: "input-label" }, this.label + ':', this.required && index.h("span", { key: '2c292aa9cf10533655bda64fd3c2b35eea8b65db', class: "required" }, "*"))), index.h("div", { key: 'c4fbce8150872ba78ec45b7bd6222fd596adf7c4', class: "input-container" }, index.h("input", { key: 'ef1550b86aeb4b30bc2cce3852686436bd42da95', type: this.type === 'password' && this.showingPw ? 'text' : this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete,
             // onBlur={(e: any) => this.blur?.emit(e.target.value)}
-            ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.description && index.h("div", { key: 'ea41c1c59de322d77a1079fb169dac1b46c69f22', class: "description" }, this.description), this.clearable && this.value && (index.h("span", { key: 'ee8f307810fd0f120913d3e8413d4e2e8908cf0f', innerHTML: ClearIcon, class: "clear", onClick: () => {
+            ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.description && index.h("div", { key: '230d1b7bd274b58824cc6293fff654794b42674b', class: "description" }, this.description), this.clearable && this.value && (index.h("span", { key: 'fc58c10b50577031e2bddec0730b292d0db881f8', innerHTML: ClearIcon, class: "clear", onClick: () => {
                 // We need to allow the onInput event to fire first in case
                 // the user was focused on this field before clicking clear.
                 setTimeout(() => {
@@ -165,9 +165,9 @@ const VerdocsTextInput = class {
                         (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
                     }, 50);
                 }, 50);
-            } })), this.type === 'password' && (index.h("span", { key: '232118598f2cd2dfc3a3bd9b40fbef44f9aef124', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
+            } })), this.type === 'password' && (index.h("span", { key: '835f2b3b1d75b3656d02d20530718539dd88c698', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
                 this.showingPw = !this.showingPw;
-            } })), !this.clearable && this.copyable && this.value && index.h("span", { key: '0bc6196a6cc4eea8492f15a5a457a3fa641f6a60', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && index.h("verdocs-help-icon", { key: '98092330afff1324449141e8c550384ae4a7a68f', text: this.helpText }))));
+            } })), !this.clearable && this.copyable && this.value && index.h("span", { key: 'd36792466c8e15d163a1c297e71c0a2690465e00', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && index.h("verdocs-help-icon", { key: '70fc904c768e025f9c2a9b61729992802ee3d0e2', text: this.helpText }))));
     }
     get hostEl() { return index.getElement(this); }
 };

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

@@ -43,7 +43,7 @@ const VerdocsCheckbox = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '1332ffd5c501014797d06a28bf4ec315043e089e', class: { disabled: this.disabled, [this.theme]: true, [this.size]: true } }, index.h("label", { key: '82241bfa7c940ecf3e3d0886e17e3f82ad2c8463' }, index.h("input", { key: '96aee282313c88792a08da4ba502c677933a395f', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), index.h("span", { key: '26b180a466e9a4616be3124f10c1ac2e4b909c90' }, this.label))));
+        return (index.h(index.Host, { key: 'd2892c518c698165ff53b9c4e6adbc09362dbe05', class: { disabled: this.disabled, [this.theme]: true, [this.size]: true } }, index.h("label", { key: '41117ea43777103f6710651fcc87ef5d6f59f9c0' }, index.h("input", { key: 'd3f2a7ffdb472f2ae440ffe5c9c3b7146c576adf', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), index.h("span", { key: 'fa1500ebe3e299aebdecdb8d236ac929a8dc24b4' }, this.label))));
     }
 };
 VerdocsCheckbox.style = verdocsCheckboxCss;
@@ -59,7 +59,7 @@ const VerdocsComponentError = class {
         this.message = '';
     }
     render() {
-        return (index.h(index.Host, { key: 'e3f1d95e810db5c6299e2b22a4c616fe43caad0a' }, index.h("div", { key: 'fd9ecb9a787a00bcd03303c190092fe41eeb0f44', class: "inner" }, this.message)));
+        return (index.h(index.Host, { key: '888f23f548b5d116cfd476dc227b26617779e752' }, index.h("div", { key: 'b42bffe64128dd4ed80ffd196e2a72f183e0bc48', class: "inner" }, this.message)));
     }
 };
 VerdocsComponentError.style = verdocsComponentErrorCss;
@@ -71,7 +71,7 @@ const VerdocsLoader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: 'e701f300af5b68d42a56e1162eccc3c45d511a5e' });
+        return index.h(index.Host, { key: '9c625d1bb2c5250abdf6df09844f12750ddd80e9' });
     }
 };
 VerdocsLoader.style = verdocsLoaderCss;
@@ -95,7 +95,7 @@ const VerdocsSelectInput = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '1a4acb909d78325f037d70f15b34a78d7002e42a', class: "input-field" }, index.h("label", { key: '264ee00bca9c235fb0d1900cbcc3ab0aed60bc86' }, this.label ? index.h("div", { class: "input-label" }, this.label + ':') : index.h("div", null), index.h("select", { key: 'e44f745698a81aa3eec6af69bf55c843ad53de0d', class: "input-element", disabled: this.disabled }, this.options.map(option => (index.h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
+        return (index.h(index.Host, { key: '910018105acf934bb4b1372a1e47b680d6ab6ca5', class: "input-field" }, index.h("label", { key: 'a771a34fcdd819aa861c2b69b88bdad7013080a0' }, this.label ? index.h("div", { class: "input-label" }, this.label + ':') : index.h("div", null), index.h("select", { key: '835939e41e5f88c16fcdd8b07846c74791f596ed', class: "input-element", disabled: this.disabled }, this.options.map(option => (index.h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
     }
 };
 VerdocsSelectInput.style = verdocsSelectInputCss;

package/dist/cjs/verdocs-contact-picker.cjs.entry.js

@@ -4015,7 +4015,7 @@ const getFeatureFlags = () => axios
     throw e;
 });
 
-const verdocsContactPickerCss = "verdocs-contact-picker{display:block;border:1px solid #ebebeb;background-color:#ffffff;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif);-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form{gap:12px;width:300px;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5fa}verdocs-contact-picker form .row{gap:8px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start}verdocs-contact-picker form .row .option{gap:4px;display:-ms-flexbox;display:flex;padding:5px 8px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;text-wrap:nowrap}verdocs-contact-picker form .names-row{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .names-row>input{font-size:14px;width:88px}verdocs-contact-picker form .pin-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .pin-code>input{-ms-flex:0 0 197px;flex:0 0 197px;font-size:14px}verdocs-contact-picker form .address{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .address>input{-ms-flex:1;flex:1;font-size:14px}verdocs-contact-picker form .zip-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .zip-code>input{-ms-flex:1;flex:1;font-size:14px}verdocs-contact-picker form label{display:-ms-flexbox;display:flex;-ms-flex:0 0 80px;flex:0 0 80px;font-size:13px;font-weight:500;color:#5c6575}verdocs-contact-picker form .row.message textarea{width:100%;padding:5px 7px;border-radius:4px;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif)}verdocs-contact-picker form input{-ms-flex:1;flex:1;padding:6px;font-size:14px;border-radius:3px;border:1px solid rgba(112, 122, 229, 0.3725490196)}verdocs-contact-picker form input:focus{outline:none}verdocs-contact-picker .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-contact-picker ::-webkit-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-moz-placeholder{color:#aaaaaa}verdocs-contact-picker :-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::placeholder{color:#aaaaaa}verdocs-contact-picker [data-lastpass-icon-root]{display:none !important}#verdocs-contact-picker-suggestions .dropdown{max-height:225px;overflow-y:scroll;background:#ffffff;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif);-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}#verdocs-contact-picker-suggestions .dropdown .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-contact-picker-suggestions .dropdown .suggestion svg{width:32px;height:32px}#verdocs-contact-picker-suggestions .dropdown .suggestion .avatar{width:32px;height:32px;-ms-flex:0 0 32px;flex:0 0 32px;margin-right:8px;border-radius:100%}#verdocs-contact-picker-suggestions .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#verdocs-contact-picker-suggestions .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}#verdocs-contact-picker-suggestions .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}#verdocs-contact-picker-suggestions .dropdown .suggestion:hover{background:#eee;cursor:pointer}";
+const verdocsContactPickerCss = "verdocs-contact-picker{display:block;border:1px solid #ebebeb;background-color:#ffffff;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif);-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form{gap:12px;width:300px;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5fa}verdocs-contact-picker form .row{gap:8px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start}verdocs-contact-picker form .row .option{gap:4px;display:-ms-flexbox;display:flex;padding:5px 8px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;text-wrap:nowrap}verdocs-contact-picker form .names-row{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .names-row>input{font-size:14px;width:88px}verdocs-contact-picker form .pin-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .pin-code>input{-ms-flex:0 0 197px;flex:0 0 197px;font-size:14px}verdocs-contact-picker form .address{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .address>input{-ms-flex:1;flex:1;font-size:14px}verdocs-contact-picker form .zip-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .zip-code>input{-ms-flex:1;flex:1;font-size:14px}verdocs-contact-picker form label{display:-ms-flexbox;display:flex;-ms-flex:0 0 80px;flex:0 0 80px;font-size:13px;font-weight:500;color:#5c6575}verdocs-contact-picker form .row.message textarea{width:100%;padding:5px 7px;border-radius:4px;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif)}verdocs-contact-picker form input{-ms-flex:1;flex:1;padding:6px;font-size:14px;border-radius:3px;border:1px solid rgba(112, 122, 229, 0.3725490196)}verdocs-contact-picker form input:focus{outline:none}verdocs-contact-picker .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-contact-picker ::-webkit-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-moz-placeholder{color:#aaaaaa}verdocs-contact-picker :-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::placeholder{color:#aaaaaa}verdocs-contact-picker [data-lastpass-icon-root]{display:none !important}#verdocs-contact-picker-suggestions .dropdown{max-height:225px;overflow-y:scroll;background:#ffffff;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif);-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}#verdocs-contact-picker-suggestions .dropdown .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-contact-picker-suggestions .dropdown .suggestion svg{width:32px;height:32px}#verdocs-contact-picker-suggestions .dropdown .suggestion .avatar{width:32px;height:32px;-ms-flex:0 0 32px;flex:0 0 32px;margin-right:8px;border-radius:100%}#verdocs-contact-picker-suggestions .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#verdocs-contact-picker-suggestions .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}#verdocs-contact-picker-suggestions .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}#verdocs-contact-picker-suggestions .dropdown .suggestion:hover{background:#eee;cursor:pointer}";
 
 const addrBookIcon = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-user"><path d="M15 13a3 3 0 1 0-6 0"/><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><circle cx="12" cy="8" r="2"/></svg>`;
 const VerdocsContactPicker = class {
@@ -4040,6 +4040,7 @@ const VerdocsContactPicker = class {
         this.showSuggestions = false;
         this.showMessage = false;
         this.delegator = false;
+        this.name_locked = false;
         this.auth_methods = [];
         this.passcode = '';
         this.firstNameFieldId = `verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2, 11)}`;
@@ -4060,7 +4061,9 @@ const VerdocsContactPicker = class {
             this.last_name = lastName;
             this.email = this.templateRole.email || '';
             this.phone = this.templateRole.phone || '';
+            // delegator and name_locked are mutually exclusive; delegator takes precedence if both are somehow set
             this.delegator = this.templateRole.delegator || false;
+            this.name_locked = this.delegator ? false : (this.templateRole.name_locked || false);
             this.message = this.templateRole.message || '';
             this.showMessage = this.message !== '';
             this.auth_methods = this.templateRole.auth_methods || [];
@@ -4108,6 +4111,7 @@ const VerdocsContactPicker = class {
             phone: this.phone,
             message: this.message,
             delegator: this.delegator,
+            name_locked: this.name_locked,
             auth_methods: this.auth_methods,
             passcode: this.passcode,
             address: this.address,
@@ -4151,40 +4155,46 @@ const VerdocsContactPicker = class {
         if (((_t = (_s = (_r = this.featureFlags) === null || _r === void 0 ? void 0 : _r.toggles) === null || _s === void 0 ? void 0 : _s.find(t => t.name === 'id-verification')) === null || _t === void 0 ? void 0 : _t.enabled) === true && !!this.activeEntitlements.id_auth) {
             verificationOptions.push({ label: 'ID Check', value: 'id' });
         }
-        return (index.h("form", { key: '5b4d4de3ad06d4cb458b92ca6159fadcbb38a89e', onSubmit: e => e.preventDefault(),
+        return (index.h("form", { key: '374d6f0907e09a4c312bcd666eaabf578f8671b5', onSubmit: e => e.preventDefault(),
             // onClick={e => e.stopPropagation()}
-            autocomplete: "off" }, index.h("div", { key: '065bd43ea84a5431f4cb370491147377d0b4ed87', class: "row" }, index.h("label", { key: '48e3ab3a13607b42018e400703910d08f053d7c0', htmlFor: this.firstNameFieldId }, "Name:"), index.h("div", { key: 'c1acb5b9cfd0cdbd17edce151e66035826ae3e15', class: "names-row" }, index.h("input", { key: 'bfd3f91624725b717df1b27d000924503e0cb0b8', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.first_name, placeholder: "First...", onFocus: () => {
+            autocomplete: "off" }, index.h("div", { key: 'bbdb01e7229992ff75b3b124fde6a8606769d53c', class: "row" }, index.h("label", { key: '546da7ec599b17cc2e514dcaf47fe41d7107ec11', htmlFor: this.firstNameFieldId }, "Name:"), index.h("div", { key: 'e5819a8cb2c261c302a4923561578c5928063e64', class: "names-row" }, index.h("input", { key: '05a471f19b8018993d50f4ba9776864392c13c9d', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.first_name, placeholder: "First...", onFocus: () => {
                 // Give the blur event a chance to hide it first if going between first/last
                 setTimeout(() => {
                     var _a;
                     this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0;
                 }, 100);
-            }, onInput: e => this.handleFirstNameChange(e) }), index.h("input", { key: '30ae8e6b5c52c45bad07572a9357c575fd248df1', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.last_name, placeholder: "Last...", onFocus: () => {
+            }, onInput: e => this.handleFirstNameChange(e) }), index.h("input", { key: '4e56ab4161e6bd7894c636619282915243c8aeec', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.last_name, placeholder: "Last...", onFocus: () => {
                 // Give the blur event a chance to hide it first if going between first/last
                 setTimeout(() => {
                     var _a;
                     this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0;
                 }, 100);
-            }, onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (index.h("verdocs-portal", { key: '6a03422c1dbe45c1e8a389af0f884f2f4b525aca', anchor: this.firstNameFieldId, onClickAway: () => {
+            }, onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (index.h("verdocs-portal", { key: '0a856517832b4dc417627675a0327e5a5e9e4710', anchor: this.firstNameFieldId, onClickAway: () => {
                 this.showSuggestions = false;
                 document.querySelectorAll(`.verdocs-portal-wrapper`).forEach(el => el.remove());
-            }, id: "verdocs-contact-picker-suggestions" }, index.h("div", { key: 'a9907d3c7b291fde2e86a3a0dd2bfb0f2c1d06b3', class: "dropdown" }, this.contactSuggestions
+            }, id: "verdocs-contact-picker-suggestions" }, index.h("div", { key: '6c0c1747e5ed512ad463c26f220b34db395e8f2c', class: "dropdown" }, this.contactSuggestions
             .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
             .map(suggestion => {
             var _a;
             return (index.h("div", { key: (_a = suggestion.id) !== null && _a !== void 0 ? _a : suggestion.email, class: "suggestion", onClick: e => this.handleSelectSuggestion(e, suggestion) }, suggestion.picture ? index.h("img", { alt: "Avatar", class: "avatar", src: suggestion.picture }) : index.h("div", { class: "avatar", innerHTML: addrBookIcon }), index.h("div", { class: "details" }, index.h("div", { class: "name" }, jsSdk.formatFullName(suggestion)), suggestion.email && index.h("div", { class: "destination" }, suggestion.email), suggestion.phone && index.h("div", { class: "destination" }, suggestion.phone))));
-        }))))), index.h("div", { key: '220b7dc0f04eb27279e003aaa196aee58b51ec64', class: "row" }, index.h("label", { key: '7120d789f96a375a3f6237b93a3699866dae5e0e', htmlFor: this.emailFieldId }, "Email:"), index.h("input", { key: '33aa0973927dedcc1d3005411dcdb87c969a65c2', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", "aria-autocomplete": "none", value: this.email, placeholder: "Invite/verify via email...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), globalSMS && (index.h("div", { key: '8b888dd8490d99235bd1d1b2e6acce6d64fbf5a4', class: "row" }, index.h("label", { key: '702e60156cfbe39cc56c20ca5f9e5b112eb8fbb5', htmlFor: this.phoneFieldId }, "Phone:"), index.h("input", { key: '1f6b416d622b821e63e89bdf75626bc9f97422df', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", "aria-autocomplete": "none", value: this.phone, placeholder: "Invite/verify via SMS...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
+        }))))), index.h("div", { key: '85552b20424fb4884fa88d22c78375fe5c6513e0', class: "row" }, index.h("label", { key: '2b438ee30f3c0115d0445e3f5bfe4ae8b7635073', htmlFor: this.emailFieldId }, "Email:"), index.h("input", { key: 'a349fb9e534ed7786268d9aac9184fc38a8a102e', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", "aria-autocomplete": "none", value: this.email, placeholder: "Invite/verify via email...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.email = e.target.value) })), globalSMS && (index.h("div", { key: 'f015a535d0a37d94eb73b145342d00dde7b63a50', class: "row" }, index.h("label", { key: 'eff877e183e38de65ca11e535b81e11b5ee1bd92', htmlFor: this.phoneFieldId }, "Phone:"), index.h("input", { key: '41db6e4607189c0b0da0ef658b1fbafcfeab92ba', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", "aria-autocomplete": "none", value: this.phone, placeholder: "Invite/verify via SMS...", onFocus: () => (this.showSuggestions = false), onInput: (e) => {
                 this.phone = utils.convertToE164(e.target.value);
-            } }))), index.h(index.Fragment, { key: '60d3ccc50417d1fbe6a815d6edf37619f945b63e' }, verificationOptions.length > 0 && (index.h("div", { key: 'f1248b2c40c1cfb22cfa577bc1f5c5895362ded2', class: "row pin-code" }, index.h("label", { key: 'd782f794fa6a8d2ca18835db9e8d6e510038f212' }, "Verification Methods:"), index.h("div", { key: '51370acfa10be18fa7783ee28849caaf9ad11fcb' }, verificationOptions.map((option, i) => (index.h("div", { class: "option" }, index.h("verdocs-checkbox", { size: "small", id: `verdocs-multi-select-opt-${i}`, value: option.value, checked: this.auth_methods.includes(option.value), onInput: (e) => {
+            } }))), index.h(index.Fragment, { key: 'c037e234e206b1cd45bf91649f211ebe42f885fe' }, verificationOptions.length > 0 && (index.h("div", { key: '23fa9db672498199d7c053b258669e0676852322', class: "row pin-code" }, index.h("label", { key: 'd5208d3cd083716589aa6c18dbd85ba88ca208b3' }, "Verification Methods:"), index.h("div", { key: 'f239551b28d2ca51b8f9ab5ec64bfdfdce4bf823' }, verificationOptions.map((option, i) => (index.h("div", { class: "option" }, index.h("verdocs-checkbox", { size: "small", id: `verdocs-multi-select-opt-${i}`, value: option.value, checked: this.auth_methods.includes(option.value), onInput: (e) => {
                 if (e.target.checked) {
                     this.auth_methods = [...this.auth_methods, option.value];
                 }
                 else {
                     this.auth_methods = this.auth_methods.filter(selected => selected !== option.value);
                 }
-            } }), index.h("label", { htmlFor: `verdocs-multi-select-option-${i}` }, option.label))))))), this.auth_methods.includes('passcode') && (index.h("div", { key: '37cc47ae07fcee96a90ca0684307b2fa12436fbd', class: "row pin-code" }, index.h("label", { key: '57b9975fcdf609ebcfd709f2cc646f74163eda15', htmlFor: this.phoneFieldId }, "Passcode:"), index.h("input", { key: '5c9f4d7f4757512fa7c87e91adf731fe256050da', id: "verdocs-passcode", name: "verdocs-passcode", type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.passcode, placeholder: "4-8 digits recommended...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.passcode = e.target.value) })))), index.h("div", { key: '7bed0f7befff14122e821680fce895d64889212c', class: "row pin-code" }, index.h("label", { key: '295f03231ca15e2a25895d8f6dca7b7507fc58fa' }, "Delegation:"), index.h("div", { key: '21d03961df0853b3f1e4a4b3e9445e8a3ecf80ee' }, index.h("div", { key: '1e70e144d4e678e9697039468549ef38606dc3b7', class: "option" }, index.h("verdocs-checkbox", { key: '8f94ea2d0b3f1bc8831c8666d379ebc2a22fbb95', size: "small", id: "verdocs-delegator", checked: this.delegator, onInput: (e) => {
+            } }), index.h("label", { htmlFor: `verdocs-multi-select-option-${i}` }, option.label))))))), this.auth_methods.includes('passcode') && (index.h("div", { key: 'd57e7078dfefb1c816a15c52a8aa44eae62a5557', class: "row pin-code" }, index.h("label", { key: 'df97978ae0e4c176c7d6ca38850537d3d6db5ce3', htmlFor: this.phoneFieldId }, "Passcode:"), index.h("input", { key: '7791e5a2d856bdd9dbbfcf8c339531e3e5c5e52b', id: "verdocs-passcode", name: "verdocs-passcode", type: "text", "data-lpignore": "true", autocomplete: "blocked", "aria-autocomplete": "none", value: this.passcode, placeholder: "4-8 digits recommended...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.passcode = e.target.value) })))), index.h("div", { key: '7de2d50963399db273bd1d38941ea967a2d92827', class: "row pin-code" }, index.h("label", { key: 'd0202a6e0969b405d303cdc291dee95048460b43', style: { marginTop: '6px' } }, "Options:"), index.h("div", { key: '52f68972a5fee697972fa9baa284ca6a37830ab9' }, index.h("div", { key: '8e15a3caa1e4ce0cbb943fb7bfaaf274d4410de3', class: "option" }, index.h("verdocs-checkbox", { key: '7d21cafec340458f1c6a06b577fad30bbd5680eb', size: "small", id: "verdocs-delegator", checked: this.delegator, disabled: this.name_locked, onInput: (e) => {
                 this.delegator = e.target.checked;
-            } }), index.h("label", { key: '9ea3f9f359f7045aebd80367af0a7431d1e850e4', htmlFor: "verdocs-delegator" }, "May delegate signing")))), index.h("div", { key: '90e07660115c7f41ade3aad5fe4eb93d7d8cb4fd', class: "row message" }, index.h("label", { key: '0268f3ecd123de3c8d0e27b345253385157bfce6', htmlFor: "verdocs-contact-picker-message" }, "Message:"), index.h("textarea", { key: '526671a3e768cc6280e82d04fe4f86d0fd5678bd', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", "data-lpignore": "true", autocomplete: "blocked", placeholder: "Optional message to include in invitation...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.message = e.target.value) }, this.message)), index.h("div", { key: '9bfb44085c94a08a9d2957d031e263d398ab170b', class: "buttons" }, index.h("div", { key: '2b21510d850071094dd7005c26de4e8cd14c992d', class: "flex-fill" }), index.h("verdocs-button", { key: '881527d8167c31490622f3e9f0252cfdd3139d58', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '3dbc5efa49eb696eedb2d50c06837b70abea5e80', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
+                if (this.delegator)
+                    this.name_locked = false;
+            } }), index.h("label", { key: '2b96fb477ce41038cf9d115e9fabf102d670d801', htmlFor: "verdocs-delegator" }, "May delegate signing")), index.h("div", { key: '7f616562ee03e6026bf09b355ae20720b45655b0', class: "option" }, index.h("verdocs-checkbox", { key: '47bfa40e403ddf6da8cba33fda8ebff05625d353', size: "small", id: "verdocs-name-locked", checked: this.name_locked, disabled: this.delegator, onInput: (e) => {
+                this.name_locked = e.target.checked;
+                if (this.name_locked)
+                    this.delegator = false;
+            } }), index.h("label", { key: '382d0b92f8999dc1a0adaa91d00c6c0f95a17552', htmlFor: "verdocs-name-locked" }, "Name locked")))), index.h("div", { key: '6797886d95d1e08dc0c018e89cf6040aa60b02ff', class: "row message" }, index.h("label", { key: 'cb6f04c40e1b6601d0292e248b26cb4f2519e7d9', htmlFor: "verdocs-contact-picker-message" }, "Message:"), index.h("textarea", { key: '018a9162f52e73650283a7f2271a99352008085c', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", "data-lpignore": "true", autocomplete: "blocked", placeholder: "Optional message to include in invitation...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.message = e.target.value) }, this.message)), index.h("div", { key: 'd2f04563ad450f4c6c0c19735a064d01182cf458', class: "buttons" }, index.h("div", { key: '43f240077f3c5b3e252c60a277668c94c9163b24', class: "flex-fill" }), index.h("verdocs-button", { key: 'f758cb6d10b3deb58d13aaf54c212e6455933104', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '3aa451a2d6d23ada4a7a5ddb5843b22954b69161', label: "OK", size: "small", disabled: !canSubmit, onClick: !canSubmit ? () => { } : e => this.handleSubmit(e) }))));
     }
 };
 VerdocsContactPicker.style = verdocsContactPickerCss;