https://www.spreadshop.com/_next/static/chunks/4957.a5391bd3be73942f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4957],{2869:function(e,s,i){"use strict";var l=i(5893);i(7294);var a=i(7171),d=i.n(a),n=i(3967),r=i.n(n);s.Z=e=>{let{checked:s,onChange:i,required:a,id:n,label:o,link:c,linkLabel:t,disabled:h,error:m,errorMessage:u}=e;return(0,l.jsxs)("div",{className:d().checkboxContainer,children:[(0,l.jsxs)("label",{className:r()(d().customCheckboxWrapper,{[d().error]:m}),htmlFor:n,children:[(0,l.jsx)("input",{type:"checkbox",checked:s,onChange:i,required:a,id:n,disabled:h,className:d().visuallyHidden}),(0,l.jsx)("span",{className:r()(d().customCheckbox,{[d().error]:m},"customCheckbox"),"aria-hidden":"true",children:s&&(0,l.jsx)("span",{className:`${d().checkmark} checkmark`})}),(0,l.jsxs)("span",{children:[c&&(0,l.jsx)("a",{className:d().customCheckboxLink,href:c,children:t}),o&&(0,l.jsx)("span",{className:d().customCheckboxLabel,children:o}),a&&(0,l.jsx)("span",{className:d().customCheckboxRequired,children:"*"})]})]}),m&&u&&(0,l.jsx)("div",{className:d().errorMessage,children:u})]})}},4465:function(e,s,i){"use strict";var l=i(5893),a=i(5597),d=i.n(a);i(7294);var n=i(3967),r=i.n(n);s.Z=e=>{let{className:s,label:i,id:a,value:n,name:o,checked:c,onChange:t,required:h=!1}=e;return(0,l.jsxs)("label",{htmlFor:a,className:r()(d().wrapper,s),children:[(0,l.jsx)("input",{type:"radio",id:a,name:o,value:n,onChange:t,checked:c,required:h}),(0,l.jsx)("div",{className:`${d().radioCheck} radioCheck`}),i]})}},8170:function(e,s,i){"use strict";var l=i(5893),a=i(635),d=i.n(a);i(7294);var n=i(3967),r=i.n(n),o=i(8641),c=i(2897);s.Z=e=>{let{className:s,label:i,ariaLabel:a,defaultValue:n,value:t,children:h,onChange:m,required:u=!1,description:p,id:b}=e;return(0,l.jsxs)("div",{className:r()(d().wrapper,s),children:[(0,l.jsxs)("label",{htmlFor:b,children:[i,u&&"*"]}),(0,l.jsx)("select",{id:b,"aria-label":a||i,defaultValue:n,value:t,onChange:e=>m(e),required:u,children:h}),(0,l.jsx)(o.C2,{}),p&&(0,l.jsx)(c.Z,{className:d().description,size:"small",content:p})]})}},4957:function(e,s,i){"use strict";i.r(s),i.d(s,{default:function(){return N}});var l=i(5893),a=i(7897),d=i.n(a),n=i(3967),r=i.n(n),o=i(7294),c=i(634),t=i(4465),h=i(7006),m=i(6507),u=i(7436),p=i(6424),b=i(2581),x=i(8170),f=i(5279),v=i(7511),j=i(2869),k=i(1163),C=e=>{let{form:s,content:i}=e,a=(0,o.useRef)(null),n=(0,o.useRef)("contactform-"+Math.random().toString(36).slice(2)),[C,g]=(0,o.useState)(""),[N,_]=(0,o.useState)(""),[y,w]=(0,o.useState)(""),[Z,L]=(0,o.useState)(""),[S,F]=(0,o.useState)(""),{locale:B}=(0,k.useRouter)(),[R,I]=(0,o.useState)("en-US"===B?"NA":"EU"),[q,M]=(0,o.useState)(""),[D,O]=(0,o.useState)(""),[E,z]=(0,o.useState)([]),[U,A]=(0,o.useState)(""),[P,H]=(0,o.useState)(""),[W,$]=(0,o.useState)(""),[T,V]=(0,o.useState)(""),[J,Y]=(0,o.useState)(""),[G,K]=(0,o.useState)(""),[Q,X]=(0,o.useState)(""),[ee,es]=(0,o.useState)(""),[ei,el]=(0,o.useState)(!1),[ea,ed]=(0,o.useState)(""),[en,er]=(0,o.useState)(!1),[eo,ec]=(0,o.useState)(!1),[et,eh]=(0,o.useState)(!1),[em,eu]=(0,o.useState)(!1),[ep,eb]=(0,o.useState)(!1),[ex,ef]=(0,o.useState)(!1),ev=e=>{ec(e.target.checked),e.target.checked&&em&&eu(!1)},ej=e=>{eh(e.target.checked),e.target.checked&&ep&&eb(!1)},ek=()=>{let e=!0;return s.checkBoxes&&s.checkBoxes[0]&&s.checkBoxes[0].mandatory&&!eo?(eu(!0),e=!1):eu(!1),s.checkBoxes&&s.checkBoxes[1]&&s.checkBoxes[1].mandatory&&!et?(eb(!0),e=!1):eb(!1),e},eC=async e=>{e.preventDefault(),a.current?.reportValidity();let l=ek();if(a.current?.checkValidity()&&l){er(!0);let e={formname:"spreadshopFlexibleForm",formtype:i.headline,firstname:C,lastname:N,email:y,phone:Z,shopID:S,platform:R,country:q,business:U,position:P,organization:W,website:T,merchandise:J,timeline:G,hear:Q,experience:ee,message:D,marketingOptIn:et,sendTo:s.submitOptions.sendTo};(0,p.Md)(e,E).then(e=>{JSON.parse(e.match(/{.*}/g)?.[0]||"{}").success?(er(!1),eg(),a.current?.reset(),ef(!0),s.submitOptions.differentPageDirect?window.location.href=s.submitOptions.differentPageDirect:(ed(s.successMessage),el(!0))):(er(!1),ef(!1),ed(s.errorMessage),el(!0))})}},eg=()=>{g(""),_(""),w(""),L(""),F(""),I(""),O(""),z([]),M(""),A(""),H(""),$(""),V(""),Y(""),K(""),X(""),es(""),eu(!1),eb(!1)};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("form",{ref:a,className:r()({[d().disabled]:en}),children:[s.fields.name.name&&(0,l.jsxs)("div",{className:d().formRow,children:[(0,l.jsx)("div",{className:d().formColumn,children:(0,l.jsx)(c.Z,{id:"firstName",label:s.fields.name.firstName.value,value:C,onChange:e=>g(e.target.value),required:!!s.fields.name.firstName.mandatoryField||void 0,description:s.fields.name.firstName.de

1scription})}),(0,l.jsx)("div",{className:d().formColumn,children:(0,l.jsx)(c.Z,{id:"lastName",label:s.fields.name.lastName.value,value:N,onChange:e=>_(e.target.value),required:!!s.fields.name.lastName.mandatoryField||void 0,description:s.fields.name.lastName.description})})]}),!s.fields.shopId.shopIdField&&!s.fields.phone.phone&&(0,l.jsx)("div",{className:d().formRow,children:(0,l.jsx)(c.Z,{type:"email",id:"email",label:s.fields.email.value,value:y,onChange:e=>w(e.target.value),required:!0,description:s.fields.email.description})}),s.fields.phone.phone&&!s.fields.shopId.shopIdField&&(0,l.jsxs)("div",{className:d().formRow,children:[(0,l.jsx)("div",{className:d().formColumn,children:(0,l.jsx)(c.Z,{type:"email",id:"email",label:s.fields.email.value,value:y,onChange:e=>w(e.target.value),required:!0,description:s.fields.email.description})}),(0,l.jsx)("div",{className:d().formColumn,children:(0,l.jsx)(c.Z,{id:"phone",label:s.fields.phone.phoneNumber.value,value:Z,onChange:e=>L(e.target.value),required:!!s.fields.phone.phoneNumber.mandatoryField||void 0,description:s.fields.phone.phoneNumber.description})})]}),s.fields.phone.phone&&s.fields.shopId.shopIdField&&(0,l.jsx)("div",{className:d().formRow,children:(0,l.jsx)(c.Z,{id:"phone",label:s.fields.phone.phoneNumber.value,value:Z,onChange:e=>L(e.target.value),required:!!s.fields.phone.phoneNumber.mandatoryField||void 0,description:s.fields.phone.phoneNumber.description})}),s.fields.platform.platformField&&(0,l.jsxs)("div",{className:d().formPlatformRow,children:[(0,l.jsx)("label",{className:d().platformLabel,children:s.fields.platform.platform.fieldLabel}),(0,l.jsxs)("div",{children:[(0,l.jsx)(t.Z,{id:"platform-na",name:"platform",label:s.fields.platform.platform.naLabel,value:"NA",checked:"NA"===R,onChange:()=>I("NA")}),(0,l.jsx)(t.Z,{id:"platform-eu",name:"platform",label:s.fields.platform.platform.euLabel,value:"EU",checked:"EU"===R,onChange:()=>I("EU")})]})]}),s.fields.upload.uploadField&&(0,l.jsx)("div",{className:d().formRow,children:(0,l.jsx)(m.Z,{label:s.fields.upload.label,innerLabel:s.fields.upload.innerLabel,id:"attachments",description:s.fields.upload.description,buttonLabel:s.fields.upload.label,fileList:E,onChange:e=>{let s=[],i=!1;e.target.files&&(Array.from(e.target.files).forEach(e=>{e.size<5242880?s.push(e):i=!0}),i?(z([]),e.target.value=""):z(s))},multiple:!0})}),s.fields.businessFields&&(0,l.jsxs)("div",{className:d().formRow,children:[s.fields.businessFields.business&&(0,l.jsx)("div",{className:d().formColumn,children:(0,l.jsx)(c.Z,{id:"businnes",label:s.fields.businessFields.business.value,value:U,onChange:e=>A(e.target.value),description:s.fields.businessFields.business.description})}),s.fields.businessFields.position&&(0,l.jsx)("div",{className:d().formColumnDrop,children:(0,l.jsx)("div",{children:(0,l.jsxs)(x.Z,{className:d().topics,label:s.fields.businessFields.position.value,value:P,onChange:e=>H(e.target.value),description:s.fields.businessFields.position.description,children:[(0,l.jsx)("option",{value:"",disabled:!0,hidden:!0,children:s.fields.businessFields.position.select}),(0,l.jsx)("div",{children:s.fields.businessFields.position.positionList.map(e=>(0,l.jsx)("option",{value:e,children:e},e))})]})})})]}),s.fields.b2b.b2b&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:d().formRow,children:[s.fields.b2b.organization&&(0,l.jsx)("div",{className:d().formColumn,children:(0,l.jsx)(c.Z,{id:"organization",label:s.fields.b2b.organization.value,value:W,onChange:e=>$(e.target.value),description:s.fields.b2b.organization.description})}),s.fields.b2b.website&&(0,l.jsx)("div",{className:d().formColumn,children:(0,l.jsx)(c.Z,{id:"website",label:s.fields.b2b.website.value,value:T,onChange:e=>V(e.target.value),description:s.fields.b2b.website.description})})]}),s.fields.b2b.country&&(0,l.jsx)("div",{className:d().formRowDrop,children:(0,l.jsxs)(x.Z,{className:d().topics,label:s.fields.b2b.country.label,value:q,onChange:e=>M(e.target.value),description:s.fields.b2b.country.description,children:[(0,l.jsx)("option",{value:"",disabled:!0,hidden:!0,children:s.fields.b2b.country.select}),(0,l.jsx)("div",{children:s.fields.b2b.country.countryList.map(e=>(0,l.jsx)("option",{value:e,children:e},e))})]})}),(0,l.jsxs)("div",{className:d().merchInt,children:[s.fields.b2b.merchandise.headline&&(0,l.jsx)(v.$0,{children:(0,l.jsx)(f.Z,{className:"h3",children:s.fields.b2b.merchandise.headline})}),(0,l.jsxs)("div",{className:d().formRow,children:[s.fields.b2b.merchandise&&(0,l.jsx)("div",{className:d().formColumnDrop,children:(0,l.jsx)("div",{children:(0,l.jsxs)(x.Z,{className:d().topics,label:s.fields.b2b.merchandise.label,value:J,onChange:e=>Y(e.target.value),description:s.fields.b2b.merchandise.description,children:[(0,l.jsx)("option",{value:"",disabled:!0,hidden:!0,children:s.fields.b2b.merchandise.select}),(0,l.jsx)("div",{children:s.fields.b2b.merchandise.list.map(e=>(0,l.jsx)("option",{value:e,children:e},e))})]})})}),s.fields.b2b.timeline&&(0,l.jsx)("div",{className:d().formColumnDrop,children:(0,l.jsx)("div",{children:(0,l.jsxs)(x.Z,{className:d().topics,label:s.fields.b2b.timeline.label,value:G,onChange:e=>K(e.target.value),description:s.fields.b2b.timeline.description,children:[(0,l.jsx)("option",{value:"",disabled:!0,hidden:!0,children:s.fields.b2b.timeline.select}),(0,l.jsx)("div",{children:s.fields.b2b.timeline.list.map(e=>(0,l.jsx)("option",{value:e,children:e},e))})]})})})]})]})]}),s.fields.message.messageField&&(0,l.jsx)("div",{className:d().formRow,children:(0,l.jsx)("div",{children:(0,l.jsx)(h.Z,{label:s.fields.message.value,id:"message",value:D,maxLength:250,placeholder:s.fields.message.description,onChange:e=>O(e.target.value),required:!!s.fields.message.mandatoryField||void 0,description:s.fields.message.description})})}),s.fields.hear.hear&&(0,l.jsx)("div",{className:d().formRowDrop,children:(0,l.jsxs)(x.Z,{className:d().topics,label:s.fields.hear.hearfield.label,value:Q,onChange:e=>X(e.target.value),description:s.fields.hear.hearfield.description,children:[(0,l.jsx)("option",{value:"",disabled:!0,hidden:!0,children:s.fields.hear.hearfield.select}),(0,l.jsx)("div",{children:s.fields.hear.hearfield.list.map(e=>(0,l.jsx)("option",{value:e,children:e},e))})]})}),s.fields.experience.experience&&(0,l.jsx)("div",{className:d().formRowDrop,children:(0,l.jsxs)(x.Z,{className:d().topics,label:s.fields.experience.experiencefield.label,value:ee,onChange:e=>es(e.target.value),description:s.fields.experience.experiencefield.description,children:[(0,l.jsx)("option",{value:"",disabled:!0,hidden:!0,children:s.fields.experience.experiencefield.select}),(0,l.jsx)("div",{children:s.fields.experience.experiencefield.list.map(e=>(0,l.jsx)("option",{value:e,children:e},e))})]})}

1),s.fields.shopId?.shopIdField&&(0,l.jsxs)("div",{className:d().formRow,children:[(0,l.jsx)("div",{className:d().formColumn,children:(0,l.jsx)(c.Z,{type:"email",id:"email",label:"Email",value:y,onChange:e=>w(e.target.value),required:!0,description:s.fields.email.description})}),(0,l.jsx)("div",{className:d().formColumn,children:(0,l.jsx)(c.Z,{type:"number",id:"shopId",label:s.fields.shopId.shopId.value,value:S,onChange:e=>F(e.target.value),required:!!s.fields.shopId.shopId.mandatoryField||void 0,description:s.fields.shopId.shopId.description})})]}),s.checkBoxes&&(0,l.jsxs)("div",{className:d().formCheckWrapper,children:[s.checkBoxes[0]&&(0,l.jsx)("div",{className:d().mandatoryCheckDetails,children:s.checkBoxes[0].mandatory?(0,l.jsx)(j.Z,{checked:eo,onChange:ev,required:!0,id:n.current+"-mandatory-checkbox-1",label:s.checkBoxes[0].checkLabel,link:s.checkBoxes[0].link,linkLabel:s.checkBoxes[0].linkLabel,error:em,errorMessage:em?"This field is required":void 0}):(0,l.jsx)(j.Z,{checked:eo,onChange:ev,id:n.current+"-mandatory-checkbox-1",label:s.checkBoxes[0].checkLabel,link:s.checkBoxes[0].link,linkLabel:s.checkBoxes[0].linkLabel})}),s.checkBoxes[1]&&(0,l.jsx)("div",{className:d().mandatoryCheckDetails,children:s.checkBoxes[1].mandatory?(0,l.jsx)(j.Z,{checked:et,onChange:ej,required:!0,id:n.current+"-mandatory-checkbox-2",label:s.checkBoxes[1].checkLabel,link:s.checkBoxes[1].link,linkLabel:s.checkBoxes[1].linkLabel,error:ep,errorMessage:ep?"This field is required":void 0}):(0,l.jsx)(j.Z,{checked:et,onChange:ej,id:n.current+"-mandatory-checkbox-2",label:s.checkBoxes[1].checkLabel,link:s.checkBoxes[1].link,linkLabel:s.checkBoxes[1].linkLabel})})]}),(0,l.jsx)("div",{className:r()(d().formRow),children:(0,l.jsx)(u.Z,{link:{label:s.submitOptions.sendLabel},onClick:eC})})]}),(0,l.jsx)(b.default,{showPopUp:ei,closePopUp:()=>{el(!1),ef(!1)},children:(0,l.jsxs)("div",{className:d().popUp,children:[(0,l.jsx)("h3",{children:ea}),s.submitOptions.download.enabled&&ex&&(0,l.jsxs)("div",{className:d().download,children:[(0,l.jsx)("span",{children:s.submitOptions.download.downloadDescription}),(0,l.jsx)(u.Z,{link:{...s.submitOptions.download.ctas[0].link,label:s.submitOptions.download.ctas[0].link.label},style:s.submitOptions.download.ctas[0].style})]})]})})]})},g=i(1505),N=e=>{let{content:s,first:i}=e;return(0,l.jsx)(v.kA,{level:i?1:2,children:(0,l.jsx)("section",{className:r()(d().section,"narrow",`theme-${s.theme?.colors}`,{condensed:s.condensedPadding},{condensedMobile:s.condensedPaddingMobile}),children:(0,l.jsxs)("div",{id:(0,g.r)(s._meta.deliveryId),children:[(0,l.jsx)(f.Z,{className:"h1",children:s.headline}),s.subHeadline&&(0,l.jsx)(v.$0,{children:(0,l.jsx)(f.Z,{className:"h2",children:s.subHeadline})}),(0,l.jsx)(C,{form:s.form,content:s})]})})})}},7171:function(e){e.exports={checkboxContainer:"CustomCheckbox_checkboxContainer__l06oS",customCheckboxWrapper:"CustomCheckbox_customCheckboxWrapper__WyJMv",error:"CustomCheckbox_error__YCYZk",customCheckbox:"CustomCheckbox_customCheckbox__BoR5z",checkmark:"CustomCheckbox_checkmark__lE25M",visuallyHidden:"CustomCheckbox_visuallyHidden__gihux",customCheckboxLink:"CustomCheckbox_customCheckboxLink___Mjqs",customCheckboxLabel:"CustomCheckbox_customCheckboxLabel__Oo8mZ",errorMessage:"CustomCheckbox_errorMessage__fvyVq"}},5597:function(e){e.exports={wrapper:"InputRadio_wrapper__ni2yR",radioCheck:"InputRadio_radioCheck__L_3Bg"}},635:function(e){e.exports={wrapper:"Select_wrapper__ue5fA",description:"Select_description__cxBmO"}}}]);