@instockng/storefront-ui 1.0.32 → 1.0.33

package/dist/index9.mjs

@@ -1,101 +1,83 @@
 'use client';
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { Package as g, Trash2 as p } from "lucide-react";
-import { cn as N, formatCurrency as h } from "./index19.mjs";
-import { useCart as w } from "./index3.mjs";
-import { useState as f, useCallback as y } from "react";
-function U({
-  item: e,
-  className: b,
-  disabled: r = !1
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import "./index21.mjs";
+import "@tanstack/react-query";
+import { useGetProducts as C } from "./index35.mjs";
+import { ProductCard as k } from "./index8.mjs";
+import { Loader2 as j, Package as d } from "lucide-react";
+import { cn as P } from "./index20.mjs";
+function q({
+  brandId: o,
+  onAddToCart: l,
+  onProductClick: t,
+  columns: n = 3,
+  showStock: m = !0,
+  className: g,
+  cardClassName: p,
+  showLoading: u = !0,
+  emptyMessage: x = "No products available at the moment.",
+  errorMessage: h = "Failed to load products. Please try again later.",
+  loadingVariantId: f
 }) {
-  const [i, n] = f(!1), [s, c] = f(!1), { removeItem: o, updateItem: d } = w(), m = y(async (l) => {
-    if (!(l <= 0)) {
-      c(!0);
-      try {
-        await d(e.id, l);
-      } catch (v) {
-        console.error("Failed to update item quantity:", v);
-      }
-      c(!1);
-    }
-  }, [e.id, d]), x = y(async () => {
-    n(!0);
-    try {
-      await o(e.id);
-    } catch (l) {
-      console.error("Failed to remove item:", l);
-    }
-    n(!1);
-  }, [e.id, o]), u = e.variant.thumbnailUrl ?? e.variant.product.thumbnailUrl;
-  return /* @__PURE__ */ t(
+  const { data: N, isLoading: v, error: y } = C(o);
+  if (v && u)
+    return /* @__PURE__ */ e("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ s("div", { className: "text-center", children: [
+      /* @__PURE__ */ e(j, { className: "mx-auto mb-4 h-12 w-12 animate-spin text-blue-600" }),
+      /* @__PURE__ */ e("p", { className: "text-gray-600", children: "Loading products..." })
+    ] }) });
+  if (y)
+    return /* @__PURE__ */ e("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ s("div", { className: "text-center", children: [
+      /* @__PURE__ */ e(d, { className: "mx-auto mb-4 h-12 w-12 text-red-600" }),
+      /* @__PURE__ */ e("p", { className: "text-red-600", children: h })
+    ] }) });
+  const a = N || [];
+  return a.length === 0 ? /* @__PURE__ */ e("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ s("div", { className: "text-center", children: [
+    /* @__PURE__ */ e(d, { className: "mx-auto mb-4 h-12 w-12 text-gray-400" }),
+    /* @__PURE__ */ e("p", { className: "text-gray-600", children: x })
+  ] }) }) : /* @__PURE__ */ e(
     "div",
     {
-      className: N(
-        "flex gap-3 transition-opacity",
-        (r || i || s) && "opacity-50",
-        b
+      className: P(
+        "grid gap-6",
+        {
+          2: "grid-cols-1 sm:grid-cols-2",
+          3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+          4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
+        }[n],
+        g
       ),
-      children: [
-        /* @__PURE__ */ a("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-gray-100", children: u ? /* @__PURE__ */ a(
-          "img",
+      children: a.map((i) => {
+        const c = {
+          id: i.id,
+          name: i.name,
+          description: i.description || void 0,
+          imageUrl: i.thumbnailUrl || void 0,
+          brand: void 0,
+          // Brand info not included in product response
+          variants: i.variants.map((r) => ({
+            id: r.id,
+            name: r.name || r.sku,
+            price: typeof r.price == "string" ? parseFloat(r.price) : r.price,
+            sku: r.sku,
+            stock: r.stock || void 0
+          }))
+        }, b = i.variants.some((r) => r.id === f);
+        return /* @__PURE__ */ e(
+          k,
           {
-            src: u,
-            alt: e.variant.product.name,
-            className: "h-full w-full object-cover"
-          }
-        ) : /* @__PURE__ */ a("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ a(g, { className: "h-6 w-6 text-gray-400" }) }) }),
-        /* @__PURE__ */ t("div", { className: "flex flex-1 flex-col justify-between py-1", children: [
-          /* @__PURE__ */ a("div", { children: /* @__PURE__ */ t("div", { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ t("div", { className: "flex-1", children: [
-              /* @__PURE__ */ a("h3", { className: "text-base font-semibold leading-tight", children: e.variant.product.name }),
-              e.variant.name && /* @__PURE__ */ a("p", { className: "mt-0.5 text-sm text-gray-600", children: e.variant.name })
-            ] }),
-            /* @__PURE__ */ a(
-              "button",
-              {
-                onClick: x,
-                disabled: r || i,
-                className: "text-gray-400 hover:text-red-600 disabled:cursor-not-allowed disabled:opacity-50",
-                "aria-label": "Remove item",
-                children: /* @__PURE__ */ a(p, { className: "h-5 w-5" })
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ t("div", { className: "flex items-center justify-between mt-2", children: [
-            /* @__PURE__ */ t("div", { className: "inline-flex items-center overflow-hidden rounded-full bg-gray-200 text-gray-700", children: [
-              /* @__PURE__ */ a(
-                "button",
-                {
-                  "aria-label": "Decrease quantity",
-                  onClick: () => m(e.quantity - 1),
-                  disabled: r || e.quantity <= 1 || s,
-                  className: "flex h-8 w-8 items-center justify-center transition-colors hover:bg-gray-300 disabled:cursor-not-allowed disabled:opacity-50",
-                  children: "−"
-                }
-              ),
-              /* @__PURE__ */ a("span", { className: "px-3 text-base font-medium select-none", children: e.quantity }),
-              /* @__PURE__ */ a(
-                "button",
-                {
-                  "aria-label": "Increase quantity",
-                  onClick: () => m(e.quantity + 1),
-                  disabled: r || s,
-                  className: "flex h-8 w-8 items-center justify-center transition-colors hover:bg-gray-300 disabled:cursor-not-allowed disabled:opacity-50",
-                  children: "+"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ t("div", { className: "text-right", children: [
-              /* @__PURE__ */ a("p", { className: "text-base font-medium", children: h(e.subtotal) }),
-              e.basePrice !== e.finalPrice && /* @__PURE__ */ a("p", { className: "text-xs text-[#DC143C] line-through", children: h(e.basePrice * e.quantity) })
-            ] })
-          ] })
-        ] })
-      ]
+            product: c,
+            onAddToCart: l,
+            onClick: t ? () => t(c) : void 0,
+            showStock: m,
+            className: p,
+            isAddingToCart: b
+          },
+          i.id
+        );
+      })
     }
   );
 }
 export {
-  U as CartItem
+  q as ProductGrid
 };

package/dist/index90.mjs

@@ -1,56 +1,23 @@
 'use client';
-import s from "./index75.mjs";
-import m from "./index143.mjs";
-import u from "./index144.mjs";
-import { getFetch as b } from "./index145.mjs";
-import d from "./index86.mjs";
-const p = {
-  http: m,
-  xhr: u,
-  fetch: {
-    get: b
-  }
-};
-s.forEach(p, (e, o) => {
-  if (e) {
-    try {
-      Object.defineProperty(e, "name", { value: o });
-    } catch {
-    }
-    Object.defineProperty(e, "adapterName", { value: o });
-  }
-});
-const f = (e) => `- ${e}`, g = (e) => s.isFunction(e) || e === null || e === !1, y = {
-  getAdapter: (e, o) => {
-    e = s.isArray(e) ? e : [e];
-    const { length: a } = e;
-    let i, t;
-    const c = {};
-    for (let r = 0; r < a; r++) {
-      i = e[r];
-      let n;
-      if (t = i, !g(i) && (t = p[(n = String(i)).toLowerCase()], t === void 0))
-        throw new d(`Unknown adapter '${n}'`);
-      if (t && (s.isFunction(t) || (t = t.get(o))))
-        break;
-      c[n || "#" + r] = t;
-    }
-    if (!t) {
-      const r = Object.entries(c).map(
-        ([l, h]) => `adapter ${l} ` + (h === !1 ? "is not supported by the environment" : "is not available in the build")
-      );
-      let n = a ? r.length > 1 ? `since :
-` + r.map(f).join(`
-`) : " " + f(r[0]) : "as no adapter specified";
-      throw new d(
-        "There is no suitable adapter to dispatch the request " + n,
-        "ERR_NOT_SUPPORT"
-      );
-    }
-    return t;
-  },
-  adapters: p
-};
+import { __exports as e } from "./index132.mjs";
+import "./index88.mjs";
+import u from "react";
+import { __exports as n } from "./index93.mjs";
+var o;
+function d() {
+  return o ? e : (o = 1, function(t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), Object.defineProperty(t, "RouterContext", {
+      enumerable: !0,
+      get: function() {
+        return r;
+      }
+    });
+    const r = (/* @__PURE__ */ n._(u)).default.createContext(null);
+    process.env.NODE_ENV !== "production" && (r.displayName = "RouterContext");
+  }(e), e);
+}
 export {
-  y as default
+  d as __require
 };

package/dist/index91.mjs

@@ -1,72 +1,58 @@
 'use client';
-const e = {
-  Continue: 100,
-  SwitchingProtocols: 101,
-  Processing: 102,
-  EarlyHints: 103,
-  Ok: 200,
-  Created: 201,
-  Accepted: 202,
-  NonAuthoritativeInformation: 203,
-  NoContent: 204,
-  ResetContent: 205,
-  PartialContent: 206,
-  MultiStatus: 207,
-  AlreadyReported: 208,
-  ImUsed: 226,
-  MultipleChoices: 300,
-  MovedPermanently: 301,
-  Found: 302,
-  SeeOther: 303,
-  NotModified: 304,
-  UseProxy: 305,
-  Unused: 306,
-  TemporaryRedirect: 307,
-  PermanentRedirect: 308,
-  BadRequest: 400,
-  Unauthorized: 401,
-  PaymentRequired: 402,
-  Forbidden: 403,
-  NotFound: 404,
-  MethodNotAllowed: 405,
-  NotAcceptable: 406,
-  ProxyAuthenticationRequired: 407,
-  RequestTimeout: 408,
-  Conflict: 409,
-  Gone: 410,
-  LengthRequired: 411,
-  PreconditionFailed: 412,
-  PayloadTooLarge: 413,
-  UriTooLong: 414,
-  UnsupportedMediaType: 415,
-  RangeNotSatisfiable: 416,
-  ExpectationFailed: 417,
-  ImATeapot: 418,
-  MisdirectedRequest: 421,
-  UnprocessableEntity: 422,
-  Locked: 423,
-  FailedDependency: 424,
-  TooEarly: 425,
-  UpgradeRequired: 426,
-  PreconditionRequired: 428,
-  TooManyRequests: 429,
-  RequestHeaderFieldsTooLarge: 431,
-  UnavailableForLegalReasons: 451,
-  InternalServerError: 500,
-  NotImplemented: 501,
-  BadGateway: 502,
-  ServiceUnavailable: 503,
-  GatewayTimeout: 504,
-  HttpVersionNotSupported: 505,
-  VariantAlsoNegotiates: 506,
-  InsufficientStorage: 507,
-  LoopDetected: 508,
-  NotExtended: 510,
-  NetworkAuthenticationRequired: 511
-};
-Object.entries(e).forEach(([t, o]) => {
-  e[o] = t;
-});
+import { __exports as o } from "./index133.mjs";
+import { __require as p } from "./index134.mjs";
+var u;
+function m() {
+  return u ? o : (u = 1, function(i) {
+    Object.defineProperty(i, "__esModule", {
+      value: !0
+    });
+    function f(e, r) {
+      for (var t in r) Object.defineProperty(e, t, {
+        enumerable: !0,
+        get: r[t]
+      });
+    }
+    f(i, {
+      /**
+      * Checks whether the given value is a NextError.
+      * This can be used to print a more detailed error message with properties like `code` & `digest`.
+      */
+      default: function() {
+        return s;
+      },
+      getProperError: function() {
+        return a;
+      }
+    });
+    const c = p();
+    function s(e) {
+      return typeof e == "object" && e !== null && "name" in e && "message" in e;
+    }
+    function d(e) {
+      const r = /* @__PURE__ */ new WeakSet();
+      return JSON.stringify(e, (t, n) => {
+        if (typeof n == "object" && n !== null) {
+          if (r.has(n))
+            return "[Circular]";
+          r.add(n);
+        }
+        return n;
+      });
+    }
+    function a(e) {
+      if (s(e))
+        return e;
+      if (process.env.NODE_ENV === "development") {
+        if (typeof e > "u")
+          return new Error("An undefined error was thrown, see here for more info: https://nextjs.org/docs/messages/threw-undefined");
+        if (e === null)
+          return new Error("A null error was thrown, see here for more info: https://nextjs.org/docs/messages/threw-undefined");
+      }
+      return new Error((0, c.isPlainObject)(e) ? d(e) : e + "");
+    }
+  }(o), o);
+}
 export {
-  e as default
+  m as __require
 };

package/dist/index92.mjs

@@ -1,37 +1,36 @@
 'use client';
-var a = (i, t, e = {}) => {
-  let r = `${i}=${t}`;
-  if (i.startsWith("__Secure-") && !e.secure)
-    throw new Error("__Secure- Cookie must have Secure attributes");
-  if (i.startsWith("__Host-")) {
-    if (!e.secure)
-      throw new Error("__Host- Cookie must have Secure attributes");
-    if (e.path !== "/")
-      throw new Error('__Host- Cookie must have Path attributes with "/"');
-    if (e.domain)
-      throw new Error("__Host- Cookie must not have Domain attributes");
-  }
-  if (e && typeof e.maxAge == "number" && e.maxAge >= 0) {
-    if (e.maxAge > 3456e4)
-      throw new Error(
-        "Cookies Max-Age SHOULD NOT be greater than 400 days (34560000 seconds) in duration."
-      );
-    r += `; Max-Age=${e.maxAge | 0}`;
-  }
-  if (e.domain && e.prefix !== "host" && (r += `; Domain=${e.domain}`), e.path && (r += `; Path=${e.path}`), e.expires) {
-    if (e.expires.getTime() - Date.now() > 3456e7)
-      throw new Error(
-        "Cookies Expires SHOULD NOT be greater than 400 days (34560000 seconds) in the future."
-      );
-    r += `; Expires=${e.expires.toUTCString()}`;
-  }
-  if (e.httpOnly && (r += "; HttpOnly"), e.secure && (r += "; Secure"), e.sameSite && (r += `; SameSite=${e.sameSite.charAt(0).toUpperCase() + e.sameSite.slice(1)}`), e.priority && (r += `; Priority=${e.priority.charAt(0).toUpperCase() + e.priority.slice(1)}`), e.partitioned) {
-    if (!e.secure)
-      throw new Error("Partitioned Cookie must have Secure attributes");
-    r += "; Partitioned";
-  }
-  return r;
-}, s = (i, t, e) => (t = encodeURIComponent(t), a(i, t, e));
+import { __module as u } from "./index135.mjs";
+import d from "react/jsx-runtime";
+import "react";
+import { __require as c } from "./index65.mjs";
+var n;
+function y() {
+  return n ? u.exports : (n = 1, function(a, e) {
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "default", {
+      enumerable: !0,
+      get: function() {
+        return l;
+      }
+    });
+    const f = d, o = c();
+    function l(t) {
+      function r(i) {
+        return /* @__PURE__ */ (0, f.jsx)(t, {
+          router: (0, o.useRouter)(),
+          ...i
+        });
+      }
+      if (r.getInitialProps = t.getInitialProps, r.origGetInitialProps = t.origGetInitialProps, process.env.NODE_ENV !== "production") {
+        const i = t.displayName || t.name || "Unknown";
+        r.displayName = "withRouter(" + i + ")";
+      }
+      return r;
+    }
+    (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), a.exports = e.default);
+  }(u, u.exports), u.exports);
+}
 export {
-  s as serialize
+  y as __require
 };

package/dist/index93.mjs

@@ -1,46 +1,5 @@
 'use client';
-var s = (e, r) => (e = e.replace(/\/+$/, ""), e = e + "/", r = r.replace(/^\/+/, ""), e + r), p = (e, r) => {
-  for (const [n, t] of Object.entries(r)) {
-    const c = new RegExp("/:" + n + "(?:{[^/]+})?\\??");
-    e = e.replace(c, t ? `/${t}` : "");
-  }
-  return e;
-}, f = (e) => {
-  const r = new URLSearchParams();
-  for (const [n, t] of Object.entries(e))
-    if (t !== void 0)
-      if (Array.isArray(t))
-        for (const c of t)
-          r.append(n, c);
-      else
-        r.set(n, t);
-  return r;
-}, i = (e, r) => {
-  switch (r) {
-    case "ws":
-      return e.replace(/^http/, "ws");
-    case "http":
-      return e.replace(/^ws/, "http");
-  }
-}, l = (e) => /^https?:\/\/[^\/]+?\/index(?=\?|$)/.test(e) ? e.replace(/\/index(?=\?|$)/, "/") : e.replace(/\/index(?=\?|$)/, "");
-function a(e) {
-  return typeof e == "object" && e !== null && !Array.isArray(e);
-}
-function o(e, r) {
-  if (!a(e) && !a(r))
-    return r;
-  const n = { ...e };
-  for (const t in r) {
-    const c = r[t];
-    a(n[t]) && a(c) ? n[t] = o(n[t], c) : n[t] = c;
-  }
-  return n;
-}
+var e = {};
 export {
-  f as buildSearchParams,
-  o as deepMerge,
-  s as mergePath,
-  l as removeIndexString,
-  p as replaceUrlParam,
-  i as replaceUrlProtocol
+  e as __exports
 };

package/dist/index94.mjs

@@ -1,5 +1,37 @@
 'use client';
-var o = { exports: {} };
+var a = (i, t, e = {}) => {
+  let r = `${i}=${t}`;
+  if (i.startsWith("__Secure-") && !e.secure)
+    throw new Error("__Secure- Cookie must have Secure attributes");
+  if (i.startsWith("__Host-")) {
+    if (!e.secure)
+      throw new Error("__Host- Cookie must have Secure attributes");
+    if (e.path !== "/")
+      throw new Error('__Host- Cookie must have Path attributes with "/"');
+    if (e.domain)
+      throw new Error("__Host- Cookie must not have Domain attributes");
+  }
+  if (e && typeof e.maxAge == "number" && e.maxAge >= 0) {
+    if (e.maxAge > 3456e4)
+      throw new Error(
+        "Cookies Max-Age SHOULD NOT be greater than 400 days (34560000 seconds) in duration."
+      );
+    r += `; Max-Age=${e.maxAge | 0}`;
+  }
+  if (e.domain && e.prefix !== "host" && (r += `; Domain=${e.domain}`), e.path && (r += `; Path=${e.path}`), e.expires) {
+    if (e.expires.getTime() - Date.now() > 3456e7)
+      throw new Error(
+        "Cookies Expires SHOULD NOT be greater than 400 days (34560000 seconds) in the future."
+      );
+    r += `; Expires=${e.expires.toUTCString()}`;
+  }
+  if (e.httpOnly && (r += "; HttpOnly"), e.secure && (r += "; Secure"), e.sameSite && (r += `; SameSite=${e.sameSite.charAt(0).toUpperCase() + e.sameSite.slice(1)}`), e.priority && (r += `; Priority=${e.priority.charAt(0).toUpperCase() + e.priority.slice(1)}`), e.partitioned) {
+    if (!e.secure)
+      throw new Error("Partitioned Cookie must have Secure attributes");
+    r += "; Partitioned";
+  }
+  return r;
+}, s = (i, t, e) => (t = encodeURIComponent(t), a(i, t, e));
 export {
-  o as __module
+  s as serialize
 };

package/dist/index95.mjs

@@ -1,5 +1,46 @@
 'use client';
-var r = {};
+var s = (e, r) => (e = e.replace(/\/+$/, ""), e = e + "/", r = r.replace(/^\/+/, ""), e + r), p = (e, r) => {
+  for (const [n, t] of Object.entries(r)) {
+    const c = new RegExp("/:" + n + "(?:{[^/]+})?\\??");
+    e = e.replace(c, t ? `/${t}` : "");
+  }
+  return e;
+}, f = (e) => {
+  const r = new URLSearchParams();
+  for (const [n, t] of Object.entries(e))
+    if (t !== void 0)
+      if (Array.isArray(t))
+        for (const c of t)
+          r.append(n, c);
+      else
+        r.set(n, t);
+  return r;
+}, i = (e, r) => {
+  switch (r) {
+    case "ws":
+      return e.replace(/^http/, "ws");
+    case "http":
+      return e.replace(/^ws/, "http");
+  }
+}, l = (e) => /^https?:\/\/[^\/]+?\/index(?=\?|$)/.test(e) ? e.replace(/\/index(?=\?|$)/, "/") : e.replace(/\/index(?=\?|$)/, "");
+function a(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function o(e, r) {
+  if (!a(e) && !a(r))
+    return r;
+  const n = { ...e };
+  for (const t in r) {
+    const c = r[t];
+    a(n[t]) && a(c) ? n[t] = o(n[t], c) : n[t] = c;
+  }
+  return n;
+}
 export {
-  r as __exports
+  f as buildSearchParams,
+  o as deepMerge,
+  s as mergePath,
+  l as removeIndexString,
+  p as replaceUrlParam,
+  i as replaceUrlProtocol
 };

package/dist/index96.mjs

@@ -1,31 +1,5 @@
 'use client';
-import { __exports as u } from "./index146.mjs";
-var c;
-function o() {
-  if (c) return u;
-  c = 1;
-  function p(r) {
-    if (typeof WeakMap != "function") return null;
-    var n = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap();
-    return (p = function(t) {
-      return t ? e : n;
-    })(r);
-  }
-  function f(r, n) {
-    if (!n && r && r.__esModule) return r;
-    if (r === null || typeof r != "object" && typeof r != "function") return { default: r };
-    var e = p(n);
-    if (e && e.has(r)) return e.get(r);
-    var t = { __proto__: null }, _ = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for (var i in r)
-      if (i !== "default" && Object.prototype.hasOwnProperty.call(r, i)) {
-        var a = _ ? Object.getOwnPropertyDescriptor(r, i) : null;
-        a && (a.get || a.set) ? Object.defineProperty(t, i, a) : t[i] = r[i];
-      }
-    return t.default = r, e && e.set(r, t), t;
-  }
-  return u._ = f, u;
-}
+var o = { exports: {} };
 export {
-  o as __require
+  o as __module
 };

package/dist/index97.mjs

@@ -1,21 +1,5 @@
 'use client';
-import { __exports as e } from "./index147.mjs";
-var i;
-function u() {
-  return i ? e : (i = 1, function(r) {
-    Object.defineProperty(r, "__esModule", {
-      value: !0
-    }), Object.defineProperty(r, "removeTrailingSlash", {
-      enumerable: !0,
-      get: function() {
-        return n;
-      }
-    });
-    function n(a) {
-      return a.replace(/\/$/, "") || "/";
-    }
-  }(e), e);
-}
+var r = {};
 export {
-  u as __require
+  r as __exports
 };