@shopify/shop-minis-react 0.0.18 → 0.0.20

package/dist/index.js

@@ -1,199 +1,220 @@
-import { MinisContainer as o } from "./components/MinisContainer.js";
-import { ProductCard as a } from "./components/commerce/product-card.js";
-import { ProductLink as i } from "./components/commerce/product-link.js";
-import { MerchantCard as s, MerchantCardPrimitive as m } from "./components/commerce/merchant-card.js";
-import { Button as n } from "./components/atoms/button.js";
-import { FavoriteButton as x } from "./components/atoms/favorite-button.js";
-import { IconButton as d } from "./components/atoms/icon-button.js";
-import { Touchable as S } from "./components/atoms/touchable.js";
-import { Accordion as C, AccordionContent as A, AccordionItem as P, AccordionTrigger as h } from "./components/ui/accordion.js";
-import { Alert as w, AlertDescription as v, AlertTitle as F } from "./components/ui/alert.js";
-import { AlertDialog as I, AlertDialogAction as R, AlertDialogCancel as M, AlertDialogContent as B, AlertDialogDescription as E, AlertDialogFooter as k, AlertDialogHeader as y, AlertDialogOverlay as H, AlertDialogPortal as L, AlertDialogTitle as G, AlertDialogTrigger as N } from "./components/ui/alert-dialog.js";
-import { Avatar as U, AvatarFallback as z, AvatarImage as V } from "./components/ui/avatar.js";
-import { Card as q, CardAction as J, CardContent as K, CardDescription as Q, CardFooter as W, CardHeader as X, CardTitle as Y } from "./components/ui/card.js";
-import { Carousel as _, CarouselContent as $, CarouselItem as rr, CarouselNext as er, CarouselPrevious as or } from "./components/ui/carousel.js";
-import { Checkbox as ar } from "./components/ui/checkbox.js";
-import { Dialog as ir, DialogClose as pr, DialogContent as sr, DialogDescription as mr, DialogFooter as ur, DialogHeader as nr, DialogOverlay as cr, DialogPortal as xr, DialogTitle as fr, DialogTrigger as dr } from "./components/ui/dialog.js";
-import { Drawer as Sr, DrawerClose as Dr, DrawerContent as Cr, DrawerDescription as Ar, DrawerFooter as Pr, DrawerHeader as hr, DrawerOverlay as Tr, DrawerPortal as wr, DrawerTitle as vr, DrawerTrigger as Fr } from "./components/ui/drawer.js";
-import { Input as Ir } from "./components/ui/input.js";
-import { Label as Mr } from "./components/ui/label.js";
-import { Progress as Er } from "./components/ui/progress.js";
-import { RadioGroup as yr, RadioGroupItem as Hr } from "./components/ui/radio-group.js";
-import { ResizableHandle as Gr, ResizablePanel as Nr, ResizablePanelGroup as Or } from "./components/ui/resizable.js";
-import { ScrollArea as zr, ScrollBar as Vr } from "./components/ui/scroll-area.js";
-import { Select as qr, SelectContent as Jr, SelectGroup as Kr, SelectItem as Qr, SelectLabel as Wr, SelectScrollDownButton as Xr, SelectScrollUpButton as Yr, SelectSeparator as Zr, SelectTrigger as _r, SelectValue as $r } from "./components/ui/select.js";
-import { Separator as ee } from "./components/ui/separator.js";
-import { Sheet as te, SheetClose as ae, SheetContent as le, SheetDescription as ie, SheetFooter as pe, SheetHeader as se, SheetTitle as me, SheetTrigger as ue } from "./components/ui/sheet.js";
-import { Toaster as ce } from "./components/ui/sonner.js";
-import { useRecentProducts as fe } from "./hooks/user/useRecentProducts.js";
-import { useRecentShops as ge } from "./hooks/user/useRecentShops.js";
-import { useSavedProducts as De } from "./hooks/user/useSavedProducts.js";
-import { useSavedProductsActions as Ae } from "./hooks/user/useSavedProductsActions.js";
-import { useFollowedShops as he } from "./hooks/user/useFollowedShops.js";
-import { useFollowedShopsActions as we } from "./hooks/user/useFollowedShopsActions.js";
-import { useCurrentUser as Fe } from "./hooks/user/useCurrentUser.js";
-import { useOrders as Ie } from "./hooks/user/useOrders.js";
-import { useBuyerAttributes as Me } from "./hooks/user/useBuyerAttributes.js";
-import { useProductListActions as Ee } from "./hooks/product/useProductListActions.js";
-import { useProductLists as ye } from "./hooks/product/useProductLists.js";
-import { useProductList as Le } from "./hooks/product/useProductList.js";
-import { useProduct as Ne } from "./hooks/product/useProduct.js";
-import { useProducts as Ue } from "./hooks/product/useProducts.js";
-import { useProductVariants as Ve } from "./hooks/product/useProductVariants.js";
-import { useProductMedia as qe } from "./hooks/product/useProductMedia.js";
-import { useProductSearch as Ke } from "./hooks/product/useProductSearch.js";
-import { useRecommendedProducts as We } from "./hooks/product/useRecommendedProducts.js";
-import { usePopularProducts as Ye } from "./hooks/product/usePopularProducts.js";
-import { useCuratedProducts as _e } from "./hooks/product/useCuratedProducts.js";
-import { useAsyncStorage as ro } from "./hooks/storage/useAsyncStorage.js";
-import { useSecureStorage as oo } from "./hooks/storage/useSecureStorage.js";
-import { useImageUpload as ao } from "./hooks/storage/useImageUpload.js";
-import { useShopNavigation as io } from "./hooks/navigation/useShopNavigation.js";
-import { useCloseMini as so } from "./hooks/navigation/useCloseMini.js";
-import { useDeeplink as uo } from "./hooks/navigation/useDeeplink.js";
-import { useShop as co } from "./hooks/shop/useShop.js";
-import { useShopCartActions as fo } from "./hooks/shop/useShopCartActions.js";
-import { useRecommendedShops as So } from "./hooks/shop/useRecommendedShops.js";
-import { useErrorToast as Co } from "./hooks/util/useErrorToast.js";
-import { useErrorScreen as Po } from "./hooks/util/useErrorScreen.js";
-import { useShare as To } from "./hooks/util/useShare.js";
-import { useImagePicker as vo } from "./hooks/util/useImagePicker.js";
-import { MiniEntityNotFoundError as bo, MiniError as Io, MiniNetworkError as Ro, formatError as Mo } from "./utils/errors.js";
-import { parseUrl as Eo } from "./utils/parseUrl.js";
-import { Consent as yo, ConsentStatus as Ho } from "./shop-minis-platform/src/types/permissions.js";
+import { DATA_NAVIGATION_TYPE_ATTRIBUTE as o, NAVIGATION_TYPES as t } from "./types/index.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 { 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";
+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 { 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 {
-  C as Accordion,
-  A as AccordionContent,
-  P as AccordionItem,
-  h as AccordionTrigger,
-  w as Alert,
-  v as AlertDescription,
-  I as AlertDialog,
-  R as AlertDialogAction,
-  M as AlertDialogCancel,
-  B as AlertDialogContent,
-  E as AlertDialogDescription,
-  k as AlertDialogFooter,
-  y as AlertDialogHeader,
-  H as AlertDialogOverlay,
-  L as AlertDialogPortal,
-  G as AlertDialogTitle,
-  N as AlertDialogTrigger,
-  F as AlertTitle,
-  U as Avatar,
-  z as AvatarFallback,
-  V as AvatarImage,
-  n as Button,
-  q as Card,
-  J as CardAction,
-  K as CardContent,
-  Q as CardDescription,
-  W as CardFooter,
-  X as CardHeader,
-  Y as CardTitle,
-  _ as Carousel,
-  $ as CarouselContent,
-  rr as CarouselItem,
-  er as CarouselNext,
-  or as CarouselPrevious,
-  ar as Checkbox,
-  yo as Consent,
-  Ho as ConsentStatus,
-  ir as Dialog,
-  pr as DialogClose,
-  sr as DialogContent,
-  mr as DialogDescription,
-  ur as DialogFooter,
-  nr as DialogHeader,
-  cr as DialogOverlay,
-  xr as DialogPortal,
-  fr as DialogTitle,
-  dr as DialogTrigger,
-  Sr as Drawer,
-  Dr as DrawerClose,
-  Cr as DrawerContent,
-  Ar as DrawerDescription,
-  Pr as DrawerFooter,
-  hr as DrawerHeader,
-  Tr as DrawerOverlay,
-  wr as DrawerPortal,
-  vr as DrawerTitle,
-  Fr as DrawerTrigger,
-  x as FavoriteButton,
-  d as IconButton,
-  Ir as Input,
-  Mr as Label,
-  s as MerchantCard,
-  m as MerchantCardPrimitive,
-  bo as MiniEntityNotFoundError,
-  Io as MiniError,
-  Ro as MiniNetworkError,
-  o as MinisContainer,
-  a as ProductCard,
-  i as ProductLink,
-  Er as Progress,
-  yr as RadioGroup,
-  Hr as RadioGroupItem,
-  Gr as ResizableHandle,
-  Nr as ResizablePanel,
-  Or as ResizablePanelGroup,
-  zr as ScrollArea,
-  Vr as ScrollBar,
-  qr as Select,
-  Jr as SelectContent,
-  Kr as SelectGroup,
-  Qr as SelectItem,
-  Wr as SelectLabel,
-  Xr as SelectScrollDownButton,
-  Yr as SelectScrollUpButton,
-  Zr as SelectSeparator,
-  _r as SelectTrigger,
-  $r as SelectValue,
-  ee as Separator,
-  te as Sheet,
-  ae as SheetClose,
-  le as SheetContent,
-  ie as SheetDescription,
-  pe as SheetFooter,
-  se as SheetHeader,
-  me as SheetTitle,
-  ue as SheetTrigger,
-  ce as Toaster,
-  S as Touchable,
-  Mo as formatError,
-  Eo as parseUrl,
-  ro as useAsyncStorage,
-  Me as useBuyerAttributes,
-  so as useCloseMini,
-  _e as useCuratedProducts,
-  Fe as useCurrentUser,
-  uo as useDeeplink,
-  Po as useErrorScreen,
-  Co as useErrorToast,
-  he as useFollowedShops,
-  we as useFollowedShopsActions,
-  vo as useImagePicker,
-  ao as useImageUpload,
-  Ie as useOrders,
-  Ye as usePopularProducts,
-  Ne as useProduct,
-  Le as useProductList,
-  Ee as useProductListActions,
-  ye as useProductLists,
-  qe as useProductMedia,
-  Ke as useProductSearch,
-  Ve as useProductVariants,
-  Ue as useProducts,
-  fe as useRecentProducts,
-  ge as useRecentShops,
-  We as useRecommendedProducts,
-  So as useRecommendedShops,
-  De as useSavedProducts,
-  Ae as useSavedProductsActions,
-  oo as useSecureStorage,
-  To as useShare,
-  co as useShop,
-  fo as useShopCartActions,
-  io as useShopNavigation
+  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,
+  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,
+  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,
+  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,
+  Wr as Input,
+  qr as Label,
+  B as List,
+  u as MerchantCard,
+  x as MerchantCardPrimitive,
+  S as MerchantCardSkeleton,
+  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,
+  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,
+  Ee as Toaster,
+  F as Touchable,
+  D as TransitionContainer,
+  C as TransitionLink,
+  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;"}

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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"}