https://www.froneri.com/component---src-pages-contact-us-js-786be0b849cd1cfb410c.js

1"use strict";(self.webpackChunkhtml=self.webpackChunkhtml||[]).push([[980],{4679:function(e,t,a){a.d(t,{P:function(){return o}});a(6540);var l=a(4794),n=a(6287),d=a(238),i=a(7437);const o=e=>{let{children:t}=e;const{siteSettings:a}=(0,l.useStaticQuery)("2169102981");return(0,i.Y)(n.az,null,(0,i.Y)(d.Y9,null),(0,i.Y)(n.az,{as:"main"},t),(0,i.Y)(d.wi,null),(null==a?void 0:a.backToTopText)&&(0,i.Y)(d.eq,{text:a.backToTopText}))}},1048:function(e,t,a){var l=a(6540),n=a(4732),d=a(9241),i=a(5915),o=a(8719),r=a(6287),s=a(7370),u=a(7437);t.A=e=>{let{dataId:t=null,fieldId:a,submitAttempted:c,defaultPlaceholder:m,fieldLabel:f,fieldValue:p,required:b,errorMessage:g,onChange:h=e=>{},onReady:Y=()=>{}}=e;const{0:y,1:v}=(0,l.useState)(b),x=(0,l.useCallback)((e=>{const t=!0===b&&!0!==e;v(t),h({fieldId:a,value:e,label:f,isValid:!1===t})}),[h,a,f,b]);(0,l.useEffect)((()=>{Y({fieldId:a,required:b})}),[]);return(0,u.Y)(n.MJ,{mb:"3",isInvalid:c&&y,isRequired:b},"string"==typeof f&&f.length>0&&(0,u.Y)(d.l,{id:`field-label-text-${a}-${f}`,htmlFor:a,mb:"2"},f),(0,u.Y)(i.s,{alignItems:"flex-start",gap:"2"},(0,u.Y)(o.S,{dataid:t,id:a,name:f,value:p,borderRadius:"xs",background:"white",borderColor:"primary.dark-blue",mt:"0.3125rem",onChange:e=>x(e.target.checked),onBlur:e=>x(e.target.checked)}),(0,u.Y)(r.az,{as:"span",dangerouslySetInnerHTML:{__html:b?(I=p,`${I} <span style="color: #E53E3E;">*</span>`):p},sx:{a:{textDecoration:"underline"}}})),c&&y&&(0,u.Y)(s.Wt,null,g));var I}},9613:function(e,t,a){var l=a(6540),n=a(4732),d=a(9241),i=a(8070),o=a(7370),r=a(7437);t.A=e=>{let{dataId:t=null,fieldId:a,submitAttempted:s,defaultPlaceholder:u,fieldLabel:c,fieldValue:m,required:f,errorMessage:p,onChange:b=e=>{},onReady:g=()=>{}}=e;const{0:h,1:Y}=(0,l.useState)(f),y=(0,l.useCallback)((e=>{const t=!0===f&&0===e.length;Y(t),b({fieldId:a,value:e,label:c,isValid:!1===t})}),[b,a,c,f]);return(0,l.useEffect)((()=>{g({fieldId:a,required:f})}),[]),(0,r.Y)(n.MJ,{mb:"3",isInvalid:s&&h,isRequired:f},(0,r.Y)(d.l,{id:`field-label-date-${a}-${c}`,htmlFor:a,mb:"1.5"},c),(0,r.Y)(i.p,{type:"date",dataid:t,id:a,name:c,placeholder:m||u,onChange:e=>y(e.target.value),onBlur:e=>y(e.target.value)}),s&&h&&(0,r.Y)(o.Wt,null,p))}},1461:function(e,t,a){var l=a(6540),n=a(4732),d=a(9241),i=a(8070),o=a(7370),r=a(7437);t.A=e=>{let{dataId:t=null,fieldId:a,submitAttempted:s,defaultPlaceholder:u,fieldLabel:c,fieldValue:m,required:f,errorMessage:p,onChange:b=e=>{},onReady:g=()=>{}}=e;const{0:h,1:Y}=(0,l.useState)(f),y=(0,l.useCallback)((e=>{const l=!0===f&&0===e.length;Y(l),b({fieldId:a,dataId:t,value:e,label:c,isValid:!1===l})}),[b,a,t,c,f]);return(0,l.useEffect)((()=>{g({fieldId:a,required:f})}),[]),(0,r.Y)(n.MJ,{mb:"3",isInvalid:s&&h,isRequired:f},(0,r.Y)(d.l,{id:`field-label-email-${a}-${c}`,htmlFor:a,mb:"1.5"},c),(0,r.Y)(i.p,{type:"email",dataid:t,id:a,name:c,placeholder:m||u,onChange:e=>y(e.target.value),onBlur:e=>y(e.target.value)}),s&&h&&(0,r.Y)(o.Wt,null,p))}},7559:function(e,t,a){var l=a(6540),n=a(4732),d=a(9241),i=a(6287),o=a(8070),r=a(7370),s=a(7437);t.A=e=>{let{dataId:t=null,fieldId:a,submitAttempted:u,defaultPlaceholder:c,fieldLabel:m,fieldValue:f,required:p,errorMessage:b,noFileSelectedMessage:g="No file selected.",onChange:h=e=>{},onReady:Y=()=>{}}=e;const{0:y,1:v}=(0,l.useState)(p),{0:x,1:I}=(0,l.useState)(null),k=(0,l.useCallback)((e=>{const t=null==e,l=!0===p&&!0===t,n=!1===t&&e.size>5242880,d=l||n;I(!1===t?e.name:null),v(d),h({fieldId:a,value:e,label:m,isValid:!1===d})}),[h,a,m,p]);return(0,l.useEffect)((()=>{Y({fieldId:a,required:p})}),[]),(0,s.Y)(n.MJ,{mb:"3",isInvalid:u&&y,isRequired:p},(0,s.Y)(d.l,{id:`field-label-file-${a}-${m}`,htmlFor:a,mb:"1.5"},m),(0,s.Y)(i.az,{pos:"relative"},(0,s.Y)(o.p,{maxWidth:"102px",type:"file",dataid:t,id:a,name:m,placeholder:f||c,p:"0",border:"none",borderRadius:"0",accept:"image/png, image/jpeg, image/webp, application/zip, .zip",onChange:e=>k(e.target.files[0])}),(0,s.Y)(i.az,{pos:"absolute",top:"2px",left:"28"},null!==x?x:g)),u&&y&&(0,s.Y)(r.Wt,null,b))}},776:function(e,t,a){var l=a(6540),n=a(4732),d=a(9241),i=a(8070),o=a(7370),r=a(7437);t.A=e=>{let{dataId:t=null,fieldId:a,submitAttempted:s,defaultPlaceholder:u,fieldLabel:c,fieldValue:m,required:f,errorMessage:p,onChange:b=e=>{},onReady:g=()=>{}}=e;const{0:h,1:Y}=(0,l.useState)(f),y=(0,l.useCallback)((e=>{const t=!0===f&&0===e.length||!0===Number.isNaN(e);Y(t),b({fieldId:a,value:e,label:c,isValid:!1===t})}),[b,a,c,f]);return(0,l.useEffect)((()=>{g({fieldId:a,required:f})}),[]),(0,r.Y)(n.MJ,{mb:"3",isInvalid:s&&h,isRequired:f},(0,r.Y)(d.l,{id:`field-label-number-${a}-${c}`,htmlFor:a,mb:"1.5"},c),(0,r.Y)(i.p,{type:"number",dataid:t,id:a,name:c,placeholder:m||u,onChange:e=>y(e.target.value),onBlur:e=>y(e.target.value)}),s&&h&&(0,r.Y)(o.Wt,null,p))}},2777:function(e,t,a){a.d(t,{a:function(){return i}});a(6540);var l=a(238),n=a(7437);const d={"sections.standard-hero":l.wB,"sections.home-hero":l.UQ,"sections.article-hero":l.rP,"sections.media-and-text":l.bC,"sections.text-on-media":l.No,"sections.brand-hero":l.gQ,"sections.brand-cards-row":l.n_,"sections.other-brands-row":l.T$,"elements.brand-card":l.Zp,"elements.product-card":l.Zp,"elements.news-card":l.Zp,"elements.team-card":l.Zp,"elements.wysiwyg":l.sD,"elements.cookie-policy":l.Db,"elements.breadcrumbs":l.BI,"elements.share-block":l.SY,"sections.half-and-half":l.qY,"sections.spotlight-on-carousel":l.GI,"sections.product-row":l.eg,"sections.team-carousel":l.Wl,"sections.news-carousel":l.Ss,"sections.project-carou

1sel":l.Ss,"sections.faq-block":l.YN,"sections.tabs":l.tU,"sections.tabs-long-form":l.HW,"sections.mondelez-tabs-form":l.Tf,"sections.list-stack":l.LI,"sections.team-card-row":l.sS,"sections.interactive-map":l.R5,"sections.timeline":l.Kf,"media.image":l.$U,"media.video":l.Ce},i=e=>{let{id:t,strapiComponent:a,index:l,...i}=e;const o=d[String(a)];return void 0===o?(0,n.Y)("div",{key:`dynamic-zone-component-${a}-${l}`},"Component ",(0,n.Y)("b",null,a)," not found"):(0,n.Y)(o,{key:`dynamic-zone-component-${a}-${l}`,data:{strapiComponent:a,...i}})}},7921:function(e,t,a){a.d(t,{Pi:function(){return n},Sk:function(){return d},jT:function(){return l}});const l=async function(e,t){void 0===t&&(t={});const a={method:"POST",body:JSON.stringify({data:t})};try{const t=await fetch(`https://backend.froneri.com${e}`,a);return await t.json()}catch(l){return l}},n=e=>e.map(((e,t)=>{let{label:a,richText:l,fields:n}=e;return{componentId:`field-group-${t}`,label:a,richText:l,fields:n.map(((e,t)=>({...e,componentId:`field-${t}`,fieldType:"string"==typeof e.fieldType?JSON.parse(e.fieldType):e.fieldType})))}})),d=e=>new Promise((t=>{const a=new FileReader;a.readAsDataURL(e),a.onloadend=()=>{t(a.result)}}))},9340:function(e,t,a){a.r(t),a.d(t,{Head:function(){return R}});var l=a(4506),n=a(6540),d=a(4679),i=a(238),o=a(2777),r=a(5915),s=a(8340),u=a(6287),c=a(8787),m=a(5627),f=a(208),p=a(9099),b=a(2755),g=a(9038),h=a(5212),Y=a(776),y=a(1461),v=a(9613),x=a(7559),I=a(1048),k=a(2319),A=a(4684),T=a(7338),w=a(5687),C=a(7921),S=a(7437);const $={text:g.A,textarea:h.A,selection:b.A,number:Y.A,email:y.A,date:v.A,file:x.A,checkbox:I.A},R=e=>{var t;let{location:a,data:l}=e;const{pathname:d}=a,{strapiContactForm:o}=l;return(0,w.A)({event:"page_load",interaction:{page_title:(null===(t=o.seo)||void 0===t?void 0:t.metaTitle)||"Contact Us",page_slug:d}}),(0,S.Y)(n.Fragment,null,(0,S.Y)(i.G$,{seo:null==o?void 0:o.seo,pathname:d,defaultTitle:null==o?void 0:o.title}),(null==o?void 0:o.body)&&(0,S.Y)(i.NV,{firstComponent:o.body[0]}))};t.default=e=>{var t;let{data:a,pageContext:i}=e;const{breadcrumbs:b}=i,{strapiContactForm:g}=a,{formId:h,heading:Y,tagline:y,content:v,defaultPlaceholder:x,defaultErrorMessage:I,submitButtonText:w,responseText:R,sendingMessageText:q,sendAgainText:z,fieldGroups:M}=g,P=(0,C.Pi)(M),{0:V,1:D}=(0,n.useState)(!1),{0:E,1:F}=(0,n.useState)(!1),{0:L,1:W}=(0,n.useState)(!1),{0:B,1:N}=(0,n.useState)(!1),{0:J,1:_}=(0,n.useState)(!1),{0:j,1:U}=(0,n.useState)([]),Z=e=>{let{fieldId:t,required:a}=e;!0===a&&U((e=>[].concat((0,l.A)(e),[t])))},G=e=>{let{fieldId:t,isValid:a}=e;const n=j.filter((e=>e!==t));U(!1===a?[].concat((0,l.A)(n),[t]):n)},H=(0,n.useCallback)((async e=>{e.preventDefault();const t=[];for(let a=0;a<e.target.elements.length;a+=1){const l=e.target.elements[a],{id:n,name:d,value:i,selectedIndex:o}=l;n.length>0&&t.push({id:n,name:d,value:i,selectedIndex:o,dataId:l.getAttribute("dataid")})}if(F(!0),_(!1),!0===V){F(!1),W(!0);const{success:e,data:a}=await(0,C.jT)("/api/post-form/",{formId:h,values:t});if(W(!1),!1===e)return console.log("Returned error data:",a),void _(!0);N(!0)}else if("undefined"!=typeof window&&j.length>0){const[e]=j,t=document.getElementById(e);t&&t.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})}}),[V,h,j]),O=(0,n.useCallback)((()=>{_(!1),W(!1),N(!1),F(!1),D(!1)}),[]);return(0,n.useEffect)((()=>{D(0===j.length)}),[j]),(0,S.Y)(d.P,null,(0,S.Y)(r.s,{width:"100%",flexDirection:{base:"column",md:"row"},pb:"24"},(0,S.Y)(c.A,{h:"fit-content",w:{base:"100%",md:"50%"},pt:{base:"32",md:"44"},pb:{base:"2",md:"12"},mb:"0",bg:"primary.dark-blue",borderBottomRightRadius:{base:"none",md:"lg"}},(0,S.Y)(r.s,{px:{base:5,md:14},maxWidth:"45rem",h:"100%",ml:"auto",flexDirection:"column"},b.crumbs&&(0,S.Y)(A.A,{id:"contact-form-breadcrumbs",color:"white",background:"transparent",wrapperProps:{px:0,pb:4,sx:{a:{color:"white"},div:{color:"white"}}},crumbs:b.crumbs}),null!==y&&(0,S.Y)(s.D,{as:"p",pb:{base:"2",md:"26"},variant:"detail",size:"xs",color:"secondary.light-grey"},y),null!==Y&&(0,S.Y)(s.D,{as:"h2",size:"4xl",mt:"auto",mb:"4",color:"secondary.light-grey"},Y),null!==(null==v||null===(t=v.data)||void 0===t?void 0:t.content)&&(0,S.Y)(T.A,{props:{px:"0",color:"white"},data:{richText:{data:{richText:v.data.content}}}}))),(0,S.Y)(c.A,{w:{base:"100%",md:"50%"},px:{base:"5",md:"28"},pt:{base:"32",md:"44"},p:"0",mb:"0",bg:{base:"primary.dark-blue",md:"transparent"}},(0,S.Y)(u.az,{pt:{base:12,md:0}

1,px:"5",bg:"white",borderTopLeftRadius:"sm",borderTopRightRadius:"sm"},!0===L||!0===B||!0===J?(0,S.Y)(k.A,{responseText:R,sendingMessageText:q,sendAgainText:z,onClick:O,formDidError:J,submitInProgress:L,submitSuccess:B}):(0,S.Y)(r.s,{maxWidth:{base:"none",md:"25rem"},mr:"auto",flexDirection:"column"},(0,S.Y)(u.az,{id:"contact-form",as:"form",onSubmit:H,noValidate:!0},(null==P?void 0:P.length)>0&&P.map((e=>{let{id:t,label:a,richText:l,fields:n}=e;return(0,S.Y)(u.az,{w:"100%",key:`contact-form-field-group-${a}-${t}}`,mb:{base:"0",md:"6"}},(0,S.Y)(s.D,{as:"p",size:"md",color:"primary.dark-blue",mb:"1.5"},a),l&&(0,S.Y)(T.A,{data:{richText:l},props:{maxWidth:null,px:null,mx:null,mb:4,sx:{"> *:last-child":{mb:"0"}}}}),(null==n?void 0:n.length)>0&&n.map((e=>{let{id:t,label:a,fieldType:l,errorMessage:n,required:d,placeholder:i,dataId:o}=e;if(null===l)return(0,S.Y)("div",{key:`dynamic-zone-component-${t}`},"Field type missing for ",t,".");const r=l.type?$[String(l.type)]:null;return null==r?(0,S.Y)("div",{key:`dynamic-zone-component-${l.type}-${t}`},"Component ",(0,S.Y)("b",null,l.type)," not found on ",t,"."):(0,S.Y)(r,{key:`contact-form-field-component-${l.type}-${t}`,fieldId:t,dataId:o,submitAttempted:E,defaultPlaceholder:x,overridePlaceholder:i,required:d,errorMessage:n||I,fieldLabel:a,fieldValue:l.fieldValue,fieldList:l.fieldValue,onReady:Z,onChange:G})})))})),(0,S.Y)(f.A,{type:"submit",disabled:!1===V||!0===L,rightIcon:(0,S.Y)(p.fl,null)},w)))))),(0,S.Y)(m.A,null,(null==g?void 0:g.body)&&g.body.map(((e,t)=>(0,o.a)({...e,index:t})))))}}}]);
2//# sourceMappingURL=component---src-pages-contact-us-js-786be0b849cd1cfb410c.js.map