@instockng/storefront-ui 1.0.31 → 1.0.33

package/dist/index6.mjs

@@ -1,200 +1,20 @@
 'use client';
-import { jsx as e, jsxs as r, Fragment as T } from "react/jsx-runtime";
-import { useState as E } from "react";
-import "./index20.mjs";
-import "@tanstack/react-query";
-import { useGetOrder as U, useConfirmOrder as M } from "./index33.mjs";
-import { Card as s, CardHeader as m, CardTitle as o, CardContent as i } from "./index14.mjs";
-import { Button as S } from "./index13.mjs";
-import { Badge as y } from "./index15.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 "./index19.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}`;
-function X({
-  orderId: N,
-  token: f,
-  className: h,
-  headerClassName: w,
-  buttonClassName: P,
-  cardClassName: n,
-  whatsappHelpLink: A = $,
-  whatsappHelpNumber: C = W
-}) {
-  var g;
-  const [p, j] = E(!1), { data: u, isLoading: D, error: O } = U(N, f, {
-    retry: !1
-  }), d = M({
-    onSuccess: (t) => {
-      j(!0);
-    },
-    onError: (t) => {
+import { useEffect as o } from "react";
+import { useMetaPixel as a } from "./index4.mjs";
+function i() {
+  const { trackPageView: t } = a();
+  o(() => {
+    if (t(), typeof window < "u") {
+      const n = () => {
+        t();
+      };
+      import("./index40.mjs").then((e) => e.r).then((e) => (e.default.events.on("routeChangeComplete", n), () => {
+        e.default.events.off("routeChangeComplete", n);
+      })).catch(() => {
+      });
     }
-  });
-  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..." })
-    ] }) });
-  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: [
-      /* @__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." }) })
-    ] }) });
-  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(
-        "img",
-        {
-          src: a.brand.logoUrl,
-          alt: `${a.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: [
-        "Order #",
-        a.orderNumber
-      ] }),
-      /* @__PURE__ */ e("p", { className: "text-gray-600 mt-2", children: a.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: [
-      /* @__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: [
-      /* @__PURE__ */ e(
-        S,
-        {
-          onClick: () => d.mutate({ orderId: N, token: f }),
-          disabled: d.isPending,
-          className: l("w-full", P),
-          size: "lg",
-          children: d.isPending ? /* @__PURE__ */ r(T, { children: [
-            /* @__PURE__ */ e(v, { className: "mr-2 h-5 w-5 animate-spin" }),
-            "Confirming..."
-          ] }) : "Confirm Order"
-        }
-      ),
-      d.isError && /* @__PURE__ */ e("p", { className: "text-red-600 text-sm mt-2 text-center", children: "Failed to confirm order. Please try again or contact support." })
-    ] }) }),
-    /* @__PURE__ */ r(s, { className: n, children: [
-      /* @__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__ */ 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__ */ 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__ */ 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__ */ r(s, { className: n, children: [
-      /* @__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__ */ r("p", { className: "font-medium", children: [
-            a.firstName,
-            " ",
-            a.lastName
-          ] }),
-          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: a.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,
-            ", ",
-            a.deliveryZone.state.name
-          ] }),
-          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: a.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__ */ r("div", { className: "flex items-start space-x-4 flex-1", children: [
-            (t.variant.thumbnailUrl || t.variant.product.thumbnailUrl) && /* @__PURE__ */ e(
-              "img",
-              {
-                src: t.variant.thumbnailUrl || t.variant.product.thumbnailUrl || void 0,
-                alt: t.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: [
-                "Quantity: ",
-                t.quantity
-              ] }),
-              /* @__PURE__ */ r("p", { className: "text-sm text-gray-600", children: [
-                "SKU: ",
-                t.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),
-              " each"
-            ] })
-          ] })
-        ] }, t.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) })
-          ] }),
-          a.discountAmount && a.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)
-            ] })
-          ] }),
-          /* @__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__ */ 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(s, { className: n, children: /* @__PURE__ */ e(i, { className: "pt-6", children: /* @__PURE__ */ r("p", { className: "text-sm text-gray-600 text-center", children: [
-      "Need help with your order? Call us on ",
-      C,
-      " or contact us on",
-      " ",
-      /* @__PURE__ */ e("a", { href: A, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline", children: "WhatsApp" })
-    ] }) }) })
-  ] }) });
+  }, [t]);
 }
 export {
-  X as OrderConfirmation
+  i as usePageTracking
 };

package/dist/index60.mjs

@@ -1,27 +1,128 @@
 'use client';
-function n(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-function c(e) {
-  if (e.__esModule) return e;
-  var o = e.default;
-  if (typeof o == "function") {
-    var t = function r() {
-      return this instanceof r ? Reflect.construct(o, arguments, this.constructor) : o.apply(this, arguments);
-    };
-    t.prototype = o.prototype;
-  } else t = {};
-  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(r) {
-    var u = Object.getOwnPropertyDescriptor(e, r);
-    Object.defineProperty(t, r, u.get ? u : {
-      enumerable: !0,
-      get: function() {
-        return e[r];
-      }
-    });
-  }), t;
+import { useQueryClient as y, useMutation as w } from "@tanstack/react-query";
+import { useQueryUnwrapped as C } from "./index62.mjs";
+import { createAdminRpcClients as a, authHeaders as d } from "./index24.mjs";
+import { queryKeys as r } from "./index30.mjs";
+import { useApiConfig as l } from "./index22.mjs";
+function F(t, n) {
+  const { baseURL: s, getAuthToken: o } = l();
+  return C({
+    queryKey: r.admin.discountCodes.list(t),
+    queryFn: async () => {
+      const i = await o(), e = await a(s).discountCodes.index.$get({ query: t }, d(i));
+      if (!e.ok)
+        throw new Error(`Failed to fetch discount codes: ${e.statusText}`);
+      return e.json();
+    },
+    ...n
+  });
+}
+function T(t, n) {
+  const { baseURL: s, getAuthToken: o } = l();
+  return C({
+    queryKey: r.admin.discountCodes.detail(t),
+    queryFn: async () => {
+      const i = await o(), e = await a(s).discountCodes[":id"].$get({ param: { id: t } }, d(i));
+      if (!e.ok)
+        throw new Error(`Failed to fetch discount code: ${e.statusText}`);
+      return e.json();
+    },
+    ...n
+  });
+}
+function $(t) {
+  const { baseURL: n, getAuthToken: s } = l(), o = y();
+  return w({
+    mutationFn: async (i) => {
+      const c = await s(), u = await a(n).discountCodes.index.$post({ json: i }, d(c));
+      if (!u.ok)
+        throw new Error(`Failed to create discount code: ${u.statusText}`);
+      return u.json();
+    },
+    onSuccess: () => {
+      o.invalidateQueries({ queryKey: r.admin.discountCodes.all });
+    },
+    ...t
+  });
+}
+function g(t, n) {
+  const { baseURL: s, getAuthToken: o } = l(), i = y();
+  return w({
+    mutationFn: async (c) => {
+      const e = await o(), k = await a(s).discountCodes[":id"].$patch({ json: c, param: { id: t } }, d(e));
+      if (!k.ok)
+        throw new Error(`Failed to update discount code: ${k.statusText}`);
+      return k.json();
+    },
+    onSuccess: () => {
+      i.invalidateQueries({ queryKey: r.admin.discountCodes.detail(t) }), i.invalidateQueries({ queryKey: r.admin.discountCodes.all });
+    },
+    ...n
+  });
+}
+function v(t, n) {
+  const { baseURL: s, getAuthToken: o } = l(), i = y();
+  return w({
+    mutationFn: async () => {
+      const c = await o(), u = await a(s).discountCodes[":id"].$delete({ param: { id: t } }, d(c));
+      if (!u.ok)
+        throw new Error(`Failed to delete discount code: ${u.statusText}`);
+      return u.json();
+    },
+    onSuccess: () => {
+      i.invalidateQueries({ queryKey: r.admin.discountCodes.all });
+    },
+    ...n
+  });
+}
+function j(t, n) {
+  const { baseURL: s, getAuthToken: o } = l();
+  return C({
+    queryKey: r.admin.discountCodes.analytics(t),
+    queryFn: async () => {
+      const i = await o(), e = await a(s).discountCodes[":id"].analytics.$get({ param: { id: t } }, d(i));
+      if (!e.ok)
+        throw new Error(`Failed to fetch discount code analytics: ${e.statusText}`);
+      return e.json();
+    },
+    ...n
+  });
+}
+function x(t) {
+  const { baseURL: n, getAuthToken: s } = l(), o = y();
+  return w({
+    mutationFn: async (i) => {
+      const c = await s(), u = await a(n).discountCodes["bulk-generate"].$post({ json: i }, d(c));
+      if (!u.ok)
+        throw new Error(`Failed to bulk generate discount codes: ${u.statusText}`);
+      return u.json();
+    },
+    onSuccess: () => {
+      o.invalidateQueries({ queryKey: r.admin.discountCodes.all });
+    },
+    ...t
+  });
+}
+function A(t) {
+  const { baseURL: n, getAuthToken: s } = l();
+  return C({
+    queryKey: r.admin.discountCodes.overviewStats(),
+    queryFn: async () => {
+      const o = await s(), c = await a(n).discountCodes.stats.overview.$get({}, d(o));
+      if (!c.ok)
+        throw new Error(`Failed to fetch discount code overview stats: ${c.statusText}`);
+      return c.json();
+    },
+    ...t
+  });
 }
 export {
-  c as getAugmentedNamespace,
-  n as getDefaultExportFromCjs
+  x as useBulkGenerateDiscountCodes,
+  $ as useCreateDiscountCode,
+  v as useDeleteDiscountCode,
+  T as useGetDiscountCode,
+  j as useGetDiscountCodeAnalytics,
+  A as useGetDiscountCodeOverviewStats,
+  F as useListDiscountCodes,
+  g as useUpdateDiscountCode
 };

package/dist/index61.mjs

@@ -1,5 +1,132 @@
 'use client';
-var e = { exports: {} };
+import { useQueryClient as v, useMutation as w } from "@tanstack/react-query";
+import { useQueryUnwrapped as m } from "./index62.mjs";
+import { createAdminRpcClients as l, authHeaders as c } from "./index24.mjs";
+import { queryKeys as a } from "./index30.mjs";
+import { useApiConfig as d } from "./index22.mjs";
+function p(e) {
+  const { baseURL: i, getAuthToken: r } = d();
+  return m({
+    queryKey: a.admin.deliveryZones.states.list(),
+    queryFn: async () => {
+      const s = await r(), o = await l(i).deliveryZones.states.$get({}, c(s));
+      if (!o.ok)
+        throw new Error(`Failed to fetch states: ${o.statusText}`);
+      return o.json();
+    },
+    ...e
+  });
+}
+function F(e) {
+  const { baseURL: i, getAuthToken: r } = d(), s = v();
+  return w({
+    mutationFn: async (t) => {
+      const o = await r(), n = await l(i).deliveryZones.states.$post({ json: t }, c(o));
+      if (!n.ok)
+        throw new Error(`Failed to create state: ${n.statusText}`);
+      return n.json();
+    },
+    onSuccess: () => {
+      s.invalidateQueries({ queryKey: a.admin.deliveryZones.states.all });
+    },
+    ...e
+  });
+}
+function T(e, i) {
+  const { baseURL: r, getAuthToken: s } = d(), t = v();
+  return w({
+    mutationFn: async (o) => {
+      const u = await s(), y = await l(r).deliveryZones.states[":id"].$patch({ json: o, param: { id: e } }, c(u));
+      if (!y.ok)
+        throw new Error(`Failed to update state: ${y.statusText}`);
+      return y.json();
+    },
+    onSuccess: () => {
+      t.invalidateQueries({ queryKey: a.admin.deliveryZones.states.detail(e) }), t.invalidateQueries({ queryKey: a.admin.deliveryZones.states.all });
+    },
+    ...i
+  });
+}
+function $(e, i) {
+  const { baseURL: r, getAuthToken: s } = d(), t = v();
+  return w({
+    mutationFn: async () => {
+      const o = await s(), n = await l(r).deliveryZones.states[":id"].$delete({ param: { id: e } }, c(o));
+      if (!n.ok)
+        throw new Error(`Failed to delete state: ${n.statusText}`);
+      return n.json();
+    },
+    onSuccess: () => {
+      t.invalidateQueries({ queryKey: a.admin.deliveryZones.states.all }), t.invalidateQueries({ queryKey: a.admin.deliveryZones.zones.all });
+    },
+    ...i
+  });
+}
+function z(e, i) {
+  const { baseURL: r, getAuthToken: s } = d();
+  return m({
+    queryKey: a.admin.deliveryZones.zones.list(e),
+    queryFn: async () => {
+      const t = await s(), u = await l(r).deliveryZones.zones.$get({ query: e }, c(t));
+      if (!u.ok)
+        throw new Error(`Failed to fetch delivery zones: ${u.statusText}`);
+      return u.json();
+    },
+    ...i
+  });
+}
+function K(e) {
+  const { baseURL: i, getAuthToken: r } = d(), s = v();
+  return w({
+    mutationFn: async (t) => {
+      const o = await r(), n = await l(i).deliveryZones.zones.$post({ json: t }, c(o));
+      if (!n.ok)
+        throw new Error(`Failed to create delivery zone: ${n.statusText}`);
+      return n.json();
+    },
+    onSuccess: () => {
+      s.invalidateQueries({ queryKey: a.admin.deliveryZones.zones.all }), s.invalidateQueries({ queryKey: a.admin.deliveryZones.states.all });
+    },
+    ...e
+  });
+}
+function j(e, i) {
+  const { baseURL: r, getAuthToken: s } = d(), t = v();
+  return w({
+    mutationFn: async (o) => {
+      const u = await s(), y = await l(r).deliveryZones.zones[":id"].$patch({ json: o, param: { id: e } }, c(u));
+      if (!y.ok)
+        throw new Error(`Failed to update delivery zone: ${y.statusText}`);
+      return y.json();
+    },
+    onSuccess: () => {
+      t.invalidateQueries({ queryKey: a.admin.deliveryZones.zones.detail(e) }), t.invalidateQueries({ queryKey: a.admin.deliveryZones.zones.all });
+    },
+    ...i
+  });
+}
+function Q(e, i) {
+  const { baseURL: r, getAuthToken: s } = d(), t = v();
+  return w({
+    mutationFn: async () => {
+      const o = await s(), n = await l(r).deliveryZones.zones[":id"].$delete({ param: { id: e } }, c(o));
+      if (!n.ok)
+        throw new Error(`Failed to delete delivery zone: ${n.statusText}`);
+      return n.json();
+    },
+    onSuccess: () => {
+      t.invalidateQueries({ queryKey: a.admin.deliveryZones.zones.all });
+    },
+    ...i
+  });
+}
 export {
-  e as __module
+  K as useCreateDeliveryZone,
+  F as useCreateState,
+  Q as useDeleteDeliveryZone,
+  $ as useDeleteState,
+  z as useListDeliveryZones,
+  p as useListStates,
+  j as useUpdateDeliveryZone,
+  T as useUpdateState
 };

package/dist/index62.mjs

@@ -1,26 +1,8 @@
 '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;
-    });
-    if (u)
-      return () => {
-        for (let t = 0; t < c.length; t++) {
-          const e = c[t];
-          typeof e == "function" ? e() : i(n[t], null);
-        }
-      };
-  };
+import { useQuery as e } from "@tanstack/react-query";
+function n(r) {
+  return e(r);
 }
 export {
-  f as composeRefs
+  n as useQueryUnwrapped
 };