https://111cuts.com/static/js/async/6444.857ce564c8.js

1(self.rspackChunkvagaro_websitebuilder_consumer=self.rspackChunkvagaro_websitebuilder_consumer||[]).push([[6444],{32156(){},37808(e){function t(e){var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=37808,e.exports=t},25532(e,t,r){"use strict";r.r(t),r.d(t,{default:()=>l});var n=r(74848),a=r(96540);r(32156);var i=r(80401),s=r(66380);let c={height:200,showClearButtonOnTop:!0,showBorder:!0,showBackground:!0,fullWidth:!1,showBottomText:!0,placeholder:""},l=(0,a.forwardRef)(({Disabled:e=!1,onChange:t,Html:r,SignatureText:l,DateTimeText:u,Name:o,SignatureImage:d,isChecked:h,Required:g,CheckboxErrorMessage:m,SignatureErrorMessage:f,OnChangeCheckbox:x,OnClick:v,CustomObject:p={},PreOnChange:w,Title:C="",ShowRequiredFieldMark:k=!1,CustomErrorMessage:y=""},b)=>{let{height:j,showClearButtonOnTop:R,showBorder:N,showBackground:E,fullWidth:T,showBottomText:B,placeholder:S}={...c,...p},D=(0,a.useRef)(null),L=(0,a.useRef)(null),M=(0,a.useRef)(!1),P=(0,a.useRef)({x:0,y:0}),_=(0,a.useRef)(0),[q,I]=(0,a.useState)(h),[O,V]=(0,a.useState)(!1),[$,U]=(0,a.useState)(!1),[F,H]=(0,a.useState)(500),[W]=(0,a.useState)(j||200),[X,Y]=(0,a.useState)(()=>!!d),z=(0,a.useId)(),[A,J]=(0,a.useState)(null);(0,a.useEffect)(()=>{I(h)},[h]),(0,a.useEffect)(()=>{Y(!!d)},[d]),(0,a.useEffect)(()=>{D.current&&J(D.current.getContext("2d"))},[]),(0,a.useEffect)(()=>{if(A&&D.current&&(A.clearRect(0,0,D.current.width,D.current.height),d)){let e=new Image;e.crossOrigin="anonymous",e.onload=()=>{A.clearRect(0,0,D.current.width,D.current.height),A.drawImage(e,0,0,D.current.width,D.current.height)},e.onerror=()=>{},e.src=d}},[d,A]);let G=(0,a.useRef)([]),K=(0,a.useRef)(null),Q=(0,a.useCallback)(e=>{if(!M.current||!A||!D.current)return;(e?.pointerType==="touch"||e?.pointerType==="pen")&&e.preventDefault();let t=D.current.getBoundingClientRect(),r=t.width/D.current.width,n=(e.clientX-t.left)/r,a=(e.clientY-t.top)/r;if(G.current.push({x:n,y:a}),G.current.length>2){let e=G.current[G.current.length-3],t=G.current[G.current.length-2],r=G.current[G.current.length-1],n=4.5-Math.sqrt(Math.pow(r.x-t.x,2)+Math.pow(r.y-t.y,2))/10,a=.3*(n=Math.max(2.8,Math.min(4.8,n)))+.7*_.current;_.current=a;let i=(e.x+t.x)/2,s=(e.y+t.y)/2,c=(t.x+r.x)/2,l=(t.y+r.y)/2;A.beginPath(),A.lineWidth=a,A.lineCap="round",A.lineJoin="round",A.strokeStyle="black",A.moveTo(i,s),A.quadraticCurveTo(t.x,t.y,c,l),A.stroke(),A.closePath()}},[A]),Z=(0,a.useCallback)(async()=>{if(!M.current||!A)return;M.current=!1,G.current=[];try{D.current&&null!==K.current&&D.current.releasePointerCapture(K.current)}catch(e){}K.current=null;let e=D.current.toDataURL("image/png");Y(!0),"function"==typeof t&&t(e)},[A,t]),ee=()=>{A&&D.current&&(A.clearRect(0,0,D.current.width,D.current.height),Y(!1),"function"==typeof t)&&("function"!=typeof w||!1!==w(!1))&&t("")};return(0,a.useEffect)(()=>(document.addEventListener("pointermove",Q,{passive:!1}),document.addEventListener("pointerup",Z,{passive:!1}),()=>{document.removeEventListener("pointermove",Q),document.removeEventListener("pointerup",Z)}),[Q,Z]),(0,a.useEffect)(()=>{if(D.current)if(T){let e=()=>{if(!D.current)return;let e=D.current.getBoundingClientRect(),t=window.devicePixelRatio||1;D.current.width=e.width*t,D.current.height=W*t;let r=D.current.getContext("2d");r&&(r.setTransform(t,0,0,t,0,0),J(r)),H(e.width)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}else{D.current.width=500,D.current.height=W;let e=D.current.getContext("2d");e&&J(e)}},[T,W]),(0,a.useImperativeHandle)(b,()=>({validate:()=>(()=>{if(e)return{isCheckedValue:q,image:D.current?.toDataURL("image/png")||"",Required:!1};if(!g)return V(!1),U(!1),{isCheckedValue:q,image:D.current?.toDataURL("image/png")||"",Required:!1};if(!D.current)return V(!0),U(!0),{isCheckedValue:q,image:"",Required:!0};let t=D.current,r=t.getContext("2d");if(!r)return V(!0),U(!0),{isCheckedValue:q,image:"",Required:!0};let n=!r.getImageData(0,0,t.width,t.height).data.some(e=>0!==e),a=!1;return(q?V(!1):(V(!0),a=!0),n?(U(!0),a=!0):U(!1),n&&d)?{isCheckedValue:q,image:d,Required:!1}:a?{isCheckedValue:q,image:"",Required:!0}:{isCheckedValue:q,image:t.toDataURL("image/png"),Required:!1}})()})),(0,n.jsxs)("div",{className:"flex flex-col items-start",children:[C&&

1(0,n.jsxs)("div",{className:"text-[15px] leading-5 mb-1 text-text_neutral_default font-medium block w-full",children:[C,g&&k&&(0,n.jsx)("span",{className:"text-text_alert_default ml-1",children:"*"})]}),r&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"vg-form-check w-full",children:(0,n.jsxs)("div",{className:"vg-checkbox !flex items-start gap-2",children:[(0,n.jsx)("input",{type:"checkbox",id:`vg-signature-checkbox-${z}`,className:"vg-form-check-input mt-1",checked:q,ref:L,onChange:t=>{(t=>{if(e)return;let r=t.target.checked;I(r),r&&O&&V(!1)})(t),x&&x(t)},disabled:e}),(0,n.jsx)("label",{className:"vg-check-label max-w-[400px] break-words whitespace-normal",htmlFor:`vg-signature-checkbox-${z}`,onClick:e=>{e.stopPropagation(),v&&v()},children:"string"==typeof r?(0,n.jsx)("span",{dangerouslySetInnerHTML:{__html:r}}):a.cloneElement(r,{onClick:e=>{e.stopPropagation(),v&&v()}})})]})}),O&&(0,n.jsx)("div",{className:"vg-canvas-control-error-msg",children:m})]}),(0,n.jsxs)("div",{className:`vg-signature-canvas relative w-full ${T?"":"max-w-[500px]"}`,children:[!X&&S&&(0,n.jsx)("span",{className:"text-[28px] pointer-events-none absolute inset-0 flex items-center justify-center text-gray-400",children:S}),(0,n.jsx)("canvas",{ref:D,width:F,height:W,className:`vg-canvas-body ${!E?"!bg-transparent":""}  ${N?"border border-gray-400":"!border-none"}  ${$&&g?"vg-error-msg":""}`,style:{cursor:e?"not-allowed":"default",touchAction:"none"},onPointerDown:t=>{if(e||!A||((t?.pointerType==="touch"||t?.pointerType==="pen")&&t.preventDefault(),"function"==typeof w&&!1===w(!0,t)))return;d&&ee(),$&&U(!1),M.current=!0;let r=D.current.getBoundingClientRect(),n=r.width/D.current.width,a=(t.clientX-r.left)/n,i=(t.clientY-r.top)/n;G.current=[{x:a,y:i}],P.current={x:t.clientX,y:t.clientY},_.current=3.5,A.beginPath(),A.fillStyle="black",A.arc(a,i,1.75,0,2*Math.PI),A.fill(),A.closePath();try{D.current.setPointerCapture(t.pointerId),K.current=t.pointerId}catch(e){}Y(!0)}}),!e&&R&&(0,n.jsx)("div",{className:"vg-canvas-clear absolute top-2 right-2",children:(0,n.jsx)(i.default,{ButtonVariant:"secondary",ButtononClick:()=>{ee()},children:"Clear"})}),B?(0,n.jsxs)("div",{className:"vg-signature-details",children:[(0,n.jsxs)("div",{className:"vg-signature-text",children:[(0,n.jsx)(s.default,{name:"cross",width:13,height:13,className:"mr-1"}),l]}),(0,n.jsxs)("div",{className:"flex flex-col items-end",children:[(0,n.jsx)("div",{className:"vg-signature-text",children:o}),(0,n.jsx)("div",{className:"vg-signature-text",children:u})]})]}):(0,n.jsxs)("div",{className:"vg-signature-details-bottom",children:[(0,n.jsx)("div",{className:`vg-sign-detail-close-svg ${X&&!R?"vg-svg-position":""}`,children:(0,n.jsx)(s.default,{name:"cross",width:24,height:24,className:"mr-1"})}),X&&!R&&(0,n.jsx)(i.default,{ButtonVariant:"secondary",ButtononClick:()=>{ee()},children:"Clear"})]}),$&&(0,n.jsx)("div",{className:"vg-canvas-control-error-msg text-right w-full",children:y&&""!==y.trim()?y:f})]})]})})}}]);