@shopify/shop-minis-react 0.0.19 → 0.0.20

package/dist/components/MinisContainer.js

@@ -1,29 +1,31 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import { useState as m, useEffect as l } from "react";
-import { ImagePickerProvider as u } from "../providers/ImagePickerProvider.js";
-function p({ children: s }) {
-  const [a, t] = m(!1);
+import { injectMocks as u } from "../mocks.js";
+import { ImagePickerProvider as f } from "../providers/ImagePickerProvider.js";
+u();
+function S({ children: a }) {
+  const [i, t] = m(!1);
   return l(() => {
     const n = () => window.minisSDK ? (t(!0), !0) : !1;
     if (n())
       return;
     const e = (o) => {
-      const { type: d } = JSON.parse(o.data);
-      d === "MINIS_SDK_READY" && t(!0);
+      const { type: c } = JSON.parse(o.data);
+      c === "MINIS_SDK_READY" && t(!0);
     };
     window.addEventListener("message", e), document.addEventListener("message", e);
-    const i = setInterval(() => {
-      n() && clearInterval(i);
+    const s = setInterval(() => {
+      n() && clearInterval(s);
     }, 100);
     return () => {
-      window.removeEventListener("message", e), document.removeEventListener("message", e);
+      clearInterval(s), window.removeEventListener("message", e), document.removeEventListener("message", e);
     };
-  }, []), a ? /* @__PURE__ */ r(u, { children: s }) : /* @__PURE__ */ r("div", { className: "h-screen bg-gray-50 flex items-center justify-center", children: /* @__PURE__ */ c("div", { className: "text-center", children: [
+  }, []), i ? /* @__PURE__ */ r(f, { children: a }) : /* @__PURE__ */ r("div", { className: "h-screen bg-gray-50 flex items-center justify-center", children: /* @__PURE__ */ d("div", { className: "text-center", children: [
     /* @__PURE__ */ r("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto mb-4" }),
     /* @__PURE__ */ r("p", { className: "text-gray-600", children: "Loading..." })
   ] }) });
 }
 export {
-  p as MinisContainer
+  S as MinisContainer
 };
 //# sourceMappingURL=MinisContainer.js.map

package/dist/components/MinisContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinisContainer.js","sources":["../../src/components/MinisContainer.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react'\n\nimport {ImagePickerProvider} from '../providers/ImagePickerProvider'\n\nexport function MinisContainer({children}: {children: React.ReactNode}) {\n  const [isSDKReady, setIsSDKReady] = useState(false)\n\n  useEffect(() => {\n    // Function to check if SDK is ready\n    const checkSDKReady = () => {\n      if (window.minisSDK) {\n        setIsSDKReady(true)\n        return true\n      }\n      return false\n    }\n\n    // Check immediately\n    if (checkSDKReady()) {\n      return\n    }\n\n    // If not ready, set up a listener for the MINIS_SDK_READY event\n    const handleSDKReady = (event: any) => {\n      const {type} = JSON.parse(event.data)\n\n      if (type === 'MINIS_SDK_READY') {\n        setIsSDKReady(true)\n      }\n    }\n\n    // Listen for the MINIS_SDK_READY event\n    window.addEventListener('message', handleSDKReady)\n    document.addEventListener('message', handleSDKReady)\n\n    // Also poll for SDK availability as a fallback\n    const pollInterval = setInterval(() => {\n      if (checkSDKReady()) {\n        clearInterval(pollInterval)\n      }\n    }, 100)\n\n    // Cleanup\n    return () => {\n      // clearInterval(pollInterval);\n      window.removeEventListener('message', handleSDKReady)\n      document.removeEventListener('message', handleSDKReady)\n    }\n  }, [])\n\n  // Don't render anything until SDK is ready\n  if (!isSDKReady) {\n    return (\n      <div className=\"h-screen bg-gray-50 flex items-center justify-center\">\n        <div className=\"text-center\">\n          <div className=\"animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto mb-4\" />\n          <p className=\"text-gray-600\">Loading...</p>\n        </div>\n      </div>\n    )\n  }\n\n  return <ImagePickerProvider>{children}</ImagePickerProvider>\n}\n"],"names":["MinisContainer","children","isSDKReady","setIsSDKReady","useState","useEffect","checkSDKReady","handleSDKReady","event","type","pollInterval","jsx","ImagePickerProvider","jsxs"],"mappings":";;;AAIgB,SAAAA,EAAe,EAAC,UAAAC,KAAwC;AACtE,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK;AA8ClD,SA5CAC,EAAU,MAAM;AAEd,UAAMC,IAAgB,MAChB,OAAO,YACTH,EAAc,EAAI,GACX,MAEF;AAIT,QAAIG;AACF;AAII,UAAAC,IAAiB,CAACC,MAAe;AACrC,YAAM,EAAC,MAAAC,EAAI,IAAI,KAAK,MAAMD,EAAM,IAAI;AAEpC,MAAIC,MAAS,qBACXN,EAAc,EAAI;AAAA,IAEtB;AAGO,WAAA,iBAAiB,WAAWI,CAAc,GACxC,SAAA,iBAAiB,WAAWA,CAAc;AAG7C,UAAAG,IAAe,YAAY,MAAM;AACrC,MAAIJ,OACF,cAAcI,CAAY;AAAA,OAE3B,GAAG;AAGN,WAAO,MAAM;AAEJ,aAAA,oBAAoB,WAAWH,CAAc,GAC3C,SAAA,oBAAoB,WAAWA,CAAc;AAAA,IACxD;AAAA,EACF,GAAG,EAAE,GAGAL,IAWE,gBAAAS,EAACC,KAAqB,UAAAX,GAAS,sBATjC,OAAI,EAAA,WAAU,wDACb,UAAC,gBAAAY,EAAA,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,IAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,4EAA4E,CAAA;AAAA,IAC1F,gBAAAA,EAAA,KAAA,EAAE,WAAU,iBAAgB,UAAU,aAAA,CAAA;AAAA,EAAA,EAAA,CACzC,EACF,CAAA;AAKN;"}
+{"version":3,"file":"MinisContainer.js","sources":["../../src/components/MinisContainer.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react'\n\nimport {injectMocks} from '../mocks'\nimport {ImagePickerProvider} from '../providers/ImagePickerProvider'\n\ninjectMocks()\n\nexport function MinisContainer({children}: {children: React.ReactNode}) {\n  const [isSDKReady, setIsSDKReady] = useState(false)\n\n  useEffect(() => {\n    // Function to check if SDK is ready\n    const checkSDKReady = () => {\n      if (window.minisSDK) {\n        setIsSDKReady(true)\n        return true\n      }\n      return false\n    }\n\n    // Check immediately\n    if (checkSDKReady()) {\n      return\n    }\n\n    // If not ready, set up a listener for the MINIS_SDK_READY event\n    const handleSDKReady = (event: any) => {\n      const {type} = JSON.parse(event.data)\n\n      if (type === 'MINIS_SDK_READY') {\n        setIsSDKReady(true)\n      }\n    }\n\n    // Listen for the MINIS_SDK_READY event\n    window.addEventListener('message', handleSDKReady)\n    document.addEventListener('message', handleSDKReady)\n\n    // Also poll for SDK availability as a fallback\n    const pollInterval = setInterval(() => {\n      if (checkSDKReady()) {\n        clearInterval(pollInterval)\n      }\n    }, 100)\n\n    // Cleanup\n    return () => {\n      clearInterval(pollInterval)\n      window.removeEventListener('message', handleSDKReady)\n      document.removeEventListener('message', handleSDKReady)\n    }\n  }, [])\n\n  // Don't render anything until SDK is ready\n  if (!isSDKReady) {\n    return (\n      <div className=\"h-screen bg-gray-50 flex items-center justify-center\">\n        <div className=\"text-center\">\n          <div className=\"animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto mb-4\" />\n          <p className=\"text-gray-600\">Loading...</p>\n        </div>\n      </div>\n    )\n  }\n\n  return <ImagePickerProvider>{children}</ImagePickerProvider>\n}\n"],"names":["injectMocks","MinisContainer","children","isSDKReady","setIsSDKReady","useState","useEffect","checkSDKReady","handleSDKReady","event","type","pollInterval","jsx","ImagePickerProvider","jsxs"],"mappings":";;;;AAKAA,EAAY;AAEI,SAAAC,EAAe,EAAC,UAAAC,KAAwC;AACtE,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK;AA8ClD,SA5CAC,EAAU,MAAM;AAEd,UAAMC,IAAgB,MAChB,OAAO,YACTH,EAAc,EAAI,GACX,MAEF;AAIT,QAAIG;AACF;AAII,UAAAC,IAAiB,CAACC,MAAe;AACrC,YAAM,EAAC,MAAAC,EAAI,IAAI,KAAK,MAAMD,EAAM,IAAI;AAEpC,MAAIC,MAAS,qBACXN,EAAc,EAAI;AAAA,IAEtB;AAGO,WAAA,iBAAiB,WAAWI,CAAc,GACxC,SAAA,iBAAiB,WAAWA,CAAc;AAG7C,UAAAG,IAAe,YAAY,MAAM;AACrC,MAAIJ,OACF,cAAcI,CAAY;AAAA,OAE3B,GAAG;AAGN,WAAO,MAAM;AACX,oBAAcA,CAAY,GACnB,OAAA,oBAAoB,WAAWH,CAAc,GAC3C,SAAA,oBAAoB,WAAWA,CAAc;AAAA,IACxD;AAAA,EACF,GAAG,EAAE,GAGAL,IAWE,gBAAAS,EAACC,KAAqB,UAAAX,GAAS,sBATjC,OAAI,EAAA,WAAU,wDACb,UAAC,gBAAAY,EAAA,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,IAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,4EAA4E,CAAA;AAAA,IAC1F,gBAAAA,EAAA,KAAA,EAAE,WAAU,iBAAgB,UAAU,aAAA,CAAA;AAAA,EAAA,EAAA,CACzC,EACF,CAAA;AAKN;"}

package/dist/components/atoms/list.js

@@ -0,0 +1,52 @@
+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 { cn as j } from "../../lib/utils.js";
+/* empty css                         */
+import { Pagination as C } from "./pagination.js";
+const N = V;
+function q({
+  items: r,
+  height: p,
+  renderItem: l,
+  className: m,
+  showScrollbar: v = !1,
+  header: t,
+  headerHeight: n,
+  itemSizeForRow: s,
+  fetchMore: a,
+  overscanCount: b,
+  ...L
+}) {
+  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]
+  ), 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(
+    N,
+    {
+      className: S,
+      height: p,
+      direction: "vertical",
+      width: "100%",
+      itemCount: r.length,
+      overscanCount: b,
+      itemSize: z,
+      ...L,
+      children: g
+    }
+  );
+}
+export {
+  q as List
+};
+//# sourceMappingURL=list.js.map

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

@@ -0,0 +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;"}

package/dist/components/atoms/pagination.js

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,32 @@
+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.16.0_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

@@ -0,0 +1 @@
+{"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/index.js

@@ -1,5 +1,5 @@
 import { DATA_NAVIGATION_TYPE_ATTRIBUTE as o, NAVIGATION_TYPES as t } from "./types/index.js";
-import { MinisContainer as l } from "./components/MinisContainer.js";
+import { MinisContainer as i } from "./components/MinisContainer.js";
 import { ProductCard as p } from "./components/commerce/product-card.js";
 import { ProductLink as m } from "./components/commerce/product-link.js";
 import { MerchantCard as u, MerchantCardPrimitive as x } from "./components/commerce/merchant-card.js";
@@ -13,206 +13,208 @@ import { IconButton as v } from "./components/atoms/icon-button.js";
 import { ThumbhashImage as k } from "./components/atoms/thumbhash-image.js";
 import { Touchable as F } from "./components/atoms/touchable.js";
 import { AlertDialogAtom as M } from "./components/atoms/alert-dialog.js";
-import { Accordion as B, AccordionContent as L, AccordionItem as y, AccordionTrigger as G } from "./components/ui/accordion.js";
-import { Alert as O, AlertDescription as U, AlertTitle as V } from "./components/ui/alert.js";
-import { AlertDialog as z, AlertDialogAction as Y, AlertDialogCancel as W, AlertDialogContent as j, AlertDialogDescription as q, AlertDialogFooter as J, AlertDialogHeader as K, AlertDialogOverlay as Q, AlertDialogPortal as X, AlertDialogTitle as Z, AlertDialogTrigger as $ } from "./components/ui/alert-dialog.js";
-import { Avatar as er, AvatarFallback as or, AvatarImage as tr } from "./components/ui/avatar.js";
-import { Card as lr, CardAction as ir, CardContent as pr, CardDescription as sr, CardFooter as mr, CardHeader as nr, CardTitle as ur } from "./components/ui/card.js";
-import { Carousel as fr, CarouselContent as cr, CarouselItem as dr, CarouselNext as Sr, CarouselPrevious as gr } from "./components/ui/carousel.js";
-import { Checkbox as Ar } from "./components/ui/checkbox.js";
-import { Dialog as Pr, DialogClose as Tr, DialogContent as hr, DialogDescription as Ir, DialogFooter as wr, DialogHeader as vr, DialogOverlay as br, DialogPortal as kr, DialogTitle as Er, DialogTrigger as Fr } from "./components/ui/dialog.js";
-import { Drawer as Mr, DrawerClose as Nr, DrawerContent as Br, DrawerDescription as Lr, DrawerFooter as yr, DrawerHeader as Gr, DrawerOverlay as Hr, DrawerPortal as Or, DrawerTitle as Ur, DrawerTrigger as Vr } from "./components/ui/drawer.js";
-import { Input as zr } from "./components/ui/input.js";
-import { Label as Wr } from "./components/ui/label.js";
-import { Progress as qr } from "./components/ui/progress.js";
-import { RadioGroup as Kr, RadioGroupItem as Qr } from "./components/ui/radio-group.js";
-import { ResizableHandle as Zr, ResizablePanel as $r, ResizablePanelGroup as re } from "./components/ui/resizable.js";
-import { ScrollArea as oe, ScrollBar as te } from "./components/ui/scroll-area.js";
-import { Select as le, SelectContent as ie, SelectGroup as pe, SelectItem as se, SelectLabel as me, SelectScrollDownButton as ne, SelectScrollUpButton as ue, SelectSeparator as xe, SelectTrigger as fe, SelectValue as ce } from "./components/ui/select.js";
-import { Separator as Se } from "./components/ui/separator.js";
-import { Sheet as De, SheetClose as Ae, SheetContent as Ce, SheetDescription as Pe, SheetFooter as Te, SheetHeader as he, SheetTitle as Ie, SheetTrigger as we } from "./components/ui/sheet.js";
-import { Toaster as be } from "./components/ui/sonner.js";
-import { Skeleton as Ee } from "./components/ui/skeleton.js";
-import { useRecentProducts as Re } from "./hooks/user/useRecentProducts.js";
-import { useRecentShops as Ne } from "./hooks/user/useRecentShops.js";
-import { useSavedProducts as Le } from "./hooks/user/useSavedProducts.js";
-import { useSavedProductsActions as Ge } from "./hooks/user/useSavedProductsActions.js";
-import { useFollowedShops as Oe } from "./hooks/user/useFollowedShops.js";
-import { useFollowedShopsActions as Ve } from "./hooks/user/useFollowedShopsActions.js";
-import { useCurrentUser as ze } from "./hooks/user/useCurrentUser.js";
-import { useOrders as We } from "./hooks/user/useOrders.js";
-import { useBuyerAttributes as qe } from "./hooks/user/useBuyerAttributes.js";
-import { useProductListActions as Ke } from "./hooks/product/useProductListActions.js";
-import { useProductLists as Xe } from "./hooks/product/useProductLists.js";
-import { useProductList as $e } from "./hooks/product/useProductList.js";
-import { useProduct as eo } from "./hooks/product/useProduct.js";
-import { useProducts as to } from "./hooks/product/useProducts.js";
-import { useProductVariants as lo } from "./hooks/product/useProductVariants.js";
-import { useProductMedia as po } from "./hooks/product/useProductMedia.js";
-import { useProductSearch as mo } from "./hooks/product/useProductSearch.js";
-import { useRecommendedProducts as uo } from "./hooks/product/useRecommendedProducts.js";
-import { usePopularProducts as fo } from "./hooks/product/usePopularProducts.js";
-import { useCuratedProducts as So } from "./hooks/product/useCuratedProducts.js";
-import { useAsyncStorage as Do } from "./hooks/storage/useAsyncStorage.js";
-import { useSecureStorage as Co } from "./hooks/storage/useSecureStorage.js";
-import { useImageUpload as To } from "./hooks/storage/useImageUpload.js";
-import { useShopNavigation as Io } from "./hooks/navigation/useShopNavigation.js";
-import { useCloseMini as vo } from "./hooks/navigation/useCloseMini.js";
-import { useDeeplink as ko } from "./hooks/navigation/useDeeplink.js";
-import { useNavigateWithTransition as Fo } from "./hooks/navigation/useNavigateWithTransition.js";
-import { useShop as Mo } from "./hooks/shop/useShop.js";
-import { useShopCartActions as Bo } from "./hooks/shop/useShopCartActions.js";
-import { useRecommendedShops as yo } from "./hooks/shop/useRecommendedShops.js";
-import { useErrorToast as Ho } from "./hooks/util/useErrorToast.js";
-import { useErrorScreen as Uo } from "./hooks/util/useErrorScreen.js";
-import { useShare as _o } from "./hooks/util/useShare.js";
-import { useImagePicker as Yo } from "./hooks/util/useImagePicker.js";
-import { MiniEntityNotFoundError as jo, MiniError as qo, MiniNetworkError as Jo, formatError as Ko } from "./utils/errors.js";
-import { parseUrl as Xo } from "./utils/parseUrl.js";
-import { Consent as $o, ConsentStatus as rt } from "./shop-minis-platform/src/types/permissions.js";
+import { List as B } from "./components/atoms/list.js";
+import { Accordion as y, AccordionContent as G, AccordionItem as H, AccordionTrigger as O } from "./components/ui/accordion.js";
+import { Alert as V, AlertDescription as _, AlertTitle as z } from "./components/ui/alert.js";
+import { AlertDialog as W, AlertDialogAction as j, AlertDialogCancel as q, AlertDialogContent as J, AlertDialogDescription as K, AlertDialogFooter as Q, AlertDialogHeader as X, AlertDialogOverlay as Z, AlertDialogPortal as $, AlertDialogTitle as rr, AlertDialogTrigger as er } from "./components/ui/alert-dialog.js";
+import { Avatar as tr, AvatarFallback as ar, AvatarImage as ir } from "./components/ui/avatar.js";
+import { Card as pr, CardAction as sr, CardContent as mr, CardDescription as nr, CardFooter as ur, CardHeader as xr, CardTitle as fr } from "./components/ui/card.js";
+import { Carousel as dr, CarouselContent as Sr, CarouselItem as gr, CarouselNext as Dr, CarouselPrevious as Ar } from "./components/ui/carousel.js";
+import { Checkbox as Pr } from "./components/ui/checkbox.js";
+import { Dialog as hr, DialogClose as Ir, DialogContent as wr, DialogDescription as vr, DialogFooter as br, DialogHeader as kr, DialogOverlay as Er, DialogPortal as Fr, DialogTitle as Rr, DialogTrigger as Mr } from "./components/ui/dialog.js";
+import { Drawer as Br, DrawerClose as Lr, DrawerContent as yr, DrawerDescription as Gr, DrawerFooter as Hr, DrawerHeader as Or, DrawerOverlay as Ur, DrawerPortal as Vr, DrawerTitle as _r, DrawerTrigger as zr } from "./components/ui/drawer.js";
+import { Input as Wr } from "./components/ui/input.js";
+import { Label as qr } from "./components/ui/label.js";
+import { Progress as Kr } from "./components/ui/progress.js";
+import { RadioGroup as Xr, RadioGroupItem as Zr } from "./components/ui/radio-group.js";
+import { ResizableHandle as re, ResizablePanel as ee, ResizablePanelGroup as oe } from "./components/ui/resizable.js";
+import { ScrollArea as ae, ScrollBar as ie } from "./components/ui/scroll-area.js";
+import { Select as pe, SelectContent as se, SelectGroup as me, SelectItem as ne, SelectLabel as ue, SelectScrollDownButton as xe, SelectScrollUpButton as fe, SelectSeparator as ce, SelectTrigger as de, SelectValue as Se } from "./components/ui/select.js";
+import { Separator as De } from "./components/ui/separator.js";
+import { Sheet as Ce, SheetClose as Pe, SheetContent as Te, SheetDescription as he, SheetFooter as Ie, SheetHeader as we, SheetTitle as ve, SheetTrigger as be } from "./components/ui/sheet.js";
+import { Toaster as Ee } from "./components/ui/sonner.js";
+import { Skeleton as Re } from "./components/ui/skeleton.js";
+import { useRecentProducts as Ne } from "./hooks/user/useRecentProducts.js";
+import { useRecentShops as Le } from "./hooks/user/useRecentShops.js";
+import { useSavedProducts as Ge } from "./hooks/user/useSavedProducts.js";
+import { useSavedProductsActions as Oe } from "./hooks/user/useSavedProductsActions.js";
+import { useFollowedShops as Ve } from "./hooks/user/useFollowedShops.js";
+import { useFollowedShopsActions as ze } from "./hooks/user/useFollowedShopsActions.js";
+import { useCurrentUser as We } from "./hooks/user/useCurrentUser.js";
+import { useOrders as qe } from "./hooks/user/useOrders.js";
+import { useBuyerAttributes as Ke } from "./hooks/user/useBuyerAttributes.js";
+import { useProductListActions as Xe } from "./hooks/product/useProductListActions.js";
+import { useProductLists as $e } from "./hooks/product/useProductLists.js";
+import { useProductList as eo } from "./hooks/product/useProductList.js";
+import { useProduct as to } from "./hooks/product/useProduct.js";
+import { useProducts as io } from "./hooks/product/useProducts.js";
+import { useProductVariants as po } from "./hooks/product/useProductVariants.js";
+import { useProductMedia as mo } from "./hooks/product/useProductMedia.js";
+import { useProductSearch as uo } from "./hooks/product/useProductSearch.js";
+import { useRecommendedProducts as fo } from "./hooks/product/useRecommendedProducts.js";
+import { usePopularProducts as So } from "./hooks/product/usePopularProducts.js";
+import { useCuratedProducts as Do } from "./hooks/product/useCuratedProducts.js";
+import { useAsyncStorage as Co } from "./hooks/storage/useAsyncStorage.js";
+import { useSecureStorage as To } from "./hooks/storage/useSecureStorage.js";
+import { useImageUpload as Io } from "./hooks/storage/useImageUpload.js";
+import { useShopNavigation as vo } from "./hooks/navigation/useShopNavigation.js";
+import { useCloseMini as ko } from "./hooks/navigation/useCloseMini.js";
+import { useDeeplink as Fo } from "./hooks/navigation/useDeeplink.js";
+import { useNavigateWithTransition as Mo } from "./hooks/navigation/useNavigateWithTransition.js";
+import { useShop as Bo } from "./hooks/shop/useShop.js";
+import { useShopCartActions as yo } from "./hooks/shop/useShopCartActions.js";
+import { useRecommendedShops as Ho } from "./hooks/shop/useRecommendedShops.js";
+import { useErrorToast as Uo } from "./hooks/util/useErrorToast.js";
+import { useErrorScreen as _o } from "./hooks/util/useErrorScreen.js";
+import { useShare as Yo } from "./hooks/util/useShare.js";
+import { useImagePicker as jo } from "./hooks/util/useImagePicker.js";
+import { MiniEntityNotFoundError as Jo, MiniError as Ko, MiniNetworkError as Qo, formatError as Xo } from "./utils/errors.js";
+import { parseUrl as $o } from "./utils/parseUrl.js";
+import { Consent as et, ConsentStatus as ot } from "./shop-minis-platform/src/types/permissions.js";
 export {
-  B as Accordion,
-  L as AccordionContent,
-  y as AccordionItem,
-  G as AccordionTrigger,
-  O as Alert,
-  U as AlertDescription,
-  z as AlertDialog,
-  Y as AlertDialogAction,
+  y as Accordion,
+  G as AccordionContent,
+  H as AccordionItem,
+  O as AccordionTrigger,
+  V as Alert,
+  _ as AlertDescription,
+  W as AlertDialog,
+  j as AlertDialogAction,
   M as AlertDialogAtom,
-  W as AlertDialogCancel,
-  j as AlertDialogContent,
-  q as AlertDialogDescription,
-  J as AlertDialogFooter,
-  K as AlertDialogHeader,
-  Q as AlertDialogOverlay,
-  X as AlertDialogPortal,
-  Z as AlertDialogTitle,
-  $ as AlertDialogTrigger,
-  V as AlertTitle,
-  er as Avatar,
-  or as AvatarFallback,
-  tr as AvatarImage,
+  q as AlertDialogCancel,
+  J as AlertDialogContent,
+  K as AlertDialogDescription,
+  Q as AlertDialogFooter,
+  X as AlertDialogHeader,
+  Z as AlertDialogOverlay,
+  $ as AlertDialogPortal,
+  rr as AlertDialogTitle,
+  er as AlertDialogTrigger,
+  z as AlertTitle,
+  tr as Avatar,
+  ar as AvatarFallback,
+  ir as AvatarImage,
   T as Button,
-  lr as Card,
-  ir as CardAction,
-  pr as CardContent,
-  sr as CardDescription,
-  mr as CardFooter,
-  nr as CardHeader,
-  ur as CardTitle,
-  fr as Carousel,
-  cr as CarouselContent,
-  dr as CarouselItem,
-  Sr as CarouselNext,
-  gr as CarouselPrevious,
-  Ar as Checkbox,
-  $o as Consent,
-  rt as ConsentStatus,
+  pr as Card,
+  sr as CardAction,
+  mr as CardContent,
+  nr as CardDescription,
+  ur as CardFooter,
+  xr as CardHeader,
+  fr as CardTitle,
+  dr as Carousel,
+  Sr as CarouselContent,
+  gr as CarouselItem,
+  Dr as CarouselNext,
+  Ar as CarouselPrevious,
+  Pr as Checkbox,
+  et as Consent,
+  ot as ConsentStatus,
   o as DATA_NAVIGATION_TYPE_ATTRIBUTE,
-  Pr as Dialog,
-  Tr as DialogClose,
-  hr as DialogContent,
-  Ir as DialogDescription,
-  wr as DialogFooter,
-  vr as DialogHeader,
-  br as DialogOverlay,
-  kr as DialogPortal,
-  Er as DialogTitle,
-  Fr as DialogTrigger,
-  Mr as Drawer,
-  Nr as DrawerClose,
-  Br as DrawerContent,
-  Lr as DrawerDescription,
-  yr as DrawerFooter,
-  Gr as DrawerHeader,
-  Hr as DrawerOverlay,
-  Or as DrawerPortal,
-  Ur as DrawerTitle,
-  Vr as DrawerTrigger,
+  hr as Dialog,
+  Ir as DialogClose,
+  wr as DialogContent,
+  vr as DialogDescription,
+  br as DialogFooter,
+  kr as DialogHeader,
+  Er as DialogOverlay,
+  Fr as DialogPortal,
+  Rr as DialogTitle,
+  Mr as DialogTrigger,
+  Br as Drawer,
+  Lr as DrawerClose,
+  yr as DrawerContent,
+  Gr as DrawerDescription,
+  Hr as DrawerFooter,
+  Or as DrawerHeader,
+  Ur as DrawerOverlay,
+  Vr as DrawerPortal,
+  _r as DrawerTitle,
+  zr as DrawerTrigger,
   I as FavoriteButton,
   v as IconButton,
-  zr as Input,
-  Wr as Label,
+  Wr as Input,
+  qr as Label,
+  B as List,
   u as MerchantCard,
   x as MerchantCardPrimitive,
   S as MerchantCardSkeleton,
-  jo as MiniEntityNotFoundError,
-  qo as MiniError,
-  Jo as MiniNetworkError,
-  l as MinisContainer,
+  Jo as MiniEntityNotFoundError,
+  Ko as MiniError,
+  Qo as MiniNetworkError,
+  i as MinisContainer,
   t as NAVIGATION_TYPES,
   p as ProductCard,
   c as ProductCardSkeleton,
   m as ProductLink,
-  qr as Progress,
-  Kr as RadioGroup,
-  Qr as RadioGroupItem,
-  Zr as ResizableHandle,
-  $r as ResizablePanel,
-  re as ResizablePanelGroup,
-  oe as ScrollArea,
-  te as ScrollBar,
-  le as Select,
-  ie as SelectContent,
-  pe as SelectGroup,
-  se as SelectItem,
-  me as SelectLabel,
-  ne as SelectScrollDownButton,
-  ue as SelectScrollUpButton,
-  xe as SelectSeparator,
-  fe as SelectTrigger,
-  ce as SelectValue,
-  Se as Separator,
-  De as Sheet,
-  Ae as SheetClose,
-  Ce as SheetContent,
-  Pe as SheetDescription,
-  Te as SheetFooter,
-  he as SheetHeader,
-  Ie as SheetTitle,
-  we as SheetTrigger,
-  Ee as Skeleton,
+  Kr as Progress,
+  Xr as RadioGroup,
+  Zr as RadioGroupItem,
+  re as ResizableHandle,
+  ee as ResizablePanel,
+  oe as ResizablePanelGroup,
+  ae as ScrollArea,
+  ie as ScrollBar,
+  pe as Select,
+  se as SelectContent,
+  me as SelectGroup,
+  ne as SelectItem,
+  ue as SelectLabel,
+  xe as SelectScrollDownButton,
+  fe as SelectScrollUpButton,
+  ce as SelectSeparator,
+  de as SelectTrigger,
+  Se as SelectValue,
+  De as Separator,
+  Ce as Sheet,
+  Pe as SheetClose,
+  Te as SheetContent,
+  he as SheetDescription,
+  Ie as SheetFooter,
+  we as SheetHeader,
+  ve as SheetTitle,
+  be as SheetTrigger,
+  Re as Skeleton,
   k as ThumbhashImage,
-  be as Toaster,
+  Ee as Toaster,
   F as Touchable,
   D as TransitionContainer,
   C as TransitionLink,
-  Ko as formatError,
-  Xo as parseUrl,
-  Do as useAsyncStorage,
-  qe as useBuyerAttributes,
-  vo as useCloseMini,
-  So as useCuratedProducts,
-  ze as useCurrentUser,
-  ko as useDeeplink,
-  Uo as useErrorScreen,
-  Ho as useErrorToast,
-  Oe as useFollowedShops,
-  Ve as useFollowedShopsActions,
-  Yo as useImagePicker,
-  To as useImageUpload,
-  Fo as useNavigateWithTransition,
-  We as useOrders,
-  fo as usePopularProducts,
-  eo as useProduct,
-  $e as useProductList,
-  Ke as useProductListActions,
-  Xe as useProductLists,
-  po as useProductMedia,
-  mo as useProductSearch,
-  lo as useProductVariants,
-  to as useProducts,
-  Re as useRecentProducts,
-  Ne as useRecentShops,
-  uo as useRecommendedProducts,
-  yo as useRecommendedShops,
-  Le as useSavedProducts,
-  Ge as useSavedProductsActions,
-  Co as useSecureStorage,
-  _o as useShare,
-  Mo as useShop,
-  Bo as useShopCartActions,
-  Io as useShopNavigation
+  Xo as formatError,
+  $o as parseUrl,
+  Co as useAsyncStorage,
+  Ke as useBuyerAttributes,
+  ko as useCloseMini,
+  Do as useCuratedProducts,
+  We as useCurrentUser,
+  Fo as useDeeplink,
+  _o as useErrorScreen,
+  Uo as useErrorToast,
+  Ve as useFollowedShops,
+  ze as useFollowedShopsActions,
+  jo as useImagePicker,
+  Io as useImageUpload,
+  Mo as useNavigateWithTransition,
+  qe as useOrders,
+  So as usePopularProducts,
+  to as useProduct,
+  eo as useProductList,
+  Xe as useProductListActions,
+  $e as useProductLists,
+  mo as useProductMedia,
+  uo as useProductSearch,
+  po as useProductVariants,
+  io as useProducts,
+  Ne as useRecentProducts,
+  Le as useRecentShops,
+  fo as useRecommendedProducts,
+  Ho as useRecommendedShops,
+  Ge as useSavedProducts,
+  Oe as useSavedProductsActions,
+  To as useSecureStorage,
+  Yo as useShare,
+  Bo as useShop,
+  yo as useShopCartActions,
+  vo as useShopNavigation
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/internal/useShopActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useShopActions.js","sources":["../../src/internal/useShopActions.ts"],"sourcesContent":["import {ShopActions} from '../types'\n\nexport function useShopActions(): ShopActions {\n  return window.minisSDK\n}\n"],"names":["useShopActions"],"mappings":"AAEO,SAASA,IAA8B;AAC5C,SAAO,OAAO;AAChB;"}
+{"version":3,"file":"useShopActions.js","sources":["../../src/internal/useShopActions.ts"],"sourcesContent":["import {ShopActions} from '@shopify/shop-minis-platform/actions'\n\nexport function useShopActions(): ShopActions {\n  return window.minisSDK\n}\n"],"names":["useShopActions"],"mappings":"AAEO,SAASA,IAA8B;AAC5C,SAAO,OAAO;AAChB;"}