https://bevco-prod.netlify.app/_nuxt/Bz8neaYy.js

1import{k as V,y as $}from"./EW60oKse.js";import{z as D,i as x,b as g,H as z,w,O as f,P as v,R as o,S as c,a1 as G,u as a,a7 as P,aa as j,c as C,L as B,J as R,V as U,U as Z,ac as L,_ as E}from"./QVWpw_zs.js";import{_ as F}from"./ukHWZ1qF.js";import{u as H}from"./dTthSUlz.js";import{u as J}from"./BncQJJDm.js";const O={class:"mt-7 lg:min-w-2xl"},T={class:"px-5 md:px-10"},q={class:"flex justify-between"},A={class:"font-bold font-22"},K=["alt"],Q={class:"flex bg-brand-lightGray rounded-full py-4 px-6 mt-2 mb-7"},W=["placeholder"],X={class:"md:max-h-xl overflow-y-scroll"},Y=["id","value"],ee=["for"],se={class:"font-semibold"},te={class:"text-sm"},oe={key:0,class:"w-full flex justify-around py-4"},pe=D({__name:"CheckoutGlsPakkeshops",props:{glsStreet:{},glsPostNumber:{},provider:{}},emits:["pakkeshop-selected","close"],setup(S,{emit:ae}){const{apiInstance:M}=V(),{getParcelShops:I}=H(M),{close:u}=x("modal"),r=g([]),n=x("selectedParcelShop"),l=g(""),i=g({page:1,hasMore:!1}),d=J(),p=S,b=g(!1);z(async()=>{const s=d.getDeliveryZipcode();s&&(l.value=s),r.value.length===0&&await h(l.value)});const h=async s=>{const t=p.glsStreet,m=d.getParcelShops(p.provider)??[];if(!b.value&&m.length>0){r.value=m;return}const e=await I(p.provider,s,b.value||!t?null:t,i.value.page);e&&(d.setParcelShops(e,p.provider),i.value.page>1?r.value=r.value.concat(e):r.value=e,n.value===null&&(n.value=e[0],d.setParcelShop(n.value)),i.value.hasMore=e.length>=10)},N=async()=>{i.value.page+=1,await h(l.value)},k=async s=>{s.length>3&&(i.value.page=1,d.setDeliveryZipcode(s),await h(s))};return w(()=>l.value,s=>{s.length&&s!==d.getDeliveryZipcode()&&(b.value=!0),k(s)},{immediate:!0}),w(()=>p.glsStreet,s=>{k(l.value)},{immediate:!0}),(s,t)=>{const m=$;return f(),v("div",O,[o("div",T,[o("div",q,[o("h3",A,c(s.$t("checkout.choosePakkeshop")),1),o("div",{class:"ml-3 cursor-pointer i-carbon-edit text-xl inline-block",onClick:t[0]||(t[0]=G((...e)=>a(u)&&a(u)(...e),["prevent"]))},[o("img",{src:F,height:"17",alt:s.$t("general.close")},null,8,K)])]),o("div",Q,[P(o("input",{type:"text",name:"gls_postnumber",id:"gls_postnumber",class:"outline-none text-sm border-none w-full bg-transparent",placeholder:s.$t("account.zipPlaceholder"),"onUpdate:modelValue":t[1]||(t[1]=e=>C(l)?l.value=e:null),"data-test-id":"shipping-method-gls-pakkeshop-form-postcode"},null,8,W),[[j,a(l)]]),B(m,{src:"/map-marker.svg",height:"22",onClick:t[2]||(t[2]=e=>h(a(l)))})])]),o("div",X,[(f(!0),v(R,null,U(a(r),(e,le)=>{var y;return f(),v("div",{key:e.shopId,class:Z(["flex p-5 md:px-10 border-b border-b-solid border-b-brand-lightGray",{"bg-brand-lightGold":e.shopId==((y=a(n))==null?void 0:y.shopId)}]),"data-test-id":"shipping-method-gls-pakkeshop-list"},[P(o("input",{type:"radio",name:"parcel-shop-id",class:"mt-2",id:"parcel-shop-"+e.shopId,value:e,"onUpdate:modelValue":t[3]||(t[3]=_=>C(n)?n.value=_:null),onChange:t[4]||(t[4]=(..._)=>a(u)&&a(u)(..._)),"data-test-id":"shipping-method-gls-pakkeshop-radio"},null,40,Y),[[L,a(n)]]),o("label",{for:"parcel-shop-"+e.shopId,class:"mx-4 flex flex-col w-full"},[o("span",se,c(e.name),1),o("span",te,c(e.street)+", "+c(e.zipCode)+" "+c(e.city),1)],8,ee)],2)}),128)),a(i).hasMore?(f(),v("div",oe,[o("button",{onClick:N,class:"py-2 px-4 bg-brand-primary text-white focus:outline-none border-none"},c(s.$t("general.showMore")),1)])):E("",!0)])])}}});export{pe as default};