https://www.gute-fahrt.de/_next/static/chunks/NewsletterUnsubscribe.4cc855bef4cf6448.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19757,58327,63193],{20173:(e,t,s)=>{s.r(t),s.d(t,{Unsubscribe:()=>g});var r=s(6029),a=s(683),l=s(49436),n=s.n(l),i=s(5700),c=s(81278),m=s(55729),d=s(33364),o=s(35019);let x=(s(29143).env.NEXT_PUBLIC_CRM_WEBHOOK_ROOT||"https://uaeslwxw4a.execute-api.eu-central-1.amazonaws.com")+"/marketingSettings",g=({tagline:e,headline:t,newsletterLabel:s,marketingLabel:l,newsletterListId:g=null,newsletterPortal:u,newsletterPortals:h})=>{let p=(0,i.c)("common"),j=(0,c.useRouter)(),[v,f]=(0,m.useState)({marketing:!1,newsletters:[]}),[w,b]=(0,m.useState)(null),[S,y]=(0,m.useState)(!0),[N,k]=(0,m.useState)(!1),[E,C]=(0,m.useState)(!1),[I,T]=(0,m.useState)(!1),O=s&&h?h.filter(e=>(w?.newsletters||[]).includes(e)).length:(w?.newsletters||[]).filter(Boolean).length,A=(0,a.getActive)()?.id==="DK-EVENTS",L=S||E;(0,m.useEffect)(()=>{f(w)},[w]);let R=()=>(j?.query?.hem||"").replace(/ /g,"+"),$=()=>j?.query?.email||"",B=async(e,t)=>{let s=R();if(!s){k(!0),y(!1);return}k(!1),y(!0);try{e||(e=h||[]),t||(t=g||"");let r=(await Promise.all(e.map(async e=>{let r=await fetch(`${x}?email=${encodeURIComponent(s)}&project=${e}&newsletterListId=${t}`),a=await r.json();return{portal:e,...a}}))).reduce((e,t)=>(t.newsletter&&e.newsletters.push(t.portal),t.marketing&&(e.marketing=!0),e),{newsletters:[],marketing:!1});b(r),k(!1)}catch(e){k(!0),console.error(e)}y(!1)},P=async()=>{let e=R(),t=j?.query?.listId||g;if(!e){k(!0),y(!1);return}let s=u||(0,a.getActive)().id;B("DK-EVENTS"===s?Object.keys(n().mailjet):[s],t)},U=async(e,t)=>{try{k(!1),C(!0),y(!1),await fetch(`${x}?email=${encodeURIComponent(e)}&newsletterListId=${t}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({newsletter:!1})}),T(!0)}catch(e){k(!0),console.error("error in unsubscribeFromList",e)}finally{y(!1),k(!1),C(!1)}},_=async e=>{try{y(!0);let t=u||(0,a.getActive)().id;for(let s of h||[t]){let t={newsletter:!1};A&&(t.marketing=!1),await fetch(`${x}?email=${encodeURIComponent(e)}&project=${s}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})}}catch(e){console.error("error in unsubscribeFromLists",e)}finally{y(!1),k(!1)}};(0,m.useEffect)(()=>{let e=R(),t=$();j?.query?.unsubListId&&e?U(e,j?.query?.unsubListId):t&&!e?_(t):h?.length?h&&B(null,j?.query?.listId):P()},[j?.query]);let F=async e=>{C(!0);try{let t=R();if(h?.length){let s={marketing:!1};for(let r=0;r<h.length;r++){let a=h[r],l=await fetch(`${x}?email=${encodeURIComponent(t)}&project=${a}&newsletterListId=${g||""}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({newsletter:e.newsletters.includes(a),marketing:!!e.marketing})});(await l.json()).marketing&&(s.marketing=!0)}f({...v||{},newValue:s})}else{let s=u||(0,a.getActive)().id,r=await fetch(`${x}?email=${encodeURIComponent(t)}&project=${s}&newsletterListId=${g}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({newsletter:e.newsletters.includes(s),marketing:!!e.marketing})}),l=await r.json(),n={marketing:!1};l.marketing&&(n.marketing=!0),f({...v||{},newValue:n})}}catch(e){console.error(e)}C(!1)};return(0,r.jsxs)("div",{className:"flex min-h-full flex-col justify-center py-12 sm:px-6 lg:px-8",children:[!(!R()&&$())&&!j?.query?.unsubListId&&(0,r.jsxs)("div",{className:"mb-6 sm:mx-auto sm:w-full md:w-3/5 lg:w-2/5",children:[(0,r.jsx)("h1",{className:" mt-6 text-center text-2xl text-gray-900",children:t}),(0,r.jsx)("p",{className:" mt-6 text-center text-gray-500",children:e})]}),L&&(0,r.jsx)("div",{className:"sm:mx-auto sm:w-full md:w-3/5 lg:w-2/5",children:(0,r.jsx)("div",{className:"bg-white px-4 py-8 shadow sm:px-10",children:(0,r.jsxs)("span",{className:"mt-6 text-center text-2xl text-gray-900",children:[R()&&(0,r.jsxs)(r.Fragment,{children:[S&&!N&&"Einstellungen werden geladen...",E&&!N&&"Einstellungen werden gespeichert..."]}),!R()&&$()&&"Einstellungen werden gespeichert..."]})})}),!L&&N&&(0,r.jsx)("div",{className:"sm:mx-auto sm:w-full md:w-3/5 lg:w-2/5",children:(0,r.jsx)("div",{className:"bg-white px-4 py-8 shadow sm:px-10",children:(0,r.jsx)("span",{className:"mt-6 text-center text-2xl text-gray-900",children:(0,r.jsx)(r.Fragment,{children:N&&!S&&"Es ist ein Fehler aufgetreten, bitte \xfcberpr\xfcfen Sie den aufgerufenen Link!"})})})}),!!I&&!N&&!L&&(0,r.jsx)("div",{className:"sm:mx-auto sm:w-full md:w-3/5 lg:w-2/5",children:(0,r.jsx)("div",{className:"bg-white px-4 py-8 shadow sm:px-10",children:(0,r.jsx)("span",{className:"mt-6 text-center text-2xl text-gray-900",children:"Sie wurden vom Verteiler abgemeldet."})})}),!L&&!N&&!I&&(0,r.jsxs)(r.Fragment,{children:[R()&&(0,r.jsx)(r.Fragment,{children:0!==O||A?(0,r.jsx)("form",{onSubmit:e=>{e.preventDefault();let t={newsletters:v.newsletters||[],marketing:v.marketing};for(let s of e.target?.elements)"checkbox"===s.type&&"marketing"===s.name&&(t.marketing=s.checked);return F(t),!1},className:"sm:mx-auto sm:w-full md:w-3/5 lg:w-2/5",children:(0,r.jsx)("div",{className:"bg-white px-4 py-8 shadow sm:px-10",children:(0,r.jsxs)("div",{className:"space-y-6",children:[!!s&&h?.length>0&&(0,r.jsxs)("div",{className:"flex w-full flex-col",children:[(0,r.jsx)("h3",{className:" text-center text-xl text-gray-900",children:s}),(0,r.jsx)("div",{className:"flex w-full",children:(0,r.jsx)(o.Multiple,{options:h||[],checkedPortals:v?.newsletters||[],setCheckedPortals:e=>f({...v,newsletters:e})})})]}),!!l&&(0,r.jsx)("div",{className:"flex",children:(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsx)("input",{type:"checkbox",id:"marketing",name:"marketing",defaultChecked:v?.marketing,onChange:e=>{f({...v,[e.target.name]:e.target.checked})},className:"size-4 border-gray-300"}),(0,r.jsx)("label",{htmlFor:"marketing",className:"ml-2 block text-sm text-gray-900",children:l})]})}),(0,r.jsx)("div",{children:(0,r.jsx)(d.$,{buttonLabel:p("SAVE_CHANGES"),buttonOutline:!0})})]})})}):(0,r.jsx)("div",{className:"sm:mx-auto sm:w-full md:w-3/5 lg:w-2/5",children:(0,r.jsx)("div",{className:"bg-white px-4 py-8 shadow sm:px-10",children:(0,r.jsx)("span",{className:"mt-6 text-center text-2xl text-gray-900",children:p("MISSING_SUBSCRIPTION_ERROR")})})})}),!R()&&$()&&(0,r.jsx)("div",{className:"sm:mx-auto sm:w-full md:w-3/5 lg:w-2/5",children:(0,r.jsx)("div",{className:"bg-white px-4 py-8 shadow sm:px-10",children:(0,r.jsx)("span",{className:"mt-6 text-center text-2xl text-gray-900",children:"Die Abmeldung wurde erfolgreich gespeichert"})})})]})]})}},35019:(e,t,s)=>{s.r(t),s.d(t,{Anmeldung:()=>y,Multiple:()=>w,ThankYou:()=>S});var r=s(6029),a=s(19844),l=s(683),n=s(75828),i=s.n(n),c=s(5700),m=s(91694),d=s(55729),o=s(42861),x=s(33364),g=s(49747),u=s(65844),h=s(50238),p=s(90052),j=s(70856),v=s(29143);let f={0x9f043d:"BIKE-FESTIVAL",0x9f043e:"BIKE-FESTIVAL"},w=({options:e,checkedPortals:t,setCheckedPortals:s,newsletterListId:a})=>{let l=e=>{if(!s)return;let r=[...t];e.target.checked?r.includes(e.target.name)||r.push(e.target.name):r.includes(e.target.name)&&r.splice(r.indexOf(e.target.name),1),s(r)};return console.log({checkedPortals:t,options:e}),(0,r.jsx)("div",{className:"mb-6 grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",children:e.map(e=>(0,r.jsxs)("label",{htmlFor:e,className:" flex w-full cursor-pointer flex-wrap justify-center space-y-4 bg-white p-4 text-gray-500 drop-shadow-lg",children:[(0,r.jsx)("div",{className:"flex w-full justify-center",children:(0,r.jsx)(j.PortalLogoSvg,{portal:f[a]||e,width:140,color:!0})}),(0,r.jsx)(g.J,{id:e,name:e,type:"checkbox",value:t.includes(e),checked:t.includes(e),className:"cursor-pointer",onChange:l})]},`newsletter-portal-${e}`))})},b=({setSubscribed:e,portal:t,tagline:s,headline:a,datenschutz:l,nutzungsbedingungen:n,multipleSubscriptions:j=[],newsletterListId:f,newsletterConfirmationTemplateId:b,inlineArticle:S})=>{let y=(0,c.c)("common");(0,m.Ym)();let N=y("NEWSLETTER_LANGUAGE_NOTICE"),k=[...new Set([t,...Array.isArray(j)?j:[]])],[E,C]=(0,d.useState)(""),[I,T]=(0,d.useState)(!1),[O,A]=(0,d.useState)(1===k.length?k:[]),L=v.env.NEXT_PUBLIC_CRM_W

1EBHOOK_ROOT||"https://uaeslwxw4a.execute-api.eu-central-1.amazonaws.com",R=async e=>{let t=`${L}/newsletterRegistration`;return 200==(await fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})).status},$=async s=>(s.preventDefault(),I&&E&&O.length?(await R({event:"subscribed",portal:t,portals:O,email:E,agb_agreement:I,newsletterListIds:f?[f]:null,newsletterConfirmationTemplateId:b}),e(!0)):console.warn(`Anmeldung.js:140 ${!I?"AGB not checked!":""} ${!E.length?"E-Mail empty":""} ${!O.length?"No portals selected!":""}`),!1);return(0,r.jsxs)("div",{className:i()({" flex flex-col justify-center px-4 sm:px-6 lg:px-8 min-h-full":!0,"py-12":!S,"md:w-2/3 mx-auto pb-12":S}),children:[(0,r.jsxs)("div",{className:i()({"my-3 md:my-6 sm:mx-auto sm:w-full text-center":!0,"md:w-3/5 lg:w-2/5":!S,"md:w-2/3 mx-auto":S}),children:[(0,r.jsx)(p.A,{headlineText:a,headlineUppercase:!1,headlineHeading:"h1",headlineSize:"sm",headlineStyle:"normal"}),(0,r.jsx)(o.X,{text:s,textSize:"md",textType:"paragraph"})]}),N&&(0,r.jsx)("div",{className:"mx-auto mb-4 rounded-md bg-yellow-50 p-4 text-center text-sm text-yellow-800 md:w-3/5 lg:w-2/5",children:N}),k.length>1?(0,r.jsx)("div",{className:"mx-auto md:w-3/5 lg:w-2/5",children:(0,r.jsx)(w,{options:k,checkedPortals:O,setCheckedPortals:A})}):null,(0,r.jsx)("form",{onSubmit:$,className:i()({"sm:mx-auto sm:w-full":!0,"md:w-3/5 lg:w-2/5":!S}),children:(0,r.jsx)("div",{className:"bg-white px-4 py-8 drop-shadow-lg sm:px-10",children:(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsx)("div",{children:(0,r.jsx)("div",{className:"mt-1",children:(0,r.jsx)(u.p,{id:"emailAddress",name:"emailAddress",type:"email",required:!0,default:E,onChange:e=>{C(e.target.value)},placeholder:"E-Mail",autoComplete:"off",formItemContrast:!0,pattern:"[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$"})})}),(0,r.jsx)("div",{className:"flex",children:(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsx)("span",{className:"mr-2 inline-flex",children:(0,r.jsx)(g.J,{required:!0,type:"checkbox",id:"agreement",checked:I,onChange:e=>T(e.target.checked)})}),(0,r.jsx)(h.J,{htmlFor:"agreement",labelPosition:"right",labelBold:!1,useDangerouslySetInnerHTML:!0,children:y.raw("CONFIRM_SUBSCRIPTION").replace("{agbLink}",n).replace("{daschuLink}",l)})]})}),(0,r.jsx)("div",{children:(0,r.jsx)(x.$,{buttonLabel:y("SUBSCRIBE"),buttonOutline:!0})})]})})})]})},S=({text:e,inlineArticle:t,backCallback:s})=>

1{let l=(0,c.c)("common");return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("div",{className:" mx-auto mb-16 max-w-screen-xl px-4",children:(0,r.jsx)("div",{className:"flex min-h-full flex-col justify-center py-12",children:(0,r.jsxs)("div",{className:"text-center sm:mx-auto sm:w-full md:w-4/5",children:[(0,r.jsx)("p",{className:"font-copy mb-4 mt-12 align-middle text-xl leading-relaxed md:mb-8 md:text-2xl md:leading-relaxed",children:e}),!t&&(0,r.jsx)("p",{className:"font-copy mb-4 mt-12 align-middle text-xl leading-relaxed md:mb-8 md:text-2xl md:leading-relaxed",children:(0,r.jsx)(a.Link,{...s?{onClick:()=>s()}:{href:"/"},className:"cursor-pointer",children:(0,r.jsx)("span",{className:"underline",children:l("HOME_BUTTON_LABEL")})})})]})})})})},y=({tagline:e,headline:t,nutzungsbedingungen:s,datenschutz:a,thankYouMessage:n,multipleSubscriptions:i,newsletterListId:c,newsletterConfirmationTemplateId:m,newsletterPortal:o,inlineArticle:x,reloadOnBack:g})=>{let[u,h]=(0,d.useState)(),p=o||(0,l.getActive)().id||null;return u?(0,r.jsx)(S,{text:n,inlineArticle:x,backCallback:g?()=>h(!1):void 0}):(0,r.jsx)(b,{portal:p,setSubscribed:h,headline:t,tagline:e,nutzungsbedingungen:s,datenschutz:a,multipleSubscriptions:i,newsletterListId:c,newsletterConfirmationTemplateId:m,newsletterPortal:o,inlineArticle:x})}},49747:(e,t,s)=>{s.d(t,{J:()=>n});var r=s(6029);s(55729);var a=s(75828),l=s.n(a);let n=({id:e,name:t,required:s,onChange:a,value:n,formItemDisabled:i=!1,checked:c=!1,onBlur:m})=>(0,r.jsx)("input",{className:l()({"rounded-sm cursor-pointer":!0,"pointer-events-none":i}),id:e,name:t,onChange:a,value:n,required:s,disabled:i,checked:c,onBlur:m,type:"checkbox"})},65844:(e,t,s)=>{s.d(t,{p:()=>i});var r=s(6029);s(55729);var a=s(75828),l=s.n(a),n=s(683);let i=({id:e,name:t,type:s="text",autoComplete:a,placeholder:i,required:c,onChange:m,onKeyUp:d,value:o,formItemContrast:x=!1,formItemSize:g="medium",formItemHighlight:u=!1,formItemDisabled:h=!1,min:p,max:j,step:v,pattern:f,onBlur:w,className:b="",isStandalone:S,labelPosition:y,shopSearch:N,isErroneous:k=!1,defaultValue:E})=>{let C;switch(!0===c&&i&&(i+=" *"),(0,n.getActive)().id){case"WING":case"MOD":case"BOOT":case"TOUR":case"SUP":case"SURF":C="px-[0.9em] pt-[0.4em] pb-[0.5em]";break;default:C="px-[0.9em] py-[0.4em]"}return(0,r.jsx)("input",{className:`${l()({[b]:!0,[C]:"range"!==s,"py-1 text-sm":"small"===g,"text-xs md:text-sm":"xs"===g,"text-sm md:text-base":"sm"===g,"text-base md:text-lg":"md"===g,"text-lg md:text-xl":"lg"===g,"bg-white text-sm md:text-base py-[1rem] relative":N,"px-2":"number"!==s&&"range"!==s,"pl-2 pr-0":"number"===s,"bg-white":x,"border-skin-secondary border-2":u&&!k,"pointer-events-none":h,"order-2 flex-1":"left"===y&&!S,"order-1 flex-1":"right"===y&&!S,"border-rose-600 border-2 hover:border-rose-600 focus:border-rose-600 focus:ring-rose-200":k})} ${b}`,id:e,name:t,onChange:m,value:o,type:s,enterKeyHint:"search"===s?"search":null,required:c,placeholder:i,autoComplete:a,disabled:h,min:p,max:j,step:v,pattern:f,onBlur:w,defaultValue:E,onKeyUp:d})}},70201:(e,t,s)=>{e.exports=s.p+"static/media/vwc-logo.09bf14c3.svg"},70856:(e,t,s)=>{s.r(t),s.d(t,{PortalLogoSvg:()=>$});var r=s(6029);let a=s.p+"static/media/bike-festival-logo.06a470a9.svg";var l=s(6370);let n=s.p+"static/media/bike-logo.043f1211.svg",i=s.p+"static/media/boex-logo-claim.a6fa52bf.svg",c=s.p+"static/media/boex-logo.b1b0d4a4.svg";var m=s(15881),d=s(26847),o=s(7969);let x=s.p+"static/media/delius-mono-logo.7ecbcf30.svg";var g=s(41589),u=s(22869),h=s(99981);let p=s.p+"static/media/mediasales-logo-small.890c93b2.svg",j=s.p+"static/media/mediasales-logo.8d9fea82.svg";var v=s(90585),f=s(91834),w=s(88286);let b=s.p+"static/media/porscherfahrer-logo.0e08ee96.svg";var S=s(32186),y=s(4377);let N=s.p+"static/media/surf-logo-gradient.986d6904.svg";var k=s(10629),E=s(81311);let C=s.p+"static/media/vdw-logo.cb33b133.svg";var I=s(70201),T=s(40553);let O=s.p+"static/media/wing-logo.177fdc83.svg",A=s.p+"static/media/yacht-classic-logo.79b8efa8.svg";var L=s(61622),R=s(19058);let $=({portal:e,color:t=!1,mobile:s=!1,type:$=!1,className:B="",title:P="",...U})=>{let _={...U,className:B,title:P};switch(e){case"WING":if(s)return(0,r.jsx)(R.Svg,{src:O,..._});if("claim"===$)return(0,r.jsx)(R.Svg,{src:T,..._});return(0,r.jsx)(R.Svg,{src:O,..._});case"MOD":return(0,r.jsx)(R.Svg,{src:v,..._});case"BOOT":return(0,r.jsx)(R.Svg,{src:m,..._});case"GUTEFAHRT":return(0,r.jsx)(R.Svg,{src:h,..._});case"BIKE":if(t||"header"===$)return(0,r.jsx)(R.Svg,{src:l,..._});return(0,r.jsx)(R.Svg,{src:n,..._});case"BIKE-FESTIVAL":return(0,r.jsx)(R.Svg,{src:a,..._});case"MYBIKE":return(0,r.jsx)(R.Svg,{src:f,..._});case"YACHT":return(0,r.jsx)(R.Svg,{src:L,..._});

1case"YACHT-CLASSIC":return(0,r.jsx)(R.Svg,{src:A,..._});case"TOUR":return(0,r.jsx)(R.Svg,{src:E,..._});case"VWC":return(0,r.jsx)(R.Svg,{src:I,..._});case"PorscheClassic":return(0,r.jsx)(R.Svg,{src:w,..._});case"PorscheFahrer":case"PORSCHEFAHRER":return(0,r.jsx)(R.Svg,{src:b,..._});case"BOEX":if("claim"===$)return(0,r.jsx)(R.Svg,{src:i,..._});return(0,r.jsx)(R.Svg,{src:c,..._});case"SUP":if("claim"===$)return(0,r.jsx)(R.Svg,{src:S,..._});return(0,r.jsx)(R.Svg,{src:y,..._});case"SUPCLAIM":return(0,r.jsx)(R.Svg,{src:S,..._});case"SURF":if("gradient"===$)return(0,r.jsx)(R.Svg,{src:N,..._});return(0,r.jsx)(R.Svg,{src:k,..._});case"EMTB":return t&&(_.className+=" text-black fill-current"),(0,r.jsx)(R.Svg,{src:g,..._});case"FREERIDE":return t&&(_.className+=" bg-skin-freeride"),(0,r.jsx)(R.Svg,{src:u,..._});case"DK-EVENTS-MARKETING":case"DK-EVENTS":if("mono"===$)return(0,r.jsx)(R.Svg,{src:x,..._});return(0,r.jsx)(R.Svg,{src:o,..._});case"DK-SHOP":if("mono"===$)return(0,r.jsx)(R.Svg,{src:x,..._});if("small"===$)return(0,r.jsx)(R.Svg,{src:d,..._});return(0,r.jsx)(R.Svg,{src:o,..._});case"DK-WEB":return(0,r.jsx)(R.Svg,{src:o,..._});case"VDW":return(0,r.jsx)(R.Svg,{src:C,..._});case"MEDIASALES":if("small"===$)return(0,r.jsx)(R.Svg,{src:p,..._});return(0,r.jsx)(R.Svg,{src:j,..._});default:return null}}},88286:(e,t,s)=>{e.exports=s.p+"static/media/porschekl-logo.0775eb16.svg"}}]);