https://www.neckermann-reisen.de/assets/js/rqn-obj-wolf-core-bestC…?v=4ba06a00e9af6b795da2

1(self.webpackChunkrqn_cms_neckermann=self.webpackChunkrqn_cms_neckermann||[]).push([[5391],{4417(e,t,r){"use strict";r.r(t),r.d(t,{default:()=>p});var a=r(4848),n=r(6540),l=r(4164),s=r(5996),o=r.n(s),i=r(9165),d=r(2889);const b=({as:e="div",classes:t,color:r="default",type:n="solid",children:s,...o})=>{let i=(0,l.A)("flex leading-tight py-2 transition-all cursor-pointer min-h-12 px-4 items-center justify-center rounded-xl font-bold transition-all text-xl",{"bg-gray-500 hover:bg-gray-600":!r&&!n},{"text-white bg-gray-500 hover:bg-gray-600":"default"===r&&"solid"===n},{"text-white bg-gradient-brand-1 hover:bg-gradient-brand-1-inverse":"brand-1"===r&&"solid"===n},{"text-white bg-gradient-brand-2 hover:bg-gradient-brand-2-inverse":"brand-2"===r&&"solid"===n},{"text-white bg-gradient-brand-3 hover:bg-gradient-brand-3-inverse":"brand-3"===r&&"solid"===n},{"text-brand-2 bg-white hover:bg-white":"white"===r&&"solid"===n},{"text-brand-2 bg-black hover:bg-black":"black"===r&&"solid"===n},{"text-gray-500 border border-solid border-gray-500 hover:text-white hover:bg-gray-500":"default"===r&&"outline"===n},{"text-brand-1 border border-solid border-brand-1 hover:text-white hover:bg-brand-1":"brand-1"===r&&"outline"===n},{"text-brand-2 border border-solid border-brand-2 hover:text-white hover:bg-brand-2":"brand-2"===r&&"outline"===n},{"text-brand-3 border border-solid border-brand-3 hover:text-white hover:bg-brand-3":"brand-3"===r&&"outline"===n},{"text-white border border-solid border-white hover:text-brand-2 hover:bg-white":"white"===r&&"outline"===n},{"text-black border border-solid border-black hover:text-brand-2 hover:bg-black":"black"===r&&"outline"===n},{[t]:t});const d=e;return(0,a.jsx)(d,{className:i,...o,children:s})},c=function(e){const{name:t,label:r,required:l=!1,error:s=!1,onChange:o,value:i,inputRef:d,type:b}

1=e,[c,u]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{u(!!i)},[i]),(0,a.jsxs)("div",{className:`wolf-ibe-form-textinput ${s?"wrongInput":""} ${c?"hasContent":""}`,children:[(0,a.jsx)("input",{id:"form-input-"+t,name:t,required:l,value:i,type:b||"text",...d,onChange:e=>{e.target.value?u(!0):u(!1),o?.(e),d?.onChange?.(e)}}),(0,a.jsxs)("label",{htmlFor:"form-input-"+t,children:[r," ",l&&"*"]})]})},u=function({label:e,choseLabel:t="Wählen Sie eine Option",showChoseLabel:r=!0,options:n,inputRef:l,error:s,onChange:o,...i}){const d="wolf-ibe-form-select";let b=d;return s&&(b+=" wrongInput"),(0,a.jsx)("div",{className:b,children:(0,a.jsxs)("div",{className:d+"-wrap",children:[(0,a.jsxs)("select",{id:"select__"+i.name,...l,onChange:e=>{o?.(e),l?.onChange?.(e)},...i,children:[r&&(0,a.jsx)("option",{value:"",children:t},"select_default"),n.map((e,t)=>(0,a.jsx)("option",{value:e.value,selected:e.selected,children:e.name},t))]}),(0,a.jsxs)("label",{htmlFor:"select__"+i.name,children:[e," ",i.required&&"*"]})]})})};var m=r(1202),h=r(1529);const g=Object.freeze([{value:"Herr",name:"salutationMr"},{value:"Frau",name:"salutationMrs"},{value:"Firma",name:"salutationCompany"},{value:"Familie",name:"salutationFamily"}]),p=(0,m.CI)("ibe")(function(e){const{t,i18n:r}

1=e,[s,m]=(0,n.useState)("form"),[p,f]=(0,n.useState)({}),v=(0,n.useRef)(),x=e.node.cmsObjectData,w=(0,n.useMemo)(()=>g.map(e=>({...e,name:t(e.name)})),[r.language]);(0,n.useEffect)(()=>{(0,h.A)("form-view",{val:"Newsletter"})},[]);const j=(0,n.useCallback)(e=>{e.preventDefault();const t=v.current,r={};for(var a=0;a<t.length;a++)"submit"!==t[a].type&&(r[t[a].name]=t[a].value);(0,h.A)("form-submit",{val:"Newsletter"}),m("load"),async function(e){const t=await fetch(`${function(e=""){const t=globalThis.frontendConfig?.wolf?.rmsApi;return`${t}/${globalThis.rqnInstance?.tenant||globalThis.frontendConfig?.wolf?.tenant}${e}`}()}/newsletter/subscribe`,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(e)}),r=await t.json();if(!t.ok)throw r;return r}(r).then(()=>{m("success"),(0,h.A)("form-success",{val:"Newsletter"}),(0,h.A)("newsletter-subscribe",{val:r.email})}).catch(e=>{e?.errors?(f(e.errors),m("form")):m("failed"),(0,h.A)("form-error",{val:"Newsletter"})})},[v.current]);return(0,a.jsxs)(a.Fragment,{children:["success"===s&&(0,a.jsx)("div",{className:"text-sm leading-normal",children:t("newsletter.success.message")}),"failed"===s&&(0,a.jsx)("div",{className:"text-sm leading-normal",children:t("newsletter.error.message")}),(0,a.jsxs)("form",{ref:v,onSubmit:j,className:(0,l.A)({invisible:"form"!==s}),children:[(0,a.jsx)(u,{name:"salutation",label:t("salutation"),choseLabel:t("select.chooseOption.label"),options:w,required:!0,error:p.salutation}),(0,a.jsx)(c,{id:"nl_firstname",name:"firstName",label:t("firstname"),required:!0,error:p.firstName}),(0,a.jsx)(c,{id:"nl_lastname",name:"lastName",label:t("lastname"),required:!0,error:p.lastName}),(0,a.jsx)(c,{id:"nl_email",name:"email",label:t("email"),type:"email",required:!0,error:p.email}),(0,a.jsx)("div",{className:"text-sm leading-normal",children:t("newsletter.legal.message")}),(0,a.jsx)("div",{className:"mt-4",children:(0,a.jsxs)(b,{as:"button",classes:"w-full",color:"brand-1",type:x.type,children:[x.buttonLabel," ",(0,a.jsx)(o(),{path:i.mI8,className:"ml-2",size:1})]})})]}),"load"===s&&(0,a.jsx)(d.a,{})]})})},9079(e,t,r){e.exports=new class{constructor(){}getMetaData(){return{name:"bestConnectNewsletter",label:"Newsletter",category:"Newsletter",position:10,controlGroups:[[{type:"button",operation:"edit"},{type:"dropdown",items:[{operation:"move"},{operation:"duplicate"},{operation:"trash"}]}]],editGroups:[{id:"general",tab:"general",label:"Allgemein",initialOpen:!0,toggleContent:!1,dataFields:[{name:"buttonLabel",label:"Button Label",type:"TextInput"}]}]}}getDataSchema(){return{buttonLabel:{type:"String",default:"anmelden"}}}getRenderComponent(){return r(4417)}}},1529(e,t,r){"use strict";function a(e,t){window.tap&&window.tap.event(e,t)}r.d(t,{A:()=>a})}}]);