https://www.justserve.org/_next/static/chunks/7877-8edf1bafe60fa1de.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7877],{57877:(e,t,r)=>{r.d(t,{DH:()=>y,dP:()=>M,pn:()=>D});var a=r(37876),n=r(75862),s=r(68039),i=r(87717),l=r(97700),o=r(25528),c=r(47064),d=r(23902),u=r(86801),h=r(14232),m=r(46162),g=r(63528),x=r(83141),p=r(42202),f=r(62630),v=r(65519);let A={name:{type:p.e.String,rules:{[x.vQ.Required]:{args:[]}}},email:{type:p.e.String,rules:{[x.vQ.EmailValidation]:{args:[]},[x.vQ.Required]:{args:[]}}},country:{type:p.e.String,rules:{[x.vQ.Required]:{args:[]}}},zip:{type:p.e.String,rules:{[x.vQ.PostalPattern]:{args:""},[x.vQ.Required]:{args:[]}}},message:{type:p.e.String,rules:{[x.vQ.Required]:{args:[]},[x.vQ.MaxLength]:{args:500}}}},y=()=>{let{store:e,resource:t}=(0,d.P)(),r=t.pages.aboutUs,[p,y]=(0,h.useState)(!1),[j,b]=(0,h.useState)(!1),[C,P]=(0,h.useState)(!1),[S,z]=(0,h.useState)(!1),[k,w]=(0,h.useState)(!1),[E,Q]=(0,h.useState)(""),[R,F]=(0,h.useState)(""),[T,q]=(0,h.useState)(null);(0,h.useEffect)(()=>{(async()=>{try{let e=await (0,u.Mre)();q(e)}catch(e){console.error(e)}})()},[]);let I=(0,c.Xk)(t.validationMessages,A,{name:"",email:"",country:"",zip:"",message:""});I.values.country&&(A.zip.rules={[x.vQ.Required]:{args:[]},[x.vQ.PostalPattern]:{args:I.values.country}}),(0,h.useEffect)(()=>{window&&I.values&&Object.values(I.values).length&&I.fields&&Object.values(I.fields).forEach(e=>{if(e.error&&void 0!==e.error&&!e.isPristine&&e.name!=R)return F(e.name),(0,m.yW)("Contact Us","Invalid "+e.name)})},[I.values]);let N=async(e,t)=>{try{(0,u.CNU)(e,t).then(e=>Q(e.data.result))}catch(e){z(e.response&&"Invalid location"===e.response.data),console.error(e),(0,m.yW)("Contact Us",S?"Invalid location":"API Error")}},W=async e=>{b(!0),e.preventDefault();try{(0,m.SD)("Contact Us"),await (0,u.oAT)({body:I.values.message,country:I.values.country,email:I.values.email,name:I.values.name,postal:I.values.zip})}catch(e){P(!0),(0,m.yW)("Contact Us","API Error")}finally{y(!0),b(!1)}},M=T&&T.find(e=>e.threeCharCode===I.values.country)&&T.find(e=>e.threeCharCode===I.values.country).usePostal,D=()=>{if(M){let e=T.find(e=>e.threeCharCode===I.values.country);if(!g.A[e&&e.twoCharCode.toUpperCase()].test(I.values.zip)){I.setFieldError("zip",t.validationMessages.validationPostalCode),(0,m.yW)("Create an Account","Invalid zip");return}}I.values.country&&I.values.zip&&(N(I.values.country,I.values.zip),U())},U=()=>{k||((0,m.Ay)("Contact Us"),w(!0))};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.A,{sx:{marginBottom:6,fontSize:40,fontWeight:600},component:"h2",children:r.contact.title}),p?(0,a.jsx)(i.A,{container:!0,children:(0,a.jsx)(i.A,{size:{xs:12},marginTop:2,children:C?(0,a.jsx)(n.A,{component:"p",sx:{textAlign:"center"},children:r.message.emailError}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.A,{component:"p",sx:{textAlign:"center"},children:r.message.emailSent}),(0,a.jsx)(n.A,{component:"p",sx:{textAlign:"center"},children:r.message.emailSent2})]})})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.A,{component:"p",sx:{marginBottom:6},children:r.contact.s1}),(0,a.jsx)(s.A,{component:"form",onSubmit:W,children:(0,a.jsxs)(i.A,{container:!0,spacing:2,children:[(0,a.jsx)(i.A,{size:{xs:12,sm:6},children:(0,a.jsx)(v.f,{label:r.contact.fields.name,binding:I.fields.name,dataQATag:r.contact.fields.name,variant:"outlined",disabled:j,hidePristineError:!0,onClick:()=>U()})}),(0,a.jsx)(i.A,{size:{xs:12,sm:6},children:(0,a.jsx)(v.f,{label:r.contact.fields.email,binding:I.fields.email,dataQATag:r.contact.fields.email,variant:"outlined",disabled:j,hidePristineError:!0,onClick:()=>U()})}),(0,a.jsx)(i.A,{size:{xs:12,sm:6},children:(0,a.jsx)(f.m,{label:r.contact.fields.country,dataQATag:"country",variant:"outlined",binding:I.fields.country,disabled:!T||j,inputProps:{onBlur:D},hidePristineError:!0,children:T&&T.map(e=>(0,a.jsx)(l.A,{value:e.threeCharCode,children:e.countryName},e.threeCharCode))})}),(0,a.jsx)(i.A,{size:{xs:12,sm:6},children:(0,a.jsx)(v.f,{label:M||void 0===I.values.country?r.contact.fields.zip:r.contact.fields.city,binding:I.fields.zip,dataQATag:r.contact.fields.zip,variant:"outlined",onBlur:D,disabled:j,hidePristineError:!0})}),(0,a.jsxs)(i.A,{size:{xs:12},children:[!!(E||S)&&(0,a.jsx)(n.A,{component:"p",sx:{marginBottom:1.5},children:S?r.message.countryError:"".concat(r.contact.fields.to,": ").concat(E)}),(0,a.jsx)(v.f,{label:r.contact.fields.toPlaceholder,binding:I.fields.message,dataQATag:r.contact.fields.toPlaceholder,variant:"outlined",multiline:!0,rows:5,disabled:j,hidePristineError:!0,onClick:()=>U(),letterCounter:!0,maxLength:500})]}),(0,a.jsx)(i.A,{children:(0,a.jsx)(o.A,{type:"submit",variant:"contained",disabled:!I.isValid||j||S,children:r.contact.buttonSubmit})}),j&&(0,a.jsx)(i.A,{size:{xs:12},textAlign:"center",children:"Loading..."})]})})]})]})};var j=r(69241),b=r(13323),C=r(43913),P=r(83539),S=r(15920);let z=(0,r(29796).A)((0,a.jsx)("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"}),"Person");var k=r(14457),w=r(21849);function E(e){return(0,w.Ay)("MuiAvatar",e)}

1(0,k.A)("MuiAvatar",["root","colorDefault","circular","rounded","square","img","fallback"]);var Q=r(56604);let R=(0,C.Ay)("div",{name:"MuiAvatar",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:r}=e;return[t.root,t[r.variant],r.colorDefault&&t.colorDefault]}})((0,P.A)(e=>{let{theme:t}=e;return{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:40,height:40,fontFamily:t.typography.fontFamily,fontSize:t.typography.pxToRem(20),lineHeight:1,borderRadius:"50%",overflow:"hidden",userSelect:"none",variants:[{props:{variant:"rounded"},style:{borderRadius:(t.vars||t).shape.borderRadius}},{props:{variant:"square"},style:{borderRadius:0}},{props:{colorDefault:!0},style:{color:(t.vars||t).palette.background.default,...t.vars?{backgroundColor:t.vars.palette.Avatar.defaultBg}:{backgroundColor:t.palette.grey[400],...t.applyStyles("dark",{backgroundColor:t.palette.grey[600]})}}}]}})),F=(0,C.Ay)("img",{name:"MuiAvatar",slot:"Img"})({width:"100%",height:"100%",textAlign:"center",objectFit:"cover",color:"transparent",textIndent:1e4}),T=(0,C.Ay)(z,{name:"MuiAvatar",slot:"Fallback"})({width:"75%",height:"75%"}),q=h.forwardRef(function(e,t){let r=(0,S.b)({props:e,name:"MuiAvatar"}),{alt:n,children:s,className:i,component:l="div",slots:o={},slotProps:c={},imgProps:d,sizes:u,src:m,srcSet:g,variant:x="circular",...p}=r,f=null,v={...r,component:l,variant:x},A=function(e){let{crossOrigin:t,referrerPolicy:r,src:a,srcSet:n}=e,[s,i]=h.useState(!1);return h.useEffect(()=>{if(!a&&!n)return;i(!1);let e=!0,s=new Image;return s.onload=()=>{e&&i("loaded")},s.onerror=()=>{e&&i("error")},s.crossOrigin=t,s.referrerPolicy=r,s.src=a,n&&(s.srcset=n),()=>{e=!1}},[t,r,a,n]),s}({...d,..."function"==typeof c.img?c.img(v):c.img,src:m,srcSet:g}),y=m||g,C=y&&"error"!==A;v.colorDefault=!C,delete v.ownerState;let P=(e=>{let{classes:t,variant:r,colorDefault:a}=e;return(0,b.A)({root:["root",r,a&&"colorDefault"],img:["img"],fallback:["fallback"]},E,t)})(v),[z,k]=(0,Q.A)("root",{ref:t,className:(0,j.A)(P.root,i),elementType:R,externalForwardedProps:{slots:o,slotProps:c,component:l,...p},ownerState:v}),[w,q]=(0,Q.A)("img",{className:P.img,elementType:F,externalForwardedProps:{slots:o,slotProps:{img:{...d,...c.img}}},additionalProps:{alt:n,src:m,srcSet:g,sizes:u},ownerState:v}),[I,N]=(0,Q.A)("fallback",{className:P.fallback,elementType:T,externalForwardedProps:{slots:o,slotProps:c},shouldForwardComponentProp:!0,ownerState:v});return f=C?(0,a.jsx)(w,{...q}):s||0===s?s:y&&n?n[0]:(0,a.jsx)(I,{...N}),(0,a.jsx)(z,{...k,children:f})});var I=r(56085),N=r(54587),W=r.n(N);let M=e=>{let{name:t,position:r,highlight:l,image:o,alt:c}=e;return(0,a.jsx)(i.A,{size:{xs:12,sm:6},children:(0,a.jsxs)(s.A,{className:"member",sx:{display:"flex",alignItems:"center"},children:[(0,a.jsx)(q,{sx:{width:105,height:105},children:(0,a.jsx)(W(),{width:105,height:105,src:"".concat(I.WL,"/").concat(o),alt:c,style:{maxWidth:"100%",height:"auto"}})}),(0,a.jsxs)(s.A,{sx:{marginLeft:2},children:[(0,a.jsx)(n.A,{component:"h6",sx:{fontSize:20,fontWeight:400},children:t}),(0,a.jsxs)(n.A,{component:"h4",sx:{fontSize:16,fontWeight:400},children:[r," ",(0,a.jsx)("span",{className:"js-color-secondary",children:l})]})]})]})})},D=e=>{let{title:t,index:r,description:l}=e;return(0,a.jsx)(i.A,{size:{xs:12,sm:6,md:3},children:(0,a.jsxs)(s.A,{className:"step",sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},children:[(0,a.jsx)(s.A,{className:"step-number",children:(0,a.jsx)("span",{children:r})}),(0,a.jsx)(n.A,{sx:{textAlign:"center",marginTop:2,fontSize:24,fontWeight:700},component:"h4",children:t}),(0,a.jsx)(n.A,{sx:{textAlign:"center",marginTop:2},component:"p",children:l})]})})}},62630:(e,t,r)=>{r.d(t,{m:()=>d});var a=r(37876),n=r(47646),s=r(5180),i=r(20187),l=r(38254),o=r(23902),c=r(14232);let d=e=>{let{binding:t,type:r="",label:d,handleFocus:u=null,forwardedRef:h=null,disabled:m=!1,dataQATag:g,hideRequired:x=!1,hidePristineError:p=!0,...f}=e,{resource:v}=(0,o.P)(),A=(0,c.useCallback)(()=>{if(!t.isPristine||!p){if(t.error)return t.error;if(!t.value&&t.attributes.includes("required"))return v.controls.required}},[t.value,p,t.error]);return(0,a.jsx)("span",{className:"js-textbox-container",children:(0,a.jsxs)(n.A,{fullWidth:!0,error:!!A(),children:[d&&(0,a.jsx)(s.A,{children:d}),(0,a.jsx)(i.A,{fullWidth:!0,id:"js-textbox-".concat(t.name),...f,ref:h,"data-testid":g,name:t.name,label:d?d.toString():null,type:r||"text",value:t.value?t.value:"",onFocus:u,onChange:f.onChange||t.handleChange,disabled:m||t.attributes&&t.attributes.includes("readonly"),children:f.children}),(0,a.jsx)(l.A,{children:A()?A():!x&&(t.isPristine&&p||!t.error)&&t.attributes.includes("required")?v.controls.required:""})]})})}}}]);