https://fersil.com/_next/static/chunks/9160.efeec31dc2fe198d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9160],{39160:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return h},fragment:function(){return g}});var a=t(47568),r=t(14924),s=t(26042),l=t(69396),c=t(97582),o=t(85893),i=t(60796),d=t(11163),m=t(67294),u=t(61891),x=t(94429),p=t(79675),f=t.n(p);function h(e){var n=(0,x.$G)().t,t=(0,d.useRouter)(),p=t.query,h=(t.locale,e.addForm),g=(e.fullWidth,e.formId||p.formId||e.id);if(e.addNavigation)e.navigationBlock;if(e.addForm)e=e.formBlock;var b=(0,m.useState)({}),j=b[0],y=b[1],_=(0,m.useState)([]),v=_[0],N=_[1],w=(0,m.useState)(!1),k=w[0],S=w[1],R=(0,m.useState)(""),I=R[0],C=R[1],q=(0,m.useState)(),Z=(q[0],q[1],(0,m.useState)(!1)),F=(Z[0],Z[1],(0,m.useState)(!1)),T=F[0],B=F[1],E=(0,d.useRouter)(),M=function(){var t=(0,a.Z)((function(t){var a,r;return(0,c.__generator)(this,(function(l){switch(l.label){case 0:return t.preventDefault(),B(!0),[4,fetch("/api/form-submission",{method:"POST",headers:{"Content-type":"application/json"},body:JSON.stringify((0,s.Z)({id:e.id,language:E.locale,request_type:"contact",origin_url:window.location.href},j))})];case 1:return 422!==(a=l.sent()).status?[3,3]:[4,a.json()];case 2:r=l.sent(),N(r),B(!1),l.label=3;case 3:return 500===a.status&&C(n("ErrorOnSent")),200===a.status&&(N([]),S(!0),B(!1),y({}),t.target.reset()),[2]}}))}));return function(e){return t.apply(this,arguments)}}(),O=function(e){var n=e.target,t=n.name,a=n.value,c=n.type,o=n.checked;if(e.target.multiple){var i=Array.from(e.target.selectedOptions,(function(e){return e.value}));y((function(e){return(0,l.Z)((0,s.Z)({},e),(0,r.Z)({},t,i))}))}else y("checkbox"===c?function(e){return(0,l.Z)((0,s.Z)({},e),(0,r.Z)({},t,o?"on":""))}:function(e){return(0,l.Z)((0,s.Z)({},e),(0,r.Z)({},t,a))})};return(0,o.jsx)("section",{id:g,className:"".concat(h?"":"bg-darkGray"," "),children:(0,o.jsxs)("div",{className:"grid ".concat(h?"grid-cols-3":"py-12 px-4 sm:px-0"," container mx-auto"),children:[h?null:(0,o.jsx)("div",{className:" grid grid-cols-3 container mx-auto h-fit-content",children:(0,o.jsxs)("header",{className:"col-span-3 md:col-span-3 lg:col-span-2 flex flex-row md:items-center gap-x-6 mb-12",children:[(0,o.jsx)(u.StyleBarVertical,{color:"#fff",scale:"1.2"}),(0,o.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,o.jsx)("h2",{className:"".concat(f().sectionCatalogHeading," text-white  text-5xl md:text-5xl leading-tight items-center  font-primary-bold flex"),children:e.title}),e.description&&(0,o.jsx)("p",{className:"text-white text-sm md:text-base font-secondary opacity-90 max-w-xl",children:e.description})]})]})}),k?(0,o.jsx)("div",{className:"w-full col-span-3 lg:col-span-3 ".concat(h?"sm:px-0":"mx-auto xl:px-0 max-w-5xl"),children:(0,o.jsxs)("div",{className:"flex flex-col items-center justify-center py-12 px-6 text-center",children:[(0,o.jsx)("div",{className:"w-20 h-20 rounded-full bg-green-500 flex items-center justify-center mb-6 animate-pulse",children:(0,o.jsx)("svg",{className:"w-10 h-10 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",d:"M5 13l4 4L19 7"})})}),(0,o.jsx)("h3",{className:"text-2xl md:text-3xl font-primary-bold text-white mb-4",children:e.successMessage||n("SentSuccess")}),(0,o.jsx)("p",{className:"text-white/80 text-base md:text-lg max-w-md",children:n("SuccessOnReceived")}),(0,o.jsx)("button",{type:"button",onClick:function(){return S(!1)},className:"mt-8 px-6 py-3 border border-white/50 text-white rounded-full hover:bg-white/10 transition-colors duration-200",children:n("SendAnotherMessage")})]})}):(0,o.jsxs)("form",{onSubmit:M,className:"w-full col-span-3 lg:col-span-3 ".concat(h?"sm:px-0":"mx-auto xl:px-0 max-w-5xl"),children:[(0,o.jsx)("div",{className:"form-fields flex flex-col gap-y-6 relative",children:e.field&&e.field.map((function(e,n){var t=(0,o.jsx)(o.Fragment,{});return"TextInputRecord"===e.__typename||"EmailInputRecord"===e.__typename||"DateInputRecord"===e.__typename?t=(0,o.jsx)("input",{className:"form-control text-white text-sm md:text-base rounded-full border px-4 py-2 form-input mt-1 block w-full bg-transparent",name:e.name,"data-name":e.label,placeholder:e.placeholder,type:"DateInputRecord"===e.__typename?"date":"text",required:e.required,onChange:O}):"TextareaInputRecord"===e.__typename?t=(0,o.jsx)("textarea",{rows:"4",className:"form-control border px-4 py-2 rounded-lg form-textarea mt-1 block w-full bg-transparent text-white",name:e.name,"data-name":e.label,placeholder:e.placeholder,required:e.required,onChange:O}):"FreeTextInputRecord"===e.__typename?t=(0,o.jsx)(ReactMarkdown,{name:e.name,"data-name":e.label,className:"".concat(f().freeTextInput),source:e.description}):"CheckboxInputRecord"===e.__typename&&(t=(0,o.jsx)("div",{children:(0,o.jsxs)("label",{className:"inline-flex items-start",children:[(0,o.jsx)("input",{onChange:O,name:e.name,type:"checkbox",required:e.required,

1className:"form-checkbox"}),(0,o.jsx)("span",{className:"ml-2 text-xs text-white",children:e.label})]})})),(0,o.jsx)("div",{children:t},n)}))}),v.length>0?(0,o.jsx)("div",{className:"mt-4 p-4 bg-red-500/20 border border-red-500/50 rounded-lg",children:(0,o.jsx)("ul",{className:"text-red-200 text-sm space-y-1",children:v.map((function(e){return e.conditions.map((function(e,n){return(0,o.jsxs)("li",{children:["\u2022 ",e.message]},"li-error-".concat(n))}))}))})}):(0,o.jsx)(o.Fragment,{}),I&&(0,o.jsx)("div",{className:"mt-4 p-4 bg-red-500/20 border border-red-500/50 rounded-lg",children:(0,o.jsx)("p",{className:"text-red-200 text-sm",children:I})}),(0,o.jsx)("div",{className:"flex mt-6 justify-end",children:(0,o.jsx)(i.ButtonForm,{disabled:T,onClick:O,children:n(T?"Sending":"Send")})})]})]})})}var g="\nfragment FormBuilderFragment on SectionFormBuilderRecord {\n  __typename\n  id\n  formId\n  title\n  successMessage\n  submitValue\n  submitLabel\n  errorMessage\n  description\n  salesforceEnabled\n  formType\n  caseSubject\n  caseType\n  caseReason\n  field {\n    ... on CheckboxInputRecord {\n      __typename\n      id\n      label\n      required\n      name\n      value\n    }\n    ... on EmailInputRecord {\n      __typename\n      id\n      name\n      label\n      placeholder\n      required\n    }\n    ... on TextInputRecord {\n      __typename\n      id\n      label\n      name\n      placeholder\n      required\n    }\n    ... on DateInputRecord {\n      __typename\n      id\n      name\n      label\n      placeholder\n      required\n    }\n    ... on TextareaInputRecord {\n      __typename\n      id\n      name\n      label\n      placeholder\n      required\n    }\n  }\n}"},79675:function(e){e.exports={sectionCatalogHeading:"FormBlock_sectionCatalogHeading__GC3bR"}}}]);