@instockng/storefront-ui 1.0.18 → 1.0.19

package/dist/index5.mjs

@@ -1,113 +1,20 @@
 'use client';
-import { jsxs as s, jsx as t, Fragment as u } from "react/jsx-runtime";
-import { useState as f } from "react";
-import { Card as P, CardContent as S, CardFooter as j } from "./index12.mjs";
-import { Button as I } from "./index11.mjs";
-import { Badge as p } from "./index13.mjs";
-import { Package as O, ShoppingCart as q } from "lucide-react";
-import { cn as g, formatCurrency as h } from "./index17.mjs";
-function D({
-  product: r,
-  onAddToCart: o,
-  showStock: b = !0,
-  className: x,
-  imageClassName: N,
-  disableAddToCart: v = !1,
-  isAddingToCart: n = !1,
-  onClick: i
-}) {
-  var d;
-  const [c, y] = f(
-    ((d = r.variants[0]) == null ? void 0 : d.id) || ""
-  ), [m, k] = f(1), a = r.variants.find((e) => e.id === c), C = r.variants.length > 1, l = a ? a.stock === void 0 || a.stock > 0 : !1, w = (e) => {
-    e.stopPropagation(), a && o && o(a.id, m);
-  };
-  return /* @__PURE__ */ s(
-    P,
-    {
-      className: g(
-        "group overflow-hidden transition-all hover:shadow-lg",
-        i && "cursor-pointer",
-        x
-      ),
-      onClick: i,
-      children: [
-        /* @__PURE__ */ s("div", { className: "relative aspect-square overflow-hidden bg-gray-100", children: [
-          r.imageUrl ? /* @__PURE__ */ t(
-            "img",
-            {
-              src: r.imageUrl,
-              alt: r.name,
-              className: g(
-                "h-full w-full object-cover transition-transform group-hover:scale-105",
-                N
-              )
-            }
-          ) : /* @__PURE__ */ t("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ t(O, { className: "h-16 w-16 text-gray-400" }) }),
-          !l && /* @__PURE__ */ t(p, { className: "absolute right-2 top-2 bg-red-600", children: "Out of Stock" }),
-          b && l && (a == null ? void 0 : a.stock) !== void 0 && a.stock < 10 && /* @__PURE__ */ s(p, { className: "absolute right-2 top-2 bg-orange-600", children: [
-            "Only ",
-            a.stock,
-            " left"
-          ] })
-        ] }),
-        /* @__PURE__ */ s(S, { className: "p-4", children: [
-          /* @__PURE__ */ t("h3", { className: "mb-1 font-semibold line-clamp-2", children: r.name }),
-          r.description && /* @__PURE__ */ t("p", { className: "mb-2 text-sm text-gray-600 line-clamp-2", children: r.description }),
-          C && /* @__PURE__ */ s("div", { className: "mb-3", children: [
-            /* @__PURE__ */ t("label", { className: "mb-1 block text-xs font-medium text-gray-700", children: "Select Option" }),
-            /* @__PURE__ */ t(
-              "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__ */ s("option", { value: e.id, children: [
-                  e.name,
-                  " - ",
-                  h(e.price)
-                ] }, e.id))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t("div", { className: "mb-3 text-2xl font-bold text-blue-600", children: a && h(a.price) }),
-          /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ t("label", { className: "text-xs font-medium text-gray-700", children: "Qty:" }),
-            /* @__PURE__ */ t(
-              "input",
-              {
-                type: "number",
-                min: "1",
-                max: (a == null ? void 0 : a.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"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ t(j, { className: "p-4 pt-0", children: /* @__PURE__ */ t(
-          I,
-          {
-            onClick: w,
-            disabled: v || !l || n,
-            className: "w-full",
-            children: n ? /* @__PURE__ */ t(u, { children: "Adding..." }) : /* @__PURE__ */ s(u, { children: [
-              /* @__PURE__ */ t(q, { className: "mr-2 h-4 w-4" }),
-              "Add to Cart"
-            ] })
-          }
-        ) })
-      ]
+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("./index38.mjs").then((e) => e.r).then((e) => (e.default.events.on("routeChangeComplete", n), () => {
+        e.default.events.off("routeChangeComplete", n);
+      })).catch(() => {
+      });
     }
-  );
+  }, [t]);
 }
 export {
-  D as ProductCard
+  i as usePageTracking
 };

package/dist/index50.mjs

@@ -1,21 +1,84 @@
 'use client';
-import { useQueryUnwrapped as s } from "./index54.mjs";
-import { createAdminRpcClients as i, authHeaders as u } from "./index21.mjs";
-import { queryKeys as c } from "./index26.mjs";
-import { useApiConfig as d } from "./index19.mjs";
-function h(t, r) {
-  const { baseURL: n, authToken: o } = d();
-  return s({
-    queryKey: c.admin.stats.overview(t == null ? void 0 : t.brandId),
+import { useQueryClient as y, useMutation as m } from "@tanstack/react-query";
+import { useQueryUnwrapped as b } from "./index67.mjs";
+import { createAdminRpcClients as u, authHeaders as c } from "./index23.mjs";
+import { queryKeys as o } from "./index29.mjs";
+import { useApiConfig as d } from "./index21.mjs";
+function k(e) {
+  const { baseURL: t, authToken: r } = d();
+  return b({
+    queryKey: o.admin.brands.list(),
     queryFn: async () => {
-      const e = await i(n).stats.index.$get({ query: t }, u(o));
-      if (!e.ok)
-        throw new Error(`Failed to fetch statistics: ${e.statusText}`);
-      return e.json();
+      const n = await u(t).brands.index.$get({}, c(r));
+      if (!n.ok)
+        throw new Error(`Failed to fetch brands: ${n.statusText}`);
+      return n.json();
     },
-    ...r
+    ...e
+  });
+}
+function F(e, t) {
+  const { baseURL: r, authToken: s } = d();
+  return b({
+    queryKey: o.admin.brands.detail(e),
+    queryFn: async () => {
+      const i = await u(r).brands[":id"].$get({ param: { id: e } }, c(s));
+      if (!i.ok)
+        throw new Error(`Failed to fetch brand: ${i.statusText}`);
+      return i.json();
+    },
+    ...t
+  });
+}
+function T(e) {
+  const { baseURL: t, authToken: r } = d(), s = y();
+  return m({
+    mutationFn: async (n) => {
+      const a = await u(t).brands.index.$post({ json: n }, c(r));
+      if (!a.ok)
+        throw new Error(`Failed to create brand: ${a.statusText}`);
+      return a.json();
+    },
+    onSuccess: () => {
+      s.invalidateQueries({ queryKey: o.admin.brands.all });
+    },
+    ...e
+  });
+}
+function $(e, t) {
+  const { baseURL: r, authToken: s } = d(), n = y();
+  return m({
+    mutationFn: async (i) => {
+      const l = await u(r).brands[":id"].$patch({ json: i, param: { id: e } }, c(s));
+      if (!l.ok)
+        throw new Error(`Failed to update brand: ${l.statusText}`);
+      return l.json();
+    },
+    onSuccess: () => {
+      n.invalidateQueries({ queryKey: o.admin.brands.detail(e) }), n.invalidateQueries({ queryKey: o.admin.brands.all });
+    },
+    ...t
+  });
+}
+function x(e, t) {
+  const { baseURL: r, authToken: s } = d(), n = y();
+  return m({
+    mutationFn: async () => {
+      const a = await u(r).brands[":id"].$delete({ param: { id: e } }, c(s));
+      if (!a.ok)
+        throw new Error(`Failed to delete brand: ${a.statusText}`);
+      return a.json();
+    },
+    onSuccess: () => {
+      n.invalidateQueries({ queryKey: o.admin.brands.all });
+    },
+    ...t
   });
 }
 export {
-  h as useGetStats
+  T as useCreateBrand,
+  x as useDeleteBrand,
+  F as useGetBrand,
+  k as useListBrands,
+  $ as useUpdateBrand
 };

package/dist/index51.mjs

@@ -1,66 +1,80 @@
 'use client';
-import { useQueryClient as l, useMutation as y } from "@tanstack/react-query";
-import { useQueryUnwrapped as c } from "./index54.mjs";
-import { createAdminRpcClients as s, authHeaders as o } from "./index21.mjs";
-import { queryKeys as i } from "./index26.mjs";
-import { useApiConfig as u } from "./index19.mjs";
-function m(e, n) {
-  const { baseURL: a, authToken: r } = u();
-  return c({
-    queryKey: i.admin.abandonedCarts.list(e),
+import { useQueryClient as p, useMutation as y } from "@tanstack/react-query";
+import { useQueryUnwrapped as m } from "./index67.mjs";
+import { createAdminRpcClients as a, authHeaders as c } from "./index23.mjs";
+import { queryKeys as i } from "./index29.mjs";
+import { useApiConfig as d } from "./index21.mjs";
+function F(t, n) {
+  const { baseURL: r, authToken: s } = d();
+  return m({
+    queryKey: i.admin.products.list(t),
     queryFn: async () => {
-      const t = await s(a).abandonedCarts.index.$get({ query: e }, o(r));
-      if (!t.ok)
-        throw new Error(`Failed to fetch abandoned carts: ${t.statusText}`);
-      return t.json();
+      const e = await a(r).products.index.$get(t ? { query: { brandId: t } } : {}, c(s));
+      if (!e.ok)
+        throw new Error(`Failed to fetch products: ${e.statusText}`);
+      return e.json();
     },
     ...n
   });
 }
-function p(e, n) {
-  const { baseURL: a, authToken: r } = u();
-  return c({
-    queryKey: i.admin.abandonedCarts.stats(e == null ? void 0 : e.brandId),
+function T(t, n) {
+  const { baseURL: r, authToken: s } = d();
+  return m({
+    queryKey: i.admin.products.detail(t),
     queryFn: async () => {
-      const t = await s(a).abandonedCarts.stats.$get({ query: e }, o(r));
-      if (!t.ok)
-        throw new Error(`Failed to fetch abandoned cart stats: ${t.statusText}`);
-      return t.json();
+      const e = await a(r).products[":id"].$get({ param: { id: t } }, c(s));
+      if (!e.ok)
+        throw new Error(`Failed to fetch product: ${e.statusText}`);
+      return e.json();
     },
     ...n
   });
 }
-function q(e, n) {
-  const { baseURL: a, authToken: r } = u();
-  return c({
-    queryKey: i.admin.abandonedCarts.detail(e),
-    queryFn: async () => {
-      const t = await s(a).abandonedCarts[":id"].$get({ param: { id: e } }, o(r));
-      if (!t.ok)
-        throw new Error(`Failed to fetch abandoned cart: ${t.statusText}`);
-      return t.json();
+function $(t) {
+  const { baseURL: n, authToken: r } = d(), s = p();
+  return y({
+    mutationFn: async (o) => {
+      const u = await a(n).products.index.$post({ json: o }, c(r));
+      if (!u.ok)
+        throw new Error(`Failed to create product: ${u.statusText}`);
+      return u.json();
     },
-    ...n
+    onSuccess: () => s.invalidateQueries({ queryKey: i.admin.products.all }),
+    ...t
   });
 }
-function k(e) {
-  const { baseURL: n, authToken: a } = u(), r = l();
+function x(t, n) {
+  const { baseURL: r, authToken: s } = d(), o = p();
   return y({
-    mutationFn: async () => {
-      const t = await s(n).abandonedCarts.cleanup.$post({}, o(a));
-      if (!t.ok)
-        throw new Error(`Failed to cleanup expired carts: ${t.statusText}`);
-      return t.json();
+    mutationFn: async (e) => {
+      const l = await a(r).products[":id"].$patch({ param: { id: t }, json: e }, c(s));
+      if (!l.ok)
+        throw new Error(`Failed to update product: ${l.statusText}`);
+      return l.json();
     },
     onSuccess: () => {
-      r.invalidateQueries({ queryKey: i.admin.abandonedCarts.all });
+      o.invalidateQueries({ queryKey: i.admin.products.detail(t) }), o.invalidateQueries({ queryKey: i.admin.products.all });
     },
-    ...e
+    ...n
+  });
+}
+function j(t, n) {
+  const { baseURL: r, authToken: s } = d(), o = p();
+  return y({
+    mutationFn: async () => {
+      const u = await a(r).products[":id"].$delete({ param: { id: t } }, c(s));
+      if (!u.ok)
+        throw new Error(`Failed to delete product: ${u.statusText}`);
+      return u.json();
+    },
+    onSuccess: () => o.invalidateQueries({ queryKey: i.admin.products.all }),
+    ...n
   });
 }
 export {
-  k as useCleanupExpiredCarts,
-  q as useGetAbandonedCart,
-  p as useGetAbandonedCartStats,
-  m as useListAbandonedCarts
+  $ as useCreateProduct,
+  j as useDeleteProduct,
+  T as useGetProduct,
+  F as useListProducts,
+  x as useUpdateProduct
 };

package/dist/index52.mjs

@@ -1,128 +1,98 @@
 'use client';
-import { useQueryClient as l, useMutation as y } from "@tanstack/react-query";
-import { useQueryUnwrapped as C } from "./index54.mjs";
-import { createAdminRpcClients as c, authHeaders as a } from "./index21.mjs";
-import { queryKeys as r } from "./index26.mjs";
-import { useApiConfig as d } from "./index19.mjs";
-function p(e, n) {
-  const { baseURL: s, authToken: i } = d();
-  return C({
-    queryKey: r.admin.discountCodes.list(e),
+import { useQueryClient as y, useMutation as v } from "@tanstack/react-query";
+import { useQueryUnwrapped as m } from "./index67.mjs";
+import { createAdminRpcClients as u, authHeaders as c } from "./index23.mjs";
+import { queryKeys as i } from "./index29.mjs";
+import { useApiConfig as d } from "./index21.mjs";
+function k(t, n) {
+  const { baseURL: a, authToken: r } = d();
+  return m({
+    queryKey: i.admin.variants.search(t),
     queryFn: async () => {
-      const t = await c(s).discountCodes.index.$get({ query: e }, a(i));
-      if (!t.ok)
-        throw new Error(`Failed to fetch discount codes: ${t.statusText}`);
-      return t.json();
+      const e = await u(a).variants.index.$get({ query: t }, c(r));
+      if (!e.ok)
+        throw new Error(`Failed to search variants: ${e.statusText}`);
+      return e.json();
     },
     ...n
   });
 }
-function F(e, n) {
-  const { baseURL: s, authToken: i } = d();
-  return C({
-    queryKey: r.admin.discountCodes.detail(e),
+function F(t, n) {
+  const { baseURL: a, authToken: r } = d();
+  return m({
+    queryKey: i.admin.variants.byProduct(t),
     queryFn: async () => {
-      const t = await c(s).discountCodes[":id"].$get({ param: { id: e } }, a(i));
-      if (!t.ok)
-        throw new Error(`Failed to fetch discount code: ${t.statusText}`);
-      return t.json();
+      const e = await u(a).variants.products[":productId"].variants.$get({ param: { productId: t } }, c(r));
+      if (!e.ok)
+        throw new Error(`Failed to fetch product variants: ${e.statusText}`);
+      return e.json();
     },
     ...n
   });
 }
-function T(e) {
-  const { baseURL: n, authToken: s } = d(), i = l();
-  return y({
-    mutationFn: async (o) => {
-      const u = await c(n).discountCodes.index.$post({ json: o }, a(s));
-      if (!u.ok)
-        throw new Error(`Failed to create discount code: ${u.statusText}`);
-      return u.json();
-    },
-    onSuccess: () => {
-      i.invalidateQueries({ queryKey: r.admin.discountCodes.all });
-    },
-    ...e
-  });
-}
-function $(e, n) {
-  const { baseURL: s, authToken: i } = d(), o = l();
-  return y({
-    mutationFn: async (t) => {
-      const w = await c(s).discountCodes[":id"].$patch({ json: t, param: { id: e } }, a(i));
-      if (!w.ok)
-        throw new Error(`Failed to update discount code: ${w.statusText}`);
-      return w.json();
+function T(t, n) {
+  const { baseURL: a, authToken: r } = d(), s = y();
+  return v({
+    mutationFn: async (e) => {
+      const o = await u(a).variants.products[":productId"].variants.$post({ json: e, param: { productId: t } }, c(r));
+      if (!o.ok)
+        throw new Error(`Failed to create variant: ${o.statusText}`);
+      return o.json();
     },
     onSuccess: () => {
-      o.invalidateQueries({ queryKey: r.admin.discountCodes.detail(e) }), o.invalidateQueries({ queryKey: r.admin.discountCodes.all });
+      s.invalidateQueries({ queryKey: i.admin.variants.all }), s.invalidateQueries({ queryKey: i.admin.products.detail(t) });
     },
     ...n
   });
 }
-function v(e, n) {
-  const { baseURL: s, authToken: i } = d(), o = l();
-  return y({
-    mutationFn: async () => {
-      const u = await c(s).discountCodes[":id"].$delete({ param: { id: e } }, a(i));
-      if (!u.ok)
-        throw new Error(`Failed to delete discount code: ${u.statusText}`);
-      return u.json();
+function $(t, n) {
+  const { baseURL: a, authToken: r } = d(), s = y();
+  return v({
+    mutationFn: async (e) => {
+      const o = await u(a).variants[":id"].$patch({ json: e, param: { id: t } }, c(r));
+      if (!o.ok)
+        throw new Error(`Failed to update variant: ${o.statusText}`);
+      return o.json();
     },
     onSuccess: () => {
-      o.invalidateQueries({ queryKey: r.admin.discountCodes.all });
+      s.invalidateQueries({ queryKey: i.admin.variants.detail(t) }), s.invalidateQueries({ queryKey: i.admin.variants.all });
     },
     ...n
   });
 }
-function j(e, n) {
-  const { baseURL: s, authToken: i } = d();
-  return C({
-    queryKey: r.admin.discountCodes.analytics(e),
+function K(t, n) {
+  const { baseURL: a, authToken: r } = d();
+  return m({
+    queryKey: i.admin.variants.inventory(t),
     queryFn: async () => {
-      const t = await c(s).discountCodes[":id"].analytics.$get({ param: { id: e } }, a(i));
-      if (!t.ok)
-        throw new Error(`Failed to fetch discount code analytics: ${t.statusText}`);
-      return t.json();
+      const e = await u(a).variants[":id"].inventory.$get({ param: { id: t } }, c(r));
+      if (!e.ok)
+        throw new Error(`Failed to fetch variant inventory: ${e.statusText}`);
+      return e.json();
     },
     ...n
   });
 }
-function x(e) {
-  const { baseURL: n, authToken: s } = d(), i = l();
-  return y({
-    mutationFn: async (o) => {
-      const u = await c(n).discountCodes["bulk-generate"].$post({ json: o }, a(s));
-      if (!u.ok)
-        throw new Error(`Failed to bulk generate discount codes: ${u.statusText}`);
-      return u.json();
+function j(t, n) {
+  const { baseURL: a, authToken: r } = d(), s = y();
+  return v({
+    mutationFn: async () => {
+      const l = await u(a).variants[":id"].$delete({ param: { id: t } }, c(r));
+      if (!l.ok)
+        throw new Error(`Failed to delete variant: ${l.statusText}`);
+      return l.json();
     },
     onSuccess: () => {
-      i.invalidateQueries({ queryKey: r.admin.discountCodes.all });
+      s.invalidateQueries({ queryKey: i.admin.variants.all });
     },
-    ...e
-  });
-}
-function b(e) {
-  const { baseURL: n, authToken: s } = d();
-  return C({
-    queryKey: r.admin.discountCodes.overviewStats(),
-    queryFn: async () => {
-      const o = await c(n).discountCodes.stats.overview.$get({}, a(s));
-      if (!o.ok)
-        throw new Error(`Failed to fetch discount code overview stats: ${o.statusText}`);
-      return o.json();
-    },
-    ...e
+    ...n
   });
 }
 export {
-  x as useBulkGenerateDiscountCodes,
-  T as useCreateDiscountCode,
-  v as useDeleteDiscountCode,
-  F as useGetDiscountCode,
-  j as useGetDiscountCodeAnalytics,
-  b as useGetDiscountCodeOverviewStats,
-  p as useListDiscountCodes,
-  $ as useUpdateDiscountCode
+  T as useCreateVariant,
+  j as useDeleteVariant,
+  K as useGetVariantInventory,
+  F as useListProductVariants,
+  k as useSearchVariants,
+  $ as useUpdateVariant
 };