@instockng/storefront-ui 1.0.107 → 1.0.109

package/dist/index82.mjs

@@ -1,26 +1,156 @@
 'use client';
-import "react";
-function i(n, o) {
-  if (typeof n == "function")
-    return n(o);
-  n != null && (n.current = o);
-}
-function f(...n) {
-  return (o) => {
-    let u = !1;
-    const c = n.map((t) => {
-      const e = i(t, o);
-      return !u && typeof e == "function" && (u = !0), e;
+import { __module as l } from "./index87.mjs";
+import "./index88.mjs";
+import j from "react";
+import { __require as A } from "./index89.mjs";
+import { __require as O } from "./index90.mjs";
+import { __require as x } from "./index91.mjs";
+import { __require as F } from "./index92.mjs";
+import { __exports as M } from "./index93.mjs";
+var p;
+function W() {
+  return p ? l.exports : (p = 1, function(g, u) {
+    Object.defineProperty(u, "__esModule", {
+      value: !0
+    });
+    function _(e, o) {
+      for (var t in o) Object.defineProperty(e, t, {
+        enumerable: !0,
+        get: o[t]
+      });
+    }
+    _(u, {
+      Router: function() {
+        return i.default;
+      },
+      createRouter: function() {
+        return P;
+      },
+      // Export the singletonRouter and this is the public API.
+      default: function() {
+        return v;
+      },
+      makePublicRouterInstance: function() {
+        return E;
+      },
+      useRouter: function() {
+        return q;
+      },
+      withRouter: function() {
+        return w.default;
+      }
+    });
+    const f = M, R = /* @__PURE__ */ f._(j), i = /* @__PURE__ */ f._(A()), b = O(), y = /* @__PURE__ */ f._(x()), w = /* @__PURE__ */ f._(F()), n = {
+      router: null,
+      readyCallbacks: [],
+      ready(e) {
+        if (this.router) return e();
+        typeof window < "u" && this.readyCallbacks.push(e);
+      }
+    }, d = [
+      "pathname",
+      "route",
+      "query",
+      "asPath",
+      "components",
+      "isFallback",
+      "basePath",
+      "locale",
+      "locales",
+      "defaultLocale",
+      "isReady",
+      "isPreview",
+      "isLocaleDomain",
+      "domainLocales"
+    ], C = [
+      "routeChangeStart",
+      "beforeHistoryChange",
+      "routeChangeComplete",
+      "routeChangeError",
+      "hashChangeStart",
+      "hashChangeComplete"
+    ], h = [
+      "push",
+      "replace",
+      "reload",
+      "back",
+      "prefetch",
+      "beforePopState"
+    ];
+    Object.defineProperty(n, "events", {
+      get() {
+        return i.default.events;
+      }
     });
-    if (u)
-      return () => {
-        for (let t = 0; t < c.length; t++) {
-          const e = c[t];
-          typeof e == "function" ? e() : i(n[t], null);
+    function m() {
+      if (!n.router) {
+        const e = `No router instance found.
+You should only use "next/router" on the client side of your app.
+`;
+        throw new Error(e);
+      }
+      return n.router;
+    }
+    d.forEach((e) => {
+      Object.defineProperty(n, e, {
+        get() {
+          return m()[e];
         }
+      });
+    }), h.forEach((e) => {
+      n[e] = function() {
+        for (var o = arguments.length, t = new Array(o), r = 0; r < o; r++)
+          t[r] = arguments[r];
+        return m()[e](...t);
       };
-  };
+    }), C.forEach((e) => {
+      n.ready(() => {
+        i.default.events.on(e, function() {
+          for (var o = arguments.length, t = new Array(o), r = 0; r < o; r++)
+            t[r] = arguments[r];
+          const s = "on" + e.charAt(0).toUpperCase() + e.substring(1), c = n;
+          if (c[s])
+            try {
+              c[s](...t);
+            } catch (a) {
+              console.error("Error when running the Router event: " + s), console.error((0, y.default)(a) ? a.message + `
+` + a.stack : a + "");
+            }
+        });
+      });
+    });
+    const v = n;
+    function q() {
+      const e = R.default.useContext(b.RouterContext);
+      if (!e)
+        throw new Error("NextRouter was not mounted. https://nextjs.org/docs/messages/next-router-not-mounted");
+      return e;
+    }
+    function P() {
+      for (var e = arguments.length, o = new Array(e), t = 0; t < e; t++)
+        o[t] = arguments[t];
+      return n.router = new i.default(...o), n.readyCallbacks.forEach((r) => r()), n.readyCallbacks = [], n.router;
+    }
+    function E(e) {
+      const o = e, t = {};
+      for (const r of d) {
+        if (typeof o[r] == "object") {
+          t[r] = Object.assign(Array.isArray(o[r]) ? [] : {}, o[r]);
+          continue;
+        }
+        t[r] = o[r];
+      }
+      return t.events = i.default.events, h.forEach((r) => {
+        t[r] = function() {
+          for (var s = arguments.length, c = new Array(s), a = 0; a < s; a++)
+            c[a] = arguments[a];
+          return o[r](...c);
+        };
+      }), t;
+    }
+    (typeof u.default == "function" || typeof u.default == "object" && u.default !== null) && typeof u.default.__esModule > "u" && (Object.defineProperty(u.default, "__esModule", { value: !0 }), Object.assign(u.default, u), g.exports = u.default);
+  }(l, l.exports), l.exports);
 }
 export {
-  f as composeRefs
+  W as __require
 };

package/dist/index85.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { getDefaultExportFromCjs as d } from "./index79.mjs";
-import { __module as v } from "./index111.mjs";
+import { __module as v } from "./index94.mjs";
 v.exports = function(n) {
   return g(m(n), n);
 };

package/dist/index89.mjs

@@ -1,41 +1,41 @@
 'use client';
-import { __exports as ge } from "./index114.mjs";
+import { __exports as ge } from "./index112.mjs";
 import "./index88.mjs";
-import { __require as $e } from "./index115.mjs";
-import { __require as Ze } from "./index116.mjs";
-import { __require as et } from "./index117.mjs";
-import { __require as tt } from "./index118.mjs";
+import { __require as $e } from "./index113.mjs";
+import { __require as Ze } from "./index114.mjs";
+import { __require as et } from "./index115.mjs";
+import { __require as tt } from "./index116.mjs";
 import { __require as rt } from "./index91.mjs";
-import { __require as at } from "./index119.mjs";
-import { __require as st } from "./index120.mjs";
-import { __require as it } from "./index121.mjs";
-import { __require as ot } from "./index122.mjs";
-import { __require as nt } from "./index123.mjs";
-import { __require as lt } from "./index124.mjs";
-import { __require as ct } from "./index125.mjs";
-import { __require as ht } from "./index126.mjs";
-import { __require as ut } from "./index127.mjs";
-import { __require as dt } from "./index128.mjs";
-import { __require as ft } from "./index129.mjs";
-import { __require as pt } from "./index130.mjs";
-import { __require as mt } from "./index131.mjs";
-import { __require as _t } from "./index132.mjs";
-import { __require as gt } from "./index133.mjs";
-import { __require as vt } from "./index134.mjs";
-import { __require as wt } from "./index135.mjs";
-import { __require as Pt } from "./index136.mjs";
-import { __require as Rt } from "./index137.mjs";
-import { __require as St } from "./index138.mjs";
-import { __require as Et } from "./index139.mjs";
-import { __require as yt } from "./index140.mjs";
-import { __require as Nt } from "./index141.mjs";
-import { __require as Lt } from "./index142.mjs";
-import { __require as Tt } from "./index143.mjs";
-import { __require as At } from "./index144.mjs";
-import { __require as qt } from "./index145.mjs";
-import { __require as Ct } from "./index146.mjs";
-import { __require as It } from "./index147.mjs";
-import { __require as Dt } from "./index148.mjs";
+import { __require as at } from "./index117.mjs";
+import { __require as st } from "./index118.mjs";
+import { __require as it } from "./index119.mjs";
+import { __require as ot } from "./index120.mjs";
+import { __require as nt } from "./index121.mjs";
+import { __require as lt } from "./index122.mjs";
+import { __require as ct } from "./index123.mjs";
+import { __require as ht } from "./index124.mjs";
+import { __require as ut } from "./index125.mjs";
+import { __require as dt } from "./index126.mjs";
+import { __require as ft } from "./index127.mjs";
+import { __require as pt } from "./index128.mjs";
+import { __require as mt } from "./index129.mjs";
+import { __require as _t } from "./index130.mjs";
+import { __require as gt } from "./index131.mjs";
+import { __require as vt } from "./index132.mjs";
+import { __require as wt } from "./index133.mjs";
+import { __require as Pt } from "./index134.mjs";
+import { __require as Rt } from "./index135.mjs";
+import { __require as St } from "./index136.mjs";
+import { __require as Et } from "./index137.mjs";
+import { __require as yt } from "./index138.mjs";
+import { __require as Nt } from "./index139.mjs";
+import { __require as Lt } from "./index140.mjs";
+import { __require as Tt } from "./index141.mjs";
+import { __require as At } from "./index142.mjs";
+import { __require as qt } from "./index143.mjs";
+import { __require as Ct } from "./index144.mjs";
+import { __require as It } from "./index145.mjs";
+import { __require as Dt } from "./index146.mjs";
 import { __exports as bt } from "./index93.mjs";
 var Ue;
 function wr() {

package/dist/index9.mjs

@@ -1,113 +1,254 @@
 'use client';
-import { jsxs as l, jsx as a, Fragment as u } from "react/jsx-runtime";
-import { useState as f } from "react";
-import { Card as P, CardContent as S, CardFooter as j } from "./index25.mjs";
-import { Button as I } from "./index24.mjs";
-import { Badge as h } from "./index26.mjs";
-import { Package as O, ShoppingCart as q } from "lucide-react";
-import { cn as p, formatCurrency as g } from "./index30.mjs";
-function D({
-  product: r,
-  onAddToCart: o,
-  showStock: b = !0,
-  className: x,
-  imageClassName: N,
-  disableAddToCart: v = !1,
-  isAddingToCart: n = !1,
-  onClick: i
+import { jsx as e, jsxs as t, Fragment as g } from "react/jsx-runtime";
+import { useState as m } from "react";
+import "./index31.mjs";
+import "@tanstack/react-query";
+import { useGetOrder as q, useConfirmDelivery as z, useUpdateDeliveryAddress as Z } from "./index46.mjs";
+import { Card as l, CardHeader as C, CardTitle as w, CardContent as c } from "./index25.mjs";
+import { Button as x } from "./index24.mjs";
+import { Badge as G } from "./index26.mjs";
+import { Loader2 as P, XCircle as K, Package as Q, CheckCircle as X, Pencil as I } from "lucide-react";
+import { cn as i, formatCurrency as d } from "./index30.mjs";
+const H = "2348125648668", A = "0" + H.slice(3), J = `${A.slice(0, 4)} ${A.slice(4, 7)} ${A.slice(7)}`, V = `https://wa.me/${H}`;
+function de({
+  orderId: N,
+  token: v,
+  className: b,
+  headerClassName: L,
+  buttonClassName: j,
+  cardClassName: a,
+  whatsappHelpLink: W = V,
+  whatsappHelpNumber: F = J
 }) {
-  var d;
-  const [c, y] = f(
-    ((d = r.variants[0]) == null ? void 0 : d.id) || ""
-  ), [m, k] = f(1), t = r.variants.find((e) => e.id === c), C = r.variants.length > 1, s = t ? t.stock === void 0 || t.stock > 0 : !1, w = (e) => {
-    e.stopPropagation(), t && o && o(t.id, m);
+  var _;
+  const [h, E] = m(!1), [u, y] = m(!1), [S, D] = m(""), [U, T] = m(""), [k, M] = m(""), { data: s, isLoading: $, error: B } = q(N, v, {
+    retry: !1
+  }), p = z({
+    onSuccess: () => {
+      E(!0);
+    }
+  }), o = Z({
+    onSuccess: () => {
+      E(!0), y(!1);
+    }
+  }), O = () => {
+    s && !("error" in s) && (D(s.address), T(s.city), M(s.phone), y(!0));
+  }, R = () => {
+    o.mutate({
+      orderId: N,
+      token: v,
+      address: S,
+      city: U,
+      phone: k
+    });
   };
-  return /* @__PURE__ */ l(
-    P,
-    {
-      className: p(
-        "group overflow-hidden transition-all hover:shadow-lg",
-        i && "cursor-pointer",
-        x
-      ),
-      onClick: i,
-      children: [
-        /* @__PURE__ */ l("div", { className: "relative aspect-square overflow-hidden bg-gray-100", children: [
-          r.thumbnailUrl ? /* @__PURE__ */ a(
-            "img",
+  if ($)
+    return /* @__PURE__ */ e("div", { className: i("min-h-screen flex items-center justify-center", b), children: /* @__PURE__ */ t("div", { className: "text-center", children: [
+      /* @__PURE__ */ e(P, { 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 (B || !s || "error" in s)
+    return /* @__PURE__ */ e("div", { className: i("min-h-screen flex items-center justify-center p-4", b), children: /* @__PURE__ */ t(l, { className: i("max-w-md w-full", a), children: [
+      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ e(K, { className: "h-6 w-6 text-red-500" }),
+        /* @__PURE__ */ e(w, { children: "Order Not Found" })
+      ] }) }),
+      /* @__PURE__ */ e(c, { 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 r = s, f = !!r.deliveryConfirmedAt;
+  return /* @__PURE__ */ e("div", { className: i("min-h-screen py-8 px-4", b), children: /* @__PURE__ */ t("div", { className: "max-w-3xl mx-auto space-y-6", children: [
+    /* @__PURE__ */ t("div", { className: i("text-center", L), children: [
+      r.brand.logoUrl ? /* @__PURE__ */ e("div", { className: "inline-flex items-center justify-center w-24 h-16 mb-4", children: /* @__PURE__ */ e(
+        "img",
+        {
+          src: r.brand.logoUrl,
+          alt: `${r.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(Q, { className: "h-8 w-8 text-blue-600" }) }),
+      /* @__PURE__ */ t("h1", { className: "text-3xl font-bold", children: [
+        "Order #",
+        r.orderNumber
+      ] }),
+      /* @__PURE__ */ e("p", { className: "text-muted-foreground mt-2", children: r.brand.name })
+    ] }),
+    (h || f) && /* @__PURE__ */ e(l, { className: i("border-green-200 bg-green-50", a), children: /* @__PURE__ */ e(c, { className: "pt-6", children: /* @__PURE__ */ t("div", { className: "flex items-start space-x-3", children: [
+      /* @__PURE__ */ e(X, { className: "h-6 w-6 text-green-600 mt-0.5" }),
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e("h3", { className: "font-semibold text-green-900", children: "Delivery Confirmed!" }),
+        /* @__PURE__ */ e("p", { className: "text-green-700 mt-1", children: "Thank you for confirming your delivery details. We'll ship your order shortly." })
+      ] })
+    ] }) }) }),
+    !h && !f && r.canConfirmDelivery && !u && /* @__PURE__ */ e(l, { className: i(a), children: /* @__PURE__ */ e(c, { className: "pt-6", children: /* @__PURE__ */ e("p", { children: r.confirmationMessage }) }) }),
+    /* @__PURE__ */ t(l, { className: a, children: [
+      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ e(w, { children: "Delivery Address" }),
+        r.canUpdateAddress && !h && !f && !u && /* @__PURE__ */ t(x, { size: "sm", className: "bg-blue-600 hover:bg-blue-700 text-white", onClick: O, children: [
+          /* @__PURE__ */ e(I, { className: "h-4 w-4 mr-1" }),
+          "Edit"
+        ] })
+      ] }) }),
+      /* @__PURE__ */ e(c, { className: "space-y-3", children: u ? /* @__PURE__ */ t("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("label", { className: "text-sm font-medium opacity-70", children: "Address" }),
+          /* @__PURE__ */ e(
+            "input",
             {
-              src: r.thumbnailUrl,
-              alt: r.name,
-              className: p(
-                "h-full w-full object-cover transition-transform group-hover:scale-105",
-                N
-              )
+              type: "text",
+              value: S,
+              onChange: (n) => D(n.target.value),
+              className: "mt-1 w-full rounded-md border border-input px-3 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500"
             }
-          ) : /* @__PURE__ */ a("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ a(O, { className: "h-16 w-16 text-gray-400" }) }),
-          !s && /* @__PURE__ */ a(h, { className: "absolute right-2 top-2 bg-red-600", children: "Out of Stock" }),
-          b && s && (t == null ? void 0 : t.stock) !== void 0 && t.stock < 10 && /* @__PURE__ */ l(h, { className: "absolute right-2 top-2 bg-orange-600", children: [
-            "Only ",
-            t.stock,
-            " left"
-          ] })
+          )
         ] }),
-        /* @__PURE__ */ l(S, { className: "p-4", children: [
-          /* @__PURE__ */ a("h3", { className: "mb-1 font-semibold line-clamp-2", children: r.name }),
-          r.description && /* @__PURE__ */ a("p", { className: "mb-2 text-sm text-gray-600 line-clamp-2", children: r.description }),
-          C && /* @__PURE__ */ l("div", { className: "mb-3", children: [
-            /* @__PURE__ */ a("label", { className: "mb-1 block text-xs font-medium text-gray-700", children: "Select Option" }),
-            /* @__PURE__ */ a(
-              "select",
-              {
-                value: c,
-                onChange: (e) => {
-                  e.stopPropagation(), y(e.target.value);
-                },
-                className: "w-full rounded-md border border-gray-300 px-2 py-1 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",
-                onClick: (e) => e.stopPropagation(),
-                children: r.variants.map((e) => /* @__PURE__ */ l("option", { value: e.id, children: [
-                  e.name,
-                  " - ",
-                  g(e.price)
-                ] }, e.id))
-              }
-            )
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("label", { className: "text-sm font-medium opacity-70", children: "City" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: U,
+              onChange: (n) => T(n.target.value),
+              className: "mt-1 w-full rounded-md border border-input px-3 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("label", { className: "text-sm font-medium opacity-70", children: "Phone" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: k,
+              onChange: (n) => M(n.target.value),
+              className: "mt-1 w-full rounded-md border border-input px-3 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e(
+            x,
+            {
+              onClick: R,
+              disabled: o.isPending,
+              className: i("flex-1 bg-green-600 hover:bg-green-700 text-white", j),
+              children: o.isPending ? /* @__PURE__ */ t(g, { children: [
+                /* @__PURE__ */ e(P, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Saving..."
+              ] }) : "Save & Confirm"
+            }
+          ),
+          /* @__PURE__ */ e(
+            x,
+            {
+              variant: "outline",
+              onClick: () => y(!1),
+              disabled: o.isPending,
+              children: "Cancel"
+            }
+          )
+        ] }),
+        o.isError && /* @__PURE__ */ e("p", { className: "text-red-600 text-sm text-center", children: "Failed to update address. Please try again." })
+      ] }) : /* @__PURE__ */ t(g, { children: [
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: "Customer" }),
+          /* @__PURE__ */ t("p", { className: "font-medium", children: [
+            r.firstName,
+            " ",
+            r.lastName
+          ] }),
+          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: r.phone })
+        ] }),
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: "Address" }),
+          /* @__PURE__ */ e("p", { className: "font-medium", children: r.address }),
+          /* @__PURE__ */ t("p", { className: "text-sm opacity-70", children: [
+            r.city,
+            ", ",
+            r.deliveryZone.state.name
           ] }),
-          /* @__PURE__ */ a("div", { className: "mb-3 text-2xl font-bold text-blue-600", children: t && g(t.price) }),
-          /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ a("label", { className: "text-xs font-medium text-gray-700", children: "Qty:" }),
-            /* @__PURE__ */ a(
-              "input",
+          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: r.deliveryZone.name })
+        ] })
+      ] }) })
+    ] }),
+    r.canConfirmDelivery && !h && !f && !u && /* @__PURE__ */ e(l, { className: a, children: /* @__PURE__ */ t(c, { className: "pt-6", children: [
+      /* @__PURE__ */ e(
+        x,
+        {
+          onClick: () => p.mutate({ orderId: N, token: v }),
+          disabled: p.isPending,
+          className: i("w-full bg-green-600 hover:bg-green-700 text-white", j),
+          size: "lg",
+          children: p.isPending ? /* @__PURE__ */ t(g, { children: [
+            /* @__PURE__ */ e(P, { className: "mr-2 h-5 w-5 animate-spin" }),
+            "Confirming..."
+          ] }) : "Confirm & Ship"
+        }
+      ),
+      p.isError && /* @__PURE__ */ e("p", { className: "text-red-600 text-sm mt-2 text-center", children: "Failed to confirm delivery. Please try again or contact support." })
+    ] }) }),
+    /* @__PURE__ */ t(l, { className: a, children: [
+      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(w, { children: "Items" }) }),
+      /* @__PURE__ */ t(c, { children: [
+        /* @__PURE__ */ e("div", { className: "space-y-4", children: (_ = r.items) == null ? void 0 : _.map((n) => /* @__PURE__ */ t("div", { className: "flex items-start justify-between border-b pb-4 last:border-0", children: [
+          /* @__PURE__ */ t("div", { className: "flex items-start space-x-4 flex-1", children: [
+            (n.variant.thumbnailUrl || n.variant.product.thumbnailUrl) && /* @__PURE__ */ e(
+              "img",
               {
-                type: "number",
-                min: "1",
-                max: (t == null ? void 0 : t.stock) || 999,
-                value: m,
-                onChange: (e) => {
-                  e.stopPropagation(), k(Math.max(1, parseInt(e.target.value) || 1));
-                },
-                onClick: (e) => e.stopPropagation(),
-                className: "w-20 rounded-md border border-gray-300 px-2 py-1 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500"
+                src: n.variant.thumbnailUrl || n.variant.product.thumbnailUrl || void 0,
+                alt: n.variant.product.name,
+                className: "w-16 h-16 object-cover rounded"
               }
-            )
+            ),
+            /* @__PURE__ */ t("div", { className: "flex-1", children: [
+              /* @__PURE__ */ e("p", { className: "font-medium", children: n.variant.product.name }),
+              n.variant.name && /* @__PURE__ */ e(G, { variant: "outline", className: "mt-1", children: n.variant.name }),
+              /* @__PURE__ */ t("p", { className: "text-sm opacity-70 mt-1", children: [
+                "Quantity: ",
+                n.quantity
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "text-right", children: [
+            /* @__PURE__ */ e("p", { className: "font-medium", children: d(n.priceAtPurchase * n.quantity) }),
+            /* @__PURE__ */ t("p", { className: "text-sm opacity-70", children: [
+              d(n.priceAtPurchase),
+              " each"
+            ] })
           ] })
-        ] }),
-        /* @__PURE__ */ a(j, { className: "p-4 pt-0", children: /* @__PURE__ */ a(
-          I,
-          {
-            onClick: w,
-            disabled: v || !s || n,
-            className: "w-full",
-            children: n ? /* @__PURE__ */ a(u, { children: "Adding..." }) : /* @__PURE__ */ l(u, { children: [
-              /* @__PURE__ */ a(q, { className: "mr-2 h-4 w-4" }),
-              "Add to Cart"
+        ] }, n.id)) }),
+        /* @__PURE__ */ t("div", { className: "mt-6 border-t pt-4 space-y-2", children: [
+          /* @__PURE__ */ t("div", { className: "flex justify-between text-sm", children: [
+            /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: "Subtotal" }),
+            /* @__PURE__ */ e("span", { className: "font-medium", children: d(r.subtotal) })
+          ] }),
+          r.discountAmount && r.discountAmount > 0 && /* @__PURE__ */ t("div", { className: "flex justify-between text-sm text-green-600", children: [
+            /* @__PURE__ */ e("span", { children: "Discount" }),
+            /* @__PURE__ */ t("span", { children: [
+              "-",
+              d(r.discountAmount)
             ] })
-          }
-        ) })
-      ]
-    }
-  );
+          ] }),
+          /* @__PURE__ */ t("div", { className: "flex justify-between text-sm", children: [
+            /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: "Delivery Charge" }),
+            /* @__PURE__ */ e("span", { className: "font-medium", children: d(r.deliveryCharge) })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "flex justify-between text-lg font-bold border-t pt-2", children: [
+            /* @__PURE__ */ e("span", { children: "Total" }),
+            /* @__PURE__ */ e("span", { children: d(r.totalPrice) })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(l, { className: a, children: /* @__PURE__ */ e(c, { className: "pt-6", children: /* @__PURE__ */ t("p", { className: "text-sm opacity-70 text-center", children: [
+      "Need help with your order? Call us on ",
+      F,
+      " or contact us on",
+      " ",
+      /* @__PURE__ */ e("a", { href: W, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline", children: "WhatsApp" })
+    ] }) }) })
+  ] }) });
 }
 export {
-  D as ProductCard
+  de as DeliveryConfirmation
 };

package/dist/index90.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as e } from "./index149.mjs";
+import { __exports as e } from "./index147.mjs";
 import "./index88.mjs";
 import u from "react";
 import { __exports as n } from "./index93.mjs";

package/dist/index91.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __exports as o } from "./index150.mjs";
-import { __require as p } from "./index151.mjs";
+import { __exports as o } from "./index148.mjs";
+import { __require as p } from "./index149.mjs";
 var u;
 function m() {
   return u ? o : (u = 1, function(i) {