@instockng/storefront-ui 1.0.26 → 1.0.27

package/dist/index99.mjs

@@ -1,183 +1,42 @@
 'use client';
-import { __module as L } from "./index155.mjs";
-import "./index69.mjs";
-import { __require as K } from "./index96.mjs";
-import F from "react/jsx-runtime";
-import J from "react-dom";
-import N from "react";
-import { __require as B } from "./index156.mjs";
-import { __require as D } from "./index157.mjs";
-import { __require as G } from "./index152.mjs";
-import { __exports as Q } from "./index74.mjs";
-var w;
-function ie() {
-  return w ? L.exports : (w = 1, function(x, o) {
-    "use client";
-    Object.defineProperty(o, "__esModule", {
+import { __exports as l } from "./index177.mjs";
+import { __require as _ } from "./index81.mjs";
+import { __require as v } from "./index178.mjs";
+import { __require as q } from "./index174.mjs";
+var s;
+function N() {
+  return s ? l : (s = 1, function(h) {
+    Object.defineProperty(h, "__esModule", {
       value: !0
-    });
-    function M(t, e) {
-      for (var n in e) Object.defineProperty(t, n, {
-        enumerable: !0,
-        get: e[n]
-      });
-    }
-    M(o, {
-      default: function() {
-        return z;
-      },
-      handleClientScriptLoad: function() {
-        return C;
-      },
-      initScriptLoader: function() {
-        return $;
+    }), Object.defineProperty(h, "getNextPathnameInfo", {
+      enumerable: !0,
+      get: function() {
+        return p;
       }
     });
-    const j = Q, P = K(), O = F, h = /* @__PURE__ */ j._(J), g = /* @__PURE__ */ P._(N), R = B(), k = D(), I = G(), v = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Set(), A = (t) => {
-      if (h.default.preinit) {
-        t.forEach((e) => {
-          h.default.preinit(e, {
-            as: "style"
-          });
-        });
-        return;
-      }
-      if (typeof window < "u") {
-        let e = document.head;
-        t.forEach((n) => {
-          let s = document.createElement("link");
-          s.type = "text/css", s.rel = "stylesheet", s.href = n, e.appendChild(s);
-        });
+    const c = _(), u = v(), d = q();
+    function p(i, t) {
+      var f;
+      const { basePath: r, i18n: o, trailingSlash: P } = (f = t.nextConfig) != null ? f : {}, e = {
+        pathname: i,
+        trailingSlash: i !== "/" ? i.endsWith("/") : P
+      };
+      r && (0, d.pathHasPrefix)(e.pathname, r) && (e.pathname = (0, u.removePathPrefix)(e.pathname, r), e.basePath = r);
+      let n = e.pathname;
+      if (e.pathname.startsWith("/_next/data/") && e.pathname.endsWith(".json")) {
+        const a = e.pathname.replace(/^\/_next\/data\//, "").replace(/\.json$/, "").split("/"), x = a[0];
+        e.buildId = x, n = a[1] !== "index" ? "/" + a.slice(1).join("/") : "/", t.parseData === !0 && (e.pathname = n);
       }
-    }, y = (t) => {
-      const { src: e, id: n, onLoad: s = () => {
-      }, onReady: l = null, dangerouslySetInnerHTML: i, children: _ = "", strategy: S = "afterInteractive", onError: r, stylesheets: q } = t, c = n || e;
-      if (c && p.has(c))
-        return;
-      if (v.has(e)) {
-        p.add(c), v.get(e).then(s, r);
-        return;
-      }
-      const d = () => {
-        l && l(), p.add(c);
-      }, a = document.createElement("script"), u = new Promise((m, b) => {
-        a.addEventListener("load", function(f) {
-          m(), s && s.call(this, f), d();
-        }), a.addEventListener("error", function(f) {
-          b(f);
-        });
-      }).catch(function(m) {
-        r && r(m);
-      });
-      i ? (a.innerHTML = i.__html || "", d()) : _ ? (a.textContent = typeof _ == "string" ? _ : Array.isArray(_) ? _.join("") : "", d()) : e && (a.src = e, v.set(e, u)), (0, k.setAttributesFromProps)(a, t), S === "worker" && a.setAttribute("type", "text/partytown"), a.setAttribute("data-nscript", S), q && A(q), document.body.appendChild(a);
-    };
-    function C(t) {
-      const { strategy: e = "afterInteractive" } = t;
-      e === "lazyOnload" ? window.addEventListener("load", () => {
-        (0, I.requestIdleCallback)(() => y(t));
-      }) : y(t);
-    }
-    function H(t) {
-      document.readyState === "complete" ? (0, I.requestIdleCallback)(() => y(t)) : window.addEventListener("load", () => {
-        (0, I.requestIdleCallback)(() => y(t));
-      });
-    }
-    function T() {
-      [
-        ...document.querySelectorAll('[data-nscript="beforeInteractive"]'),
-        ...document.querySelectorAll('[data-nscript="beforePageRender"]')
-      ].forEach((e) => {
-        const n = e.id || e.getAttribute("src");
-        p.add(n);
-      });
-    }
-    function $(t) {
-      t.forEach(C), T();
-    }
-    function E(t) {
-      const { id: e, src: n = "", onLoad: s = () => {
-      }, onReady: l = null, strategy: i = "afterInteractive", onError: _, stylesheets: S, ...r } = t, { updateScripts: q, scripts: c, getIsSsr: d, appDir: a, nonce: u } = (0, g.useContext)(R.HeadManagerContext), m = (0, g.useRef)(!1);
-      (0, g.useEffect)(() => {
-        const f = e || n;
-        m.current || (l && f && p.has(f) && l(), m.current = !0);
-      }, [
-        l,
-        e,
-        n
-      ]);
-      const b = (0, g.useRef)(!1);
-      if ((0, g.useEffect)(() => {
-        b.current || (i === "afterInteractive" ? y(t) : i === "lazyOnload" && H(t), b.current = !0);
-      }, [
-        t,
-        i
-      ]), (i === "beforeInteractive" || i === "worker") && (q ? (c[i] = (c[i] || []).concat([
-        {
-          id: e,
-          src: n,
-          onLoad: s,
-          onReady: l,
-          onError: _,
-          ...r
-        }
-      ]), q(c)) : d && d() ? p.add(e || n) : d && !d() && y(t)), a) {
-        if (S && S.forEach((f) => {
-          h.default.preinit(f, {
-            as: "style"
-          });
-        }), i === "beforeInteractive")
-          return n ? (h.default.preload(n, r.integrity ? {
-            as: "script",
-            integrity: r.integrity,
-            nonce: u,
-            crossOrigin: r.crossOrigin
-          } : {
-            as: "script",
-            nonce: u,
-            crossOrigin: r.crossOrigin
-          }), /* @__PURE__ */ (0, O.jsx)("script", {
-            nonce: u,
-            dangerouslySetInnerHTML: {
-              __html: "(self.__next_s=self.__next_s||[]).push(" + JSON.stringify([
-                n,
-                {
-                  ...r,
-                  id: e
-                }
-              ]) + ")"
-            }
-          })) : (r.dangerouslySetInnerHTML && (r.children = r.dangerouslySetInnerHTML.__html, delete r.dangerouslySetInnerHTML), /* @__PURE__ */ (0, O.jsx)("script", {
-            nonce: u,
-            dangerouslySetInnerHTML: {
-              __html: "(self.__next_s=self.__next_s||[]).push(" + JSON.stringify([
-                0,
-                {
-                  ...r,
-                  id: e
-                }
-              ]) + ")"
-            }
-          }));
-        i === "afterInteractive" && n && h.default.preload(n, r.integrity ? {
-          as: "script",
-          integrity: r.integrity,
-          nonce: u,
-          crossOrigin: r.crossOrigin
-        } : {
-          as: "script",
-          nonce: u,
-          crossOrigin: r.crossOrigin
-        });
+      if (o) {
+        let a = t.i18nProvider ? t.i18nProvider.analyze(e.pathname) : (0, c.normalizeLocalePath)(e.pathname, o.locales);
+        e.locale = a.detectedLocale;
+        var m;
+        e.pathname = (m = a.pathname) != null ? m : e.pathname, !a.detectedLocale && e.buildId && (a = t.i18nProvider ? t.i18nProvider.analyze(n) : (0, c.normalizeLocalePath)(n, o.locales), a.detectedLocale && (e.locale = a.detectedLocale));
       }
-      return null;
+      return e;
     }
-    Object.defineProperty(E, "__nextScript", {
-      value: !0
-    });
-    const z = E;
-    (typeof o.default == "function" || typeof o.default == "object" && o.default !== null) && typeof o.default.__esModule > "u" && (Object.defineProperty(o.default, "__esModule", { value: !0 }), Object.assign(o.default, o), x.exports = o.default);
-  }(L, L.exports), L.exports);
+  }(l), l);
 }
 export {
-  ie as __require
+  N as __require
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instockng/storefront-ui",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "description": "Pre-built UI components for OMS e-commerce sites",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/CartItem.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 /**
  * CartItem Component
  *
@@ -50,6 +52,8 @@ export function CartItem({
     setIsRemoving(false);
   }, [item.id, removeItem]);
 
+  const itemThumbnailUrl = item.variant.thumbnailUrl ?? item.variant.product.thumbnailUrl;
+
   return (
     <div
       className={cn(
@@ -60,9 +64,9 @@ export function CartItem({
     >
       {/* Product Image */}
       <div className="h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-gray-100">
-        {item.variant.product.thumbnailUrl ? (
+        {itemThumbnailUrl ? (
           <img
-            src={item.variant.product.thumbnailUrl}
+            src={itemThumbnailUrl}
             alt={item.variant.product.name}
             className="h-full w-full object-cover"
           />

package/src/components/DiscountCodeInput.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 /**
  * DiscountCodeInput Component
  *

package/src/components/ProductCard.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 /**
  * ProductCard Component
  *