@verdocs/web-sdk 6.9.12 → 6.9.13

package/dist/esm-es5/verdocs-signature-dialog.entry.js

@@ -1,2 +1,2 @@
-var __spreadArray=this&&this.__spreadArray||function(e,i,t){if(t||arguments.length===2)for(var a=0,o=i.length,r;a<o;a++){if(r||!(a in i)){if(!r)r=Array.prototype.slice.call(i,0,a);r[a]=i[a]}}return e.concat(r||Array.prototype.slice.call(i))};import{r as registerInstance,c as createEvent,h}from"./index-CjTHbolG.js";var verdocsSignatureDialogCss=function(){return'verdocs-signature-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-signature-dialog .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog canvas{background:#ffffff;width:300px;height:79px;max-width:100%;margin:20px auto;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275);box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275)}verdocs-signature-dialog .disclaimer{padding:8px 0;font-size:11px;line-height:14px;text-align:justify;color:rgba(0, 0, 0, 0.54)}verdocs-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-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-signature-dialog .tabs .tab.active{background:#f9f5fe;border-bottom:2px solid #707ae5}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}verdocs-signature-dialog .tabs .tab .icon{width:16px;height:16px}verdocs-signature-dialog .type{display:none;height:100px;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog .type.active{display:-ms-flexbox;display:flex}verdocs-signature-dialog .draw{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog .draw.active{display:-ms-flexbox;display:flex}verdocs-signature-dialog .draw .draw-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-signature-dialog .draw canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}verdocs-signature-dialog .draw .draw-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:12px}verdocs-signature-dialog .draw .draw-actions .clear-button{border:1px solid #d0d0d0;background-color:#ffffff;color:#333333;padding:6px 16px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-signature-dialog .draw .draw-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-signature-dialog .draw .draw-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-signature-dialog .upload{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog .upload.active{display:-ms-flexbox;display:flex}verdocs-signature-dialog .upload .upload-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-signature-dialog .upload .upload-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:12px;margin-top:8px}verdocs-signature-dialog .upload .upload-actions .upload-button{border:1px solid #55bc81;background-color:#55bc81;color:#ffffff;padding:8px 20px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-signature-dialog .upload .upload-actions .upload-button:hover{background-color:rgb(62.7594936709, 159.2405063291, 103.9746835443);border-color:rgb(62.7594936709, 159.2405063291, 103.9746835443)}verdocs-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-signature-dialog .upload .upload-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-signature-dialog .upload .upload-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-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-signature-dialog{}verdocs-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-signature-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;color:#ffffff;font-size:14px;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:6px;-ms-flex-pack:center;justify-content:center}verdocs-signature-dialog .buttons button.cancel{background-color:#654dcb}verdocs-signature-dialog .buttons button.proceed{background-color:#55bc81}verdocs-signature-dialog .buttons button:disabled{background-color:#6c727f}'};var Keyboard='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 8h.01"/><path d="M12 12h.01"/><path d="M14 8h.01"/><path d="M16 12h.01"/><path d="M18 8h.01"/><path d="M6 8h.01"/><path d="M7 16h10"/><path d="M8 12h.01"/><rect width="20" height="16" x="2" y="4" rx="2"/></svg>';var Pencil='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>';var Upload='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21"/><path d="m14 19.5 3-3 3 3"/><path d="M17 22v-5.5"/><circle cx="9" cy="9" r="2"/></svg>';var VerdocsSignatureDialog=function(){function e(e){var i=this;registerInstance(this,e);this.next=createEvent(this,"next");this.exit=createEvent(this,"exit");this.name="";this.fontLoaded=false;this.enteredName="";this.mode="type";this.isDrawing=false;this.hasDrawnSignature=false;this.hasUploadedImage=false;this.uploadedFileName="";this.currentStroke=[];this.allStrokes=[];this.lastPoint=null;this.uploadedImage=null;this.handlePointerDown=function(e){e.preventDefault();if(!i.canvasElement||!i.drawingContext){return}i.isDrawing=true;i.hasDrawnSignature=true;var t=i.getCanvasCoordinates(e);i.currentStroke=[t];i.lastPoint=t;i.drawingContext.beginPath();i.drawingContext.moveTo(t.x,t.y);i.canvasElement.setPointerCapture(e.pointerId)};this.handlePointerMove=function(e){e.preventDefault();if(!i.isDrawing||!i.drawingContext||!i.lastPoint){return}var t=i.getCanvasCoordinates(e);i.currentStroke.push(t);var a={x:(i.lastPoint.x+t.x)/2,y:(i.lastPoint.y+t.y)/2};i.drawingContext.quadraticCurveTo(i.lastPoint.x,i.lastPoint.y,a.x,a.y);i.drawingContext.stroke();i.lastPoint=t};this.handlePointerUp=function(e){e.preventDefault();if(!i.isDrawing||!i.drawingContext){return}if(i.lastPoint&&i.currentStroke.length>0){i.drawingContext.lineTo(i.lastPoint.x,i.lastPoint.y);i.drawingContext.stroke()}if(i.currentStroke.length>0){i.allStrokes.push(__spreadArray([],i.currentStroke,true))}i.isDrawing=false;i.currentStroke=[];i.lastPoint=null;if(i.canvasElement){i.canvasElement.releasePointerCapture(e.pointerId)}};this.handlePointerCancel=function(e){i.isDrawing=false;i.currentStroke=[];i.lastPoint=null;if(i.canvasElement){i.canvasElement.releasePointerCapture(e.pointerId)}};this.handleSelectFile=function(e){var t;e.stopPropagation();e.preventDefault();(t=i.fileInputElement)===null||t===void 0?void 0:t.click()};this.handleFileChange=function(e){var t;var a=e.target;var o=(t=a.files)===null||t===void 0?void 0:t[0];if(!o){return}if(!o.type.startsWith("image/png")){alert("Please select a PNG image file.");a.value="";return}var r=new FileReader;r.onload=function(e){var t;var r=new Image;r.onload=function(){i.uploadedImage=r;i.uploadedFileName=o.name;i.hasUploadedImage=true;i.drawUploadedImage()};r.onerror=function(){alert("Failed to load image. Please try a different file.");a.value=""};r.src=(t=e.target)===null||t===void 0?void 0:t.result};r.onerror=function(){alert("Failed to read file. Please try again.");a.value=""};r.readAsDataURL(o)};this.handleClearUpload=function(e){e.stopPropagation();e.preventDefault();i.uploadedImage=null;i.uploadedFileName="";i.hasUploadedImage=false;if(i.fileInputElement){i.fileInputElement.value=""}if(i.canvasElement){var t=i.canvasElement.getContext("2d");if(t){t.clearRect(0,0,i.canvasElement.width,i.canvasElement.height)}}}}e.prototype.componentWillLoad=function(){var e=this;this.enteredName=this.name;var i=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");i.load().then((function(i){document.fonts.add(i);e.fontLoaded=true}))};e.prototype.componentDidLoad=function(){this.redrawSignature();this.setupDrawingCanvas()};e.prototype.componentDidUpdate=function(){this.redrawSignature();this.setupDrawingCanvas();if(this.mode==="upload"&&this.hasUploadedImage){this.drawUploadedImage()}if(this.mode==="draw"&&this.allStrokes.length>0){this.redrawDrawnSignature()}};e.prototype.redrawSignature=function(){if(!this.canvasElement||this.mode!=="type"){return}var e=this.canvasElement.width;var i=this.canvasElement.getContext("2d");i.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);var t=100;do{t-=2;i.font="".concat(t,"px Dancing Script")}while(i.measureText(this.enteredName).width>e-32);i.textAlign="center";i.textBaseline="middle";i.font="".concat(t,"px Dancing Script");i.fillText(this.enteredName,this.canvasElement.width/2,this.canvasElement.height/2)};e.prototype.redrawDrawnSignature=function(){if(!this.canvasElement||!this.drawingContext||this.allStrokes.length===0){return}this.drawingContext.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);for(var e=0,i=this.allStrokes;e<i.length;e++){var t=i[e];if(t.length===0){continue}this.drawingContext.beginPath();this.drawingContext.moveTo(t[0].x,t[0].y);for(var a=1;a<t.length;a++){var o=t[a];var r=t[a-1];var s={x:(r.x+o.x)/2,y:(r.y+o.y)/2};this.drawingContext.quadraticCurveTo(r.x,r.y,s.x,s.y)}if(t.length>1){var n=t[t.length-1];this.drawingContext.lineTo(n.x,n.y)}this.drawingContext.stroke()}};e.prototype.handleNameChange=function(e){this.enteredName=e.target.value};e.prototype.handleCancel=function(e){e.stopPropagation();e.preventDefault();this.exit.emit()};e.prototype.handleAdopt=function(e){e.stopPropagation();e.preventDefault();var i=this.canvasElement.toDataURL("image/png");this.next.emit(i)};e.prototype.isAdoptButtonDisabled=function(){switch(this.mode){case"type":return!this.enteredName||this.enteredName.trim().length===0;case"draw":return!this.hasDrawnSignature||this.allStrokes.length===0;case"upload":return!this.hasUploadedImage;default:return true}};e.prototype.setupDrawingCanvas=function(){if(!this.canvasElement){return}if(this.mode==="draw"){var e=this.canvasElement.getContext("2d");if(e&&e!==this.drawingContext){this.drawingContext=e;this.drawingContext.strokeStyle="#000000";this.drawingContext.lineWidth=2;this.drawingContext.lineCap="round";this.drawingContext.lineJoin="round";if(this.allStrokes.length===0){this.drawingContext.clearRect(0,0,this.canvasElement.width,this.canvasElement.height)}}}if(this.mode!=="draw"&&this.drawingContext){this.drawingContext=null;this.currentStroke=[];this.lastPoint=null}};e.prototype.clearDrawingCanvas=function(){if(!this.canvasElement||!this.drawingContext){return}this.drawingContext.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);this.currentStroke=[];this.allStrokes=[];this.lastPoint=null;this.hasDrawnSignature=false};e.prototype.handleClearDrawing=function(e){e.stopPropagation();e.preventDefault();this.clearDrawingCanvas()};e.prototype.getCanvasCoordinates=function(e){if(!this.canvasElement){return{x:0,y:0}}var i=this.canvasElement.getBoundingClientRect();var t=this.canvasElement.width/i.width;var a=this.canvasElement.height/i.height;return{x:(e.clientX-i.left)*t,y:(e.clientY-i.top)*a}};e.prototype.drawUploadedImage=function(){if(!this.canvasElement||!this.uploadedImage){return}var e=this.canvasElement.getContext("2d");if(!e){return}e.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);var i=this.canvasElement.width;var t=this.canvasElement.height;var a=this.uploadedImage.width;var o=this.uploadedImage.height;var r=10;var s=i-r*2;var n=t-r*2;var c=s/a;var d=n/o;var l=Math.min(c,d);var f=a*l;var u=o*l;var h=(i-f)/2;var b=(t-u)/2;e.drawImage(this.uploadedImage,h,b,f,u)};e.prototype.render=function(){var e=this;return h("verdocs-dialog",{key:"569533960b4296141fc3897859caee72c810c1a7"},h("div",{key:"0c8abf0d11f791a73b3b8480784d130e6d4310fc",slot:"heading",class:"heading"},h("div",{key:"8f78714cb5d06d4ca38981bdb0381374d0a23d41",class:"icon"},h("svg",{key:"528eae4c63e1265dc1fde608621f5fe216979d7c",width:"22",height:"19",viewBox:"0 0 22 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("g",{key:"916b2af61b05dfaad14ecf438d15e25e82827f60","clip-path":"url(#clip0_34208_4881)"},h("path",{key:"e3d7e2d4ae26d46f65894b90aa81b8393384d208",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",fill:"white"})),h("defs",{key:"51bdc7544c5efd1b953250d2a765e2b2ad82d03d"},h("clipPath",{key:"b439d0cecce8057e4290f42f6abd8f5c66e85ec2",id:"clip0_34208_4881"},h("path",{key:"dabe7296fe51be7c2316651278ebd2f0ce2f7315",d:"M0.875 0.75H21.125V18.75H0.875V0.75Z",fill:"white"}))))),h("div",{key:"6e35217459306666f40d20748ee1881f2aed63e7",class:"title"},"Adopt Signature")),h("div",{key:"1aa4d6059d8b69aec70090a90f40f183171d0157",slot:"content",class:"content"},h("div",{key:"27a08e48010d66fc79e2de50204166ac3cea3035",class:"tabs"},h("div",{key:"b17b5856fa37cf5214ee3b2e278bf8a0c3cffce3",class:{tab:true,active:this.mode==="type"},onClick:function(){return e.mode="type"}},h("div",{key:"4cc8506434cc40a1acf91cb166f80bfd0f71afda",innerHTML:Keyboard,class:"icon"}),h("div",{key:"5f44b64e948571a00c25e750a328bd2e3dccc84c"},"Type")),h("div",{key:"d4b66e0b705a2593d299a4e5d3ed94bcefeff7e1",class:{tab:true,active:this.mode==="draw"},onClick:function(){return e.mode="draw"}},h("div",{key:"f160c07823ceec41c225014b347e720fc5bc20bf",innerHTML:Pencil,class:"icon"}),h("div",{key:"fffbd2399aabc0d44b22eb52f6ccdf3678ace55d"},"Draw")),h("div",{key:"14d36f0128302ec8f552b2ddf2ed8bf205903aed",class:{tab:true,active:this.mode==="upload"},onClick:function(){return e.mode="upload"}},h("div",{key:"5e79a070976032867bd946091e6b7901ea6050c5",innerHTML:Upload,class:"icon"}),h("div",{key:"38d6928ad82f8de8710de4f93ce9112cd9af813b"},"Upload"))),h("div",{key:"5999991ee6da81adfd8d65ef22c2a6335eb0af6f",class:{type:true,active:this.mode==="type"}},h("verdocs-text-input",{key:"151409f18e28166256b6febc44bac861a0c03c29",label:"Full Name",value:this.enteredName,placeholder:"Full Name...",description:"As shown on driver's license or govt. ID card.",onInput:function(i){return e.handleNameChange(i)},onClick:function(e){return e.stopPropagation()}})),h("div",{key:"2dac81ed04724813eccdc8c4c2a8393e085eeca4",class:{draw:true,active:this.mode==="draw"}},h("div",{key:"68ff9f8144c768963eb27080f043fac87b86ca18",class:"draw-instructions"},"Draw your signature below using your mouse or finger"),h("div",{key:"9fdefc0bc8728096a07f0fcc7aeca65983515ca6",class:"draw-actions"},h("button",{key:"20d1da293da31bffc17ba0844be9712263dc65b5",class:"clear-button",onClick:function(i){return e.handleClearDrawing(i)},disabled:!this.hasDrawnSignature},"Clear"))),h("div",{key:"aeac48d9b55c3f47351c52329481b835e313108f",class:{upload:true,active:this.mode==="upload"}},h("div",{key:"8bbdfcb58023744196ae02fa6d17aecc59cf9937",class:"upload-instructions"},"Upload a PNG image of your signature"),h("input",{key:"b0349c8aa47f1b798b8574f14e5c998ccf38270d",ref:function(i){return e.fileInputElement=i},type:"file",accept:"image/png",onChange:this.handleFileChange,style:{display:"none"}}),h("div",{key:"548e29f9e192c0802ac69a5c69412b8a988edc1c",class:"upload-actions"},h("button",{key:"010ca5acd3b01d77e89d880cd57701d5baebd434",class:"upload-button",onClick:this.handleSelectFile},this.hasUploadedImage?"Change Image":"Select PNG File"),this.hasUploadedImage&&h("button",{key:"644705e07dcc57563c9c49c72b2da78d6b9b9d2c",class:"clear-button",onClick:this.handleClearUpload},"Clear")),this.uploadedFileName&&h("div",{key:"c0608d5473abcecb4d06ee6711d90ceb6a5bd63e",class:"upload-filename"},this.uploadedFileName)),h("canvas",{key:"81cebdebc8239b8a65cc32eca78c382728df1f6d",ref:function(i){return e.canvasElement=i},width:"300",height:"79",onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,style:{touchAction:"none",cursor:"crosshair"}}),h("div",{key:"d9dc486db830c007aa3c112414504e50aa470bf8",class:"disclaimer"},"By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts — just the same as a pen-and-paper signature or initial.")),h("div",{key:"385a0990db1c7b4c9e08b52490f8436868e69964",class:"footer",slot:"footer"},h("div",{key:"456fc580b31b9ee297ed7503b4813fcf37ec42cc",class:"buttons"},h("button",{key:"04456cbbe00fa6ad90aa7ddda4ef9027af692c98",class:"cancel",onClick:function(i){return e.handleCancel(i)}},"Cancel"),h("button",{key:"ebee77c3a84fb473e0627f4c4a76b4174ca6830f",class:"proceed",onClick:function(i){return e.handleAdopt(i)},disabled:this.isAdoptButtonDisabled()},"Adopt & Sign"))))};return e}();VerdocsSignatureDialog.style=verdocsSignatureDialogCss();export{VerdocsSignatureDialog as verdocs_signature_dialog};
+var __spreadArray=this&&this.__spreadArray||function(e,i,t){if(t||arguments.length===2)for(var a=0,o=i.length,r;a<o;a++){if(r||!(a in i)){if(!r)r=Array.prototype.slice.call(i,0,a);r[a]=i[a]}}return e.concat(r||Array.prototype.slice.call(i))};import{r as registerInstance,c as createEvent,h}from"./index-CjTHbolG.js";var verdocsSignatureDialogCss=function(){return'verdocs-signature-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-signature-dialog .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog canvas{background:#ffffff;width:300px;height:79px;max-width:100%;margin:20px auto;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275);box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275)}verdocs-signature-dialog .disclaimer{padding:8px 0;font-size:11px;line-height:14px;text-align:justify;color:rgba(0, 0, 0, 0.54)}verdocs-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-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-signature-dialog .tabs .tab.active{background:#f9f5fe;border-bottom:2px solid #707ae5}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}verdocs-signature-dialog .tabs .tab .icon{width:16px;height:16px}verdocs-signature-dialog .type{display:none;height:100px;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog .type.active{display:-ms-flexbox;display:flex}verdocs-signature-dialog .draw{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog .draw.active{display:-ms-flexbox;display:flex}verdocs-signature-dialog .draw .draw-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-signature-dialog .draw canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}verdocs-signature-dialog .draw .draw-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:12px}verdocs-signature-dialog .draw .draw-actions .clear-button{border:1px solid #d0d0d0;background-color:#ffffff;color:#333333;padding:6px 16px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-signature-dialog .draw .draw-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-signature-dialog .draw .draw-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-signature-dialog .upload{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-signature-dialog .upload.active{display:-ms-flexbox;display:flex}verdocs-signature-dialog .upload .upload-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-signature-dialog .upload .upload-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:12px;margin-top:8px}verdocs-signature-dialog .upload .upload-actions .upload-button{border:1px solid #55bc81;background-color:#55bc81;color:#ffffff;padding:8px 20px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-signature-dialog .upload .upload-actions .upload-button:hover{background-color:rgb(62.7594936709, 159.2405063291, 103.9746835443);border-color:rgb(62.7594936709, 159.2405063291, 103.9746835443)}verdocs-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-signature-dialog .upload .upload-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-signature-dialog .upload .upload-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-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-signature-dialog{}verdocs-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-signature-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;color:#ffffff;font-size:14px;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:6px;-ms-flex-pack:center;justify-content:center}verdocs-signature-dialog .buttons button.cancel{background-color:#654dcb}verdocs-signature-dialog .buttons button.proceed{background-color:#55bc81}verdocs-signature-dialog .buttons button:disabled{background-color:#6c727f}'};var Keyboard='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 8h.01"/><path d="M12 12h.01"/><path d="M14 8h.01"/><path d="M16 12h.01"/><path d="M18 8h.01"/><path d="M6 8h.01"/><path d="M7 16h10"/><path d="M8 12h.01"/><rect width="20" height="16" x="2" y="4" rx="2"/></svg>';var Pencil='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>';var Upload='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21"/><path d="m14 19.5 3-3 3 3"/><path d="M17 22v-5.5"/><circle cx="9" cy="9" r="2"/></svg>';var VerdocsSignatureDialog=function(){function e(e){var i=this;registerInstance(this,e);this.next=createEvent(this,"next");this.exit=createEvent(this,"exit");this.name="";this.fontLoaded=false;this.enteredName="";this.mode="type";this.isDrawing=false;this.hasDrawnSignature=false;this.hasUploadedImage=false;this.uploadedFileName="";this.currentStroke=[];this.allStrokes=[];this.lastPoint=null;this.uploadedImage=null;this.handlePointerDown=function(e){e.preventDefault();if(!i.canvasElement||!i.drawingContext){return}i.isDrawing=true;i.hasDrawnSignature=true;var t=i.getCanvasCoordinates(e);i.currentStroke=[t];i.lastPoint=t;i.drawingContext.beginPath();i.drawingContext.moveTo(t.x,t.y);i.canvasElement.setPointerCapture(e.pointerId)};this.handlePointerMove=function(e){e.preventDefault();if(!i.isDrawing||!i.drawingContext||!i.lastPoint){return}var t=i.getCanvasCoordinates(e);i.currentStroke.push(t);var a={x:(i.lastPoint.x+t.x)/2,y:(i.lastPoint.y+t.y)/2};i.drawingContext.quadraticCurveTo(i.lastPoint.x,i.lastPoint.y,a.x,a.y);i.drawingContext.stroke();i.lastPoint=t};this.handlePointerUp=function(e){e.preventDefault();if(!i.isDrawing||!i.drawingContext){return}if(i.lastPoint&&i.currentStroke.length>0){i.drawingContext.lineTo(i.lastPoint.x,i.lastPoint.y);i.drawingContext.stroke()}if(i.currentStroke.length>0){i.allStrokes.push(__spreadArray([],i.currentStroke,true))}i.isDrawing=false;i.currentStroke=[];i.lastPoint=null;if(i.canvasElement){i.canvasElement.releasePointerCapture(e.pointerId)}};this.handlePointerCancel=function(e){i.isDrawing=false;i.currentStroke=[];i.lastPoint=null;if(i.canvasElement){i.canvasElement.releasePointerCapture(e.pointerId)}};this.handleSelectFile=function(e){var t;e.stopPropagation();e.preventDefault();(t=i.fileInputElement)===null||t===void 0?void 0:t.click()};this.handleFileChange=function(e){var t;var a=e.target;var o=(t=a.files)===null||t===void 0?void 0:t[0];if(!o){return}if(!o.type.startsWith("image/png")){alert("Please select a PNG image file.");a.value="";return}var r=new FileReader;r.onload=function(e){var t;var r=new Image;r.onload=function(){i.uploadedImage=r;i.uploadedFileName=o.name;i.hasUploadedImage=true;i.drawUploadedImage()};r.onerror=function(){alert("Failed to load image. Please try a different file.");a.value=""};r.src=(t=e.target)===null||t===void 0?void 0:t.result};r.onerror=function(){alert("Failed to read file. Please try again.");a.value=""};r.readAsDataURL(o)};this.handleClearUpload=function(e){e.stopPropagation();e.preventDefault();i.uploadedImage=null;i.uploadedFileName="";i.hasUploadedImage=false;if(i.fileInputElement){i.fileInputElement.value=""}if(i.canvasElement){var t=i.canvasElement.getContext("2d");if(t){t.clearRect(0,0,i.canvasElement.width,i.canvasElement.height)}}}}e.prototype.componentWillLoad=function(){var e=this;this.enteredName=this.name;var i=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");i.load().then((function(i){document.fonts.add(i);e.fontLoaded=true}))};e.prototype.componentDidLoad=function(){this.redrawSignature();this.setupDrawingCanvas()};e.prototype.componentDidUpdate=function(){this.redrawSignature();this.setupDrawingCanvas();if(this.mode==="upload"&&this.hasUploadedImage){this.drawUploadedImage()}if(this.mode==="draw"&&this.allStrokes.length>0){this.redrawDrawnSignature()}};e.prototype.redrawSignature=function(){if(!this.canvasElement||this.mode!=="type"){return}var e=this.canvasElement.width;var i=this.canvasElement.getContext("2d");i.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);var t=100;do{t-=2;i.font="".concat(t,"px Dancing Script")}while(i.measureText(this.enteredName).width>e-32);i.textAlign="center";i.textBaseline="middle";i.font="".concat(t,"px Dancing Script");i.fillText(this.enteredName,this.canvasElement.width/2,this.canvasElement.height/2)};e.prototype.redrawDrawnSignature=function(){if(!this.canvasElement||!this.drawingContext||this.allStrokes.length===0){return}this.drawingContext.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);for(var e=0,i=this.allStrokes;e<i.length;e++){var t=i[e];if(t.length===0){continue}this.drawingContext.beginPath();this.drawingContext.moveTo(t[0].x,t[0].y);for(var a=1;a<t.length;a++){var o=t[a];var r=t[a-1];var s={x:(r.x+o.x)/2,y:(r.y+o.y)/2};this.drawingContext.quadraticCurveTo(r.x,r.y,s.x,s.y)}if(t.length>1){var n=t[t.length-1];this.drawingContext.lineTo(n.x,n.y)}this.drawingContext.stroke()}};e.prototype.handleNameChange=function(e){this.enteredName=e.target.value};e.prototype.handleCancel=function(e){e.stopPropagation();e.preventDefault();this.exit.emit()};e.prototype.handleAdopt=function(e){e.stopPropagation();e.preventDefault();var i=this.canvasElement.toDataURL("image/png");this.next.emit(i)};e.prototype.isAdoptButtonDisabled=function(){switch(this.mode){case"type":return!this.enteredName||this.enteredName.trim().length===0;case"draw":return!this.hasDrawnSignature||this.allStrokes.length===0;case"upload":return!this.hasUploadedImage;default:return true}};e.prototype.setupDrawingCanvas=function(){if(!this.canvasElement){return}if(this.mode==="draw"){var e=this.canvasElement.getContext("2d");if(e&&e!==this.drawingContext){this.drawingContext=e;this.drawingContext.strokeStyle="#000000";this.drawingContext.lineWidth=2;this.drawingContext.lineCap="round";this.drawingContext.lineJoin="round";if(this.allStrokes.length===0){this.drawingContext.clearRect(0,0,this.canvasElement.width,this.canvasElement.height)}}}if(this.mode!=="draw"&&this.drawingContext){this.drawingContext=null;this.currentStroke=[];this.lastPoint=null}};e.prototype.clearDrawingCanvas=function(){if(!this.canvasElement||!this.drawingContext){return}this.drawingContext.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);this.currentStroke=[];this.allStrokes=[];this.lastPoint=null;this.hasDrawnSignature=false};e.prototype.handleClearDrawing=function(e){e.stopPropagation();e.preventDefault();this.clearDrawingCanvas()};e.prototype.getCanvasCoordinates=function(e){if(!this.canvasElement){return{x:0,y:0}}var i=this.canvasElement.getBoundingClientRect();var t=this.canvasElement.width/i.width;var a=this.canvasElement.height/i.height;return{x:(e.clientX-i.left)*t,y:(e.clientY-i.top)*a}};e.prototype.drawUploadedImage=function(){if(!this.canvasElement||!this.uploadedImage){return}var e=this.canvasElement.getContext("2d");if(!e){return}e.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);var i=this.canvasElement.width;var t=this.canvasElement.height;var a=this.uploadedImage.width;var o=this.uploadedImage.height;var r=10;var s=i-r*2;var n=t-r*2;var d=s/a;var c=n/o;var l=Math.min(d,c);var f=a*l;var u=o*l;var h=(i-f)/2;var b=(t-u)/2;e.drawImage(this.uploadedImage,h,b,f,u)};e.prototype.render=function(){var e=this;return h("verdocs-dialog",{key:"0b429c1bfa33dcb68c723632c9d41e804c1c9d4b"},h("div",{key:"25757ea5b5681d01e8ec795fca09c76f58765892",slot:"heading",class:"heading"},h("div",{key:"420d55c208a4a459de8d4f13f87549210425cadd",class:"icon"},h("svg",{key:"81dc9fc0cafbbdd3a528b8d3d30a3bbd4d1e60ac",width:"22",height:"19",viewBox:"0 0 22 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("g",{key:"e7ad29bdf97453171ac57e02512196b96f560a97","clip-path":"url(#clip0_34208_4881)"},h("path",{key:"3ffd7f641d18d97318c601f58e1b07593c8b9253",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",fill:"white"})),h("defs",{key:"40470a753022575342a62e03f355259ad2236dfd"},h("clipPath",{key:"fd8e87dfd3a0600ea8b00bcdea231c443db263e5",id:"clip0_34208_4881"},h("path",{key:"d37762121ab1516b637e23e68123181861f3430b",d:"M0.875 0.75H21.125V18.75H0.875V0.75Z",fill:"white"}))))),h("div",{key:"8aa8a867add1f97217926df053936afe94b72ffb",class:"title"},"Adopt Signature")),h("div",{key:"7c7ce2c4827272f4b6c42c103f78d79a9aab834a",slot:"content",class:"content"},h("div",{key:"f2f7ce37214d1f739f9a2444e65038ee2425dc01",class:"tabs"},h("div",{key:"ae94a1a76c04ffda86c9a300c0cb4ae2f967929c",class:{tab:true,active:this.mode==="type"},onClick:function(){return e.mode="type"}},h("div",{key:"50ae13bf5f04376c4e5842dc9752c30f383c213d",innerHTML:Keyboard,class:"icon"}),h("div",{key:"b7a2dedbead1f59695106a73c4683f40369dadc6"},"Type")),h("div",{key:"253b9d4506f901f8466eb593b80e99cbec7726c8",class:{tab:true,active:this.mode==="draw"},onClick:function(){return e.mode="draw"}},h("div",{key:"d9f5dbe36f7fa6052c7a3edad8ff471cb0738879",innerHTML:Pencil,class:"icon"}),h("div",{key:"72e1ca881be3af547e0673733d39e771f9547bf4"},"Draw")),h("div",{key:"7d280ad986b9203c1c824942f620c7ac673a7974",class:{tab:true,active:this.mode==="upload"},onClick:function(){return e.mode="upload"}},h("div",{key:"673faa7a093acc843b4e67fb707c222ed22a7f33",innerHTML:Upload,class:"icon"}),h("div",{key:"3b5019ec93318c864a16712a4819ea528f1d6094"},"Upload"))),h("div",{key:"714cc6316f22bf01eeddf50cd1140333dde7240f",class:{type:true,active:this.mode==="type"}},h("verdocs-text-input",{key:"c986c98996c53f950b4b68369c19b0c897d13369",label:"Full Name",value:this.enteredName,placeholder:"Full Name...",description:"As shown on driver's license or govt. ID card.",onInput:function(i){return e.handleNameChange(i)},onClick:function(e){return e.stopPropagation()}})),h("div",{key:"78c8bd98c799038d87a99c749ca95641a501f875",class:{draw:true,active:this.mode==="draw"}},h("div",{key:"8542a85b7bb331c3e2df482ac49c5442e24deeaa",class:"draw-instructions"},"Draw your signature below using your mouse or finger"),h("div",{key:"3950ea157e7be7a82cee715eb7abff1a44c5e680",class:"draw-actions"},h("button",{key:"c0824acb635bbd01bd6084b1b8c5421834a3b9e8",class:"clear-button",onClick:function(i){return e.handleClearDrawing(i)},disabled:!this.hasDrawnSignature},"Clear"))),h("div",{key:"da28e645bf706d21669062b1b348d2f4c65db574",class:{upload:true,active:this.mode==="upload"}},h("div",{key:"33432f5f771a961cbd04a1a459ab3e1c436a3796",class:"upload-instructions"},"Upload a PNG image of your signature"),h("input",{key:"5272fc359e5ea2c9d08444a6dee7939af0c85ee9",ref:function(i){return e.fileInputElement=i},type:"file",accept:"image/png",onChange:this.handleFileChange,style:{display:"none"}}),h("div",{key:"c8a861ccac56394d5d2b412b261a0fa7abc08c6f",class:"upload-actions"},h("button",{key:"20130f1880990ead83064dc586cc98d1303e9f82",class:"upload-button",onClick:this.handleSelectFile},this.hasUploadedImage?"Change Image":"Select PNG File"),this.hasUploadedImage&&h("button",{key:"441f205d01eadc47add35a2fe07bfd550c47aaeb",class:"clear-button",onClick:this.handleClearUpload},"Clear")),this.uploadedFileName&&h("div",{key:"3d724075c22a178c440db88464cc7c1197ce74a3",class:"upload-filename"},this.uploadedFileName)),h("canvas",{key:"f9bbe470d83ca03666e87455b4c4f73865afff28",ref:function(i){return e.canvasElement=i},width:"300",height:"79",onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,style:{touchAction:"none",cursor:"crosshair"}}),h("div",{key:"8e309f8f6b19b76e892c9320172e0f2a8db10e9c",class:"disclaimer"},"By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts — just the same as a pen-and-paper signature or initial.")),h("div",{key:"107dd5abf82744aadd7dc551b648488d444eb33c",class:"footer",slot:"footer"},h("div",{key:"f10d17289c2884bd8602d4637ce60d8345310c82",class:"buttons"},h("button",{key:"761f72f1a011c5dbf2d3a8f0491ddae4b6f5b924",class:"cancel",onClick:function(i){return e.handleCancel(i)}},"Cancel"),h("button",{key:"8f93fa813735bda38eef39694986501e7a70067a",class:"proceed",onClick:function(i){return e.handleAdopt(i)},disabled:this.isAdoptButtonDisabled()},"Adopt & Sign"))))};return e}();VerdocsSignatureDialog.style=verdocsSignatureDialogCss();export{VerdocsSignatureDialog as verdocs_signature_dialog};
 //# sourceMappingURL=verdocs-signature-dialog.entry.js.map