@shopify/shop-minis-react 0.0.19 → 0.0.21

package/dist/index.js

@@ -1,10 +1,10 @@
 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";
 import { ProductCardSkeleton as c } from "./components/commerce/product-card-skeleton.js";
-import { MerchantCardSkeleton as S } from "./components/commerce/merchant-card-skeleton.js";
+import { MerchantCardSkeleton as g } from "./components/commerce/merchant-card-skeleton.js";
 import { TransitionContainer as D } from "./components/navigation/transition-container.js";
 import { TransitionLink as C } from "./components/navigation/transition-link.js";
 import { Button as T } from "./components/atoms/button.js";
@@ -12,207 +12,212 @@ import { FavoriteButton as I } from "./components/atoms/favorite-button.js";
 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 { AlertDialogAtom as B } from "./components/atoms/alert-dialog.js";
+import { List as N } 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 { Badge as pr, badgeVariants as sr } from "./components/ui/badge.js";
+import { Card as nr, CardAction as ur, CardContent as xr, CardDescription as fr, CardFooter as cr, CardHeader as dr, CardTitle as gr } from "./components/ui/card.js";
+import { Carousel as Dr, CarouselContent as Ar, CarouselItem as Cr, CarouselNext as Pr, CarouselPrevious as Tr } from "./components/ui/carousel.js";
+import { Checkbox as Ir } from "./components/ui/checkbox.js";
+import { Dialog as vr, DialogClose as br, DialogContent as kr, DialogDescription as Er, DialogFooter as Fr, DialogHeader as Rr, DialogOverlay as Br, DialogPortal as Mr, DialogTitle as Nr, DialogTrigger as Lr } from "./components/ui/dialog.js";
+import { Drawer as Gr, DrawerClose as Hr, DrawerContent as Or, DrawerDescription as Ur, DrawerFooter as Vr, DrawerHeader as _r, DrawerOverlay as zr, DrawerPortal as Yr, DrawerTitle as Wr, DrawerTrigger as jr } from "./components/ui/drawer.js";
+import { Input as Jr } from "./components/ui/input.js";
+import { Label as Qr } from "./components/ui/label.js";
+import { Progress as Zr } from "./components/ui/progress.js";
+import { RadioGroup as re, RadioGroupItem as ee } from "./components/ui/radio-group.js";
+import { ResizableHandle as te, ResizablePanel as ae, ResizablePanelGroup as ie } from "./components/ui/resizable.js";
+import { ScrollArea as pe, ScrollBar as se } from "./components/ui/scroll-area.js";
+import { Select as ne, SelectContent as ue, SelectGroup as xe, SelectItem as fe, SelectLabel as ce, SelectScrollDownButton as de, SelectScrollUpButton as ge, SelectSeparator as Se, SelectTrigger as De, SelectValue as Ae } from "./components/ui/select.js";
+import { Separator as Pe } from "./components/ui/separator.js";
+import { Sheet as he, SheetClose as Ie, SheetContent as we, SheetDescription as ve, SheetFooter as be, SheetHeader as ke, SheetTitle as Ee, SheetTrigger as Fe } from "./components/ui/sheet.js";
+import { Toaster as Be } from "./components/ui/sonner.js";
+import { Skeleton as Ne } from "./components/ui/skeleton.js";
+import { useRecentProducts as ye } from "./hooks/user/useRecentProducts.js";
+import { useRecentShops as He } from "./hooks/user/useRecentShops.js";
+import { useSavedProducts as Ue } from "./hooks/user/useSavedProducts.js";
+import { useSavedProductsActions as _e } from "./hooks/user/useSavedProductsActions.js";
+import { useFollowedShops as Ye } from "./hooks/user/useFollowedShops.js";
+import { useFollowedShopsActions as je } from "./hooks/user/useFollowedShopsActions.js";
+import { useCurrentUser as Je } from "./hooks/user/useCurrentUser.js";
+import { useOrders as Qe } from "./hooks/user/useOrders.js";
+import { useBuyerAttributes as Ze } from "./hooks/user/useBuyerAttributes.js";
+import { useProductListActions as ro } from "./hooks/product/useProductListActions.js";
+import { useProductLists as oo } from "./hooks/product/useProductLists.js";
+import { useProductList as ao } from "./hooks/product/useProductList.js";
+import { useProduct as lo } from "./hooks/product/useProduct.js";
+import { useProducts as so } from "./hooks/product/useProducts.js";
+import { useProductVariants as no } from "./hooks/product/useProductVariants.js";
+import { useProductMedia as xo } from "./hooks/product/useProductMedia.js";
+import { useProductSearch as co } from "./hooks/product/useProductSearch.js";
+import { useRecommendedProducts as So } from "./hooks/product/useRecommendedProducts.js";
+import { usePopularProducts as Ao } from "./hooks/product/usePopularProducts.js";
+import { useCuratedProducts as Po } from "./hooks/product/useCuratedProducts.js";
+import { useAsyncStorage as ho } from "./hooks/storage/useAsyncStorage.js";
+import { useSecureStorage as wo } from "./hooks/storage/useSecureStorage.js";
+import { useImageUpload as bo } from "./hooks/storage/useImageUpload.js";
+import { useShopNavigation as Eo } from "./hooks/navigation/useShopNavigation.js";
+import { useCloseMini as Ro } from "./hooks/navigation/useCloseMini.js";
+import { useDeeplink as Mo } from "./hooks/navigation/useDeeplink.js";
+import { useNavigateWithTransition as Lo } from "./hooks/navigation/useNavigateWithTransition.js";
+import { useShop as Go } from "./hooks/shop/useShop.js";
+import { useShopCartActions as Oo } from "./hooks/shop/useShopCartActions.js";
+import { useRecommendedShops as Vo } from "./hooks/shop/useRecommendedShops.js";
+import { useErrorToast as zo } from "./hooks/util/useErrorToast.js";
+import { useErrorScreen as Wo } from "./hooks/util/useErrorScreen.js";
+import { useShare as qo } from "./hooks/util/useShare.js";
+import { useImagePicker as Ko } from "./hooks/util/useImagePicker.js";
+import { MiniEntityNotFoundError as Xo, MiniError as Zo, MiniNetworkError as $o, formatError as rt } from "./utils/errors.js";
+import { parseUrl as ot } from "./utils/parseUrl.js";
+import { Consent as at, ConsentStatus as it } 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,
-  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,
+  y as Accordion,
+  G as AccordionContent,
+  H as AccordionItem,
+  O as AccordionTrigger,
+  V as Alert,
+  _ as AlertDescription,
+  W as AlertDialog,
+  j as AlertDialogAction,
+  B as AlertDialogAtom,
+  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,
+  pr as Badge,
   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,
+  nr as Card,
+  ur as CardAction,
+  xr as CardContent,
+  fr as CardDescription,
+  cr as CardFooter,
+  dr as CardHeader,
+  gr as CardTitle,
+  Dr as Carousel,
+  Ar as CarouselContent,
+  Cr as CarouselItem,
+  Pr as CarouselNext,
+  Tr as CarouselPrevious,
+  Ir as Checkbox,
+  at as Consent,
+  it 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,
+  vr as Dialog,
+  br as DialogClose,
+  kr as DialogContent,
+  Er as DialogDescription,
+  Fr as DialogFooter,
+  Rr as DialogHeader,
+  Br as DialogOverlay,
+  Mr as DialogPortal,
+  Nr as DialogTitle,
+  Lr as DialogTrigger,
+  Gr as Drawer,
+  Hr as DrawerClose,
+  Or as DrawerContent,
+  Ur as DrawerDescription,
+  Vr as DrawerFooter,
+  _r as DrawerHeader,
+  zr as DrawerOverlay,
+  Yr as DrawerPortal,
+  Wr as DrawerTitle,
+  jr as DrawerTrigger,
   I as FavoriteButton,
   v as IconButton,
-  zr as Input,
-  Wr as Label,
+  Jr as Input,
+  Qr as Label,
+  N as List,
   u as MerchantCard,
   x as MerchantCardPrimitive,
-  S as MerchantCardSkeleton,
-  jo as MiniEntityNotFoundError,
-  qo as MiniError,
-  Jo as MiniNetworkError,
-  l as MinisContainer,
+  g as MerchantCardSkeleton,
+  Xo as MiniEntityNotFoundError,
+  Zo as MiniError,
+  $o 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,
+  Zr as Progress,
+  re as RadioGroup,
+  ee as RadioGroupItem,
+  te as ResizableHandle,
+  ae as ResizablePanel,
+  ie as ResizablePanelGroup,
+  pe as ScrollArea,
+  se as ScrollBar,
+  ne as Select,
+  ue as SelectContent,
+  xe as SelectGroup,
+  fe as SelectItem,
+  ce as SelectLabel,
+  de as SelectScrollDownButton,
+  ge as SelectScrollUpButton,
+  Se as SelectSeparator,
+  De as SelectTrigger,
+  Ae as SelectValue,
+  Pe as Separator,
+  he as Sheet,
+  Ie as SheetClose,
+  we as SheetContent,
+  ve as SheetDescription,
+  be as SheetFooter,
+  ke as SheetHeader,
+  Ee as SheetTitle,
+  Fe as SheetTrigger,
+  Ne as Skeleton,
   k as ThumbhashImage,
-  be as Toaster,
+  Be 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
+  sr as badgeVariants,
+  rt as formatError,
+  ot as parseUrl,
+  ho as useAsyncStorage,
+  Ze as useBuyerAttributes,
+  Ro as useCloseMini,
+  Po as useCuratedProducts,
+  Je as useCurrentUser,
+  Mo as useDeeplink,
+  Wo as useErrorScreen,
+  zo as useErrorToast,
+  Ye as useFollowedShops,
+  je as useFollowedShopsActions,
+  Ko as useImagePicker,
+  bo as useImageUpload,
+  Lo as useNavigateWithTransition,
+  Qe as useOrders,
+  Ao as usePopularProducts,
+  lo as useProduct,
+  ao as useProductList,
+  ro as useProductListActions,
+  oo as useProductLists,
+  xo as useProductMedia,
+  co as useProductSearch,
+  no as useProductVariants,
+  so as useProducts,
+  ye as useRecentProducts,
+  He as useRecentShops,
+  So as useRecommendedProducts,
+  Vo as useRecommendedShops,
+  Ue as useSavedProducts,
+  _e as useSavedProductsActions,
+  wo as useSecureStorage,
+  qo as useShare,
+  Go as useShop,
+  Oo as useShopCartActions,
+  Eo 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;"}

package/dist/internal/useShopActionsDataFetching.js

@@ -1,38 +1,38 @@
 import { useState as b, useCallback as u, useMemo as v, useEffect as M } from "react";
 import { MiniError as P, formatError as V } from "../utils/errors.js";
-const A = (d, c, f) => {
-  const [o, n] = b({
+const A = (c, d, f) => {
+  const [n, l] = b({
     data: null,
     loading: !0,
     error: null
   }), h = f?.skip === !0, { validator: g, hook: t } = f, w = u(
-    (l) => {
+    (s) => {
       try {
-        return g?.(l), null;
-      } catch (s) {
-        return s ?? new P({
+        return g?.(s), null;
+      } catch (e) {
+        return e instanceof Error ? e : new P({
           hook: t,
           message: "Validation failed"
         });
       }
     },
     [g, t]
-  ), y = v(() => c, [JSON.stringify(c)]), a = u(
-    async (l, {
-      setLoading: s = !0,
+  ), y = v(() => d, [JSON.stringify(d)]), a = u(
+    async (s, {
+      setLoading: e = !0,
       setError: p = !0,
-      resetOnError: m = !0,
+      resetOnError: E = !0,
       throwOnError: O = !0
     } = {}) => {
-      let E = null, i = null;
-      n((r) => ({
+      let m = null, i = null;
+      l((r) => ({
         ...r,
-        loading: s ? !0 : r.loading
+        loading: e ? !0 : r.loading
       }));
       try {
-        const r = await d({ ...y, ...l });
+        const r = await c({ ...y, ...s });
         if (r.ok)
-          i = w(r.data.data), n((S) => ({
+          i = w(r.data.data), l((S) => ({
             ...S,
             data: r.data.data,
             loading: !1,
@@ -41,17 +41,17 @@ const A = (d, c, f) => {
         else
           throw r.error;
       } catch (r) {
-        E = V({ hook: t }, r);
+        m = V({ hook: t }, r);
       }
-      const e = i || E;
-      if (e && (p || m) && n((r) => ({
-        data: m ? null : r.data,
+      const o = i || m;
+      if (o && (p || E) && l((r) => ({
+        data: E ? null : r.data,
         loading: !1,
-        error: e
-      })), e && O)
-        throw e;
+        error: o
+      })), o && O)
+        throw o;
     },
-    [d, y, t, w]
+    [c, y, t, w]
   ), k = u(async () => {
     await a({ fetchPolicy: "network-only" }, {
       setLoading: !1,
@@ -67,9 +67,9 @@ const A = (d, c, f) => {
       }
     );
   }, [a, h]), {
-    data: o.data,
-    loading: o.loading,
-    error: o.error,
+    data: n.data,
+    loading: n.loading,
+    error: n.error,
     refetch: k
   };
 };

package/dist/internal/useShopActionsDataFetching.js.map

@@ -1 +1 @@
-{"version":3,"file":"useShopActionsDataFetching.js","sources":["../../src/internal/useShopActionsDataFetching.ts"],"sourcesContent":["import {useCallback, useEffect, useMemo, useState} from 'react'\n\nimport {ShopActionResult} from '@shopify/shop-minis-platform/actions'\n\nimport {DataHookFetchPolicy, DataHookReturnsBase} from '../types'\nimport {formatError, MiniError} from '../utils/errors'\n\nexport interface ShopActionsDataFetchingResult<R> extends DataHookReturnsBase {\n  data: R | null\n}\n\nexport const useShopActionsDataFetching = <\n  S = unknown,\n  P extends {fetchPolicy?: DataHookFetchPolicy} = {\n    fetchPolicy?: DataHookFetchPolicy\n  },\n>(\n  action: (params: P) => Promise<ShopActionResult<{data: S}>>,\n  params: P,\n  options: {\n    skip?: boolean\n    hook?: string\n    validator?: (data: S) => void\n  }\n): ShopActionsDataFetchingResult<S> => {\n  const [state, setState] = useState<{\n    data: S | null\n    loading: boolean\n    error: Error | null\n  }>({\n    data: null,\n    loading: true,\n    error: null,\n  })\n\n  const skip = options?.skip === true\n  const {validator, hook} = options\n  const runValidator = useCallback(\n    (dataToValidate: S) => {\n      try {\n        validator?.(dataToValidate)\n        return null\n      } catch (err) {\n        return (\n          err ??\n          new MiniError({\n            hook,\n            message: 'Validation failed',\n          })\n        )\n      }\n    },\n    [validator, hook]\n  )\n\n  // Params object is recreated on every render, so we need to memoize it.\n  // We don't know what's inside the params object, but we can stringify it.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableParams = useMemo(() => params, [JSON.stringify(params)])\n\n  // There's a lot of complexity here because each type of fetch has different side effects if we are trying to\n  // stay close to how Apollo client works. eg:\n  // - Initial fetch: set loading, set error, set data, reset on error (don't throw)\n  // - change params fetch: set loading, set error, set data, reset on error (don't throw)\n  // - refetch fetch: don't set loading, set error, update data, leave data as is was on error (also throw)\n  // - fetchMore fetch: don't set loading, don't set error, update data, leave data as is was on error (also throw)\n  const fetch = useCallback(\n    async (\n      extraParams?: Partial<P>,\n      {\n        setLoading = true,\n        setError = true,\n        resetOnError = true,\n        throwOnError = true,\n      }: {\n        setLoading?: boolean\n        setError?: boolean\n        resetOnError?: boolean\n        throwOnError?: boolean\n      } = {}\n    ) => {\n      let queryError: Error | null = null\n      let validationError: Error | null = null\n\n      setState(curState => ({\n        ...curState,\n        loading: setLoading ? true : curState.loading,\n      }))\n\n      try {\n        const result = await action({...stableParams, ...extraParams})\n\n        if (result.ok) {\n          validationError = runValidator(result.data.data)\n\n          setState(curState => ({\n            ...curState,\n            data: result.data.data,\n            loading: false,\n            error: validationError ?? null,\n          }))\n        } else {\n          throw result.error\n        }\n      } catch (err) {\n        queryError = formatError({hook}, err)\n      }\n\n      const error = validationError || queryError\n\n      if (error && (setError || resetOnError)) {\n        setState(curState => ({\n          data: resetOnError ? null : curState.data,\n          loading: false,\n          error,\n        }))\n      }\n\n      if (error && throwOnError) {\n        throw error\n      }\n    },\n    [action, stableParams, hook, runValidator]\n  )\n\n  const refetch = useCallback(async () => {\n    await fetch({fetchPolicy: 'network-only'} as Partial<P>, {\n      setLoading: false,\n      resetOnError: false,\n      throwOnError: true,\n    })\n  }, [fetch])\n\n  useEffect(() => {\n    if (skip) return\n\n    fetch(\n      {},\n      {\n        throwOnError: false,\n      }\n    )\n  }, [fetch, skip])\n\n  return {\n    data: state.data,\n    loading: state.loading,\n    error: state.error,\n    refetch,\n  }\n}\n"],"names":["useShopActionsDataFetching","action","params","options","state","setState","useState","skip","validator","hook","runValidator","useCallback","dataToValidate","err","MiniError","stableParams","useMemo","fetch","extraParams","setLoading","setError","resetOnError","throwOnError","queryError","validationError","curState","result","formatError","error","refetch","useEffect"],"mappings":";;AAWO,MAAMA,IAA6B,CAMxCC,GACAC,GACAC,MAKqC;AACrC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAIvB;AAAA,IACD,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,CACR,GAEKC,IAAOJ,GAAS,SAAS,IACzB,EAAC,WAAAK,GAAW,MAAAC,EAAA,IAAQN,GACpBO,IAAeC;AAAA,IACnB,CAACC,MAAsB;AACjB,UAAA;AACF,eAAAJ,IAAYI,CAAc,GACnB;AAAA,eACAC,GAAK;AAEV,eAAAA,KACA,IAAIC,EAAU;AAAA,UACZ,MAAAL;AAAA,UACA,SAAS;AAAA,QAAA,CACV;AAAA,MAAA;AAAA,IAGP;AAAA,IACA,CAACD,GAAWC,CAAI;AAAA,EAClB,GAKMM,IAAeC,EAAQ,MAAMd,GAAQ,CAAC,KAAK,UAAUA,CAAM,CAAC,CAAC,GAQ7De,IAAQN;AAAA,IACZ,OACEO,GACA;AAAA,MACE,YAAAC,IAAa;AAAA,MACb,UAAAC,IAAW;AAAA,MACX,cAAAC,IAAe;AAAA,MACf,cAAAC,IAAe;AAAA,IACjB,IAKI,OACD;AACH,UAAIC,IAA2B,MAC3BC,IAAgC;AAEpC,MAAAnB,EAAS,CAAaoB,OAAA;AAAA,QACpB,GAAGA;AAAA,QACH,SAASN,IAAa,KAAOM,EAAS;AAAA,MAAA,EACtC;AAEE,UAAA;AACI,cAAAC,IAAS,MAAMzB,EAAO,EAAC,GAAGc,GAAc,GAAGG,GAAY;AAE7D,YAAIQ,EAAO;AACS,UAAAF,IAAAd,EAAagB,EAAO,KAAK,IAAI,GAE/CrB,EAAS,CAAaoB,OAAA;AAAA,YACpB,GAAGA;AAAA,YACH,MAAMC,EAAO,KAAK;AAAA,YAClB,SAAS;AAAA,YACT,OAAOF,KAAmB;AAAA,UAAA,EAC1B;AAAA;AAEF,gBAAME,EAAO;AAAA,eAERb,GAAK;AACZ,QAAAU,IAAaI,EAAY,EAAC,MAAAlB,EAAI,GAAGI,CAAG;AAAA,MAAA;AAGtC,YAAMe,IAAQJ,KAAmBD;AAUjC,UARIK,MAAUR,KAAYC,MACxBhB,EAAS,CAAaoB,OAAA;AAAA,QACpB,MAAMJ,IAAe,OAAOI,EAAS;AAAA,QACrC,SAAS;AAAA,QACT,OAAAG;AAAA,MAAA,EACA,GAGAA,KAASN;AACL,cAAAM;AAAA,IAEV;AAAA,IACA,CAAC3B,GAAQc,GAAcN,GAAMC,CAAY;AAAA,EAC3C,GAEMmB,IAAUlB,EAAY,YAAY;AACtC,UAAMM,EAAM,EAAC,aAAa,kBAA+B;AAAA,MACvD,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,cAAc;AAAA,IAAA,CACf;AAAA,EAAA,GACA,CAACA,CAAK,CAAC;AAEV,SAAAa,EAAU,MAAM;AACd,IAAIvB,KAEJU;AAAA,MACE,CAAC;AAAA,MACD;AAAA,QACE,cAAc;AAAA,MAAA;AAAA,IAElB;AAAA,EAAA,GACC,CAACA,GAAOV,CAAI,CAAC,GAET;AAAA,IACL,MAAMH,EAAM;AAAA,IACZ,SAASA,EAAM;AAAA,IACf,OAAOA,EAAM;AAAA,IACb,SAAAyB;AAAA,EACF;AACF;"}
+{"version":3,"file":"useShopActionsDataFetching.js","sources":["../../src/internal/useShopActionsDataFetching.ts"],"sourcesContent":["import {useCallback, useEffect, useMemo, useState} from 'react'\n\nimport {ShopActionResult} from '@shopify/shop-minis-platform/actions'\n\nimport {DataHookFetchPolicy, DataHookReturnsBase} from '../types'\nimport {formatError, MiniError} from '../utils/errors'\n\nexport interface ShopActionsDataFetchingResult<R> extends DataHookReturnsBase {\n  data: R | null\n}\n\nexport const useShopActionsDataFetching = <\n  S = unknown,\n  P extends {fetchPolicy?: DataHookFetchPolicy} = {\n    fetchPolicy?: DataHookFetchPolicy\n  },\n>(\n  action: (params: P) => Promise<ShopActionResult<{data: S}>>,\n  params: P,\n  options: {\n    skip?: boolean\n    hook?: string\n    validator?: (data: S) => void\n  }\n): ShopActionsDataFetchingResult<S> => {\n  const [state, setState] = useState<{\n    data: S | null\n    loading: boolean\n    error: Error | null\n  }>({\n    data: null,\n    loading: true,\n    error: null,\n  })\n\n  const skip = options?.skip === true\n  const {validator, hook} = options\n  const runValidator = useCallback(\n    (dataToValidate: S) => {\n      try {\n        validator?.(dataToValidate)\n        return null\n      } catch (err) {\n        if (err instanceof Error) return err\n\n        return new MiniError({\n          hook,\n          message: 'Validation failed',\n        })\n      }\n    },\n    [validator, hook]\n  )\n\n  // Params object is recreated on every render, so we need to memoize it.\n  // We don't know what's inside the params object, but we can stringify it.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableParams = useMemo(() => params, [JSON.stringify(params)])\n\n  // There's a lot of complexity here because each type of fetch has different side effects if we are trying to\n  // stay close to how Apollo client works. eg:\n  // - Initial fetch: set loading, set error, set data, reset on error (don't throw)\n  // - change params fetch: set loading, set error, set data, reset on error (don't throw)\n  // - refetch fetch: don't set loading, set error, update data, leave data as is was on error (also throw)\n  // - fetchMore fetch: don't set loading, don't set error, update data, leave data as is was on error (also throw)\n  const fetch = useCallback(\n    async (\n      extraParams?: Partial<P>,\n      {\n        setLoading = true,\n        setError = true,\n        resetOnError = true,\n        throwOnError = true,\n      }: {\n        setLoading?: boolean\n        setError?: boolean\n        resetOnError?: boolean\n        throwOnError?: boolean\n      } = {}\n    ) => {\n      let queryError: Error | null = null\n      let validationError: Error | null = null\n\n      setState(curState => ({\n        ...curState,\n        loading: setLoading ? true : curState.loading,\n      }))\n\n      try {\n        const result = await action({...stableParams, ...extraParams})\n\n        if (result.ok) {\n          validationError = runValidator(result.data.data)\n\n          setState(curState => ({\n            ...curState,\n            data: result.data.data,\n            loading: false,\n            error: validationError ?? null,\n          }))\n        } else {\n          throw result.error\n        }\n      } catch (err) {\n        queryError = formatError({hook}, err)\n      }\n\n      const error = validationError || queryError\n\n      if (error && (setError || resetOnError)) {\n        setState(curState => ({\n          data: resetOnError ? null : curState.data,\n          loading: false,\n          error,\n        }))\n      }\n\n      if (error && throwOnError) {\n        throw error\n      }\n    },\n    [action, stableParams, hook, runValidator]\n  )\n\n  const refetch = useCallback(async () => {\n    await fetch({fetchPolicy: 'network-only'} as Partial<P>, {\n      setLoading: false,\n      resetOnError: false,\n      throwOnError: true,\n    })\n  }, [fetch])\n\n  useEffect(() => {\n    if (skip) return\n\n    fetch(\n      {},\n      {\n        throwOnError: false,\n      }\n    )\n  }, [fetch, skip])\n\n  return {\n    data: state.data,\n    loading: state.loading,\n    error: state.error,\n    refetch,\n  }\n}\n"],"names":["useShopActionsDataFetching","action","params","options","state","setState","useState","skip","validator","hook","runValidator","useCallback","dataToValidate","err","MiniError","stableParams","useMemo","fetch","extraParams","setLoading","setError","resetOnError","throwOnError","queryError","validationError","curState","result","formatError","error","refetch","useEffect"],"mappings":";;AAWO,MAAMA,IAA6B,CAMxCC,GACAC,GACAC,MAKqC;AACrC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAIvB;AAAA,IACD,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,CACR,GAEKC,IAAOJ,GAAS,SAAS,IACzB,EAAC,WAAAK,GAAW,MAAAC,EAAA,IAAQN,GACpBO,IAAeC;AAAA,IACnB,CAACC,MAAsB;AACjB,UAAA;AACF,eAAAJ,IAAYI,CAAc,GACnB;AAAA,eACAC,GAAK;AACR,eAAAA,aAAe,QAAcA,IAE1B,IAAIC,EAAU;AAAA,UACnB,MAAAL;AAAA,UACA,SAAS;AAAA,QAAA,CACV;AAAA,MAAA;AAAA,IAEL;AAAA,IACA,CAACD,GAAWC,CAAI;AAAA,EAClB,GAKMM,IAAeC,EAAQ,MAAMd,GAAQ,CAAC,KAAK,UAAUA,CAAM,CAAC,CAAC,GAQ7De,IAAQN;AAAA,IACZ,OACEO,GACA;AAAA,MACE,YAAAC,IAAa;AAAA,MACb,UAAAC,IAAW;AAAA,MACX,cAAAC,IAAe;AAAA,MACf,cAAAC,IAAe;AAAA,IACjB,IAKI,OACD;AACH,UAAIC,IAA2B,MAC3BC,IAAgC;AAEpC,MAAAnB,EAAS,CAAaoB,OAAA;AAAA,QACpB,GAAGA;AAAA,QACH,SAASN,IAAa,KAAOM,EAAS;AAAA,MAAA,EACtC;AAEE,UAAA;AACI,cAAAC,IAAS,MAAMzB,EAAO,EAAC,GAAGc,GAAc,GAAGG,GAAY;AAE7D,YAAIQ,EAAO;AACS,UAAAF,IAAAd,EAAagB,EAAO,KAAK,IAAI,GAE/CrB,EAAS,CAAaoB,OAAA;AAAA,YACpB,GAAGA;AAAA,YACH,MAAMC,EAAO,KAAK;AAAA,YAClB,SAAS;AAAA,YACT,OAAOF,KAAmB;AAAA,UAAA,EAC1B;AAAA;AAEF,gBAAME,EAAO;AAAA,eAERb,GAAK;AACZ,QAAAU,IAAaI,EAAY,EAAC,MAAAlB,EAAI,GAAGI,CAAG;AAAA,MAAA;AAGtC,YAAMe,IAAQJ,KAAmBD;AAUjC,UARIK,MAAUR,KAAYC,MACxBhB,EAAS,CAAaoB,OAAA;AAAA,QACpB,MAAMJ,IAAe,OAAOI,EAAS;AAAA,QACrC,SAAS;AAAA,QACT,OAAAG;AAAA,MAAA,EACA,GAGAA,KAASN;AACL,cAAAM;AAAA,IAEV;AAAA,IACA,CAAC3B,GAAQc,GAAcN,GAAMC,CAAY;AAAA,EAC3C,GAEMmB,IAAUlB,EAAY,YAAY;AACtC,UAAMM,EAAM,EAAC,aAAa,kBAA+B;AAAA,MACvD,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,cAAc;AAAA,IAAA,CACf;AAAA,EAAA,GACA,CAACA,CAAK,CAAC;AAEV,SAAAa,EAAU,MAAM;AACd,IAAIvB,KAEJU;AAAA,MACE,CAAC;AAAA,MACD;AAAA,QACE,cAAc;AAAA,MAAA;AAAA,IAElB;AAAA,EAAA,GACC,CAACA,GAAOV,CAAI,CAAC,GAET;AAAA,IACL,MAAMH,EAAM;AAAA,IACZ,SAASA,EAAM;AAAA,IACf,OAAOA,EAAM;AAAA,IACb,SAAAyB;AAAA,EACF;AACF;"}

package/dist/internal/useShopActionsPaginatedDataFetching.js.map

@@ -1 +1 @@
-{"version":3,"file":"useShopActionsPaginatedDataFetching.js","sources":["../../src/internal/useShopActionsPaginatedDataFetching.ts"],"sourcesContent":["import {useCallback, useEffect, useMemo, useState} from 'react'\n\nimport {\n  DataHookFetchPolicy,\n  PaginatedDataHookReturnsBase,\n  PaginationInfo,\n  ShopAction,\n} from '../types'\nimport {formatError, MiniError} from '../utils/errors'\n\nexport interface ShopActionsDataFetchingResult<S>\n  extends PaginatedDataHookReturnsBase {\n  data: S | null\n}\n\nexport const useShopActionsPaginatedDataFetching = <\n  S = unknown,\n  P extends {after?: string; fetchPolicy?: DataHookFetchPolicy} = {\n    after?: undefined\n    fetchPolicy?: DataHookFetchPolicy\n  },\n>(\n  action: ShopAction<P, {data: S; pageInfo: PaginationInfo}>,\n  params: P,\n  options: {\n    skip?: boolean\n    hook?: string\n    validator?: (data: S) => void\n  }\n): ShopActionsDataFetchingResult<S> => {\n  const [state, setState] = useState<{\n    data: S | null\n    pageInfo: PaginationInfo\n    loading: boolean\n    error: Error | null\n  }>({\n    data: null,\n    pageInfo: {hasNextPage: false, endCursor: null},\n    loading: false,\n    error: null,\n  })\n\n  const skip = options?.skip === true\n  const {validator, hook} = options\n  const runValidator = useCallback(\n    (dataToValidate: S): Error | null => {\n      try {\n        validator?.(dataToValidate)\n        return null\n      } catch (err) {\n        if (err instanceof Error) return err\n\n        return new MiniError({\n          hook,\n          message: 'Validation failed',\n        })\n      }\n    },\n    [validator, hook]\n  )\n\n  // Params object is recreated on every render, so we need to memoize it.\n  // We don't know what's inside the params object, but we can stringify it.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableParams = useMemo(() => params, [JSON.stringify(params)])\n\n  // There's a lot of complexity here because each type of fetch has different side effects if we are trying to\n  // stay close to how Apollo client works. eg:\n  // - Initial fetch: set loading, set error, set data, reset on error (don't throw)\n  // - change params fetch: set loading, set error, set data, reset on error (don't throw)\n  // - refetch fetch: don't set loading, set error, update data, leave data as is was on error (also throw)\n  // - fetchMore fetch: don't set loading, don't set error, update data, leave data as is was on error (also throw)\n  const fetch = useCallback(\n    async (\n      extraParams?: Partial<P>,\n      {\n        setLoading = true,\n        setError = true,\n        resetOnError = true,\n        throwOnError = true,\n        appendData = false,\n      }: {\n        setLoading?: boolean\n        setError?: boolean\n        resetOnError?: boolean\n        throwOnError?: boolean\n        appendData?: boolean\n      } = {}\n    ) => {\n      let queryError: Error | null = null\n      let validationError: Error | null = null\n\n      setState(curState => ({\n        ...curState,\n        loading: setLoading ? true : curState.loading,\n      }))\n\n      try {\n        const result = await action({...stableParams, ...extraParams})\n\n        if (result.ok) {\n          validationError = runValidator(result.data.data)\n\n          setState(curState => {\n            let newData = result.data.data\n\n            if (\n              appendData &&\n              curState.data &&\n              Array.isArray(curState.data) &&\n              Array.isArray(result.data.data)\n            ) {\n              newData = [...curState.data, ...result.data.data] as S\n            }\n\n            return {\n              ...curState,\n              data: newData,\n              pageInfo: result.data.pageInfo,\n              loading: false,\n              error: validationError ?? null,\n            }\n          })\n        } else {\n          throw result.error\n        }\n      } catch (err) {\n        console.log('caught 1', err)\n        queryError = formatError({hook}, err)\n      }\n\n      const error = validationError || queryError\n\n      if (error && (setError || resetOnError)) {\n        setState(curState => ({\n          data: resetOnError ? null : curState.data,\n          pageInfo: resetOnError\n            ? {hasNextPage: false, endCursor: null}\n            : curState.pageInfo,\n          loading: false,\n          error,\n        }))\n      }\n\n      if (error && throwOnError) {\n        throw error\n      }\n    },\n    [action, stableParams, hook, runValidator]\n  )\n\n  const refetch = useCallback(async () => {\n    await fetch({fetchPolicy: 'network-only'} as Partial<P>, {\n      setLoading: false,\n      resetOnError: false,\n      throwOnError: true,\n    })\n  }, [fetch])\n\n  const fetchMore = useCallback(async () => {\n    if (!state.pageInfo.hasNextPage || !state.pageInfo.endCursor) return\n\n    await fetch({after: state.pageInfo.endCursor} as Partial<P>, {\n      setLoading: false,\n      setError: false,\n      resetOnError: false,\n      throwOnError: true,\n      appendData: true,\n    })\n  }, [state.pageInfo.hasNextPage, state.pageInfo.endCursor, fetch])\n\n  useEffect(() => {\n    if (skip) return\n\n    fetch(\n      {},\n      {\n        throwOnError: false,\n      }\n    )\n  }, [fetch, skip])\n\n  return {\n    data: state.data,\n    loading: state.loading,\n    error: state.error,\n    hasNextPage: state.pageInfo.hasNextPage,\n    refetch,\n    fetchMore,\n  }\n}\n"],"names":["useShopActionsPaginatedDataFetching","action","params","options","state","setState","useState","skip","validator","hook","runValidator","useCallback","dataToValidate","err","MiniError","stableParams","useMemo","fetch","extraParams","setLoading","setError","resetOnError","throwOnError","appendData","queryError","validationError","curState","result","newData","formatError","error","refetch","fetchMore","useEffect"],"mappings":"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"}
+{"version":3,"file":"useShopActionsPaginatedDataFetching.js","sources":["../../src/internal/useShopActionsPaginatedDataFetching.ts"],"sourcesContent":["import {useCallback, useEffect, useMemo, useState} from 'react'\n\nimport {ShopAction, PaginationInfo} from '@shopify/shop-minis-platform/actions'\n\nimport {DataHookFetchPolicy, PaginatedDataHookReturnsBase} from '../types'\nimport {formatError, MiniError} from '../utils/errors'\n\nexport interface ShopActionsDataFetchingResult<S>\n  extends PaginatedDataHookReturnsBase {\n  data: S | null\n}\n\nexport const useShopActionsPaginatedDataFetching = <\n  S = unknown,\n  P extends {after?: string; fetchPolicy?: DataHookFetchPolicy} = {\n    after?: undefined\n    fetchPolicy?: DataHookFetchPolicy\n  },\n>(\n  action: ShopAction<P, {data: S; pageInfo: PaginationInfo}>,\n  params: P,\n  options: {\n    skip?: boolean\n    hook?: string\n    validator?: (data: S) => void\n  }\n): ShopActionsDataFetchingResult<S> => {\n  const [state, setState] = useState<{\n    data: S | null\n    pageInfo: PaginationInfo\n    loading: boolean\n    error: Error | null\n  }>({\n    data: null,\n    pageInfo: {hasNextPage: false, endCursor: null},\n    loading: false,\n    error: null,\n  })\n\n  const skip = options?.skip === true\n  const {validator, hook} = options\n  const runValidator = useCallback(\n    (dataToValidate: S): Error | null => {\n      try {\n        validator?.(dataToValidate)\n        return null\n      } catch (err) {\n        if (err instanceof Error) return err\n\n        return new MiniError({\n          hook,\n          message: 'Validation failed',\n        })\n      }\n    },\n    [validator, hook]\n  )\n\n  // Params object is recreated on every render, so we need to memoize it.\n  // We don't know what's inside the params object, but we can stringify it.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableParams = useMemo(() => params, [JSON.stringify(params)])\n\n  // There's a lot of complexity here because each type of fetch has different side effects if we are trying to\n  // stay close to how Apollo client works. eg:\n  // - Initial fetch: set loading, set error, set data, reset on error (don't throw)\n  // - change params fetch: set loading, set error, set data, reset on error (don't throw)\n  // - refetch fetch: don't set loading, set error, update data, leave data as is was on error (also throw)\n  // - fetchMore fetch: don't set loading, don't set error, update data, leave data as is was on error (also throw)\n  const fetch = useCallback(\n    async (\n      extraParams?: Partial<P>,\n      {\n        setLoading = true,\n        setError = true,\n        resetOnError = true,\n        throwOnError = true,\n        appendData = false,\n      }: {\n        setLoading?: boolean\n        setError?: boolean\n        resetOnError?: boolean\n        throwOnError?: boolean\n        appendData?: boolean\n      } = {}\n    ) => {\n      let queryError: Error | null = null\n      let validationError: Error | null = null\n\n      setState(curState => ({\n        ...curState,\n        loading: setLoading ? true : curState.loading,\n      }))\n\n      try {\n        const result = await action({...stableParams, ...extraParams})\n\n        if (result.ok) {\n          validationError = runValidator(result.data.data)\n\n          setState(curState => {\n            let newData = result.data.data\n\n            if (\n              appendData &&\n              curState.data &&\n              Array.isArray(curState.data) &&\n              Array.isArray(result.data.data)\n            ) {\n              newData = [...curState.data, ...result.data.data] as S\n            }\n\n            return {\n              ...curState,\n              data: newData,\n              pageInfo: result.data.pageInfo,\n              loading: false,\n              error: validationError ?? null,\n            }\n          })\n        } else {\n          throw result.error\n        }\n      } catch (err) {\n        console.log('caught 1', err)\n        queryError = formatError({hook}, err)\n      }\n\n      const error = validationError || queryError\n\n      if (error && (setError || resetOnError)) {\n        setState(curState => ({\n          data: resetOnError ? null : curState.data,\n          pageInfo: resetOnError\n            ? {hasNextPage: false, endCursor: null}\n            : curState.pageInfo,\n          loading: false,\n          error,\n        }))\n      }\n\n      if (error && throwOnError) {\n        throw error\n      }\n    },\n    [action, stableParams, hook, runValidator]\n  )\n\n  const refetch = useCallback(async () => {\n    await fetch({fetchPolicy: 'network-only'} as Partial<P>, {\n      setLoading: false,\n      resetOnError: false,\n      throwOnError: true,\n    })\n  }, [fetch])\n\n  const fetchMore = useCallback(async () => {\n    if (!state.pageInfo.hasNextPage || !state.pageInfo.endCursor) return\n\n    await fetch({after: state.pageInfo.endCursor} as Partial<P>, {\n      setLoading: false,\n      setError: false,\n      resetOnError: false,\n      throwOnError: true,\n      appendData: true,\n    })\n  }, [state.pageInfo.hasNextPage, state.pageInfo.endCursor, fetch])\n\n  useEffect(() => {\n    if (skip) return\n\n    fetch(\n      {},\n      {\n        throwOnError: false,\n      }\n    )\n  }, [fetch, skip])\n\n  return {\n    data: state.data,\n    loading: state.loading,\n    error: state.error,\n    hasNextPage: state.pageInfo.hasNextPage,\n    refetch,\n    fetchMore,\n  }\n}\n"],"names":["useShopActionsPaginatedDataFetching","action","params","options","state","setState","useState","skip","validator","hook","runValidator","useCallback","dataToValidate","err","MiniError","stableParams","useMemo","fetch","extraParams","setLoading","setError","resetOnError","throwOnError","appendData","queryError","validationError","curState","result","newData","formatError","error","refetch","fetchMore","useEffect"],"mappings":"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"}