https://www.nubuk-bikes.de/_nuxt/D79MyJJN.js

1import{z,w as I,f as j,O as L,S as U,r as c,D as q,E as O}from"./BenrcST_.js";import{_ as R}from"./DsnDVFMS.js";import{F as $}from"./Z5-W5JeQ.js";import{a as G,I as K,e as d,f as P,u as a,l as p,C as n,i as u,j as e,z as r,E as f,G as h,B as y,k as A,H as J,r as x,n as Q}from"./C9HqmeuD.js";import{u as W}from"./Jp1gAcaY.js";import"./CZOElQ3i.js";const X={key:0,class:"w-full h-full top-0 bottom-0 left-0 right-0 bg-neutral-500/50 fixed z-50","data-testid":"overlay"},Y={id:"address-modal-title",class:"text-neutral-900 text-lg md:text-2xl font-bold mb-6"},Z={id:"pay-container",class:"payment-container"},ee={class:"row"},te={class:"grid-cols-12"},ae={key:0,class:"text-negative-700 text-sm"},ie={class:"row mt-4"},re={class:"grid-cols-12"},le={key:0,class:"text-negative-700 text-sm"},ne={class:"grid grid-cols-2 gap-x-5 mt-4"},oe={class:"grid-cols-12"},se={key:0,class:"text-negative-700 text-sm"},ce={class:"grid-cols-12"},de={key:0,class:"text-negative-700 text-sm"},ue={class:"text-sm text-neutral-500 mt-4 mb-2"},me={class:"flex justify-end gap-x-4 mt-6"},ve={key:1},we={__name:"MollieCreditCardForm",props:{disabled:{type:Boolean,required:!0},paymentKey:{type:String,required:!1}},setup(pe){const{loadExternalScript:S,createPaymentFromBasket:N,createPlentyPaymentFromMolliePayment:D,patchPayment:B,settings:E,loading:k,orderProcess:m,modalOpen:o}=z(),{reserve:H,unreserve:w}=W(),M=I().public.shopModuleMollie,V=["cardNumber","cardHolder","expiryDate","verificationCode"],i=x({}),g=x(null),C=x(!0),F=x(!1),{locale:_}=j();G(async()=>{const v=_.value.toString()==="de"?"de_DE":_.value.toString()==="en"?"en_US":_.value.toString();C.value=!0,await S(),g.value=Mollie(E.value?.profileId??"",{locale:v,testmode:!M.liveMode}),F.value=!!g.value,C.value=!1});const T=async()=>{if(m.value=!0,g.value){const{token:v}=await g.value.createToken();if(v){if(!await H()){m.value=!1;return}const t=await N({ccToken:v});if(!t){await w(),m.value=!1;return}const l=await D(t.id);if(!l){await w(),m.value=!1;return}t?._links?.checkout?.href?(await B({paymentId:t.id,data:{mollie_payment_id:t.id,metadata_payment_id:l.id,language:_.value}}),await O(t._links.checkout.href,{external:!0})):await w(),o.value=!1}}m.value=!1};return K(()=>o.value,async v=>{v&&(await Q(),V.forEach(t=>{const l=g.value?.createComponent(t);l.mount(`#${t}`),l.addEventListener("change",s=>{s.error&&s.touched?i.value[t]=s.error:i.value[t]=""})}))}),(v,t)=>{const l=L,s=R;return d(),P(J,{to:"body"},[a(o)?(d(),p("div",X,[n(a($),{modelValue:a(o),"onUpdate:modelValue":t[2]||(t[2]=b=>A(o)?o.value=b:null),class:"h-full w-full overflow-auto md:w-[600px] md:h-fit md:max-h-[min(calc(100vh-32px),100%)]","disable-click-away":""},{default:u(()=>[e("header",null,[n(l,{type:"button",square:"",variant:"tertiary",class:"absolute right-2 top-2",onClick:t[0]||(t[0]=b=>o.value=!1)},{default:u(()=>[n(a(U))]),_:1}),e("h3",Y,r(a(c)("molliePayments.creditCard")),1)]),e("div",Z,[e("div",ee,[e("div",te,[n(s,null,{default:u(()=>[f(r(a(c)("molliePayments.creditCardNummer"))+" *",1)]),_:1}),e("div",{id:"cardNumber",class:h(["w-full text-base text-neutral-900 gap-2 bg-white rounded-md ring-1 text-neutral-500 hover:ring-primary-700 focus-within:caret-primary-700 active:caret-primary-700 active:ring-primary-700 active:ring-2 focus-within:ring-primary-700 focus-within:ring-2 ring-1 ring-neutral-300",{"!ring-negative-700":!!i.value.cardNumber}])},null,2),i.value.cardNumber?(d(),p("div",ae,r(i.value.cardNumber),1)):y("",!0)])]),e("div",ie,[e("div",re,[n(s,null,{default:u(()=>[f(r(a(c)("molliePayments.creditCardHolder"))+" *",1)]),_:1}),e("div",{id:"cardHolder",class:h(["w-full text-base text-neutral-900 gap-2 bg-white rounded-md ring-1 text-neutral-500 hover:ring-primary-700 focus-within:caret-primary-700 active:caret-primary-700 active:ring-primary-700 active:ring-2 focus-within:ring-primary-700 focus-within:ring-2 ring-1 ring-neutral-300",{"!ring-negative-700":!!i.value.cardHolder}])},null,2),i.value.cardHolder?(d(),p("div",le,r(i.value.cardHolder),1)):y("",!0)])]),e("div",ne,[e("div",null,[e("div",oe,[n(s,null,{default:u(()=>[f(r(a(c)("molliePayments.creditCardExpiryDate"))+" *",1)]),_:1}),e("div",{id:"expiryDate",class:h(["w-full text-base text-neutral-900 gap-2 bg-white rounded-md ring-1 text-neutral-500 hover:ring-primary-700 focus-within:caret-primary-700 active:caret-primary-700 active:ring-primary-700 active:ring-2 focus-within:ring-primary-700 focus-within:ring-2 ring-1 ring-neutral-300",{"!ring-negative-700":!!i.value.expiryDate}])},null,2),i.value.expiryDate?(d(),p("div",se,r(i.value.expiryDate),1)):y("",!0)])]),e("div",null,[e("div",ce,[n(s,null,{default:u(()=>[f(r(a(c)("molliePayments.creditCardCvc"))+" *",1)]),_:1}),e("div",{id:"verificationCode",class:h(["w-full text-base text-neutral-900 gap-2 bg-white rounded-md ring-1 text-neutral-500 hover:ring-primary-700 focus-within:caret-primary-700 active:caret-primary-700 active:ring-primary-700 active:ring-2 focus-within:ring-primary-700 focus-within:ring-2 ring-1 ring-neutral-300",{"!ring-negative-700":!!i.value.verificationCode}])},null,2),i.value.verificationCode?(d(),p("div",de,r(i.value.verificationCode),1)):y("",!0)])])]),e("p",ue," * "+r(a(c)("contact.form.asterixHint")),1),e("div",me,[e("div",null,[n(l,{type:"button",variant:"secondary",onClick:t[1]||(t[1]=b=>o.value=!1)},{default:u(()=>[f(r(a(c)("molliePayments.cancel")),1)]),_:1})]),e("div",null,[n(l,{id:"creditcard-pay-button",disabled:a(k)||a(m),"data-testid":"pay-creditcard-button",onClick:T},{default:u(()=>[a(k)||a(m)?(d(),P(a(q),{key:0,class:"flex justify-center items-center",size:"sm"})):(d(),p("span",ve,r(a(c)("molliePayments.pay")),1))]),_:1},8,["disabled"])])])])]),_:1},8,["modelValue"])])):y("",!0)])}}};export{we as default};