import"../chunks/Bzak7iHL.js";import{o as Le}from"../chunks/Dsy9VFq4.js";import{p as Pe,f as _,e as Z,t as $,a as v,b as $e,$ as je,s as a,c as e,j as s,u as rt,r as t,n as Bt,i as x,g as tt,B as Ce,D as Ot,d as De}from"../chunks/CnGaPG_y.js";import{d as Ke,s as o,e as Re,r as Ne}from"../chunks/BBilxCvN.js";import{i as I}from"../chunks/BqhvobEz.js";import{e as Fe,i as qe}from"../chunks/_bkH3ryn.js";import{h as Be}from"../chunks/7JdHMB9Z.js";import{a as w,r as S,s as le}from"../chunks/Bu9wkQ5s.js";import{t as Oe,f as Te}from"../chunks/_szDWC-1.js";import{g as Ue}from"../chunks/O_cqCvAF.js";import{S as Me}from"../chunks/DmCpX-F9.js";import{M as ce}from"../chunks/BeF0adGF.js";import{g as Ae}from"../chunks/BSWJzOrc.js";const Ye=async(B,b,l,J,p,et,O,A)=>{var Y,D;x(b,!1),x(l,"processing");try{const k=await fetch("/api/order/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({cartItems:J.cartItems.map(K=>({quantity:K.quantity,product:K.product}))})});if(!k.ok)throw await k.json();x(p,!0);const C=document.getElementById("payment-form");if(C)x(et,!0),await Ce(),C.submit();else throw new Error("Payment form not found")}catch(k){x(l,"failed"),x(O,((Y=k==null?void 0:k.body)==null?void 0:Y.message)||"Failed to initiate payment",!0),A.add("Error",((D=k==null?void 0:k.body)==null?void 0:D.message)||"Something went wrong","error"),x(p,!1)}finally{x(et,!1)}};var He=_('<span class="bg-primary/10 text-primary rounded px-2 py-0.5 text-[10px] font-medium"><!></span>'),ze=_('<div class="flex flex-wrap items-center gap-2"><span class="text-primary text-base font-semibold sm:text-lg"> </span> <span class="text-xs text-gray-400 line-through sm:text-sm"> </span> <!> <span class="text-xs text-gray-500 sm:text-sm"> </span></div> <p class="text-xs text-gray-500"> </p> <p class="text-[11px] text-green-600"> </p>',1),Qe=_('<div class="flex flex-wrap items-center gap-2"><span class="text-base font-semibold text-gray-900 sm:text-lg"> </span> <span class="text-xs text-gray-500 sm:text-sm"> </span></div> <p class="text-xs text-gray-500"> </p>',1),Ve=_('<p class="text-sm font-semibold text-gray-900 sm:text-lg"> </p>'),Je=_('<p class="text-sm font-semibold text-gray-900 sm:text-lg"> </p>'),Ge=(B,b,l)=>b.removeItem(s(l).id),We=_('<div class="p-4 transition-colors hover:bg-gray-50 sm:p-6"><div class="flex items-start space-x-4"><div class="h-16 w-16 flex-shrink-0 overflow-hidden rounded-lg border bg-gray-100 sm:h-20 sm:w-20"><img class="h-full w-full object-cover object-center"/></div> <div class="min-w-0 flex-1"><h3 class="text-sm font-medium text-gray-900 sm:text-base"> </h3> <p class="mt-1 text-xs text-gray-500 sm:text-sm"><!></p> <div class="mt-2 space-y-1"><!></div></div> <div class="flex flex-col items-end space-y-2"><!> <button aria-label="Remove item" class="flex h-8 w-8 items-center justify-center rounded-full text-gray-400 transition-colors hover:bg-red-50 hover:text-red-500" title="Remove item"><i class="bi bi-trash text-sm"></i></button></div></div></div>'),Xe=_('<div class="px-6 py-12 text-center"><i class="bi bi-cart-x mx-auto text-4xl text-gray-300"></i> <h3 class="mt-2 text-sm font-medium text-gray-900">Your cart is empty</h3> <p class="mt-1 text-sm text-gray-500">Start shopping to add items to your cart.</p> <div class="mt-6"><a href="/product" class="bg-primary hover:bg-primary/90 inline-flex items-center rounded-md px-3 py-2 text-sm font-semibold text-white shadow-sm"><i class="bi bi-plus mr-2"></i> Continue Shopping</a></div></div>'),Ze=(B,b)=>x(b,!0),ta=_('<button class="w-full rounded-lg bg-green-600 px-4 py-3 text-sm font-semibold text-white shadow-sm transition-all hover:bg-green-700 hover:shadow-md focus:ring-2 focus:ring-green-500 focus:ring-offset-2 focus:outline-none sm:text-base"><i class="bi bi-credit-card mr-2"></i> Proceed to Payment</button>'),ea=_('<a href="/product" class="focus:ring-primary inline-flex w-full items-center justify-center rounded-lg border border-gray-300 bg-white px-4 py-3 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:ring-2 focus:ring-offset-2 focus:outline-none sm:text-base"><i class="bi bi-arrow-left mr-2"></i> Continue Shopping</a>'),aa=_('<button disabled class="w-full cursor-not-allowed rounded-lg bg-gray-300 px-4 py-3 text-sm font-semibold text-gray-500 sm:text-base">Payment Unavailable</button>'),sa=_('<a href="/product" class="focus:ring-primary inline-flex w-full items-center justify-center rounded-lg border border-gray-300 bg-white px-4 py-2 text-xs font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:ring-2 focus:ring-offset-2 focus:outline-none sm:text-sm"><i class="bi bi-plus mr-2"></i> Add More Items</a>'),ra=(B,b)=>x(b,!1),ia=_(`<div class="space-y-6"><div class="rounded-lg bg-gray-50 p-4"><h4 class="mb-3 text-sm font-medium text-gray-900">Order Details</h4> <div class="space-y-2 text-sm"><div class="flex justify-between"><span class="text-gray-600"> </span> <span class="font-medium"> </span></div> <div class="flex justify-between"><span class="text-gray-600">Convenience Fee</span> <span class="font-medium"> </span></div> <div class="flex justify-between border-t border-gray-200 pt-2"><span class="font-semibold text-gray-900">Total Amount</span> <span class="text-primary text-lg font-bold"> </span></div></div></div> <div class="flex items-start space-x-3"><i class="bi bi-info-circle-fill mt-0.5 text-blue-500"></i> <div class="text-sm text-gray-700"><p>By confirming this purchase, you agree to our terms and conditions. You will be redirected to our secure
					payment gateway to complete the transaction.</p></div></div></div> <div class="mt-8 flex flex-col-reverse gap-3 sm:flex-row sm:justify-end"><button class="focus:ring-primary w-full rounded-lg border border-gray-300 bg-white px-6 py-2.5 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:ring-2 focus:ring-offset-2 focus:outline-none sm:w-auto">Cancel</button> <button class="w-full rounded-lg bg-green-600 px-6 py-2.5 text-sm font-semibold text-white shadow-sm transition-all hover:bg-green-700 focus:ring-2 focus:ring-green-500 focus:ring-offset-2 focus:outline-none sm:w-auto"><i class="bi bi-credit-card mr-2"></i> Confirm & Pay</button></div>`,1),na=(B,b)=>x(b,"initial"),oa=(B,b)=>x(b,"initial"),la=_('<div class="fixed right-4 bottom-4 z-50 max-w-sm"><div class="rounded-lg border border-red-200 bg-white shadow-lg"><div class="p-4"><div class="flex items-start"><div class="flex-shrink-0"><i class="bi bi-exclamation-triangle-fill text-lg text-red-400"></i></div> <div class="ml-3 w-0 flex-1"><h4 class="text-sm font-medium text-red-800">Payment Failed</h4> <p class="mt-1 text-sm text-red-700"> </p> <div class="mt-3 flex space-x-3"><button class="text-sm font-medium text-red-600 hover:text-red-500">Try Again</button> <button class="text-sm font-medium text-gray-600 hover:text-gray-500">Dismiss</button></div></div></div></div></div></div>'),ca=_('<div class="absolute inset-0 z-10 flex items-center justify-center bg-white/80 backdrop-blur-sm"><div class="text-center"><!> <p class="mt-2 text-sm text-gray-600">Loading secure payment form...</p></div></div>'),da=_(`<div class="space-y-4"><div class="flex items-center justify-center space-x-2 text-sm text-gray-600"><i class="bi bi-shield-check text-green-500"></i></div> <div class="relative h-full w-full"><!> <iframe class="h-[600px] w-full rounded-lg border border-gray-200" name="my_frame" title="PesaFlow Payment Form"></iframe></div> <div class="rounded-lg bg-yellow-50 p-3"><div class="flex"><i class="bi bi-info-circle text-yellow-400"></i> <div class="ml-2"><p class="text-xs text-yellow-800"><strong>Note:</strong> Do not close this window until your payment is complete. You will be automatically
						redirected upon successful payment.</p></div></div></div></div>`),va=_('<main class="min-h-screen bg-gray-50 py-4 sm:py-8"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><nav class="mb-4 flex text-sm text-gray-500" aria-label="Breadcrumb"><ol class="inline-flex items-center space-x-1 md:space-x-3"><li class="inline-flex items-center"><a href="/" class="hover:text-primary">Home</a></li> <li><div class="flex items-center"><i class="bi bi-chevron-right mx-2"></i> <a href="/product" class="hover:text-primary">Products</a></div></li> <li aria-current="page"><div class="flex items-center"><i class="bi bi-chevron-right mx-2"></i> <span class="font-medium text-gray-900">Checkout</span></div></li></ol></nav> <div class="mb-6 sm:mb-8"><a href="/" class="mb-4 inline-flex items-center gap-2 rounded-md bg-gray-100 px-4 py-2 text-sm transition-colors hover:bg-gray-200"><i class="bi bi-arrow-left mr-2"></i> Back to Shopping</a> <h1 class="text-2xl font-bold text-gray-900 sm:text-3xl lg:text-4xl">Checkout</h1> <p class="mt-2 text-gray-600">Review your order and complete your purchase</p></div> <div class="grid grid-cols-1 gap-6 lg:grid-cols-3 lg:gap-8"><section class="lg:col-span-2"><div class="rounded-sm bg-white shadow-sm"><div class="border-b border-gray-200 px-4 py-4 sm:px-6"><h2 class="text-lg font-semibold text-gray-900 sm:text-xl">Order Items</h2> <p class="text-sm text-gray-500"> </p></div> <div class="divide-y divide-gray-200"></div> <!></div></section> <section class="lg:col-span-1"><div class="sticky top-4 lg:top-8"><div class="rounded-sm bg-white shadow-sm"><div class="border-b border-gray-200 px-4 py-4 sm:px-6"><h2 class="text-lg font-semibold text-gray-900 sm:text-xl">Order Summary</h2></div> <div class="p-4 sm:p-6"><!> <div class="space-y-3"><div class="flex justify-between text-sm"><span class="text-gray-600"> </span> <span class="font-medium text-gray-900"> </span></div> <div class="flex justify-between text-sm"><span class="text-gray-600">Tax</span> <span class="font-medium text-gray-900">KES 0</span></div> <div class="flex justify-between text-sm"><span class="text-gray-600">Convenience Fee</span> <span class="font-medium text-gray-900"> </span></div> <div class="border-t border-gray-200 pt-3"><div class="flex justify-between"><span class="text-base font-semibold text-gray-900">Total</span> <span class="text-lg font-bold text-gray-900 sm:text-xl"> </span></div></div></div> <form id="payment-form" method="post" action="https://test.pesaflow.com/PaymentAPI/iframev2.1.php" target="my_frame" class="hidden"><input type="hidden" name="apiClientID"/> <input type="hidden" name="secureHash"/> <input type="hidden" name="billDesc"/> <input type="hidden" name="billRefNumber"/> <input type="hidden" name="currency"/> <input type="hidden" name="serviceID"/> <input type="hidden" name="clientMSISDN"/> <input type="hidden" name="clientName"/> <input type="hidden" name="clientIDNumber"/> <input type="hidden" name="clientEmail"/> <input type="hidden" name="callBackURLOnSuccess"/> <input type="hidden" name="callBackURLOnFail"/> <input type="hidden" name="notificationURL"/> <input type="hidden" name="pictureURL"/> <input type="hidden" name="amountExpected"/></form> <div class="mt-6 space-y-3"><!> <!></div></div></div></div></section></div></div></main> <!> <!> <!>',1);function Ea(B,b){Pe(b,!0);const l=rt(()=>b.data.paymentDetails),J=rt(()=>b.data.convenienceFee),p=Ue(),et=Ae();let O=tt(!1),A=tt(!1),Y=tt(!1),D=tt("initial"),k=tt("");function C(i){return typeof(i==null?void 0:i.discountedPrice)=="number"?i.discountedPrice:null}function K(i){return(i==null?void 0:i.appliedPromotion)||null}let de=rt(()=>p.cartStats.total),it=rt(()=>{var i;return s(de)+(((i=s(J))==null?void 0:i.amount)||0)});const Tt=i=>{if(i.origin==="https://test.pesaflow.com"){const{status:r,message:m}=i.data;r==="success"?window.location.href="/purchases?payment=success":r==="failed"&&(x(D,"failed"),x(k,m||"Payment failed",!0),x(A,!1))}};Le(()=>(window.addEventListener("message",Tt),()=>window.removeEventListener("message",Tt)));var Ut=va();Be(i=>{je.title="Checkout"});var nt=Z(Ut),Mt=e(nt),At=a(e(Mt),4),ot=e(At),Yt=e(ot),lt=e(Yt),Ht=a(e(lt),2),ve=e(Ht);t(Ht),t(lt);var ct=a(lt,2);Fe(ct,21,()=>p.cartItems,qe,(i,r)=>{var m=We(),f=e(m),g=e(f),d=e(g);t(g);var c=a(g,2),y=e(c),E=e(y,!0);t(y);var h=a(y,2),j=e(h);{var R=n=>{var u=Ot();$(()=>o(u,`by ${s(r).product.author??""}`)),v(n,u)};I(j,n=>{s(r).product.author&&n(R)})}t(h);var N=a(h,2),H=e(N);{var T=n=>{var u=ze(),L=Z(u),P=e(L),jt=e(P);t(P);var Q=a(P,2),Ct=e(Q);t(Q);var G=a(Q,2);{var Dt=q=>{var W=He(),Nt=e(W);{var Ft=V=>{var X=Ot();$(qt=>o(X,`${qt??""}% off`),[()=>K(s(r).product).discountValue]),v(V,X)},Ie=V=>{var X=Ot();$(qt=>o(X,`Save KES ${qt??""}`),[()=>K(s(r).product).discountValue.toLocaleString()]),v(V,X)};I(Nt,V=>{K(s(r).product).discountType==="PERCENT"?V(Ft):V(Ie,!1)})}t(W),v(q,W)};I(G,q=>{K(s(r).product)&&q(Dt)})}var st=a(G,2),Kt=e(st);t(st),t(L);var Rt=a(L,2),ke=e(Rt);t(Rt);var oe=a(Rt,2),Ee=e(oe);t(oe),$((q,W,Nt,Ft)=>{o(jt,`KES ${q??""}`),o(Ct,`KES ${W??""}`),o(Kt,`Qty: ${s(r).quantity??""}`),o(ke,`Line subtotal: KES ${Nt??""}`),o(Ee,`Saved KES ${Ft??""}`)},[()=>{var q;return(q=C(s(r).product))==null?void 0:q.toLocaleString()},()=>s(r).product.price.toLocaleString(),()=>(C(s(r).product)*s(r).quantity).toLocaleString(),()=>((s(r).product.price-C(s(r).product))*s(r).quantity).toLocaleString()]),v(n,u)},U=n=>{var u=Qe(),L=Z(u),P=e(L),jt=e(P);t(P);var Q=a(P,2),Ct=e(Q);t(Q),t(L);var G=a(L,2),Dt=e(G);t(G),$((st,Kt)=>{o(jt,`KES ${st??""}`),o(Ct,`Qty: ${s(r).quantity??""}`),o(Dt,`Line subtotal: KES ${Kt??""}`)},[()=>s(r).product.price.toLocaleString(),()=>(s(r).product.price*s(r).quantity).toLocaleString()]),v(n,u)};I(H,n=>{C(s(r).product)!==null?n(T):n(U,!1)})}t(N),t(c);var M=a(c,2),F=e(M);{var at=n=>{var u=Ve(),L=e(u);t(u),$(P=>o(L,`KES ${P??""}`),[()=>(C(s(r).product)*s(r).quantity).toLocaleString()]),v(n,u)},$t=n=>{var u=Je(),L=e(u);t(u),$(P=>o(L,`KES ${P??""}`),[()=>(s(r).product.price*s(r).quantity).toLocaleString()]),v(n,u)};I(F,n=>{C(s(r).product)!==null?n(at):n($t,!1)})}var z=a(F,2);z.__click=[Ge,p,r],t(M),t(f),t(m),$(()=>{var n;le(d,"src",((n=s(r).product.Image[0])==null?void 0:n.url)||"/noImage.jpg"),le(d,"alt",s(r).product.name),o(E,s(r).product.name)}),v(i,m)}),t(ct);var me=a(ct,2);{var pe=i=>{var r=Xe();v(i,r)};I(me,i=>{p.cartItems.length===0&&i(pe)})}t(Yt),t(ot);var zt=a(ot,2),Qt=e(zt),Vt=e(Qt),Jt=a(e(Vt),2),Gt=e(Jt);I(Gt,i=>{});var dt=a(Gt,2),vt=e(dt),mt=e(vt),ue=e(mt);t(mt);var Wt=a(mt,2),xe=e(Wt);t(Wt),t(vt);var pt=a(vt,4),Xt=a(e(pt),2),fe=e(Xt);t(Xt),t(pt);var Zt=a(pt,2),te=e(Zt),ee=a(e(te),2),ge=e(ee);t(ee),t(te),t(Zt),t(dt);var ut=a(dt,2),xt=e(ut);S(xt);var ft=a(xt,2);S(ft);var gt=a(ft,2);S(gt);var yt=a(gt,2);S(yt);var _t=a(yt,2);S(_t);var bt=a(_t,2);S(bt);var ht=a(bt,2);S(ht);var wt=a(ht,2);S(wt);var St=a(wt,2);S(St);var kt=a(St,2);S(kt);var Et=a(kt,2);S(Et);var It=a(Et,2);S(It);var Lt=a(It,2);S(Lt);var Pt=a(Lt,2);S(Pt);var ae=a(Pt,2);S(ae),t(ut);var se=a(ut,2),re=e(se);{var ye=i=>{var r=ta();r.__click=[Ze,O],v(i,r)},_e=i=>{var r=De(),m=Z(r);{var f=d=>{var c=ea();v(d,c)},g=d=>{var c=aa();v(d,c)};I(m,d=>{p.cartItems.length===0?d(f):d(g,!1)},!0)}v(i,r)};I(re,i=>{s(l)&&s(it)>0&&p.cartItems.length>0?i(ye):i(_e,!1)})}var be=a(re,2);{var he=i=>{var r=sa();v(i,r)};I(be,i=>{p.cartItems.length>0&&i(he)})}t(se),t(Jt),t(Vt),t(Qt),t(zt),t(At),t(Mt),t(nt);var ie=a(nt,2);ce(ie,{title:"Confirm Your Purchase",get show(){return s(O)},set show(i){x(O,i,!0)},children:(i,r)=>{var m=ia(),f=Z(m),g=e(f),d=a(e(g),2),c=e(d),y=e(c),E=e(y);t(y);var h=a(y,2),j=e(h);t(h),t(c);var R=a(c,2),N=a(e(R),2),H=e(N);t(N),t(R);var T=a(R,2),U=a(e(T),2),M=e(U);t(U),t(T),t(d),t(g),Bt(2),t(f);var F=a(f,2),at=e(F);at.__click=[ra,O];var $t=a(at,2);$t.__click=[Ye,O,D,p,A,Y,k,et],t(F),$((z,n,u)=>{o(E,`Items (${p.cartItems.length??""})`),o(j,`KES ${z??""}`),o(H,`KES ${n??""}`),o(M,`KES ${u??""}`)},[()=>p.cartStats.total.toLocaleString(),()=>{var z,n;return((n=(z=s(J))==null?void 0:z.amount)==null?void 0:n.toLocaleString())||0},()=>s(it).toLocaleString()]),v(i,m)},$$slots:{default:!0}});var ne=a(ie,2);{var we=i=>{var r=la(),m=e(r),f=e(m),g=e(f),d=a(e(g),2),c=a(e(d),2),y=e(c,!0);t(c);var E=a(c,2),h=e(E);h.__click=[na,D];var j=a(h,2);j.__click=[oa,D],t(E),t(d),t(g),t(f),t(m),t(r),$(()=>o(y,s(k))),Oe(3,r,()=>Te),v(i,r)};I(ne,i=>{s(D)==="failed"&&i(we)})}var Se=a(ne,2);ce(Se,{title:"Secure Payment",modalClass:"max-w-4xl",get show(){return s(A)},set show(i){x(A,i,!0)},children:(i,r)=>{var m=da(),f=a(e(m),2),g=e(f);{var d=y=>{var E=ca(),h=e(E),j=e(h);Me(j),Bt(2),t(h),t(E),v(y,E)};I(g,y=>{s(Y)&&y(d)})}var c=a(g,2);t(f),Bt(2),t(m),Re("load",c,()=>x(Y,!1)),Ne(c),v(i,m)},$$slots:{default:!0}}),$((i,r,m)=>{var f,g,d,c,y,E,h,j,R,N,H,T,U,M,F;o(ve,`${p.cartItems.length??""} item${p.cartItems.length!==1?"s":""} in your cart`),o(ue,`Subtotal (${p.cartItems.length??""} item${p.cartItems.length!==1?"s":""})`),o(xe,`KES ${i??""}`),o(fe,`KES ${r??""}`),o(ge,`KES ${m??""}`),w(xt,(f=s(l))==null?void 0:f.apiClientID),w(ft,(g=s(l))==null?void 0:g.secureHash),w(gt,(d=s(l))==null?void 0:d.billDesc),w(yt,(c=s(l))==null?void 0:c.billRefNumber),w(_t,(y=s(l))==null?void 0:y.currency),w(bt,(E=s(l))==null?void 0:E.serviceID),w(ht,(h=s(l))==null?void 0:h.clientMSISDN),w(wt,(j=s(l))==null?void 0:j.clientName),w(St,(R=s(l))==null?void 0:R.clientIDNumber),w(kt,(N=s(l))==null?void 0:N.clientEmail),w(Et,(H=s(l))==null?void 0:H.callBackURLOnSuccess),w(It,(T=s(l))==null?void 0:T.callBackURLOnFail),w(Lt,(U=s(l))==null?void 0:U.notificationURL),w(Pt,(M=s(l))==null?void 0:M.pictureURL),w(ae,(F=s(l))==null?void 0:F.amountExpected)},[()=>p.cartStats.total.toLocaleString(),()=>{var i,r;return((r=(i=s(J))==null?void 0:i.amount)==null?void 0:r.toLocaleString())||0},()=>s(it).toLocaleString()]),v(B,Ut),$e()}Ke(["click"]);export{Ea as component};