https://www.dumont-buchverlag.de/_next/static/chunks/8187-b963cd863119d09e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8187],{7274:e=>{e.exports={formHeadline:"Input_formHeadline__H34US",checkboxList:"Input_checkboxList__jA1yi",checkboxListElement:"Input_checkboxListElement__1gcHn",headline:"Input_headline__kWuNS",checkbox:"Input_checkbox__cKSVG",row:"Input_row__0ns8A",itemList:"Input_itemList__QczU2"}},30233:e=>{e.exports={"form-field-new_line":"FormFields_form-field-new_line__Ns45_","form-field-date":"FormFields_form-field-date__DO3Rt","react-date-picker":"FormFields_react-date-picker__wm76G","react-date-picker__wrapper":"FormFields_react-date-picker__wrapper__C7zYE","form-field-hidden":"FormFields_form-field-hidden__WRzXN",formFieldLabel:"FormFields_formFieldLabel__XPoNN"}},38187:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>B});var n=r(26514),i=r(75834),l=r(68208),a=r.n(l),s=r(16726),d=r(72585),o=r(29622),c=r(99092),u=r(31328),h=r(24576),p=r(46225),g=r.n(p),m=r(87397),f=r(26707),x=r.n(f),v=r(69001),b=r.n(v),j=r(37280),_=r(36423),y=r(60715),A=r(1730),k=r(10880);let q=({text:e,submitPending:t,isActiveStep:r})=>r?(0,n.jsx)(k.A,{type:"submit",className:"mt-4 m-auto d-flex kc-button-green btn btn-secondary",disabled:t,children:e}):null;q.propTypes={text:a().string.isRequired,submitPending:a().bool,isActiveStep:a().bool},r(87510);var R=r(14631);let T=({widgetId:e,validated:t,error:r,formHasError:i,captchaProps:l,language:a})=>(0,n.jsxs)("div",{style:{minHeight:"150px"},children:[(0,n.jsx)(s.eg,{...l,height:150,language:a,className:"custom-captcha m-os-regular-semibold",headlineClassName:"custom-headline-captcha",bottomLineClassName:"text-danger m-os-regular-semibold"}),t&&r.length>0&&(0,n.jsx)(R.A,{className:"d-block",children:r})]});T.propTypes={widgetId:a().number.isRequired,captchaProps:a().object.isRequired,validated:a().bool,error:a().string,formHasError:a().bool,language:a().string},T.defaultProps={error:"",language:"de"};var N=r(61875),w=r(18590),E=r(94320);let I=({id:e,value:t,onChange:r,validated:i,error:l,text:a,required:s,values:d})=>(0,n.jsx)(N.A,{children:(0,n.jsxs)(N.A,{check:!0,children:[(0,n.jsx)(w.A,{type:"checkbox",onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),e.target.checked=!e.target.checked,e.target.dispatchEvent(new Event("change",{bubbles:!0})))},required:s,id:`${e}`,checked:t===d[0],name:e,onChange:e=>{r(e.target.checked?d[0]:null)},value:d[0],valid:i&&0===l.length,invalid:i&&l.length>0}),(0,n.jsx)(E.A,{check:!0,for:`${e}`,children:(0,n.jsx)("span",{dangerouslySetInnerHTML:{__html:a}})}),i&&l.length>0&&(0,n.jsx)(R.A,{children:l})]})});I.propTypes={id:a().string.isRequired,required:a().bool,value:a().oneOfType([a().string,a().number,a().bool]).isRequired,onChange:a().func.isRequired,validated:a().bool,error:a().string,text:a().string,values:a().array.isRequired},I.defaultProps={error:""};let F=({id:e,type:t,required:r,label:i,value:l,placeholder:a,onChange:s,validated:d,error:o,maxlength:c,min:u,max:h})=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(w.A,{type:t,id:e,placeholder:a,required:r,value:l,onChange:e=>s(e.target.value),valid:d&&0===o.length,invalid:d&&o.length>0,maxLength:c&&""!==c?c:null,min:u&&""!==u?u:null,max:h&&""!==h?h:null,className:"dumont-basket-input w-100 b-light-20 form-editor"}),d&&o.length>0&&(0,n.jsx)(R.A,{children:o})]});F.propTypes={id:a().string.isRequired,type:a().string.isRequired,required:a().bool,label:a().string,placeholder:a().string,value:a().string.isRequired,onChange:a().func.isRequired,validated:a().bool,error:a().string,maxlength:a().oneOfType([a().number,a().string]),min:a().oneOfType([a().number,a().string]),max:a().oneOfType([a().number,a().string])},F.defaultProps={error:""};var C=r(7274),S=r.n(C);let $=({headline:e})=>(0,n.jsx)("h2",{className:S().formHeadline,dangerouslySetInnerHTML:{__html:e}});$.propTypes={headline:a().string.isRequired};let L=({id:e,value:t,onChange:r,validated:i,error:l,values:a,inline:s})=>{let d=e=>{let n=t.split(",").filter(Boolean);e.target.checked?n.push(e.target.value):n=n.filter(t=>t!==e.target.value),r(n.join(","))};return(0,n.jsxs)(N.A,{children:[a.map((r,a)=>(0,n.jsxs)(N.A,{check:!0,inline:s,children:[(0,n.jsx)(w.A,{type:"checkbox",id:`${e}-${a}`,checked:t.split(",").includes(r),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),e.target.checked=!e.target.checked,e.target.dispatchEvent(new Event("change",{bubbles:!0})))}

1,name:e,onChange:d,value:r,valid:i&&0===l.length,invalid:i&&l.length>0}),(0,n.jsx)(E.A,{check:!0,for:`${e}-${a}`,children:r})]},r)),i&&l.length>0&&(0,n.jsx)(R.A,{className:"d-block",children:l})]})};L.propTypes={id:a().string.isRequired,value:a().string.isRequired,onChange:a().func.isRequired,validated:a().bool,error:a().string,values:a().array.isRequired,inline:a().bool},L.defaultProps={error:""};let P=({id:e,required:t,value:r,onChange:i,validated:l,error:a,values:s,inline:d})=>{let o=e=>i(e.target.value);return(0,n.jsx)(N.A,{children:s.map((i,s)=>(0,n.jsxs)(N.A,{check:!0,inline:d,children:[(0,n.jsx)(w.A,{type:"radio",onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),e.target.checked=!e.target.checked,e.target.dispatchEvent(new Event("change",{bubbles:!0})))},id:`${e}-${s}`,checked:r===i,name:e,required:t,onChange:o,value:i,valid:l&&0===a.length,invalid:l&&a.length>0}),(0,n.jsx)(E.A,{check:!0,for:`${e}-${s}`,children:i}),l&&a.length>0&&(0,n.jsx)(R.A,{children:a})]},i))})};P.propTypes={id:a().string.isRequired,required:a().bool,value:a().string.isRequired,onChange:a().func.isRequired,validated:a().bool,error:a().string,values:a().array.isRequired,inline:a().bool},P.defaultProps={error:""};let H=({id:e,required:t,label:r,placeholder:i,value:l,onChange:a,validated:s,error:d,values:o})=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(w.A,{type:"select",className:"dumont-basket-input b-light-20",id:e,required:t,value:l,onChange:e=>a(e.target.value),valid:s&&0===d.length,invalid:s&&d.length>0,children:[t?(0,n.jsx)("option",{value:"",disabled:!0,hidden:!0,children:i},"placeholder"):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("option",{value:"",disabled:!0,hidden:!0,children:i},"placeholder"),(0,n.jsx)("option",{value:""},"no-value")]}),o.map(e=>(0,n.jsx)("option",{value:e,children:e},e))]}),s&&d.length>0&&(0,n.jsx)(R.A,{children:d})]});H.propTypes={id:a().string.isRequired,required:a().bool,label:a().string,placeholder:a().string,value:a().string.isRequired,onChange:a().func.isRequired,validated:a().bool,error:a().string,values:a().array.isRequired},H.defaultProps={error:"",placeholder:""};let D=({value:e,onChange:t,min:r,max:i,step:l,id:a,leftText:s,rightText:d,validated:u,error:h})=>(0,n.jsxs)(o.A,{children:[(0,n.jsxs)(c.A,{xs:12,children:[(0,n.jsx)(w.A,{type:"range",min:r,max:i,step:l,value:e,onChange:e=>t(e.target.value),id:a}),u&&h.length>0&&(0,n.jsx)(R.A,{children:h})]}),(0,n.jsx)(c.A,{xs:6,className:"mt-2",children:s}),(0,n.jsx)(c.A,{xs:6,className:"mt-2 text-end",children:d})]});D.propTypes={value:a().oneOfType([a().number,a().string]),onChange:a().func,min:a().number,max:a().number,step:a().number,id:a().string,leftText:a().string,rightText:a().string,validated:a().bool,error:a().string};let V=e=>{let{text:t}=e;return(0,n.jsx)("span",{dangerouslySetInnerHTML:{__html:t}})};V.propTypes={text:a().string.isRequired};let O={button:q,captcha:T,checkbox:I,date:e=>(0,n.jsx)(F,{type:"date",...e}),email:e=>(0,n.jsx)(F,{type:"email",...e}),headline:$,hidden:e=>(0,n.jsx)(F,{type:"hidden",...e}),multi_checkbox:L,new_line:()=>(0,n.jsx)("div",{}),number:e=>(0,n.jsx)(F,{type:"number",...e}),radio:P,select:H,slider:D,text:e=>(0,n.jsx)(F,{type:"text",...e}),textarea:e=>(0,n.jsx)(F,{type:"textarea",...e}),text_picture:V};var M=r(30233),z=r.n(M);let Y=({widgetId:e,formFields:t,storeData:r,onChange:i,validationResult:l,submitPending:a,isActiveStep:s,captcha:d})=>t.map((o,u)=>((o,u)=>{let{component:h,data:p,id:g}=o,{label:m,width:f,required:x,key:v,showWhenField:k,showWhenValue1:q,showWhenValue2:R,infoText:T,infoTextIsVisible:N}=p,w=l?l[g]:null,E=((e,t)=>{if(t){let r=e.find(e=>e.name===t);if(r)return r.id}return null})(t,k),I=r[E];if(!E||I===q||I===R||"*"===q&&I||"*"===R&&I||I&&"string"==typeof I&&I.split(",").find(e=>e===q)||I&&"string"==typeof I&&I.split(",").find(e=>e===R))if(O[h]){let t=O[h];return(0,n.jsxs)(c.A,{md:f,className:b()(z()[`form-field-${h}`],"mb-3",`form-field-${h}`),children:[m&&(0,n.jsx)("label",{htmlFor:`form-field-${g}`,className:b()(z().formFieldLabel,"mb-2 r-regular cursor-pointer form-label form-label"),children:`${m}${x?"*":""}`}),T&&N&&(0,n.jsx)("div",{className:"mb-3",dangerouslySetInnerHTML:{__html:T}}),T&&!N&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(A.g,{style:{marginLeft:"6px"},icon:y.iW_,id:`infoText-${g}`,className:`${m?"":"mb-2"}`,size:"lg"}),(0,n.jsx)(j.A,{target:`#infoText-${g}`,children:(0,n.jsx)(_.A,{dangerouslySetInnerHTML:{__html:T}})})]}),(0,n.jsx)(t,{...p,id:`form-field-${g}`,widgetId:e,onChange:e=>{i(v,e)},value:r?.[v]||"",validated:!!w,error:w&&!w.valid?w.message:"",submitPending:a,isActiveStep:s,captchaProps:"captcha"===h?d:null})]},u)}else console.error("Cannot render field",h);return null})(o,u)),K=e=>{let{id:t,formFields:r,form:l,submitText:a,redirectLink:p,isEnglish:f,name:v}=e,b=(0,i.useRef)(null),j=(0,m.A)(e=>e.initInput),_=(0,m.A)(e=>e.loadToken),y=(0,m.A)(e=>e.updateInput),A=(0,m.A)(e=>e.setValidationErrors),k=(0,m.A)(e=>e.setValidatedStep),q=(0,m.A)(e=>e.submit),R=(0,m.A)(e=>e[t]&&e[t].validationErrors?e[t].validationErrors:{}),T=(0,m.A)(e=>e[t]&&e[t].validatedStep?e[t].validatedStep:0),N=(0,m.A)(e=>!!e[t]&&e[t].fulfilled),w=(0,m.A)(e=>e[t]?e[t].csrftoken:null),E=(0,m.A)(e=>e[t]&&e[t].data?e[t].data:{}),I=(0,m.A)(e=>!!e[t]&&e[t].pending),F=(0,m.A)(e=>e[t]?e[t].error:null),{checkCaptcha:C,loadCaptcha:S,componentProps:$}=(0,s.Vz)({configurationId:"68",disabled:!(e=>{for(let t of e)if(t.filter(e=>"captcha"===e.component).length>0)return!0;return!1})(r||[])});(0,i.useEffect)(()=>{j(t,r),_(t,l)},[]);let L=(e,r)=>{y(t,{[e]:r})};return N?p?(g().push(p),null):(0,n.jsx)(d.A,{children:(0,n.jsx)(o.A,{children:(0,n.jsx)(c.A,{children:(0,n.jsx)("div",{className:"my-3",dangerouslySetInnerHTML:{__html:a},ref:b})})})}):I&&0===r.length?(0,n.jsx)("div",{className:"my-5 text-center",children:(0,n.jsx)("div",{className:"spinner-border text-secondary"})}):F?.message==="csrftoken_invalid"?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(u.A,{color:"danger",className:"mt-3",children:f?"invalid_form_token_message_english":"invalid_form_token_message"}),(0,n.jsx)("button",{className:"btn btn-primary",onClick:()=>void _(t,l).then(e=>{200===e.value.status&&q(t,l,e.value.data.csrftoken)}),children:f?"Retry":"Erneut versuchen"})]}):(0,n.jsxs)(d.A,{className:"widgetPadding",children:[(0,n.jsx)(h.A,{onSubmit:e=>{let n;window&&setTimeout(()=>{let e=document.getElementById("widget_"+t);e&&e.scrollIntoView()},0),e.preventDefault(),(n=r[T],Promise.all(n.map(e=>{let{id:t,data:r,component:n}=e;return r.required&&(!E[r.key]||0===E[r.key].length)?{id:t,valid:!1,message:f?"Required fields have not been filled in":"Pflichtfeld nicht gef\xfcllt"}:"date"!==n||x()(E[r.key],"YYYY.MM.DD").isValid()?"captcha"===n?new Promise(e=>{C().then(r=>{r?e({id:t,valid:!0}):e({id:t,valid:!1})})}):{id:t,valid:!0}:{id:t,valid:!1,message:f?"Please provide a valid date":"Bitte ein g\xfcltiges Datum angeben"}})).then(e=>{let t={};return e.forEach(({id:e,...r})=>{t[e]=r}),t})).then(e=>{let n=Object.values(e).filter(e=>!e.valid).length>0;A(t,{...R,...e}

1),n?S():T<r.length-1?k(t,T+1):q(t,l,w)})},children:r?.map((e,r)=>r<=T?(0,n.jsxs)(o.A,{children:[(0,n.jsx)("input",{type:"hidden",name:"data-step",value:T}),(0,n.jsx)("input",{type:"hidden",name:"data-form-name",value:v}),(0,n.jsx)(Y,{widgetId:t,formFields:e,onChange:L,storeData:E,validationResult:R,submitPending:I,isActiveStep:r===T,captcha:$})]},r):null)}),F&&(0,n.jsx)(u.A,{color:"danger",children:(0,n.jsx)("pre",{children:JSON.stringify(F,null,2)})})]})};K.propTypes={id:a().number,formFields:a().array.isRequired,form:a().oneOfType([a().string,a().number]).isRequired,submitText:a().string,redirectLink:a().string,name:a().string,isEnglish:a().bool};let B=K},87397:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var n=r(92204),i=r(7086);let l=(0,n.v)((e,t)=>({initInput:(t,r)=>{e(e=>{let n={},i=e&&e[t]&&e[t].data;return r?.forEach(e=>{e.forEach(e=>{void 0!==e.data.defaultValue&&(n[e.id]=e.data.defaultValue)})}),{...e,[t]:{pending:!1,fulfilled:!1,validatedSteps:0,validationErrors:{},data:{...i,...n}}}})},loadToken:async(t,r)=>{let{csrftoken:n}=(await i.A.get(`/api/forms/token?formId=${r}`)).data;e(e=>({...e,[t]:{...e[t],pending:!1,csrftoken:n}}))},updateInput:(t,r)=>{e(e=>{let n=e[t]&&e[t].data?e[t].data:{};return{...e,[t]:{...e[t],data:{...n,...r}}}})},setValidationErrors:(t,r)=>{e(e=>({...e,[t]:{...e[t],validated:!0,validationErrors:r}}))},setValidatedStep:(t,r)=>{e(e=>({...e,[t]:{...e[t],validatedStep:r}}))},submit:async(r,n,l)=>{let a=t(),s=a?.[r]?.data||{},{status:d}=await i.A.post("/api/forms",{formId:n,data:s,csrftoken:l})||{};200!==d||e(e=>({...e,[r]:{...e[r],pending:!1,fulfilled:!0}}))}}))}}]);