@instockng/storefront-ui 1.0.106 → 1.0.108

package/dist/index89.mjs

@@ -1,32 +1,238 @@
 'use client';
-import u from "./index84.mjs";
-function f(e) {
-  return u.matchAll(/\w+|\[(\w*)]/g, e).map((o) => o[0] === "[]" ? "" : o[1] || o[0]);
+import R from "./index90.mjs";
+const { toString: T } = Object.prototype, { getPrototypeOf: A } = Object, { iterator: g, toStringTag: S } = Symbol, F = /* @__PURE__ */ ((e) => (t) => {
+  const n = T.call(t);
+  return e[n] || (e[n] = n.slice(8, -1).toLowerCase());
+})(/* @__PURE__ */ Object.create(null)), f = (e) => (e = e.toLowerCase(), (t) => F(t) === e), O = (e) => (t) => typeof t === e, { isArray: p } = Array, a = O("undefined");
+function d(e) {
+  return e !== null && !a(e) && e.constructor !== null && !a(e.constructor) && c(e.constructor.isBuffer) && e.constructor.isBuffer(e);
 }
-function y(e) {
-  const o = {}, r = Object.keys(e);
-  let i;
-  const n = r.length;
-  let c;
-  for (i = 0; i < n; i++)
-    c = r[i], o[c] = e[c];
-  return o;
+const B = f("ArrayBuffer");
+function M(e) {
+  let t;
+  return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && B(e.buffer), t;
 }
-function m(e) {
-  function o(r, i, n, c) {
-    let s = r[c++];
-    if (s === "__proto__") return !0;
-    const t = Number.isFinite(+s), l = c >= r.length;
-    return s = !s && u.isArray(n) ? n.length : s, l ? (u.hasOwnProp(n, s) ? n[s] = [n[s], i] : n[s] = i, !t) : ((!n[s] || !u.isObject(n[s])) && (n[s] = []), o(r, i, n[s], c) && u.isArray(n[s]) && (n[s] = y(n[s])), !t);
+const k = O("string"), c = O("function"), E = O("number"), y = (e) => e !== null && typeof e == "object", N = (e) => e === !0 || e === !1, w = (e) => {
+  if (F(e) !== "object")
+    return !1;
+  const t = A(e);
+  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(S in e) && !(g in e);
+}, U = (e) => {
+  if (!y(e) || d(e))
+    return !1;
+  try {
+    return Object.keys(e).length === 0 && Object.getPrototypeOf(e) === Object.prototype;
+  } catch {
+    return !1;
   }
-  if (u.isFormData(e) && u.isFunction(e.entries)) {
-    const r = {};
-    return u.forEachEntry(e, (i, n) => {
-      o(f(i), n, r, 0);
-    }), r;
+}, I = f("Date"), V = f("File"), _ = f("Blob"), q = f("FileList"), H = (e) => y(e) && c(e.pipe), z = (e) => {
+  let t;
+  return e && (typeof FormData == "function" && e instanceof FormData || c(e.append) && ((t = F(e)) === "formdata" || // detect form-data instance
+  t === "object" && c(e.toString) && e.toString() === "[object FormData]"));
+}, J = f("URLSearchParams"), [K, $, W, G] = ["ReadableStream", "Request", "Response", "Headers"].map(f), Q = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
+function m(e, t, { allOwnKeys: n = !1 } = {}) {
+  if (e === null || typeof e > "u")
+    return;
+  let r, s;
+  if (typeof e != "object" && (e = [e]), p(e))
+    for (r = 0, s = e.length; r < s; r++)
+      t.call(null, e[r], r, e);
+  else {
+    if (d(e))
+      return;
+    const o = n ? Object.getOwnPropertyNames(e) : Object.keys(e), i = o.length;
+    let l;
+    for (r = 0; r < i; r++)
+      l = o[r], t.call(null, e[l], l, e);
   }
+}
+function P(e, t) {
+  if (d(e))
+    return null;
+  t = t.toLowerCase();
+  const n = Object.keys(e);
+  let r = n.length, s;
+  for (; r-- > 0; )
+    if (s = n[r], t === s.toLowerCase())
+      return s;
   return null;
 }
+const u = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, L = (e) => !a(e) && e !== u;
+function h() {
+  const { caseless: e, skipUndefined: t } = L(this) && this || {}, n = {}, r = (s, o) => {
+    const i = e && P(n, o) || o;
+    w(n[i]) && w(s) ? n[i] = h(n[i], s) : w(s) ? n[i] = h({}, s) : p(s) ? n[i] = s.slice() : (!t || !a(s)) && (n[i] = s);
+  };
+  for (let s = 0, o = arguments.length; s < o; s++)
+    arguments[s] && m(arguments[s], r);
+  return n;
+}
+const X = (e, t, n, { allOwnKeys: r } = {}) => (m(t, (s, o) => {
+  n && c(s) ? e[o] = R(s, n) : e[o] = s;
+}, { allOwnKeys: r }), e), Y = (e) => (e.charCodeAt(0) === 65279 && (e = e.slice(1)), e), Z = (e, t, n, r) => {
+  e.prototype = Object.create(t.prototype, r), e.prototype.constructor = e, Object.defineProperty(e, "super", {
+    value: t.prototype
+  }), n && Object.assign(e.prototype, n);
+}, j = (e, t, n, r) => {
+  let s, o, i;
+  const l = {};
+  if (t = t || {}, e == null) return t;
+  do {
+    for (s = Object.getOwnPropertyNames(e), o = s.length; o-- > 0; )
+      i = s[o], (!r || r(i, e, t)) && !l[i] && (t[i] = e[i], l[i] = !0);
+    e = n !== !1 && A(e);
+  } while (e && (!n || n(e, t)) && e !== Object.prototype);
+  return t;
+}, v = (e, t, n) => {
+  e = String(e), (n === void 0 || n > e.length) && (n = e.length), n -= t.length;
+  const r = e.indexOf(t, n);
+  return r !== -1 && r === n;
+}, ee = (e) => {
+  if (!e) return null;
+  if (p(e)) return e;
+  let t = e.length;
+  if (!E(t)) return null;
+  const n = new Array(t);
+  for (; t-- > 0; )
+    n[t] = e[t];
+  return n;
+}, te = /* @__PURE__ */ ((e) => (t) => e && t instanceof e)(typeof Uint8Array < "u" && A(Uint8Array)), ne = (e, t) => {
+  const r = (e && e[g]).call(e);
+  let s;
+  for (; (s = r.next()) && !s.done; ) {
+    const o = s.value;
+    t.call(e, o[0], o[1]);
+  }
+}, re = (e, t) => {
+  let n;
+  const r = [];
+  for (; (n = e.exec(t)) !== null; )
+    r.push(n);
+  return r;
+}, se = f("HTMLFormElement"), oe = (e) => e.toLowerCase().replace(
+  /[-_\s]([a-z\d])(\w*)/g,
+  function(n, r, s) {
+    return r.toUpperCase() + s;
+  }
+), x = (({ hasOwnProperty: e }) => (t, n) => e.call(t, n))(Object.prototype), ie = f("RegExp"), C = (e, t) => {
+  const n = Object.getOwnPropertyDescriptors(e), r = {};
+  m(n, (s, o) => {
+    let i;
+    (i = t(s, o, e)) !== !1 && (r[o] = i || s);
+  }), Object.defineProperties(e, r);
+}, ce = (e) => {
+  C(e, (t, n) => {
+    if (c(e) && ["arguments", "caller", "callee"].indexOf(n) !== -1)
+      return !1;
+    const r = e[n];
+    if (c(r)) {
+      if (t.enumerable = !1, "writable" in t) {
+        t.writable = !1;
+        return;
+      }
+      t.set || (t.set = () => {
+        throw Error("Can not rewrite read-only method '" + n + "'");
+      });
+    }
+  });
+}, fe = (e, t) => {
+  const n = {}, r = (s) => {
+    s.forEach((o) => {
+      n[o] = !0;
+    });
+  };
+  return p(e) ? r(e) : r(String(e).split(t)), n;
+}, le = () => {
+}, ue = (e, t) => e != null && Number.isFinite(e = +e) ? e : t;
+function ae(e) {
+  return !!(e && c(e.append) && e[S] === "FormData" && e[g]);
+}
+const pe = (e) => {
+  const t = new Array(10), n = (r, s) => {
+    if (y(r)) {
+      if (t.indexOf(r) >= 0)
+        return;
+      if (d(r))
+        return r;
+      if (!("toJSON" in r)) {
+        t[s] = r;
+        const o = p(r) ? [] : {};
+        return m(r, (i, l) => {
+          const b = n(i, s + 1);
+          !a(b) && (o[l] = b);
+        }), t[s] = void 0, o;
+      }
+    }
+    return r;
+  };
+  return n(e, 0);
+}, de = f("AsyncFunction"), ye = (e) => e && (y(e) || c(e)) && c(e.then) && c(e.catch), D = ((e, t) => e ? setImmediate : t ? ((n, r) => (u.addEventListener("message", ({ source: s, data: o }) => {
+  s === u && o === n && r.length && r.shift()();
+}, !1), (s) => {
+  r.push(s), u.postMessage(n, "*");
+}))(`axios@${Math.random()}`, []) : (n) => setTimeout(n))(
+  typeof setImmediate == "function",
+  c(u.postMessage)
+), me = typeof queueMicrotask < "u" ? queueMicrotask.bind(u) : typeof process < "u" && process.nextTick || D, we = (e) => e != null && c(e[g]), Fe = {
+  isArray: p,
+  isArrayBuffer: B,
+  isBuffer: d,
+  isFormData: z,
+  isArrayBufferView: M,
+  isString: k,
+  isNumber: E,
+  isBoolean: N,
+  isObject: y,
+  isPlainObject: w,
+  isEmptyObject: U,
+  isReadableStream: K,
+  isRequest: $,
+  isResponse: W,
+  isHeaders: G,
+  isUndefined: a,
+  isDate: I,
+  isFile: V,
+  isBlob: _,
+  isRegExp: ie,
+  isFunction: c,
+  isStream: H,
+  isURLSearchParams: J,
+  isTypedArray: te,
+  isFileList: q,
+  forEach: m,
+  merge: h,
+  extend: X,
+  trim: Q,
+  stripBOM: Y,
+  inherits: Z,
+  toFlatObject: j,
+  kindOf: F,
+  kindOfTest: f,
+  endsWith: v,
+  toArray: ee,
+  forEachEntry: ne,
+  matchAll: re,
+  isHTMLForm: se,
+  hasOwnProperty: x,
+  hasOwnProp: x,
+  // an alias to avoid ESLint no-prototype-builtins detection
+  reduceDescriptors: C,
+  freezeMethods: ce,
+  toObjectSet: fe,
+  toCamelCase: oe,
+  noop: le,
+  toFiniteNumber: ue,
+  findKey: P,
+  global: u,
+  isContextDefined: L,
+  isSpecCompliantForm: ae,
+  toJSONObject: pe,
+  isAsyncFn: de,
+  isThenable: ye,
+  setImmediate: D,
+  asap: me,
+  isIterable: we
+};
 export {
-  m as default
+  Fe as default
 };

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 "./index22.mjs";
-import { Button as I } from "./index21.mjs";
-import { Badge as h } from "./index23.mjs";
-import { Package as O, ShoppingCart as q } from "lucide-react";
-import { cn as p, formatCurrency as g } from "./index27.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,12 +1,9 @@
 'use client';
-import r from "./index95.mjs";
-import i from "./index84.mjs";
-function l(o, t, e) {
-  r.call(this, o ?? "canceled", r.ERR_CANCELED, t, e), this.name = "CanceledError";
+function u(n, r) {
+  return function() {
+    return n.apply(r, arguments);
+  };
 }
-i.inherits(l, r, {
-  __CANCEL__: !0
-});
 export {
-  l as default
+  u as default
 };