https://www.yumeko.de/_next/static/chunks/2928.b411bfceb125d0fa.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2928],{2928:(e,a,n)=>{"use strict";n.r(a),n.d(a,{default:()=>v});var l=n(95155),t=n(12115),i=n(22844),r=n.n(i),s=n(30712),d=n(76179),o=n(90581),u=n(60563),m=n(1141),c=n(88381),f=n(13428),_=n(11202),p=n.n(_),h=n(71978);let v=e=>{var a,n;let{showStofstalenFormMobile:i,toggleShowStofstalenFormMobile:_}=e,v={},[b,k]=(0,t.useState)([]),x=(0,t.useRef)(),{handleSave:g,sendStofstalenError:N,sendStofstalenLoading:y,sendStofstalenResult:j}=(e=>{let{SEND_STOFSTALEN:a,recaptchaRef:n}=e,[l,i]=(0,c.n)(a),{error:r,loading:s,data:d}=i,o=async e=>{e.preventDefault();let a={...Object.fromEntries(new FormData(e.target))};if(a.stofstalen=localStorage.getItem("chosenFabrics")||"",JSON.parse(a.stofstalen).length>12)return alert("Je kunt maximaal 12 stofstalen bestellen.");await (0,f.T)(n)&&await l({variables:a})};return(0,t.useEffect)(()=>{var e;!r&&(null==d||null==(e=d.sendStofstalenForm)?void 0:e.message)&&localStorage.removeItem("chosenFabrics")},[r,d]),{handleSave:o,sendStofstalenError:r,sendStofstalenLoading:s,sendStofstalenResult:d}})({SEND_STOFSTALEN:p(),recaptchaRef:x});return((0,t.useEffect)(()=>{k(JSON.parse(localStorage.getItem("chosenFabrics"))||[]);let e=e=>{k(JSON.parse(localStorage.getItem("chosenFabrics"))||[])};return window.addEventListener("stofstalenUpdated",e),()=>{window.removeEventListener("stofstalenUpdated",e)}},[]),j&&(null==j||null==(a=j.sendStofstalenForm)?void 0:a.message)&&!N)?(0,l.jsxs)("div",{className:r().stofstalenForm+(i?" "+r().show:""),children:[(0,l.jsx)("div",{className:r().closeButton,onClick:_}),(0,l.jsxs)("form",{children:[(0,l.jsx)("h2",{children:"Stofstalen bestellen"}),(0,l.jsx)("p",{children:(0,h.T)("Bedankt voor je aanvraag!",v)})]})]}):(0,l.jsxs)("div",{className:r().stofstalenForm+(i?" "+r().show:""),children:[(0,l.jsx)("div",{className:r().closeButton,onClick:_}),(0,l.jsxs)("form",{onSubmit:g,method:"post",children:[(0,l.jsx)("h2",{children:"Stofstalen bestellen"}),(0,l.jsx)("p",{children:"Bestel hier je gratis stofstalen. Kies eerst de gewenste stofstalen en vul dan onderstaand formulier in. (Maximaal 12 stofstalen)"}),(0,l.jsx)(s.A,{children:(0,l.jsx)(d.A,{field:"naam",extraclasses:"input-text mb2 full-width",required:!0,label:(0,h.T)("Naam",v)+" *",placeholder:(0,h.T)("Naam",v)+" *",floatingLabel:!0,black:!0})}),(0,l.jsx)(s.A,{children:(0,l.jsx)(d.A,{field:"email",type:"email",extraclasses:"input-text mb2 full-width",required:!0,label:(0,h.T)("E-mailadres",v)+" *",placeholder:(0,h.T)("E-mailadres",v)+" *",floatingLabel:!0,black:!0})}),(0,l.jsx)(s.A,{children:(0,l.jsx)(d.A,{field:"postcode",extraclasses:"input-text mb2 full-width",required:!0,label:(0,h.T)("Postcode",v)+" *",placeholder:(0,h.T)("Postcode",v)+" *",floatingLabel:!0,black:!0})}),(0,l.jsx)(s.A,{children:(0,l.jsx)(d.A,{field:"huisnummer",extraclasses:"input-text mb2 full-width",required:!0,label:(0,h.T)("Huisnummer",v)+" *",placeholder:(0,h.T)("Huisnummer",v)+" *",floatingLabel:!0,black:!0})}),(0,l.jsx)(s.A,{children:(0,l.jsx)(d.A,{field:"straat",extraclasses:"input-text mb2 full-width",required:!0,label:(0,h.T)("Straat",v)+" *",placeholder:(0,h.T)("Straat",v)+" *",floatingLabel:!0,black:!0})}),(0,l.jsx)(s.A,{children:(0,l.jsx)(d.A,{field:"plaats",extraclasses:"input-text mb2 full-width",required:!0,label:(0,h.T)("Plaats",v)+" *",placeholder:(0,h.T)("Plaats",v)+" *",floatingLabel:!0,black:!0})}),(0,l.jsx)(s.A,{children:(0,l.jsx)(o.A,{field:"bericht",extraclasses:"input-text mb2 full-width",label:(0,h.T)("Bericht",v),placeholder:(0,h.T)("BERICHT",v),floatingLabel:!1,cols:"12",rows:"3"})}),(0,l.jsx)("h3",{children:"Gekozen stofstalen:"}),0==b.length&&(0,l.jsx)("ul",{children:(0,l.jsx)("li",{children:"Er zijn nog geen stofstalen gekozen."})}),b.length>0&&(0,l.jsx)("ul",{children:b.map((e,a)=>(0,l.jsx)("li",{children:e.name},a))}),(0,l.jsx)(s.A,{children:(0,l.jsx)(u.default,{type:"submit",extraClasses:"btn--styleguide black",name:(0,h.T)("Versturen",v),disabled:y,children:(0,h.T)("Versturen",v)})}),N&&(0,l.jsx)("p",{className:r().errorMessage,children:"Er is een fout opgetreden bij het versturen van je aanvraag. Probeer het later opnieuw."}),j&&(null==j||null==(n=j.sendStofstalenForm)?void 0:n.error)&&(0,l.jsx)("p",{className:r().errorMessage,children:(0,h.T)(j.sendStofstalenForm.error,v)}),(0,l.jsx)(m.default,{ref:x,size:"invisible",sitekey:f.q})]})]})}},11202:e=>{var a={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"sendStofstalenForm"}

1,variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"naam"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"email"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"postcode"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"huisnummer"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"straat"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"plaats"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"stofstalen"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"bericht"}},type:{kind:"NamedType",name:{kind:"Name",value:"String"}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"sendStofstalenForm"},arguments:[{kind:"Argument",name:{kind:"Name",value:"naam"},value:{kind:"Variable",name:{kind:"Name",value:"naam"}}},{kind:"Argument",name:{kind:"Name",value:"email"},value:{kind:"Variable",name:{kind:"Name",value:"email"}}},{kind:"Argument",name:{kind:"Name",value:"postcode"},value:{kind:"Variable",name:{kind:"Name",value:"postcode"}}},{kind:"Argument",name:{kind:"Name",value:"huisnummer"},value:{kind:"Variable",name:{kind:"Name",value:"huisnummer"}}},{kind:"Argument",name:{kind:"Name",value:"straat"},value:{kind:"Variable",name:{kind:"Name",value:"straat"}}},{kind:"Argument",name:{kind:"Name",value:"plaats"},value:{kind:"Variable",name:{kind:"Name",value:"plaats"}}},{kind:"Argument",name:{kind:"Name",value:"stofstalen"},value:{kind:"Variable",name:{kind:"Name",value:"stofstalen"}}},{kind:"Argument",name:{kind:"Name",value:"bericht"},value:{kind:"Variable",name:{kind:"Name",value:"bericht"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"message"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"error"},arguments:[],directives:[]}]}}]}}],loc:{start:0,end:392}};a.loc.source={body:"mutation sendStofstalenForm(\n	$naam: String!\n	$email: String!\n	$postcode: String!\n	$huisnummer: String!\n	$straat: String!\n	$plaats: String!\n	$stofstalen: String!\n	$bericht: String\n) {\n	sendStofstalenForm(\n		naam: $naam\n		email: $email\n		postcode: $postcode\n		huisnummer: $huisnummer\n		straat: $straat\n		plaats: $plaats\n		stofstalen: $stofstalen\n		bericht: $bericht\n	) {\n		message\n		error\n	}\n}",name:"GraphQL request",locationOffset:{line:1,column:1}};var n={};function l(e,a){for(var n=0;n<e.definitions.length;n++){var l=e.definitions[n];if(l.name&&l.name.value==a)return l}}a.definitions.forEach(function(e){if(e.name){var a=new Set;!function e(a,n){if("FragmentSpread"===a.kind)n.add(a.name.value);else if("VariableDefinition"===a.kind){var l=a.type;"NamedType"===l.kind&&n.add(l.name.value)}a.selectionSet&&a.selectionSet.selections.forEach(function(a){e(a,n)}),a.variableDefinitions&&a.variableDefinitions.forEach(function(a){e(a,n)}),a.definitions&&a.definitions.forEach(function(a){e(a,n)})}(e,a),n[e.name.value]=a}}),e.exports=a,e.exports.sendStofstalenForm=function(e,a){var t={kind:e.kind,definitions:[l(e,a)]};e.hasOwnProperty("loc")&&(t.loc=e.loc);var i=n[a]||new Set,r=new Set,s=new Set;for(i.forEach(function(e){s.add(e)});s.size>0;){var d=s;s=new Set,d.forEach(function(e){r.has(e)||(r.add(e),(n[e]||new Set).forEach(function(e){s.add(e)}))})}return r.forEach(function(a){var n=l(e,a);n&&t.definitions.push(n)}),t}(a,"sendStofstalenForm")},13428:(e,a,n)=>{"use strict";var l;n.d(a,{T:()=>i,q:()=>t});let t=null!=(l=n(95704).env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY)?l:"6LfcDkMUAAAAAI9FKgVad_SBDyR0cUnLpqHKxb1v",i=async e=>e&&e.current?(e.current.reset(),await e.current.executeAsync()):null},15282:e=>{e.exports={floating_label:"formTextArea_floating_label__krrg6",textarea:"formTextArea_textarea__NUI8V",label:"formTextArea_label__QdNWo"}},22844:e=>{e.exports={stofstalenForm:"stofstalen_stofstalenForm__czE6B",closeButton:"stofstalen_closeButton__xi2Fy",show:"stofstalen_show__fwiEz",errorMessage:"stofstalen_errorMessage__okf_x"}},30712:(e,a,n)=>{"use strict";n.d(a,{A:()=>r});var l=n(95155);n(12115);var t=n(87636),i=n.n(t);let r=e=>{let{children:a,id:n,label:t,required:r}=e,s=[i().field,r?i()._required:"",e.classes?e.classes:"",e.extraClasse

1s?e.extraClasses:"",e.additional?i()[e.additional]:""].join(" "),d=[i().control].join(" "),o=t?(0,l.jsx)("label",{className:i().label,htmlFor:n,children:(0,l.jsx)("span",{children:t})}):null;return(0,l.jsxs)("div",{className:s,children:[o,(0,l.jsx)("div",{className:d,children:a})]})}},76179:(e,a,n)=>{"use strict";n.d(a,{A:()=>o});var l=n(95155),t=n(12115),i=n(79756),r=n.n(i),s=n(84647),d=n(92740);let o=e=>{let{extraClasses:a,floatingLabel:n,label:i,helpText:o,numberOnly:u,useNormalInput:m,noSpecChars:c,black:f,arrow:_,valutaOnly:p,isDate:h,specialInput:v,req:b,min:k,max:x,...g}=e,{store:N}=(0,d.f)(),[y,j]=(0,t.useState)(!1),T=e=>(e=String(e),u)?e.replace(/[^0-9]/g,""):c?e.replace(/[^a-zA-Z0-9]/g,""):e,w=(0,t.useMemo)(()=>{if(!h||!e.defaultValue)return{};let a=e.defaultValue.split("-");if(3==a.length)return{day:a[2],month:a[1],year:a[0]}},[h,e.defaultValue]),[S,A]=(0,t.useState)(h?w:g.value?T(g.value):e.defaultValue?T(e.defaultValue):""),[F,I]=(0,t.useState)(null),V="text";e.type&&(V=e.type),(u||c)&&delete g.defaultValue;let E=(a,n,l,t)=>{let i=T(a.target.value);if(n&&parseInt(i)<n&&(i=n),l&&parseInt(i)>l&&(i=l),t){let e={...S};e[t]=i,h&&(e.hasOwnProperty("day")||(e.day="01"),e.hasOwnProperty("month")||(e.month="01"),e.hasOwnProperty("year")||(e.year="1990")),A(e);let n=e.year&&e.month&&e.day?"".concat(e.year,"-").concat(e.month,"-").concat(e.day):"";g.fieldApi&&g.fieldApi.setValue(n,a),I(n)}else g.fieldApi&&g.fieldApi.setValue(i,a),A(i);if(a.target.min&&a.target.max){let e=parseInt(a.target.min),n=parseInt(a.target.max),l=document.querySelector(".js-btn-add-to-cart");if(l){let a=document.querySelector(".amount.error");parseInt(i)<e||parseInt(i)>n?l.disabled=!0:l.disabled=!1,a&&(parseInt(i)>n?a.classList.remove("hide"):a.classList.add("hide"))}}e.onChange&&e.onChange(a)};return(0,t.useEffect)(()=>{let e=e=>{A(e.target.value)};return"street3"===g.field&&window.addEventListener("street3Change",e),()=>{e&&window.removeEventListener("street3Change",e)}},[g.field]),(0,l.jsx)("div",{className:r().wrapper,children:(0,l.jsxs)(s.A,{floatingLabel:n,valutaOnly:p,isDate:h,classes:r(),rest:g,label:i,black:f,arrow:_,children:[(u||c)&&(0,l.jsx)("input",{...g,name:g.field?g.field:null,id:g.id?g.id:g.field?g.field:null,className:r().input+" "+a,type:V,onChange:E,value:S,min:k,max:x}),h&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("input",{...g,name:g.field?"".concat(g.field,"_day"):null,id:g.id?"".concat(g.id,"_day"):g.field?"".concat(g.field,"_day"):null,className:"".concat(r().input," ").concat(r().date," ").concat(r().day," ").concat(a),type:"number",onChange:e=>{E(e,0,31,"day")},value:S.day,placeholder:"yumeko_de"==N||"yumeko_at"==N?"TT":"DD"}),(0,l.jsx)("input",{...g,name:g.field?"".concat(g.field,"_month"):null,id:g.id?"".concat(g.id,"_month"):g.field?"".concat(g.field,"_month"):null,className:"".concat(r().input," ").concat(r().date," ").concat(r().month," ").concat(a),type:"number",onChange:e=>{E(e,0,12,"month")},value:S.month,placeholder:"MM"}),(0,l.jsx)("input",{...g,name:g.field?"".concat(g.field,"_year"):null,id:g.id?"".concat(g.id,"_year"):g.field?"".concat(g.field,"_year"):null,className:"".concat(r().input," ").concat(r().date," ").concat(r().year," ").concat(a),type:"number",onChange:e=>{E(e,0,new Date().getFullYear(),"year")},value:S.year,placeholder:"JJJJ"}),(0,l.jsx)("input",{...g,name:g.field?"".concat(g.field):null,id:g.id?"".concat(g.id):g.field?"".concat(g.field):null,className:"hide",type:"text",value:F})]}),"unmaskable_password"==V&&(0,l.jsxs)("div",{className:r().unmaskable_password_container,children:[(0,l.jsx)("input",{...g,name:g.field?g.field:null,id:g.id?g.id:g.field?g.field:null,className:r().input+" "+a,type:y?"text":"password",defaultValue:e.defaultValue}),(0,l.jsx)("button",{className:"".concat(r().unmask_button," ").concat(y?r().unmasked:""),onClick:e=>{e.preventDefault(),j(!y)}})]}),!v&&(0,l.jsx)("input",{...g,name:g.field?g.field:null,id:g.id?g.id:g.field?g.field:null,className:r().input+" "+a,type:V,defaultValue:e.defaultValue})]})})}},79756:e=>{e.exports={wrapper:"formTextInput_wrapper__kf7RH",floating_label:"formTextInput_floating_label__JOojQ",no_margin:"formTextInput_no_margin__AINWp",gray:"formTextInput_gray__aCkGD",black:"formTextInput_black___xYoQ",arrow:"formTextInput_arrow__l80vW",flex_wrap:"formTextInput_flex_wrap__taAQL",date:"formTextInput_date__KAC27",day:"formTextInput_day__RS_j3",month:"formTextInput_month__l_8ij",year:"formTextInput_year__X2A_t",show_placehoder:"formTextInput_show_placehoder__paLL_",label:"formTextInput_label__Jykv0",label_white:"formTextInput_label_white__cFHKD",valuta_wrap:"formTextInput_valuta_wrap__M9vTm",valuta:"formTextInput_valuta__BwUYy",help_icon:"formTextInput_help_icon__BXVBF",help_text:"formTextInput_help_text__1T_R3",no_float:"formTextInput_no_float__B5aiV",has_help:"formTextInput_has_help__mVGNM",no_float_label:"formTextInput_no_float_label__fNInh",unmaskable_password_container:"formTextInput_unmaskable_password_container__XLdux",unmask_button:"formTextInput_unmask_button__d3UNP",unmasked:"formTextInput_unmasked__lWYpX"}},84647:(e,a,n)=>{"use strict";n.d(a,{A:()=>r});var l=n(95155);n(12115);var t=n(92740),i=n(58119);let r=e=>{var a;let{children:n,floatingLabel:r,floatingLabelPlaceholder:s,classes:d,rest:o,label:u,black:m,arrow:c,valutaOnly:f,isDate:_,helpText:p,whiteText:h}=e,{config:v,intl_code:b}=null!=(a=(0,t.f)())?a:{},k=v&&v.default_display_currency_code?v.default_display_currency_code:"EUR",x=[];if(m&&x.push(d.black),c&&x.push(d.arrow),o.gray&&x.push(d.gray),o.noMargin&&x.push(d.no_margin),f&&x.push(d.valuta_wrap),_&&x.push(d.flex_wrap),s&&x.push(d.show_placehoder),p&&x.push(d.has_help),r){x.push(d.floating_label);let e=d.label+(h?" "+d.label_white:"");return(0,l.jsxs)("div",{className:x.join(" "),children:[n,(0,l.jsx)("label",{className:e,htmlFor:_?null:o.id?o.id:o.field?o.field:null,children:u}),f&&(0,l.jsx)("label",{className:d.valuta,htmlFor:o.id?o.id:o.field?o.field:null,children:(0,i.u)(k,b)}

1)]})}return x.push(d.no_float),x.push("no-float"),(0,l.jsxs)(l.Fragment,{children:[u&&(0,l.jsx)("label",{className:d.no_float_label,htmlFor:o.id?o.id:o.field?o.field:null,children:u}),(0,l.jsxs)("div",{className:x.join(" "),children:[n,p&&(0,l.jsxs)("span",{className:d.help_icon,children:[(0,l.jsx)("img",{src:"/icons/icon-help.png",alt:"help icon"}),(0,l.jsx)("span",{className:d.help_text,children:p})]})]})]})}},87636:e=>{e.exports={field:"formField_field__nB_Q3","form-label":"formField_form-label__HkEGb",choice:"formField_choice__MlwHK",label:"formField_label__O6a4K",fields:"formField_fields__5OXgf",control:"formField_control__wVIvy",housenumber:"formField_housenumber__fT5Hc","no-label":"formField_no-label__hh3fI",addition:"formField_addition__2wEP9",required:"formField_required__Ik2ty",_required:"formField__required__0_hQw"}},90581:(e,a,n)=>{"use strict";n.d(a,{A:()=>r});var l=n(95155);n(12115);var t=n(15282),i=n.n(t);let r=e=>{let{floatingLabel:a,fieldState:n,extraClasses:t,label:r,...s}=e,d=s.id?s.id:s.field?s.field:null;return a?(0,l.jsxs)("div",{className:i().floating_label,children:[(0,l.jsx)("textarea",{...s,name:d,id:d,fieldState:n,className:i().input+" "+t}),(0,l.jsx)("label",{className:i().label,htmlFor:d,children:r})]}):(0,l.jsx)("textarea",{...s,name:d,id:d,fieldState:n,className:i().input+" "+t})}}}]);