@instockng/storefront-ui 1.0.43 → 1.0.44

package/dist/index251.mjs

@@ -1,5 +1,64 @@
 'use client';
-var e = {};
+const f = function* (e, t) {
+  let n = e.byteLength;
+  if (n < t) {
+    yield e;
+    return;
+  }
+  let a = 0, r;
+  for (; a < n; )
+    r = a + t, yield e.slice(a, r), a = r;
+}, w = async function* (e, t) {
+  for await (const n of b(e))
+    yield* f(n, t);
+}, b = async function* (e) {
+  if (e[Symbol.asyncIterator]) {
+    yield* e;
+    return;
+  }
+  const t = e.getReader();
+  try {
+    for (; ; ) {
+      const { done: n, value: a } = await t.read();
+      if (n)
+        break;
+      yield a;
+    }
+  } finally {
+    await t.cancel();
+  }
+}, h = (e, t, n, a) => {
+  const r = w(e, t);
+  let d = 0, o, c = (l) => {
+    o || (o = !0, a && a(l));
+  };
+  return new ReadableStream({
+    async pull(l) {
+      try {
+        const { done: i, value: y } = await r.next();
+        if (i) {
+          c(), l.close();
+          return;
+        }
+        let s = y.byteLength;
+        if (n) {
+          let u = d += s;
+          n(u);
+        }
+        l.enqueue(new Uint8Array(y));
+      } catch (i) {
+        throw c(i), i;
+      }
+    },
+    cancel(l) {
+      return c(l), r.return();
+    }
+  }, {
+    highWaterMark: 2
+  });
+};
 export {
-  e as __exports
+  w as readBytes,
+  f as streamChunk,
+  h as trackStream
 };

package/dist/index254.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index270.mjs";
+import { __exports as r } from "./index269.mjs";
 var u;
 function s() {
   return u ? r : (u = 1, function(n) {

package/dist/index255.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as u } from "./index271.mjs";
+import { __exports as u } from "./index270.mjs";
 var _;
 function g() {
   return _ ? u : (_ = 1, function(i) {

package/dist/index260.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __module as c } from "./index269.mjs";
+import { __module as c } from "./index271.mjs";
 var l;
 function T() {
   return l ? c.exports : (l = 1, (() => {

package/dist/index262.mjs

@@ -1,5 +1,5 @@
 'use client';
-import a from "./index236.mjs";
+import a from "./index240.mjs";
 const e = typeof URLSearchParams < "u" ? URLSearchParams : a;
 export {
   e as default

package/dist/index267.mjs

@@ -1,5 +1,5 @@
 'use client';
-import o from "./index145.mjs";
+import o from "./index204.mjs";
 const n = o.hasStandardBrowserEnv ? /* @__PURE__ */ ((r, e) => (t) => (t = new URL(t, o.origin), r.protocol === t.protocol && r.host === t.host && (e || r.port === t.port)))(
   new URL(o.origin),
   o.navigator && /(msie|trident)/i.test(o.navigator.userAgent)

package/dist/index268.mjs

@@ -1,6 +1,6 @@
 'use client';
-import r from "./index81.mjs";
-import c from "./index145.mjs";
+import r from "./index118.mjs";
+import c from "./index204.mjs";
 const p = c.hasStandardBrowserEnv ? (
   // Standard browser envs support document.cookie
   {

package/dist/index269.mjs

@@ -1,5 +1,5 @@
 'use client';
-var o = { exports: {} };
+var e = {};
 export {
-  o as __module
+  e as __exports
 };

package/dist/index271.mjs

@@ -1,5 +1,5 @@
 'use client';
-var e = {};
+var o = { exports: {} };
 export {
-  e as __exports
+  o as __module
 };

package/dist/index33.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useQueryClient as s, useMutation as r } from "@tanstack/react-query";
-import { useQueryUnwrapped as c } from "./index67.mjs";
+import { useQueryUnwrapped as c } from "./index71.mjs";
 import { queryKeys as i } from "./index30.mjs";
 import { updateCart as a, createCart as l, applyDiscount as m, removeDiscount as y, addCartItem as p, updateCartItem as C, removeCartItem as q, checkoutCart as f, fetchCart as d, fetchCartRecommendations as b } from "./index26.mjs";
 function S(e, t) {

package/dist/index34.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useMutation as t } from "@tanstack/react-query";
-import { useQueryUnwrapped as u } from "./index67.mjs";
+import { useQueryUnwrapped as u } from "./index71.mjs";
 import { queryKeys as n } from "./index30.mjs";
 import { confirmOrder as i, fetchOrder as m } from "./index27.mjs";
 function y(e, r, o) {

package/dist/index35.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { useQueryUnwrapped as u } from "./index67.mjs";
+import { useQueryUnwrapped as u } from "./index71.mjs";
 import { queryKeys as t } from "./index30.mjs";
 import { fetchProductsByBrand as o, fetchProductBySlug as c } from "./index25.mjs";
 function n(r, e) {

package/dist/index36.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { useQueryUnwrapped as o } from "./index67.mjs";
+import { useQueryUnwrapped as o } from "./index71.mjs";
 import { queryKeys as i } from "./index30.mjs";
 import { fetchDeliveryZones as t } from "./index28.mjs";
 function p(e, r) {

package/dist/index37.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { useQueryUnwrapped as t } from "./index67.mjs";
+import { useQueryUnwrapped as t } from "./index71.mjs";
 import { queryKeys as u } from "./index30.mjs";
 import { fetchBrandBySlug as n } from "./index29.mjs";
 function i(r, e) {

package/dist/index41.mjs

@@ -1,92 +1,101 @@
 'use client';
-import { jsx as t, jsxs as s, Fragment as g } from "react/jsx-runtime";
+import { jsx as t, jsxs as s, Fragment as x } from "react/jsx-runtime";
 import "./index21.mjs";
-import { useGetCartRecommendations as j } from "./index33.mjs";
+import { useGetCartRecommendations as A } 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";
+import { useCart as F } from "./index3.mjs";
+import { cn as w, formatCurrency as H } from "./index20.mjs";
+import { Button as R } from "./index14.mjs";
+import { Loader2 as v, Package as T, ShoppingCart as L } from "lucide-react";
+import { useState as d, useEffect as U } from "react";
 function M({
-  limit: v,
-  className: N
+  limit: N,
+  className: b
 }) {
-  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(() => {
+  const { cart: l, addItem: p } = F(), { data: n, isLoading: y, error: S } = A(l == null ? void 0 : l.id, N), [P, c] = d(/* @__PURE__ */ new Set()), [I, o] = d(/* @__PURE__ */ new Set()), [C, m] = d(/* @__PURE__ */ new Set()), [h, f] = d(/* @__PURE__ */ new Set());
+  if (U(() => {
     f(/* @__PURE__ */ new Set()), o(/* @__PURE__ */ new Set()), m(/* @__PURE__ */ new Set());
   }, [n]), !l)
     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(
+    return /* @__PURE__ */ t("div", { className: "py-6", children: /* @__PURE__ */ t("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ t(v, { className: "h-6 w-6 animate-spin text-accent-500" }) }) });
+  const g = n == null ? void 0 : n.filter(
     (e) => !h.has(e.id)
   );
-  if (p || !u || u.length === 0)
+  if (S || !g || g.length === 0)
     return null;
-  const C = async (e, a) => {
+  const k = async (e, a) => {
     c((i) => new Set(i).add(e.id));
     try {
-      await b(e.slug, e.name, a.price, a.sku, 1), o((i) => new Set(i).add(e.id)), setTimeout(() => {
+      await p(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));
       }, 500), setTimeout(() => {
         f((i) => new Set(i).add(e.id));
       }, 1e3);
     } finally {
       c((i) => {
-        const d = new Set(i);
-        return d.delete(e.id), d;
+        const r = new Set(i);
+        return r.delete(e.id), r;
       });
     }
   };
-  return /* @__PURE__ */ s("div", { className: w("pt-2", N), children: [
+  return /* @__PURE__ */ s("div", { className: w("pt-2", b), 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" }),
       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 i = P.has(e.id), r = I.has(e.id), j = C.has(e.id);
+        return h.has(e.id) ? null : /* @__PURE__ */ t(
           "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"
+              "flex flex-row flex-shrink-0 w-64 h-24 bg-white border border-gray-300 rounded-lg overflow-hidden transition-all duration-500",
+              r && "opacity-0 blur-sm scale-95 pointer-events-none",
+              j && "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__ */ s(
+              "a",
+              {
+                href: `/product/${e.slug}`,
+                className: "flex flex-row flex-1 hover:bg-gray-50 transition-colors",
+                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(T, { 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: H(a.price) })
+                    ] }),
+                    /* @__PURE__ */ t(
+                      R,
+                      {
+                        size: "sm",
+                        onClick: (u) => {
+                          u.preventDefault(), u.stopPropagation(), k(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(x, { children: [
+                          /* @__PURE__ */ t(v, { className: "h-3 w-3 animate-spin" }),
+                          "Adding..."
+                        ] }) : /* @__PURE__ */ s(x, { children: [
+                          /* @__PURE__ */ t(L, { className: "h-3 w-3" }),
+                          "Add"
+                        ] })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
           },
           e.id
         );

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 "./index67.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 "./index118.mjs";
+import p from "./index119.mjs";
+import m from "./index120.mjs";
+import i from "./index121.mjs";
+import f from "./index122.mjs";
+import l from "./index123.mjs";
+import c from "./index124.mjs";
+import d from "./index125.mjs";
+import u from "./index126.mjs";
+import { VERSION as x } from "./index127.mjs";
+import C from "./index128.mjs";
+import A from "./index129.mjs";
+import E from "./index130.mjs";
+import O from "./index131.mjs";
+import S from "./index132.mjs";
+import H from "./index133.mjs";
+import T from "./index134.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 "./index136.mjs";
+import { mergePath as U, replaceUrlParam as P, buildSearchParams as S, removeIndexString as w, replaceUrlProtocol as x, deepMerge as C } from "./index137.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/index67.mjs

@@ -1,8 +1,26 @@
 'use client';
-import { useQuery as e } from "@tanstack/react-query";
-function n(r) {
-  return e(r);
+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 {
-  n as useQueryUnwrapped
+  f as composeRefs
 };