@instockng/storefront-ui 1.0.90 → 1.0.91

package/dist/index68.mjs

@@ -1,84 +1,98 @@
 'use client';
-import { useQueryClient as y, useMutation as d } from "@tanstack/react-query";
-import { useQueryUnwrapped as m } from "./index79.mjs";
-import { createAdminRpcClients as c, authHeaders as l } from "./index29.mjs";
-import { queryKeys as u } from "./index35.mjs";
-import { useApiConfig as w } from "./index27.mjs";
-function T(e) {
-  const { baseURL: s, getAuthToken: n } = w();
-  return m({
-    queryKey: u.admin.warehouses.list(),
+import { useQueryClient as m, useMutation as w } from "@tanstack/react-query";
+import { useQueryUnwrapped as p } from "./index81.mjs";
+import { createAdminRpcClients as c, authHeaders as d } from "./index30.mjs";
+import { queryKeys as o } from "./index36.mjs";
+import { useApiConfig as l } from "./index28.mjs";
+function T(e, a) {
+  const { baseURL: r, getAuthToken: s } = l();
+  return p({
+    queryKey: o.admin.variants.search(e),
     queryFn: async () => {
-      const o = await n(), t = await c(s).warehouses.index.$get({}, l(o));
+      const n = await s(), t = await c(r).variants.index.$get({ query: e }, d(n));
       if (!t.ok)
-        throw new Error(`Failed to fetch warehouses: ${t.statusText}`);
+        throw new Error(`Failed to search variants: ${t.statusText}`);
       return t.json();
     },
-    ...e
+    ...a
   });
 }
-function $(e) {
-  const { baseURL: s, getAuthToken: n } = w(), o = y();
-  return d({
-    mutationFn: async (r) => {
-      const t = await n(), a = await c(s).warehouses.index.$post({ json: r }, l(t));
-      if (!a.ok)
-        throw new Error(`Failed to create warehouse: ${a.statusText}`);
-      return a.json();
+function $(e, a) {
+  const { baseURL: r, getAuthToken: s } = l();
+  return p({
+    queryKey: o.admin.variants.byProduct(e),
+    queryFn: async () => {
+      const n = await s(), t = await c(r).variants.products[":productId"].variants.$get({ param: { productId: e } }, d(n));
+      if (!t.ok)
+        throw new Error(`Failed to fetch product variants: ${t.statusText}`);
+      return t.json();
+    },
+    ...a
+  });
+}
+function g(e, a) {
+  const { baseURL: r, getAuthToken: s } = l(), n = m();
+  return w({
+    mutationFn: async (i) => {
+      const t = await s(), y = await c(r).variants.products[":productId"].variants.$post({ json: i, param: { productId: e } }, d(t));
+      if (!y.ok)
+        throw new Error(`Failed to create variant: ${y.statusText}`);
+      return y.json();
     },
     onSuccess: () => {
-      o.invalidateQueries({ queryKey: u.admin.warehouses.all });
+      n.invalidateQueries({ queryKey: o.admin.variants.all }), n.invalidateQueries({ queryKey: o.admin.products.detail(e) });
     },
-    ...e
+    ...a
   });
 }
-function g(e, s) {
-  const { baseURL: n, getAuthToken: o } = w(), r = y();
-  return d({
-    mutationFn: async (t) => {
-      const i = await o(), h = await c(n).warehouses[":id"].$patch({ json: t, param: { id: e } }, l(i));
-      if (!h.ok)
-        throw new Error(`Failed to update warehouse: ${h.statusText}`);
-      return h.json();
+function K(e, a) {
+  const { baseURL: r, getAuthToken: s } = l(), n = m();
+  return w({
+    mutationFn: async ({ variantId: i, ...t }) => {
+      const u = await s(), v = await c(r).variants.products[":productId"].variants[":variantId"].$patch({ json: t, param: { productId: e, variantId: i } }, d(u));
+      if (!v.ok)
+        throw new Error(`Failed to update variant: ${v.statusText}`);
+      return v.json();
     },
-    onSuccess: () => {
-      r.invalidateQueries({ queryKey: u.admin.warehouses.detail(e) }), r.invalidateQueries({ queryKey: u.admin.warehouses.all });
+    onSuccess: (i, t) => {
+      n.invalidateQueries({ queryKey: o.admin.variants.detail(t.variantId) }), n.invalidateQueries({ queryKey: o.admin.variants.all }), n.invalidateQueries({ queryKey: o.admin.products.detail(e) });
     },
-    ...s
+    ...a
   });
 }
-function v(e, s) {
-  const { baseURL: n, getAuthToken: o } = w();
-  return m({
-    queryKey: u.admin.warehouses.inventory(e),
+function j(e, a) {
+  const { baseURL: r, getAuthToken: s } = l();
+  return p({
+    queryKey: o.admin.variants.inventory(e),
     queryFn: async () => {
-      const r = await o(), i = await c(n).warehouses[":id"].inventory.$get({ param: { id: e } }, l(r));
-      if (!i.ok)
-        throw new Error(`Failed to fetch warehouse inventory: ${i.statusText}`);
-      return i.json();
+      const n = await s(), t = await c(r).variants[":id"].inventory.$get({ param: { id: e } }, d(n));
+      if (!t.ok)
+        throw new Error(`Failed to fetch variant inventory: ${t.statusText}`);
+      return t.json();
     },
-    ...s
+    ...a
   });
 }
-function x(e, s) {
-  const { baseURL: n, getAuthToken: o } = w(), r = y();
-  return d({
+function x(e, a) {
+  const { baseURL: r, getAuthToken: s } = l(), n = m();
+  return w({
     mutationFn: async () => {
-      const t = await o(), a = await c(n).warehouses[":id"].$delete({ param: { id: e } }, l(t));
-      if (!a.ok)
-        throw new Error(`Failed to delete warehouse: ${a.statusText}`);
-      return a.json();
+      const i = await s(), u = await c(r).variants[":id"].$delete({ param: { id: e } }, d(i));
+      if (!u.ok)
+        throw new Error(`Failed to delete variant: ${u.statusText}`);
+      return u.json();
     },
     onSuccess: () => {
-      r.invalidateQueries({ queryKey: u.admin.warehouses.all });
+      n.invalidateQueries({ queryKey: o.admin.variants.all });
     },
-    ...s
+    ...a
   });
 }
 export {
-  $ as useCreateWarehouse,
-  x as useDeleteWarehouse,
-  v as useGetWarehouseInventory,
-  T as useListWarehouses,
-  g as useUpdateWarehouse
+  g as useCreateVariant,
+  x as useDeleteVariant,
+  j as useGetVariantInventory,
+  $ as useListProductVariants,
+  T as useSearchVariants,
+  K as useUpdateVariant
 };

package/dist/index69.mjs

@@ -1,66 +1,84 @@
 'use client';
-import { useQueryClient as y, useMutation as b } from "@tanstack/react-query";
-import { useQueryUnwrapped as l } from "./index79.mjs";
-import { createAdminRpcClients as r, authHeaders as i } from "./index29.mjs";
-import { queryKeys as u } from "./index35.mjs";
-import { useApiConfig as d } from "./index27.mjs";
-function m(e, n) {
-  const { baseURL: a, getAuthToken: o } = d();
-  return l({
-    queryKey: u.admin.abandonedCarts.list(e),
+import { useQueryClient as y, useMutation as d } from "@tanstack/react-query";
+import { useQueryUnwrapped as m } from "./index81.mjs";
+import { createAdminRpcClients as c, authHeaders as l } from "./index30.mjs";
+import { queryKeys as u } from "./index36.mjs";
+import { useApiConfig as w } from "./index28.mjs";
+function T(e) {
+  const { baseURL: s, getAuthToken: n } = w();
+  return m({
+    queryKey: u.admin.warehouses.list(),
     queryFn: async () => {
-      const s = await o(), t = await r(a).abandonedCarts.index.$get({ query: e }, i(s));
+      const o = await n(), t = await c(s).warehouses.index.$get({}, l(o));
       if (!t.ok)
-        throw new Error(`Failed to fetch abandoned carts: ${t.statusText}`);
+        throw new Error(`Failed to fetch warehouses: ${t.statusText}`);
       return t.json();
     },
-    ...n
+    ...e
   });
 }
-function p(e, n) {
-  const { baseURL: a, getAuthToken: o } = d();
-  return l({
-    queryKey: u.admin.abandonedCarts.stats(e == null ? void 0 : e.brandId),
-    queryFn: async () => {
-      const s = await o(), t = await r(a).abandonedCarts.stats.$get({ query: e }, i(s));
-      if (!t.ok)
-        throw new Error(`Failed to fetch abandoned cart stats: ${t.statusText}`);
-      return t.json();
+function $(e) {
+  const { baseURL: s, getAuthToken: n } = w(), o = y();
+  return d({
+    mutationFn: async (r) => {
+      const t = await n(), a = await c(s).warehouses.index.$post({ json: r }, l(t));
+      if (!a.ok)
+        throw new Error(`Failed to create warehouse: ${a.statusText}`);
+      return a.json();
     },
-    ...n
+    onSuccess: () => {
+      o.invalidateQueries({ queryKey: u.admin.warehouses.all });
+    },
+    ...e
   });
 }
-function q(e, n) {
-  const { baseURL: a, getAuthToken: o } = d();
-  return l({
-    queryKey: u.admin.abandonedCarts.detail(e),
+function g(e, s) {
+  const { baseURL: n, getAuthToken: o } = w(), r = y();
+  return d({
+    mutationFn: async (t) => {
+      const i = await o(), h = await c(n).warehouses[":id"].$patch({ json: t, param: { id: e } }, l(i));
+      if (!h.ok)
+        throw new Error(`Failed to update warehouse: ${h.statusText}`);
+      return h.json();
+    },
+    onSuccess: () => {
+      r.invalidateQueries({ queryKey: u.admin.warehouses.detail(e) }), r.invalidateQueries({ queryKey: u.admin.warehouses.all });
+    },
+    ...s
+  });
+}
+function v(e, s) {
+  const { baseURL: n, getAuthToken: o } = w();
+  return m({
+    queryKey: u.admin.warehouses.inventory(e),
     queryFn: async () => {
-      const s = await o(), t = await r(a).abandonedCarts[":id"].$get({ param: { id: e } }, i(s));
-      if (!t.ok)
-        throw new Error(`Failed to fetch abandoned cart: ${t.statusText}`);
-      return t.json();
+      const r = await o(), i = await c(n).warehouses[":id"].inventory.$get({ param: { id: e } }, l(r));
+      if (!i.ok)
+        throw new Error(`Failed to fetch warehouse inventory: ${i.statusText}`);
+      return i.json();
     },
-    ...n
+    ...s
   });
 }
-function A(e) {
-  const { baseURL: n, getAuthToken: a } = d(), o = y();
-  return b({
+function x(e, s) {
+  const { baseURL: n, getAuthToken: o } = w(), r = y();
+  return d({
     mutationFn: async () => {
-      const s = await a(), t = await r(n).abandonedCarts.cleanup.$post({}, i(s));
-      if (!t.ok)
-        throw new Error(`Failed to cleanup expired carts: ${t.statusText}`);
-      return t.json();
+      const t = await o(), a = await c(n).warehouses[":id"].$delete({ param: { id: e } }, l(t));
+      if (!a.ok)
+        throw new Error(`Failed to delete warehouse: ${a.statusText}`);
+      return a.json();
     },
     onSuccess: () => {
-      o.invalidateQueries({ queryKey: u.admin.abandonedCarts.all });
+      r.invalidateQueries({ queryKey: u.admin.warehouses.all });
     },
-    ...e
+    ...s
   });
 }
 export {
-  A as useCleanupExpiredCarts,
-  q as useGetAbandonedCart,
-  p as useGetAbandonedCartStats,
-  m as useListAbandonedCarts
+  $ as useCreateWarehouse,
+  x as useDeleteWarehouse,
+  v as useGetWarehouseInventory,
+  T as useListWarehouses,
+  g as useUpdateWarehouse
 };

package/dist/index7.mjs

@@ -1,18 +1,18 @@
 'use client';
 import { jsx as e, jsxs as r, Fragment as T } from "react/jsx-runtime";
 import { useState as E } from "react";
-import "./index26.mjs";
+import "./index27.mjs";
 import "@tanstack/react-query";
-import { useGetOrder as U, useConfirmOrder as M } from "./index41.mjs";
-import { Card as s, CardHeader as m, CardTitle as o, CardContent as i } from "./index20.mjs";
-import { Button as S } from "./index19.mjs";
-import { Badge as y } from "./index21.mjs";
-import { Loader2 as v, XCircle as _, Package as H, CheckCircle as L } from "lucide-react";
-import { cn as l, formatDateTime as k, formatCurrency as c } from "./index25.mjs";
-const b = "2348125648668", x = "0" + b.slice(3), W = `${x.slice(0, 4)} ${x.slice(4, 7)} ${x.slice(7)}`, $ = `https://wa.me/${b}`;
+import { useGetOrder as U, useConfirmOrder as M } from "./index42.mjs";
+import { Card as s, CardHeader as m, CardTitle as o, CardContent as i } from "./index21.mjs";
+import { Button as S } from "./index20.mjs";
+import { Badge as v } from "./index22.mjs";
+import { Loader2 as b, XCircle as _, Package as H, CheckCircle as L } from "lucide-react";
+import { cn as c, formatDateTime as k, formatCurrency as l } from "./index26.mjs";
+const g = "2348125648668", f = "0" + g.slice(3), W = `${f.slice(0, 4)} ${f.slice(4, 7)} ${f.slice(7)}`, $ = `https://wa.me/${g}`;
 function X({
   orderId: N,
-  token: f,
+  token: x,
   className: h,
   headerClassName: w,
   buttonClassName: P,
@@ -20,64 +20,64 @@ function X({
   whatsappHelpLink: A = $,
   whatsappHelpNumber: C = W
 }) {
-  var g;
-  const [p, j] = E(!1), { data: u, isLoading: D, error: O } = U(N, f, {
+  var y;
+  const [p, j] = E(!1), { data: u, isLoading: D, error: O } = U(N, x, {
     retry: !1
   }), d = M({
-    onSuccess: (t) => {
+    onSuccess: (a) => {
       j(!0);
     },
-    onError: (t) => {
+    onError: (a) => {
     }
   });
   if (D)
-    return /* @__PURE__ */ e("div", { className: l("min-h-screen bg-gray-50 flex items-center justify-center", h), children: /* @__PURE__ */ r("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(v, { className: "h-12 w-12 animate-spin text-blue-500 mx-auto mb-4" }),
-      /* @__PURE__ */ e("p", { className: "text-gray-600", children: "Loading order details..." })
+    return /* @__PURE__ */ e("div", { className: c("min-h-screen  flex items-center justify-center", h), children: /* @__PURE__ */ r("div", { className: "text-center", children: [
+      /* @__PURE__ */ e(b, { className: "h-12 w-12 animate-spin text-blue-500 mx-auto mb-4" }),
+      /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: "Loading order details..." })
     ] }) });
   if (O || !u || "error" in u)
-    return /* @__PURE__ */ e("div", { className: l("min-h-screen bg-gray-50 flex items-center justify-center p-4", h), children: /* @__PURE__ */ r(s, { className: l("max-w-md w-full", n), children: [
+    return /* @__PURE__ */ e("div", { className: c("min-h-screen  flex items-center justify-center p-4", h), children: /* @__PURE__ */ r(s, { className: c("max-w-md w-full", n), children: [
       /* @__PURE__ */ e(m, { children: /* @__PURE__ */ r("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ e(_, { className: "h-6 w-6 text-red-500" }),
         /* @__PURE__ */ e(o, { children: "Order Not Found" })
       ] }) }),
-      /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e("p", { className: "text-gray-600", children: "We couldn't find this order. The link may be invalid or expired. Please contact support if you need assistance." }) })
+      /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: "We couldn't find this order. The link may be invalid or expired. Please contact support if you need assistance." }) })
     ] }) });
-  const a = u;
-  return /* @__PURE__ */ e("div", { className: l("min-h-screen bg-gray-50 py-8 px-4", h), children: /* @__PURE__ */ r("div", { className: "max-w-3xl mx-auto space-y-6", children: [
-    /* @__PURE__ */ r("div", { className: l("text-center", w), children: [
-      a.brand.logoUrl ? /* @__PURE__ */ e("div", { className: "inline-flex items-center justify-center w-24 h-16 mb-4", children: /* @__PURE__ */ e(
+  const t = u;
+  return /* @__PURE__ */ e("div", { className: c("min-h-screen  py-8 px-4", h), children: /* @__PURE__ */ r("div", { className: "max-w-3xl mx-auto space-y-6", children: [
+    /* @__PURE__ */ r("div", { className: c("text-center", w), children: [
+      t.brand.logoUrl ? /* @__PURE__ */ e("div", { className: "inline-flex items-center justify-center w-24 h-16 mb-4", children: /* @__PURE__ */ e(
         "img",
         {
-          src: a.brand.logoUrl,
-          alt: `${a.brand.name} logo`,
+          src: t.brand.logoUrl,
+          alt: `${t.brand.name} logo`,
           className: "max-w-full max-h-full object-contain"
         }
       ) }) : /* @__PURE__ */ e("div", { className: "inline-flex items-center justify-center w-16 h-16 bg-blue-100 rounded-full mb-4", children: /* @__PURE__ */ e(H, { className: "h-8 w-8 text-blue-600" }) }),
-      /* @__PURE__ */ r("h1", { className: "text-3xl font-bold text-gray-900", children: [
+      /* @__PURE__ */ r("h1", { className: "text-3xl font-bold", children: [
         "Order #",
-        a.orderNumber
+        t.orderNumber
       ] }),
-      /* @__PURE__ */ e("p", { className: "text-gray-600 mt-2", children: a.brand.name })
+      /* @__PURE__ */ e("p", { className: "text-muted-foreground mt-2", children: t.brand.name })
     ] }),
-    p && /* @__PURE__ */ e(s, { className: l("border-green-200 bg-green-50", n), children: /* @__PURE__ */ e(i, { className: "pt-6", children: /* @__PURE__ */ r("div", { className: "flex items-start space-x-3", children: [
+    p && /* @__PURE__ */ e(s, { className: c("border-green-200 bg-green-50", n), children: /* @__PURE__ */ e(i, { className: "pt-6", children: /* @__PURE__ */ r("div", { className: "flex items-start space-x-3", children: [
       /* @__PURE__ */ e(L, { className: "h-6 w-6 text-green-600 mt-0.5" }),
       /* @__PURE__ */ r("div", { children: [
         /* @__PURE__ */ e("h3", { className: "font-semibold text-green-900", children: "Order Confirmed!" }),
         /* @__PURE__ */ e("p", { className: "text-green-700 mt-1", children: "Thank you for confirming your order. We will contact you soon to arrange delivery." })
       ] })
     ] }) }) }),
-    !p && a.confirmationMessage && /* @__PURE__ */ e(s, { className: l(a.canConfirm ? "border-orange-200 bg-orange-50" : "", n), children: /* @__PURE__ */ e(i, { className: "pt-6", children: /* @__PURE__ */ e("p", { className: a.canConfirm ? "text-orange-900" : "text-gray-700", children: a.confirmationMessage }) }) }),
-    a.canConfirm && !p && /* @__PURE__ */ e(s, { className: n, children: /* @__PURE__ */ r(i, { className: "pt-6", children: [
+    !p && t.confirmationMessage && /* @__PURE__ */ e(s, { className: c(n), children: /* @__PURE__ */ e(i, { className: "pt-6", children: /* @__PURE__ */ e("p", { children: t.confirmationMessage }) }) }),
+    t.canConfirm && !p && /* @__PURE__ */ e(s, { className: n, children: /* @__PURE__ */ r(i, { className: "pt-6", children: [
       /* @__PURE__ */ e(
         S,
         {
-          onClick: () => d.mutate({ orderId: N, token: f }),
+          onClick: () => d.mutate({ orderId: N, token: x }),
           disabled: d.isPending,
-          className: l("w-full", P),
+          className: c("w-full", P),
           size: "lg",
           children: d.isPending ? /* @__PURE__ */ r(T, { children: [
-            /* @__PURE__ */ e(v, { className: "mr-2 h-5 w-5 animate-spin" }),
+            /* @__PURE__ */ e(b, { className: "mr-2 h-5 w-5 animate-spin" }),
             "Confirming..."
           ] }) : "Confirm Order"
         }
@@ -88,20 +88,20 @@ function X({
       /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { children: "Order Details" }) }),
       /* @__PURE__ */ e(i, { className: "space-y-4", children: /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-4", children: [
         /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: "Status" }),
-          /* @__PURE__ */ e(y, { className: "mt-1", children: a.status })
+          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: "Status" }),
+          /* @__PURE__ */ e(v, { className: "mt-1", children: t.status })
         ] }),
         /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: "Order Date" }),
-          /* @__PURE__ */ e("p", { className: "font-medium", children: a.createdAt ? k(a.createdAt) : "N/A" })
+          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: "Order Date" }),
+          /* @__PURE__ */ e("p", { className: "font-medium", children: t.createdAt ? k(t.createdAt) : "N/A" })
         ] }),
         /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: "Payment Method" }),
-          /* @__PURE__ */ e("p", { className: "font-medium", children: a.paymentMethod === "cod" ? "Cash on Delivery" : "Online Payment" })
+          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: "Payment Method" }),
+          /* @__PURE__ */ e("p", { className: "font-medium", children: t.paymentMethod === "cod" ? "Cash on Delivery" : "Online Payment" })
         ] }),
         /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: "Estimated Delivery" }),
-          /* @__PURE__ */ e("p", { className: "font-medium", children: a.estimatedDays ? `${a.estimatedDays} days` : "TBD" })
+          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: "Estimated Delivery" }),
+          /* @__PURE__ */ e("p", { className: "font-medium", children: t.estimatedDays ? `${t.estimatedDays} days` : "TBD" })
         ] })
       ] }) })
     ] }),
@@ -109,84 +109,84 @@ function X({
       /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { children: "Delivery Information" }) }),
       /* @__PURE__ */ r(i, { className: "space-y-3", children: [
         /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: "Customer" }),
+          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: "Customer" }),
           /* @__PURE__ */ r("p", { className: "font-medium", children: [
-            a.firstName,
+            t.firstName,
             " ",
-            a.lastName
+            t.lastName
           ] }),
-          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: a.phone })
+          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: t.phone })
         ] }),
         /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: "Address" }),
-          /* @__PURE__ */ e("p", { className: "font-medium", children: a.address }),
-          /* @__PURE__ */ r("p", { className: "text-sm text-gray-600", children: [
-            a.city,
+          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: "Address" }),
+          /* @__PURE__ */ e("p", { className: "font-medium", children: t.address }),
+          /* @__PURE__ */ r("p", { className: "text-sm opacity-70", children: [
+            t.city,
             ", ",
-            a.deliveryZone.state.name
+            t.deliveryZone.state.name
           ] }),
-          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: a.deliveryZone.name })
+          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: t.deliveryZone.name })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ r(s, { className: n, children: [
       /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { children: "Items" }) }),
       /* @__PURE__ */ r(i, { children: [
-        /* @__PURE__ */ e("div", { className: "space-y-4", children: (g = a.items) == null ? void 0 : g.map((t) => /* @__PURE__ */ r("div", { className: "flex items-start justify-between border-b pb-4 last:border-0", children: [
+        /* @__PURE__ */ e("div", { className: "space-y-4", children: (y = t.items) == null ? void 0 : y.map((a) => /* @__PURE__ */ r("div", { className: "flex items-start justify-between border-b pb-4 last:border-0", children: [
           /* @__PURE__ */ r("div", { className: "flex items-start space-x-4 flex-1", children: [
-            (t.variant.thumbnailUrl || t.variant.product.thumbnailUrl) && /* @__PURE__ */ e(
+            (a.variant.thumbnailUrl || a.variant.product.thumbnailUrl) && /* @__PURE__ */ e(
               "img",
               {
-                src: t.variant.thumbnailUrl || t.variant.product.thumbnailUrl || void 0,
-                alt: t.variant.product.name,
+                src: a.variant.thumbnailUrl || a.variant.product.thumbnailUrl || void 0,
+                alt: a.variant.product.name,
                 className: "w-16 h-16 object-cover rounded"
               }
             ),
             /* @__PURE__ */ r("div", { className: "flex-1", children: [
-              /* @__PURE__ */ e("p", { className: "font-medium", children: t.variant.product.name }),
-              t.variant.name && /* @__PURE__ */ e(y, { variant: "outline", className: "mt-1", children: t.variant.name }),
-              /* @__PURE__ */ r("p", { className: "text-sm text-gray-600 mt-1", children: [
+              /* @__PURE__ */ e("p", { className: "font-medium", children: a.variant.product.name }),
+              a.variant.name && /* @__PURE__ */ e(v, { variant: "outline", className: "mt-1", children: a.variant.name }),
+              /* @__PURE__ */ r("p", { className: "text-sm opacity-70 mt-1", children: [
                 "Quantity: ",
-                t.quantity
+                a.quantity
               ] }),
-              /* @__PURE__ */ r("p", { className: "text-sm text-gray-600", children: [
+              /* @__PURE__ */ r("p", { className: "text-sm opacity-70", children: [
                 "SKU: ",
-                t.variant.sku
+                a.variant.sku
               ] })
             ] })
           ] }),
           /* @__PURE__ */ r("div", { className: "text-right", children: [
-            /* @__PURE__ */ e("p", { className: "font-medium", children: c(t.priceAtPurchase * t.quantity) }),
-            /* @__PURE__ */ r("p", { className: "text-sm text-gray-600", children: [
-              c(t.priceAtPurchase),
+            /* @__PURE__ */ e("p", { className: "font-medium", children: l(a.priceAtPurchase * a.quantity) }),
+            /* @__PURE__ */ r("p", { className: "text-sm opacity-70", children: [
+              l(a.priceAtPurchase),
               " each"
             ] })
           ] })
-        ] }, t.id)) }),
+        ] }, a.id)) }),
         /* @__PURE__ */ r("div", { className: "mt-6 border-t pt-4 space-y-2", children: [
           /* @__PURE__ */ r("div", { className: "flex justify-between text-sm", children: [
-            /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Subtotal" }),
-            /* @__PURE__ */ e("span", { className: "font-medium", children: c(a.subtotal) })
+            /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: "Subtotal" }),
+            /* @__PURE__ */ e("span", { className: "font-medium", children: l(t.subtotal) })
           ] }),
-          a.discountAmount && a.discountAmount > 0 && /* @__PURE__ */ r("div", { className: "flex justify-between text-sm text-green-600", children: [
+          t.discountAmount && t.discountAmount > 0 && /* @__PURE__ */ r("div", { className: "flex justify-between text-sm text-green-600", children: [
             /* @__PURE__ */ e("span", { children: "Discount" }),
             /* @__PURE__ */ r("span", { children: [
               "-",
-              c(a.discountAmount)
+              l(t.discountAmount)
             ] })
           ] }),
           /* @__PURE__ */ r("div", { className: "flex justify-between text-sm", children: [
-            /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Delivery Charge" }),
-            /* @__PURE__ */ e("span", { className: "font-medium", children: c(a.deliveryCharge) })
+            /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: "Delivery Charge" }),
+            /* @__PURE__ */ e("span", { className: "font-medium", children: l(t.deliveryCharge) })
           ] }),
           /* @__PURE__ */ r("div", { className: "flex justify-between text-lg font-bold border-t pt-2", children: [
             /* @__PURE__ */ e("span", { children: "Total" }),
-            /* @__PURE__ */ e("span", { children: c(a.totalPrice) })
+            /* @__PURE__ */ e("span", { children: l(t.totalPrice) })
           ] })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e(s, { className: n, children: /* @__PURE__ */ e(i, { className: "pt-6", children: /* @__PURE__ */ r("p", { className: "text-sm text-gray-600 text-center", children: [
+    /* @__PURE__ */ e(s, { className: n, children: /* @__PURE__ */ e(i, { className: "pt-6", children: /* @__PURE__ */ r("p", { className: "text-sm opacity-70 text-center", children: [
       "Need help with your order? Call us on ",
       C,
       " or contact us on",