https://www.moderne-hausfrau.de/fabula-ng/store-CoCW2Ed8.js

1import{a0 as Y,u as ee,o as n,g as c,ah as Oe,b as u,d as s,w as l,h as p,t as r,i as _e,c as v,ag as $,aF as X,a6 as e,a7 as fe,j as Ue,cb as Be,s as ze,bm as De,ba as Ee,L as je,I as _,b2 as Qe,ae as Ge,af as ue,aj as Ze,F as g,a5 as N,a3 as de,a8 as pe,au as qe,bh as He,av as We,b6 as Je,aa as Ke,Q as J,a as Xe}from"./Bf4hnCWR.js";import{a as Ye,_ as et,f as tt,d as ot,u as at}from"./useStorePromotions-BexdDGA9.js";import{_ as nt}from"./SysAccordion-CYjBL5g4.js";import{u as st,y as lt,s as rt,_ as it}from"./SysMap-CwJS_Jfq.js";import{u as ct,N as K,m as me}from"./useAccountNewsletter-BcwX1P6g.js";import{_ as ut}from"./AccountNavigation-jyKAudRE.js";import{u as dt}from"./usePageMeta-BpNj8-al.js";import"./set-opQAvx8f.js";import"./format-Cdo61oEk.js";import"./differenceInCalendarDays-DqgVE6z0.js";import"./isBefore-Bf9HX3tk.js";import"./differenceInMinutes-D_J7_aHU.js";import"./SysFragment-Cbg-9YdR.js";import"./useSelfiId-C7QlNDSU.js";import"./useStoryBlok-BInMnk55.js";import"./useRouteNotFound-BeFoP-br.js";const pt={class:"flex justify-between"},mt=Y({__name:"AccountStoreCard",props:{store:{},disabled:{type:Boolean},highlighted:{type:Boolean}},emits:["select-store"],setup(y){const{t:b}=ee();return(A,I)=>{const h=_e,i=fe;return n(),c("div",{class:Oe(["flex cursor-pointer flex-col justify-between gap-4 border p-4",y.highlighted?"border-primary-100":"border-neutral-40"])},[u("div",pt,[u("div",null,[s(h,{class:"mb-2",type:"p2-semibold"},{default:l(()=>[p(r(y.store.city),1)]),_:1}),s(h,{type:"p2"},{default:l(()=>[p(r(y.store.street),1)]),_:1}),s(h,{type:"p2"},{default:l(()=>[p(r(y.store.postCode)+" "+r(y.store.city),1)]),_:1})]),y.store.distance?(n(),v(h,{key:0,type:"p2-semibold"},{default:l(()=>[p(r(Number((y.store.distance/1e3).toFixed(1)))+" km",1)]),_:1})):$("",!0)]),s(i,{icon:"i-google:favorite",type:"primary",block:!0,text:e(b)("account.store.rememberStore"),disabled:y.disabled,onClick:I[0]||(I[0]=X(f=>A.$emit("select-store"),["prevent","stop"]))},null,8,["text","disabled"])],2)}}}),_t=Object.assign(mt,{__name:"AccountStoreCard"}),ft={class:"mb-12 h-full"},vt={key:0,class:"bg-black:10 h-full animate-pulse"},yt={class:"mb-8 space-y-4"},gt={class:"paragraph-leading paragraph-p1-semibold"},bt={class:"border-neutral-40 space-y-4 border p-4"},ht={class:"space-y-4 text-left"},kt={class:"space-y-4"},St={class:"paragraph-p2 text-neutral-100 not-italic"},Ct={class:"flex gap-4"},wt={class:"font-bold"},xt={key:0,class:"grid grid-cols-1 gap-4 md:grid-cols-2"},Nt={key:0,class:"space-y-4"},$t=["aria-label"],At={class:"list-square marker:text-primary-100 [&>*]:paragraph-leading [&>*]:paragraph-p2 pl-6"},E=12,It=Y({__name:"AccountStore",async setup(y){let b,A;const{$locale:I,$toast:h}=Ue(),{t:i}=ee(),{coords:f,error:j}=Be(),{pending:V,checkNewsletterStatus:Q,sendNewsletterRegistration:ve}=ct(),{user:O}=ze(De()),{data:U}=([b,A]=Ee(()=>je("/api/mcs/stores/stores/",{key:"mcs-stores"},"$Fa0g5zU1ll")),b=await b,A(),b),te=_(!0),oe=_(!1),B=_(K.UNSUBSCRIBED),ae=_([]),ne=_([]),w=_(),M=_(!0),F=_(!1),k=_(),G=_(!1),L=Qe("storesMap"),z=_(),P=_(),Z=_();let m;const x=J(()=>U.value?.find(t=>t.id===w.value)),ye=J(()=>tt(!0,x.value?.openings,"","","")),se=J(()=>U.value?.length?[...U.value].map(t=>({...t,distance:ot(z.value?.[0],z.value?.[1],t.latitude,t.longitude)})).sort((t,a)=>t.distance-a.distance).filter(t=>t.distance<1e5||t.id===k.value):[]),ge=t=>{k.value=t.id,D([t.latitude.toString(),t.longitude.toString()],E)},be=t=>{t.id===k.value?k.value=void 0:(le(),k.value=t.id,D([t.latitude.toString(),t.longitude.toString()],E))},he=()=>{le(),!(!Number.isFinite(f.value.latitude)||!Number.isFinite(f.value.longitude))&&(D([f.value.latitude.toString(),f.value.longitude.toString()],E),z.value=[f.value.latitude,f.value.longitude],k.value=void 0)},ke=t=>{P.value=t,D([t.lat,t.lon],E),z.value=[t.lat,t.lon],k.value=void 0},le=()=>{L.value&&L.value.clearQuery(),P.value=void 0},D=(t,a)=>{L.value&&L.value.setCenterZoom(t,a)},re=async t=>{await q(!1,t),w.value=t,ie(),M.value=!1,window.scrollTo(0,0)},Se=()=>M.value=!0,Ce=async()=>{await q(!1),w.value=void 0,M.value=!0},q=async(t,a)=>{const S=Array.from({length:5}

1,(R,C)=>ae.value?.[C]??{id:C+1,name:"",birthdate:""});m=await ve({event:null,preferencesEvent:null,email:O.value?.email,firstName:O.value?.firstName,lastName:O.value?.lastName,children:S,doi:t,newsletterPreferences:ne.value,source:"kundenkonto-filiale",retailId:a||void 0});try{$fetch("/api/user/update-retail/",{method:"post",body:{retail:a?.toString()||""},query:{locale:I()}})}catch{}m?.status&&(B.value=me(m.status),B.value===K.DOI&&h.success(i("account.store.newsletter.toast.success")))},we=t=>{const a=t.filter(S=>S?.birthdate).map((S,R)=>({id:R+1,name:S?.name,birthdate:S?.birthdate}));ae.value=a},xe=()=>{m?.status&&(B.value=me(m.status),m?.children&&we(m.children),m?.newsletterPreferences&&(ne.value=[...m.newsletterPreferences]),m?.retailId&&(w.value=Number.parseInt(m.retailId),ie(),M.value=!1))},ie=async()=>{Z.value=await at(["filiale-all",x.value?.seoName||""])};return Ge(async()=>{m=await Q(O.value?.email),te.value=!1,m?.status?xe():oe.value=!0}),(t,a)=>{const S=Ze,R=ue("StoryblokComponent"),C=_e,Ne=et,$e=Ye,Ae=nt,T=fe,Ie=ue("SearchFieldInput"),H=lt,W=st,Me=rt,Re=it,Fe=_t,Le=qe,Pe=Ke;return n(),c("div",ft,[e(te)?(n(),c("div",vt)):e(oe)?(n(),v(S,{key:1,type:"error"},{default:l(()=>[p(r(e(i)("account.newsletter.errorPage")),1)]),_:1})):(n(),c(g,{key:2},[u("div",yt,[(n(!0),c(g,null,N(e(Z)?.top,o=>(n(),c("div",{key:o.uuid},[(n(!0),c(g,null,N(o?.content?.body,d=>(n(),v(R,de({key:d._uid,blok:d,options:d},{ref_for:!0},d),null,16,["blok","options"]))),128))]))),128)),s(C,{type:"p2"},{default:l(()=>[p(r(e(i)("account.store.infoText")),1)]),_:1}),u("h2",gt,r(e(w)?e(i)("consultation.desiredstore"):e(i)("account.navigation.store.description")),1),e(w)?(n(),c(g,{key:0},[u("div",bt,[s(Ae,{modelValue:e(G),"onUpdate:modelValue":a[0]||(a[0]=o=>pe(G)?G.value=o:null),"data-test-id":"account-store-selectedInfos",title:t.$t("account.store.accordion.title"),"aria-title":t.$t("account.store.accordion.title"),"is-headline":!0,"button-class":"pt-0"},{head:l(()=>[u("div",ht,[s(C,{type:"p2-semibold"},{default:l(()=>[p(r(e(x)?.city),1)]),_:1}),s(Ne,{"retail-open":e(ye)},null,8,["retail-open"])])]),panel:l(()=>[u("div",kt,[s(C,{type:"p2-semibold"},{default:l(()=>[p(r(e(i)("retail.headlines.openings")),1)]),_:1}),s($e,{store:e(x)},null,8,["store"])])]),_:1},8,["modelValue","title","aria-title"]),u("address",St,[p(r(e(x)?.street),1),a[8]||(a[8]=u("br",null,null,-1)),p(" "+r(e(x)?.postCode)+" "+r(e(x)?.city),1)]),s(T,{icon:"i-google-filled:favorite",type:"primary",block:!1,text:e(i)("account.store.rememberedStore"),onClick:a[1]||(a[1]=o=>Ce())},null,8,["text"])]),e(M)?$("",!0):(n(),v(T,{key:0,type:"secondary",block:!1,text:e(i)("account.store.selectDifferentStore"),onClick:a[2]||(a[2]=o=>Se())},null,8,["text"]))],64)):$("",!0),e(M)?(n(),c(g,{key:1},[s(Re,{ref_key:"storesMap",ref:L,"consent-key":"osm_storage","consent-headline":e(i)("account.store.map.consent.headline"),"consent-content":e(i)("account.store.map.consent.content"),zoom:5,center:["49.3547979","10.4094041"],onFoundLocation:ke},{form:l(({query:o,updateQuery:d,searchQuery:Te,clearQuery:Ve})=>[u("div",Ct,[s(Ie,{class:"flex-1","model-value":o,placeholder:t.$t("geomap.placeholder"),"search-aria-label":t.$t("aria.storeSearch"),onClearQuery:ce=>Ve(),onSearchQuery:ce=>Te(),"onUpdate:modelValue":d},null,8,["model-value","placeholder","search-aria-label","onClearQuery","onSearchQuery","onUpdate:modelValue"]),s(T,{type:"secondary",class:"!size-10",disabled:!!e(j),onClick:a[3]||(a[3]=ce=>he())},{default:l(()=>[...a[9]||(a[9]=[u("span",{class:"i-google:my_location inline-block size-6 shrink-0"},null,-1)])]),_:1},8,["disabled"])])]),default:l(()=>[e(P)?(n(),v(W,{key:0,"lat-lng":e(P)},{default:l(()=>[s(H,{class:"paragraph font-opensans"},{default:l(()=>[p(r(e(P).name),1)]),_:1})]),_:1},8,["lat-lng"])):e(f).latitude&&e(f).longitude&&!e(j)?(n(),v(W,{key:1,"lat-lng":[e(f).latitude,e(f).longitude]},{default:l(()=>[s(H,{class:"paragraph font-opensans"},{default:l(()=>[p(r(e(i)("account.store.yourLocation")),1)]),_:1})]),_:1},8,["lat-lng"])):$("",!0),(n(!0),c(g,null,N(e(U),o=>(n(),v(W,{key:o.id,"lat-lng":[o.latitude,o.longitude],onClick:d=>ge(o)},{default:l(()=>[s(Me,{"class-name":""},{default:l(()=>

1[...a[10]||(a[10]=[u("span",{class:"i-local:storeMarker inline-block size-12 shrink-0 -translate-x-1/4"},null,-1)])]),_:1}),s(H,{class:"paragraph font-opensans"},{default:l(()=>[u("div",wt,r(o.city),1),u("div",null,r(o.street),1),u("div",null,r(o.postCode)+" "+r(o.city),1),s(T,{class:"mt-4 text-nowrap",icon:"i-google:favorite",type:"primary",block:!0,text:e(i)("account.store.rememberStore"),disabled:e(V),onClick:X(d=>re(o.id),["prevent","stop"])},null,8,["text","disabled","onClick"])]),_:2},1024)]),_:2},1032,["lat-lng","onClick"]))),128))]),_:1},8,["consent-headline","consent-content"]),e(se)?.length?(n(),c("div",xt,[(n(!0),c(g,null,N(e(se),o=>(n(),v(Fe,{key:o.id,store:o,disabled:e(V),highlighted:o.id===e(k),onSelectStore:d=>re(o.id),onClick:d=>be(o)},null,8,["store","disabled","highlighted","onSelectStore","onClick"]))),128))])):$("",!0)],64)):$("",!0),(n(!0),c(g,null,N(e(Z)?.middle,o=>(n(),c("div",{key:o.uuid},[(n(!0),c(g,null,N(o?.content?.body,d=>(n(),v(R,de({key:d._uid,blok:d,options:d},{ref_for:!0},d),null,16,["blok","options"]))),128))]))),128))]),e(B)===("NewsletterSteps"in t?t.NewsletterSteps:e(K)).UNSUBSCRIBED?(n(),c("div",Nt,[s(C,{type:"p1-semibold"},{default:l(()=>[p(r(e(i)("account.store.newsletter.headline")),1)]),_:1}),s(C,{type:"p3"},{default:l(()=>[p(r(e(i)("account.store.newsletter.infoText")),1)]),_:1}),s(T,{type:"primary",block:!1,text:e(i)("newsletter.buttonRegister"),onClick:a[4]||(a[4]=o=>q(!0,e(w)))},null,8,["text"]),u("button",{class:"flex size-4 cursor-pointer items-center gap-2 rounded-full","aria-haspopup":"dialog",onClick:a[5]||(a[5]=X(o=>F.value=!0,["prevent","stop"]))},[u("span",{class:"info-icon size-4 shrink-0","aria-label":t.$t("basket.ektg.moreInformation")},null,8,$t),s(Le,{type:"secondary",size:"paragraph-p2"},{default:l(()=>[p(" *"+r(e(i)("campaignBanner.campaignConditions")),1)]),_:1})])])):$("",!0),(n(),v(He,{to:"#teleports"},[s(Pe,{modelValue:e(F),"onUpdate:modelValue":a[6]||(a[6]=o=>pe(F)?F.value=o:null),"overlay-name":e(Je).ACCOUNT_STORE_NEWSLETTER_INFO,"overlay-position":e(We).RIGHT,header:{title:e(i)("campaignBanner.campaignConditions")},onCloseClick:a[7]||(a[7]=o=>F.value=!1)},{default:l(()=>[u("ul",At,[(n(!0),c(g,null,N(Array(4).keys(),o=>(n(),c("li",{key:o},r(e(i)(`account.store.newsletter.modalInfo${o}`)),1))),128))])]),_:1},8,["modelValue","overlay-name","overlay-position","header"])]))],64))])}}}),Mt=Object.assign(It,{__name:"AccountStore"}),qt=Y({__name:"store",setup(y){const{t:b}=ee(),{setMinimalPageMeta:A}=dt(),{setIsMainNavi:I,setTeaser:h,setRootNavi:i}=Xe();return i(),A(b("account.navigation.store.label")),I(!0),h(b("account.navigation.store.label"),""),(f,j)=>{const V=Mt,Q=ut;return n(),v(Q,null,{default:l(()=>[s(V)]),_:1})}}});

1export{qt as default};