https://www.rosebikes.de/_nuxt/packstation-D45tQRcu.js

1import{o as se}from"./nuxt-CkSXpG-a.js";import{$t as G,C as Q,K as W,U as l,Xt as ie,b as oe,ct as L,f as D,g as A,h as V,i as B,kt as e,m as P,p as i,st as ne,x as o,xt as Y,yt as re}from"./runtime-core.esm-bundler-s8AntrsW.js";import{d as de}from"./error-o1lvrPwZ.js";import{a as le}from"./pinia-C2EHZkDm.js";import{Y as ce,a as R,ct as j,n as ue,o as pe,t as me}from"./app/api/graphql/generated/graphql.ts-CstZYwUw.js";import{S as fe}from"./dist-QFBAinta.js";import{t as ve}from"./NotificationStore-CDjvLDSm.js";import{t as _e}from"./fragment-masking-BkexAerc.js";import"./all-Drsx3IW_.js";import{t as ke}from"./RouteEnum-CQbj0FUZ.js";import{r as he,t as K}from"./gtmInteraction-KNHPpZuY.js";import{n as ye,t as H}from"./urql-vue-DGXKNsgj.js";import{n as J}from"./vue-i18n-C5Raox96.js";import{t as ge}from"./TextLink-dJay5Y3b.js";import{t as Ce}from"./_plugin-vue_export-helper-K9rsuiWd.js";import{F as $,G as Z,K as Se,a as be,c as Ae,i as Ie}from"#entry";import{t as Me}from"./FormInput-OXbIf9zm.js";import{r as xe}from"./vee-validate-CFoiJ9JM.js";import{n as Fe,t as Te}from"./FormFieldTranslationEnum-BeFXLsfp.js";import{f as $e,n as Pe}from"./zod-B0ljh6Kv.js";import{t as ze}from"./useFormValidation-C8lrpZUj.js";import{t as Ne}from"./FormSalutation-BFj86qth.js";import{t as ee}from"./QuoteStore-DYrKRG7j.js";import{t as X}from"./AlignmentEnum-C-dx6IHk.js";import{t as Ee}from"./TextParagraph-D8Pxmk2v.js";import{t as Le}from"./SkeletonLoad-A5xeIpcl.js";import{t as De}from"./TextLabel-BJXwT87P.js";import{t as Re}from"./useTargetUrl-xEhkIjZD.js";import{t as Oe}from"./useCheckoutGTM-CTRiV1jT.js";import{t as we}from"./AddressMutationIntentionEnum-DM1Zt5eG.js";import{t as Ge}from"./useCheckoutAddressModal-D9-2aLA1.js";import{n as Ue,t as qe}from"./FormRadioGroup-t4TZLSDw.js";import{t as Be}from"./MCheckoutShippingEditForm-CO6ur8oH.js";var Ve={},je={class:"p-6 py-15 w-full relative"};function Qe(z,p){const a=Le;return l(),A("div",je,[p[0]||(p[0]=i("div",{class:"w-full flex items-center"},null,-1)),o(a,{class:"h-full w-full absolute left-0 top-0"})])}var We=Object.assign(Ce(Ve,[["render",Qe]]),{__name:"PackstationSkeleton"}),Ke={key:0,"data-test":"packstation-selection"},He={class:"col-span-4 flex flex-col","data-test":"packstation-selection-text"},Xe={class:"col-span-4 grid gap-3"},Ye={class:"p-5"},Je={key:0},Ze={class:"flex justify-center mb-3","data-test":"packstation-selection-counter"},et=Q({__name:"MCheckoutPackstationSelection",props:{searchData:{},initialAddress:{}},emits:["select"],async setup(z,{emit:p}){let a,m;const g=z,I=p,v=Y(3),{executeQuery:C,data:M,error:S,fetching:x}=([a,m]=ne(()=>ye({query:ce,variables:g.searchData,pause:!0})),a=await a,m(),a);fe(g.searchData,s=>{(s.zipCode||s.city||s.address1)&&C()},{debounce:500,maxWait:1e3,immediate:!0});const r=D(()=>M.value?M.value?.getPackStations?.packstations:null);function b(){return v.value=Math.min(v.value+3,r?.value?.length??0)}return(s,N)=>{const F=De,h=Ee,n=Ue,y=qe,c=ge,E=be,T=We;return e(x)||e(r)?(l(),A("div",Ke,[i("div",He,[o(F,{label:s.$t("checkout.address.edit.deliveryStation.searchPromptTitle")},null,8,["label"]),o(h,{class:"mb-5","color-mode":"heavy",size:e($).MD,alignment:e(X).LEFT,inline:"false",text:s.$t("checkout.address.edit.deliveryStation.searchPromptText")},null,8,["size","alignment","text"])]),i("div",Xe,[e(r)&&e(r)?.length>0?(l(),A(B,{key:0},[o(y,{id:"packstation-radio-group",name:"deliveryStationId","initial-value":s.initialAddress?.deliveryStationId||void 0},{default:L(f=>[(l(!0),A(B,null,W(e(r)?.slice(0,e(v)),(d,t)=>(l(),P(n,{key:`packstation-${d?.packstationId}-${t}`,id:`packstation-${t}`,selected:!isNaN(Number(f.value))&&Number(f.value)===d.packstationId,value:d.packstationId,name:f.fieldName,onChange:u=>{f.handleInputChange(u),I("select",d)}},{label:L(()=>[i("div",Ye,[o(h,{size:e($).MD,"color-mode":"heavy",text:d.name,"data-test":"packstation-name"},null,8,["size","text"]),o(h,{size:e($).MD,"color-mode":"heavy",text:`${d.address1} | ${d.zipCode} ${d.city}`,"data-test":"packstation-address"},null,8,["size","text"]),o(h,{size:e($).MD,"color-mode":"heavy",text:`${s.$t("checkout.shipping.packstation_distance")} ${d.distance} m`,"data-test":"packstation-distance"},null,8,["size","text"])])]),_:2},1032,["id","selected","value","name","onChange"]))),128))]),_:1}

1,8,["initial-value"]),e(r)&&e(v)<e(r).length?(l(),A("nav",Je,[i("span",Ze,G(s.$t("page.global.pagination",{current:e(v),max:e(r)?.length})),1),o(c,{"is-button":!0,"in-list":!1,inverted:!1,"data-test":"packstation-load-more",icon:{name:"",position:e(X).LEFT},sizes:{xs:e($).LG},"full-widths":{xs:e(Ae).FULL},"color-mode":"heavy",onClick:b},{default:L(()=>[oe(G(s.$t("checkout.address.edit.deliveryStation.loadMore")),1)]),_:1},8,["icon","sizes","full-widths"])])):V("",!0)],64)):e(S)?(l(),P(E,{key:1,notification:{type:e(j).Error,message:e(S)?.message??s.$t("page.global.error"),linkTitle:s.$t("page.global.reload_message"),linkIsButton:!0,buttonAction:e(C)},"is-static":""},null,8,["notification"])):e(x)?(l(),A(B,{key:2},W(3,f=>o(T,{key:`packstation-selection-skeleton-${f}`,"data-test":"packstation-selection-skeleton"})),64)):(l(),P(E,{key:3,"is-static":"",notification:{type:e(j).Error,message:s.$t("checkout.shipping.packstation_address.not_found")}},null,8,["notification"]))])])):V("",!0)}}}),tt=Object.assign(et,{__name:"MCheckoutPackstationSelection"}),at={class:"grid gap-2","data-test":"packstation-customer-fields"},st={class:"grid grid-cols-4 gap-2","data-test":"packstation-search-fields"},it={class:"col-span-4 text-t-xl text-t-pri pb-1"},ot={class:"col-span-4 text-t-md text-gray-50 pb-1"},nt={class:"col-span-4 grid grid-cols-4 gap-x-2"},rt={class:"col-span-1"},dt={class:"col-span-3"},lt={class:"col-span-4"},ct=["value"],ut=Q({__name:"MCheckoutPackstationForm",props:{initialAddress:{},hasStickyActions:{type:Boolean}},emits:["addressCancel","addressSet"],setup(z,{emit:p}){const{t:a}=J(),m=z,g=p,I=ve(),v=Z(),C=ee(),{setAddresses:M}=v,{public:S}=se(),{handleAllResponseMessages:x,getFragmentedMessages:r}=Se(),{executeMutation:b}=H(me),{executeMutation:s}=H(pe),{isRequiredRule:N,addressSchemaObject:F,isNumericStringRule:h}=ze({useAsBilling:!1,useAsShipping:!0,type:R.Packstation}),n=Y(),y=re({address1:m.initialAddress?.address1,zipCode:m.initialAddress?.zipCode,city:m.initialAddress?.city}),c=D(()=>S.APPLICATION_LOCALE?S.APPLICATION_LOCALE.split("-")[1]:"DE"),E=F.extend({deliveryStationCustomerNumber:$e(h,N),countryIso2Code:N,deliveryStationId:Pe().trim().min(1,a(Te.ERROR_SELECTION))}),T=xe({validationSchema:E}),f=async(t,u)=>{const U={...t,id:m.initialAddress?.id,useAsBilling:!1,useAsShipping:!0,type:R.Packstation,deliveryStationCustomerNumber:t.deliveryStationCustomerNumber?.trim(),address1:n.value?.address1??t?.address1,zipCode:n.value?.zipCode??t?.zipCode,city:n.value?.city??t?.city,deliveryStationId:n.value?.deliveryStationId??t?.deliveryStationId},{data:_,error:q}=await(m.initialAddress?s:b)({addressSetInput:U});if(q&&I.pushAndRemoveNotification({type:j.Error,message:a("page.global.error")}),_){const{quote:O,addresses:k,messages:te}="addressCreate"in _?_.addressCreate:_.addressUpdate,w=r(te);x(w),u(w.errorMessages),(!w?.errorMessages||w.errorMessages.length===0)&&O&&(C.updateQuote(O),g("addressSet"),k&&M(k.map(ae=>_e(ue,ae))))}};function d(t){n.value={address1:t.address1,zipCode:t.zipCode,city:t.city,countryIso2Code:t.country,deliveryStationId:String(t.packstationId)},T.setValues({address1:n.value.address1,zipCode:n.value.zipCode,city:n.value.city,countryIso2Code:n.value.countryIso2Code,deliveryStationId:n.value.deliveryStationId??void 0},!1)}return(t,u)=>{const U=Ne,_=Me,q=tt,O=Fe;return l(),P(O,{class:"grid gap-6 max-w-xl min-w-fit","data-test-prefix":"packstation-form","is-cancelable":!0,"has-sticky-actions":t.hasStickyActions,form:e(T),"submit-sizes":{xs:e($).LG},onCancel:u[3]||(u[3]=k=>g("addressCancel")),onValidSubmit:f},{default:L(()=>[i("div",{class:ie({"px-5 mm:px-10":t.hasStickyActions})},[i("div",at,[o(U,{salutation:{initialValue:t.initialAddress?.salutation},"first-name":{initialValue:t.initialAddress?.firstName},"last-name":{initialValue:t.initialAddress?.lastName}},null,8,["salutation","first-name","last-name"]),o(_,{name:"deliveryStationCustomerNumber",label:e(a)("form.field.label.deliveryStationCustomerNumber"),"initial-value":t.initialAddress?.deliveryStationCustomerNumber||void 0,inputmode:"numeric",required:"",min:"1",max:"20"},null,8,["label","initial-value"])]),i("fieldset",st,[i("legend",it,G(e(a)("checkout.address.edit.deliveryStation.searchTitle")),1),i("p",ot,G(e(a)("checkout.address.edit.deliveryStation.searchSubtitle")),1),i("div",nt,[i("div",rt,[o(_,{label:e(a)("form.field.label.zipCode"),name:"zipCode","initial-value":t.initialAddress?.zipCode,onInput:u[0]||(u[0]=k=>e(y).zipCode=k.target.value)},null,8,["label","initial-value"])]),i("div",dt,[o(_,{label:e(a)("form.field.label.city"),name:"city","initial-value":t.initialAddress?.city,onInput:u[1]||(u[1]=k=>e(y).city=k.target.value)},null,8,["label","initial-value"])])]),i("div",lt,[o(_,{label:e(a)("form.field.label.address1"),name:"address1","initial-value":t.initialAddress?.address1,onInput:u[2]||(u[2]=k=>e(y).address1=k.target.value)},null,8,["label","initial-value"])]),i("input",{type:"hidden",name:"countryIso2Code",value:t.initialAddress?.countryIso2Code??e(c)},null,8,ct)]),o(q,{"search-data":e(y),"initial-address":t.initialAddress,onSelect:d},null,8,["search-data","initial-address"])],2)]),_:1},8,["has-sticky-actions","form","submit-sizes"])}}}),pt=Object.assign(ut,{__name:"MCheckoutPackstationForm"}),mt={class:"px-5 mm:px-10 pb-8 pt-0"},ft=Q({__name:"packstation",props:{currentShippingType:{}},setup(z){const{t:p}=J(),a=ee(),m=Z(),{pushToDataLayer:g}=Oe(),{targetUrl:I}=Re(),{addresses:v}=le(m),{isModalOpen:C,addressToEdit:M,modalIntent:S,modalDataTest:x,modalOpen:r,modalClose:b}=Ge(),s=D(()=>S.value===we.CREATE?p("checkout.address.edit.packstation.add"):p("checkout.address.edit.packstation.edit.modal")),N=D(()=>I.value?I.value:ke.CheckoutAddressIndex),F=D(()=>v.value?.filter(c=>c?.type===R.Packstation)),h=()=>

1{b(),K({component:"checkout-address-edit-page",context:"address-modal-packstation",value:"close"})},n=c=>{K({component:"checkout-address-edit-page",context:"select-address-panel",value:`address-${R.Packstation}-${String(c)}`})},y=async()=>{b();const c=await a.getQuote();g(he.ADD_SHIPPING_INFO,void 0,c.value),de(N.value)};return(c,E)=>{const T=Be,f=pt,d=Ie;return l(),A("div",null,[e(F)?(l(),P(T,{key:0,"address-list":e(F),"current-shipping-type":c.currentShippingType,"address-type":e(R).Packstation,"add-address-btn-title":e(p)("checkout.address.edit.packstation.add"),onAddressSelected:n,onAddressEdit:e(r),onAddressAdd:e(r)},null,8,["address-list","current-shipping-type","address-type","add-address-btn-title","onAddressEdit","onAddressAdd"])):V("",!0),o(d,{open:e(C),title:e(s),"data-test-prefix":e(x),onClose:e(b)},{default:L(()=>[i("div",mt,[(l(),P(f,{key:`modal-packstation-form-${e(C)}`,"initial-address":e(M),"current-shipping-type":c.currentShippingType,onAddressCancel:h,onAddressSet:y},null,8,["initial-address","current-shipping-type"]))])]),_:1},8,["open","title","data-test-prefix","onClose"])])}}}),Kt=ft;export{Kt as default};