https://www.anatreeserviceprofessionals.com/_next/static/chunks/su…se-form-signature-input.fabdb58a80a249ab.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11189,69399],{29871:(e,t,n)=>{n.r(t),n.d(t,{default:()=>o});var r=n(6029),i=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:d,className:c,btnClassName:u}=e,{classes:h,cx:v}=s(),{canvasRef:g,clearSignature:p}=function(e){let{formItem:t,onChange:n}=e,r=(0,i.useRef)(),a=(0,i.useRef)();return{canvasRef:(0,i.useCallback)(e=>{let i;if(!e){r.current?.(),r.current=void 0,a.current=void 0;return}let l=e.getContext("2d");if(!l)return;l.lineWidth=2;let s=!1,o=!1,d=t=>{e.setPointerCapture(t.pointerId),s=!0,o=!1,i=l.getImageData(0,0,e.width,e.height),l.beginPath()};e.addEventListener("pointerdown",d);let c=t=>{if(!s)return;o=!0;let n=e.getBoundingClientRect(),r=(t.clientX-n.left)/n.width*e.width,a=(t.clientY-n.top)/n.height*e.height;l.putImageData(i,0,0),l.lineTo(r,a),l.stroke()};e.addEventListener("pointermove",c);let u=()=>{let r=o;s=!1,o=!1,r&&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)},r.current=()=>{e.removeEventListener("pointerdown",d),e.removeEventListener("pointermove",c),e.removeEventListener("pointerup",u)}},[n,t.input.id]),clearSignature:(0,i.useCallback)(()=>{a.current?.()},[a])}}({formItem:t,onChange:n,onError:o,disabled:d});return(0,r.jsxs)("div",{className:v(h.container,c),children:[(0,r.jsx)("canvas",{ref:g,

1width:400,className:h.canvas}),(0,r.jsx)("svg",{viewBox:"0 0 400 150",stroke:"black",strokeWidth:"2",className:h.signatureLine,children:(0,r.jsx)("path",{d:"M30 100L40 110M40 100L30 110M50 120L350 120"})}),(0,r.jsx)(a.A,{variant:"text",color:"inherit",onClick:p,"aria-label":"Clear Signature",size:"small",startIcon:(0,r.jsx)(l.A,{className:"fas fa-undo"}),className:v(h.clearBtn,u),children:"Clear"})]})}},93919:(e,t,n)=>{n.r(t),n.d(t,{default:()=>o});var r=n(6029);n(55729);var i=n(7703),a=n(96829),l=n(29871);let s=(0,i.n9)()(e=>({container:{backgroundColor:"rgb(246, 246, 246)",borderRadius:29*(e.buttonStyle!==a.A.SQUARE),padding:8*(e.buttonStyle!==a.A.SQUARE)}}));function o(e){let{classes:t}=s();return(0,r.jsx)(l.default,{...e,className:t.container})}}}]);