https://www.strawberrynet.com/_next/static/chunks/1724.993669d72a8190d0.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1724],{26666:(e,r,t)=>{t.d(r,{A:()=>i.A});var i=t(77377)},61724:(e,r,t)=>{t.r(r),t.d(r,{default:()=>x});var i=t(37876),a=t(14232),n=t(62871),s=t(39091),o=t(88992),l=t(71090),u=t(32937),m=t(65648),d=t(72636),c=t(13173),g=t(26666),f=t(96988),h=t(98145),b=t(35831);let p={firstName:"",email:""},x=({translation:e})=>{let{t:r}=(0,b.Bd)();(0,h.A)();let[t,x]=(0,a.useState)(!1),A=s.Ik({firstName:s.Yj().required(e.required),email:s.Yj().required(e.required).email(e.emailError)}),w=(0,o.mN)({defaultValues:p,resolver:(0,l.t)(A)}),v=(0,n.A)("newCustomerRegister",async()=>await d.Di.subscribe({region:f.A.getState().region,body:{firstName:w.getValues("firstName"),email:w.getValues("email"),campaign:"NewCust"}}),{onSuccess:async e=>{e&&(e.success?(x(!0),w.reset()):console.log("Failed to register new customer"))},onError:()=>console.log("Failed to register new customer")}),y=async()=>await v.trigger();return(0,i.jsx)(u.A,{children:(0,i.jsx)(i.Fragment,{children:t?(0,i.jsx)(u.A,{sx:{textAlign:"center",fontSize:30,fontWeight:"bold",pt:3},children:e.thankyou}):(0,i.jsx)(u.A,{sx:{maxWidth:"80%",m:"auto"},children:(0,i.jsxs)("form",{noValidate:!0,autoComplete:"off",onSubmit:w.handleSubmit(y),children:[(0,i.jsx)(g.A,{variant:"outlined",size:"small",form:w,label:e.firstname,name:"firstName",required:!0}),(0,i.jsx)(g.A,{variant:"outlined",margin:"none",size:"small",form:w,label:e.email,name:"email",required:!0}),(0,i.jsx)(c.A,{theme:"black",type:"submit",sx:{height:34,width:200,mt:-.5,borderRadius:"7px !important"},disabled:v.isMutating,fullWidth:!1,children:v.isMutating?(0,i.jsx)(m.A,{size:30,sx:{color:"#aaa"}}):(0,i.jsx)(i.Fragment,{children:e.submit})})]})})})})}},62871:(e,r,t)=>{t.d(r,{A:()=>s});var i=t(14232),a=t(27715),n=t(33810),s=(0,n.Ht)(a.Ay,()=>(e,r,t={})=>{let{mutate:s}=(0,a.iX)(),o=(0,i.useRef)(e),l=(0,i.useRef)(r),u=(0,i.useRef)(0),[m,d,c]=(0,n.vO)({data:n.ZH,error:n.ZH,isMutating:!1}),g=m.current,f=(0,i.useCallback)(async(e,r)=>{let[i,a]=(0,n.lK)(o.current);if(!l.current)throw Error("Can’t trigger the mutation: missing fetcher.");if(!i)throw Error("Can’t trigger the mutation: missing key.");let m=(0,n.rL)((0,n.rL)({populateCache:!1,throwOnError:!0},t),r),d=(0,n.lg)();u.current=d,c({isMutating:!0});try{let r=await s(i,l.current(a,{arg:e}),(0,n.rL)(m,{throwOnError:!0}));return u.current<=d&&(c({data:r,isMutating:!1,error:void 0}),null==m.onSuccess||m.onSuccess(r,i,m)),r}catch(e){if(u.current<=d&&(c({error:e,isMutating:!1}),null==m.onError||m.onError(e,i,m),m.throwOnError))throw e}},[]),h=(0,i.useCallback)(()=>{u.current=(0,n.lg)(),c({data:n.ZH,error:n.ZH,isMutating:!1})},[]);return(0,n.Es)(()=>{o.current=e,l.current=r}),{trigger:f,reset:h,get data(){return d.data=!0,g.data},get error(){return d.error=!0,g.error},get isMutating(){return d.isMutating=!0,g.isMutating}}})},77377:(e,r,t)=>{t.d(r,{A:()=>c});var i=t(37876),a=t(14232),n=t(35831),s=t(76252),o=t(10163);let l=(0,s.A)(o.A)`
2	> .MuiInputLabel-root {
3		margin-bottom: 10px;
4		font-weight: bold;
5		font-size: 1.2rem;
6		font-family: OutFit;
7		transform-origin: ${e=>e.isRTL?"right":"left"} top;
8		${e=>e.isRTL?"right: 0;":"left: 0:"}
9	}
10
11	> .MuiFormHelperText-root {
12		text-align: ${e=>e.isRTL?"right":"left"};
13	}
14
15	> .MuiInputLabel-root.Mui-focused {
16		color: black;
17
18		> fieldset {
19			border: inset 1px black;
20		}
21	}
22
23	> div > .MuiInputBase-input {
24		font-size: 1.1rem;
25		color: black;
26	}
27
28	.MuiInput-underline:after {
29		border-bottom: 1px solid #f77070;
30	}
31`,u=(0,s.A)(o.A)``;var m=t(62597),d=t(1199);let c=e=>{let{form:r,formProps:t,name:s="",required:o=!1,margin:c="normal",variant:g="standard",helperText:f="",fullWidth:h=!0,validation:b,isExitIntent:p=!1,...x}=e,{t:A}=(0,n.Bd)(),{appData:w}=(0,d.T8)(),v=(0,m.N)(w),y=r?.watch(s)??e.value,M=r?.formState?.errors?.[s],[j,k]=(0,a.useState)(!v);if((0,a.useEffect)(()=>{k(!0)},[]),"hidden"===e.type)return(0,i.jsx)(u,{variant:g,hidden:!0,...x});let E=f||M?.message,C=p?E||" ":f||M?.message;return(0,i.jsx)(l,{name:s,defaultValue:y,margin:c,variant:g,isRTL:v,InputLabelProps:{shrink:j},...r&&r.register(s,{...b,required:!!o&&A("arr521"),...t}),required:o,error:!!M,helperText:C,fullWidth:h,...p&&{style:{marginTop:0,marginBottom:0},FormHelperTextProps:{style:{visibility:E?"visible":"hidden",minHeight:"1.2rem",display:"block",marginTop:0,marginBottom:0}}},...x})}}}]);