@instockng/storefront-ui 1.0.43 → 1.0.45

package/dist/index41.mjs

@@ -1,100 +1,106 @@
 'use client';
-import { jsx as t, jsxs as s, Fragment as g } from "react/jsx-runtime";
+import { jsx as i, jsxs as t, Fragment as g } from "react/jsx-runtime";
 import "./index21.mjs";
-import { useGetCartRecommendations as j } from "./index33.mjs";
+import { useGetCartRecommendations as F } from "./index33.mjs";
 import "@tanstack/react-query";
-import { useCart as A } from "./index3.mjs";
-import { cn as w, formatCurrency as F } from "./index20.mjs";
-import { Button as H } from "./index14.mjs";
-import { Loader2 as x, Package as R, ShoppingCart as T } from "lucide-react";
-import { useState as r, useEffect as L } from "react";
-function M({
+import { useCart as T } from "./index3.mjs";
+import { cn as x, formatCurrency as L } from "./index20.mjs";
+import { Button as S } from "./index14.mjs";
+import { Loader2 as N, Package as U, ShoppingCart as q } from "lucide-react";
+import { useState as d, useEffect as z } from "react";
+function K({
   limit: v,
-  className: N
+  className: w
 }) {
-  const { cart: l, addItem: b } = A(), { data: n, isLoading: y, error: p } = j(l == null ? void 0 : l.id, v), [S, c] = r(/* @__PURE__ */ new Set()), [P, o] = r(/* @__PURE__ */ new Set()), [I, m] = r(/* @__PURE__ */ new Set()), [h, f] = r(/* @__PURE__ */ new Set());
-  if (L(() => {
-    f(/* @__PURE__ */ new Set()), o(/* @__PURE__ */ new Set()), m(/* @__PURE__ */ new Set());
-  }, [n]), !l)
+  const { cart: a, addItem: p } = T(), { data: r, isLoading: b, error: y } = F(a == null ? void 0 : a.id, v), [P, o] = d([]), [I, m] = d([]), [C, f] = d([]), [k, h] = d([]);
+  if (z(() => {
+    h([]), m([]), f([]);
+  }, [r]), !a)
     return null;
-  if (y)
-    return /* @__PURE__ */ t("div", { className: "py-6", children: /* @__PURE__ */ t("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ t(x, { className: "h-6 w-6 animate-spin text-accent-500" }) }) });
-  const u = n == null ? void 0 : n.filter(
-    (e) => !h.has(e.id)
+  if (b)
+    return /* @__PURE__ */ i("div", { className: "py-6", children: /* @__PURE__ */ i("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ i(N, { className: "h-6 w-6 animate-spin text-accent-500" }) }) });
+  const n = r == null ? void 0 : r.filter(
+    (e) => !k.includes(e.id)
   );
-  if (p || !u || u.length === 0)
+  if (y || !n || n.length === 0)
     return null;
-  const C = async (e, a) => {
-    c((i) => new Set(i).add(e.id));
+  const j = async (e, l) => {
+    o((s) => [...s, e.id]);
     try {
-      await b(e.slug, e.name, a.price, a.sku, 1), o((i) => new Set(i).add(e.id)), setTimeout(() => {
-        m((i) => new Set(i).add(e.id));
+      await p(e.slug, e.name, l.price, l.sku, 1), m((s) => [...s, e.id]), setTimeout(() => {
+        f((s) => [...s, e.id]);
       }, 500), setTimeout(() => {
-        f((i) => new Set(i).add(e.id));
+        h((s) => [...s, e.id]);
       }, 1e3);
     } finally {
-      c((i) => {
-        const d = new Set(i);
-        return d.delete(e.id), d;
-      });
+      o((s) => s.filter((c) => c !== e.id));
     }
   };
-  return /* @__PURE__ */ s("div", { className: w("pt-2", N), children: [
-    /* @__PURE__ */ t("div", { className: "mb-2 px-4", children: /* @__PURE__ */ t("h3", { className: "text-lg font-semibold text-gray-900", children: "Frequently bought together" }) }),
-    /* @__PURE__ */ t("div", { className: "overflow-x-auto", children: /* @__PURE__ */ s("div", { className: "flex gap-4 pb-2 transition-all duration-500", children: [
-      /* @__PURE__ */ t("div", { className: "flex-shrink-0 w-1" }),
+  return /* @__PURE__ */ t("div", { className: x("pt-2", w), children: [
+    /* @__PURE__ */ i("div", { className: "mb-2 px-4", children: /* @__PURE__ */ i("h3", { className: "text-lg font-semibold text-gray-900", children: "Frequently bought together" }) }),
+    /* @__PURE__ */ i("div", { className: "overflow-x-auto", children: /* @__PURE__ */ t("div", { className: "flex gap-4 pb-2 transition-all duration-500", children: [
+      /* @__PURE__ */ i("div", { className: "flex-shrink-0 w-1" }),
       n == null ? void 0 : n.map((e) => {
-        const a = e.variants[0];
-        if (!a) return null;
-        const i = S.has(e.id), d = P.has(e.id), k = I.has(e.id);
-        return h.has(e.id) ? null : /* @__PURE__ */ s(
+        const l = e.variants[0];
+        if (!l) return null;
+        const s = P.includes(e.id), c = I.includes(e.id), A = C.includes(e.id);
+        return /* @__PURE__ */ i(
           "div",
           {
-            className: w(
-              "flex flex-row flex-shrink-0 w-64 bg-white border border-gray-300 rounded-lg overflow-hidden hover:border-gray-400 transition-all duration-500",
-              d && "opacity-0 blur-sm scale-95 pointer-events-none",
-              k && "w-0 mr-[-1rem] overflow-hidden"
+            className: x(
+              "flex flex-row flex-shrink-0 w-64 h-24 bg-white border border-gray-300 rounded-lg overflow-hidden transition-all duration-500",
+              c && "opacity-0 blur-sm scale-95 pointer-events-none",
+              A && "w-0 h-0 mr-[-1rem] overflow-hidden"
             ),
-            children: [
-              /* @__PURE__ */ t("div", { className: "relative w-20 h-full flex-shrink-0 bg-gray-100", children: e.thumbnailUrl ? /* @__PURE__ */ t(
-                "img",
-                {
-                  src: e.thumbnailUrl,
-                  alt: e.name,
-                  className: "w-full h-full object-cover"
-                }
-              ) : /* @__PURE__ */ t("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ t(R, { className: "h-8 w-8 text-gray-300" }) }) }),
-              /* @__PURE__ */ s("div", { className: "p-2 flex flex-col flex-1 justify-between", children: [
-                /* @__PURE__ */ s("div", { children: [
-                  /* @__PURE__ */ t("h4", { className: "text-xs font-medium text-gray-900 line-clamp-2 leading-tight", children: e.name }),
-                  /* @__PURE__ */ t("p", { className: "text-xs font-semibold text-accent-600 mt-0.5", children: F(a.price) })
-                ] }),
-                /* @__PURE__ */ t(
-                  H,
-                  {
-                    size: "sm",
-                    onClick: () => C(e, a),
-                    disabled: i,
-                    className: "w-full bg-accent-500 hover:bg-accent-600 text-white text-xs h-6 mt-1",
-                    children: i ? /* @__PURE__ */ s(g, { children: [
-                      /* @__PURE__ */ t(x, { className: "h-3 w-3 animate-spin" }),
-                      "Adding..."
-                    ] }) : /* @__PURE__ */ s(g, { children: [
-                      /* @__PURE__ */ t(T, { className: "h-3 w-3" }),
-                      "Add"
-                    ] })
-                  }
-                )
-              ] })
-            ]
+            children: /* @__PURE__ */ t(
+              "a",
+              {
+                href: `/product/${e.slug}`,
+                className: "flex flex-row flex-1 hover:bg-gray-50 transition-colors",
+                children: [
+                  /* @__PURE__ */ i("div", { className: "relative w-20 h-full flex-shrink-0 bg-gray-100", children: e.thumbnailUrl ? /* @__PURE__ */ i(
+                    "img",
+                    {
+                      src: e.thumbnailUrl,
+                      alt: e.name,
+                      className: "w-full h-full object-cover"
+                    }
+                  ) : /* @__PURE__ */ i("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ i(U, { className: "h-8 w-8 text-gray-300" }) }) }),
+                  /* @__PURE__ */ t("div", { className: "p-2 flex flex-col flex-1 justify-between", children: [
+                    /* @__PURE__ */ t("div", { children: [
+                      /* @__PURE__ */ i("h4", { className: "text-xs font-medium text-gray-900 line-clamp-2 leading-tight", children: e.name }),
+                      /* @__PURE__ */ i("p", { className: "text-xs font-semibold text-accent-600 mt-0.5", children: L(l.price) })
+                    ] }),
+                    /* @__PURE__ */ i(
+                      S,
+                      {
+                        size: "sm",
+                        onClick: (u) => {
+                          u.preventDefault(), u.stopPropagation(), j(e, l);
+                        },
+                        disabled: s,
+                        className: "w-full bg-accent-500 hover:bg-accent-600 text-white text-xs h-6 mt-1",
+                        children: s ? /* @__PURE__ */ t(g, { children: [
+                          /* @__PURE__ */ i(N, { className: "h-3 w-3 animate-spin" }),
+                          "Adding..."
+                        ] }) : /* @__PURE__ */ t(g, { children: [
+                          /* @__PURE__ */ i(q, { className: "h-3 w-3" }),
+                          "Add"
+                        ] })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
           },
           e.id
         );
       }),
-      /* @__PURE__ */ t("div", { className: "flex-shrink-0 w-1" })
+      /* @__PURE__ */ i("div", { className: "flex-shrink-0 w-1" })
     ] }) })
   ] });
 }
 export {
-  M as RecommendedProducts
+  K as RecommendedProducts
 };

package/dist/index43.mjs

@@ -1,7 +1,7 @@
 'use client';
-import { p as S } from "./index69.mjs";
-import { t as U } from "./index70.mjs";
-import he from "./index71.mjs";
+import { p as S } from "./index68.mjs";
+import { t as U } from "./index69.mjs";
+import he from "./index70.mjs";
 const fe = Object.prototype.toString, de = Error.prototype.toString, pe = RegExp.prototype.toString, me = typeof Symbol < "u" ? Symbol.prototype.toString : () => "", ye = /^Symbol\((.*)\)(.*)$/;
 function ge(n) {
   return n != +n ? "NaN" : n === 0 && 1 / n < 0 ? "-0" : "" + n;

package/dist/index46.mjs

@@ -1,6 +1,6 @@
 'use client';
 import * as l from "react";
-import { composeRefs as m } from "./index68.mjs";
+import { composeRefs as m } from "./index66.mjs";
 import { jsx as u } from "react/jsx-runtime";
 // @__NO_SIDE_EFFECTS__
 function y(e) {

package/dist/index51.mjs

@@ -1,21 +1,21 @@
 'use client';
-import a from "./index81.mjs";
-import p from "./index82.mjs";
-import m from "./index83.mjs";
-import i from "./index84.mjs";
-import f from "./index85.mjs";
-import l from "./index86.mjs";
-import c from "./index87.mjs";
-import d from "./index88.mjs";
-import u from "./index89.mjs";
-import { VERSION as x } from "./index90.mjs";
-import C from "./index91.mjs";
-import A from "./index92.mjs";
-import E from "./index93.mjs";
-import O from "./index94.mjs";
-import S from "./index95.mjs";
-import H from "./index96.mjs";
-import T from "./index97.mjs";
+import a from "./index80.mjs";
+import p from "./index81.mjs";
+import m from "./index82.mjs";
+import i from "./index83.mjs";
+import f from "./index84.mjs";
+import l from "./index85.mjs";
+import c from "./index86.mjs";
+import d from "./index87.mjs";
+import u from "./index88.mjs";
+import { VERSION as x } from "./index89.mjs";
+import C from "./index90.mjs";
+import A from "./index91.mjs";
+import E from "./index92.mjs";
+import O from "./index93.mjs";
+import S from "./index94.mjs";
+import H from "./index95.mjs";
+import T from "./index96.mjs";
 function n(o) {
   const t = new m(o), e = p(m.prototype.request, t);
   return a.extend(e, m.prototype, t, { allOwnKeys: !0 }), a.extend(e, t, null, { allOwnKeys: !0 }), e.create = function(s) {

package/dist/index52.mjs

@@ -2,8 +2,8 @@
 var p = Object.defineProperty;
 var k = (r, e, i) => e in r ? p(r, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[e] = i;
 var h = (r, e, i) => k(r, typeof e != "symbol" ? e + "" : e, i);
-import { serialize as j } from "./index79.mjs";
-import { mergePath as U, replaceUrlParam as P, buildSearchParams as S, removeIndexString as w, replaceUrlProtocol as x, deepMerge as C } from "./index80.mjs";
+import { serialize as j } from "./index97.mjs";
+import { mergePath as U, replaceUrlParam as P, buildSearchParams as S, removeIndexString as w, replaceUrlProtocol as x, deepMerge as C } from "./index98.mjs";
 var v = (r, e) => new Proxy(() => {
 }, {
   get(t, s) {

package/dist/index53.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as m, useMutation as w } from "@tanstack/react-query";
-import { useQueryUnwrapped as f } from "./index67.mjs";
+import { useQueryUnwrapped as f } from "./index71.mjs";
 import { createAdminRpcClients as d, authHeaders as l } from "./index24.mjs";
 import { queryKeys as c } from "./index30.mjs";
 import { useApiConfig as y } from "./index22.mjs";

package/dist/index54.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as m, useMutation as w } from "@tanstack/react-query";
-import { useQueryUnwrapped as b } from "./index67.mjs";
+import { useQueryUnwrapped as b } from "./index71.mjs";
 import { createAdminRpcClients as c, authHeaders as d } from "./index24.mjs";
 import { queryKeys as u } from "./index30.mjs";
 import { useApiConfig as l } from "./index22.mjs";

package/dist/index55.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as y, useMutation as m } from "@tanstack/react-query";
-import { useQueryUnwrapped as w } from "./index67.mjs";
+import { useQueryUnwrapped as w } from "./index71.mjs";
 import { createAdminRpcClients as c, authHeaders as d } from "./index24.mjs";
 import { queryKeys as a } from "./index30.mjs";
 import { useApiConfig as l } from "./index22.mjs";

package/dist/index56.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as v, useMutation as m } from "@tanstack/react-query";
-import { useQueryUnwrapped as w } from "./index67.mjs";
+import { useQueryUnwrapped as w } from "./index71.mjs";
 import { createAdminRpcClients as c, authHeaders as d } from "./index24.mjs";
 import { queryKeys as o } from "./index30.mjs";
 import { useApiConfig as l } from "./index22.mjs";

package/dist/index57.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as y, useMutation as d } from "@tanstack/react-query";
-import { useQueryUnwrapped as m } from "./index67.mjs";
+import { useQueryUnwrapped as m } from "./index71.mjs";
 import { createAdminRpcClients as c, authHeaders as l } from "./index24.mjs";
 import { queryKeys as u } from "./index30.mjs";
 import { useApiConfig as w } from "./index22.mjs";

package/dist/index58.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as w, useMutation as v } from "@tanstack/react-query";
-import { useQueryUnwrapped as d } from "./index67.mjs";
+import { useQueryUnwrapped as d } from "./index71.mjs";
 import { createAdminRpcClients as c, authHeaders as y } from "./index24.mjs";
 import { queryKeys as i } from "./index30.mjs";
 import { useApiConfig as l } from "./index22.mjs";

package/dist/index59.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { useQueryUnwrapped as n } from "./index67.mjs";
+import { useQueryUnwrapped as n } from "./index71.mjs";
 import { createAdminRpcClients as u, authHeaders as a } from "./index24.mjs";
 import { queryKeys as c } from "./index30.mjs";
 import { useApiConfig as m } from "./index22.mjs";

package/dist/index60.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { useQueryUnwrapped as s } from "./index67.mjs";
+import { useQueryUnwrapped as s } from "./index71.mjs";
 import { createAdminRpcClients as u, authHeaders as c } from "./index24.mjs";
 import { queryKeys as d } from "./index30.mjs";
 import { useApiConfig as f } from "./index22.mjs";

package/dist/index61.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as y, useMutation as b } from "@tanstack/react-query";
-import { useQueryUnwrapped as l } from "./index67.mjs";
+import { useQueryUnwrapped as l } from "./index71.mjs";
 import { createAdminRpcClients as r, authHeaders as i } from "./index24.mjs";
 import { queryKeys as u } from "./index30.mjs";
 import { useApiConfig as d } from "./index22.mjs";

package/dist/index62.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as y, useMutation as w } from "@tanstack/react-query";
-import { useQueryUnwrapped as C } from "./index67.mjs";
+import { useQueryUnwrapped as C } from "./index71.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";

package/dist/index63.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as v, useMutation as w } from "@tanstack/react-query";
-import { useQueryUnwrapped as m } from "./index67.mjs";
+import { useQueryUnwrapped as m } from "./index71.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";

package/dist/index65.mjs

@@ -1,156 +1,5 @@
 'use client';
-import { __module as l } from "./index72.mjs";
-import "./index73.mjs";
-import j from "react";
-import { __require as A } from "./index74.mjs";
-import { __require as O } from "./index75.mjs";
-import { __require as x } from "./index76.mjs";
-import { __require as F } from "./index77.mjs";
-import { __exports as M } from "./index78.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;
-      }
-    });
-    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);
-}
+var e = { exports: {} };
 export {
-  W as __require
+  e as __module
 };

package/dist/index66.mjs

@@ -1,5 +1,26 @@
 'use client';
-var e = { exports: {} };
+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);
+        }
+      };
+  };
+}
 export {
-  e as __module
+  f as composeRefs
 };