https://www.quelle.de/assets/turbo/60feea67/quellede/_next/static/chunks/8218.14b5ed4c58e3bf4e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8218],{18218:(e,a,r)=>{r.r(a),r.d(a,{ChangeEmailModal:()=>A});var s=r(54568),t=r(59960),i=r(7620),n=r(23941),l=r(42584),o=r(50063),d=r(25599),c=r(85958),m=r(37677),u=r(49680),h=r(30720),g=r(27850),f=r(81610),x=r(94577),p=r(10476),b=r(98404),N=r(30120),v=r(75808),j=r(21193),C=r(38595),y=r(32599);let w=(0,d.YK)({headline:{id:"ChangeEmail.headline",defaultMessage:"E-Mail-Adresse \xe4ndern"},inputLabel:{id:"ChangeEmail.inputLabel",defaultMessage:"Neue E-Mail-Adresse"},inputConfirmationLabel:{id:"ChangeEmail.inputConfirmationLabel",defaultMessage:"Best\xe4tigung E-Mail-Adresse"},inputPlaceholder:{id:"ChangeEmail.inputPlaceholder",defaultMessage:"[email protected]"},newsletterLabel:{id:"ChangeEmail.newsletterLabel",defaultMessage:"Ja, ich m\xf6chte den {companyName} Newsletter. Nur einen Klick entfernt von aktuellen Trends, Neuheiten sowie jeder Menge Aktionen und Rabatten."},notEqual:{id:"ChangeEmail.notEqual",defaultMessage:"Ihre Eingaben stimmen nicht \xfcberein"},errorNoInput:{id:"ChangeEmail.errorNoInput",defaultMessage:"Bitte geben Sie Ihre neue E-Mail-Adresse an"}

1,errorEmailField:{id:"Login.message.invalidMail",defaultMessage:"Die E-Mail-Adresse ist nicht g\xfcltig."},changeEmailAddress:{id:"LoginContainer.ChangeEmailAddress",defaultMessage:"E-Mail-Adresse \xe4ndern"},emailBounceText:{id:"LoginContainer.EmailBounceText",defaultMessage:"Liebe Kundin, lieber Kunde,\n\nwir konnten leider an Ihre Adresse keine E-Mail zustellen.\n\nDamit wir Sie auch in Zukunft problemlos mit Informationen zu unserem Angebot und Ihrem Kundenkonto kontaktieren k\xf6nnen, bitten wir Sie Ihre Adresse zu pr\xfcfen und ggf. zu aktualisieren. Hinweis: bitte pr\xfcfen Sie, ob ggf. Ihr E-Mail-Postfach voll ist!\n\nSollte es weiterhin Probleme mit Ihrer E-Mail-Adresse geben oder Sie wollen uns diese grunds\xe4tzlich nicht angeben, teilen Sie uns dies bitte gesondert an <link>[email protected]</link> mit."},contactEmail:{id:"ServiceContactTile.emailAddress",defaultMessage:"[email protected]"}}),M=e=>(e.preventDefault(),!1),E=n.Ik({email:n.Yj().email(w.errorEmailField.defaultMessage),emailConfirmation:n.Yj().email()}).superRefine(({emailConfirmation:e,email:a},r)=>{e!==a&&r.addIssue({code:"custom",message:w.notEqual.defaultMessage,path:["emailConfirmation"]})}),k=({hideHeadline:e,customer:a,onClose:r})=>{let t=(0,c.A)(),{formatMessage:n}=t,d=(0,h.U)(),k=d.tracking.schemaOrgOrganisation[t.locale]?.contactPoint?.[0]?.email||"",{register:A,watch:S,formState:{errors:z}}=(0,l.mN)({resolver:(0,o.u)(E),mode:"onChange"}),I=S("email"),[L,F]=(0,i.useState)(!1),[P,T]=(0,i.useState)(""),[B,D]=(0,i.useState)(!1),[R,H]=(0,i.useState)(!0),_=(0,u.Y)(),K=()=>{H(!1),r?.()},Y=async()=>{if(!z?.email&&!z.emailConfirmation){F(!0);let e=await _?.changeEmailAddress({changeEmailAddressRequestPayload:{newEmailAddress:I,newsletter:B},ecLocale:t.locale});e?.errors?(T(e.errors.elements[0].description),F(!1)):e?.customer&&F(!1)}};return(0,s.jsxs)(j.l,{isOpen:R,onClose:()=>K(),className:"lg:w-[768px]",children:[(0,s.jsx)(y.X,{onClose:()=>K(),children:n(w.headline)}),L?(0,s.jsx)("div",{className:"mx-auto flex h-[200px] min-w-[500px] items-center justify-center",children:(0,s.jsx)(g.P,{className:"h-[40px] w-[40px]"})}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"h-full w-full",children:[(0,s.jsxs)("div",{className:"gap flex flex-col px-3 text-center",children:[(0,s.jsx)("p",{className:"text-size-headline-2xl pt-4 pb-2",children:n(w.changeEmailAddress)}),(0,s.jsx)("p",{className:"text-size-body-sm mb-2 text-center",children:n(w.emailBounceText,{link:()=>(0,s.jsx)("a",{href:`mailto:${k}`,children:k})})})]}),!e&&(0,s.jsx)("div",{className:"mx-4",children:t.formatMessage(w.headline)}),(0,s.jsxs)("div",{className:"bg-color-grey-light text-size-body-sm p-2",children:[P.length>0&&(0,s.jsx)(v.Notification,{severity:"error",children:P}),(0,s.jsxs)("form",{children:[(0,s.jsx)(b.p,{className:"mb-2",placeholder:t.formatMessage(w.inputPlaceholder),label:t.formatMessage(w.inputLabel),error:!!z?.email,helperText:z?.email?t.formatMessage(w.errorNoInput):void 0,...A("email")}),(0,s.jsx)(b.p,{placeholder:t.formatMessage(w.inputPlaceholder),label:t.formatMessage(w.inputConfirmationLabel),onPaste:e=>{M(e)},onDrop:e=>{M(e)},error:!!z?.emailConfirmation,helperText:z?.emailConfirmation?z.emailConfirmation?.message:void 0,...A("emailConfirmation")})]}),a?.permissions.newsletter&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(v.Notification,{severity:"info",children:(0,s.jsx)(m.A,{id:"ChangeEmail.newsletterHint",defaultMessage:"Du hast bisher unseren Newsletter an deine alte E-Mail Adresse bekommen. F\xfcr die neue E-Mail Adresse ben\xf6tigen wir erneut deine Zustimmung."})})}),(0,s.jsxs)("div",{className:"mt-4 mb-4 flex items-start gap-1",children:[(0,s.jsx)(p.S,{name:"newsletter-checkbox",onChange:()=>D(!B)}),(0,s.jsx)(N.J,{htmlFor:"newsletter-checkbox",children:t.formatMessage(w.newsletterLabel,{companyName:d.company.name})})]}),(0,s.jsxs)(x.Card,{className:"bg-color-grey-light p-2 text-center",children:[(0,s.jsx)(x.CardHeader,{className:"justify-center font-bold",children:(0,s.jsx)(m.A,{id:"ChangeEmail.emailAddressHintHeadline",defaultMessage:"Bitte beachten Sie"})}),(0,s.jsx)(m.A,{id:"ChangeEmail.emailAddressHintText",defaultMessage:"Ihre neue E-Mail-Adresse gilt f\xfcr die Anmeldung und alle Informationen rund um Ihre Bestellung sowie Service- und Kundeninformationen."})]})]})]}),(0,s.jsx)(C.E,{children:(0,s.jsxs)("div",{className:"mt-2 flex w-full flex-col justify-stretch",children:[(0,s.jsx)(f.Button,{color:"primary",size:"large",type:"submit",onClick:()=>Y(),className:"mx-4 mb-2",children:(0,s.jsx)(m.A,{id:"ChangeEmail.save",defaultMessage:"\xc4nderungen speichern"})}),(0,s.jsx)(f.Button,{size:"large",onClick:()=>K(),className:"mx-4 mb-2",children:(0,s.jsx)(m.A,{id:"ChangeEmail.cancel",defaultMessage:"abbrechen"})})]})})]})]})},A=({action:e,onClose:a})=>{let{customer:r}=(0,t.cN)();return(0,s.jsx)(k,{customer:r??null,hideHeadline:!1,onClose:a})}},27850:(e,a,r)=>{r.d(a,{P:()=>i});var s=r(54568),t=r(51445);let i=({className:e,value:a=0,mode:r="indeterminate",ariaLabel:i="Content loading"})=>{let n=2*Math.PI*20.2;return(0,s.jsxs)("span",{className:(0,t.cn)("icon-emp-spinner relative inline-flex items-center justify-center","determinate"===r?"-rotate-90":"",e),role:"progressbar","aria-valuenow":"determinate"===r?a:void 0,children:["determinate"===r&&(0,s.jsxs)("span",{className:"text-color-text-darktransparent text-size-body-sm absolute rotate-90",children:[a,(0,s.jsx)("span",{className:"text-sm",children:"%"})]}),(0,s.jsx)("span",{className:`${"indeterminate"===r?"animate-circular-progress":""} absolute h-full w-full`,children:(0,s.jsx)("svg",{viewBox:"22 22 44 44","aria-label":i,children:(0,s.jsx)("circle",{className:`${"indeterminate"===r?"animate-circular-progress-circle":""} text-color-primary`,style:{stroke:"currentcolor",strokeDasharray:"determinate"===r?n.toFixed(3):"80px, 200px",strokeDashoffset:"determinate"===r?`${((100-a)/100*n).toFixed(3)}px`:"0",strokeLinecap:"round"},cx:44,cy:44,r:20.2,fill:"none",strokeWidth:3.6})})}),(0,s.jsx)("svg",{viewBox:"22 22 44 44","aria-label":i,children:(0,s.jsx)("circle",{className:"text-color-linear-progress-background",style:{stroke:"currentcolor",strokeDashoffset:"0",strokeLinecap:"round"},cx:44,cy:44,r:20.2,fill:"none",strokeWidth:3.6})})]})}},37677:(e,a,r)=>{r.d(a,{A:()=>d});var s=r(32978),t=r(7620),i=r(62722),n=r(85958);function l(e){var a=(0,n.A)(),r=a.formatMessage,s=a.textComponent,i=void 0===s?t.Fragment:s,l=e.id,o=e.description,d=e.defaultMessage,c=e.values,m=e.children,u=e.tagName,h=void 0===u?i:u,g=r({id:l,description:o,defaultMessage:d},c,{ignoreTag:e.ignoreTag});return"function"==typeof m?m(Array.isArray(g)?g:[g]):h?t.createElement(h,null,g):t.createElement(t.Fragment,null,g)}

1l.displayName="FormattedMessage";var o=t.memo(l,function(e,a){var r=e.values,t=(0,s.__rest)(e,["values"]),n=a.values,l=(0,s.__rest)(a,["values"]);return(0,i.bN)(n,r)&&(0,i.bN)(t,l)});o.displayName="MemoizedFormattedMessage";let d=o},38595:(e,a,r)=>{r.d(a,{E:()=>i});var s=r(54568);r(7620);var t=r(51445);let i=({children:e,className:a,...r})=>(0,s.jsx)("div",{className:(0,t.cn)("bg-color-background-base z-dialog-sticky mt-auto p-2 shadow-sm",a),...r,children:(0,s.jsx)("div",{className:"flex gap-1 sm:flex-col sm:items-stretch md:flex-row-reverse md:items-center",children:e})});i.displayName="DialogFooter"},49680:(e,a,r)=>{r.d(a,{Y:()=>n});var s=r(76233),t=r(30720),i=r(9520);let n=()=>{let{jwtToken:e}=(0,i.w)(),a=(0,t.U)(),{data:n}=(0,s.u)(e?["customerApi",e]:null,async([,e])=>{try{let[s,t]=await Promise.all([Promise.all([r.e(9170),r.e(5716),r.e(5933),r.e(6189)]).then(r.bind(r,30846)),Promise.all([r.e(9170),r.e(5716),r.e(8191),r.e(7539)]).then(r.t.bind(r,18191,23))]),{apiKeyManager:i,FixFeatureUrlMiddleware:n}=s,{CustomerApi:l,Configuration:o}=t;return new l(new o({fetchApi:(e,a)=>fetch(e,a),headers:{accept:"application/json"},apiKey:e,middleware:[i.sessionInvalidationMiddleware,new n("feature-backend-customer")],basePath:a.apiEndpoints.customer}))}catch(e){return null}});return n||null}},59960:(e,a,r)=>{r.d(a,{cN:()=>l});var s=r(76233),t=r(85958),i=r(32380),n=r(49680);let l=()=>{let{locale:e}=(0,t.A)(),{softLoggedIn:a,loggedIn:r}=(0,i.m)(),l=(0,n.Y)(),{data:o,isLoading:d}=(0,s.u)(l&&!a&&r?"customer":null,()=>l.getCustomer({ecLocale:e}),{revalidateOnFocus:!1});return{customer:o,isLoading:d}}},94577:(e,a,r)=>{r.r(a),r.d(a,{Card:()=>l,CardAction:()=>g,CardContent:()=>u,CardDescription:()=>m,CardFooter:()=>h,CardHeader:()=>o,CardSubtitle:()=>c,CardTitle:()=>d});var s=r(54568),t=r(7620),i=r(51445);let n=(0,r(91397).F)("bg-color-background-base rounded transition-all",{variants:{hasAutoSeparation:{true:"divide-color-grey divide-y",fal

1se:""},layout:{outlined:"border-color-grey border",default:"shadow-xs"},isActive:{true:"border-l-color-primary border-l-4",false:""}},defaultVariants:{hasAutoSeparation:!1,layout:"default",isActive:!1}}),l=t.forwardRef(({className:e,hasAutoSeparation:a,isActive:r,layout:t="default",...l},o)=>(0,s.jsx)("div",{ref:o,className:(0,i.cn)(n({hasAutoSeparation:a,isActive:r,layout:t}),e),...l}));l.displayName="Card";let o=t.forwardRef(({className:e,hasDivider:a,...r},t)=>(0,s.jsx)("div",{ref:t,className:(0,i.cn)("flex gap-2 px-3 py-1.5",a&&"border-color-grey border-b",e),...r}));o.displayName="CardHeader";let d=t.forwardRef(({className:e,...a},r)=>(0,s.jsx)("p",{ref:r,className:(0,i.cn)("text-size-headline-base",e),...a}));d.displayName="CardTitle";let c=t.forwardRef(({className:e,...a},r)=>(0,s.jsx)("p",{ref:r,className:(0,i.cn)("text-size-body-sm text-color-text-darktransparent mt-0.5",e),...a}));c.displayName="CardSubtitle";let m=t.forwardRef(({className:e,...a},r)=>(0,s.jsx)("p",{ref:r,className:(0,i.cn)("text-size-body-xs mt-0.5",e),...a}));m.displayName="CardDescription";let u=t.forwardRef(({className:e,...a},r)=>(0,s.jsx)("div",{ref:r,className:(0,i.cn)("px-2 pt-2",e),...a}));u.displayName="CardContent";let h=t.forwardRef(({hasDivider:e,className:a,...r},t)=>(0,s.jsx)("div",{ref:t,className:(0,i.cn)("flex items-center px-2",e&&"border-color-grey border-t",a),...r}));h.displayName="CardFooter";let g=t.forwardRef(({className:e,icon:a,children:r,...t},n)=>(0,s.jsxs)("button",{ref:n,type:"button",className:(0,i.cn)("text-color-text-dark hover:bg-color-grey-light text-size-body-sm flex items-center gap-2 rounded-[8px] transition-colors",a?"ps-0.5 pe-1":"px-1",e),...t,children:[a&&(0,s.jsx)("span",{className:(0,i.cn)(a,"size-3")}),(0,s.jsx)("span",{children:r})]}));g.displayName="CardAction"}}]);
2//# sourceMappingURL=8218.14b5ed4c58e3bf4e.js.map