@shopify/shop-minis-react 0.4.1 → 0.4.3

package/dist/_virtual/index3.js

@@ -1,5 +1,8 @@
-var r = {};
+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);
 export {
-  r as __exports
+  a as default
 };
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index3.js.map

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

package/dist/_virtual/index4.js

@@ -1,8 +1,5 @@
-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);
+var r = {};
 export {
-  a as default
+  r as __exports
 };
 //# sourceMappingURL=index4.js.map

package/dist/_virtual/index4.js.map

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

package/dist/components/atoms/list.js

@@ -1,70 +1,62 @@
-import { jsx as e, Fragment as D, jsxs as g } from "react/jsx-runtime";
-import { useRef as f, useCallback as a, useEffect as w } from "react";
-import { Virtuoso as I } from "../../shop-minis-react/node_modules/.pnpm/react-virtuoso@4.14.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-virtuoso/dist/index.js";
-import { RefreshIndicator as M } from "../../internal/components/refresh-indicator.js";
-import { usePullToRefresh as U } from "../../internal/usePullToRefresh.js";
-import { findVirtuosoScrollableElement as V } from "../../internal/utils/virtuoso-dom.js";
-import { cn as x } from "../../lib/utils.js";
+import { jsx as e, Fragment as E, jsxs as w } from "react/jsx-runtime";
+import { useRef as d, useCallback as a, useEffect as b } from "react";
+import { Virtuoso as g } from "../../shop-minis-react/node_modules/.pnpm/react-virtuoso@4.14.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-virtuoso/dist/index.js";
+import { RefreshIndicator as k } from "../../internal/components/refresh-indicator.js";
+import { usePullToRefresh as I } from "../../internal/usePullToRefresh.js";
+import { findVirtuosoScrollableElement as M } from "../../internal/utils/virtuoso-dom.js";
+import { cn as v } from "../../lib/utils.js";
 /* empty css                         */
-import { Pagination as k } from "./pagination.js";
-const H = 200, q = 100;
-function W({
-  items: L,
-  height: N,
-  renderItem: p,
-  className: _,
-  showScrollbar: F = !1,
+import { Skeleton as U } from "../ui/skeleton.js";
+const D = 200, V = 100;
+function Q({
+  items: N,
+  height: x,
+  renderItem: f,
+  className: H,
+  showScrollbar: L = !1,
   header: u,
   fetchMore: r,
-  loadingComponent: E,
-  isFetchingMore: h,
+  loadingComponent: p,
   onRefresh: n,
   refreshing: m,
   enablePullToRefresh: i = !0,
-  ...R
+  ...F
 }) {
-  const l = f(null), y = f(null), s = f(null), { state: o, bindToElement: v } = U({
+  const s = d(null), _ = d(null), o = d(null), { state: l, bindToElement: h } = I({
     onRefresh: n,
-    threshold: H,
+    threshold: D,
     enabled: i && !!n
-  }), d = a(() => {
-    if (l.current) return;
+  }), R = a(() => {
+    if (s.current) return;
     const t = Promise.resolve(r?.()).finally(() => {
-      l.current === t && (l.current = null);
+      s.current === t && (s.current = null);
     });
-    l.current = t;
-  }, [r]), A = a(
-    (t, c) => /* @__PURE__ */ e(D, { children: p(c, t) }),
-    [p]
-  ), B = a(() => r ? /* @__PURE__ */ e(
-    k,
-    {
-      fetchMore: d,
-      loadingComponent: E,
-      isFetchingMore: h
-    }
-  ) : null, [d, r, E, h]), S = x(F ? void 0 : "no-scrollbars", _);
-  w(() => {
-    if (s.current && i && n) {
+    s.current = t;
+  }, [r]), S = a(
+    (t, c) => /* @__PURE__ */ e(E, { children: f(c, t) }),
+    [f]
+  ), y = a(() => r ? p ?? /* @__PURE__ */ e(U, { className: "h-10 w-full p-8" }) : null, [p, r]), A = v(L ? void 0 : "no-scrollbars", H);
+  b(() => {
+    if (o.current && i && n) {
       let t;
-      const j = setTimeout(() => {
-        if (!s.current) return;
-        const b = V(
-          s.current
+      const T = setTimeout(() => {
+        if (!o.current) return;
+        const j = M(
+          o.current
         );
-        t = v(b);
-      }, q);
+        t = h(j);
+      }, V);
       return () => {
-        clearTimeout(j), t && t();
+        clearTimeout(T), t && t();
       };
     }
-  }, [v, i, n]);
-  const T = a(() => {
-    const t = m ? Math.max(o.pullDistance, 140) : o.pullDistance, c = Math.min(
+  }, [h, i, n]);
+  const B = a(() => {
+    const t = m ? Math.max(l.pullDistance, 140) : l.pullDistance, c = Math.min(
       Math.max(t, 0),
       140
     );
-    return /* @__PURE__ */ g(D, { children: [
+    return /* @__PURE__ */ w(E, { children: [
       i && n && /* @__PURE__ */ e(
         "div",
         {
@@ -74,12 +66,12 @@ function W({
             overflow: "hidden"
           },
           children: /* @__PURE__ */ e(
-            M,
+            k,
             {
-              pullDistance: o.pullDistance,
-              threshold: H,
+              pullDistance: l.pullDistance,
+              threshold: D,
               isRefreshing: m ?? !1,
-              canRefresh: o.canRefresh,
+              canRefresh: l.canRefresh,
               className: "relative top-0 inset-x-auto"
             }
           )
@@ -87,34 +79,34 @@ function W({
       ),
       u && /* @__PURE__ */ e("div", { children: u })
     ] });
-  }, [u, i, n, o, m]);
+  }, [u, i, n, l, m]);
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: s,
-      className: x("relative transition-all duration-200", S),
+      ref: o,
+      className: v("relative transition-all duration-200", A),
       style: {
-        height: N
+        height: x
       },
       children: /* @__PURE__ */ e(
-        I,
+        g,
         {
-          ref: y,
+          ref: _,
           className: "h-full w-full",
-          data: L,
-          itemContent: A,
+          data: N,
+          itemContent: S,
           components: {
-            Header: T,
-            Footer: B
+            Header: B,
+            Footer: y
           },
-          endReached: r ? d : void 0,
-          ...R
+          endReached: r ? R : void 0,
+          ...F
         }
       )
     }
   );
 }
 export {
-  W as List
+  Q as List
 };
 //# sourceMappingURL=list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../src/components/atoms/list.tsx"],"sourcesContent":["import {useCallback, useEffect, useRef} from 'react'\n\nimport {Virtuoso, VirtuosoProps} from 'react-virtuoso'\n\nimport {RefreshIndicator} from '../../internal/components/refresh-indicator'\nimport {usePullToRefresh} from '../../internal/usePullToRefresh'\nimport {findVirtuosoScrollableElement} from '../../internal/utils/virtuoso-dom'\nimport {cn} from '../../lib/utils'\nimport '../../styles/utilities.css'\n\nimport {Pagination} from './pagination'\n\nconst DEFAULT_REFRESH_PULL_THRESHOLD = 200\nconst ELEMENT_BIND_DELAY = 100\n\ninterface Props<T = any>\n  extends Omit<\n    VirtuosoProps<T, unknown>,\n    'data' | 'itemContent' | 'endReached'\n  > {\n  items: T[]\n  renderItem: (item: T, index: number) => React.ReactNode\n  showScrollbar?: boolean\n  header?: React.ReactNode\n  fetchMore?: () => Promise<void>\n  loadingComponent?: React.ReactNode\n  isFetchingMore?: boolean\n  onRefresh?: () => Promise<void>\n  refreshing?: boolean\n  enablePullToRefresh?: boolean\n}\n\nexport function List<T = any>({\n  items,\n  height,\n  renderItem,\n  className,\n  showScrollbar = false,\n  header,\n  fetchMore,\n  loadingComponent,\n  isFetchingMore,\n  onRefresh,\n  refreshing,\n  enablePullToRefresh = true,\n  ...virtuosoProps\n}: Props<T>) {\n  const inFlightFetchMoreRef = useRef<Promise<void> | null>(null)\n  const virtuosoRef = useRef<any>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const {state: pullToRefreshState, bindToElement} = usePullToRefresh({\n    onRefresh,\n    threshold: DEFAULT_REFRESH_PULL_THRESHOLD,\n    enabled: enablePullToRefresh && Boolean(onRefresh),\n  })\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 itemContent = useCallback(\n    (index: number, item: T) => <>{renderItem(item, index)}</>,\n    [renderItem]\n  )\n\n  const Footer = useCallback(() => {\n    if (!fetchMore) return null\n\n    return (\n      <Pagination\n        fetchMore={_fetchMore}\n        loadingComponent={loadingComponent}\n        isFetchingMore={isFetchingMore}\n      />\n    )\n  }, [_fetchMore, fetchMore, loadingComponent, isFetchingMore])\n\n  const classNames = cn(showScrollbar ? undefined : 'no-scrollbars', className)\n\n  useEffect(() => {\n    if (containerRef.current && enablePullToRefresh && onRefresh) {\n      let cleanup: (() => void) | undefined\n\n      const findAndBind = () => {\n        if (!containerRef.current) return\n\n        const scrollableElement = findVirtuosoScrollableElement(\n          containerRef.current\n        )\n        cleanup = bindToElement(scrollableElement)\n      }\n\n      const timeoutId = setTimeout(findAndBind, ELEMENT_BIND_DELAY)\n\n      return () => {\n        clearTimeout(timeoutId)\n        if (cleanup) cleanup()\n      }\n    }\n    return undefined\n  }, [bindToElement, enablePullToRefresh, onRefresh])\n\n  const EnhancedHeader = useCallback(() => {\n    const effectivePullDistance = refreshing\n      ? Math.max(pullToRefreshState.pullDistance, 140)\n      : pullToRefreshState.pullDistance\n\n    const refreshHeaderHeight = Math.min(\n      Math.max(effectivePullDistance, 0),\n      140\n    )\n\n    return (\n      <>\n        {enablePullToRefresh && onRefresh && (\n          <div\n            className=\"flex items-center justify-center\"\n            style={{\n              height: refreshHeaderHeight,\n              overflow: 'hidden',\n            }}\n          >\n            <RefreshIndicator\n              pullDistance={pullToRefreshState.pullDistance}\n              threshold={DEFAULT_REFRESH_PULL_THRESHOLD}\n              isRefreshing={refreshing ?? false}\n              canRefresh={pullToRefreshState.canRefresh}\n              className=\"relative top-0 inset-x-auto\"\n            />\n          </div>\n        )}\n        {header && <div>{header}</div>}\n      </>\n    )\n  }, [header, enablePullToRefresh, onRefresh, pullToRefreshState, refreshing])\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn('relative transition-all duration-200', classNames)}\n      style={{\n        height,\n      }}\n    >\n      <Virtuoso\n        ref={virtuosoRef}\n        className=\"h-full w-full\"\n        data={items}\n        itemContent={itemContent}\n        components={{\n          Header: EnhancedHeader,\n          Footer,\n        }}\n        endReached={fetchMore ? _fetchMore : undefined}\n        {...virtuosoProps}\n      />\n    </div>\n  )\n}\n"],"names":["DEFAULT_REFRESH_PULL_THRESHOLD","ELEMENT_BIND_DELAY","List","items","height","renderItem","className","showScrollbar","header","fetchMore","loadingComponent","isFetchingMore","onRefresh","refreshing","enablePullToRefresh","virtuosoProps","inFlightFetchMoreRef","useRef","virtuosoRef","containerRef","pullToRefreshState","bindToElement","usePullToRefresh","_fetchMore","useCallback","current","itemContent","index","item","Footer","jsx","Pagination","classNames","cn","useEffect","cleanup","timeoutId","scrollableElement","findVirtuosoScrollableElement","EnhancedHeader","effectivePullDistance","refreshHeaderHeight","jsxs","Fragment","RefreshIndicator","Virtuoso"],"mappings":"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"}
+{"version":3,"file":"list.js","sources":["../../../src/components/atoms/list.tsx"],"sourcesContent":["import {useCallback, useEffect, useRef} from 'react'\n\nimport {Virtuoso, VirtuosoProps} from 'react-virtuoso'\n\nimport {RefreshIndicator} from '../../internal/components/refresh-indicator'\nimport {usePullToRefresh} from '../../internal/usePullToRefresh'\nimport {findVirtuosoScrollableElement} from '../../internal/utils/virtuoso-dom'\nimport {cn} from '../../lib/utils'\nimport '../../styles/utilities.css'\nimport {Skeleton} from '../ui/skeleton'\n\nconst DEFAULT_REFRESH_PULL_THRESHOLD = 200\nconst ELEMENT_BIND_DELAY = 100\n\ninterface Props<T = any>\n  extends Omit<\n    VirtuosoProps<T, unknown>,\n    'data' | 'itemContent' | 'endReached'\n  > {\n  items: T[]\n  renderItem: (item: T, index: number) => React.ReactNode\n  showScrollbar?: boolean\n  header?: React.ReactNode\n  fetchMore?: () => Promise<void>\n  loadingComponent?: React.ReactNode\n  onRefresh?: () => Promise<void>\n  refreshing?: boolean\n  enablePullToRefresh?: boolean\n}\n\nexport function List<T = any>({\n  items,\n  height,\n  renderItem,\n  className,\n  showScrollbar = false,\n  header,\n  fetchMore,\n  loadingComponent,\n  onRefresh,\n  refreshing,\n  enablePullToRefresh = true,\n  ...virtuosoProps\n}: Props<T>) {\n  const inFlightFetchMoreRef = useRef<Promise<void> | null>(null)\n  const virtuosoRef = useRef<any>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const {state: pullToRefreshState, bindToElement} = usePullToRefresh({\n    onRefresh,\n    threshold: DEFAULT_REFRESH_PULL_THRESHOLD,\n    enabled: enablePullToRefresh && Boolean(onRefresh),\n  })\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 itemContent = useCallback(\n    (index: number, item: T) => <>{renderItem(item, index)}</>,\n    [renderItem]\n  )\n\n  const Footer = useCallback(() => {\n    if (!fetchMore) return null\n\n    return loadingComponent ?? <Skeleton className=\"h-10 w-full p-8\" />\n  }, [loadingComponent, fetchMore])\n\n  const classNames = cn(showScrollbar ? undefined : 'no-scrollbars', className)\n\n  useEffect(() => {\n    if (containerRef.current && enablePullToRefresh && onRefresh) {\n      let cleanup: (() => void) | undefined\n\n      const findAndBind = () => {\n        if (!containerRef.current) return\n\n        const scrollableElement = findVirtuosoScrollableElement(\n          containerRef.current\n        )\n        cleanup = bindToElement(scrollableElement)\n      }\n\n      const timeoutId = setTimeout(findAndBind, ELEMENT_BIND_DELAY)\n\n      return () => {\n        clearTimeout(timeoutId)\n        if (cleanup) cleanup()\n      }\n    }\n    return undefined\n  }, [bindToElement, enablePullToRefresh, onRefresh])\n\n  const EnhancedHeader = useCallback(() => {\n    const effectivePullDistance = refreshing\n      ? Math.max(pullToRefreshState.pullDistance, 140)\n      : pullToRefreshState.pullDistance\n\n    const refreshHeaderHeight = Math.min(\n      Math.max(effectivePullDistance, 0),\n      140\n    )\n\n    return (\n      <>\n        {enablePullToRefresh && onRefresh && (\n          <div\n            className=\"flex items-center justify-center\"\n            style={{\n              height: refreshHeaderHeight,\n              overflow: 'hidden',\n            }}\n          >\n            <RefreshIndicator\n              pullDistance={pullToRefreshState.pullDistance}\n              threshold={DEFAULT_REFRESH_PULL_THRESHOLD}\n              isRefreshing={refreshing ?? false}\n              canRefresh={pullToRefreshState.canRefresh}\n              className=\"relative top-0 inset-x-auto\"\n            />\n          </div>\n        )}\n        {header && <div>{header}</div>}\n      </>\n    )\n  }, [header, enablePullToRefresh, onRefresh, pullToRefreshState, refreshing])\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn('relative transition-all duration-200', classNames)}\n      style={{\n        height,\n      }}\n    >\n      <Virtuoso\n        ref={virtuosoRef}\n        className=\"h-full w-full\"\n        data={items}\n        itemContent={itemContent}\n        components={{\n          Header: EnhancedHeader,\n          Footer,\n        }}\n        endReached={fetchMore ? _fetchMore : undefined}\n        {...virtuosoProps}\n      />\n    </div>\n  )\n}\n"],"names":["DEFAULT_REFRESH_PULL_THRESHOLD","ELEMENT_BIND_DELAY","List","items","height","renderItem","className","showScrollbar","header","fetchMore","loadingComponent","onRefresh","refreshing","enablePullToRefresh","virtuosoProps","inFlightFetchMoreRef","useRef","virtuosoRef","containerRef","pullToRefreshState","bindToElement","usePullToRefresh","_fetchMore","useCallback","current","itemContent","index","item","Footer","jsx","Skeleton","classNames","cn","useEffect","cleanup","timeoutId","scrollableElement","findVirtuosoScrollableElement","EnhancedHeader","effectivePullDistance","refreshHeaderHeight","jsxs","Fragment","RefreshIndicator","Virtuoso"],"mappings":"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"}

package/dist/components/atoms/video-player.js

@@ -1,25 +1,27 @@
-import { jsx as t, jsxs as E } from "react/jsx-runtime";
-import { forwardRef as k, useRef as C, useState as D, useImperativeHandle as I, useMemo as B, useEffect as a, useCallback as M } from "react";
-import R from "../../shop-minis-react/node_modules/.pnpm/video.js@8.23.3/node_modules/video.js/dist/video.es.js";
+import { jsx as t, jsxs as D } from "react/jsx-runtime";
+import { forwardRef as I, useRef as b, useState as B, useImperativeHandle as M, useMemo as R, useEffect as a, useCallback as z } from "react";
+import F from "../../shop-minis-react/node_modules/.pnpm/video.js@8.23.3/node_modules/video.js/dist/video.es.js";
 /* empty css                                                                                                */
-const W = k(
+const q = I(
   ({
     src: f,
     format: d = "video/mp4",
     poster: p,
-    muted: l,
+    muted: s,
     autoplay: m,
-    width: s,
-    height: v,
-    playButtonComponent: N,
-    onPlay: y,
-    onPause: h,
-    onEnded: j,
+    preload: v = "auto",
+    loop: y = "false",
+    width: l,
+    height: h,
+    playButtonComponent: w,
+    onPlay: j,
+    onPause: x,
+    onEnded: P,
     onReady: c
-  }, b) => {
-    const i = C(null), e = C(null), [o, n] = D(!1);
-    I(
-      b,
+  }, E) => {
+    const i = b(null), e = b(null), [o, n] = B(!1);
+    M(
+      E,
       () => ({
         play: async () => {
           if (e.current)
@@ -35,7 +37,7 @@ const W = k(
       }),
       []
     );
-    const x = B(
+    const g = R(
       () => ({
         controls: !1,
         controlBar: {
@@ -43,14 +45,15 @@ const W = k(
             inline: !1
           }
         },
-        preload: "auto",
-        muted: l,
+        preload: v,
+        loop: y,
+        muted: s,
         // This makes sure that the video player does not take over the whole screen
         preferFullWindow: !1,
         playsinline: !0,
         poster: p,
-        height: v,
-        width: s,
+        height: h,
+        width: l,
         sources: [
           {
             src: f,
@@ -58,7 +61,7 @@ const W = k(
           }
         ]
       }),
-      [l, p, v, s, f, d]
+      [s, p, h, l, f, d, v, y]
     );
     a(() => {
       const r = e.current;
@@ -68,34 +71,34 @@ const W = k(
     }, [e]), a(() => {
       if (!e.current) return;
       const r = () => {
-        y?.(), n(!0);
-      }, P = () => {
-        h?.(), n(!1);
-      }, g = () => {
-        j?.(), n(!1);
+        j?.(), n(!0);
+      }, C = () => {
+        x?.(), n(!1);
+      }, N = () => {
+        P?.(), n(!1);
       };
-      return e.current.on("play", r), e.current.on("pause", P), e.current.on("ended", g), () => {
-        e.current && (e.current.off("play", r), e.current.off("pause", P), e.current.off("ended", g));
+      return e.current.on("play", r), e.current.on("pause", C), e.current.on("ended", N), () => {
+        e.current && (e.current.off("play", r), e.current.off("pause", C), e.current.off("ended", N));
       };
-    }, [j, h, y]);
-    const u = M(() => {
+    }, [P, x, j]);
+    const u = z(() => {
       o ? (e.current?.pause(), n(!1)) : (e.current?.play(), n(!0));
     }, [o]);
     a(() => {
       if (!e.current) {
         const r = document.createElement("video-js");
-        i.current?.appendChild(r), e.current = R(r, x, () => {
+        i.current?.appendChild(r), e.current = F(r, g, () => {
           c && c(), m && u();
         });
       }
-    }, [x, i, m, c, u]), a(() => {
-      e.current && !e.current.isDisposed() && e.current.muted(l ?? !1);
-    }, [l]);
-    const w = [
-      s ? `w-${s}` : void 0,
+    }, [g, i, m, c, u]), a(() => {
+      e.current && !e.current.isDisposed() && e.current.muted(s ?? !1);
+    }, [s]);
+    const k = [
+      l ? `w-${l}` : void 0,
       "relative"
     ].join(" ");
-    return /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ E("div", { "data-vjs-player": !0, className: w, children: [
+    return /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ D("div", { "data-vjs-player": !0, className: k, children: [
       /* @__PURE__ */ t("div", { ref: i }),
       /* @__PURE__ */ t(
         "div",
@@ -103,12 +106,12 @@ const W = k(
           className: "absolute top-0 left-0 w-full h-full flex items-center justify-center cursor-pointer",
           onClick: u,
           "aria-hidden": !0,
-          children: o ? null : N ?? /* @__PURE__ */ t(z, {})
+          children: o ? null : w ?? /* @__PURE__ */ t(H, {})
         }
       )
     ] }) });
   }
-), z = () => /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center bg-black/20 cursor-pointer animate-in fade-in duration-200", children: /* @__PURE__ */ t(
+), H = () => /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center bg-black/20 cursor-pointer animate-in fade-in duration-200", children: /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 24 24",
@@ -118,6 +121,6 @@ const W = k(
   }
 ) });
 export {
-  W as VideoPlayer
+  q as VideoPlayer
 };
 //# sourceMappingURL=video-player.js.map

package/dist/components/atoms/video-player.js.map

@@ -1 +1 @@
-{"version":3,"file":"video-player.js","sources":["../../../src/components/atoms/video-player.tsx"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useState,\n  useCallback,\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n} from 'react'\n\nimport videojs from 'video.js'\nimport Player from 'video.js/dist/types/player'\nimport 'video.js/dist/video-js.css'\n\nexport interface VideoPlayerRef {\n  play: () => Promise<void>\n  pause: () => void\n}\n\ninterface VideoPlayerProps {\n  src: string\n  /**\n   * The format/MIME type of the video.\n   * @default 'video/mp4'\n   */\n  format?: string\n  muted?: boolean\n  poster?: string\n  autoplay?: boolean\n  width?: number\n  height?: number\n  playButtonComponent?: React.ReactNode\n  onPlay?: () => void\n  onPause?: () => void\n  onEnded?: () => void\n  onReady?: () => void\n}\n\nexport const VideoPlayer: React.ForwardRefExoticComponent<\n  VideoPlayerProps & React.RefAttributes<VideoPlayerRef>\n> = forwardRef<VideoPlayerRef, VideoPlayerProps>(\n  (\n    {\n      src,\n      format = 'video/mp4',\n      poster,\n      muted,\n      autoplay,\n      width,\n      height,\n      playButtonComponent,\n      onPlay,\n      onPause,\n      onEnded,\n      onReady,\n    },\n    ref\n  ) => {\n    const videoContainerRef = useRef<HTMLDivElement>(null)\n    const playerRef = useRef<Player | null>(null)\n\n    const [isPlaying, setIsPlaying] = useState(false)\n\n    // Expose imperative methods to parent components\n    useImperativeHandle(\n      ref,\n      () => ({\n        play: async () => {\n          if (playerRef.current) {\n            try {\n              await playerRef.current.play()\n              setIsPlaying(true)\n            } catch (error) {\n              console.error('Error playing video:', error)\n            }\n          }\n        },\n        pause: () => {\n          if (playerRef.current) {\n            playerRef.current.pause()\n            setIsPlaying(false)\n          }\n        },\n      }),\n      []\n    )\n\n    const options = useMemo(\n      () => ({\n        controls: false,\n        controlBar: {\n          volumePanel: {\n            inline: false,\n          },\n        },\n        preload: 'auto',\n        muted,\n        // This makes sure that the video player does not take over the whole screen\n        preferFullWindow: false,\n        playsinline: true,\n        poster,\n        height,\n        width,\n        sources: [\n          {\n            src,\n            type: format,\n          },\n        ],\n      }),\n      [muted, poster, height, width, src, format]\n    )\n\n    useEffect(() => {\n      const player = playerRef.current\n\n      return () => {\n        if (player && !player.isDisposed()) {\n          player.dispose()\n          playerRef.current = null\n        }\n      }\n    }, [playerRef])\n\n    useEffect(() => {\n      if (!playerRef.current) return\n\n      const handlePlay = () => {\n        onPlay?.()\n        setIsPlaying(true)\n      }\n      const handlePause = () => {\n        onPause?.()\n        setIsPlaying(false)\n      }\n      const handleEnded = () => {\n        onEnded?.()\n        setIsPlaying(false)\n      }\n\n      playerRef.current.on('play', handlePlay)\n      playerRef.current.on('pause', handlePause)\n      playerRef.current.on('ended', handleEnded)\n\n      return () => {\n        if (playerRef.current) {\n          playerRef.current.off('play', handlePlay)\n          playerRef.current.off('pause', handlePause)\n          playerRef.current.off('ended', handleEnded)\n        }\n      }\n    }, [onEnded, onPause, onPlay])\n\n    const togglePlayPause = useCallback(() => {\n      if (isPlaying) {\n        playerRef.current?.pause()\n        setIsPlaying(false)\n      } else {\n        playerRef.current?.play()\n        setIsPlaying(true)\n      }\n    }, [isPlaying])\n\n    useEffect(() => {\n      if (!playerRef.current) {\n        const videoElement = document.createElement('video-js')\n\n        // The Video.js player needs to be _inside_ the component element for React 18 Strict Mode.\n        videoContainerRef.current?.appendChild(videoElement)\n\n        playerRef.current = videojs(videoElement, options, () => {\n          onReady && onReady()\n\n          if (autoplay) {\n            togglePlayPause()\n          }\n        })\n      }\n    }, [options, videoContainerRef, autoplay, onReady, togglePlayPause])\n\n    // Update muted state when prop changes after initial render\n    useEffect(() => {\n      if (playerRef.current && !playerRef.current.isDisposed()) {\n        playerRef.current.muted(muted ?? false)\n      }\n    }, [muted])\n\n    const containerClassName = [\n      width ? `w-${width}` : undefined,\n      'relative',\n    ].join(' ')\n\n    return (\n      <div className=\"flex\">\n        <div data-vjs-player className={containerClassName}>\n          <div ref={videoContainerRef} />\n          <div\n            className=\"absolute top-0 left-0 w-full h-full flex items-center justify-center cursor-pointer\"\n            onClick={togglePlayPause}\n            aria-hidden\n          >\n            {isPlaying ? null : (playButtonComponent ?? <DefaultPlayIcon />)}\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nconst DefaultPlayIcon = () => (\n  <div className=\"absolute inset-0 flex items-center justify-center bg-black/20 cursor-pointer animate-in fade-in duration-200\">\n    <svg\n      viewBox=\"0 0 24 24\"\n      className=\"w-10 h-10 text-white\"\n      fill=\"currentColor\"\n    >\n      <path d=\"M8 5v14l11-7z\" />\n    </svg>\n  </div>\n)\n"],"names":["VideoPlayer","forwardRef","src","format","poster","muted","autoplay","width","height","playButtonComponent","onPlay","onPause","onEnded","onReady","ref","videoContainerRef","useRef","playerRef","isPlaying","setIsPlaying","useState","useImperativeHandle","error","options","useMemo","useEffect","player","handlePlay","handlePause","handleEnded","togglePlayPause","useCallback","videoElement","videojs","containerClassName","jsx","DefaultPlayIcon"],"mappings":"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"}
+{"version":3,"file":"video-player.js","sources":["../../../src/components/atoms/video-player.tsx"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useState,\n  useCallback,\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n} from 'react'\n\nimport videojs from 'video.js'\nimport Player from 'video.js/dist/types/player'\nimport 'video.js/dist/video-js.css'\n\nexport interface VideoPlayerRef {\n  play: () => Promise<void>\n  pause: () => void\n}\n\ninterface VideoPlayerProps {\n  src: string\n  /**\n   * The format/MIME type of the video.\n   * @default 'video/mp4'\n   */\n  format?: string\n  muted?: boolean\n  poster?: string\n  autoplay?: boolean\n  preload?: 'none' | 'metadata' | 'auto'\n  loop?: boolean\n  width?: number\n  height?: number\n  playButtonComponent?: React.ReactNode\n  onPlay?: () => void\n  onPause?: () => void\n  onEnded?: () => void\n  onReady?: () => void\n}\n\nexport const VideoPlayer: React.ForwardRefExoticComponent<\n  VideoPlayerProps & React.RefAttributes<VideoPlayerRef>\n> = forwardRef<VideoPlayerRef, VideoPlayerProps>(\n  (\n    {\n      src,\n      format = 'video/mp4',\n      poster,\n      muted,\n      autoplay,\n      preload = 'auto',\n      loop = 'false',\n      width,\n      height,\n      playButtonComponent,\n      onPlay,\n      onPause,\n      onEnded,\n      onReady,\n    },\n    ref\n  ) => {\n    const videoContainerRef = useRef<HTMLDivElement>(null)\n    const playerRef = useRef<Player | null>(null)\n\n    const [isPlaying, setIsPlaying] = useState(false)\n\n    // Expose imperative methods to parent components\n    useImperativeHandle(\n      ref,\n      () => ({\n        play: async () => {\n          if (playerRef.current) {\n            try {\n              await playerRef.current.play()\n              setIsPlaying(true)\n            } catch (error) {\n              console.error('Error playing video:', error)\n            }\n          }\n        },\n        pause: () => {\n          if (playerRef.current) {\n            playerRef.current.pause()\n            setIsPlaying(false)\n          }\n        },\n      }),\n      []\n    )\n\n    const options = useMemo(\n      () => ({\n        controls: false,\n        controlBar: {\n          volumePanel: {\n            inline: false,\n          },\n        },\n        preload,\n        loop,\n        muted,\n        // This makes sure that the video player does not take over the whole screen\n        preferFullWindow: false,\n        playsinline: true,\n        poster,\n        height,\n        width,\n        sources: [\n          {\n            src,\n            type: format,\n          },\n        ],\n      }),\n      [muted, poster, height, width, src, format, preload, loop]\n    )\n\n    useEffect(() => {\n      const player = playerRef.current\n\n      return () => {\n        if (player && !player.isDisposed()) {\n          player.dispose()\n          playerRef.current = null\n        }\n      }\n    }, [playerRef])\n\n    useEffect(() => {\n      if (!playerRef.current) return\n\n      const handlePlay = () => {\n        onPlay?.()\n        setIsPlaying(true)\n      }\n      const handlePause = () => {\n        onPause?.()\n        setIsPlaying(false)\n      }\n      const handleEnded = () => {\n        onEnded?.()\n        setIsPlaying(false)\n      }\n\n      playerRef.current.on('play', handlePlay)\n      playerRef.current.on('pause', handlePause)\n      playerRef.current.on('ended', handleEnded)\n\n      return () => {\n        if (playerRef.current) {\n          playerRef.current.off('play', handlePlay)\n          playerRef.current.off('pause', handlePause)\n          playerRef.current.off('ended', handleEnded)\n        }\n      }\n    }, [onEnded, onPause, onPlay])\n\n    const togglePlayPause = useCallback(() => {\n      if (isPlaying) {\n        playerRef.current?.pause()\n        setIsPlaying(false)\n      } else {\n        playerRef.current?.play()\n        setIsPlaying(true)\n      }\n    }, [isPlaying])\n\n    useEffect(() => {\n      if (!playerRef.current) {\n        const videoElement = document.createElement('video-js')\n\n        // The Video.js player needs to be _inside_ the component element for React 18 Strict Mode.\n        videoContainerRef.current?.appendChild(videoElement)\n\n        playerRef.current = videojs(videoElement, options, () => {\n          onReady && onReady()\n\n          if (autoplay) {\n            togglePlayPause()\n          }\n        })\n      }\n    }, [options, videoContainerRef, autoplay, onReady, togglePlayPause])\n\n    // Update muted state when prop changes after initial render\n    useEffect(() => {\n      if (playerRef.current && !playerRef.current.isDisposed()) {\n        playerRef.current.muted(muted ?? false)\n      }\n    }, [muted])\n\n    const containerClassName = [\n      width ? `w-${width}` : undefined,\n      'relative',\n    ].join(' ')\n\n    return (\n      <div className=\"flex\">\n        <div data-vjs-player className={containerClassName}>\n          <div ref={videoContainerRef} />\n          <div\n            className=\"absolute top-0 left-0 w-full h-full flex items-center justify-center cursor-pointer\"\n            onClick={togglePlayPause}\n            aria-hidden\n          >\n            {isPlaying ? null : (playButtonComponent ?? <DefaultPlayIcon />)}\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nconst DefaultPlayIcon = () => (\n  <div className=\"absolute inset-0 flex items-center justify-center bg-black/20 cursor-pointer animate-in fade-in duration-200\">\n    <svg\n      viewBox=\"0 0 24 24\"\n      className=\"w-10 h-10 text-white\"\n      fill=\"currentColor\"\n    >\n      <path d=\"M8 5v14l11-7z\" />\n    </svg>\n  </div>\n)\n"],"names":["VideoPlayer","forwardRef","src","format","poster","muted","autoplay","preload","loop","width","height","playButtonComponent","onPlay","onPause","onEnded","onReady","ref","videoContainerRef","useRef","playerRef","isPlaying","setIsPlaying","useState","useImperativeHandle","error","options","useMemo","useEffect","player","handlePlay","handlePause","handleEnded","togglePlayPause","useCallback","videoElement","videojs","containerClassName","jsx","DefaultPlayIcon"],"mappings":"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"}

package/dist/shop-minis-react/node_modules/.pnpm/querystringify@2.2.0/node_modules/querystringify/index.js

@@ -1,4 +1,4 @@
-import { __exports as i } from "../../../../../../_virtual/index3.js";
+import { __exports as i } from "../../../../../../_virtual/index4.js";
 var c;
 function d() {
   if (c) return i;

package/dist/shop-minis-react/node_modules/.pnpm/video.js@8.23.3/node_modules/video.js/dist/video.es.js

@@ -1,6 +1,6 @@
 import S from "../../../../../../../_virtual/window.js";
 import B from "../../../../../../../_virtual/document.js";
-import il from "../../../../../../../_virtual/index4.js";
+import il from "../../../../../../../_virtual/index3.js";
 import ao from "../../../../../../../_virtual/browser-index.js";
 import xe from "../../../../@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/extends.js";
 import Kc from "../../../../@videojs_vhs-utils@4.1.1/node_modules/@videojs/vhs-utils/es/resolve-url.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shopify/shop-minis-react",
   "license": "SEE LICENSE IN LICENSE.txt",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "sideEffects": false,
   "type": "module",
   "engines": {
@@ -50,7 +50,6 @@
     "@types/lodash": "4.17.20",
     "@types/react-window": "1.8.8",
     "@types/url-parse": "1.4.9",
-    "@types/video.js": "7.3.58",
     "@typescript-eslint/parser": "^7.0.0",
     "@vitejs/plugin-react": "4.5.1",
     "class-variance-authority": "0.7.1",

package/src/components/atoms/list.tsx

@@ -7,8 +7,7 @@ import {usePullToRefresh} from '../../internal/usePullToRefresh'
 import {findVirtuosoScrollableElement} from '../../internal/utils/virtuoso-dom'
 import {cn} from '../../lib/utils'
 import '../../styles/utilities.css'
-
-import {Pagination} from './pagination'
+import {Skeleton} from '../ui/skeleton'
 
 const DEFAULT_REFRESH_PULL_THRESHOLD = 200
 const ELEMENT_BIND_DELAY = 100
@@ -24,7 +23,6 @@ interface Props<T = any>
   header?: React.ReactNode
   fetchMore?: () => Promise<void>
   loadingComponent?: React.ReactNode
-  isFetchingMore?: boolean
   onRefresh?: () => Promise<void>
   refreshing?: boolean
   enablePullToRefresh?: boolean
@@ -39,7 +37,6 @@ export function List<T = any>({
   header,
   fetchMore,
   loadingComponent,
-  isFetchingMore,
   onRefresh,
   refreshing,
   enablePullToRefresh = true,
@@ -77,14 +74,8 @@ export function List<T = any>({
   const Footer = useCallback(() => {
     if (!fetchMore) return null
 
-    return (
-      <Pagination
-        fetchMore={_fetchMore}
-        loadingComponent={loadingComponent}
-        isFetchingMore={isFetchingMore}
-      />
-    )
-  }, [_fetchMore, fetchMore, loadingComponent, isFetchingMore])
+    return loadingComponent ?? <Skeleton className="h-10 w-full p-8" />
+  }, [loadingComponent, fetchMore])
 
   const classNames = cn(showScrollbar ? undefined : 'no-scrollbars', className)
 

package/src/components/atoms/video-player.tsx

@@ -27,6 +27,8 @@ interface VideoPlayerProps {
   muted?: boolean
   poster?: string
   autoplay?: boolean
+  preload?: 'none' | 'metadata' | 'auto'
+  loop?: boolean
   width?: number
   height?: number
   playButtonComponent?: React.ReactNode
@@ -46,6 +48,8 @@ export const VideoPlayer: React.ForwardRefExoticComponent<
       poster,
       muted,
       autoplay,
+      preload = 'auto',
+      loop = 'false',
       width,
       height,
       playButtonComponent,
@@ -93,7 +97,8 @@ export const VideoPlayer: React.ForwardRefExoticComponent<
             inline: false,
           },
         },
-        preload: 'auto',
+        preload,
+        loop,
         muted,
         // This makes sure that the video player does not take over the whole screen
         preferFullWindow: false,
@@ -108,7 +113,7 @@ export const VideoPlayer: React.ForwardRefExoticComponent<
           },
         ],
       }),
-      [muted, poster, height, width, src, format]
+      [muted, poster, height, width, src, format, preload, loop]
     )
 
     useEffect(() => {

package/dist/components/atoms/pagination.js

@@ -1,10 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Skeleton as e } from "../ui/skeleton.js";
-import { TrackingPixel as i } from "./tracking-pixel.js";
-function c({ loadingComponent: r, fetchMore: n }) {
-  return /* @__PURE__ */ o(i, { onImpression: n, children: r ?? /* @__PURE__ */ o(e, { className: "h-10 w-full p-8" }) });
-}
-export {
-  c as Pagination
-};
-//# sourceMappingURL=pagination.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.js","sources":["../../../src/components/atoms/pagination.tsx"],"sourcesContent":["import {Skeleton} from '../ui/skeleton'\n\nimport {TrackingPixel} from './tracking-pixel'\n\ninterface Props {\n  loadingComponent?: React.ReactNode\n  isFetchingMore?: boolean\n  fetchMore: () => void\n}\n\nexport function Pagination({loadingComponent, fetchMore}: Props) {\n  const loadingPlaceholder = loadingComponent ?? (\n    <Skeleton className=\"h-10 w-full p-8\" />\n  )\n\n  return (\n    <TrackingPixel onImpression={fetchMore}>{loadingPlaceholder}</TrackingPixel>\n  )\n}\n"],"names":["Pagination","loadingComponent","fetchMore","jsx","TrackingPixel","Skeleton"],"mappings":";;;AAUO,SAASA,EAAW,EAAC,kBAAAC,GAAkB,WAAAC,KAAmB;AAK/D,SACG,gBAAAC,EAAAC,GAAA,EAAc,cAAcF,GAAY,UALhBD,KACxB,gBAAAE,EAAAE,GAAA,EAAS,WAAU,mBAAkB,GAIsB;AAEhE;"}

package/dist/components/atoms/tracking-pixel.js

@@ -1,32 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useCallback as n } from "react";
-import { InView as c } from "../../shop-minis-react/node_modules/.pnpm/react-intersection-observer@9.13.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-intersection-observer/dist/index.js";
-const x = ({
-  children: o,
-  onImpression: r,
-  triggerOnce: i = !1,
-  threshold: t,
-  className: a
-}) => {
-  const e = n(
-    (f) => {
-      f && r?.();
-    },
-    [r]
-  );
-  return /* @__PURE__ */ m(
-    c,
-    {
-      as: "div",
-      onChange: e,
-      triggerOnce: i,
-      className: a,
-      threshold: t,
-      children: o
-    }
-  );
-};
-export {
-  x as TrackingPixel
-};
-//# sourceMappingURL=tracking-pixel.js.map

package/dist/components/atoms/tracking-pixel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tracking-pixel.js","sources":["../../../src/components/atoms/tracking-pixel.tsx"],"sourcesContent":["import {useCallback} from 'react'\n\nimport {InView} from 'react-intersection-observer'\n\ninterface Props {\n  children: React.ReactNode\n  onImpression?: () => void\n  triggerOnce?: boolean\n  threshold?: number\n  className?: string\n}\n\nexport const TrackingPixel = ({\n  children,\n  onImpression,\n  triggerOnce = false,\n  threshold,\n  className,\n}: Props) => {\n  const onChange = useCallback(\n    (inView: boolean) => {\n      if (inView) {\n        onImpression?.()\n      }\n    },\n    [onImpression]\n  )\n\n  return (\n    <InView\n      as=\"div\"\n      onChange={onChange}\n      triggerOnce={triggerOnce}\n      className={className}\n      threshold={threshold}\n    >\n      {children}\n    </InView>\n  )\n}\n"],"names":["TrackingPixel","children","onImpression","triggerOnce","threshold","className","onChange","useCallback","inView","jsx","InView"],"mappings":";;;AAYO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,WAAAC;AACF,MAAa;AACX,QAAMC,IAAWC;AAAA,IACf,CAACC,MAAoB;AACnB,MAAIA,KACaN,IAAA;AAAA,IAEnB;AAAA,IACA,CAACA,CAAY;AAAA,EACf;AAGE,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,UAAAJ;AAAA,MACA,aAAAH;AAAA,MACA,WAAAE;AAAA,MACA,WAAAD;AAAA,MAEC,UAAAH;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/shop-minis-react/node_modules/.pnpm/react-intersection-observer@9.13.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-intersection-observer/dist/index.js

@@ -1,135 +0,0 @@
-import * as b from "react";
-var V = Object.defineProperty, w = (e, t, i) => t in e ? V(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, u = (e, t, i) => w(e, typeof t != "symbol" ? t + "" : t, i), p = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new WeakMap(), f = 0, _ = void 0;
-function I(e) {
-  return e ? (l.has(e) || (f += 1, l.set(e, f.toString())), l.get(e)) : "0";
-}
-function y(e) {
-  return Object.keys(e).sort().filter(
-    (t) => e[t] !== void 0
-  ).map((t) => `${t}_${t === "root" ? I(e.root) : e[t]}`).toString();
-}
-function m(e) {
-  const t = y(e);
-  let i = p.get(t);
-  if (!i) {
-    const r = /* @__PURE__ */ new Map();
-    let d;
-    const n = new IntersectionObserver((o) => {
-      o.forEach((s) => {
-        var h;
-        const c = s.isIntersecting && d.some((a) => s.intersectionRatio >= a);
-        e.trackVisibility && typeof s.isVisible > "u" && (s.isVisible = c), (h = r.get(s.target)) == null || h.forEach((a) => {
-          a(c, s);
-        });
-      });
-    }, e);
-    d = n.thresholds || (Array.isArray(e.threshold) ? e.threshold : [e.threshold || 0]), i = {
-      id: t,
-      observer: n,
-      elements: r
-    }, p.set(t, i);
-  }
-  return i;
-}
-function M(e, t, i = {}, r = _) {
-  if (typeof window.IntersectionObserver > "u" && r !== void 0) {
-    const h = e.getBoundingClientRect();
-    return t(r, {
-      isIntersecting: r,
-      target: e,
-      intersectionRatio: typeof i.threshold == "number" ? i.threshold : 0,
-      time: 0,
-      boundingClientRect: h,
-      intersectionRect: h,
-      rootBounds: h
-    }), () => {
-    };
-  }
-  const { id: d, observer: n, elements: o } = m(i), s = o.get(e) || [];
-  return o.has(e) || o.set(e, s), s.push(t), n.observe(e), function() {
-    s.splice(s.indexOf(t), 1), s.length === 0 && (o.delete(e), n.unobserve(e)), o.size === 0 && (n.disconnect(), p.delete(d));
-  };
-}
-function O(e) {
-  return typeof e.children != "function";
-}
-var R = class extends b.Component {
-  constructor(e) {
-    super(e), u(this, "node", null), u(this, "_unobserveCb", null), u(this, "handleNode", (t) => {
-      this.node && (this.unobserve(), !t && !this.props.triggerOnce && !this.props.skip && this.setState({ inView: !!this.props.initialInView, entry: void 0 })), this.node = t || null, this.observeNode();
-    }), u(this, "handleChange", (t, i) => {
-      t && this.props.triggerOnce && this.unobserve(), O(this.props) || this.setState({ inView: t, entry: i }), this.props.onChange && this.props.onChange(t, i);
-    }), this.state = {
-      inView: !!e.initialInView,
-      entry: void 0
-    };
-  }
-  componentDidMount() {
-    this.unobserve(), this.observeNode();
-  }
-  componentDidUpdate(e) {
-    (e.rootMargin !== this.props.rootMargin || e.root !== this.props.root || e.threshold !== this.props.threshold || e.skip !== this.props.skip || e.trackVisibility !== this.props.trackVisibility || e.delay !== this.props.delay) && (this.unobserve(), this.observeNode());
-  }
-  componentWillUnmount() {
-    this.unobserve();
-  }
-  observeNode() {
-    if (!this.node || this.props.skip) return;
-    const {
-      threshold: e,
-      root: t,
-      rootMargin: i,
-      trackVisibility: r,
-      delay: d,
-      fallbackInView: n
-    } = this.props;
-    this._unobserveCb = M(
-      this.node,
-      this.handleChange,
-      {
-        threshold: e,
-        root: t,
-        rootMargin: i,
-        // @ts-ignore
-        trackVisibility: r,
-        // @ts-ignore
-        delay: d
-      },
-      n
-    );
-  }
-  unobserve() {
-    this._unobserveCb && (this._unobserveCb(), this._unobserveCb = null);
-  }
-  render() {
-    const { children: e } = this.props;
-    if (typeof e == "function") {
-      const { inView: g, entry: C } = this.state;
-      return e({ inView: g, entry: C, ref: this.handleNode });
-    }
-    const {
-      as: t,
-      triggerOnce: i,
-      threshold: r,
-      root: d,
-      rootMargin: n,
-      onChange: o,
-      skip: s,
-      trackVisibility: h,
-      delay: c,
-      initialInView: a,
-      fallbackInView: N,
-      ...v
-    } = this.props;
-    return b.createElement(
-      t || "div",
-      { ref: this.handleNode, ...v },
-      e
-    );
-  }
-};
-export {
-  R as InView,
-  M as observe
-};
-//# sourceMappingURL=index.js.map

package/dist/shop-minis-react/node_modules/.pnpm/react-intersection-observer@9.13.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-intersection-observer/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../node_modules/.pnpm/react-intersection-observer@9.13.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-intersection-observer/dist/index.mjs"],"sourcesContent":["\"use client\";\nvar __defProp = Object.defineProperty;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n// src/InView.tsx\nimport * as React from \"react\";\n\n// src/observe.ts\nvar observerMap = /* @__PURE__ */ new Map();\nvar RootIds = /* @__PURE__ */ new WeakMap();\nvar rootId = 0;\nvar unsupportedValue = void 0;\nfunction defaultFallbackInView(inView) {\n  unsupportedValue = inView;\n}\nfunction getRootId(root) {\n  if (!root) return \"0\";\n  if (RootIds.has(root)) return RootIds.get(root);\n  rootId += 1;\n  RootIds.set(root, rootId.toString());\n  return RootIds.get(root);\n}\nfunction optionsToId(options) {\n  return Object.keys(options).sort().filter(\n    (key) => options[key] !== void 0\n  ).map((key) => {\n    return `${key}_${key === \"root\" ? getRootId(options.root) : options[key]}`;\n  }).toString();\n}\nfunction createObserver(options) {\n  const id = optionsToId(options);\n  let instance = observerMap.get(id);\n  if (!instance) {\n    const elements = /* @__PURE__ */ new Map();\n    let thresholds;\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        var _a;\n        const inView = entry.isIntersecting && thresholds.some((threshold) => entry.intersectionRatio >= threshold);\n        if (options.trackVisibility && typeof entry.isVisible === \"undefined\") {\n          entry.isVisible = inView;\n        }\n        (_a = elements.get(entry.target)) == null ? void 0 : _a.forEach((callback) => {\n          callback(inView, entry);\n        });\n      });\n    }, options);\n    thresholds = observer.thresholds || (Array.isArray(options.threshold) ? options.threshold : [options.threshold || 0]);\n    instance = {\n      id,\n      observer,\n      elements\n    };\n    observerMap.set(id, instance);\n  }\n  return instance;\n}\nfunction observe(element, callback, options = {}, fallbackInView = unsupportedValue) {\n  if (typeof window.IntersectionObserver === \"undefined\" && fallbackInView !== void 0) {\n    const bounds = element.getBoundingClientRect();\n    callback(fallbackInView, {\n      isIntersecting: fallbackInView,\n      target: element,\n      intersectionRatio: typeof options.threshold === \"number\" ? options.threshold : 0,\n      time: 0,\n      boundingClientRect: bounds,\n      intersectionRect: bounds,\n      rootBounds: bounds\n    });\n    return () => {\n    };\n  }\n  const { id, observer, elements } = createObserver(options);\n  const callbacks = elements.get(element) || [];\n  if (!elements.has(element)) {\n    elements.set(element, callbacks);\n  }\n  callbacks.push(callback);\n  observer.observe(element);\n  return function unobserve() {\n    callbacks.splice(callbacks.indexOf(callback), 1);\n    if (callbacks.length === 0) {\n      elements.delete(element);\n      observer.unobserve(element);\n    }\n    if (elements.size === 0) {\n      observer.disconnect();\n      observerMap.delete(id);\n    }\n  };\n}\n\n// src/InView.tsx\nfunction isPlainChildren(props) {\n  return typeof props.children !== \"function\";\n}\nvar InView = class extends React.Component {\n  constructor(props) {\n    super(props);\n    __publicField(this, \"node\", null);\n    __publicField(this, \"_unobserveCb\", null);\n    __publicField(this, \"handleNode\", (node) => {\n      if (this.node) {\n        this.unobserve();\n        if (!node && !this.props.triggerOnce && !this.props.skip) {\n          this.setState({ inView: !!this.props.initialInView, entry: void 0 });\n        }\n      }\n      this.node = node ? node : null;\n      this.observeNode();\n    });\n    __publicField(this, \"handleChange\", (inView, entry) => {\n      if (inView && this.props.triggerOnce) {\n        this.unobserve();\n      }\n      if (!isPlainChildren(this.props)) {\n        this.setState({ inView, entry });\n      }\n      if (this.props.onChange) {\n        this.props.onChange(inView, entry);\n      }\n    });\n    this.state = {\n      inView: !!props.initialInView,\n      entry: void 0\n    };\n  }\n  componentDidMount() {\n    this.unobserve();\n    this.observeNode();\n  }\n  componentDidUpdate(prevProps) {\n    if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {\n      this.unobserve();\n      this.observeNode();\n    }\n  }\n  componentWillUnmount() {\n    this.unobserve();\n  }\n  observeNode() {\n    if (!this.node || this.props.skip) return;\n    const {\n      threshold,\n      root,\n      rootMargin,\n      trackVisibility,\n      delay,\n      fallbackInView\n    } = this.props;\n    this._unobserveCb = observe(\n      this.node,\n      this.handleChange,\n      {\n        threshold,\n        root,\n        rootMargin,\n        // @ts-ignore\n        trackVisibility,\n        // @ts-ignore\n        delay\n      },\n      fallbackInView\n    );\n  }\n  unobserve() {\n    if (this._unobserveCb) {\n      this._unobserveCb();\n      this._unobserveCb = null;\n    }\n  }\n  render() {\n    const { children } = this.props;\n    if (typeof children === \"function\") {\n      const { inView, entry } = this.state;\n      return children({ inView, entry, ref: this.handleNode });\n    }\n    const {\n      as,\n      triggerOnce,\n      threshold,\n      root,\n      rootMargin,\n      onChange,\n      skip,\n      trackVisibility,\n      delay,\n      initialInView,\n      fallbackInView,\n      ...props\n    } = this.props;\n    return React.createElement(\n      as || \"div\",\n      { ref: this.handleNode, ...props },\n      children\n    );\n  }\n};\n\n// src/useInView.tsx\nimport * as React2 from \"react\";\nfunction useInView({\n  threshold,\n  delay,\n  trackVisibility,\n  rootMargin,\n  root,\n  triggerOnce,\n  skip,\n  initialInView,\n  fallbackInView,\n  onChange\n} = {}) {\n  var _a;\n  const [ref, setRef] = React2.useState(null);\n  const callback = React2.useRef();\n  const [state, setState] = React2.useState({\n    inView: !!initialInView,\n    entry: void 0\n  });\n  callback.current = onChange;\n  React2.useEffect(\n    () => {\n      if (skip || !ref) return;\n      let unobserve;\n      unobserve = observe(\n        ref,\n        (inView, entry) => {\n          setState({\n            inView,\n            entry\n          });\n          if (callback.current) callback.current(inView, entry);\n          if (entry.isIntersecting && triggerOnce && unobserve) {\n            unobserve();\n            unobserve = void 0;\n          }\n        },\n        {\n          root,\n          rootMargin,\n          threshold,\n          // @ts-ignore\n          trackVisibility,\n          // @ts-ignore\n          delay\n        },\n        fallbackInView\n      );\n      return () => {\n        if (unobserve) {\n          unobserve();\n        }\n      };\n    },\n    // We break the rule here, because we aren't including the actual `threshold` variable\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      // If the threshold is an array, convert it to a string, so it won't change between renders.\n      Array.isArray(threshold) ? threshold.toString() : threshold,\n      ref,\n      root,\n      rootMargin,\n      triggerOnce,\n      skip,\n      trackVisibility,\n      fallbackInView,\n      delay\n    ]\n  );\n  const entryTarget = (_a = state.entry) == null ? void 0 : _a.target;\n  const previousEntryTarget = React2.useRef();\n  if (!ref && entryTarget && !triggerOnce && !skip && previousEntryTarget.current !== entryTarget) {\n    previousEntryTarget.current = entryTarget;\n    setState({\n      inView: !!initialInView,\n      entry: void 0\n    });\n  }\n  const result = [setRef, state.inView, state.entry];\n  result.ref = result[0];\n  result.inView = result[1];\n  result.entry = result[2];\n  return result;\n}\nexport {\n  InView,\n  defaultFallbackInView,\n  observe,\n  useInView\n};\n//# sourceMappingURL=index.mjs.map"],"names":["__defProp","__defNormalProp","obj","key","value","__publicField","observerMap","RootIds","rootId","unsupportedValue","getRootId","root","optionsToId","options","createObserver","id","instance","elements","thresholds","observer","entries","entry","_a","inView","threshold","callback","observe","element","fallbackInView","bounds","callbacks","isPlainChildren","props","InView","React","node","prevProps","rootMargin","trackVisibility","delay","children","as","triggerOnce","onChange","skip","initialInView"],"mappings":"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","x_google_ignoreList":[0]}

package/src/components/atoms/pagination.tsx

@@ -1,19 +0,0 @@
-import {Skeleton} from '../ui/skeleton'
-
-import {TrackingPixel} from './tracking-pixel'
-
-interface Props {
-  loadingComponent?: React.ReactNode
-  isFetchingMore?: boolean
-  fetchMore: () => void
-}
-
-export function Pagination({loadingComponent, fetchMore}: Props) {
-  const loadingPlaceholder = loadingComponent ?? (
-    <Skeleton className="h-10 w-full p-8" />
-  )
-
-  return (
-    <TrackingPixel onImpression={fetchMore}>{loadingPlaceholder}</TrackingPixel>
-  )
-}

package/src/components/atoms/tracking-pixel.tsx

@@ -1,40 +0,0 @@
-import {useCallback} from 'react'
-
-import {InView} from 'react-intersection-observer'
-
-interface Props {
-  children: React.ReactNode
-  onImpression?: () => void
-  triggerOnce?: boolean
-  threshold?: number
-  className?: string
-}
-
-export const TrackingPixel = ({
-  children,
-  onImpression,
-  triggerOnce = false,
-  threshold,
-  className,
-}: Props) => {
-  const onChange = useCallback(
-    (inView: boolean) => {
-      if (inView) {
-        onImpression?.()
-      }
-    },
-    [onImpression]
-  )
-
-  return (
-    <InView
-      as="div"
-      onChange={onChange}
-      triggerOnce={triggerOnce}
-      className={className}
-      threshold={threshold}
-    >
-      {children}
-    </InView>
-  )
-}