@shopify/shop-minis-react 0.0.28 → 0.0.30

package/dist/_virtual/index10.js

@@ -1,5 +1,5 @@
-var e = { exports: {} };
+var r = {};
 export {
-  e as __module
+  r as __exports
 };
 //# sourceMappingURL=index10.js.map

package/dist/_virtual/index2.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../shop-minis-react/node_modules/.pnpm/@videojs_xhr@2.7.0/node_modules/@videojs/xhr/lib/index.js";
-var t = o();
-const a = /* @__PURE__ */ r(t);
+import { __require as o } from "../shop-minis-react/node_modules/.pnpm/color@4.2.3/node_modules/color/index.js";
+var t = /* @__PURE__ */ o();
+const l = /* @__PURE__ */ r(t);
 export {
-  a as default
+  l as default
 };
 //# sourceMappingURL=index2.js.map

package/dist/_virtual/index3.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../shop-minis-react/node_modules/.pnpm/color@4.2.3/node_modules/color/index.js";
-var t = /* @__PURE__ */ o();
-const l = /* @__PURE__ */ r(t);
+import { __require as o } from "../shop-minis-react/node_modules/.pnpm/@videojs_xhr@2.7.0/node_modules/@videojs/xhr/lib/index.js";
+var t = o();
+const a = /* @__PURE__ */ r(t);
 export {
-  l as default
+  a as default
 };
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index5.js

@@ -1,5 +1,6 @@
-var e = { exports: {} };
+import { __require as r } from "../shop-minis-react/node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js";
+var i = r();
 export {
-  e as __module
+  i as s
 };
 //# sourceMappingURL=index5.js.map

package/dist/_virtual/index5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/_virtual/index6.js

@@ -1,6 +1,5 @@
-import { __require as r } from "../shop-minis-react/node_modules/.pnpm/@xmldom_xmldom@0.8.10/node_modules/@xmldom/xmldom/lib/index.js";
-var i = r();
+var e = { exports: {} };
 export {
-  i as l
+  e as __module
 };
 //# sourceMappingURL=index6.js.map

package/dist/_virtual/index6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index7.js

@@ -1,6 +1,6 @@
-import { __require as r } from "../shop-minis-react/node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js";
+import { __require as r } from "../shop-minis-react/node_modules/.pnpm/@xmldom_xmldom@0.8.10/node_modules/@xmldom/xmldom/lib/index.js";
 var i = r();
 export {
-  i as s
+  i as l
 };
 //# sourceMappingURL=index7.js.map

package/dist/_virtual/index9.js

@@ -1,5 +1,5 @@
-var r = {};
+var e = { exports: {} };
 export {
-  r as __exports
+  e as __module
 };
 //# sourceMappingURL=index9.js.map

package/dist/components/atoms/list.js

@@ -1,48 +1,54 @@
-import { jsxs as u, jsx as o } from "react/jsx-runtime";
-import { useCallback as f } from "react";
-import { VariableSizeList as V } from "../../shop-minis-react/node_modules/.pnpm/react-window@1.8.11_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-window/dist/index.esm.js";
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useRef as V, useCallback as f } from "react";
+import { VariableSizeList as _ } from "../../shop-minis-react/node_modules/.pnpm/react-window@1.8.11_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-window/dist/index.esm.js";
 import { cn as j } from "../../lib/utils.js";
 /* empty css                         */
 import { Pagination as C } from "./pagination.js";
-const N = V;
+const N = _;
 function q({
-  items: r,
+  items: t,
   height: p,
-  renderItem: l,
-  className: m,
-  showScrollbar: v = !1,
-  header: t,
-  headerHeight: n,
-  itemSizeForRow: s,
-  fetchMore: a,
-  overscanCount: b,
-  ...L
+  renderItem: o,
+  className: v,
+  showScrollbar: b = !1,
+  header: i,
+  headerHeight: c,
+  itemSizeForRow: a,
+  fetchMore: l,
+  overscanCount: g,
+  ...h
 }) {
-  const g = f(
-    ({ index: i, style: c }) => t && i === 0 ? /* @__PURE__ */ u("div", { style: c, children: [
-      t,
-      /* @__PURE__ */ o("div", { style: { top: n }, children: l(r[0], 0) })
-    ] }) : a && i === r.length - 1 ? /* @__PURE__ */ u("div", { style: c, children: [
-      l(r[i], i),
-      /* @__PURE__ */ o("div", { style: { bottom: 0 }, children: /* @__PURE__ */ o(C, { fetchMore: a }) })
-    ] }) : /* @__PURE__ */ o("div", { style: c, children: l(r[i], i) }),
-    [r, l, t, a, n]
+  const s = V(null), e = f(() => {
+    if (s.current) return;
+    const r = Promise.resolve(l?.()).finally(() => {
+      s.current === r && (s.current = null);
+    });
+    s.current = r;
+  }, [l]), L = f(
+    ({ index: r, style: u }) => i && r === 0 ? /* @__PURE__ */ m("div", { style: u, children: [
+      i,
+      /* @__PURE__ */ n("div", { style: { top: c }, children: o(t[0], 0) })
+    ] }) : l && r === t.length - 1 ? /* @__PURE__ */ m("div", { style: u, children: [
+      o(t[r], r),
+      /* @__PURE__ */ n("div", { style: { bottom: 0 }, children: /* @__PURE__ */ n(C, { fetchMore: e }) })
+    ] }) : /* @__PURE__ */ n("div", { style: u, children: o(t[r], r) }),
+    [t, o, i, c, e, l]
   ), z = f(
-    (i) => t && i === 0 ? (n || 0) + s(i) : s(i),
-    [s, t, n]
-  ), S = j(v ? void 0 : "no-scrollbars", m);
-  return /* @__PURE__ */ o(
+    (r) => i && r === 0 ? (c || 0) + a(r) : a(r),
+    [a, i, c]
+  ), S = j(b ? void 0 : "no-scrollbars", v);
+  return /* @__PURE__ */ n(
     N,
     {
       className: S,
       height: p,
       direction: "vertical",
       width: "100%",
-      itemCount: r.length,
-      overscanCount: b,
+      itemCount: t.length,
+      overscanCount: g,
       itemSize: z,
-      ...L,
-      children: g
+      ...h,
+      children: L
     }
   );
 }

package/dist/components/atoms/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../src/components/atoms/list.tsx"],"sourcesContent":["import {ComponentType, useCallback} from 'react'\n\nimport {\n  VariableSizeList as _VariableSizeList,\n  VariableSizeListProps,\n} from 'react-window'\n\nimport {cn} from '../../lib/utils'\nimport '../../styles/utilities.css'\n\nimport {Pagination} from './pagination'\n\nconst VariableSizeList =\n  _VariableSizeList as unknown as ComponentType<VariableSizeListProps>\n\ninterface Props<T = any>\n  extends Omit<\n    VariableSizeListProps<T>,\n    'children' | 'itemCount' | 'width' | 'itemSize' | 'direction'\n  > {\n  items: T[]\n  renderItem: (item: T, index: number) => React.ReactNode\n  itemSizeForRow: (index: number) => number\n  showScrollbar?: boolean\n  header?: React.ReactNode\n  headerHeight?: number\n  fetchMore?: () => void\n}\n\nexport function List<T = any>({\n  items,\n  height,\n  renderItem,\n  className,\n  showScrollbar = false,\n  header,\n  headerHeight,\n  itemSizeForRow,\n  fetchMore,\n  overscanCount,\n  ...listProps\n}: Props<T>) {\n  const rowRenderer = useCallback(\n    ({index, style}: {index: number; style: React.CSSProperties}) => {\n      // prepend the header to the first row if it exists\n      if (header && index === 0) {\n        return (\n          <div style={style}>\n            {header}\n            <div style={{top: headerHeight}}>{renderItem(items[0], 0)}</div>\n          </div>\n        )\n      }\n\n      // append the pagination spinner to the last row if fetchMore exists\n      if (fetchMore && index === items.length - 1) {\n        return (\n          <div style={style}>\n            {renderItem(items[index], index)}\n            <div style={{bottom: 0}}>\n              <Pagination fetchMore={fetchMore} />\n            </div>\n          </div>\n        )\n      }\n\n      return <div style={style}>{renderItem(items[index], index)}</div>\n    },\n    [items, renderItem, header, fetchMore, headerHeight]\n  )\n\n  const getItemSize = useCallback(\n    (index: number) => {\n      // include the header height in the first row height\n      if (header && index === 0) {\n        const _headerHeight = headerHeight || 0\n        return _headerHeight + itemSizeForRow(index)\n      }\n\n      return itemSizeForRow(index)\n    },\n    [itemSizeForRow, header, headerHeight]\n  )\n\n  const classNames = cn(showScrollbar ? undefined : 'no-scrollbars', className)\n\n  return (\n    <VariableSizeList\n      className={classNames}\n      height={height}\n      direction=\"vertical\"\n      width=\"100%\"\n      itemCount={items.length}\n      overscanCount={overscanCount}\n      itemSize={getItemSize}\n      {...listProps}\n    >\n      {rowRenderer}\n    </VariableSizeList>\n  )\n}\n"],"names":["VariableSizeList","_VariableSizeList","List","items","height","renderItem","className","showScrollbar","header","headerHeight","itemSizeForRow","fetchMore","overscanCount","listProps","rowRenderer","useCallback","index","style","jsxs","jsx","Pagination","getItemSize","classNames","cn"],"mappings":";;;;;;AAYA,MAAMA,IACJC;AAgBK,SAASC,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,GAAa;AACX,QAAMC,IAAcC;AAAA,IAClB,CAAC,EAAC,OAAAC,GAAO,OAAAC,QAEHT,KAAUQ,MAAU,IAEpB,gBAAAE,EAAC,SAAI,OAAAD,GACF,UAAA;AAAA,MAAAT;AAAA,MACA,gBAAAW,EAAA,OAAA,EAAI,OAAO,EAAC,KAAKV,EAAA,GAAgB,UAAAJ,EAAWF,EAAM,CAAC,GAAG,CAAC,EAAE,CAAA;AAAA,IAAA,GAC5D,IAKAQ,KAAaK,MAAUb,EAAM,SAAS,IAEtC,gBAAAe,EAAC,SAAI,OAAAD,GACF,UAAA;AAAA,MAAWZ,EAAAF,EAAMa,CAAK,GAAGA,CAAK;AAAA,MAC/B,gBAAAG,EAAC,OAAI,EAAA,OAAO,EAAC,QAAQ,KACnB,UAAA,gBAAAA,EAACC,GAAW,EAAA,WAAAT,EAAsB,CAAA,EACpC,CAAA;AAAA,IAAA,GACF,IAIG,gBAAAQ,EAAC,SAAI,OAAAF,GAAe,UAAAZ,EAAWF,EAAMa,CAAK,GAAGA,CAAK,GAAE;AAAA,IAE7D,CAACb,GAAOE,GAAYG,GAAQG,GAAWF,CAAY;AAAA,EACrD,GAEMY,IAAcN;AAAA,IAClB,CAACC,MAEKR,KAAUQ,MAAU,KACAP,KAAgB,KACfC,EAAeM,CAAK,IAGtCN,EAAeM,CAAK;AAAA,IAE7B,CAACN,GAAgBF,GAAQC,CAAY;AAAA,EACvC,GAEMa,IAAaC,EAAGhB,IAAgB,SAAY,iBAAiBD,CAAS;AAG1E,SAAA,gBAAAa;AAAA,IAACnB;AAAA,IAAA;AAAA,MACC,WAAWsB;AAAA,MACX,QAAAlB;AAAA,MACA,WAAU;AAAA,MACV,OAAM;AAAA,MACN,WAAWD,EAAM;AAAA,MACjB,eAAAS;AAAA,MACA,UAAUS;AAAA,MACT,GAAGR;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"list.js","sources":["../../../src/components/atoms/list.tsx"],"sourcesContent":["import {ComponentType, useCallback, useRef} from 'react'\n\nimport {\n  VariableSizeList as _VariableSizeList,\n  VariableSizeListProps,\n} from 'react-window'\n\nimport {cn} from '../../lib/utils'\nimport '../../styles/utilities.css'\n\nimport {Pagination} from './pagination'\n\nconst VariableSizeList =\n  _VariableSizeList as unknown as ComponentType<VariableSizeListProps>\n\ninterface Props<T = any>\n  extends Omit<\n    VariableSizeListProps<T>,\n    'children' | 'itemCount' | 'width' | 'itemSize' | 'direction'\n  > {\n  items: T[]\n  renderItem: (item: T, index: number) => React.ReactNode\n  itemSizeForRow: (index: number) => number\n  showScrollbar?: boolean\n  header?: React.ReactNode\n  headerHeight?: number\n  fetchMore?: () => Promise<void>\n}\n\nexport function List<T = any>({\n  items,\n  height,\n  renderItem,\n  className,\n  showScrollbar = false,\n  header,\n  headerHeight,\n  itemSizeForRow,\n  fetchMore,\n  overscanCount,\n  ...listProps\n}: Props<T>) {\n  const inFlightFetchMoreRef = useRef<Promise<void> | null>(null)\n\n  // This is workaround to prevent multiple calls to fetchMore\n  // react-window re-renders the rows while scrolling,\n  // and the TrackingPixel could be triggered multiple times\n\n  const _fetchMore = useCallback(() => {\n    // Dedupe concurrent calls by returning the same in-flight promise\n    if (inFlightFetchMoreRef.current) return\n\n    const current = Promise.resolve(fetchMore?.()).finally(() => {\n      // Only clear if this is still the most recent promise\n      if (inFlightFetchMoreRef.current === current) {\n        inFlightFetchMoreRef.current = null\n      }\n    })\n\n    inFlightFetchMoreRef.current = current\n  }, [fetchMore])\n\n  const rowRenderer = useCallback(\n    ({index, style}: {index: number; style: React.CSSProperties}) => {\n      // prepend the header to the first row if it exists\n      if (header && index === 0) {\n        return (\n          <div style={style}>\n            {header}\n            <div style={{top: headerHeight}}>{renderItem(items[0], 0)}</div>\n          </div>\n        )\n      }\n\n      // append the pagination spinner to the last row if fetchMore exists\n      if (fetchMore && index === items.length - 1) {\n        return (\n          <div style={style}>\n            {renderItem(items[index], index)}\n            <div style={{bottom: 0}}>\n              <Pagination fetchMore={_fetchMore} />\n            </div>\n          </div>\n        )\n      }\n\n      return <div style={style}>{renderItem(items[index], index)}</div>\n    },\n    [items, renderItem, header, headerHeight, _fetchMore, fetchMore]\n  )\n\n  const getItemSize = useCallback(\n    (index: number) => {\n      // include the header height in the first row height\n      if (header && index === 0) {\n        const _headerHeight = headerHeight || 0\n        return _headerHeight + itemSizeForRow(index)\n      }\n\n      return itemSizeForRow(index)\n    },\n    [itemSizeForRow, header, headerHeight]\n  )\n\n  const classNames = cn(showScrollbar ? undefined : 'no-scrollbars', className)\n\n  return (\n    <VariableSizeList\n      className={classNames}\n      height={height}\n      direction=\"vertical\"\n      width=\"100%\"\n      itemCount={items.length}\n      overscanCount={overscanCount}\n      itemSize={getItemSize}\n      {...listProps}\n    >\n      {rowRenderer}\n    </VariableSizeList>\n  )\n}\n"],"names":["VariableSizeList","_VariableSizeList","List","items","height","renderItem","className","showScrollbar","header","headerHeight","itemSizeForRow","fetchMore","overscanCount","listProps","inFlightFetchMoreRef","useRef","_fetchMore","useCallback","current","rowRenderer","index","style","jsxs","jsx","Pagination","getItemSize","classNames","cn"],"mappings":";;;;;;AAYA,MAAMA,IACJC;AAgBK,SAASC,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,GAAa;AACL,QAAAC,IAAuBC,EAA6B,IAAI,GAMxDC,IAAaC,EAAY,MAAM;AAEnC,QAAIH,EAAqB,QAAS;AAElC,UAAMI,IAAU,QAAQ,QAAQP,IAAa,CAAA,EAAE,QAAQ,MAAM;AAEvD,MAAAG,EAAqB,YAAYI,MACnCJ,EAAqB,UAAU;AAAA,IACjC,CACD;AAED,IAAAA,EAAqB,UAAUI;AAAA,EAAA,GAC9B,CAACP,CAAS,CAAC,GAERQ,IAAcF;AAAA,IAClB,CAAC,EAAC,OAAAG,GAAO,OAAAC,QAEHb,KAAUY,MAAU,IAEpB,gBAAAE,EAAC,SAAI,OAAAD,GACF,UAAA;AAAA,MAAAb;AAAA,MACA,gBAAAe,EAAA,OAAA,EAAI,OAAO,EAAC,KAAKd,EAAA,GAAgB,UAAAJ,EAAWF,EAAM,CAAC,GAAG,CAAC,EAAE,CAAA;AAAA,IAAA,GAC5D,IAKAQ,KAAaS,MAAUjB,EAAM,SAAS,IAEtC,gBAAAmB,EAAC,SAAI,OAAAD,GACF,UAAA;AAAA,MAAWhB,EAAAF,EAAMiB,CAAK,GAAGA,CAAK;AAAA,MAC/B,gBAAAG,EAAC,OAAI,EAAA,OAAO,EAAC,QAAQ,EAAC,GACpB,UAAC,gBAAAA,EAAAC,GAAA,EAAW,WAAWR,EAAY,CAAA,EACrC,CAAA;AAAA,IAAA,GACF,IAIG,gBAAAO,EAAC,SAAI,OAAAF,GAAe,UAAAhB,EAAWF,EAAMiB,CAAK,GAAGA,CAAK,GAAE;AAAA,IAE7D,CAACjB,GAAOE,GAAYG,GAAQC,GAAcO,GAAYL,CAAS;AAAA,EACjE,GAEMc,IAAcR;AAAA,IAClB,CAACG,MAEKZ,KAAUY,MAAU,KACAX,KAAgB,KACfC,EAAeU,CAAK,IAGtCV,EAAeU,CAAK;AAAA,IAE7B,CAACV,GAAgBF,GAAQC,CAAY;AAAA,EACvC,GAEMiB,IAAaC,EAAGpB,IAAgB,SAAY,iBAAiBD,CAAS;AAG1E,SAAA,gBAAAiB;AAAA,IAACvB;AAAA,IAAA;AAAA,MACC,WAAW0B;AAAA,MACX,QAAAtB;AAAA,MACA,WAAU;AAAA,MACV,OAAM;AAAA,MACN,WAAWD,EAAM;AAAA,MACjB,eAAAS;AAAA,MACA,UAAUa;AAAA,MACT,GAAGZ;AAAA,MAEH,UAAAM;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/commerce/product-link.js

@@ -1,16 +1,16 @@
-import { jsxs as c, jsx as t, Fragment as F } from "react/jsx-runtime";
+import { jsxs as c, jsx as t, Fragment as j } from "react/jsx-runtime";
 import * as w from "react";
-import { cva as j } from "../../shop-minis-react/node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { useShopNavigation as O } from "../../hooks/navigation/useShopNavigation.js";
-import { useSavedProductsActions as M } from "../../hooks/user/useSavedProductsActions.js";
-import { formatMoney as A } from "../../lib/formatMoney.js";
+import { cva as O } from "../../shop-minis-react/node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { useShopNavigation as M } from "../../hooks/navigation/useShopNavigation.js";
+import { useSavedProductsActions as D } from "../../hooks/user/useSavedProductsActions.js";
+import { formatMoney as z } from "../../lib/formatMoney.js";
 import { cn as n } from "../../lib/utils.js";
-import { FavoriteButton as D } from "../atoms/favorite-button.js";
-import { Touchable as z } from "../atoms/touchable.js";
-import { Card as q, CardContent as B, CardAction as U } from "../ui/card.js";
-import _ from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/star.js";
-import { Root as E } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.6_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.js";
-const G = j("", {
+import { FavoriteButton as q } from "../atoms/favorite-button.js";
+import { Touchable as T } from "../atoms/touchable.js";
+import { Card as B, CardContent as U, CardAction as _ } from "../ui/card.js";
+import E from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/star.js";
+import { Root as G } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.6_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.js";
+const H = O("", {
   variants: {
     layout: {
       horizontal: "w-full !flex-row items-center gap-3 px-4 py-3",
@@ -27,16 +27,16 @@ const G = j("", {
     discount: "none"
   }
 });
-function H({
-  className: o,
-  layout: e,
+function J({
+  className: e,
+  layout: o,
   discount: r,
-  asChild: i = !1,
+  asChild: a = !1,
   onPress: l,
-  ...a
+  ...s
 }) {
   return /* @__PURE__ */ t(
-    z,
+    T,
     {
       onClick: l,
       whileTap: { opacity: 0.7 },
@@ -44,22 +44,22 @@ function H({
         opacity: { type: "tween", duration: 0.08, ease: "easeInOut" }
       },
       children: /* @__PURE__ */ t(
-        i ? E : q,
+        a ? G : B,
         {
           className: n(
-            G({ layout: e, discount: r }),
+            H({ layout: o, discount: r }),
             "border-0 bg-white rounded-xl shadow-lg shadow-black/10",
-            o
+            e
           ),
-          ...a
+          ...s
         }
       )
     }
   );
 }
-function J({
-  className: o,
-  layout: e = "horizontal",
+function K({
+  className: e,
+  layout: o = "horizontal",
   ...r
 }) {
   return /* @__PURE__ */ t(
@@ -68,32 +68,32 @@ function J({
       "data-slot": "product-link-image",
       className: n(
         "overflow-hidden rounded-md bg-muted",
-        e === "horizontal" ? "h-16 w-16 flex-shrink-0" : "aspect-square w-full",
-        o
+        o === "horizontal" ? "h-16 w-16 flex-shrink-0" : "aspect-square w-full",
+        e
       ),
       ...r
     }
   );
 }
-function K({
-  className: o,
-  layout: e = "horizontal",
+function Q({
+  className: e,
+  layout: o = "horizontal",
   ...r
 }) {
   return /* @__PURE__ */ t(
-    B,
+    U,
     {
       className: n(
-        e === "horizontal" ? "flex-1 min-w-0 space-y-1 px-0 py-0" : "space-y-2",
-        o
+        o === "horizontal" ? "flex-1 min-w-0 space-y-1 px-0 py-0" : "space-y-2",
+        e
       ),
       ...r
     }
   );
 }
-function Q({
-  className: o,
-  children: e,
+function W({
+  className: e,
+  children: o,
   ...r
 }) {
   return /* @__PURE__ */ t(
@@ -102,188 +102,192 @@ function Q({
       "data-slot": "product-link-title",
       className: n(
         "text-sm font-medium leading-tight text-gray-900 truncate overflow-hidden whitespace-nowrap text-ellipsis",
-        o
+        e
       ),
       ...r,
-      children: e
+      children: o
     }
   );
 }
-function W({ className: o, ...e }) {
+function X({ className: e, ...o }) {
   return /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "product-link-price",
-      className: n("flex items-center gap-2", o),
-      ...e
+      className: n("flex items-center gap-2", e),
+      ...o
     }
   );
 }
-function X({
-  className: o,
-  ...e
+function Y({
+  className: e,
+  ...o
 }) {
   return /* @__PURE__ */ t(
     "span",
     {
       "data-slot": "product-link-current-price",
-      className: n("text-sm font-semibold text-gray-900", o),
-      ...e
+      className: n("text-sm font-semibold text-gray-900", e),
+      ...o
     }
   );
 }
-function Y({
-  className: o,
-  ...e
+function Z({
+  className: e,
+  ...o
 }) {
   return /* @__PURE__ */ t(
     "span",
     {
       "data-slot": "product-link-original-price",
-      className: n("text-sm text-gray-500 line-through", o),
-      ...e
+      className: n("text-sm text-gray-500 line-through", e),
+      ...o
     }
   );
 }
-function Z({
-  className: o,
-  ...e
+function $({
+  className: e,
+  ...o
 }) {
   return /* @__PURE__ */ t(
     "span",
     {
       "data-slot": "product-link-discount-price",
-      className: n("text-sm font-semibold text-red-600", o),
-      ...e
+      className: n("text-sm font-semibold text-red-600", e),
+      ...o
     }
   );
 }
-function $({ className: o, ...e }) {
+function tt({ className: e, ...o }) {
   return /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "product-link-rating",
       className: n(
         "flex items-center gap-1 text-xs text-muted-foreground",
-        o
+        e
       ),
-      ...e
+      ...o
     }
   );
 }
-function tt({
-  className: o,
-  onPress: e,
+function et({
+  className: e,
+  onPress: o,
   filled: r = !1,
-  ...i
+  ...a
 }) {
   return /* @__PURE__ */ t(
-    U,
+    _,
     {
-      className: n("flex-shrink-0 self-center px-0 py-0", o),
-      ...i,
+      className: n("flex-shrink-0 self-center px-0 py-0", e),
+      ...a,
       children: /* @__PURE__ */ t(
-        z,
+        T,
         {
           stopPropagation: !0,
-          onClick: e,
+          onClick: o,
           whileTap: { opacity: 0.7, scale: 0.95 },
           transition: {
             opacity: { type: "tween", duration: 0.08, ease: "easeInOut" },
             scale: { type: "tween", duration: 0.08, ease: "easeInOut" }
           },
-          children: /* @__PURE__ */ t(D, { filled: r, onClick: e })
+          children: /* @__PURE__ */ t(q, { filled: r, onClick: o })
         }
       )
     }
   );
 }
-function mt({ product: o, hideFavoriteAction: e = !1 }) {
-  const { navigateToProduct: r } = O(), { saveProduct: i, unsaveProduct: l } = M(), {
-    id: a,
-    title: u,
-    featuredImage: P,
+function pt({
+  product: e,
+  hideFavoriteAction: o = !1,
+  onClick: r
+}) {
+  const { navigateToProduct: a } = M(), { saveProduct: l, unsaveProduct: s } = D(), {
+    id: i,
+    title: P,
+    featuredImage: N,
     reviewAnalytics: C,
     price: m,
     compareAtPrice: p,
-    isFavorited: T,
+    isFavorited: R,
     selectedVariant: f,
     defaultVariantId: h,
     shop: g
-  } = o, [x, N] = w.useState(T), y = C?.averageRating, I = C?.reviewCount, v = m?.amount ? A(m?.amount, m?.currencyCode) : void 0, L = P?.url, R = P?.altText || u, k = p?.amount ? A(p?.amount, p?.currencyCode) : void 0, b = k && k !== v, S = w.useCallback(() => {
-    r({
-      productId: a
-    });
-  }, [r, a]), V = w.useCallback(async () => {
-    const s = x;
-    N(!s);
+  } = e, [x, I] = w.useState(R), y = C?.averageRating, L = C?.reviewCount, v = m?.amount ? z(m?.amount, m?.currencyCode) : void 0, b = N?.url, S = N?.altText || P, k = p?.amount ? z(p?.amount, p?.currencyCode) : void 0, A = k && k !== v, V = w.useCallback(() => {
+    a({
+      productId: i
+    }), r?.(e);
+  }, [a, i, r, e]), F = w.useCallback(async () => {
+    const d = x;
+    I(!d);
     try {
-      s ? await l({
-        productId: a,
+      d ? await s({
+        productId: i,
         shopId: g.id,
         productVariantId: f?.id || h
-      }) : await i({
-        productId: a,
+      }) : await l({
+        productId: i,
         shopId: g.id,
         productVariantId: f?.id || h
       });
     } catch {
-      N(s);
+      I(d);
     }
   }, [
     x,
-    a,
+    i,
     g.id,
     f?.id,
     h,
-    i,
-    l
+    l,
+    s
   ]);
   return /* @__PURE__ */ c(
-    H,
+    J,
     {
       layout: "horizontal",
-      discount: b ? "small" : "none",
-      onPress: S,
+      discount: A ? "small" : "none",
+      onPress: V,
       children: [
-        /* @__PURE__ */ t(J, { layout: "horizontal", children: L ? /* @__PURE__ */ t(
+        /* @__PURE__ */ t(K, { layout: "horizontal", children: b ? /* @__PURE__ */ t(
           "img",
           {
-            src: L,
-            alt: R,
+            src: b,
+            alt: S,
             className: "h-full w-full object-cover"
           }
         ) : /* @__PURE__ */ t("div", { className: "h-full w-full bg-muted flex items-center justify-center text-muted-foreground text-xs", children: "No Image" }) }),
-        /* @__PURE__ */ c(K, { layout: "horizontal", children: [
-          /* @__PURE__ */ t(Q, { children: u }),
-          I && y && /* @__PURE__ */ t($, { children: /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
-            Array.from({ length: 5 }, (s, d) => /* @__PURE__ */ t(
-              _,
+        /* @__PURE__ */ c(Q, { layout: "horizontal", children: [
+          /* @__PURE__ */ t(W, { children: P }),
+          L && y ? /* @__PURE__ */ t(tt, { children: /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
+            Array.from({ length: 5 }, (d, u) => /* @__PURE__ */ t(
+              E,
               {
-                fill: d < Math.floor(y) ? "currentColor" : "none",
+                fill: u < Math.floor(y) ? "currentColor" : "none",
                 className: n(
                   "h-3 w-3",
-                  d < Math.floor(y) ? "text-primary" : "text-gray-300"
+                  u < Math.floor(y) ? "text-primary" : "text-gray-300"
                 )
               },
-              d
+              u
             )),
             /* @__PURE__ */ c("span", { className: "text-xs text-gray-600 ml-1", children: [
               "(",
-              I,
+              L,
               ")"
             ] })
-          ] }) }),
-          /* @__PURE__ */ t(W, { children: b ? /* @__PURE__ */ c(F, { children: [
-            /* @__PURE__ */ t(Z, { children: v }),
-            /* @__PURE__ */ t(Y, { children: k })
-          ] }) : /* @__PURE__ */ t(X, { children: v }) })
+          ] }) }) : null,
+          /* @__PURE__ */ t(X, { children: A ? /* @__PURE__ */ c(j, { children: [
+            /* @__PURE__ */ t($, { children: v }),
+            /* @__PURE__ */ t(Z, { children: k })
+          ] }) : /* @__PURE__ */ t(Y, { children: v }) })
         ] }),
-        e ? null : /* @__PURE__ */ t(
-          tt,
+        o ? null : /* @__PURE__ */ t(
+          et,
           {
             filled: x,
-            onPress: V
+            onPress: F
           }
         )
       ]
@@ -291,6 +295,6 @@ function mt({ product: o, hideFavoriteAction: e = !1 }) {
   );
 }
 export {
-  mt as ProductLink
+  pt as ProductLink
 };
 //# sourceMappingURL=product-link.js.map