@shopify/shop-minis-react 0.3.4 → 0.4.1

package/src/providers/ImagePickerProvider.tsx

@@ -9,12 +9,29 @@ import React, {
 
 import {useRequestPermissions} from '../hooks/util/useRequestPermissions'
 import {useReportInteraction} from '../internal/useReportInteraction'
+import {resizeImage} from '../internal/utils/resizeImage'
 
+export type ImageQuality = 'low' | 'medium' | 'high' | 'original'
 export type CameraFacing = 'front' | 'back'
+export interface CustomImageQuality {
+  size?: number
+  compression?: number
+}
+
+export interface OpenCameraParams {
+  cameraFacing?: CameraFacing
+  quality?: ImageQuality
+  customQuality?: CustomImageQuality
+}
+
+export interface OpenGalleryParams {
+  quality?: ImageQuality
+  customQuality?: CustomImageQuality
+}
 
 interface ImagePickerContextValue {
-  openCamera: (cameraFacing?: CameraFacing) => Promise<File>
-  openGallery: () => Promise<File>
+  openCamera: (params?: OpenCameraParams) => Promise<File>
+  openGallery: (params?: OpenGalleryParams) => Promise<File>
 }
 
 const ImagePickerContext = createContext<ImagePickerContextValue | null>(null)
@@ -44,7 +61,8 @@ export function ImagePickerProvider({children}: ImagePickerProviderProps) {
     handler: () => void
   } | null>(null)
   const activeOperationRef = useRef<'gallery' | 'camera' | null>(null)
-
+  const qualityRef = useRef<ImageQuality>('medium')
+  const customQualityRef = useRef<CustomImageQuality>(undefined)
   const {requestPermission} = useRequestPermissions()
   const {reportInteraction} = useReportInteraction()
 
@@ -77,26 +95,41 @@ export function ImagePickerProvider({children}: ImagePickerProviderProps) {
       resolveRef.current = null
       rejectRef.current = null
       activeOperationRef.current = null
+      qualityRef.current = 'medium'
+      customQualityRef.current = undefined
     }
   }, [reportInteraction])
 
   const handleFileChange = useCallback(
-    (event: React.ChangeEvent<HTMLInputElement>) => {
-      const file = event.target.files?.[0]
+    async (event: React.ChangeEvent<HTMLInputElement>) => {
+      const {target} = event
+      const file = target.files?.[0]
 
       if (file && resolveRef.current) {
-        // Report success based on the active operation
-        if (activeOperationRef.current === 'gallery') {
-          reportInteraction({
-            interactionType: 'image_picker_success',
-          })
-        } else if (activeOperationRef.current === 'camera') {
-          reportInteraction({
-            interactionType: 'camera_success',
+        try {
+          const resizedFile = await resizeImage({
+            file,
+            quality: qualityRef.current,
+            customQuality: customQualityRef.current,
           })
-        }
 
-        resolveRef.current(file)
+          if (activeOperationRef.current === 'gallery') {
+            reportInteraction({
+              interactionType: 'image_picker_success',
+            })
+          } else if (activeOperationRef.current === 'camera') {
+            reportInteraction({
+              interactionType: 'camera_success',
+            })
+          }
+
+          resolveRef.current(resizedFile)
+        } catch (error) {
+          console.warn('Image resize failed, using original:', error)
+          if (resolveRef.current) {
+            resolveRef.current(file)
+          }
+        }
 
         resolveRef.current = null
         rejectRef.current = null
@@ -105,80 +138,90 @@ export function ImagePickerProvider({children}: ImagePickerProviderProps) {
         cleanupCancelHandler()
       }
 
-      event.target.value = ''
+      target.value = ''
     },
     [cleanupCancelHandler, reportInteraction]
   )
 
-  const openGallery = useCallback(() => {
-    return new Promise<File>((resolve, reject) => {
-      rejectPendingPromise()
-      cleanupCancelHandler()
-
-      resolveRef.current = resolve
-      rejectRef.current = reject
-      activeOperationRef.current = 'gallery'
-
-      const input = galleryInputRef.current
+  const openGallery = useCallback(
+    ({quality = 'medium', customQuality}: OpenGalleryParams = {}) => {
+      return new Promise<File>((resolve, reject) => {
+        rejectPendingPromise()
+        cleanupCancelHandler()
 
-      if (!input) {
-        const error = new Error('Gallery input not found')
-        reportInteraction({
-          interactionType: 'image_picker_error',
-          interactionValue: error.message,
-        })
-        reject(error)
-        resolveRef.current = null
-        rejectRef.current = null
-        activeOperationRef.current = null
-        return
-      }
+        qualityRef.current = quality
+        customQualityRef.current = customQuality
+        resolveRef.current = resolve
+        rejectRef.current = reject
+        activeOperationRef.current = 'gallery'
+        const input = galleryInputRef.current
 
-      const handleCancel = () => {
-        if (rejectRef.current) {
-          const error = new Error('User cancelled file selection')
+        if (!input) {
+          const error = new Error('Gallery input not found')
           reportInteraction({
             interactionType: 'image_picker_error',
             interactionValue: error.message,
           })
-          rejectRef.current(error)
+          reject(error)
           resolveRef.current = null
           rejectRef.current = null
           activeOperationRef.current = null
+          return
         }
-        cleanupCancelHandler()
-      }
 
-      input.addEventListener('cancel', handleCancel)
-      activeCancelHandlerRef.current = {input, handler: handleCancel}
+        const handleCancel = () => {
+          if (rejectRef.current) {
+            const error = new Error('User cancelled file selection')
+            reportInteraction({
+              interactionType: 'image_picker_error',
+              interactionValue: error.message,
+            })
+            rejectRef.current(error)
+            resolveRef.current = null
+            rejectRef.current = null
+            activeOperationRef.current = null
+          }
+          cleanupCancelHandler()
+        }
 
-      reportInteraction({
-        interactionType: 'image_picker_open',
-      })
+        input.addEventListener('cancel', handleCancel)
+        activeCancelHandlerRef.current = {input, handler: handleCancel}
 
-      requestPermission({permission: 'CAMERA'})
-        .then(() => {
-          // This will show both Camera and Gallery
-          input.click()
-        })
-        .catch(() => {
-          // Show only Gallery
-          input.click()
+        reportInteraction({
+          interactionType: 'image_picker_open',
         })
-    })
-  }, [
-    rejectPendingPromise,
-    cleanupCancelHandler,
-    requestPermission,
-    reportInteraction,
-  ])
+
+        requestPermission({permission: 'CAMERA'})
+          .then(() => {
+            // This will show both Camera and Gallery
+            input.click()
+          })
+          .catch(() => {
+            // Show only Gallery
+            input.click()
+          })
+      })
+    },
+    [
+      rejectPendingPromise,
+      cleanupCancelHandler,
+      requestPermission,
+      reportInteraction,
+    ]
+  )
 
   const openCamera = useCallback(
-    (cameraFacing: CameraFacing = 'back') => {
+    ({
+      cameraFacing = 'back',
+      quality = 'medium',
+      customQuality,
+    }: OpenCameraParams = {}) => {
       return new Promise<File>((resolve, reject) => {
         rejectPendingPromise()
         cleanupCancelHandler()
 
+        qualityRef.current = quality
+        customQualityRef.current = customQuality
         resolveRef.current = resolve
         rejectRef.current = reject
         activeOperationRef.current = 'camera'

package/dist/internal/useShopActionsDataFetching.js

@@ -1,79 +0,0 @@
-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 = (c, d, f) => {
-  const [n, l] = b({
-    data: null,
-    loading: !0,
-    error: null
-  }), h = f?.skip === !0, { validator: g, hook: t } = f, w = u(
-    (s) => {
-      try {
-        return g?.(s), null;
-      } catch (e) {
-        return e instanceof Error ? e : new P({
-          hook: t,
-          message: "Validation failed"
-        });
-      }
-    },
-    [g, t]
-  ), y = v(() => d, [JSON.stringify(d)]), a = u(
-    async (s, {
-      setLoading: e = !0,
-      setError: p = !0,
-      resetOnError: E = !0,
-      throwOnError: O = !0
-    } = {}) => {
-      let m = null, i = null;
-      l((r) => ({
-        ...r,
-        loading: e ? !0 : r.loading
-      }));
-      try {
-        const r = await c({ ...y, ...s });
-        if (r.ok)
-          i = w(r.data.data), l((S) => ({
-            ...S,
-            data: r.data.data,
-            loading: !1,
-            error: i ?? null
-          }));
-        else
-          throw r.error;
-      } catch (r) {
-        m = V({ hook: t }, r);
-      }
-      const o = i || m;
-      if (o && (p || E) && l((r) => ({
-        data: E ? null : r.data,
-        loading: !1,
-        error: o
-      })), o && O)
-        throw o;
-    },
-    [c, y, t, w]
-  ), k = u(async () => {
-    await a({ fetchPolicy: "network-only" }, {
-      setLoading: !1,
-      resetOnError: !1,
-      throwOnError: !0
-    });
-  }, [a]);
-  return M(() => {
-    h || a(
-      {},
-      {
-        throwOnError: !1
-      }
-    );
-  }, [a, h]), {
-    data: n.data,
-    loading: n.loading,
-    error: n.error,
-    refetch: k
-  };
-};
-export {
-  A as useShopActionsDataFetching
-};
-//# sourceMappingURL=useShopActionsDataFetching.js.map

package/dist/internal/useShopActionsDataFetching.js.map

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

@@ -1,96 +0,0 @@
-import { useState as A, useCallback as l, useMemo as O, useEffect as D } from "react";
-import { MiniError as M, formatError as b } from "../utils/errors.js";
-const V = (g, c, h) => {
-  const [r, f] = A({
-    data: null,
-    pageInfo: { hasNextPage: !1, endCursor: null },
-    loading: !1,
-    error: null
-  }), p = h?.skip === !0, { validator: y, hook: t } = h, w = l(
-    (d) => {
-      try {
-        return y?.(d), null;
-      } catch (o) {
-        return o instanceof Error ? o : new M({
-          hook: t,
-          message: "Validation failed"
-        });
-      }
-    },
-    [y, t]
-  ), I = O(() => c, [JSON.stringify(c)]), e = l(
-    async (d, {
-      setLoading: o = !0,
-      setError: N = !0,
-      resetOnError: i = !0,
-      throwOnError: k = !0,
-      appendData: C = !1
-    } = {}) => {
-      let E = null, u = null;
-      f((a) => ({
-        ...a,
-        loading: o ? !0 : a.loading
-      }));
-      try {
-        const a = await g({ ...I, ...d });
-        if (a.ok)
-          u = w(a.data.data), f((s) => {
-            let P = a.data.data;
-            return C && s.data && Array.isArray(s.data) && Array.isArray(a.data.data) && (P = [...s.data, ...a.data.data]), {
-              ...s,
-              data: P,
-              pageInfo: a.data.pageInfo,
-              loading: !1,
-              error: u ?? null
-            };
-          });
-        else
-          throw a.error;
-      } catch (a) {
-        console.log("caught 1", a), E = b({ hook: t }, a);
-      }
-      const n = u || E;
-      if (n && (N || i) && f((a) => ({
-        data: i ? null : a.data,
-        pageInfo: i ? { hasNextPage: !1, endCursor: null } : a.pageInfo,
-        loading: !1,
-        error: n
-      })), n && k)
-        throw n;
-    },
-    [g, I, t, w]
-  ), m = l(async () => {
-    await e({ fetchPolicy: "network-only" }, {
-      setLoading: !1,
-      resetOnError: !1,
-      throwOnError: !0
-    });
-  }, [e]), x = l(async () => {
-    !r.pageInfo.hasNextPage || !r.pageInfo.endCursor || await e({ after: r.pageInfo.endCursor }, {
-      setLoading: !1,
-      setError: !1,
-      resetOnError: !1,
-      throwOnError: !0,
-      appendData: !0
-    });
-  }, [r.pageInfo.hasNextPage, r.pageInfo.endCursor, e]);
-  return D(() => {
-    p || e(
-      {},
-      {
-        throwOnError: !1
-      }
-    );
-  }, [e, p]), {
-    data: r.data,
-    loading: r.loading,
-    error: r.error,
-    hasNextPage: r.pageInfo.hasNextPage,
-    refetch: m,
-    fetchMore: x
-  };
-};
-export {
-  V as useShopActionsPaginatedDataFetching
-};
-//# sourceMappingURL=useShopActionsPaginatedDataFetching.js.map

package/dist/internal/useShopActionsPaginatedDataFetching.js.map

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