https://www.kingsburyproductions.com/_next/static/chunks/jaguar-form-signature-input.6993a55afc7d5537.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11210,69399],{29871:(e,t,n)=>{n.r(t),n.d(t,{default:()=>o});var i=n(6029),r=n(55729),a=n(90923),l=n(81553);let s=(0,n(7703).n9)()(()=>({container:{maxWidth:400,display:"grid",gridTemplateColumns:"minmax(0, 1fr)","& > *":{gridArea:"1 / 1"}},canvas:{touchAction:"none",width:"100%"},signatureLine:{width:"100%",pointerEvents:"none"},clearBtn:{paddingInline:"16px",justifySelf:"end",alignSelf:"start"}}));function o(e){let{formItem:t,onChange:n,onError:o,disabled:c,className:d,btnClassName:u}=e,{classes:h,cx:v}=s(),{canvasRef:p,clearSignature:f}=function(e){let{formItem:t,onChange:n}=e,i=(0,r.useRef)(),a=(0,r.useRef)();return{canvasRef:(0,r.useCallback)(e=>{let r;if(!e){i.current?.(),i.current=void 0,a.current=void 0;return}let l=e.getContext("2d");if(!l)return;l.lineWidth=2;let s=!1,o=!1,c=t=>{e.setPointerCapture(t.pointerId),s=!0,o=!1,r=l.getImageData(0,0,e.width,e.height),l.beginPath()};e.addEventListener("pointerdown",c);let d=t=>{if(!s)return;o=!0;let n=e.getBoundingClientRect(),i=(t.clientX-n.left)/n.width*e.width,a=(t.clientY-n.top)/n.height*e.height;l.putImageData(r,0,0),l.lineTo(i,a),l.stroke()};e.addEventListener("pointermove",d);let u=()=>{let i=o;s=!1,o=!1,i&&e.toBlob(e=>{e&&n(new File([e],t.input.id))})};e.addEventListener("pointerup",u),a.current=()=>{l.clearRect(0,0,e.width,e.height),n(void 0)},i.current=()=>{e.removeEventListener("pointerdown",c),e.removeEventListener("pointermove",d),e.removeEventListener("pointerup",u)}},[n,t.input.id]),clearSignature:(0,r.useCallback)(()=>{a.current?.()},[a])}}({formItem:t,onChange:n,onError:o,disabled:c});return(0,i.jsxs)("div",{className:v(h.container,d),children:[(0,i.jsx)("canvas",{ref:p,width:400,className:h.canvas}),(0,i.jsx)("svg",{viewBox:"0 0 400 150",stroke:"black",strokeWidth:"2",className:h.signatureLine,children:(0,i.jsx)("path",{d:"M30 100L40 110M40 100L30 110M50 120L350 120"})}),(0,i.jsx)(a.A,{variant:"text",color:"inherit",onClick:f,"aria-label":"Clear Signature",size:"small",startIcon:(0,i.jsx)(l.A,{className:"fas fa-undo"}),className:v(h.clearBtn,u),children:"Clear"})]})}},43367:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var i=n(6029);n(55729);var r=n(7703),a=n(29871);let l=(0,r.n9)()({container:{backgroundColor:"white"}});function s(e){let{classes:t}=l();return(0,i.jsx)(a.default,{...e,className:t.container})}}}]);