@instockng/storefront-ui 1.0.80 → 1.0.82

package/dist/index16.mjs

@@ -1,21 +1,21 @@
 'use client';
-import { jsxs as a, jsx as e, Fragment as Ie } from "react/jsx-runtime";
-import { useState as w, useEffect as j, useMemo as K, useCallback as qe } from "react";
-import { object as V, string as N, ValidationError as Se } from "./index46.mjs";
+import { jsxs as r, jsx as e, Fragment as K } from "react/jsx-runtime";
+import { useState as w, useEffect as Z, useMemo as G, useCallback as Se } from "react";
+import { object as Y, string as N, ValidationError as je } from "./index46.mjs";
 import "./index24.mjs";
 import "@tanstack/react-query";
-import { useGetDeliveryZones as je } from "./index40.mjs";
-import { useCart as Ze } from "./index3.mjs";
-import { Modal as ue } from "./index20.mjs";
+import { useGetDeliveryZones as Ze } from "./index40.mjs";
+import { useCart as _e } from "./index3.mjs";
+import { Modal as ye } from "./index20.mjs";
 import { FormInput as I } from "./index21.mjs";
-import { FormSelect as pe } from "./index22.mjs";
-import { Button as B } from "./index17.mjs";
-import { Loader2 as U, ChevronLeft as _e, ChevronRight as Le, Package as ye, Banknote as fe, Mail as Te, Phone as Fe, ChevronDown as ze, Zap as Ae } from "lucide-react";
-import { PostPurchaseUpsell as Be } from "./index47.mjs";
-import { formatCurrency as Z, cn as k, getFbCookies as G, getTikTokCookies as O } from "./index23.mjs";
-import We from "./index48.mjs";
-import { usePaystackPayment as $e } from "./index49.mjs";
-const Re = "2348125648668", He = `https://wa.me/${Re}`, Ke = (d) => d.replace(/\D/g, ""), Ue = V({
+import { FormSelect as fe } from "./index22.mjs";
+import { Button as W } from "./index17.mjs";
+import { Loader2 as $, ChevronLeft as Le, ChevronRight as Fe, Package as ve, Banknote as Ne, Mail as Te, Phone as ze, ChevronDown as Ae, Zap as Be } from "lucide-react";
+import { PostPurchaseUpsell as We } from "./index47.mjs";
+import { formatCurrency as _, cn as k, getFbCookies as O, getTikTokCookies as V } from "./index23.mjs";
+import $e from "./index48.mjs";
+import { usePaystackPayment as Re } from "./index49.mjs";
+const Ue = "2348125648668", He = `https://wa.me/${Ue}`, Ke = (d) => d.replace(/\D/g, ""), Ge = Y({
   firstName: N().required("First name is required").min(2, "First name must be at least 2 characters").max(50, "First name must be less than 50 characters"),
   lastName: N().required("Last name is required").min(2, "Last name must be at least 2 characters").max(50, "Last name must be less than 50 characters"),
   email: N().required("Email is required").email("Please enter a valid email address"),
@@ -27,50 +27,50 @@ const Re = "2348125648668", He = `https://wa.me/${Re}`, Ke = (d) => d.replace(/\
       // 0xxxxxxxxx (11 digits total)
     ].some((g) => g.test(q));
   })
-}), Ge = V({
+}), Oe = Y({
   address: N().required("Street address is required").min(10, "Please provide a complete address"),
   city: N().required("City is required").min(3, "City name must be at least 3 characters"),
   state: N().required("State is required").test("not-empty", "State is required", (d) => !!d && d.trim() !== ""),
   deliveryZoneId: N().required("Delivery zone is required").test("not-empty", "Delivery zone is required", (d) => !!d && d.trim() !== "")
-}), Oe = V({
+}), Ve = Y({
   paymentMethod: N().oneOf(["cod", "online"], "Please select a payment method").required("Payment method is required")
 });
-function ct({
+function mt({
   isOpen: d,
   onClose: q,
   initialData: l,
   onSuccess: g,
   onError: o,
-  submitButtonText: ve = "Place Order",
-  refundPolicy: _
+  submitButtonText: ge = "Place Order",
+  refundPolicy: L
 }) {
-  var re, se, ne, le, ie, de, oe, ce, me, he;
-  const [c, b] = w("customer"), [L, Ne] = w(void 0), [f, Y] = w(void 0), [p, W] = w(null), { refetch: J, isLoading: Q, cart: s, updateCartMutation: $, checkoutMutation: ge, clearAndCreateNewCart: X } = Ze(), E = (re = s == null ? void 0 : s.brand) == null ? void 0 : re.paystackPublicKey, D = $e({
+  var se, ne, le, ie, de, oe, ce, me, he, ue, pe;
+  const [c, b] = w("customer"), [F, be] = w(void 0), [p, J] = w(void 0), [y, R] = w(null), { refetch: Q, isLoading: X, cart: a, updateCartMutation: S, checkoutMutation: xe, clearAndCreateNewCart: E } = _e(), D = (se = a == null ? void 0 : a.brand) == null ? void 0 : se.paystackPublicKey, ee = Re({
     isOpen: d,
-    publicKey: E || "",
-    onSuccess: async (r) => {
+    publicKey: D || "",
+    onSuccess: async (s) => {
       try {
-        const { fbc: n, fbp: i } = G(), { ttp: m, ttclid: S } = O(), v = await M.mutateAsync({
+        const { fbc: n, fbp: i } = O(), { ttp: m, ttclid: j } = V(), v = await M.mutateAsync({
           firstName: t.firstName,
           lastName: t.lastName,
           email: t.email,
           phone: t.phone,
           address: t.address,
           city: t.city,
-          deliveryZoneId: f || t.deliveryZoneId,
+          deliveryZoneId: p || t.deliveryZoneId,
           paymentMethod: t.paymentMethod,
-          paystackReference: r.reference,
+          paystackReference: s.reference,
           fbc: n,
           fbp: i,
           ttp: m,
-          ttclid: S
+          ttclid: j
         });
         if ("error" in v) {
           const P = v.error;
           o == null || o(new Error((P == null ? void 0 : P.message) || "Checkout failed"));
           return;
         }
-        W(v), X(), g == null || g(v);
+        R(v), E(), g == null || g(v);
       } catch (n) {
         o == null || o(n);
       }
@@ -79,16 +79,16 @@ function ct({
       console.log("Payment popup closed by user");
     }
   });
-  j(() => {
-    d && J();
-  }, [d, J]);
-  const { data: C } = je(((se = s == null ? void 0 : s.brand) == null ? void 0 : se.id) || "", {
-    enabled: !!((ne = s == null ? void 0 : s.brand) != null && ne.id)
-  }), h = K(() => C == null ? void 0 : C.find((r) => r.id === L), [C, L]), y = K(() => h == null ? void 0 : h.zones.find((r) => r.id === f), [h, f]), M = ge;
-  j(() => {
-    d || (W(null), b("customer"), M.reset());
+  Z(() => {
+    d && Q();
+  }, [d, Q]);
+  const { data: C } = Ze(((ne = a == null ? void 0 : a.brand) == null ? void 0 : ne.id) || "", {
+    enabled: !!((le = a == null ? void 0 : a.brand) != null && le.id)
+  }), h = G(() => C == null ? void 0 : C.find((s) => s.id === F), [C, F]), f = G(() => h == null ? void 0 : h.zones.find((s) => s.id === p), [h, p]), M = xe;
+  Z(() => {
+    d || (R(null), b("customer"), M.reset());
   }, [d]);
-  const [t, R] = w({
+  const [t, U] = w({
     firstName: (l == null ? void 0 : l.firstName) || "",
     lastName: (l == null ? void 0 : l.lastName) || "",
     email: (l == null ? void 0 : l.email) || "",
@@ -99,104 +99,104 @@ function ct({
     paymentMethod: (l == null ? void 0 : l.paymentMethod) || "online",
     notes: (l == null ? void 0 : l.notes) || ""
   });
-  j(() => {
+  Z(() => {
     d && b("customer");
   }, [d]);
-  const [ee, te] = w(!1);
-  j(() => {
-    d && s && !l && !ee && (R((r) => {
+  const [te, ae] = w(!1);
+  Z(() => {
+    d && a && !l && !te && (U((s) => {
       var n;
       return {
-        ...r,
-        firstName: s.customerFirstName || r.firstName,
-        lastName: s.customerLastName || r.lastName,
-        email: s.customerEmail || r.email,
-        phone: s.customerPhone || r.phone,
-        deliveryZoneId: ((n = s.deliveryZone) == null ? void 0 : n.id) || r.deliveryZoneId
+        ...s,
+        firstName: a.customerFirstName || s.firstName,
+        lastName: a.customerLastName || s.lastName,
+        email: a.customerEmail || s.email,
+        phone: a.customerPhone || s.phone,
+        deliveryZoneId: ((n = a.deliveryZone) == null ? void 0 : n.id) || s.deliveryZoneId
       };
-    }), te(!0)), d || te(!1);
-  }, [d, s, l, ee]), j(() => {
-    if (f) {
-      const r = h == null ? void 0 : h.zones.find((n) => n.id === f);
-      r && R((n) => ({
+    }), ae(!0)), d || ae(!1);
+  }, [d, a, l, te]), Z(() => {
+    if (p) {
+      const s = h == null ? void 0 : h.zones.find((n) => n.id === p);
+      s && U((n) => ({
         ...n,
-        paymentMethod: r.allowOnline ? "online" : "cod"
+        paymentMethod: s.allowOnline ? "online" : "cod"
       }));
     }
-  }, [f, h]);
-  const [u, T] = w({}), [H, be] = w(!1), x = (r) => {
-    const { name: n, value: i } = r.target;
-    R((m) => ({ ...m, [n]: i })), u[n] && T((m) => ({ ...m, [n]: void 0 }));
-  }, F = qe(
-    (r) => {
-      const n = t[r];
+  }, [p, h]);
+  const [u, T] = w({}), [H, we] = w(!1), x = (s) => {
+    const { name: n, value: i } = s.target;
+    U((m) => ({ ...m, [n]: i })), u[n] && T((m) => ({ ...m, [n]: void 0 }));
+  }, z = Se(
+    (s) => {
+      const n = t[s];
       if (!n) return;
       const i = {};
-      r === "firstName" ? i.customerFirstName = n : r === "lastName" ? i.customerLastName = n : r === "email" ? i.customerEmail = n : r === "phone" && (i.customerPhone = n), $.mutate(i);
+      s === "firstName" ? i.customerFirstName = n : s === "lastName" ? i.customerLastName = n : s === "email" ? i.customerEmail = n : s === "phone" && (i.customerPhone = n), S.mutate(i);
     },
-    [t, $]
-  ), z = (r) => {
+    [t, S]
+  ), A = (s) => {
     const n = {};
     try {
-      if (r === "customer")
-        Ue.validateSync(t, { abortEarly: !1 });
-      else if (r === "delivery") {
+      if (s === "customer")
+        Ge.validateSync(t, { abortEarly: !1 });
+      else if (s === "delivery") {
         const i = {
           address: t.address,
           city: t.city,
-          state: L || t.state || "",
-          deliveryZoneId: f || t.deliveryZoneId || ""
+          state: F || t.state || "",
+          deliveryZoneId: p || t.deliveryZoneId || ""
         };
-        Ge.validateSync(i, { abortEarly: !1 });
-      } else r === "payment" && Oe.validateSync(t, { abortEarly: !1 });
+        Oe.validateSync(i, { abortEarly: !1 });
+      } else s === "payment" && Ve.validateSync(t, { abortEarly: !1 });
     } catch (i) {
-      i instanceof Se && i.inner.forEach((m) => {
+      i instanceof je && i.inner.forEach((m) => {
         m.path && (n[m.path] = m.message);
       });
     }
     return T(n), Object.keys(n).length === 0;
-  }, xe = () => {
-    z(c) && (c === "customer" ? b("delivery") : c === "delivery" && b("payment"));
-  }, we = () => {
+  }, Ce = () => {
+    A(c) && (c === "customer" ? b("delivery") : c === "delivery" && b("payment"));
+  }, Pe = () => {
     c === "payment" ? b("delivery") : c === "delivery" && b("customer");
-  }, Ce = async () => {
-    var r;
-    if (!z("customer")) {
+  }, ke = async () => {
+    var s;
+    if (!A("customer")) {
       b("customer");
       return;
     }
-    if (!z("delivery")) {
+    if (!A("delivery")) {
       b("delivery");
       return;
     }
-    if (z("payment")) {
+    if (A("payment")) {
       if (t.paymentMethod === "online") {
-        if (!E) {
+        if (!D) {
           o == null || o(new Error("Paystack is not configured. Please contact support."));
           return;
         }
-        if (!D.isLoaded) {
+        if (!ee.isLoaded) {
           o == null || o(new Error("Payment system is loading. Please try again."));
           return;
         }
-        const n = Math.round(s.pricing.total * 100), { fbc: i, fbp: m } = G(), { ttp: S, ttclid: v } = O();
-        D.initializePayment({
-          email: t.email || (s == null ? void 0 : s.customerEmail) || "customer@example.com",
+        const n = Math.round(a.pricing.total * 100), { fbc: i, fbp: m } = O(), { ttp: j, ttclid: v } = V();
+        ee.initializePayment({
+          email: t.email || (a == null ? void 0 : a.customerEmail) || "customer@example.com",
           amount: n,
           currency: "NGN",
           metadata: {
-            cartId: s == null ? void 0 : s.id,
-            brandSlug: (r = s == null ? void 0 : s.brand) == null ? void 0 : r.slug,
+            cartId: a == null ? void 0 : a.id,
+            brandSlug: (s = a == null ? void 0 : a.brand) == null ? void 0 : s.slug,
             address: t.address,
             city: t.city,
-            delivery_zone_id: f || t.deliveryZoneId,
+            delivery_zone_id: p || t.deliveryZoneId,
             firstName: t.firstName,
             lastName: t.lastName,
             email: t.email,
             phone: t.phone,
             fbc: i,
             fbp: m,
-            ttp: S,
+            ttp: j,
             ttclid: v,
             custom_fields: [
               {
@@ -222,7 +222,7 @@ function ct({
               {
                 display_name: "Delivery Zone ID",
                 variable_name: "delivery_zone_id",
-                value: f || t.deliveryZoneId
+                value: p || t.deliveryZoneId
               }
             ]
           }
@@ -230,118 +230,122 @@ function ct({
         return;
       }
       try {
-        const { fbc: n, fbp: i } = G(), { ttp: m, ttclid: S } = O(), v = await M.mutateAsync({
+        const { fbc: n, fbp: i } = O(), { ttp: m, ttclid: j } = V(), v = await M.mutateAsync({
           firstName: t.firstName,
           lastName: t.lastName,
           email: t.email,
           phone: t.phone,
           address: t.address,
           city: t.city,
-          deliveryZoneId: f || t.deliveryZoneId,
+          deliveryZoneId: p || t.deliveryZoneId,
           paymentMethod: t.paymentMethod,
           fbc: n,
           fbp: i,
           ttp: m,
-          ttclid: S
+          ttclid: j
         });
         if ("error" in v) {
           const P = v.error;
           o == null || o(new Error((P == null ? void 0 : P.message) || "Checkout failed"));
           return;
         }
-        W(v), X(), g == null || g(v);
+        R(v), E(), g == null || g(v);
       } catch (n) {
         o == null || o(n);
       }
     }
-  }, Pe = {
+  }, Me = {
     customer: "Customer Information",
     delivery: "Delivery Address",
     payment: "Payment Method"
-  }, ke = K(() => Pe[c], [c]), Me = /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-    (c === "payment" || c === "delivery") && ((le = s == null ? void 0 : s.pricing) == null ? void 0 : le.total) && /* @__PURE__ */ a("div", { className: "text-sm text-black relative", children: [
-      Q && /* @__PURE__ */ e("div", { className: "absolute flex items-center justify-center inset-0 bg-white opacity-50", children: /* @__PURE__ */ e(U, { className: "animate-spin text-accent-500" }) }),
-      /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
+  }, Ie = G(() => Me[c], [c]), qe = /* @__PURE__ */ r("div", { className: "space-y-3", children: [
+    (c === "payment" || c === "delivery") && ((ie = a == null ? void 0 : a.pricing) == null ? void 0 : ie.total) && /* @__PURE__ */ r("div", { className: "text-sm text-black relative", children: [
+      X && /* @__PURE__ */ e("div", { className: "absolute flex items-center justify-center inset-0 bg-white opacity-50", children: /* @__PURE__ */ e($, { className: "animate-spin text-accent-500" }) }),
+      /* @__PURE__ */ r("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Subtotal" }),
-        /* @__PURE__ */ e("span", { children: Z(((ie = s == null ? void 0 : s.pricing) == null ? void 0 : ie.subtotal) ?? 0) })
+        /* @__PURE__ */ e("span", { children: _(((de = a == null ? void 0 : a.pricing) == null ? void 0 : de.subtotal) ?? 0) })
       ] }),
-      s.pricing.discount && /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
+      a.pricing.discount && /* @__PURE__ */ r("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Discount" }),
-        /* @__PURE__ */ a("span", { className: "text-green-600", children: [
+        /* @__PURE__ */ r("span", { className: "text-green-600", children: [
           "-",
-          Z(((oe = (de = s == null ? void 0 : s.pricing) == null ? void 0 : de.discount) == null ? void 0 : oe.amount) ?? 0)
+          _(((ce = (oe = a == null ? void 0 : a.pricing) == null ? void 0 : oe.discount) == null ? void 0 : ce.amount) ?? 0)
         ] })
       ] }),
-      /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
+      /* @__PURE__ */ r("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Delivery Fee" }),
-        /* @__PURE__ */ e("span", { children: Z(((ce = s == null ? void 0 : s.pricing) == null ? void 0 : ce.deliveryCharge) ?? 0) })
+        /* @__PURE__ */ e("span", { children: p ? ((me = a == null ? void 0 : a.pricing) == null ? void 0 : me.deliveryCharge) === 0 ? /* @__PURE__ */ e("span", { className: "text-green-600", children: "Free" }) : _(((he = a == null ? void 0 : a.pricing) == null ? void 0 : he.deliveryCharge) ?? 0) : /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs", children: "Select zone first" }) })
       ] }),
       /* @__PURE__ */ e("hr", { className: "border-gray-200 my-2" }),
-      /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
+      /* @__PURE__ */ r("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Total" }),
-        /* @__PURE__ */ e("span", { children: Z(((me = s == null ? void 0 : s.pricing) == null ? void 0 : me.total) ?? 0) })
+        /* @__PURE__ */ e("span", { children: _(((ue = a == null ? void 0 : a.pricing) == null ? void 0 : ue.total) ?? 0) })
       ] })
     ] }),
-    /* @__PURE__ */ a("div", { className: "flex gap-3", children: [
-      c !== "customer" && /* @__PURE__ */ a(
-        B,
+    /* @__PURE__ */ r("div", { className: "flex gap-3", children: [
+      c !== "customer" && /* @__PURE__ */ r(
+        W,
         {
           type: "button",
           variant: "outline",
-          onClick: we,
+          onClick: Pe,
           className: "flex-1 border-gray-400",
           size: "lg",
           children: [
-            /* @__PURE__ */ e(_e, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ e(Le, { className: "mr-2 h-4 w-4" }),
             "Back"
           ]
         }
       ),
-      c !== "payment" ? /* @__PURE__ */ a(
-        B,
+      c !== "payment" ? /* @__PURE__ */ e(
+        W,
         {
           type: "button",
-          onClick: xe,
+          onClick: Ce,
+          disabled: c === "delivery" && S.isPending,
           className: "flex-1 bg-accent-500 text-white hover:bg-accent-600",
           size: "lg",
-          children: [
+          children: c === "delivery" && S.isPending ? /* @__PURE__ */ r(K, { children: [
+            /* @__PURE__ */ e($, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Updating..."
+          ] }) : /* @__PURE__ */ r(K, { children: [
             "Next",
-            /* @__PURE__ */ e(Le, { className: "ml-2 h-4 w-4" })
-          ]
+            /* @__PURE__ */ e(Fe, { className: "ml-2 h-4 w-4" })
+          ] })
         }
       ) : /* @__PURE__ */ e(
-        B,
+        W,
         {
           type: "button",
-          onClick: Ce,
+          onClick: ke,
           disabled: M.isPending,
           className: "flex-1 bg-accent-500 text-white hover:bg-accent-600",
           size: "lg",
-          children: M.isPending ? /* @__PURE__ */ a(Ie, { children: [
-            /* @__PURE__ */ e(U, { className: "mr-2 h-4 w-4 animate-spin" }),
+          children: M.isPending ? /* @__PURE__ */ r(K, { children: [
+            /* @__PURE__ */ e($, { className: "mr-2 h-4 w-4 animate-spin" }),
             "Processing..."
-          ] }) : ve
+          ] }) : ge
         }
       )
     ] }),
     M.isError && /* @__PURE__ */ e("div", { className: "rounded-lg bg-red-50 p-3 text-sm text-red-600", children: "Failed to place order. Please check your information and try again." })
-  ] }), A = (r) => !(s != null && s.availablePaymentMethods.includes(r));
-  if (p)
+  ] }), B = (s) => !(a != null && a.availablePaymentMethods.includes(s));
+  if (y)
     return /* @__PURE__ */ e(
-      ue,
+      ye,
       {
         isOpen: d,
         onClose: q,
-        title: /* @__PURE__ */ a("span", { className: "flex items-center gap-3", children: [
+        title: /* @__PURE__ */ r("span", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ e("span", { className: "w-10 h-10 bg-green-100 rounded-full flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e("svg", { className: "h-6 w-6 text-green-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) }),
-          /* @__PURE__ */ a("span", { children: [
+          /* @__PURE__ */ r("span", { children: [
             "Thank You!",
             /* @__PURE__ */ e("br", {}),
             "We'll contact you shortly"
           ] })
         ] }),
         footer: /* @__PURE__ */ e(
-          B,
+          W,
           {
             onClick: q,
             className: "w-full bg-accent-500 text-white hover:bg-accent-600",
@@ -351,82 +355,82 @@ function ct({
         ),
         size: "lg",
         contentClassName: "p-4",
-        children: /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ a("div", { className: "bg-gray-50 rounded-lg p-4 space-y-2", children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center justify-center space-x-2 text-gray-700", children: [
-              /* @__PURE__ */ e(ye, { className: "h-4 w-4" }),
-              /* @__PURE__ */ a("span", { className: "text-sm font-medium", children: [
+        children: /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ r("div", { className: "bg-gray-50 rounded-lg p-4 space-y-2", children: [
+            /* @__PURE__ */ r("div", { className: "flex items-center justify-center space-x-2 text-gray-700", children: [
+              /* @__PURE__ */ e(ve, { className: "h-4 w-4" }),
+              /* @__PURE__ */ r("span", { className: "text-sm font-medium", children: [
                 "Order #",
-                p.orderNumber
+                y.orderNumber
               ] })
             ] }),
-            /* @__PURE__ */ a("div", { className: "border-t border-gray-200 pt-2 space-y-1.5", children: [
-              /* @__PURE__ */ a("div", { className: "flex justify-between text-sm", children: [
+            /* @__PURE__ */ r("div", { className: "border-t border-gray-200 pt-2 space-y-1.5", children: [
+              /* @__PURE__ */ r("div", { className: "flex justify-between text-sm", children: [
                 /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Customer" }),
-                /* @__PURE__ */ a("span", { className: "font-medium text-gray-900", children: [
-                  p.firstName,
+                /* @__PURE__ */ r("span", { className: "font-medium text-gray-900", children: [
+                  y.firstName,
                   " ",
-                  p.lastName
+                  y.lastName
                 ] })
               ] }),
-              /* @__PURE__ */ a("div", { className: "flex justify-between text-sm", children: [
+              /* @__PURE__ */ r("div", { className: "flex justify-between text-sm", children: [
                 /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Phone" }),
-                /* @__PURE__ */ e("span", { className: "font-medium text-gray-900", children: p.phone })
+                /* @__PURE__ */ e("span", { className: "font-medium text-gray-900", children: y.phone })
               ] }),
-              p.email && /* @__PURE__ */ a("div", { className: "flex justify-between text-sm", children: [
+              y.email && /* @__PURE__ */ r("div", { className: "flex justify-between text-sm", children: [
                 /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Email" }),
-                /* @__PURE__ */ e("span", { className: "font-medium text-gray-900", children: p.email })
+                /* @__PURE__ */ e("span", { className: "font-medium text-gray-900", children: y.email })
               ] }),
-              /* @__PURE__ */ a("div", { className: "flex justify-between text-sm", children: [
+              /* @__PURE__ */ r("div", { className: "flex justify-between text-sm", children: [
                 /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Payment" }),
-                /* @__PURE__ */ e("span", { className: "font-medium text-gray-900", children: p.paymentMethod === "cod" ? "Cash on Delivery" : "Online" })
+                /* @__PURE__ */ e("span", { className: "font-medium text-gray-900", children: y.paymentMethod === "cod" ? "Cash on Delivery" : "Online" })
               ] }),
-              /* @__PURE__ */ a("div", { className: "flex justify-between text-sm", children: [
+              /* @__PURE__ */ r("div", { className: "flex justify-between text-sm", children: [
                 /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Total" }),
-                /* @__PURE__ */ e("span", { className: "font-bold text-gray-900", children: Z(p.totalPrice) })
+                /* @__PURE__ */ e("span", { className: "font-bold text-gray-900", children: _(y.totalPrice) })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ e(
-            Be,
+            We,
             {
-              orderId: p.id,
-              token: p.userActionToken,
+              orderId: y.id,
+              token: y.userActionToken,
               limit: 4,
-              brandSiteUrl: (he = p.brand) == null ? void 0 : he.siteUrl
+              brandSiteUrl: (pe = y.brand) == null ? void 0 : pe.siteUrl
             }
           )
         ] })
       }
     );
-  const ae = y && (c === "delivery" || c === "payment") && (y.waybillOnly || !(y != null && y.allowCOD));
+  const re = f && (c === "delivery" || c === "payment") && (f.waybillOnly || !(f != null && f.allowCOD));
   return /* @__PURE__ */ e(
-    ue,
+    ye,
     {
       isOpen: d,
       onClose: q,
-      title: ke,
-      footer: Me,
+      title: Ie,
+      footer: qe,
       size: "lg",
       contentClassName: "p-0",
-      children: Q ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center min-h-[300px]", children: /* @__PURE__ */ e(U, { className: "h-8 w-8 animate-spin text-gray-600" }) }) : /* @__PURE__ */ e("div", { className: "w-full overflow-hidden", children: /* @__PURE__ */ a("div", { className: "relative w-full", children: [
-        ae && /* @__PURE__ */ a("div", { className: "space-y-3 p-4 pb-0", children: [
-          y.noteTitle && y.noteContent && /* @__PURE__ */ e("div", { className: "bg-amber-50 border border-amber-200 rounded-lg p-4", children: /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ e(ye, { className: "h-5 w-5 text-amber-600 flex-shrink-0 mt-0.5" }),
-            /* @__PURE__ */ a("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-amber-900 whitespace-pre-wrap", children: y.noteTitle }),
-              /* @__PURE__ */ e("p", { className: "text-sm text-amber-800 whitespace-pre-wrap", children: y.noteContent })
+      children: X ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center min-h-[300px]", children: /* @__PURE__ */ e($, { className: "h-8 w-8 animate-spin text-gray-600" }) }) : /* @__PURE__ */ e("div", { className: "w-full overflow-hidden", children: /* @__PURE__ */ r("div", { className: "relative w-full", children: [
+        re && /* @__PURE__ */ r("div", { className: "space-y-3 p-4 pb-0", children: [
+          f.noteTitle && f.noteContent && /* @__PURE__ */ e("div", { className: "bg-amber-50 border border-amber-200 rounded-lg p-4", children: /* @__PURE__ */ r("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ e(ve, { className: "h-5 w-5 text-amber-600 flex-shrink-0 mt-0.5" }),
+            /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-amber-900 whitespace-pre-wrap", children: f.noteTitle }),
+              /* @__PURE__ */ e("p", { className: "text-sm text-amber-800 whitespace-pre-wrap", children: f.noteContent })
             ] })
           ] }) }),
-          !(y != null && y.allowCOD) && /* @__PURE__ */ e("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4", children: /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ e(fe, { className: "h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" }),
-            /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+          !(f != null && f.allowCOD) && /* @__PURE__ */ e("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4", children: /* @__PURE__ */ r("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ e(Ne, { className: "h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" }),
+            /* @__PURE__ */ r("div", { className: "space-y-1", children: [
               /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-blue-900", children: "Cash on Delivery Unavailable" }),
               /* @__PURE__ */ e("p", { className: "text-sm text-blue-800", children: "We're unable to offer cash on delivery to this location. Please use online payment to complete your order." })
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ a(
+        /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ r(
           "a",
           {
             href: He,
@@ -446,7 +450,7 @@ function ct({
             ]
           }
         ) }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ r(
           "div",
           {
             className: k(
@@ -456,7 +460,7 @@ function ct({
               c === "payment" && "-translate-x-[200%]"
             ),
             children: [
-              /* @__PURE__ */ e("div", { className: "w-full min-w-full flex-shrink-0 p-4", children: /* @__PURE__ */ e("div", { className: "space-y-4", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ e("div", { className: "w-full min-w-full flex-shrink-0 p-4", children: /* @__PURE__ */ e("div", { className: "space-y-4", children: /* @__PURE__ */ r("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
                 /* @__PURE__ */ e(
                   I,
                   {
@@ -465,7 +469,7 @@ function ct({
                     name: "firstName",
                     value: t.firstName,
                     onChange: x,
-                    onBlur: () => F("firstName"),
+                    onBlur: () => z("firstName"),
                     error: u.firstName,
                     autoCorrect: "off",
                     required: !0
@@ -479,7 +483,7 @@ function ct({
                     name: "lastName",
                     value: t.lastName,
                     onChange: x,
-                    onBlur: () => F("lastName"),
+                    onBlur: () => z("lastName"),
                     error: u.lastName,
                     autoCorrect: "off",
                     required: !0
@@ -493,7 +497,7 @@ function ct({
                     name: "email",
                     value: t.email,
                     onChange: x,
-                    onBlur: () => F("email"),
+                    onBlur: () => z("email"),
                     error: u.email,
                     icon: /* @__PURE__ */ e(Te, { size: 16 }),
                     autoCorrect: "off",
@@ -508,18 +512,18 @@ function ct({
                     name: "phone",
                     value: t.phone,
                     onChange: x,
-                    onBlur: () => F("phone"),
+                    onBlur: () => z("phone"),
                     placeholder: "e.g. 08012345678",
                     maxLength: 18,
                     error: u.phone,
-                    icon: /* @__PURE__ */ e(Fe, { size: 16 }),
+                    icon: /* @__PURE__ */ e(ze, { size: 16 }),
                     autoCorrect: "off",
                     required: !0,
                     className: "font-semibold"
                   }
                 )
               ] }) }) }),
-              /* @__PURE__ */ e("div", { className: "w-full min-w-full flex-shrink-0 p-4", children: /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ e("div", { className: "w-full min-w-full flex-shrink-0 p-4", children: /* @__PURE__ */ r("div", { className: "space-y-4", children: [
                 /* @__PURE__ */ e(
                   I,
                   {
@@ -533,7 +537,7 @@ function ct({
                     required: !0
                   }
                 ),
-                /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ r("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
                   /* @__PURE__ */ e(
                     I,
                     {
@@ -547,64 +551,64 @@ function ct({
                       required: !0
                     }
                   ),
-                  /* @__PURE__ */ a(
-                    pe,
+                  /* @__PURE__ */ r(
+                    fe,
                     {
                       label: "State",
                       name: "state",
-                      value: L || "",
-                      onChange: (r) => {
-                        Y("");
-                        const n = r.target.value;
-                        Ne(n || void 0), u.state && T((i) => ({ ...i, state: void 0 }));
+                      value: F || "",
+                      onChange: (s) => {
+                        J("");
+                        const n = s.target.value;
+                        be(n || void 0), u.state && T((i) => ({ ...i, state: void 0 }));
                       },
                       error: u.state,
                       required: !0,
                       children: [
                         /* @__PURE__ */ e("option", { disabled: !0, value: "", children: "Select State" }),
-                        C == null ? void 0 : C.map((r) => /* @__PURE__ */ e("option", { value: r.id, children: r.name }, r.id))
+                        C == null ? void 0 : C.map((s) => /* @__PURE__ */ e("option", { value: s.id, children: s.name }, s.id))
                       ]
                     }
                   ),
-                  /* @__PURE__ */ a(
-                    pe,
+                  /* @__PURE__ */ r(
+                    fe,
                     {
                       label: "Delivery Zone",
-                      value: f || "",
-                      onChange: (r) => {
-                        const n = r.target.value;
-                        Y(n || void 0), u.deliveryZoneId && T((i) => ({ ...i, deliveryZoneId: void 0 })), n && $.mutate({ deliveryZoneId: n });
+                      value: p || "",
+                      onChange: (s) => {
+                        const n = s.target.value;
+                        J(n || void 0), u.deliveryZoneId && T((i) => ({ ...i, deliveryZoneId: void 0 })), n && S.mutate({ deliveryZoneId: n });
                       },
                       disabled: !h,
                       error: u.deliveryZoneId,
                       required: !0,
                       children: [
                         /* @__PURE__ */ e("option", { disabled: !0, value: "", children: h ? "Select Delivery Zone" : "Select State First" }),
-                        h == null ? void 0 : h.zones.map((r) => {
+                        h == null ? void 0 : h.zones.map((s) => {
                           var m;
-                          const n = ((m = s == null ? void 0 : s.pricing) == null ? void 0 : m.subtotal) ?? 0, i = r.freeShippingThreshold && n >= r.freeShippingThreshold;
-                          return /* @__PURE__ */ a("option", { value: r.id, children: [
-                            r.name,
-                            i ? "" : ` (₦${r.deliveryCost})`
-                          ] }, r.id);
+                          const n = ((m = a == null ? void 0 : a.pricing) == null ? void 0 : m.subtotal) ?? 0, i = s.freeShippingThreshold && n >= s.freeShippingThreshold;
+                          return /* @__PURE__ */ r("option", { value: s.id, children: [
+                            s.name,
+                            i ? "" : ` (₦${s.deliveryCost})`
+                          ] }, s.id);
                         })
                       ]
                     }
                   )
                 ] })
               ] }) }),
-              /* @__PURE__ */ e("div", { className: "w-full min-w-full flex-shrink-0 p-4", children: /* @__PURE__ */ a("div", { className: "space-y-6", children: [
-                _ && /* @__PURE__ */ a("div", { className: `border border-gray-200 rounded-lg ${ae ? "mt-4" : ""}`, children: [
-                  /* @__PURE__ */ a(
+              /* @__PURE__ */ e("div", { className: "w-full min-w-full flex-shrink-0 p-4", children: /* @__PURE__ */ r("div", { className: "space-y-6", children: [
+                L && /* @__PURE__ */ r("div", { className: `border border-gray-200 rounded-lg ${re ? "mt-4" : ""}`, children: [
+                  /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      onClick: () => be(!H),
+                      onClick: () => we(!H),
                       className: "overflow-hidden w-full flex items-center overflow-hidden rounded-lg rounded-b-none justify-between p-4 text-left hover:bg-gray-50 transition-colors",
                       children: [
-                        /* @__PURE__ */ e("span", { className: "text-sm font-bold text-accent-700", children: _.title || "🤔 Curious about Refunds?" }),
+                        /* @__PURE__ */ e("span", { className: "text-sm font-bold text-accent-700", children: L.title || "🤔 Curious about Refunds?" }),
                         /* @__PURE__ */ e(
-                          ze,
+                          Ae,
                           {
                             size: 16,
                             className: k(
@@ -623,24 +627,24 @@ function ct({
                         "overflow-hidden transition-all duration-300 ease-in-out",
                         H ? "max-h-96 opacity-100" : "max-h-0 opacity-0"
                       ),
-                      children: /* @__PURE__ */ e("div", { className: "px-4 pb-4 border-t border-gray-100", children: /* @__PURE__ */ e("div", { className: "text-sm text-gray-600 space-y-3 pt-4", children: _.policies && /* @__PURE__ */ a("div", { children: [
+                      children: /* @__PURE__ */ e("div", { className: "px-4 pb-4 border-t border-gray-100", children: /* @__PURE__ */ e("div", { className: "text-sm text-gray-600 space-y-3 pt-4", children: L.policies && /* @__PURE__ */ r("div", { children: [
                         /* @__PURE__ */ e("h4", { className: "font-bold text-gray-800 mb-2", children: "Our Refund Policy" }),
-                        /* @__PURE__ */ e("ul", { className: "space-y-1", children: _.policies.map((r, n) => /* @__PURE__ */ a("li", { className: "flex items-start", children: [
+                        /* @__PURE__ */ e("ul", { className: "space-y-1", children: L.policies.map((s, n) => /* @__PURE__ */ r("li", { className: "flex items-start", children: [
                           /* @__PURE__ */ e("span", { className: "text-green-600 mr-2", children: "✓" }),
-                          /* @__PURE__ */ e("span", { children: r })
+                          /* @__PURE__ */ e("span", { children: s })
                         ] }, n)) })
                       ] }) }) })
                     }
                   )
                 ] }),
-                /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-4", children: [
-                  /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ a(
+                /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-4", children: [
+                  /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ r(
                     "label",
                     {
                       className: k(
                         "flex items-center justify-center relative p-4 border-2 rounded-xl cursor-pointer transition-all duration-200",
                         t.paymentMethod === "online" ? "border-accent-500 bg-accent-50" : "border-gray-200 hover:border-gray-300",
-                        A("online") && "opacity-50 cursor-not-allowed"
+                        B("online") && "opacity-50 cursor-not-allowed"
                       ),
                       children: [
                         /* @__PURE__ */ e(
@@ -649,13 +653,13 @@ function ct({
                             type: "radio",
                             name: "paymentMethod",
                             value: "online",
-                            disabled: A("online"),
+                            disabled: B("online"),
                             checked: t.paymentMethod === "online",
                             onChange: x,
                             className: "sr-only"
                           }
                         ),
-                        /* @__PURE__ */ a("div", { className: "flex flex-col items-center text-center space-y-3", children: [
+                        /* @__PURE__ */ r("div", { className: "flex flex-col items-center text-center space-y-3", children: [
                           /* @__PURE__ */ e(
                             "div",
                             {
@@ -663,16 +667,16 @@ function ct({
                                 "p-3 rounded-full",
                                 t.paymentMethod === "online" ? "bg-accent-100 text-accent-600" : "bg-gray-100 text-gray-600"
                               ),
-                              children: /* @__PURE__ */ e(Ae, { size: 24 })
+                              children: /* @__PURE__ */ e(Be, { size: 24 })
                             }
                           ),
-                          /* @__PURE__ */ a("div", { children: [
+                          /* @__PURE__ */ r("div", { children: [
                             /* @__PURE__ */ e("div", { className: "font-semibold text-gray-900", children: "Pay Online" }),
                             /* @__PURE__ */ e("div", { className: "text-sm text-gray-500 mt-1", children: "Bank transfer" }),
                             /* @__PURE__ */ e(
                               "img",
                               {
-                                src: We,
+                                src: $e,
                                 alt: "Paystack",
                                 className: "h-4 w-auto mt-2 mx-auto"
                               }
@@ -683,13 +687,13 @@ function ct({
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ r(
                     "label",
                     {
                       className: k(
                         "flex items-center justify-center relative p-4 border-2 rounded-xl cursor-pointer transition-all duration-200",
                         t.paymentMethod === "cod" ? "border-accent-500 bg-accent-50" : "border-gray-200 hover:border-gray-300",
-                        A("cod") && "opacity-50 cursor-not-allowed"
+                        B("cod") && "opacity-50 cursor-not-allowed"
                       ),
                       children: [
                         /* @__PURE__ */ e(
@@ -698,13 +702,13 @@ function ct({
                             type: "radio",
                             name: "paymentMethod",
                             value: "cod",
-                            disabled: A("cod"),
+                            disabled: B("cod"),
                             checked: t.paymentMethod === "cod",
                             onChange: x,
                             className: "sr-only"
                           }
                         ),
-                        /* @__PURE__ */ a("div", { className: "flex flex-col items-center text-center space-y-3", children: [
+                        /* @__PURE__ */ r("div", { className: "flex flex-col items-center text-center space-y-3", children: [
                           /* @__PURE__ */ e(
                             "div",
                             {
@@ -712,10 +716,10 @@ function ct({
                                 "p-3 rounded-full",
                                 t.paymentMethod === "cod" ? "bg-accent-100 text-accent-600" : "bg-gray-100 text-gray-600"
                               ),
-                              children: /* @__PURE__ */ e(fe, { size: 24 })
+                              children: /* @__PURE__ */ e(Ne, { size: 24 })
                             }
                           ),
-                          /* @__PURE__ */ a("div", { children: [
+                          /* @__PURE__ */ r("div", { children: [
                             /* @__PURE__ */ e("div", { className: "font-semibold text-gray-900", children: "Pay on Delivery" }),
                             /* @__PURE__ */ e("div", { className: "text-sm text-gray-500 mt-1", children: "Pay when item arrives" })
                           ] })
@@ -735,5 +739,5 @@ function ct({
   );
 }
 export {
-  ct as Checkout
+  mt as Checkout
 };