@shopify/shop-minis-react 0.3.2 → 0.4.0

package/dist/internal/components/product-review-stars.js

@@ -0,0 +1,78 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import * as g from "react";
+import { cn as t } from "../../lib/utils.js";
+import { formatReviewCount as y, normalizeRating as w } from "../../utils/merchant-card.js";
+import c from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/star.js";
+import R from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/star-half.js";
+const l = {
+  sm: "h-3 w-3",
+  md: "h-4 w-4",
+  lg: "h-5 w-5"
+}, S = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+}, u = g.forwardRef(
+  ({
+    averageRating: d,
+    reviewCount: m,
+    size: e = "sm",
+    filledStarColor: o = "var(--grayscale-d100)",
+    emptyStarColor: n = "var(--grayscale-l20)",
+    className: f,
+    ...h
+  }, p) => {
+    const i = Math.min(5, w(d)), x = Math.floor(i), v = i % 1;
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: p,
+        className: t("flex items-center", f),
+        "data-slot": "product-review-stars",
+        ...h,
+        children: [
+          /* @__PURE__ */ s("div", { className: "relative", children: [
+            /* @__PURE__ */ a("div", { className: "flex", children: Array.from({ length: 5 }, (N, r) => /* @__PURE__ */ a(
+              c,
+              {
+                className: t(l[e]),
+                style: { fill: n },
+                strokeWidth: 0
+              },
+              r
+            )) }),
+            /* @__PURE__ */ s("div", { className: "flex absolute top-0 left-0", children: [
+              Array.from({ length: x }, (N, r) => /* @__PURE__ */ a(
+                c,
+                {
+                  className: t(l[e]),
+                  style: { fill: o },
+                  strokeWidth: 0
+                },
+                r
+              )),
+              v >= 0.5 && /* @__PURE__ */ a(
+                R,
+                {
+                  className: t(l[e]),
+                  style: { fill: o },
+                  strokeWidth: 0
+                }
+              )
+            ] })
+          ] }),
+          m && /* @__PURE__ */ s("span", { className: t(S[e], "ml-1"), children: [
+            "(",
+            y(m),
+            ")"
+          ] })
+        ]
+      }
+    );
+  }
+);
+u.displayName = "ProductReviewStars";
+export {
+  u as ProductReviewStars
+};
+//# sourceMappingURL=product-review-stars.js.map

package/dist/internal/components/product-review-stars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-review-stars.js","sources":["../../../src/internal/components/product-review-stars.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {Star, StarHalf} from 'lucide-react'\n\nimport {cn} from '../../lib/utils'\nimport {formatReviewCount, normalizeRating} from '../../utils/merchant-card'\n\nconst starSizeClasses = {\n  sm: 'h-3 w-3',\n  md: 'h-4 w-4',\n  lg: 'h-5 w-5',\n} as const\n\nconst textSizeClasses = {\n  sm: 'text-xs',\n  md: 'text-sm',\n  lg: 'text-base',\n} as const\n\nexport interface ProductReviewStarsProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Average rating value (0-5)\n   */\n  averageRating: number\n  /**\n   * Total number of reviews\n   */\n  reviewCount?: number | null\n  /**\n   * Custom color for filled star\n   * @default 'var(--grayscale-d100)' (black)\n   */\n  filledStarColor?: string\n  /**\n   * Custom color for empty star\n   * @default 'var(--grayscale-l20)' (light gray)\n   */\n  emptyStarColor?: string\n  /**\n   * Size of the stars\n   * @default 'sm'\n   */\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport const ProductReviewStars = React.forwardRef<\n  HTMLDivElement,\n  ProductReviewStarsProps\n>(\n  (\n    {\n      averageRating,\n      reviewCount,\n      size = 'sm',\n      filledStarColor = 'var(--grayscale-d100)',\n      emptyStarColor = 'var(--grayscale-l20)',\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const normalizedRating = Math.min(5, normalizeRating(averageRating))\n    const filledStars = Math.floor(normalizedRating)\n    const remainder = normalizedRating % 1\n\n    return (\n      <div\n        ref={ref}\n        className={cn('flex items-center', className)}\n        data-slot=\"product-review-stars\"\n        {...props}\n      >\n        <div className=\"relative\">\n          <div className=\"flex\">\n            {Array.from({length: 5}, (_, i) => (\n              <Star\n                key={i}\n                className={cn(starSizeClasses[size])}\n                style={{fill: emptyStarColor}}\n                strokeWidth={0}\n              />\n            ))}\n          </div>\n          <div className=\"flex absolute top-0 left-0\">\n            {Array.from({length: filledStars}, (_, i) => (\n              <Star\n                key={i}\n                className={cn(starSizeClasses[size])}\n                style={{fill: filledStarColor}}\n                strokeWidth={0}\n              />\n            ))}\n            {remainder >= 0.5 && (\n              <StarHalf\n                className={cn(starSizeClasses[size])}\n                style={{fill: filledStarColor}}\n                strokeWidth={0}\n              />\n            )}\n          </div>\n        </div>\n        {reviewCount && (\n          <span className={cn(textSizeClasses[size], 'ml-1')}>\n            ({formatReviewCount(reviewCount)})\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nProductReviewStars.displayName = 'ProductReviewStars'\n"],"names":["starSizeClasses","textSizeClasses","ProductReviewStars","React","averageRating","reviewCount","size","filledStarColor","emptyStarColor","className","props","ref","normalizedRating","normalizeRating","filledStars","remainder","jsxs","cn","jsx","_","i","Star","StarHalf","formatReviewCount"],"mappings":";;;;;;AAOA,MAAMA,IAAkB;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAkB;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GA6BaC,IAAqBC,EAAM;AAAA,EAItC,CACE;AAAA,IACE,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,iBAAAC,IAAkB;AAAA,IAClB,gBAAAC,IAAiB;AAAA,IACjB,WAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACH,UAAMC,IAAmB,KAAK,IAAI,GAAGC,EAAgBT,CAAa,CAAC,GAC7DU,IAAc,KAAK,MAAMF,CAAgB,GACzCG,IAAYH,IAAmB;AAGnC,WAAA,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,WAAWM,EAAG,qBAAqBR,CAAS;AAAA,QAC5C,aAAU;AAAA,QACT,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAC,gBAAAM,EAAA,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,YAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,QACZ,UAAM,MAAA,KAAK,EAAC,QAAQ,EAAC,GAAG,CAACC,GAAGC,MAC3B,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBAEC,WAAWJ,EAAGjB,EAAgBM,CAAI,CAAC;AAAA,gBACnC,OAAO,EAAC,MAAME,EAAc;AAAA,gBAC5B,aAAa;AAAA,cAAA;AAAA,cAHRY;AAAA,YAKR,CAAA,GACH;AAAA,YACA,gBAAAJ,EAAC,OAAI,EAAA,WAAU,8BACZ,UAAA;AAAA,cAAA,MAAM,KAAK,EAAC,QAAQF,KAAc,CAACK,GAAGC,MACrC,gBAAAF;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBAEC,WAAWJ,EAAGjB,EAAgBM,CAAI,CAAC;AAAA,kBACnC,OAAO,EAAC,MAAMC,EAAe;AAAA,kBAC7B,aAAa;AAAA,gBAAA;AAAA,gBAHRa;AAAA,cAAA,CAKR;AAAA,cACAL,KAAa,OACZ,gBAAAG;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,WAAWL,EAAGjB,EAAgBM,CAAI,CAAC;AAAA,kBACnC,OAAO,EAAC,MAAMC,EAAe;AAAA,kBAC7B,aAAa;AAAA,gBAAA;AAAA,cAAA;AAAA,YACf,EAEJ,CAAA;AAAA,UAAA,GACF;AAAA,UACCF,uBACE,QAAK,EAAA,WAAWY,EAAGhB,EAAgBK,CAAI,GAAG,MAAM,GAAG,UAAA;AAAA,YAAA;AAAA,YAChDiB,EAAkBlB,CAAW;AAAA,YAAE;AAAA,UAAA,EACnC,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEAH,EAAmB,cAAc;"}

package/dist/internal/reactQuery/MinisQueryProvider.js

@@ -0,0 +1,11 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useMemo as o } from "react";
+import { createShopMinisQueryClient as t, ShopMinisQueryClientContext as n } from "./queryClient.js";
+function s({ children: r }) {
+  const e = o(() => t(), []);
+  return /* @__PURE__ */ i(n.Provider, { value: e, children: r });
+}
+export {
+  s as MinisQueryProvider
+};
+//# sourceMappingURL=MinisQueryProvider.js.map

package/dist/internal/reactQuery/MinisQueryProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinisQueryProvider.js","sources":["../../../src/internal/reactQuery/MinisQueryProvider.tsx"],"sourcesContent":["import React, {useMemo} from 'react'\n\nimport {\n  createShopMinisQueryClient,\n  ShopMinisQueryClientContext,\n} from './queryClient'\n\nexport function MinisQueryProvider({children}: {children: React.ReactNode}) {\n  const queryClient = useMemo(() => createShopMinisQueryClient(), [])\n\n  return (\n    <ShopMinisQueryClientContext.Provider value={queryClient}>\n      {children}\n    </ShopMinisQueryClientContext.Provider>\n  )\n}\n"],"names":["MinisQueryProvider","children","queryClient","useMemo","createShopMinisQueryClient","ShopMinisQueryClientContext"],"mappings":";;;AAOgB,SAAAA,EAAmB,EAAC,UAAAC,KAAwC;AAC1E,QAAMC,IAAcC,EAAQ,MAAMC,EAA2B,GAAG,CAAA,CAAE;AAElE,2BACGC,EAA4B,UAA5B,EAAqC,OAAOH,GAC1C,UAAAD,GACH;AAEJ;"}

package/dist/internal/reactQuery/queryClient.js

@@ -0,0 +1,33 @@
+import { createContext as t, useContext as n } from "react";
+import { QueryClient as i } from "../../shop-minis-react/node_modules/.pnpm/@tanstack_query-core@5.86.0/node_modules/@tanstack/query-core/build/modern/queryClient.js";
+const r = t(
+  null
+);
+function u() {
+  const e = n(r);
+  if (!e)
+    throw new Error(
+      "Shop Minis hooks must be used within <MinisContainer> or <MinisQueryProvider>. Wrap your component tree with one of these providers."
+    );
+  return e;
+}
+function c() {
+  return new i({
+    defaultOptions: {
+      queries: {
+        staleTime: 0,
+        // Data is immediately stale
+        gcTime: 0,
+        // Don't keep in cache after component unmounts
+        retry: 1,
+        refetchOnWindowFocus: !1
+      }
+    }
+  });
+}
+export {
+  r as ShopMinisQueryClientContext,
+  c as createShopMinisQueryClient,
+  u as useShopMinisQueryClient
+};
+//# sourceMappingURL=queryClient.js.map

package/dist/internal/reactQuery/queryClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryClient.js","sources":["../../../src/internal/reactQuery/queryClient.ts"],"sourcesContent":["import {createContext, useContext} from 'react'\n\nimport {QueryClient} from '@tanstack/react-query'\n\n/**\n * Custom QueryClient context for Shop Minis SDK\n * This ensures our SDK always uses its own QueryClient,\n * even if the parent app has their own QueryClientProvider\n */\nexport const ShopMinisQueryClientContext = createContext<QueryClient | null>(\n  null\n)\n\nexport function useShopMinisQueryClient(): QueryClient {\n  const client = useContext(ShopMinisQueryClientContext)\n  if (!client) {\n    throw new Error(\n      'Shop Minis hooks must be used within <MinisContainer> or <MinisQueryProvider>. ' +\n        'Wrap your component tree with one of these providers.'\n    )\n  }\n  return client\n}\n\n/**\n * Create a QueryClient instance for Shop Minis SDK\n * Isolated from any parent app's QueryClient\n *\n * Caching is disabled by default since Apollo provides the cache layer.\n * React Query only provides request deduplication and state management.\n */\nexport function createShopMinisQueryClient() {\n  return new QueryClient({\n    defaultOptions: {\n      queries: {\n        staleTime: 0, // Data is immediately stale\n        gcTime: 0, // Don't keep in cache after component unmounts\n        retry: 1,\n        refetchOnWindowFocus: false,\n      },\n    },\n  })\n}\n"],"names":["ShopMinisQueryClientContext","createContext","useShopMinisQueryClient","client","useContext","createShopMinisQueryClient","QueryClient"],"mappings":";;AASO,MAAMA,IAA8BC;AAAA,EACzC;AACF;AAEO,SAASC,IAAuC;AAC/C,QAAAC,IAASC,EAAWJ,CAA2B;AACrD,MAAI,CAACG;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IAEF;AAEK,SAAAA;AACT;AASO,SAASE,IAA6B;AAC3C,SAAO,IAAIC,EAAY;AAAA,IACrB,gBAAgB;AAAA,MACd,SAAS;AAAA,QACP,WAAW;AAAA;AAAA,QACX,QAAQ;AAAA;AAAA,QACR,OAAO;AAAA,QACP,sBAAsB;AAAA,MAAA;AAAA,IACxB;AAAA,EACF,CACD;AACH;"}

package/dist/internal/reactQuery/useShopActionInfiniteQuery.js

@@ -0,0 +1,52 @@
+import { useMemo as P, useCallback as o } from "react";
+import { useInfiniteQuery as x } from "../../shop-minis-react/node_modules/.pnpm/@tanstack_react-query@5.86.0_react@19.1.0/node_modules/@tanstack/react-query/build/modern/useInfiniteQuery.js";
+import { useShopMinisQueryClient as N } from "./queryClient.js";
+function M(i, s, f, u) {
+  const { skip: c = !1 } = u ?? {}, l = N(), {
+    data: a,
+    fetchNextPage: r,
+    hasNextPage: g,
+    isLoading: p,
+    error: d,
+    refetch: n
+  } = x(
+    {
+      queryKey: i,
+      queryFn: async ({ pageParam: e }) => {
+        const t = await s({
+          ...f,
+          after: e
+        });
+        if (!t.ok)
+          throw t.error;
+        return t.data;
+      },
+      getNextPageParam: (e) => e.pageInfo.hasNextPage ? e.pageInfo.endCursor : void 0,
+      initialPageParam: void 0,
+      enabled: !c
+      // Caching disabled by default (handled by Apollo)
+      // fetchPolicy param is passed through to the action (Apollo layer)
+    },
+    l
+  ), h = P(() => {
+    if (!a?.pages || a.pages.length === 0) return null;
+    const e = a.pages[0].data;
+    return e == null ? null : Array.isArray(e) ? a.pages.flatMap((t) => t.data) : e;
+  }, [a?.pages]), y = o(async () => {
+    await r();
+  }, [r]), m = o(async () => {
+    await n();
+  }, [n]);
+  return {
+    data: h,
+    loading: p,
+    error: d,
+    hasNextPage: g ?? !1,
+    fetchMore: y,
+    refetch: m
+  };
+}
+export {
+  M as useShopActionInfiniteQuery
+};
+//# sourceMappingURL=useShopActionInfiniteQuery.js.map

package/dist/internal/reactQuery/useShopActionInfiniteQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShopActionInfiniteQuery.js","sources":["../../../src/internal/reactQuery/useShopActionInfiniteQuery.ts"],"sourcesContent":["import {useCallback, useMemo} from 'react'\n\nimport {ShopActionResult} from '@shopify/shop-minis-platform/actions'\nimport {useInfiniteQuery} from '@tanstack/react-query'\n\nimport {DataHookFetchPolicy} from '../../types'\n\nimport {useShopMinisQueryClient} from './queryClient'\n\n/**\n * Helper to use React Query with Shop Actions (paginated)\n * Replaces useShopActionsPaginatedDataFetching\n *\n * @example\n * ```ts\n * // Example: Fetching saved products\n * const { getSavedProducts } = useShopActions()\n * const { data, loading, error, hasNextPage, fetchMore, refetch } =\n *   useShopActionInfiniteQuery(\n *     ['savedProducts', { includeSensitive }],  // Query key\n *     getSavedProducts,                          // Shop Action\n *     { includeSensitive },                      // Params (excludes 'after')\n *     { skip: false }                            // Options\n *   )\n * // data will be flattened array of products from all pages\n * ```\n */\nexport function useShopActionInfiniteQuery<\n  TData,\n  TParams extends {after?: string; fetchPolicy?: DataHookFetchPolicy},\n>(\n  queryKey: unknown[],\n  action: (params: TParams) => Promise<\n    ShopActionResult<{\n      data: TData\n      pageInfo: {hasNextPage: boolean; endCursor: string | null}\n    }>\n  >,\n  params: Omit<TParams, 'after'>,\n  options?: {\n    skip?: boolean\n  }\n) {\n  const {skip = false} = options ?? {}\n\n  // Always use our SDK's QueryClient for isolation\n  const queryClient = useShopMinisQueryClient()\n\n  interface PageData {\n    data: TData\n    pageInfo: {hasNextPage: boolean; endCursor: string | null}\n  }\n\n  const {\n    data,\n    fetchNextPage,\n    hasNextPage,\n    isLoading,\n    error,\n    refetch: reactQueryRefetch,\n  } = useInfiniteQuery<\n    PageData,\n    Error,\n    {pages: PageData[]},\n    unknown[],\n    string | undefined\n  >(\n    {\n      queryKey,\n      queryFn: async ({pageParam}: {pageParam: string | undefined}) => {\n        const result = await action({\n          ...params,\n          after: pageParam,\n        } as TParams)\n\n        if (!result.ok) {\n          throw result.error\n        }\n\n        return result.data\n      },\n      getNextPageParam: (lastPage: PageData) =>\n        lastPage.pageInfo.hasNextPage ? lastPage.pageInfo.endCursor : undefined,\n      initialPageParam: undefined as string | undefined,\n      enabled: !skip,\n      // Caching disabled by default (handled by Apollo)\n      // fetchPolicy param is passed through to the action (Apollo layer)\n    },\n    queryClient\n  )\n\n  // Flatten paginated data\n  // For paginated queries, we expect TData to be an array type\n  // Each page.data is an array that we concatenate together\n  const flattenedData = useMemo(() => {\n    if (!data?.pages || data.pages.length === 0) return null\n\n    // If first page data is null/undefined, return null\n    const firstPageData = data.pages[0].data\n    if (firstPageData === null || firstPageData === undefined) return null\n\n    // If data is array type, flatten all pages\n    if (Array.isArray(firstPageData)) {\n      return data.pages.flatMap((page: PageData) => page.data as any) as TData\n    }\n\n    // If data is not an array, just return the first page's data\n    // (Though in practice, all Shop Minis paginated queries return arrays)\n    return firstPageData as TData\n  }, [data?.pages])\n\n  // Wrap React Query functions to match expected API\n  const fetchMore = useCallback(async () => {\n    await fetchNextPage()\n  }, [fetchNextPage])\n\n  const refetch = useCallback(async () => {\n    await reactQueryRefetch()\n  }, [reactQueryRefetch])\n\n  return {\n    data: flattenedData,\n    loading: isLoading,\n    error: error as Error | null,\n    hasNextPage: hasNextPage ?? false,\n    fetchMore,\n    refetch,\n  }\n}\n"],"names":["useShopActionInfiniteQuery","queryKey","action","params","options","skip","queryClient","useShopMinisQueryClient","data","fetchNextPage","hasNextPage","isLoading","error","reactQueryRefetch","useInfiniteQuery","pageParam","result","lastPage","flattenedData","useMemo","firstPageData","page","fetchMore","useCallback","refetch"],"mappings":";;;AA2BO,SAASA,EAIdC,GACAC,GAMAC,GACAC,GAGA;AACA,QAAM,EAAC,MAAAC,IAAO,GAAK,IAAID,KAAW,CAAC,GAG7BE,IAAcC,EAAwB,GAOtC;AAAA,IACJ,MAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAASC;AAAA,EAAA,IACPC;AAAA,IAOF;AAAA,MACE,UAAAb;AAAA,MACA,SAAS,OAAO,EAAC,WAAAc,QAAgD;AACzD,cAAAC,IAAS,MAAMd,EAAO;AAAA,UAC1B,GAAGC;AAAA,UACH,OAAOY;AAAA,QAAA,CACG;AAER,YAAA,CAACC,EAAO;AACV,gBAAMA,EAAO;AAGf,eAAOA,EAAO;AAAA,MAChB;AAAA,MACA,kBAAkB,CAACC,MACjBA,EAAS,SAAS,cAAcA,EAAS,SAAS,YAAY;AAAA,MAChE,kBAAkB;AAAA,MAClB,SAAS,CAACZ;AAAA;AAAA;AAAA,IAGZ;AAAA,IACAC;AAAA,EACF,GAKMY,IAAgBC,EAAQ,MAAM;AAClC,QAAI,CAACX,GAAM,SAASA,EAAK,MAAM,WAAW,EAAU,QAAA;AAGpD,UAAMY,IAAgBZ,EAAK,MAAM,CAAC,EAAE;AACpC,WAAIY,KAAkB,OAA4C,OAG9D,MAAM,QAAQA,CAAa,IACtBZ,EAAK,MAAM,QAAQ,CAACa,MAAmBA,EAAK,IAAW,IAKzDD;AAAA,EAAA,GACN,CAACZ,GAAM,KAAK,CAAC,GAGVc,IAAYC,EAAY,YAAY;AACxC,UAAMd,EAAc;AAAA,EAAA,GACnB,CAACA,CAAa,CAAC,GAEZe,IAAUD,EAAY,YAAY;AACtC,UAAMV,EAAkB;AAAA,EAAA,GACvB,CAACA,CAAiB,CAAC;AAEf,SAAA;AAAA,IACL,MAAMK;AAAA,IACN,SAASP;AAAA,IACT,OAAAC;AAAA,IACA,aAAaF,KAAe;AAAA,IAC5B,WAAAY;AAAA,IACA,SAAAE;AAAA,EACF;AACF;"}

package/dist/internal/reactQuery/useShopActionQuery.js

@@ -0,0 +1,37 @@
+import { useCallback as y } from "react";
+import { useQuery as d } from "../../shop-minis-react/node_modules/.pnpm/@tanstack_react-query@5.86.0_react@19.1.0/node_modules/@tanstack/react-query/build/modern/useQuery.js";
+import { useShopMinisQueryClient as p } from "./queryClient.js";
+function k(t, o, a, n) {
+  const { skip: i = !1 } = n ?? {}, s = p(), {
+    data: u,
+    error: c,
+    isLoading: l,
+    refetch: r
+  } = d(
+    {
+      queryKey: t,
+      queryFn: async () => {
+        const e = await o(a);
+        if (!e.ok)
+          throw e.error;
+        return e.data.data;
+      },
+      enabled: !i
+      // Caching disabled by default (handled by Apollo)
+      // fetchPolicy param is passed through to the action (Apollo layer)
+    },
+    s
+  ), f = y(async () => {
+    await r();
+  }, [r]);
+  return {
+    data: u ?? null,
+    loading: l,
+    error: c,
+    refetch: f
+  };
+}
+export {
+  k as useShopActionQuery
+};
+//# sourceMappingURL=useShopActionQuery.js.map

package/dist/internal/reactQuery/useShopActionQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShopActionQuery.js","sources":["../../../src/internal/reactQuery/useShopActionQuery.ts"],"sourcesContent":["import {useCallback} from 'react'\n\nimport {ShopActionResult} from '@shopify/shop-minis-platform/actions'\nimport {useQuery} from '@tanstack/react-query'\n\nimport {DataHookFetchPolicy} from '../../types'\n\nimport {useShopMinisQueryClient} from './queryClient'\n\n/**\n * Helper to use React Query with Shop Actions (non-paginated)\n * Replaces useShopActionsDataFetching\n *\n * @example\n * ```ts\n * const { data, loading, error, refetch } = useShopActionQuery(\n *   ['product', id],\n *   getProduct,\n *   { id },\n *   { skip: false }\n * )\n * ```\n */\nexport function useShopActionQuery<\n  TData,\n  TParams extends {fetchPolicy?: DataHookFetchPolicy},\n>(\n  queryKey: unknown[],\n  action: (params: TParams) => Promise<ShopActionResult<{data: TData}>>,\n  params: TParams,\n  options?: {\n    skip?: boolean\n  }\n) {\n  const {skip = false} = options ?? {}\n\n  // Always use our SDK's QueryClient for isolation\n  const queryClient = useShopMinisQueryClient()\n\n  const {\n    data,\n    error,\n    isLoading,\n    refetch: reactQueryRefetch,\n  } = useQuery(\n    {\n      queryKey,\n      queryFn: async () => {\n        const result = await action(params)\n\n        if (!result.ok) {\n          throw result.error\n        }\n\n        return result.data.data\n      },\n      enabled: !skip,\n      // Caching disabled by default (handled by Apollo)\n      // fetchPolicy param is passed through to the action (Apollo layer)\n    },\n    queryClient\n  )\n\n  const refetch = useCallback(async () => {\n    await reactQueryRefetch()\n  }, [reactQueryRefetch])\n\n  return {\n    data: data ?? null,\n    loading: isLoading,\n    error: error as Error | null,\n    refetch,\n  }\n}\n"],"names":["useShopActionQuery","queryKey","action","params","options","skip","queryClient","useShopMinisQueryClient","data","error","isLoading","reactQueryRefetch","useQuery","result","refetch","useCallback"],"mappings":";;;AAuBO,SAASA,EAIdC,GACAC,GACAC,GACAC,GAGA;AACA,QAAM,EAAC,MAAAC,IAAO,GAAK,IAAID,KAAW,CAAC,GAG7BE,IAAcC,EAAwB,GAEtC;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAASC;AAAA,EAAA,IACPC;AAAA,IACF;AAAA,MACE,UAAAX;AAAA,MACA,SAAS,YAAY;AACb,cAAAY,IAAS,MAAMX,EAAOC,CAAM;AAE9B,YAAA,CAACU,EAAO;AACV,gBAAMA,EAAO;AAGf,eAAOA,EAAO,KAAK;AAAA,MACrB;AAAA,MACA,SAAS,CAACR;AAAA;AAAA;AAAA,IAGZ;AAAA,IACAC;AAAA,EACF,GAEMQ,IAAUC,EAAY,YAAY;AACtC,UAAMJ,EAAkB;AAAA,EAAA,GACvB,CAACA,CAAiB,CAAC;AAEf,SAAA;AAAA,IACL,MAAMH,KAAQ;AAAA,IACd,SAASE;AAAA,IACT,OAAAD;AAAA,IACA,SAAAK;AAAA,EACF;AACF;"}