@instockng/storefront-ui 1.0.101 → 1.0.102

package/dist/index166.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index224.mjs";
+import { __exports as r } from "./index233.mjs";
 var u;
 function a() {
   return u ? r : (u = 1, function(n) {

package/dist/index167.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __module as r } from "./index225.mjs";
+import { __module as r } from "./index234.mjs";
 var i;
 function c() {
   return i ? r.exports : (i = 1, function(f, e) {

package/dist/index168.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __module as n } from "./index223.mjs";
+import { __module as n } from "./index235.mjs";
 var a;
 function o() {
   return a ? n.exports : (a = 1, function(f, e) {

package/dist/index169.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as e } from "./index226.mjs";
+import { __exports as e } from "./index236.mjs";
 var t;
 function o() {
   return t ? e : (t = 1, function(r) {

package/dist/index170.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as e } from "./index227.mjs";
+import { __exports as e } from "./index237.mjs";
 var n;
 function a() {
   return n ? e : (n = 1, function(r) {

package/dist/index172.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as e } from "./index221.mjs";
+import { __exports as e } from "./index241.mjs";
 import "./index85.mjs";
 import n from "react";
 import { __exports as o } from "./index90.mjs";

package/dist/index173.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __module as n } from "./index222.mjs";
+import { __module as n } from "./index242.mjs";
 var a;
 function m() {
   return a ? n.exports : (a = 1, function(f, e) {

package/dist/index175.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __exports as e } from "./index228.mjs";
-import { __require as f } from "./index229.mjs";
+import { __exports as e } from "./index238.mjs";
+import { __require as f } from "./index239.mjs";
 import { __require as _ } from "./index120.mjs";
 var i;
 function R() {

package/dist/index176.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as e } from "./index230.mjs";
+import { __exports as e } from "./index240.mjs";
 var t;
 function u() {
   return t ? e : (t = 1, function(r) {

package/dist/index181.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __exports as u } from "./index231.mjs";
-import { __require as d } from "./index232.mjs";
+import { __exports as u } from "./index243.mjs";
+import { __require as d } from "./index244.mjs";
 var a;
 function h() {
   return a ? u : (a = 1, function(c) {

package/dist/index183.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as i } from "./index239.mjs";
+import { __exports as i } from "./index245.mjs";
 var a;
 function d() {
   return a ? i : (a = 1, function(f) {

package/dist/index185.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __exports as n } from "./index233.mjs";
-import { __require as d } from "./index234.mjs";
+import { __exports as n } from "./index246.mjs";
+import { __require as d } from "./index247.mjs";
 var o;
 function p() {
   return o ? n : (o = 1, function(i) {

package/dist/index186.mjs

@@ -1,11 +1,11 @@
 'use client';
-import { __exports as A } from "./index235.mjs";
-import { __require as T } from "./index234.mjs";
+import { __exports as A } from "./index248.mjs";
+import { __require as T } from "./index247.mjs";
 import { __require as L } from "./index189.mjs";
-import { __require as N } from "./index236.mjs";
+import { __require as N } from "./index249.mjs";
 import { __require as U } from "./index181.mjs";
-import { __require as j } from "./index237.mjs";
-import { __require as v } from "./index238.mjs";
+import { __require as j } from "./index250.mjs";
+import { __require as v } from "./index251.mjs";
 var S;
 function W() {
   return S ? A : (S = 1, function(R) {

package/dist/index189.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index240.mjs";
+import { __exports as r } from "./index253.mjs";
 var n;
 function i() {
   return n ? r : (n = 1, function(t) {

package/dist/index192.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index241.mjs";
+import { __exports as r } from "./index252.mjs";
 var u;
 function D() {
   return u ? r : (u = 1, function(t) {

package/dist/index195.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __module as t } from "./index242.mjs";
+import { __module as t } from "./index255.mjs";
 import { __require as _ } from "./index113.mjs";
 import { __require as d } from "./index127.mjs";
 var u;

package/dist/index196.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as t } from "./index243.mjs";
+import { __exports as t } from "./index256.mjs";
 import { __require as _ } from "./index200.mjs";
 import { __require as c } from "./index202.mjs";
 var u;

package/dist/index20.mjs

@@ -1,23 +1,23 @@
 'use client';
 import { jsxs as a, jsx as e, Fragment as O } from "react/jsx-runtime";
-import { useState as C, useEffect as z, useMemo as V, useCallback as qe } from "react";
+import { useState as C, useEffect as Z, useMemo as V, useCallback as qe } from "react";
 import { object as Q, string as S, ValidationError as _e } from "./index51.mjs";
 import "./index28.mjs";
 import "@tanstack/react-query";
-import { useGetDeliveryZones as Ze } from "./index44.mjs";
-import { useCart as ze } from "./index3.mjs";
+import { useGetDeliveryZones as Le } from "./index44.mjs";
+import { useCart as Ze } from "./index3.mjs";
 import { Modal as fe } from "./index24.mjs";
 import { FormInput as W } from "./index25.mjs";
 import { FormSelect as ve } from "./index26.mjs";
 import { Button as R } from "./index21.mjs";
-import { Loader2 as U, ChevronLeft as Fe, ChevronRight as Te, Package as Ne, Banknote as ge, Phone as Le, ChevronDown as Ae, Zap as Be } from "lucide-react";
+import { Loader2 as U, ChevronLeft as ze, ChevronRight as Fe, Package as ge, Banknote as Ne, Phone as Te, ChevronDown as Ae, Zap as Be } from "lucide-react";
 import { PostPurchaseUpsell as We } from "./index52.mjs";
-import { formatCurrency as _, cn as I, getFbCookies as Y, getTikTokCookies as J } from "./index27.mjs";
+import { formatCurrency as _, cn as M, getFbCookies as Y, getTikTokCookies as J } from "./index27.mjs";
 import Re from "./index53.mjs";
 import { usePaystackPayment as Ue } from "./index54.mjs";
 const $e = "2348125648668", He = `https://wa.me/${$e}`, Ke = (d) => d.replace(/\D/g, ""), $ = (d) => {
-  const x = d.trim().split(/\s+/), l = x[0] || "", b = x.slice(1).join(" ") || "-";
-  return { firstName: l, lastName: b };
+  const x = d.trim().split(/\s+/), i = x[0] || "", b = x.slice(1).join(" ") || "-";
+  return { firstName: i, lastName: b };
 }, Ge = Q({
   fullName: S().required("Name is required").min(2, "Name must be at least 2 characters").max(100, "Name must be less than 100 characters"),
   phone: S().required("Phone number is required").test("nigerian-phone", "Please enter a valid Nigerian phone number (e.g. 0812 564 8668)", (d) => {
@@ -39,21 +39,21 @@ const $e = "2348125648668", He = `https://wa.me/${$e}`, Ke = (d) => d.replace(/\
 function mt({
   isOpen: d,
   onClose: x,
-  initialData: l,
+  initialData: i,
   onSuccess: b,
   onError: c,
   submitButtonText: be = "Place Order",
-  refundPolicy: F
+  refundPolicy: z
 }) {
   var ie, de, oe, ce, me, he, ue, pe, ye;
-  const [m, w] = C("customer"), [T, xe] = C(void 0), [y, X] = C(void 0), [f, H] = C(null), { refetch: E, isLoading: D, cart: t, updateCartMutation: P, checkoutMutation: we, clearAndCreateNewCart: ee } = ze(), te = (ie = t == null ? void 0 : t.brand) == null ? void 0 : ie.paystackPublicKey, ae = Ue({
+  const [m, w] = C("customer"), [F, xe] = C(void 0), [y, X] = C(void 0), [f, H] = C(null), { refetch: E, isLoading: D, cart: t, updateCartMutation: P, checkoutMutation: we, clearAndCreateNewCart: ee } = Ze(), te = (ie = t == null ? void 0 : t.brand) == null ? void 0 : ie.paystackPublicKey, ae = Ue({
     isOpen: d,
     publicKey: te || "",
     onSuccess: async (n) => {
       try {
-        const { fbc: s, fbp: i } = Y(), { ttp: o, ttclid: N } = J(), { firstName: p, lastName: Z } = $(r.fullName), g = await j.mutateAsync({
+        const { fbc: s, fbp: l } = Y(), { ttp: o, ttclid: g } = J(), { firstName: p, lastName: L } = $(r.fullName), N = await j.mutateAsync({
           firstName: p,
-          lastName: Z,
+          lastName: L,
           phone: r.phone,
           address: r.address,
           city: r.city,
@@ -61,16 +61,16 @@ function mt({
           paymentMethod: r.paymentMethod,
           paystackReference: n.reference,
           fbc: s,
-          fbp: i,
+          fbp: l,
           ttp: o,
-          ttclid: N
+          ttclid: g
         });
-        if ("error" in g) {
-          const M = g.error;
-          c == null || c(new Error((M == null ? void 0 : M.message) || "Checkout failed"));
+        if ("error" in N) {
+          const I = N.error;
+          c == null || c(new Error((I == null ? void 0 : I.message) || "Checkout failed"));
           return;
         }
-        H(g), ee(), b == null || b(g);
+        H(N), ee(), b == null || b(N);
       } catch (s) {
         c == null || c(s);
       }
@@ -79,43 +79,43 @@ function mt({
       console.log("Payment popup closed by user");
     }
   });
-  z(() => {
+  Z(() => {
     d && E();
   }, [d, E]);
-  const { data: k } = Ze(((de = t == null ? void 0 : t.brand) == null ? void 0 : de.id) || "", {
+  const { data: k } = Le(((de = t == null ? void 0 : t.brand) == null ? void 0 : de.id) || "", {
     enabled: !!((oe = t == null ? void 0 : t.brand) != null && oe.id)
-  }), u = V(() => k == null ? void 0 : k.find((n) => n.id === T), [k, T]), h = V(() => u == null ? void 0 : u.zones.find((n) => n.id === y), [u, y]), j = we;
-  z(() => {
+  }), u = V(() => k == null ? void 0 : k.find((n) => n.id === F), [k, F]), h = V(() => u == null ? void 0 : u.zones.find((n) => n.id === y), [u, y]), j = we;
+  Z(() => {
     d || (H(null), w("customer"), j.reset());
   }, [d]);
   const [r, K] = C({
-    fullName: (l == null ? void 0 : l.fullName) || "",
-    phone: (l == null ? void 0 : l.phone) || "",
-    address: (l == null ? void 0 : l.address) || "",
-    city: (l == null ? void 0 : l.city) || "",
-    deliveryZoneId: (l == null ? void 0 : l.deliveryZoneId) || "",
-    paymentMethod: (l == null ? void 0 : l.paymentMethod) || "online",
-    notes: (l == null ? void 0 : l.notes) || ""
+    fullName: (i == null ? void 0 : i.fullName) || "",
+    phone: (i == null ? void 0 : i.phone) || "",
+    address: (i == null ? void 0 : i.address) || "",
+    city: (i == null ? void 0 : i.city) || "",
+    deliveryZoneId: (i == null ? void 0 : i.deliveryZoneId) || "",
+    paymentMethod: (i == null ? void 0 : i.paymentMethod) || "online",
+    notes: (i == null ? void 0 : i.notes) || ""
   });
-  z(() => {
+  Z(() => {
     d && w("customer");
   }, [d]);
-  const [re, se] = C(!1);
-  z(() => {
-    if (d && t && !l && !re) {
+  const [se, re] = C(!1);
+  Z(() => {
+    if (d && t && !i && !se) {
       const n = [t.customerFirstName, t.customerLastName].filter(Boolean).join(" ");
       K((s) => {
-        var i;
+        var l;
         return {
           ...s,
           fullName: n || s.fullName,
           phone: t.customerPhone || s.phone,
-          deliveryZoneId: ((i = t.deliveryZone) == null ? void 0 : i.id) || s.deliveryZoneId
+          deliveryZoneId: ((l = t.deliveryZone) == null ? void 0 : l.id) || s.deliveryZoneId
         };
-      }), se(!0);
+      }), re(!0);
     }
-    d || se(!1);
-  }, [d, t, l, re]), z(() => {
+    d || re(!1);
+  }, [d, t, i, se]), Z(() => {
     if (y) {
       const n = u == null ? void 0 : u.zones.find((s) => s.id === y);
       n && K((s) => ({
@@ -124,16 +124,16 @@ function mt({
       }));
     }
   }, [y, u]);
-  const [v, L] = C({}), [G, Ce] = C(!1), q = (n) => {
-    const { name: s, value: i } = n.target;
-    K((o) => ({ ...o, [s]: i })), v[s] && L((o) => ({ ...o, [s]: void 0 }));
+  const [v, T] = C({}), [G, Ce] = C(!1), q = (n) => {
+    const { name: s, value: l } = n.target;
+    K((o) => ({ ...o, [s]: l })), v[s] && T((o) => ({ ...o, [s]: void 0 }));
   }, ne = qe(
     (n) => {
       const s = r[n];
       if (s)
         if (n === "fullName") {
-          const { firstName: i, lastName: o } = $(s);
-          P.mutate({ customerFirstName: i, customerLastName: o });
+          const { firstName: l, lastName: o } = $(s);
+          P.mutate({ customerFirstName: l, customerLastName: o });
         } else n === "phone" && P.mutate({ customerPhone: s });
     },
     [r, P]
@@ -143,25 +143,25 @@ function mt({
       if (n === "customer")
         Ge.validateSync(r, { abortEarly: !1 });
       else if (n === "delivery") {
-        const i = {
+        const l = {
           address: r.address,
           city: r.city,
-          state: T || r.state || "",
+          state: F || r.state || "",
           deliveryZoneId: y || r.deliveryZoneId || ""
         };
-        Oe.validateSync(i, { abortEarly: !1 });
+        Oe.validateSync(l, { abortEarly: !1 });
       } else n === "payment" && Ve.validateSync(r, { abortEarly: !1 });
-    } catch (i) {
-      i instanceof _e && i.inner.forEach((o) => {
+    } catch (l) {
+      l instanceof _e && l.inner.forEach((o) => {
         o.path && (s[o.path] = o.message);
       });
     }
-    return L(s), Object.keys(s).length === 0;
+    return T(s), Object.keys(s).length === 0;
   }, Pe = () => {
     A(m) && (m === "customer" ? w("delivery") : m === "delivery" && w("payment"));
   }, ke = () => {
     m === "payment" ? w("delivery") : m === "delivery" && w("customer");
-  }, Me = async () => {
+  }, Ie = async () => {
     var n;
     if (!A("customer")) {
       w("customer");
@@ -181,7 +181,7 @@ function mt({
           c == null || c(new Error("Payment system is loading. Please try again."));
           return;
         }
-        const s = Math.round(t.pricing.total * 100), { fbc: i, fbp: o } = Y(), { ttp: N, ttclid: p } = J(), { firstName: Z, lastName: g } = $(r.fullName);
+        const s = Math.round(t.pricing.total * 100), { fbc: l, fbp: o } = Y(), { ttp: g, ttclid: p } = J(), { firstName: L, lastName: N } = $(r.fullName);
         ae.initializePayment({
           email: (t == null ? void 0 : t.customerEmail) || "customer@example.com",
           amount: s,
@@ -192,12 +192,12 @@ function mt({
             address: r.address,
             city: r.city,
             delivery_zone_id: y || r.deliveryZoneId,
-            firstName: Z,
-            lastName: g,
+            firstName: L,
+            lastName: N,
             phone: r.phone,
-            fbc: i,
+            fbc: l,
             fbp: o,
-            ttp: N,
+            ttp: g,
             ttclid: p,
             custom_fields: [
               {
@@ -231,34 +231,34 @@ function mt({
         return;
       }
       try {
-        const { fbc: s, fbp: i } = Y(), { ttp: o, ttclid: N } = J(), { firstName: p, lastName: Z } = $(r.fullName), g = await j.mutateAsync({
+        const { fbc: s, fbp: l } = Y(), { ttp: o, ttclid: g } = J(), { firstName: p, lastName: L } = $(r.fullName), N = await j.mutateAsync({
           firstName: p,
-          lastName: Z,
+          lastName: L,
           phone: r.phone,
           address: r.address,
           city: r.city,
           deliveryZoneId: y || r.deliveryZoneId,
           paymentMethod: r.paymentMethod,
           fbc: s,
-          fbp: i,
+          fbp: l,
           ttp: o,
-          ttclid: N
+          ttclid: g
         });
-        if ("error" in g) {
-          const M = g.error;
-          c == null || c(new Error((M == null ? void 0 : M.message) || "Checkout failed"));
+        if ("error" in N) {
+          const I = N.error;
+          c == null || c(new Error((I == null ? void 0 : I.message) || "Checkout failed"));
           return;
         }
-        H(g), ee(), b == null || b(g);
+        H(N), ee(), b == null || b(N);
       } catch (s) {
         c == null || c(s);
       }
     }
-  }, Ie = {
+  }, Me = {
     customer: "Customer Information",
     delivery: "Delivery Address",
     payment: "Payment Method"
-  }, Se = V(() => Ie[m], [m]), je = /* @__PURE__ */ a("div", { className: "space-y-3", children: [
+  }, Se = V(() => Me[m], [m]), je = /* @__PURE__ */ a("div", { className: "space-y-3", children: [
     (m === "payment" || m === "delivery") && ((ce = t == null ? void 0 : t.pricing) == null ? void 0 : ce.total) && /* @__PURE__ */ a("div", { className: "text-sm text-black relative", children: [
       D && /* @__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: [
@@ -275,14 +275,14 @@ function mt({
       /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Delivery Fee" }),
         /* @__PURE__ */ e("span", { children: (() => {
-          var o, N, p;
+          var o, g, p;
           if (!y)
             return /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs", children: "Select zone first" });
-          const n = (o = t == null ? void 0 : t.brand) == null ? void 0 : o.freeShippingThreshold, s = ((N = t == null ? void 0 : t.pricing) == null ? void 0 : N.subtotal) ?? 0;
+          const n = (o = t == null ? void 0 : t.brand) == null ? void 0 : o.freeShippingThreshold, s = ((g = t == null ? void 0 : t.pricing) == null ? void 0 : g.subtotal) ?? 0;
           if (n && s >= n)
             return /* @__PURE__ */ e("span", { className: "text-green-600", children: "Free" });
-          const i = P.isPending ? (h == null ? void 0 : h.deliveryCost) ?? 0 : ((p = t == null ? void 0 : t.pricing) == null ? void 0 : p.deliveryCharge) ?? 0;
-          return i === 0 ? /* @__PURE__ */ e("span", { className: "text-green-600", children: "Free" }) : _(i);
+          const l = P.isPending ? (h == null ? void 0 : h.deliveryCost) ?? 0 : ((p = t == null ? void 0 : t.pricing) == null ? void 0 : p.deliveryCharge) ?? 0;
+          return l === 0 ? /* @__PURE__ */ e("span", { className: "text-green-600", children: "Free" }) : _(l);
         })() })
       ] }),
       /* @__PURE__ */ e("hr", { className: "border-gray-200 my-2" }),
@@ -301,7 +301,7 @@ function mt({
           className: "flex-1 border-gray-400",
           size: "lg",
           children: [
-            /* @__PURE__ */ e(Fe, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ e(ze, { className: "mr-2 h-4 w-4" }),
             "Back"
           ]
         }
@@ -319,14 +319,14 @@ function mt({
             "Updating..."
           ] }) : /* @__PURE__ */ a(O, { children: [
             "Next",
-            /* @__PURE__ */ e(Te, { className: "ml-2 h-4 w-4" })
+            /* @__PURE__ */ e(Fe, { className: "ml-2 h-4 w-4" })
           ] })
         }
       ) : /* @__PURE__ */ e(
         R,
         {
           type: "button",
-          onClick: Me,
+          onClick: Ie,
           disabled: j.isPending,
           className: "flex-1 bg-accent-500 text-white hover:bg-accent-600",
           size: "lg",
@@ -367,7 +367,7 @@ function mt({
         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(Ne, { className: "h-4 w-4" }),
+              /* @__PURE__ */ e(ge, { className: "h-4 w-4" }),
               /* @__PURE__ */ a("span", { className: "text-sm font-medium", children: [
                 "Order #",
                 f.orderNumber
@@ -425,14 +425,14 @@ function mt({
       children: D ? /* @__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: [
         le && /* @__PURE__ */ a("div", { className: "space-y-3 p-4 pb-0", children: [
           h.noteTitle && h.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(Ne, { className: "h-5 w-5 text-amber-600 flex-shrink-0 mt-0.5" }),
+            /* @__PURE__ */ e(ge, { 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: h.noteTitle }),
               /* @__PURE__ */ e("p", { className: "text-sm text-amber-800 whitespace-pre-wrap", children: h.noteContent })
             ] })
           ] }) }),
           !(h != null && h.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(ge, { className: "h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" }),
+            /* @__PURE__ */ e(Ne, { 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." })
@@ -462,7 +462,7 @@ function mt({
         /* @__PURE__ */ a(
           "div",
           {
-            className: I(
+            className: M(
               "flex transition-transform duration-300 ease-in-out w-full",
               m === "customer" && "translate-x-0",
               m === "delivery" && "-translate-x-full",
@@ -496,7 +496,7 @@ function mt({
                     placeholder: "e.g. 08012345678",
                     maxLength: 18,
                     error: v.phone,
-                    icon: /* @__PURE__ */ e(Le, { size: 16 }),
+                    icon: /* @__PURE__ */ e(Te, { size: 16 }),
                     autoCorrect: "off",
                     required: !0,
                     className: "font-semibold"
@@ -536,17 +536,20 @@ function mt({
                     {
                       label: "State",
                       name: "state",
-                      value: T || "",
+                      value: F || "",
                       onChange: (n) => {
                         X("");
                         const s = n.target.value;
-                        xe(s || void 0), v.state && L((i) => ({ ...i, state: void 0 }));
+                        xe(s || void 0), v.state && T((l) => ({ ...l, state: void 0 }));
                       },
                       error: v.state,
                       required: !0,
                       children: [
                         /* @__PURE__ */ e("option", { disabled: !0, value: "", children: "Select State" }),
-                        k == null ? void 0 : k.map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.name }, n.id))
+                        k == null ? void 0 : k.slice().sort((n, s) => {
+                          const l = n.name.toLowerCase() === "lagos" ? 0 : 1, o = s.name.toLowerCase() === "lagos" ? 0 : 1;
+                          return l - o;
+                        }).map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.name }, n.id))
                       ]
                     }
                   ),
@@ -557,7 +560,7 @@ function mt({
                       value: y || "",
                       onChange: (n) => {
                         const s = n.target.value;
-                        X(s || void 0), v.deliveryZoneId && L((i) => ({ ...i, deliveryZoneId: void 0 })), s && P.mutate({ deliveryZoneId: s });
+                        X(s || void 0), v.deliveryZoneId && T((l) => ({ ...l, deliveryZoneId: void 0 })), s && P.mutate({ deliveryZoneId: s });
                       },
                       disabled: !u,
                       error: v.deliveryZoneId,
@@ -565,11 +568,11 @@ function mt({
                       children: [
                         /* @__PURE__ */ e("option", { disabled: !0, value: "", children: u ? "Select Delivery Zone" : "Select State First" }),
                         (() => {
-                          var o, N;
-                          const n = ((o = t == null ? void 0 : t.pricing) == null ? void 0 : o.subtotal) ?? 0, s = (N = t == null ? void 0 : t.brand) == null ? void 0 : N.freeShippingThreshold, i = s && n >= s;
+                          var o, g;
+                          const n = ((o = t == null ? void 0 : t.pricing) == null ? void 0 : o.subtotal) ?? 0, s = (g = t == null ? void 0 : t.brand) == null ? void 0 : g.freeShippingThreshold, l = s && n >= s;
                           return u == null ? void 0 : u.zones.map((p) => /* @__PURE__ */ a("option", { value: p.id, children: [
                             p.name,
-                            i ? "" : ` (${_(p.deliveryCost)})`
+                            l ? "" : ` (${_(p.deliveryCost)})`
                           ] }, p.id));
                         })()
                       ]
@@ -578,7 +581,7 @@ function mt({
                 ] })
               ] }) }),
               /* @__PURE__ */ e("div", { className: "w-full min-w-full flex-shrink-0 p-4", children: /* @__PURE__ */ a("div", { className: "space-y-6", children: [
-                F && /* @__PURE__ */ a("div", { className: `border border-gray-200 rounded-lg ${le ? "mt-4" : ""}`, children: [
+                z && /* @__PURE__ */ a("div", { className: `border border-gray-200 rounded-lg ${le ? "mt-4" : ""}`, children: [
                   /* @__PURE__ */ a(
                     "button",
                     {
@@ -586,12 +589,12 @@ function mt({
                       onClick: () => Ce(!G),
                       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: F.title || "🤔 Curious about Refunds?" }),
+                        /* @__PURE__ */ e("span", { className: "text-sm font-bold text-accent-700", children: z.title || "Yes, we offer refunds!" }),
                         /* @__PURE__ */ e(
                           Ae,
                           {
                             size: 16,
-                            className: I(
+                            className: M(
                               "transform transition-transform duration-200 text-gray-500",
                               G && "rotate-180"
                             )
@@ -603,13 +606,13 @@ function mt({
                   /* @__PURE__ */ e(
                     "div",
                     {
-                      className: I(
+                      className: M(
                         "overflow-hidden transition-all duration-300 ease-in-out",
                         G ? "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: F.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: z.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: F.policies.map((n, s) => /* @__PURE__ */ a("li", { className: "flex items-start", children: [
+                        /* @__PURE__ */ e("ul", { className: "space-y-1", children: z.policies.map((n, s) => /* @__PURE__ */ a("li", { className: "flex items-start", children: [
                           /* @__PURE__ */ e("span", { className: "text-green-600 mr-2", children: "✓" }),
                           /* @__PURE__ */ e("span", { children: n })
                         ] }, s)) })
@@ -621,7 +624,7 @@ function mt({
                   /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ a(
                     "label",
                     {
-                      className: I(
+                      className: M(
                         "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",
                         B("online") && "opacity-50 cursor-not-allowed"
@@ -643,7 +646,7 @@ function mt({
                           /* @__PURE__ */ e(
                             "div",
                             {
-                              className: I(
+                              className: M(
                                 "p-3 rounded-full",
                                 r.paymentMethod === "online" ? "bg-accent-100 text-accent-600" : "bg-gray-100 text-gray-600"
                               ),
@@ -670,7 +673,7 @@ function mt({
                   /* @__PURE__ */ a(
                     "label",
                     {
-                      className: I(
+                      className: M(
                         "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",
                         B("cod") && "opacity-50 cursor-not-allowed"
@@ -692,11 +695,11 @@ function mt({
                           /* @__PURE__ */ e(
                             "div",
                             {
-                              className: I(
+                              className: M(
                                 "p-3 rounded-full",
                                 r.paymentMethod === "cod" ? "bg-accent-100 text-accent-600" : "bg-gray-100 text-gray-600"
                               ),
-                              children: /* @__PURE__ */ e(ge, { size: 24 })
+                              children: /* @__PURE__ */ e(Ne, { size: 24 })
                             }
                           ),
                           /* @__PURE__ */ a("div", { children: [