@instockng/storefront-ui 1.0.53 → 1.0.55

package/dist/index13.mjs

@@ -1,76 +1,76 @@
 'use client';
-import { jsxs as a, jsx as e, Fragment as qe } from "react/jsx-runtime";
-import { useState as w, useEffect as L, useMemo as K, useCallback as Ie } from "react";
-import { object as G, string as v, ValidationError as je } from "./index43.mjs";
+import { jsxs as a, jsx as e, Fragment as Ie } from "react/jsx-runtime";
+import { useState as w, useEffect as _, useMemo as K, useCallback as qe } from "react";
+import { object as V, string as N, ValidationError as je } from "./index43.mjs";
 import "./index21.mjs";
 import "@tanstack/react-query";
-import { useGetDeliveryZones as Le } from "./index36.mjs";
-import { useCart as Se } from "./index3.mjs";
-import { Modal as me } from "./index17.mjs";
-import { FormInput as q } from "./index18.mjs";
-import { FormSelect as he } from "./index19.mjs";
-import { Button as _ } from "./index14.mjs";
-import { Loader2 as U, ChevronLeft as Ze, ChevronRight as ze, Package as ue, Banknote as pe, Mail as Fe, Phone as Te, ChevronDown as Ae, Zap as _e } from "lucide-react";
+import { useGetDeliveryZones as Ze } from "./index36.mjs";
+import { useCart as _e } from "./index3.mjs";
+import { Modal as he } from "./index17.mjs";
+import { FormInput as I } from "./index18.mjs";
+import { FormSelect as ye } from "./index19.mjs";
+import { Button as B } from "./index14.mjs";
+import { Loader2 as U, ChevronLeft as Se, ChevronRight as Le, Package as pe, Banknote as fe, Mail as ze, Phone as Ae, ChevronDown as Fe, Zap as Te } from "lucide-react";
 import { PostPurchaseUpsell as Be } from "./index44.mjs";
-import { formatCurrency as I, cn as P, getFbCookies as ye, getTikTokCookies as fe } from "./index20.mjs";
+import { formatCurrency as q, cn as k, getFbCookies as G, getTikTokCookies as O } from "./index20.mjs";
 import We from "./index45.mjs";
 import { usePaystackPayment as Re } from "./index46.mjs";
-const $e = "2348125648668", He = `https://wa.me/${$e}`, Ke = (i) => i.replace(/\D/g, ""), Ue = G({
-  firstName: v().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: v().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: v().required("Email is required").email("Please enter a valid email address"),
-  phone: v().required("Phone number is required").test("nigerian-phone", "Please enter a valid Nigerian phone number (e.g. 0812 564 8668)", (i) => {
+const $e = "2348125648668", He = `https://wa.me/${$e}`, Ke = (i) => i.replace(/\D/g, ""), Ue = V({
+  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"),
+  phone: N().required("Phone number is required").test("nigerian-phone", "Please enter a valid Nigerian phone number (e.g. 0812 564 8668)", (i) => {
     if (!i) return !1;
     const j = Ke(i);
     return [
       /^0[789]\d{9}$/
       // 0xxxxxxxxx (11 digits total)
-    ].some((N) => N.test(j));
+    ].some((g) => g.test(j));
   })
-}), Ge = G({
-  address: v().required("Street address is required").min(10, "Please provide a complete address"),
-  city: v().required("City is required").min(3, "City name must be at least 3 characters"),
-  state: v().required("State is required").test("not-empty", "State is required", (i) => !!i && i.trim() !== ""),
-  deliveryZoneId: v().required("Delivery zone is required").test("not-empty", "Delivery zone is required", (i) => !!i && i.trim() !== "")
-}), Oe = G({
-  paymentMethod: v().oneOf(["cod", "online"], "Please select a payment method").required("Payment method is required")
+}), Ge = V({
+  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", (i) => !!i && i.trim() !== ""),
+  deliveryZoneId: N().required("Delivery zone is required").test("not-empty", "Delivery zone is required", (i) => !!i && i.trim() !== "")
+}), Oe = V({
+  paymentMethod: N().oneOf(["cod", "online"], "Please select a payment method").required("Payment method is required")
 });
 function ct({
   isOpen: i,
   onClose: j,
   initialData: l,
-  onSuccess: N,
+  onSuccess: g,
   onError: o,
   submitButtonText: ve = "Place Order",
   refundPolicy: S
 }) {
-  var te, ae, re, se, ne, le, ie, de, oe, ce;
-  const [c, g] = w("customer"), [Z, Ne] = w(void 0), [f, O] = w(void 0), [u, B] = w(null), { refetch: V, isLoading: Y, cart: s, updateCartMutation: W, checkoutMutation: ge, clearAndCreateNewCart: J } = Se(), Q = (te = s == null ? void 0 : s.brand) == null ? void 0 : te.paystackPublicKey, X = Re({
+  var re, se, ne, le, ie, de, oe, ce, me, ue;
+  const [c, b] = w("customer"), [L, Ne] = w(void 0), [f, Y] = w(void 0), [y, W] = w(null), { refetch: J, isLoading: Q, cart: s, updateCartMutation: R, checkoutMutation: ge, clearAndCreateNewCart: X } = _e(), E = (re = s == null ? void 0 : s.brand) == null ? void 0 : re.paystackPublicKey, D = Re({
     isOpen: i,
-    publicKey: Q || "",
-    onSuccess: async (t) => {
+    publicKey: E || "",
+    onSuccess: async (r) => {
       try {
-        const { fbc: n, fbp: d } = ye(), { ttp: y, ttclid: M } = fe(), x = await k.mutateAsync({
-          firstName: r.firstName,
-          lastName: r.lastName,
-          email: r.email,
-          phone: r.phone,
-          address: r.address,
-          city: r.city,
-          deliveryZoneId: f || r.deliveryZoneId,
-          paymentMethod: r.paymentMethod,
-          paystackReference: t.reference,
+        const { fbc: n, fbp: d } = G(), { ttp: h, ttclid: Z } = O(), 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,
+          paymentMethod: t.paymentMethod,
+          paystackReference: r.reference,
           fbc: n,
           fbp: d,
-          ttp: y,
-          ttclid: M
+          ttp: h,
+          ttclid: Z
         });
-        if ("error" in x) {
-          const H = x.error;
-          o == null || o(new Error((H == null ? void 0 : H.message) || "Checkout failed"));
+        if ("error" in v) {
+          const P = v.error;
+          o == null || o(new Error((P == null ? void 0 : P.message) || "Checkout failed"));
           return;
         }
-        B(x), J(), N == null || N(x.id);
+        W(v), X(), g == null || g(v);
       } catch (n) {
         o == null || o(n);
       }
@@ -79,16 +79,16 @@ function ct({
       console.log("Payment popup closed by user");
     }
   });
-  L(() => {
-    i && V();
-  }, [i, V]);
-  const { data: C } = Le(((ae = s == null ? void 0 : s.brand) == null ? void 0 : ae.id) || "", {
-    enabled: !!((re = s == null ? void 0 : s.brand) != null && re.id)
-  }), m = K(() => C == null ? void 0 : C.find((t) => t.id === Z), [C, Z]), p = K(() => m == null ? void 0 : m.zones.find((t) => t.id === f), [m, f]), k = ge;
-  L(() => {
-    i || (B(null), g("customer"), k.reset());
+  _(() => {
+    i && J();
+  }, [i, J]);
+  const { data: C } = Ze(((se = s == null ? void 0 : s.brand) == null ? void 0 : se.id) || "", {
+    enabled: !!((ne = s == null ? void 0 : s.brand) != null && ne.id)
+  }), m = K(() => C == null ? void 0 : C.find((r) => r.id === L), [C, L]), p = K(() => m == null ? void 0 : m.zones.find((r) => r.id === f), [m, f]), M = ge;
+  _(() => {
+    i || (W(null), b("customer"), M.reset());
   }, [i]);
-  const [r, R] = w({
+  const [t, $] = w({
     firstName: (l == null ? void 0 : l.firstName) || "",
     lastName: (l == null ? void 0 : l.lastName) || "",
     email: (l == null ? void 0 : l.email) || "",
@@ -99,102 +99,130 @@ function ct({
     paymentMethod: (l == null ? void 0 : l.paymentMethod) || "online",
     notes: (l == null ? void 0 : l.notes) || ""
   });
-  L(() => {
-    i && g("customer");
+  _(() => {
+    i && b("customer");
   }, [i]);
-  const [E, D] = w(!1);
-  L(() => {
-    i && s && !l && !E && (R((t) => {
+  const [ee, te] = w(!1);
+  _(() => {
+    i && s && !l && !ee && ($((r) => {
       var n;
       return {
-        ...t,
-        firstName: s.customerFirstName || t.firstName,
-        lastName: s.customerLastName || t.lastName,
-        email: s.customerEmail || t.email,
-        phone: s.customerPhone || t.phone,
-        deliveryZoneId: ((n = s.deliveryZone) == null ? void 0 : n.id) || t.deliveryZoneId
+        ...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
       };
-    }), D(!0)), i || D(!1);
-  }, [i, s, l, E]), L(() => {
+    }), te(!0)), i || te(!1);
+  }, [i, s, l, ee]), _(() => {
     if (f) {
-      const t = m == null ? void 0 : m.zones.find((n) => n.id === f);
-      t && R((n) => ({
+      const r = m == null ? void 0 : m.zones.find((n) => n.id === f);
+      r && $((n) => ({
         ...n,
-        paymentMethod: t.allowOnline ? "online" : "cod"
+        paymentMethod: r.allowOnline ? "online" : "cod"
       }));
     }
   }, [f, m]);
-  const [h, z] = w({}), [$, be] = w(!1), b = (t) => {
-    const { name: n, value: d } = t.target;
-    R((y) => ({ ...y, [n]: d })), h[n] && z((y) => ({ ...y, [n]: void 0 }));
-  }, F = Ie(
-    (t) => {
-      const n = r[t];
+  const [u, z] = w({}), [H, be] = w(!1), x = (r) => {
+    const { name: n, value: d } = r.target;
+    $((h) => ({ ...h, [n]: d })), u[n] && z((h) => ({ ...h, [n]: void 0 }));
+  }, A = qe(
+    (r) => {
+      const n = t[r];
       if (!n) return;
       const d = {};
-      t === "firstName" ? d.customerFirstName = n : t === "lastName" ? d.customerLastName = n : t === "email" ? d.customerEmail = n : t === "phone" && (d.customerPhone = n), W.mutate(d);
+      r === "firstName" ? d.customerFirstName = n : r === "lastName" ? d.customerLastName = n : r === "email" ? d.customerEmail = n : r === "phone" && (d.customerPhone = n), R.mutate(d);
     },
-    [r, W]
-  ), T = (t) => {
+    [t, R]
+  ), F = (r) => {
     const n = {};
     try {
-      if (t === "customer")
-        Ue.validateSync(r, { abortEarly: !1 });
-      else if (t === "delivery") {
+      if (r === "customer")
+        Ue.validateSync(t, { abortEarly: !1 });
+      else if (r === "delivery") {
         const d = {
-          address: r.address,
-          city: r.city,
-          state: Z || r.state || "",
-          deliveryZoneId: f || r.deliveryZoneId || ""
+          address: t.address,
+          city: t.city,
+          state: L || t.state || "",
+          deliveryZoneId: f || t.deliveryZoneId || ""
         };
         Ge.validateSync(d, { abortEarly: !1 });
-      } else t === "payment" && Oe.validateSync(r, { abortEarly: !1 });
+      } else r === "payment" && Oe.validateSync(t, { abortEarly: !1 });
     } catch (d) {
-      d instanceof je && d.inner.forEach((y) => {
-        y.path && (n[y.path] = y.message);
+      d instanceof je && d.inner.forEach((h) => {
+        h.path && (n[h.path] = h.message);
       });
     }
     return z(n), Object.keys(n).length === 0;
   }, xe = () => {
-    T(c) && (c === "customer" ? g("delivery") : c === "delivery" && g("payment"));
+    F(c) && (c === "customer" ? b("delivery") : c === "delivery" && b("payment"));
   }, we = () => {
-    c === "payment" ? g("delivery") : c === "delivery" && g("customer");
+    c === "payment" ? b("delivery") : c === "delivery" && b("customer");
   }, Ce = async () => {
-    if (!T("customer")) {
-      g("customer");
+    var r;
+    if (!F("customer")) {
+      b("customer");
       return;
     }
-    if (!T("delivery")) {
-      g("delivery");
+    if (!F("delivery")) {
+      b("delivery");
       return;
     }
-    if (T("payment")) {
-      if (r.paymentMethod === "online") {
-        if (!Q) {
+    if (F("payment")) {
+      if (t.paymentMethod === "online") {
+        if (!E) {
           o == null || o(new Error("Paystack is not configured. Please contact support."));
           return;
         }
-        if (!X.isLoaded) {
+        if (!D.isLoaded) {
           o == null || o(new Error("Payment system is loading. Please try again."));
           return;
         }
-        const t = Math.round(s.pricing.total * 100);
-        X.initializePayment({
-          email: r.email || (s == null ? void 0 : s.customerEmail) || "customer@example.com",
-          amount: t,
+        const n = Math.round(s.pricing.total * 100), { fbc: d, fbp: h } = G(), { ttp: Z, ttclid: v } = O();
+        D.initializePayment({
+          email: t.email || (s == null ? void 0 : s.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,
+            address: t.address,
+            city: t.city,
+            delivery_zone_id: f || t.deliveryZoneId,
+            firstName: t.firstName,
+            lastName: t.lastName,
+            email: t.email,
+            phone: t.phone,
+            fbc: d,
+            fbp: h,
+            ttp: Z,
+            ttclid: v,
             custom_fields: [
               {
                 display_name: "Customer Name",
                 variable_name: "customer_name",
-                value: `${r.firstName} ${r.lastName}`
+                value: `${t.firstName} ${t.lastName}`
               },
               {
                 display_name: "Phone Number",
                 variable_name: "phone_number",
-                value: r.phone
+                value: t.phone
+              },
+              {
+                display_name: "Address",
+                variable_name: "address",
+                value: t.address
+              },
+              {
+                display_name: "City",
+                variable_name: "city",
+                value: t.city
+              },
+              {
+                display_name: "Delivery Zone ID",
+                variable_name: "delivery_zone_id",
+                value: f || t.deliveryZoneId
               }
             ]
           }
@@ -202,28 +230,28 @@ function ct({
         return;
       }
       try {
-        const { fbc: t, fbp: n } = ye(), { ttp: d, ttclid: y } = fe(), M = await k.mutateAsync({
-          firstName: r.firstName,
-          lastName: r.lastName,
-          email: r.email,
-          phone: r.phone,
-          address: r.address,
-          city: r.city,
-          deliveryZoneId: f || r.deliveryZoneId,
-          paymentMethod: r.paymentMethod,
-          fbc: t,
-          fbp: n,
-          ttp: d,
-          ttclid: y
+        const { fbc: n, fbp: d } = G(), { ttp: h, ttclid: Z } = O(), 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,
+          paymentMethod: t.paymentMethod,
+          fbc: n,
+          fbp: d,
+          ttp: h,
+          ttclid: Z
         });
-        if ("error" in M) {
-          const x = M.error;
-          o == null || o(new Error((x == null ? void 0 : x.message) || "Checkout failed"));
+        if ("error" in v) {
+          const P = v.error;
+          o == null || o(new Error((P == null ? void 0 : P.message) || "Checkout failed"));
           return;
         }
-        B(M), J(), N == null || N(M.id);
-      } catch (t) {
-        o == null || o(t);
+        W(v), X(), g == null || g(v);
+      } catch (n) {
+        o == null || o(n);
       }
     }
   }, Pe = {
@@ -231,32 +259,32 @@ function ct({
     delivery: "Delivery Address",
     payment: "Payment Method"
   }, ke = K(() => Pe[c], [c]), Me = /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-    (c === "payment" || c === "delivery") && ((se = s == null ? void 0 : s.pricing) == null ? void 0 : se.total) && /* @__PURE__ */ a("div", { className: "text-sm text-black relative", children: [
-      Y && /* @__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" }) }),
+    (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: [
         /* @__PURE__ */ e("span", { children: "Subtotal" }),
-        /* @__PURE__ */ e("span", { children: I(((ne = s == null ? void 0 : s.pricing) == null ? void 0 : ne.subtotal) ?? 0) })
+        /* @__PURE__ */ e("span", { children: q(((ie = s == null ? void 0 : s.pricing) == null ? void 0 : ie.subtotal) ?? 0) })
       ] }),
       s.pricing.discount && /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Discount" }),
         /* @__PURE__ */ a("span", { className: "text-green-600", children: [
           "-",
-          I(((ie = (le = s == null ? void 0 : s.pricing) == null ? void 0 : le.discount) == null ? void 0 : ie.amount) ?? 0)
+          q(((oe = (de = s == null ? void 0 : s.pricing) == null ? void 0 : de.discount) == null ? void 0 : oe.amount) ?? 0)
         ] })
       ] }),
       /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Delivery Fee" }),
-        /* @__PURE__ */ e("span", { children: I(((de = s == null ? void 0 : s.pricing) == null ? void 0 : de.deliveryCharge) ?? 0) })
+        /* @__PURE__ */ e("span", { children: q(((ce = s == null ? void 0 : s.pricing) == null ? void 0 : ce.deliveryCharge) ?? 0) })
       ] }),
       /* @__PURE__ */ e("hr", { className: "border-gray-200 my-2" }),
       /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Total" }),
-        /* @__PURE__ */ e("span", { children: I(((oe = s == null ? void 0 : s.pricing) == null ? void 0 : oe.total) ?? 0) })
+        /* @__PURE__ */ e("span", { children: q(((me = s == null ? void 0 : s.pricing) == null ? void 0 : me.total) ?? 0) })
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: "flex gap-3", children: [
       c !== "customer" && /* @__PURE__ */ a(
-        _,
+        B,
         {
           type: "button",
           variant: "outline",
@@ -264,13 +292,13 @@ function ct({
           className: "flex-1 border-gray-400",
           size: "lg",
           children: [
-            /* @__PURE__ */ e(Ze, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ e(Se, { className: "mr-2 h-4 w-4" }),
             "Back"
           ]
         }
       ),
       c !== "payment" ? /* @__PURE__ */ a(
-        _,
+        B,
         {
           type: "button",
           onClick: xe,
@@ -278,29 +306,29 @@ function ct({
           size: "lg",
           children: [
             "Next",
-            /* @__PURE__ */ e(ze, { className: "ml-2 h-4 w-4" })
+            /* @__PURE__ */ e(Le, { className: "ml-2 h-4 w-4" })
           ]
         }
       ) : /* @__PURE__ */ e(
-        _,
+        B,
         {
           type: "button",
           onClick: Ce,
-          disabled: k.isPending,
+          disabled: M.isPending,
           className: "flex-1 bg-accent-500 text-white hover:bg-accent-600",
           size: "lg",
-          children: k.isPending ? /* @__PURE__ */ a(qe, { children: [
+          children: M.isPending ? /* @__PURE__ */ a(Ie, { children: [
             /* @__PURE__ */ e(U, { className: "mr-2 h-4 w-4 animate-spin" }),
             "Processing..."
           ] }) : ve
         }
       )
     ] }),
-    k.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 = (t) => !(s != null && s.availablePaymentMethods.includes(t));
-  if (u)
+    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." })
+  ] }), T = (r) => !(s != null && s.availablePaymentMethods.includes(r));
+  if (y)
     return /* @__PURE__ */ e(
-      me,
+      he,
       {
         isOpen: i,
         onClose: j,
@@ -313,7 +341,7 @@ function ct({
           ] })
         ] }),
         footer: /* @__PURE__ */ e(
-          _,
+          B,
           {
             onClick: j,
             className: "w-full bg-accent-500 text-white hover:bg-accent-600",
@@ -326,54 +354,54 @@ function ct({
         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(ue, { className: "h-4 w-4" }),
+              /* @__PURE__ */ e(pe, { className: "h-4 w-4" }),
               /* @__PURE__ */ a("span", { className: "text-sm font-medium", children: [
                 "Order #",
-                u.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__ */ e("span", { className: "text-gray-600", children: "Customer" }),
                 /* @__PURE__ */ a("span", { className: "font-medium text-gray-900", children: [
-                  u.firstName,
+                  y.firstName,
                   " ",
-                  u.lastName
+                  y.lastName
                 ] })
               ] }),
               /* @__PURE__ */ a("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: u.phone })
+                /* @__PURE__ */ e("span", { className: "font-medium text-gray-900", children: y.phone })
               ] }),
-              u.email && /* @__PURE__ */ a("div", { className: "flex justify-between text-sm", children: [
+              y.email && /* @__PURE__ */ a("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: u.email })
+                /* @__PURE__ */ e("span", { className: "font-medium text-gray-900", children: y.email })
               ] }),
               /* @__PURE__ */ a("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: u.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__ */ e("span", { className: "text-gray-600", children: "Total" }),
-                /* @__PURE__ */ e("span", { className: "font-bold text-gray-900", children: I(u.totalPrice) })
+                /* @__PURE__ */ e("span", { className: "font-bold text-gray-900", children: q(y.totalPrice) })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ e(
             Be,
             {
-              orderId: u.id,
-              token: u.userActionToken,
+              orderId: y.id,
+              token: y.userActionToken,
               limit: 4,
-              brandSiteUrl: (ce = u.brand) == null ? void 0 : ce.siteUrl
+              brandSiteUrl: (ue = y.brand) == null ? void 0 : ue.siteUrl
             }
           )
         ] })
       }
     );
-  const ee = p && (c === "delivery" || c === "payment") && (p.waybillOnly || !(p != null && p.allowCOD));
+  const ae = p && (c === "delivery" || c === "payment") && (p.waybillOnly || !(p != null && p.allowCOD));
   return /* @__PURE__ */ e(
-    me,
+    he,
     {
       isOpen: i,
       onClose: j,
@@ -381,17 +409,17 @@ function ct({
       footer: Me,
       size: "lg",
       contentClassName: "p-0",
-      children: Y ? /* @__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: [
-        ee && /* @__PURE__ */ a("div", { className: "space-y-3 p-4 pb-0", children: [
+      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: [
           p.noteTitle && p.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(ue, { className: "h-5 w-5 text-amber-600 flex-shrink-0 mt-0.5" }),
+            /* @__PURE__ */ e(pe, { 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: p.noteTitle }),
               /* @__PURE__ */ e("p", { className: "text-sm text-amber-800 whitespace-pre-wrap", children: p.noteContent })
             ] })
           ] }) }),
           !(p != null && p.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(pe, { className: "h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" }),
+            /* @__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: [
               /* @__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." })
@@ -421,7 +449,7 @@ function ct({
         /* @__PURE__ */ a(
           "div",
           {
-            className: P(
+            className: k(
               "flex transition-transform duration-300 ease-in-out w-full",
               c === "customer" && "translate-x-0",
               c === "delivery" && "-translate-x-full",
@@ -430,61 +458,61 @@ function ct({
             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(
-                  q,
+                  I,
                   {
                     label: "First Name",
                     type: "text",
                     name: "firstName",
-                    value: r.firstName,
-                    onChange: b,
-                    onBlur: () => F("firstName"),
-                    error: h.firstName,
+                    value: t.firstName,
+                    onChange: x,
+                    onBlur: () => A("firstName"),
+                    error: u.firstName,
                     autoCorrect: "off",
                     required: !0
                   }
                 ),
                 /* @__PURE__ */ e(
-                  q,
+                  I,
                   {
                     label: "Last Name",
                     type: "text",
                     name: "lastName",
-                    value: r.lastName,
-                    onChange: b,
-                    onBlur: () => F("lastName"),
-                    error: h.lastName,
+                    value: t.lastName,
+                    onChange: x,
+                    onBlur: () => A("lastName"),
+                    error: u.lastName,
                     autoCorrect: "off",
                     required: !0
                   }
                 ),
                 /* @__PURE__ */ e(
-                  q,
+                  I,
                   {
                     label: "Email",
                     type: "email",
                     name: "email",
-                    value: r.email,
-                    onChange: b,
-                    onBlur: () => F("email"),
-                    error: h.email,
-                    icon: /* @__PURE__ */ e(Fe, { size: 16 }),
+                    value: t.email,
+                    onChange: x,
+                    onBlur: () => A("email"),
+                    error: u.email,
+                    icon: /* @__PURE__ */ e(ze, { size: 16 }),
                     autoCorrect: "off",
                     required: !0
                   }
                 ),
                 /* @__PURE__ */ e(
-                  q,
+                  I,
                   {
                     label: "Phone Number",
                     type: "tel",
                     name: "phone",
-                    value: r.phone,
-                    onChange: b,
-                    onBlur: () => F("phone"),
+                    value: t.phone,
+                    onChange: x,
+                    onBlur: () => A("phone"),
                     placeholder: "e.g. 08012345678",
                     maxLength: 18,
-                    error: h.phone,
-                    icon: /* @__PURE__ */ e(Te, { size: 16 }),
+                    error: u.phone,
+                    icon: /* @__PURE__ */ e(Ae, { size: 16 }),
                     autoCorrect: "off",
                     required: !0,
                     className: "font-semibold"
@@ -493,93 +521,93 @@ function ct({
               ] }) }) }),
               /* @__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(
-                  q,
+                  I,
                   {
                     label: "Street Address",
                     type: "text",
                     name: "address",
-                    value: r.address,
-                    onChange: b,
-                    error: h.address,
+                    value: t.address,
+                    onChange: x,
+                    error: u.address,
                     autoCorrect: "off",
                     required: !0
                   }
                 ),
                 /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
                   /* @__PURE__ */ e(
-                    q,
+                    I,
                     {
                       label: "Area",
                       type: "text",
                       name: "city",
-                      value: r.city,
-                      onChange: b,
-                      error: h.city,
+                      value: t.city,
+                      onChange: x,
+                      error: u.city,
                       autoCorrect: "off",
                       required: !0
                     }
                   ),
                   /* @__PURE__ */ a(
-                    he,
+                    ye,
                     {
                       label: "State",
                       name: "state",
-                      value: Z || "",
-                      onChange: (t) => {
-                        O("");
-                        const n = t.target.value;
-                        Ne(n || void 0), h.state && z((d) => ({ ...d, state: void 0 }));
+                      value: L || "",
+                      onChange: (r) => {
+                        Y("");
+                        const n = r.target.value;
+                        Ne(n || void 0), u.state && z((d) => ({ ...d, state: void 0 }));
                       },
-                      error: h.state,
+                      error: u.state,
                       required: !0,
                       children: [
                         /* @__PURE__ */ e("option", { disabled: !0, value: "", children: "Select State" }),
-                        C == null ? void 0 : C.map((t) => /* @__PURE__ */ e("option", { value: t.id, children: t.name }, t.id))
+                        C == null ? void 0 : C.map((r) => /* @__PURE__ */ e("option", { value: r.id, children: r.name }, r.id))
                       ]
                     }
                   ),
                   /* @__PURE__ */ a(
-                    he,
+                    ye,
                     {
                       label: "Delivery Zone",
                       value: f || "",
-                      onChange: (t) => {
-                        const n = t.target.value;
-                        O(n || void 0), h.deliveryZoneId && z((d) => ({ ...d, deliveryZoneId: void 0 })), n && W.mutate({ deliveryZoneId: n });
+                      onChange: (r) => {
+                        const n = r.target.value;
+                        Y(n || void 0), u.deliveryZoneId && z((d) => ({ ...d, deliveryZoneId: void 0 })), n && R.mutate({ deliveryZoneId: n });
                       },
                       disabled: !m,
-                      error: h.deliveryZoneId,
+                      error: u.deliveryZoneId,
                       required: !0,
                       children: [
                         /* @__PURE__ */ e("option", { disabled: !0, value: "", children: m ? "Select Delivery Zone" : "Select State First" }),
-                        m == null ? void 0 : m.zones.map((t) => /* @__PURE__ */ a("option", { value: t.id, children: [
-                          t.name,
+                        m == null ? void 0 : m.zones.map((r) => /* @__PURE__ */ a("option", { value: r.id, children: [
+                          r.name,
                           " (",
-                          I(t.deliveryCost),
+                          q(r.deliveryCost),
                           ")"
-                        ] }, t.id))
+                        ] }, r.id))
                       ]
                     }
                   )
                 ] })
               ] }) }),
               /* @__PURE__ */ e("div", { className: "w-full min-w-full flex-shrink-0 p-4", children: /* @__PURE__ */ a("div", { className: "space-y-6", children: [
-                S && /* @__PURE__ */ a("div", { className: `border border-gray-200 rounded-lg ${ee ? "mt-4" : ""}`, children: [
+                S && /* @__PURE__ */ a("div", { className: `border border-gray-200 rounded-lg ${ae ? "mt-4" : ""}`, children: [
                   /* @__PURE__ */ a(
                     "button",
                     {
                       type: "button",
-                      onClick: () => be(!$),
+                      onClick: () => be(!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: S.title || "🤔 Curious about Refunds?" }),
                         /* @__PURE__ */ e(
-                          Ae,
+                          Fe,
                           {
                             size: 16,
-                            className: P(
+                            className: k(
                               "transform transition-transform duration-200 text-gray-500",
-                              $ && "rotate-180"
+                              H && "rotate-180"
                             )
                           }
                         )
@@ -589,15 +617,15 @@ function ct({
                   /* @__PURE__ */ e(
                     "div",
                     {
-                      className: P(
+                      className: k(
                         "overflow-hidden transition-all duration-300 ease-in-out",
-                        $ ? "max-h-96 opacity-100" : "max-h-0 opacity-0"
+                        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: S.policies && /* @__PURE__ */ a("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: S.policies.map((t, n) => /* @__PURE__ */ a("li", { className: "flex items-start", children: [
+                        /* @__PURE__ */ e("ul", { className: "space-y-1", children: S.policies.map((r, n) => /* @__PURE__ */ a("li", { className: "flex items-start", children: [
                           /* @__PURE__ */ e("span", { className: "text-green-600 mr-2", children: "✓" }),
-                          /* @__PURE__ */ e("span", { children: t })
+                          /* @__PURE__ */ e("span", { children: r })
                         ] }, n)) })
                       ] }) }) })
                     }
@@ -607,10 +635,10 @@ function ct({
                   /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ a(
                     "label",
                     {
-                      className: P(
+                      className: k(
                         "flex items-center justify-center relative p-4 border-2 rounded-xl cursor-pointer transition-all duration-200",
-                        r.paymentMethod === "online" ? "border-accent-500 bg-accent-50" : "border-gray-200 hover:border-gray-300",
-                        A("online") && "opacity-50 cursor-not-allowed"
+                        t.paymentMethod === "online" ? "border-accent-500 bg-accent-50" : "border-gray-200 hover:border-gray-300",
+                        T("online") && "opacity-50 cursor-not-allowed"
                       ),
                       children: [
                         /* @__PURE__ */ e(
@@ -619,9 +647,9 @@ function ct({
                             type: "radio",
                             name: "paymentMethod",
                             value: "online",
-                            disabled: A("online"),
-                            checked: r.paymentMethod === "online",
-                            onChange: b,
+                            disabled: T("online"),
+                            checked: t.paymentMethod === "online",
+                            onChange: x,
                             className: "sr-only"
                           }
                         ),
@@ -629,11 +657,11 @@ function ct({
                           /* @__PURE__ */ e(
                             "div",
                             {
-                              className: P(
+                              className: k(
                                 "p-3 rounded-full",
-                                r.paymentMethod === "online" ? "bg-accent-100 text-accent-600" : "bg-gray-100 text-gray-600"
+                                t.paymentMethod === "online" ? "bg-accent-100 text-accent-600" : "bg-gray-100 text-gray-600"
                               ),
-                              children: /* @__PURE__ */ e(_e, { size: 24 })
+                              children: /* @__PURE__ */ e(Te, { size: 24 })
                             }
                           ),
                           /* @__PURE__ */ a("div", { children: [
@@ -649,17 +677,17 @@ function ct({
                             )
                           ] })
                         ] }),
-                        r.paymentMethod === "online" && /* @__PURE__ */ e("div", { className: "absolute top-2 right-2", children: /* @__PURE__ */ e("div", { className: "w-5 h-5 bg-accent-600 rounded-full flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-2 h-2 bg-white rounded-full" }) }) })
+                        t.paymentMethod === "online" && /* @__PURE__ */ e("div", { className: "absolute top-2 right-2", children: /* @__PURE__ */ e("div", { className: "w-5 h-5 bg-accent-600 rounded-full flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-2 h-2 bg-white rounded-full" }) }) })
                       ]
                     }
                   ) }),
                   /* @__PURE__ */ a(
                     "label",
                     {
-                      className: P(
+                      className: k(
                         "flex items-center justify-center relative p-4 border-2 rounded-xl cursor-pointer transition-all duration-200",
-                        r.paymentMethod === "cod" ? "border-accent-500 bg-accent-50" : "border-gray-200 hover:border-gray-300",
-                        A("cod") && "opacity-50 cursor-not-allowed"
+                        t.paymentMethod === "cod" ? "border-accent-500 bg-accent-50" : "border-gray-200 hover:border-gray-300",
+                        T("cod") && "opacity-50 cursor-not-allowed"
                       ),
                       children: [
                         /* @__PURE__ */ e(
@@ -668,9 +696,9 @@ function ct({
                             type: "radio",
                             name: "paymentMethod",
                             value: "cod",
-                            disabled: A("cod"),
-                            checked: r.paymentMethod === "cod",
-                            onChange: b,
+                            disabled: T("cod"),
+                            checked: t.paymentMethod === "cod",
+                            onChange: x,
                             className: "sr-only"
                           }
                         ),
@@ -678,11 +706,11 @@ function ct({
                           /* @__PURE__ */ e(
                             "div",
                             {
-                              className: P(
+                              className: k(
                                 "p-3 rounded-full",
-                                r.paymentMethod === "cod" ? "bg-accent-100 text-accent-600" : "bg-gray-100 text-gray-600"
+                                t.paymentMethod === "cod" ? "bg-accent-100 text-accent-600" : "bg-gray-100 text-gray-600"
                               ),
-                              children: /* @__PURE__ */ e(pe, { size: 24 })
+                              children: /* @__PURE__ */ e(fe, { size: 24 })
                             }
                           ),
                           /* @__PURE__ */ a("div", { children: [
@@ -690,12 +718,12 @@ function ct({
                             /* @__PURE__ */ e("div", { className: "text-sm text-gray-500 mt-1", children: "Pay when item arrives" })
                           ] })
                         ] }),
-                        r.paymentMethod === "cod" && /* @__PURE__ */ e("div", { className: "absolute top-2 right-2", children: /* @__PURE__ */ e("div", { className: "w-5 h-5 bg-accent-600 rounded-full flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-2 h-2 bg-white rounded-full" }) }) })
+                        t.paymentMethod === "cod" && /* @__PURE__ */ e("div", { className: "absolute top-2 right-2", children: /* @__PURE__ */ e("div", { className: "w-5 h-5 bg-accent-600 rounded-full flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-2 h-2 bg-white rounded-full" }) }) })
                       ]
                     }
                   )
                 ] }),
-                h.paymentMethod && /* @__PURE__ */ e("p", { className: "text-red-600 text-sm", children: h.paymentMethod })
+                u.paymentMethod && /* @__PURE__ */ e("p", { className: "text-red-600 text-sm", children: u.paymentMethod })
               ] }) })
             ]
           }