@instockng/storefront-ui 1.0.89 → 1.0.91

package/dist/index18.mjs

@@ -1,752 +1,101 @@
 'use client';
-import { jsxs as r, jsx as e, Fragment as K } from "react/jsx-runtime";
-import { useState as C, useEffect as L, useMemo as G, useCallback as Ie } from "react";
-import { object as Y, string as g, ValidationError as qe } from "./index48.mjs";
-import "./index26.mjs";
-import "@tanstack/react-query";
-import { useGetDeliveryZones as Se } from "./index42.mjs";
-import { useCart as je } from "./index3.mjs";
-import { Modal as ue } from "./index22.mjs";
-import { FormInput as S } from "./index23.mjs";
-import { FormSelect as pe } from "./index24.mjs";
-import { Button as W } from "./index19.mjs";
-import { Loader2 as $, ChevronLeft as _e, ChevronRight as Le, Package as ye, Banknote as fe, Mail as Ze, Phone as ze, ChevronDown as Fe, Zap as Te } from "lucide-react";
-import { PostPurchaseUpsell as Ae } from "./index49.mjs";
-import { formatCurrency as j, cn as M, getFbCookies as O, getTikTokCookies as V } from "./index25.mjs";
-import Be from "./index50.mjs";
-import { usePaystackPayment as We } from "./index51.mjs";
-const $e = "2348125648668", Re = `https://wa.me/${$e}`, Ue = (d) => d.replace(/\D/g, ""), He = Y({
-  firstName: g().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: g().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: g().required("Email is required").email("Please enter a valid email address"),
-  phone: g().required("Phone number is required").test("nigerian-phone", "Please enter a valid Nigerian phone number (e.g. 0812 564 8668)", (d) => {
-    if (!d) return !1;
-    const _ = Ue(d);
-    return [
-      /^0[789]\d{9}$/
-      // 0xxxxxxxxx (11 digits total)
-    ].some((b) => b.test(_));
-  })
-}), Ke = Y({
-  address: g().required("Street address is required").min(10, "Please provide a complete address"),
-  city: g().required("City is required").min(3, "City name must be at least 3 characters"),
-  state: g().required("State is required").test("not-empty", "State is required", (d) => !!d && d.trim() !== ""),
-  deliveryZoneId: g().required("Delivery zone is required").test("not-empty", "Delivery zone is required", (d) => !!d && d.trim() !== "")
-}), Ge = Y({
-  paymentMethod: g().oneOf(["cod", "online"], "Please select a payment method").required("Payment method is required")
-});
-function ot({
-  isOpen: d,
-  onClose: _,
-  initialData: l,
-  onSuccess: b,
-  onError: m,
-  submitButtonText: ve = "Place Order",
-  refundPolicy: Z
+import { jsx as e, jsxs as s, Fragment as j } from "react/jsx-runtime";
+import { useState as a } from "react";
+import { useCart as T } from "./index3.mjs";
+import { Button as y } from "./index20.mjs";
+import { Badge as k } from "./index22.mjs";
+import { Tag as B, CheckCircle as b, X as E, AlertCircle as F } from "lucide-react";
+import { cn as p } from "./index26.mjs";
+function K({
+  onSuccess: i,
+  className: N,
+  placeholder: w = "Enter discount code",
+  inputClassName: C,
+  buttonClassName: A
 }) {
-  var se, ne, le, ie, de, oe, ce, me, he;
-  const [h, x] = C("customer"), [z, Ne] = C(void 0), [f, J] = C(void 0), [v, R] = C(null), { refetch: Q, isLoading: X, cart: t, updateCartMutation: I, checkoutMutation: ge, clearAndCreateNewCart: E } = je(), D = (se = t == null ? void 0 : t.brand) == null ? void 0 : se.paystackPublicKey, ee = We({
-    isOpen: d,
-    publicKey: D || "",
-    onSuccess: async (s) => {
+  var v;
+  const [n, g] = a(""), [u, o] = a(""), [l, f] = a(!1), [h, x] = a(!1), [d, c] = a(""), { applyDiscount: D, removeDiscount: I, cart: r } = T(), M = async (t) => {
+    if (t.preventDefault(), !!n.trim()) {
+      f(!0), c("");
       try {
-        const { fbc: n, fbp: i } = O(), { ttp: o, ttclid: N } = V(), c = await q.mutateAsync({
-          firstName: a.firstName,
-          lastName: a.lastName,
-          email: a.email,
-          phone: a.phone,
-          address: a.address,
-          city: a.city,
-          deliveryZoneId: f || a.deliveryZoneId,
-          paymentMethod: a.paymentMethod,
-          paystackReference: s.reference,
-          fbc: n,
-          fbp: i,
-          ttp: o,
-          ttclid: N
-        });
-        if ("error" in c) {
-          const k = c.error;
-          m == null || m(new Error((k == null ? void 0 : k.message) || "Checkout failed"));
-          return;
-        }
-        R(c), E(), b == null || b(c);
-      } catch (n) {
-        m == null || m(n);
+        await D(n.trim()), o("Discount code applied!"), g(""), setTimeout(() => o(""), 3e3), i == null || i();
+      } catch (m) {
+        c((m == null ? void 0 : m.message) || "Invalid or expired discount code");
+      } finally {
+        f(!1);
       }
-    },
-    onClose: () => {
-      console.log("Payment popup closed by user");
-    }
-  });
-  L(() => {
-    d && Q();
-  }, [d, Q]);
-  const { data: P } = Se(((ne = t == null ? void 0 : t.brand) == null ? void 0 : ne.id) || "", {
-    enabled: !!((le = t == null ? void 0 : t.brand) != null && le.id)
-  }), p = G(() => P == null ? void 0 : P.find((s) => s.id === z), [P, z]), u = G(() => p == null ? void 0 : p.zones.find((s) => s.id === f), [p, f]), q = ge;
-  L(() => {
-    d || (R(null), x("customer"), q.reset());
-  }, [d]);
-  const [a, U] = C({
-    firstName: (l == null ? void 0 : l.firstName) || "",
-    lastName: (l == null ? void 0 : l.lastName) || "",
-    email: (l == null ? void 0 : l.email) || "",
-    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) || ""
-  });
-  L(() => {
-    d && x("customer");
-  }, [d]);
-  const [te, ae] = C(!1);
-  L(() => {
-    d && t && !l && !te && (U((s) => {
-      var n;
-      return {
-        ...s,
-        firstName: t.customerFirstName || s.firstName,
-        lastName: t.customerLastName || s.lastName,
-        email: t.customerEmail || s.email,
-        phone: t.customerPhone || s.phone,
-        deliveryZoneId: ((n = t.deliveryZone) == null ? void 0 : n.id) || s.deliveryZoneId
-      };
-    }), ae(!0)), d || ae(!1);
-  }, [d, t, l, te]), L(() => {
-    if (f) {
-      const s = p == null ? void 0 : p.zones.find((n) => n.id === f);
-      s && U((n) => ({
-        ...n,
-        paymentMethod: s.allowOnline ? "online" : "cod"
-      }));
     }
-  }, [f, p]);
-  const [y, F] = C({}), [H, be] = C(!1), w = (s) => {
-    const { name: n, value: i } = s.target;
-    U((o) => ({ ...o, [n]: i })), y[n] && F((o) => ({ ...o, [n]: void 0 }));
-  }, T = Ie(
-    (s) => {
-      const n = a[s];
-      if (!n) return;
-      const i = {};
-      s === "firstName" ? i.customerFirstName = n : s === "lastName" ? i.customerLastName = n : s === "email" ? i.customerEmail = n : s === "phone" && (i.customerPhone = n), I.mutate(i);
-    },
-    [a, I]
-  ), A = (s) => {
-    const n = {};
+  }, R = async () => {
+    x(!0), c("");
     try {
-      if (s === "customer")
-        He.validateSync(a, { abortEarly: !1 });
-      else if (s === "delivery") {
-        const i = {
-          address: a.address,
-          city: a.city,
-          state: z || a.state || "",
-          deliveryZoneId: f || a.deliveryZoneId || ""
-        };
-        Ke.validateSync(i, { abortEarly: !1 });
-      } else s === "payment" && Ge.validateSync(a, { abortEarly: !1 });
-    } catch (i) {
-      i instanceof qe && i.inner.forEach((o) => {
-        o.path && (n[o.path] = o.message);
-      });
-    }
-    return F(n), Object.keys(n).length === 0;
-  }, xe = () => {
-    A(h) && (h === "customer" ? x("delivery") : h === "delivery" && x("payment"));
-  }, we = () => {
-    h === "payment" ? x("delivery") : h === "delivery" && x("customer");
-  }, Ce = async () => {
-    var s;
-    if (!A("customer")) {
-      x("customer");
-      return;
-    }
-    if (!A("delivery")) {
-      x("delivery");
-      return;
-    }
-    if (A("payment")) {
-      if (a.paymentMethod === "online") {
-        if (!D) {
-          m == null || m(new Error("Paystack is not configured. Please contact support."));
-          return;
-        }
-        if (!ee.isLoaded) {
-          m == null || m(new Error("Payment system is loading. Please try again."));
-          return;
-        }
-        const n = Math.round(t.pricing.total * 100), { fbc: i, fbp: o } = O(), { ttp: N, ttclid: c } = V();
-        ee.initializePayment({
-          email: a.email || (t == null ? void 0 : t.customerEmail) || "customer@example.com",
-          amount: n,
-          currency: "NGN",
-          metadata: {
-            cartId: t == null ? void 0 : t.id,
-            brandSlug: (s = t == null ? void 0 : t.brand) == null ? void 0 : s.slug,
-            address: a.address,
-            city: a.city,
-            delivery_zone_id: f || a.deliveryZoneId,
-            firstName: a.firstName,
-            lastName: a.lastName,
-            email: a.email,
-            phone: a.phone,
-            fbc: i,
-            fbp: o,
-            ttp: N,
-            ttclid: c,
-            custom_fields: [
-              {
-                display_name: "Customer Name",
-                variable_name: "customer_name",
-                value: `${a.firstName} ${a.lastName}`
-              },
-              {
-                display_name: "Phone Number",
-                variable_name: "phone_number",
-                value: a.phone
-              },
-              {
-                display_name: "Address",
-                variable_name: "address",
-                value: a.address
-              },
-              {
-                display_name: "City",
-                variable_name: "city",
-                value: a.city
-              },
-              {
-                display_name: "Delivery Zone ID",
-                variable_name: "delivery_zone_id",
-                value: f || a.deliveryZoneId
-              }
-            ]
-          }
-        });
-        return;
-      }
-      try {
-        const { fbc: n, fbp: i } = O(), { ttp: o, ttclid: N } = V(), c = await q.mutateAsync({
-          firstName: a.firstName,
-          lastName: a.lastName,
-          email: a.email,
-          phone: a.phone,
-          address: a.address,
-          city: a.city,
-          deliveryZoneId: f || a.deliveryZoneId,
-          paymentMethod: a.paymentMethod,
-          fbc: n,
-          fbp: i,
-          ttp: o,
-          ttclid: N
-        });
-        if ("error" in c) {
-          const k = c.error;
-          m == null || m(new Error((k == null ? void 0 : k.message) || "Checkout failed"));
-          return;
-        }
-        R(c), E(), b == null || b(c);
-      } catch (n) {
-        m == null || m(n);
-      }
+      await I(), o("Discount code removed"), setTimeout(() => o(""), 3e3), i == null || i();
+    } catch (t) {
+      c((t == null ? void 0 : t.message) || "Failed to remove discount code");
+    } finally {
+      x(!1);
     }
-  }, Pe = {
-    customer: "Customer Information",
-    delivery: "Delivery Address",
-    payment: "Payment Method"
-  }, ke = G(() => Pe[h], [h]), Me = /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-    (h === "payment" || h === "delivery") && ((ie = t == null ? void 0 : t.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: j(((de = t == null ? void 0 : t.pricing) == null ? void 0 : de.subtotal) ?? 0) })
-      ] }),
-      t.pricing.discount && /* @__PURE__ */ r("div", { className: "flex items-center justify-between font-medium", children: [
-        /* @__PURE__ */ e("span", { children: "Discount" }),
-        /* @__PURE__ */ r("span", { className: "text-green-600", children: [
-          "-",
-          j(((ce = (oe = t == null ? void 0 : t.pricing) == null ? void 0 : oe.discount) == null ? void 0 : ce.amount) ?? 0)
-        ] })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "flex items-center justify-between font-medium", children: [
-        /* @__PURE__ */ e("span", { children: "Delivery Fee" }),
-        /* @__PURE__ */ e("span", { children: (() => {
-          var o, N, c;
-          if (!f)
-            return /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs", children: "Select zone first" });
-          const s = (o = t == null ? void 0 : t.brand) == null ? void 0 : o.freeShippingThreshold, n = ((N = t == null ? void 0 : t.pricing) == null ? void 0 : N.subtotal) ?? 0;
-          if (s && n >= s)
-            return /* @__PURE__ */ e("span", { className: "text-green-600", children: "Free" });
-          const i = I.isPending ? (u == null ? void 0 : u.deliveryCost) ?? 0 : ((c = t == null ? void 0 : t.pricing) == null ? void 0 : c.deliveryCharge) ?? 0;
-          return i === 0 ? /* @__PURE__ */ e("span", { className: "text-green-600", children: "Free" }) : j(i);
-        })() })
-      ] }),
-      /* @__PURE__ */ e("hr", { className: "border-gray-200 my-2" }),
-      /* @__PURE__ */ r("div", { className: "flex items-center justify-between font-medium", children: [
-        /* @__PURE__ */ e("span", { children: "Total" }),
-        /* @__PURE__ */ e("span", { children: j(((me = t == null ? void 0 : t.pricing) == null ? void 0 : me.total) ?? 0) })
-      ] })
+  };
+  return /* @__PURE__ */ e("div", { className: p("", N), children: /* @__PURE__ */ e("div", { className: "pt-6", children: /* @__PURE__ */ s("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-sm font-medium", children: [
+      /* @__PURE__ */ e(B, { className: "h-4 w-4" }),
+      "Discount Code"
     ] }),
-    /* @__PURE__ */ r("div", { className: "flex gap-3", children: [
-      h !== "customer" && /* @__PURE__ */ r(
-        W,
+    r && r.pricing.discount && /* @__PURE__ */ s("div", { className: "flex items-center justify-between rounded-md bg-green-50 p-3", children: [
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(b, { className: "h-4 w-4 text-green-600" }),
+        /* @__PURE__ */ e("span", { className: "text-sm font-medium text-green-900", children: "Code Applied:" }),
+        /* @__PURE__ */ e(k, { className: "bg-green-600 text-white", children: r.pricing.discount.code })
+      ] }),
+      /* @__PURE__ */ e(
+        y,
         {
-          type: "button",
-          variant: "outline",
-          onClick: we,
-          className: "flex-1 border-gray-400",
-          size: "lg",
-          children: [
-            /* @__PURE__ */ e(_e, { className: "mr-2 h-4 w-4" }),
-            "Back"
-          ]
+          variant: "ghost",
+          size: "sm",
+          onClick: R,
+          disabled: h,
+          className: "h-8 px-2 text-green-700 hover:text-green-800",
+          children: h ? "Removing..." : /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(E, { className: "h-4 w-4" }) })
         }
-      ),
-      h !== "payment" ? /* @__PURE__ */ e(
-        W,
+      )
+    ] }),
+    !((v = r == null ? void 0 : r.pricing) != null && v.discount) && /* @__PURE__ */ s("form", { onSubmit: M, className: "flex gap-2", children: [
+      /* @__PURE__ */ e(
+        "input",
         {
-          type: "button",
-          onClick: xe,
-          disabled: h === "delivery" && I.isPending,
-          className: "flex-1 bg-accent-500 text-white hover:bg-accent-600",
-          size: "lg",
-          children: h === "delivery" && I.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" })
-          ] })
+          type: "text",
+          value: n,
+          onChange: (t) => g(t.target.value.toUpperCase()),
+          placeholder: w,
+          disabled: l,
+          className: p(
+            "flex-1 rounded-md border border-gray-300 px-3 py-2 text-sm",
+            "focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            d && "border-red-500 focus:border-red-500 focus:ring-red-500",
+            C
+          )
         }
-      ) : /* @__PURE__ */ e(
-        W,
+      ),
+      /* @__PURE__ */ e(
+        y,
         {
-          type: "button",
-          onClick: Ce,
-          disabled: q.isPending,
-          className: "flex-1 bg-accent-500 text-white hover:bg-accent-600",
-          size: "lg",
-          children: q.isPending ? /* @__PURE__ */ r(K, { children: [
-            /* @__PURE__ */ e($, { className: "mr-2 h-4 w-4 animate-spin" }),
-            "Processing..."
-          ] }) : ve
+          type: "submit",
+          disabled: !n.trim() || l,
+          className: p("bg-accent-500 text-white hover:bg-accent-600", A),
+          children: l ? "Applying..." : "Apply"
         }
       )
     ] }),
-    q.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." })
-  ] }), B = (s) => !(t != null && t.availablePaymentMethods.includes(s));
-  if (v)
-    return /* @__PURE__ */ e(
-      ue,
-      {
-        isOpen: d,
-        onClose: _,
-        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__ */ r("span", { children: [
-            "Thank You!",
-            /* @__PURE__ */ e("br", {}),
-            "We'll contact you shortly"
-          ] })
-        ] }),
-        footer: /* @__PURE__ */ e(
-          W,
-          {
-            onClick: _,
-            className: "w-full bg-accent-500 text-white hover:bg-accent-600",
-            size: "lg",
-            children: "Close"
-          }
-        ),
-        size: "lg",
-        contentClassName: "p-4",
-        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(ye, { className: "h-4 w-4" }),
-              /* @__PURE__ */ r("span", { className: "text-sm font-medium", children: [
-                "Order #",
-                v.orderNumber
-              ] })
-            ] }),
-            /* @__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__ */ r("span", { className: "font-medium text-gray-900", children: [
-                  v.firstName,
-                  " ",
-                  v.lastName
-                ] })
-              ] }),
-              /* @__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: v.phone })
-              ] }),
-              v.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: v.email })
-              ] }),
-              /* @__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: v.paymentMethod === "cod" ? "Cash on Delivery" : "Online" })
-              ] }),
-              /* @__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: j(v.totalPrice) })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ e(
-            Ae,
-            {
-              orderId: v.id,
-              token: v.userActionToken,
-              limit: 4,
-              brandSiteUrl: (he = v.brand) == null ? void 0 : he.siteUrl
-            }
-          )
-        ] })
-      }
-    );
-  const re = u && (h === "delivery" || h === "payment") && (u.waybillOnly || !(u != null && u.allowCOD));
-  return /* @__PURE__ */ e(
-    ue,
-    {
-      isOpen: d,
-      onClose: _,
-      title: ke,
-      footer: Me,
-      size: "lg",
-      contentClassName: "p-0",
-      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: [
-          u.noteTitle && u.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(ye, { 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: u.noteTitle }),
-              /* @__PURE__ */ e("p", { className: "text-sm text-amber-800 whitespace-pre-wrap", children: u.noteContent })
-            ] })
-          ] }) }),
-          !(u != null && u.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(fe, { 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__ */ r(
-          "a",
-          {
-            href: Re,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "flex items-center justify-center gap-2 p-3 bg-green-500 hover:bg-green-600 rounded-lg transition-colors",
-            children: [
-              /* @__PURE__ */ e(
-                "img",
-                {
-                  src: "https://toyland.ng/icon-whatsapp.svg",
-                  alt: "WhatsApp",
-                  className: "h-5 w-5"
-                }
-              ),
-              /* @__PURE__ */ e("span", { className: "text-sm font-medium text-white", children: "Need help with your order? Click to Contact us on WhatsApp" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ r(
-          "div",
-          {
-            className: M(
-              "flex transition-transform duration-300 ease-in-out w-full",
-              h === "customer" && "translate-x-0",
-              h === "delivery" && "-translate-x-full",
-              h === "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__ */ r("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ e(
-                  S,
-                  {
-                    label: "First Name",
-                    type: "text",
-                    name: "firstName",
-                    value: a.firstName,
-                    onChange: w,
-                    onBlur: () => T("firstName"),
-                    error: y.firstName,
-                    autoCorrect: "off",
-                    required: !0
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  S,
-                  {
-                    label: "Last Name",
-                    type: "text",
-                    name: "lastName",
-                    value: a.lastName,
-                    onChange: w,
-                    onBlur: () => T("lastName"),
-                    error: y.lastName,
-                    autoCorrect: "off",
-                    required: !0
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  S,
-                  {
-                    label: "Email",
-                    type: "email",
-                    name: "email",
-                    value: a.email,
-                    onChange: w,
-                    onBlur: () => T("email"),
-                    error: y.email,
-                    icon: /* @__PURE__ */ e(Ze, { size: 16 }),
-                    autoCorrect: "off",
-                    required: !0
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  S,
-                  {
-                    label: "Phone Number",
-                    type: "tel",
-                    name: "phone",
-                    value: a.phone,
-                    onChange: w,
-                    onBlur: () => T("phone"),
-                    placeholder: "e.g. 08012345678",
-                    maxLength: 18,
-                    error: y.phone,
-                    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__ */ r("div", { className: "space-y-4", children: [
-                /* @__PURE__ */ e(
-                  S,
-                  {
-                    label: "Street Address",
-                    type: "text",
-                    name: "address",
-                    value: a.address,
-                    onChange: w,
-                    error: y.address,
-                    autoCorrect: "off",
-                    required: !0
-                  }
-                ),
-                /* @__PURE__ */ r("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-                  /* @__PURE__ */ e(
-                    S,
-                    {
-                      label: "Area",
-                      type: "text",
-                      name: "city",
-                      value: a.city,
-                      onChange: w,
-                      error: y.city,
-                      autoCorrect: "off",
-                      required: !0
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    pe,
-                    {
-                      label: "State",
-                      name: "state",
-                      value: z || "",
-                      onChange: (s) => {
-                        J("");
-                        const n = s.target.value;
-                        Ne(n || void 0), y.state && F((i) => ({ ...i, state: void 0 }));
-                      },
-                      error: y.state,
-                      required: !0,
-                      children: [
-                        /* @__PURE__ */ e("option", { disabled: !0, value: "", children: "Select State" }),
-                        P == null ? void 0 : P.map((s) => /* @__PURE__ */ e("option", { value: s.id, children: s.name }, s.id))
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    pe,
-                    {
-                      label: "Delivery Zone",
-                      value: f || "",
-                      onChange: (s) => {
-                        const n = s.target.value;
-                        J(n || void 0), y.deliveryZoneId && F((i) => ({ ...i, deliveryZoneId: void 0 })), n && I.mutate({ deliveryZoneId: n });
-                      },
-                      disabled: !p,
-                      error: y.deliveryZoneId,
-                      required: !0,
-                      children: [
-                        /* @__PURE__ */ e("option", { disabled: !0, value: "", children: p ? "Select Delivery Zone" : "Select State First" }),
-                        (() => {
-                          var o, N;
-                          const s = ((o = t == null ? void 0 : t.pricing) == null ? void 0 : o.subtotal) ?? 0, n = (N = t == null ? void 0 : t.brand) == null ? void 0 : N.freeShippingThreshold, i = n && s >= n;
-                          return p == null ? void 0 : p.zones.map((c) => /* @__PURE__ */ r("option", { value: c.id, children: [
-                            c.name,
-                            i ? "" : ` (${j(c.deliveryCost)})`
-                          ] }, c.id));
-                        })()
-                      ]
-                    }
-                  )
-                ] })
-              ] }) }),
-              /* @__PURE__ */ e("div", { className: "w-full min-w-full flex-shrink-0 p-4", children: /* @__PURE__ */ r("div", { className: "space-y-6", children: [
-                Z && /* @__PURE__ */ r("div", { className: `border border-gray-200 rounded-lg ${re ? "mt-4" : ""}`, children: [
-                  /* @__PURE__ */ r(
-                    "button",
-                    {
-                      type: "button",
-                      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: Z.title || "🤔 Curious about Refunds?" }),
-                        /* @__PURE__ */ e(
-                          Fe,
-                          {
-                            size: 16,
-                            className: M(
-                              "transform transition-transform duration-200 text-gray-500",
-                              H && "rotate-180"
-                            )
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    "div",
-                    {
-                      className: M(
-                        "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: Z.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: Z.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: s })
-                        ] }, n)) })
-                      ] }) }) })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-4", children: [
-                  /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ r(
-                    "label",
-                    {
-                      className: M(
-                        "flex items-center justify-center relative p-4 border-2 rounded-xl cursor-pointer transition-all duration-200",
-                        a.paymentMethod === "online" ? "border-accent-500 bg-accent-50" : "border-gray-200 hover:border-gray-300",
-                        B("online") && "opacity-50 cursor-not-allowed"
-                      ),
-                      children: [
-                        /* @__PURE__ */ e(
-                          "input",
-                          {
-                            type: "radio",
-                            name: "paymentMethod",
-                            value: "online",
-                            disabled: B("online"),
-                            checked: a.paymentMethod === "online",
-                            onChange: w,
-                            className: "sr-only"
-                          }
-                        ),
-                        /* @__PURE__ */ r("div", { className: "flex flex-col items-center text-center space-y-3", children: [
-                          /* @__PURE__ */ e(
-                            "div",
-                            {
-                              className: M(
-                                "p-3 rounded-full",
-                                a.paymentMethod === "online" ? "bg-accent-100 text-accent-600" : "bg-gray-100 text-gray-600"
-                              ),
-                              children: /* @__PURE__ */ e(Te, { size: 24 })
-                            }
-                          ),
-                          /* @__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: Be,
-                                alt: "Paystack",
-                                className: "h-4 w-auto mt-2 mx-auto"
-                              }
-                            )
-                          ] })
-                        ] }),
-                        a.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__ */ r(
-                    "label",
-                    {
-                      className: M(
-                        "flex items-center justify-center relative p-4 border-2 rounded-xl cursor-pointer transition-all duration-200",
-                        a.paymentMethod === "cod" ? "border-accent-500 bg-accent-50" : "border-gray-200 hover:border-gray-300",
-                        B("cod") && "opacity-50 cursor-not-allowed"
-                      ),
-                      children: [
-                        /* @__PURE__ */ e(
-                          "input",
-                          {
-                            type: "radio",
-                            name: "paymentMethod",
-                            value: "cod",
-                            disabled: B("cod"),
-                            checked: a.paymentMethod === "cod",
-                            onChange: w,
-                            className: "sr-only"
-                          }
-                        ),
-                        /* @__PURE__ */ r("div", { className: "flex flex-col items-center text-center space-y-3", children: [
-                          /* @__PURE__ */ e(
-                            "div",
-                            {
-                              className: M(
-                                "p-3 rounded-full",
-                                a.paymentMethod === "cod" ? "bg-accent-100 text-accent-600" : "bg-gray-100 text-gray-600"
-                              ),
-                              children: /* @__PURE__ */ e(fe, { size: 24 })
-                            }
-                          ),
-                          /* @__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" })
-                          ] })
-                        ] }),
-                        a.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" }) }) })
-                      ]
-                    }
-                  )
-                ] }),
-                y.paymentMethod && /* @__PURE__ */ e("p", { className: "text-red-600 text-sm", children: y.paymentMethod })
-              ] }) })
-            ]
-          }
-        )
-      ] }) })
-    }
-  );
+    d && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-sm text-red-600", children: [
+      /* @__PURE__ */ e(F, { className: "h-4 w-4" }),
+      d
+    ] }),
+    u && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-sm text-green-600", children: [
+      /* @__PURE__ */ e(b, { className: "h-4 w-4" }),
+      u
+    ] })
+  ] }) }) });
 }
 export {
-  ot as Checkout
+  K as DiscountCodeInput
 };