https://cdn.clubplanner.com/production-v2/current/_next/static/chunks/7219-2ab37aba05489326.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7219],{9151:function(e,a,s){s.d(a,{Z:function(){return u}});var l=s(5893),t=s(7294),n=s(4298),r=s.n(n),i=s(9755),c=s.n(i),o=s(7066);s(5330);var d=s(5038);let m="https://cdn.clubplanner.com/production-v2/current",p="6LffxH0aAAAAAAPhbKLC2nt2XWl8NfPAA00WUIy3";function u(e){let{content:a,overrideTitle:s,overrideParagraph:n,formImage:i}=e,{companyLabel:u,firstnameLabel:h,lastnameLabel:x,emailLabel:b,phoneLabel:j,messageLabel:g,amountLabel:v,typeLabel:w,typeAnwsers:y,amountAnswers:N,title:f,description:S,succesTitle:k,succesMessage:C,submitButton:F,closeButton:A}=a.data.attributes,[q,T]=(0,t.useState)(!0),[M,z]=(0,t.useState)(!1),[E,D]=(0,t.useState)(!1),[L,Z]=(0,t.useState)(""),[_,U]=(0,t.useState)(""),[O,P]=(0,t.useState)(""),[W,H]=(0,t.useState)(""),[I,K]=(0,t.useState)(""),[X,R]=(0,t.useState)(""),[B,G]=(0,t.useState)(y[0].label),[J,Q]=(0,t.useState)(N[0].label),V=async e=>{e.preventDefault();let a={topic:"packageDemo",plan:"partner-page",language:document.documentElement.lang,company:L,firstname:_,lastname:O,phone:W,email:I,message:X,clubType:B,clubSize:J};if(z(!0),!function(){let e=!0,a=document.querySelectorAll("#packageModal input[type=text]");for(let e=0;e<a.length;e++)a[e].style.border="#D5DCE6 1px solid";for(let s=0;s<a.length;s++)""===a[s].value&&(document.querySelector('#packageModal input[name="'.concat(a[s].name,'"]')).style.border="#F04438 1px solid",e=!1);return e}()){z(!1);return}window.grecaptcha.ready(function(){window.grecaptcha.execute(p,{action:"submit"}).then(function(e){a.token=e,function(e){o.Z.post("".concat("https://clubplanner.com","/frontpage/contact"),e,{headers:{"Content-Type":"application/x-www-form-urlencoded; charset=UTF-8"}}).then(e=>{z(!1),T(!1),D(!0),setTimeout(()=>{party.confetti(document.querySelector("#global-form-submit"),{count:party.variation.range(20,80)})},100),setTimeout(()=>{Z(""),U(""),P(""),H(""),K(""),R(""),G(y[0].label),Q(N[0].label),T(!0),D(!1)},3e3)}).catch(e=>{var a;a=e.status+" "+e.statusText||"Er is iets fouts gegaan, probeer het later nog eens.",c()("#bookModalMessages").html('<p class="error-message">'.concat(a,"</p>")),z(!1)})}(a)}).catch(e=>{console.log(e)})})};return(0,l.jsxs)("div",{className:"global-package-form container",children:[(0,l.jsx)(r(),{strategy:"lazyOnload",src:"https://www.google.com/recaptcha/api.js?render=".concat(p)}),(0,l.jsx)(r(),{strategy:"lazyOnload",src:"https://cdn.jsdelivr.net/npm/party-js@latest/bundle/party.min.js"}),(0,l.jsxs)("div",{className:"global-package-form--content",children:[(0,l.jsxs)("div",{className:"row",children:[(0,l.jsxs)("form",{id:"packageModalForm",method:"post",onSubmit:V,className:"col-12 col-md-6",children:[(0,l.jsxs)("header",{children:[(0,l.jsx)("h2",{children:s}),(0,l.jsxs)("p",{children:[n," "]})]}),(0,l.jsx)("div",{className:"row",children:(0,l.jsxs)("div",{className:"input-wrapper col-12",children:[(0,l.jsxs)("label",{htmlFor:"company",children:[u," ",(0,l.jsx)("span",{"aria-label":"required",children:"*"})]}),(0,l.jsx)("input",{id:"company",type:"text",name:"company",className:"book-modal--input",value:L,onChange:e=>Z(e.target.value),disabled:M})]})}),(0,l.jsxs)("div",{className:"row",children:[(0,l.jsxs)("div",{className:"input-wrapper col-6 ",children:[(0,l.jsxs)("label",{htmlFor:"clubType",children:[w,(0,l.jsx)("span",{"aria-label":"required",children:"*"})]}),(0,l.jsxs)("div",{className:"dropdown-wrapper",children:[(0,l.jsx)("select",{name:"clubType",id:"clubType",className:"select",onChange:e=>{G(e.target.value)},value:B,children:y.map(e=>(0,l.jsx)("option",{value:e.label,children:e.label},e.id))}),(0,l.jsx)("img",{src:m+"/images/icons/arrow_down.svg",className:"arrow-down",alt:"arrow-down"})]})]}),(0,l.jsxs)("div",{className:"input-wrapper col-6  dropdown-wrapper",children:[(0,l.jsxs)("label",{htmlFor:"clubSize",children:[v,(0,l.jsx)("span",{"aria-label":"required",children:"*"})]}),(0,l.jsxs)("div",{className:"dropdown-wrapper",children:[(0,l.jsx)("select",{name:"clubSize",id:"clubSize",className:"select",value:J,onChange:e=>Q(e.target.value),children:N.map(e=>(0,l.jsx)("option",{value:e.label,children:e.label},e.id))}),(0,l.jsx)("img",{src:m+"/images/icons/arrow_down.svg",className:"arrow-down",alt:"arrow-down"})]})]})]}),(0,l.jsxs)("div",{className:"row",children:[(0,l.jsxs)("div",{className:"input-wrapper col-6",children:[(0,l.jsxs)("label",{htmlFor:"firstname",children:[h," ",(0,l.jsx)("span",{"aria-label":"required",children:"*"})]}),(0,l.jsx)("input",{id:"firstname",type:"text",name:"firstname",className:"book-modal--input",value:_,onCh

1ange:e=>U(e.target.value),disabled:M})]}),(0,l.jsxs)("div",{className:"input-wrapper col-6",children:[(0,l.jsxs)("label",{htmlFor:"lastname",children:[x," ",(0,l.jsx)("span",{"aria-label":"required",children:"*"})]}),(0,l.jsx)("input",{id:"lastname",type:"text",name:"lastname",className:"book-modal--input",value:O,onChange:e=>P(e.target.value),disabled:M})]})]}),(0,l.jsx)("div",{className:"row",children:(0,l.jsxs)("div",{className:"input-wrapper col-12",children:[(0,l.jsxs)("label",{htmlFor:"email",children:[b," ",(0,l.jsx)("span",{"aria-label":"required",children:"*"})]}),(0,l.jsx)("input",{id:"email",type:"text",name:"email",className:"book-modal--input",value:I,onChange:e=>K(e.target.value),disabled:M})]})}),(0,l.jsx)("div",{className:"row",children:(0,l.jsxs)("div",{className:"input-wrapper col-12",children:[(0,l.jsxs)("label",{htmlFor:"phone",children:[j," ",(0,l.jsx)("span",{"aria-label":"required",children:"*"})]}),(0,l.jsx)("input",{id:"phone",type:"text",name:"phone",className:"book-modal--input",value:W,onChange:e=>H(e.target.value),disabled:M})]})}),(0,l.jsx)("div",{className:"row",children:(0,l.jsxs)("div",{className:"input-wrapper col-12",children:[(0,l.jsx)("label",{htmlFor:"message",children:g}),(0,l.jsx)("textarea",{id:"message",name:"message",value:X,onChange:e=>R(e.target.value),disabled:M})]})}),(0,l.jsx)("div",{id:"bookModalMessages"}),(0,l.jsx)("button",{type:"submit",className:"button-primary submit-button",onClick:V,disabled:M,id:"global-form-submit",children:M?(0,l.jsx)("div",{className:"loader",children:"Loading..."}):F})]}),(0,l.jsx)("div",{className:"col-12 col-md-6 image-wrapper",children:(0,l.jsx)(d.p8,{className:"form-image",data:i.data.attributes})})]}),E&&(0,l.jsx)("p",{className:"succes-message",children:C})]})]})}},5751:function(e,a,s){s.d(a,{Z:function(){return m}});var l=s(5893),t=s(7294),n=s(4298),r=s.n(n),i=s(7066),c=s(1468),o=s(1163);let d="6LffxH0aAAAAAAPhbKLC2nt2XWl8NfPAA00WUIy3";

1function m(e){let{content:a,overrideTitle:s,overrideParagraph:n,send_button:m,locale:p,blog:u,campaignTag:h,header:x,description:b,redirect_url:j}=e,{companyLabel:g,firstnameLabel:v,lastnameLabel:w,emailLabel:y,phoneLabel:N,messageLabel:f,title:S,succesTitle:k,succesMessage:C,submitButton:F,closeButton:A}=a.data.attributes,[q,T]=(0,t.useState)(!0),[M,z]=(0,t.useState)(!1),[E,D]=(0,t.useState)(!1),[L,Z]=(0,t.useState)(!1),[_,U]=(0,t.useState)(""),[O,P]=(0,t.useState)(""),[W,H]=(0,t.useState)(""),[I,K]=(0,t.useState)(""),[X,R]=(0,t.useState)(""),B=(0,o.useRouter)(),{slug:G,category:J}=u.data.attributes,Q=async e=>{e.preventDefault();let a={topic:"marketing",language:p,company:_,firstname:O,lastname:W,phone:I,email:X,message:"Er is een nieuwe download van de pagina ".concat(J,"/").concat(G,".")};if(z(!0),!function(){let e=!0,a=document.querySelectorAll("#smallForm input[type=text]");for(let e=0;e<a.length;e++)a[e].style.border="#D5DCE6 1px solid";for(let s=0;s<a.length;s++)""===a[s].value&&(document.querySelector('#smallForm input[name="'.concat(a[s].name,'"]')).style.border="#F04438 1px solid",e=!1);return e}()){z(!1);return}window.grecaptcha.ready(function(){window.grecaptcha.execute(d,{action:"submit"}).then(function(e){a.token=e,function(e){let a=i.Z.post("".concat("https://clubplanner.com","/frontpage/contact"),e,{headers:{"Content-Type":"application/x-www-form-urlencoded; charset=UTF-8"}});e.campaignTag=h;let s=i.Z.post("".concat("https://cms.clubplanner.site/api","/blogs/form"),e,{headers:{"Content-Type":"application/x-www-form-urlencoded; charset=UTF-8"}});i.Z.all([s,a]).then(e=>{B.push(j||"/nl/downloads/thankyou")}).catch(e=>{Z(e.message)}).finally(()=>{z(!1)})}(a)}).catch(e=>{console.log(e),z(!1)})})};return(0,l.jsxs)("div",{className:"small-form container",children:[(0,l.jsx)(r(),{strategy:"lazyOnload",src:"https://www.google.com/recaptcha/api.js?render=".concat(d)}),(0,l.jsx)(r(),{strategy:"lazyOnload",src:"https://cdn.jsdelivr.net/npm/party-js@latest/bundle/party.min.js"}),(0,l.jsxs)("header",{className:"small-form--header",children:[x&&(0,l.jsx)("h2",{children:x}),b&&(0,l.jsx)("p",{children:b})]}),(0,l.jsx)("div",{className:"global-package-form--content",children:(0,l.jsx)("div",{className:"row",children:(0,l.jsxs)("form",{id:"smallForm",method:"post",onSubmit:Q,className:"col-12",children:[s&&(0,l.jsxs)("header",{children:[(0,l.jsx)("h2",{children:s}),(0,l.jsxs)("p",{children:[n," "]})]}),(0,l.jsx)("div",{className:"row",children:(0,l.jsxs)("div",{className:"input-wrapper col-12",children:[(0,l.jsxs)("label",{htmlFor:"company",children:[g," ",(0,l.jsx)("span",{"aria-label":"required",children:"*"})]}),(0,l.jsx)("input",{id:"company",type:"text",name:"company",className:"book-modal--input",value:_,onChange:e=>U(e.target.value),disabled:M})]})}),(0,l.jsxs)("div",{className:"row",children:[(0,l.jsxs)("div",{className:"input-wrapper col-6",children:[(0,l.jsxs)("label",{htmlFor:"firstname",children:[v," ",(0,l.jsx)("span",{"aria-label":"required",children:"*"})]}),(0,l.jsx)("input",{id:"firstname",type:"text",name:"firstname",className:"book-modal--input",value:O,onChange:e=>P(e.target.value),disabled:M})]}),(0,l.jsxs)("div",{className:"input-wrapper col-6",children:[(0,l.jsxs)("label",{htmlFor:"lastname",children:[w," ",(0,l.jsx)("span",{"aria-label":"required",children:"*"})]}),(0,l.jsx)("input",{id:"lastname",type:"text",name:"lastname",className:"book-modal--input",value:W,onChange:e=>H(e.target.value),disabled:M})]})]}),(0,l.jsx)("div",{className:"row",children:(0,l.jsxs)("div",{className:"input-wrapper col-12",children:[(0,l.jsxs)("label",{htmlFor:"email",children:[y," ",(0,l.jsx)("span",{"aria-label":"required",children:"*"})]}),(0,l.jsx)("input",{id:"email",type:"email",name:"email",className:"book-modal--input",value:X,onChange:e=>R(e.target.value),disabled:M})]})}),(0,l.jsx)("div",{className:"row",children:(0,l.jsxs)("div",{className:"input-wrapper col-12",children:[(0,l.jsxs)("label",{htmlFor:"phone",children:[N," ",(0,l.jsx)("span",{"aria-label":"required",children:"*"})]}),(0,l.jsx)("input",{id:"phone",type:"text",name:"phone",className:"book-modal--input",value:I,onChange:e=>K(e.target.value),disabled:M})]})}),(0,l.jsx)(c.E.div,{id:"bookModalMessages",initial:{opacity:0}

1,animate:{opacity:1},children:L&&(0,l.jsx)("p",{class:"error-message",children:L})}),(0,l.jsx)("button",{type:"submit",className:"button-primary submit-button",disabled:M,id:"global-form-submit",children:M?(0,l.jsx)("div",{className:"loader",children:"Loading..."}):m})]})})})]})}}}]);