https://imagecolorpicker.com/_next/static/chunks/pages/contact-us-857c1ba7407bc652.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8455],{45370:function(e,r,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/contact-us",function(){return s(10706)}])},91538:function(e,r,s){"use strict";s.d(r,{_:function(){return c}});var n=s(85893),t=s(67294),a=s(49102),l=s(12003),o=s(94777);let i=(0,l.j)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),c=t.forwardRef((e,r)=>{let{className:s,...t}=e;return(0,n.jsx)(a.f,{ref:r,className:(0,o.cn)(i(),s),...t})});c.displayName=a.f.displayName},74118:function(e,r,s){"use strict";s.d(r,{g:function(){return l}});var n=s(85893),t=s(67294),a=s(94777);let l=t.forwardRef((e,r)=>{let{className:s,...t}=e;return(0,n.jsx)("textarea",{className:(0,a.cn)("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",s),ref:r,...t})});l.displayName="Textarea"},10706:function(e,r,s){"use strict";s.r(r),s.d(r,{__N_SSG:function(){return S},default:function(){return C}});var n=s(85893),t=s(56312),a=s(62212),l=s(9008),o=s.n(l),i=s(81627),c=s(67294),d=s(87536),m=s(63448),u=s(6395),x=s(98778),f=s(89346),p=s(88426),g=s(94777),b=s(91538);let h=d.RV,j=c.createContext({}),N=e=>{let{...r}=e;return(0,n.jsx)(j.Provider,{value:{name:r.name},children:(0,n.jsx)(d.Qr,{...r})})},_=()=>{let e=c.useContext(j),r=c.useContext(v),{getFieldState:s,formState:n}=(0,d.Gc)(),t=s(e.name,n);if(!e)throw Error("useFormField should be used within <FormField>");let{id:a}=r;return{id:a,name:e.name,formItemId:"".concat(a,"-form-item"),formDescriptionId:"".concat(a,"-form-item-description"),formMessageId:"".concat(a,"-form-item-message"),...t}},v=c.createContext({}),w=c.forwardRef((e,r)=>{let{className:s,...t}=e,a=c.useId();return(0,n.jsx)(v.Provider,{value:{id:a},children:(0,n.jsx)("div",{ref:r,className:(0,g.cn)("space-y-2",s),...t})})});w.displayName="FormItem";let y=c.forwardRef((e,r)=>{let{className:s,...t}=e,{error:a,formItemId:l}=_();return(0,n.jsx)(b._,{ref:r,className:(0,g.cn)(a&&"text-destructive",s),htmlFor:l,...t})});y.displayName="FormLabel";let E=c.forwardRef((e,r)=>{let{...s}=e,{error:t,formItemId:a,formDescriptionId:l,formMessageId:o}=_();return(0,n.jsx)(p.g7,{ref:r,id:a,"aria-describedby":t?"".concat(l," ").concat(o):"".concat(l),"aria-invalid":!!t,...s})});E.displayName="FormControl",c.forwardRef((e,r)=>{let{className:s,...t}=e,{formDescriptionId:a}=_();return(0,n.jsx)("p",{ref:r,id:a,className:(0,g.cn)("text-sm text-muted-foreground",s),...t})}).displayName="FormDescription";let I=c.forwardRef((e,r)=>{let{className:s,children:t,...a}=e,{error:l,formMessageId:o}=_(),i=l?String(null==l?void 0:l.message):t;return i?(0,n.jsx)("p",{ref:r,id:o,className:(0,g.cn)("text-sm font-medium text-destructive",s),...a,children:i}):null});I.displayName="FormMessage";var T=s(88860),R=s(74118),k=s(93048),S=!0;function C(){let e=(0,i.T_)("contactUs"),r=(0,i.T_)("common"),s=(0,i.T_)("pages"),[l,p]=(0,c.useState)(null),[g,b]=(0,c.useState)(null),j=m.Ry({name:m.Z_().min(2,e("nameRequired")).regex(/^[a-zA-Z\s'-]+$/,e("nameInvalid")).max(50,e("nameTooLong")),email:m.Z_().min(2,e("emailRequired")).email(e("emailInvalid")),message:m.Z_().min(2,{message:e("messageRequired")}).max(500,e("messageTooLong"))}),_=(0,d.cI)({resolver:(0,t.F)(j),defaultValues:{name:"",email:"",message:""}});async function v(r){if(!l){b(e("turnstileRequired"));return}let s=JSON.stringify({...r,turnstileToken:l});await fetch("/api/send",{method:"POST",headers:{"Content-Type":"application/json"},body:s}).then(e=>{if(!e.ok)throw Error("Network response was not ok");return e.json()}).then(e=>{confirm(e.message)}).catch(e=>{confirm(e.message)})}return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(o(),{children:[(0,n.jsx)("title",{children:"Contact Us - ImageColorPicker"}),(0,n.jsx)("meta",{name:"robots",content:"noindex, nofollow"})]}),(0,n.jsx)(u.Z,{heading:s("contactUs"),layoutVariant:"simple",children:(0,n.jsx)(f.Zb,{className:"bg-background shadow-2xl border-border rounded-3xl w-full lg:max-w-3xl mx-auto",children:(0,n.jsx)(f.aY,{className:"p-6 md:p-6 flex flex-col gap-4",children:(0,n.jsx)(h,{..._,children:(0,n.jsxs)("form",{onSubmit:e=>void _.handleSubmit(v)(e),className:"space-y-8",children:[(0,n.jsx)(N,{control:_.control,name:"name",render:r=>{let{field:s}=r;return(0,n.jsxs)(w,{children:[(0,n.jsx)(y,{children:e("nameLabel")}),(0,n.jsx)(E,{children:(0,n.jsx)(T.I,{placeholder:"example",className:"focus-visible:ring-0 h-14 text-base focus-visible:border-imagecolorpicker-blue",...s})}),(0,n.jsx)(I,{})]})}}),(0,n.jsx)(N,{control:_.control,name:"email",render:r=>{let{field:s}=r;return(0,n.jsxs)(w,{children:[(0,n.jsx)(y,{children:e("emailLabel")}),(0,n.jsx)(E,{children:(0,n.jsx)(T.I,{type:"email",placeholder:"[email protected]",className:"focus-visible:ring-0 text-base h-14 focus-visible:border-imagecolorpicker-blue px-2",...s})}),(0,n.jsx)(I,{})]})}}),(0,n.jsx)(N,{control:_.control,name:"message",render:s=>{let{field:t}=s;return(0,n.jsxs)(w,{children:[(0,n.jsx)(y,{children:e("messageLabel")}),(0,n.jsx)(E,{children:(0,n.jsx)(R.g,{id:"message",placeholder:r("enterYourMessage"),rows:6,className:"focus-visible:ring-0 text-base focus-visible:border-imagecolorpicker-blue px-2",...t})}),(0,n.jsx)(I,{})]})}}),k.O.NEXT_PUBLIC_TURNSTILE_SITE_KEY&&(0,n.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,n.jsx)(a.Nc,{siteKey:k.O.NEXT_PUBLIC_TURNSTILE_SITE_KEY,onSuccess:e=>{p(e),b(null)},onError:()=>{b(e("turnstileError"))},onExpire:()=>{p(null)}}),g&&(0,n.jsx)("p",{className:"text-sm text-destructive",children:g})]}),(0,n.jsx)(x.z,{type:"submit",children:r("submit")})]})})})})})]})}}},function(e){e.O(0,[7409,5006,2421,7510,3864,4461,2519,6395,2888,9774,179],function(){return e(e.s=45370)}),_N_E=e.O()}]);