@intlayer/design-system 5.1.6 → 5.1.8

package/dist/hooks/useAsync/useAsync.cjs

@@ -43,90 +43,72 @@ const useAsync = (key, asyncFunction, options) => {
     data,
     errorCount
   } = getStates(keyWithArgs);
-  const fetch = ReactExports.useCallback(
-    async (...args2) => {
-      const keyWithArgs2 = getKeyWithArgs(key, args2);
-      if (controllerRef.current) {
-        controllerRef.current.abort();
-      }
-      const controller = new AbortController();
-      controllerRef.current = controller;
-      if (pendingPromises.has(keyWithArgs2)) {
-        return pendingPromises.get(keyWithArgs2);
-      }
-      const promise = (async () => {
-        setQueryState(keyWithArgs2, { isLoading: true });
-        let response = null;
-        await asyncFunction(...args2).then((result) => {
-          response = result;
-          setQueryState(keyWithArgs2, {
-            data: result,
-            errorCount: 0,
-            isLoading: false,
-            isFetched: true,
-            fetchedDateTime: /* @__PURE__ */ new Date(),
-            isSuccess: true,
-            isInvalidated: false,
-            error: null
-          });
-          onSuccess?.(result);
-          if (invalidateQueries.length > 0) {
-            setQueriesState(invalidateQueries, {
-              isInvalidated: true
-            });
-          }
-          if (updateQueries.length > 0) {
-            setQueriesState(updateQueries, {
-              data: result
-            });
-          }
-          if (storeEnabled) {
-            localStorage.setItem(keyWithArgs2, JSON.stringify(result));
-          }
-        }).catch((error2) => {
-          const msg = error2 instanceof Error ? error2.message : String(error2);
-          makeQueryInError(keyWithArgs2, msg);
-          onError?.(error2.message);
-        }).finally(() => {
-          pendingPromises.delete(keyWithArgs2);
+  const fetch = async (...args2) => {
+    const keyWithArgs2 = getKeyWithArgs(key, args2);
+    if (controllerRef.current) {
+      controllerRef.current.abort();
+    }
+    const controller = new AbortController();
+    controllerRef.current = controller;
+    if (pendingPromises.has(keyWithArgs2)) {
+      return pendingPromises.get(keyWithArgs2);
+    }
+    const promise = (async () => {
+      setQueryState(keyWithArgs2, { isLoading: true });
+      let response = null;
+      await asyncFunction(...args2).then((result) => {
+        response = result;
+        setQueryState(keyWithArgs2, {
+          data: result,
+          errorCount: 0,
+          isLoading: false,
+          isFetched: true,
+          fetchedDateTime: /* @__PURE__ */ new Date(),
+          isSuccess: true,
+          isInvalidated: false,
+          error: null
         });
-        return response;
-      })();
-      pendingPromises.set(keyWithArgs2, promise);
-      return await promise;
-    },
-    [asyncFunction, keyWithArgs, storeEnabled, cacheEnabled, onSuccess, onError]
-  );
-  const revalidate = ReactExports.useCallback(
-    async (...args2) => {
-      if (!isEnabled || !enabled) return;
-      if (args2) {
-        storedArgsRef.current = getArgs(args2);
-      }
-      return await fetch(...storedArgsRef.current);
-    },
-    [isEnabled, enabled, storedArgsRef, fetch]
-  );
-  const execute = ReactExports.useCallback(
-    async (...args2) => {
-      if (!isEnabled || !enabled) return;
-      if (isLoading) return;
-      const shouldReturnData = !isInvalidated && // If data are invalidated, we should refetch to revalidate the data
-      isSuccess && cacheEnabled && data;
-      if (shouldReturnData) return data;
-      return await revalidate(...args2);
-    },
-    [
-      isEnabled,
-      enabled,
-      isInvalidated,
-      cacheEnabled,
-      isSuccess,
-      data,
-      isLoading,
-      revalidate
-    ]
-  );
+        onSuccess?.(result);
+        if (invalidateQueries.length > 0) {
+          setQueriesState(invalidateQueries, {
+            isInvalidated: true
+          });
+        }
+        if (updateQueries.length > 0) {
+          setQueriesState(updateQueries, {
+            data: result
+          });
+        }
+        if (storeEnabled) {
+          localStorage.setItem(keyWithArgs2, JSON.stringify(result));
+        }
+      }).catch((error2) => {
+        const msg = error2 instanceof Error ? error2.message : String(error2);
+        makeQueryInError(keyWithArgs2, msg);
+        onError?.(error2.message);
+      }).finally(() => {
+        pendingPromises.delete(keyWithArgs2);
+      });
+      return response;
+    })();
+    pendingPromises.set(keyWithArgs2, promise);
+    return await promise;
+  };
+  const revalidate = async (...args2) => {
+    if (!isEnabled || !enabled) return;
+    if (args2) {
+      storedArgsRef.current = getArgs(args2);
+    }
+    return await fetch(...storedArgsRef.current);
+  };
+  const execute = async (...args2) => {
+    if (!isEnabled || !enabled) return;
+    if (isLoading) return;
+    const shouldReturnData = !isInvalidated && // If data are invalidated, we should refetch to revalidate the data
+    isSuccess && cacheEnabled && data;
+    if (shouldReturnData) return data;
+    return await revalidate(...args2);
+  };
   ReactExports.useEffect(() => {
     if (enabled !== isEnabled) {
       setQueryState(keyWithArgs, {
@@ -219,49 +201,30 @@ const useAsync = (key, asyncFunction, options) => {
     enabled,
     fetch
   ]);
-  const setDataMemo = ReactExports.useCallback(
-    (data2) => {
-      setQueryState(keyWithArgs, {
-        data: data2
-      });
-    },
-    [keyWithArgs]
-  );
-  const memoResult = ReactExports.useMemo(
-    () => ({
-      isFetched,
-      isInvalidated,
-      error,
-      data,
-      errorCount,
-      isSuccess,
-      isEnabled,
-      isDisabled: !isEnabled,
-      isLoading,
-      isWaitingData: isLoading && !isFetched && !data,
-      // Check if the data is still being fetched. Stay at true during revalidation or if data are stored in local storage
-      isRevalidating: isLoading && isFetched,
-      // Check if the data is valid and is being revalidated
-      [key]: execute,
-      // Name the execute function as the given key to avoid conflicts with other hooks (e.g. `const { fetchUser } = useAsync('fetchUser', () => fetchUserFunction());`)
-      revalidate,
-      setData: setDataMemo
-    }),
-    [
-      isFetched,
-      isLoading,
-      isInvalidated,
-      error,
-      isSuccess,
-      data,
-      errorCount,
-      isEnabled,
-      key,
-      execute,
-      revalidate,
-      setDataMemo
-    ]
-  );
+  const setDataMemo = (data2) => {
+    setQueryState(keyWithArgs, {
+      data: data2
+    });
+  };
+  const memoResult = {
+    isFetched,
+    isInvalidated,
+    error,
+    data,
+    errorCount,
+    isSuccess,
+    isEnabled,
+    isDisabled: !isEnabled,
+    isLoading,
+    isWaitingData: isLoading && !isFetched && !data,
+    // Check if the data is still being fetched. Stay at true during revalidation or if data are stored in local storage
+    isRevalidating: isLoading && isFetched,
+    // Check if the data is valid and is being revalidated
+    [key]: execute,
+    // Name the execute function as the given key to avoid conflicts with other hooks (e.g. `const { fetchUser } = useAsync('fetchUser', () => fetchUserFunction());`)
+    revalidate,
+    setData: setDataMemo
+  };
   ReactExports.useEffect(
     () => () => {
       if (controllerRef.current) {

package/dist/hooks/useAsync/useAsync.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAsync.cjs","sources":["../../../src/hooks/useAsync/useAsync.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useAsyncState } from './useAsyncStateStore';\n\n// Pending promises cache to prevent parallel requests when multiple components use the hook\nconst pendingPromises = new Map();\n\n// Defines the base structure for the result of the custom hook.\ntype UseAsyncResultBase<T extends (...args: any[]) => Promise<any>> = {\n  isFetched: boolean;\n  isLoading: boolean;\n  isInvalidated: boolean;\n  isSuccess: boolean;\n  isDisabled: boolean;\n  isWaitingData: boolean;\n  isRevalidating: boolean;\n  error: string | null;\n  data: Awaited<ReturnType<T>> | null;\n  errorCount: number;\n  revalidate: T;\n  setData: (data: Awaited<ReturnType<T> | null>) => void;\n};\n\n// Options type for the hook, allowing customization of behavior.\nexport type UseAsyncOptions<T extends (...args: any[]) => Promise<any>> = {\n  retryLimit?: number; // The number of times the hook should retry the function on failure before giving up\n  retryTime?: number; // Time in milliseconds for retrying the data\n  cache?: boolean; // Cache the result of the function\n  store?: boolean; // Store the result of the function in local storage\n  enable?: boolean; // Enable the hook\n  autoFetch?: boolean; // Automatically fetch the data when the hook is mounted\n  revalidation?: boolean; // Enable revalidation\n  revalidateTime?: number; // Time in milliseconds for revalidating the data\n  invalidateQueries?: string[]; // Invalidate other queries when the data is updated\n  updateQueries?: string[]; // Update other queries when the data is updated\n  onSuccess?: (data: Awaited<ReturnType<T>>) => void; // Callback function that is called when the asynchronous function resolves successfully\n  onError?: (error: string) => void; // Callback function that is called when the asynchronous function rejects or encounters an error\n  args?: Parameters<T>; // Arguments to pass to the asynchronous function\n};\n\n// Default values for the hook's options\nconst DEFAULT_CACHE_ENABLED = false;\nconst DEFAULT_STORE_ENABLED = false;\nconst DEFAULT_ENABLED = true;\nconst DEFAULT_AUTO_FETCH = false;\nconst DEFAULT_RETRY_LIMIT = 1;\nconst DEFAULT_REVALIDATION_ENABLED = false;\nconst DEFAULT_REVALIDATE_TIME = 5 * 60 * 1000; // 5 minutes\nconst DEFAULT_RETRY_TIME = 5 * 60 * 1000; // 5 minutes\n\n// The main hook type that includes the async function along with its additional properties.\nexport type UseAsyncResult<\n  U extends string,\n  T extends (...args: any[]) => Promise<any>,\n> = UseAsyncResultBase<T> & Record<U, T>;\n\nconst getArgs = (args?: any[]): any[] =>\n  args ? (Array.isArray(args) ? args : [args]) : [];\n\nconst getKeyWithArgs = (key: string, args: any[]) =>\n  getArgs(args).length > 0 ? `${key}/${JSON.stringify(args)}` : key;\n\n/**\n * A custom React hook that manages asynchronous operations, providing easy-to-use states and controls over fetching, caching, and retry mechanisms.\n * This hook abstracts away the complexity of handling loading, error, and success states for any asynchronous function.\n *\n *\n * ```tsx\n * // Example of using useAsync to manage fetching user data from an API.\n * const fetchUserData = async (userId) => {\n *   const response = await fetch(`/api/users/${userId}`);\n *   if (!response.ok) throw new Error('Failed to fetch');\n *   return await response.json();\n * };\n *\n * const UserDetails = ({ userId }) => {\n *   const {\n *     isLoading,\n *     data,\n *     error,\n *     revalidate,\n *   } = useAsync('userDetails', fetchUserData, {\n *     cache: true,\n *     revalidateTime: 60000, // 1 minute\n *     autoFetch: true,\n *     onSuccess: (data) => console.log('User data fetched successfully:', data),\n *     onError: (error) => console.error('Error fetching user data:', error),\n *   });\n *\n *   if (isLoading) return <div>Loading...</div>;\n *   if (error) return <div>Error: {error}</div>;\n *   return (\n *     <div>\n *       <h1>{data.name}</h1>\n *       <button onClick={() => revalidate()}>Refresh</button>\n *     </div>\n *   );\n * };\n * ```\n */\nexport const useAsync = <\n  U extends string,\n  T extends (...args: any[]) => Promise<any>,\n>(\n  key: U,\n  asyncFunction: T,\n  options?: UseAsyncOptions<T>\n): UseAsyncResult<U, T> => {\n  // Resolving optional parameters with default values\n  const retryLimit = options?.retryLimit ?? DEFAULT_RETRY_LIMIT;\n  const autoFetch = options?.autoFetch ?? DEFAULT_AUTO_FETCH;\n  const retryTime = options?.retryTime ?? DEFAULT_RETRY_TIME;\n  const cacheEnabled = options?.cache ?? DEFAULT_CACHE_ENABLED;\n  const storeEnabled = options?.store ?? DEFAULT_STORE_ENABLED;\n  const enabled = options?.enable ?? DEFAULT_ENABLED;\n  const revalidationEnabled =\n    options?.revalidation ?? DEFAULT_REVALIDATION_ENABLED;\n  const revalidateTime = options?.revalidateTime ?? DEFAULT_REVALIDATE_TIME;\n  const updateQueries = options?.updateQueries ?? [];\n  const invalidateQueries = options?.invalidateQueries ?? [];\n  const onSuccess = options?.onSuccess;\n  const onError = options?.onError;\n  const args = getArgs(options?.args ?? []);\n\n  // Using a custom hook to manage state specific to asynchronous operations\n  const { getStates, setQueryState, setQueriesState, makeQueryInError } =\n    useAsyncState();\n\n  // Storing the last arguments used to call the async function\n  const storedArgsRef = useRef<any[]>(args);\n\n  const controllerRef = useRef<AbortController | null>(null);\n\n  // Apply different key for different requests\n  const keyWithArgs = getKeyWithArgs(key, storedArgsRef.current);\n\n  // Retrieving the current state of async operations using the same custom hook\n  const {\n    isFetched,\n    fetchedDateTime,\n    isLoading,\n    isEnabled,\n    error,\n    isSuccess,\n    isInvalidated,\n    data,\n    errorCount,\n  } = getStates(keyWithArgs);\n\n  /**\n   * FETCH FUNCTION\n   *\n   * Manage parallel fetching across multiple instances of the hook\n   * Manage state updates on success and error\n   * Manage eventual invalidation of other queries\n   */\n  const fetch: T = useCallback<T>(\n    (async (...args) => {\n      const keyWithArgs = getKeyWithArgs(key, args);\n\n      /**\n       * ABORT CONTROLLER\n       *\n       * cancel an unnecessary request.\n       * For example, if a user navigates away from a page or triggers a new request that makes the previous one obsolete, you can abort the previous fetch\n       */\n      if (controllerRef.current) {\n        // Abort the previous request\n        controllerRef.current.abort();\n      }\n\n      // Create a new AbortController\n      const controller = new AbortController();\n      controllerRef.current = controller;\n\n      /**\n       * PENDING PROMISES\n       *\n       * This logic ensures that if two parts of your application trigger the same request simultaneously,\n       * only one network call is made, and both receive the same result.\n       */\n      if (pendingPromises.has(keyWithArgs)) {\n        // Return the existing pending promise\n        return pendingPromises.get(keyWithArgs);\n      }\n\n      const promise = (async () => {\n        setQueryState(keyWithArgs, { isLoading: true });\n        let response = null;\n\n        await asyncFunction(...args)\n          .then((result) => {\n            response = result;\n\n            setQueryState(keyWithArgs, {\n              data: result,\n              errorCount: 0,\n              isLoading: false,\n              isFetched: true,\n              fetchedDateTime: new Date(),\n              isSuccess: true,\n              isInvalidated: false,\n              error: null,\n            });\n\n            onSuccess?.(result);\n\n            // Invalidate other queries if necessary\n            if (invalidateQueries.length > 0) {\n              setQueriesState(invalidateQueries, {\n                isInvalidated: true,\n              });\n            }\n\n            // Update other queries if necessary\n            if (updateQueries.length > 0) {\n              setQueriesState(updateQueries, {\n                data: result,\n              });\n            }\n\n            // Store the result in local storage\n            if (storeEnabled) {\n              localStorage.setItem(keyWithArgs, JSON.stringify(result));\n            }\n          })\n          .catch((error) => {\n            const msg = error instanceof Error ? error.message : String(error);\n\n            makeQueryInError(keyWithArgs, msg);\n            onError?.(error.message);\n          })\n          .finally(() => {\n            // Remove the pending promise from the cache\n            pendingPromises.delete(keyWithArgs);\n          });\n\n        return response;\n      })();\n\n      // Store the pending promise in the cache\n      pendingPromises.set(keyWithArgs, promise);\n\n      return await promise;\n    }) as T,\n    [asyncFunction, keyWithArgs, storeEnabled, cacheEnabled, onSuccess, onError]\n  );\n\n  /**\n   * REVALIDATE FUNCTION\n   *\n   * Wrap core function to handle revalidation\n   * Handle arguments caching\n   *\n   */\n  const revalidate: T = useCallback<T>(\n    (async (...args) => {\n      if (!isEnabled || !enabled) return; // Hook is disabled\n\n      if (args) {\n        // Revalidation arguments can be different from the initial fetch arguments\n        // If arguments are provided, store/update them for future periodic revalidation\n\n        storedArgsRef.current = getArgs(args);\n      }\n\n      return await fetch(...storedArgsRef.current);\n    }) as T,\n    [isEnabled, enabled, storedArgsRef, fetch]\n  );\n\n  /**\n   * EXECUTION FUNCTION\n   *\n   * Wrap revalidation function\n   * If data is valid return it directly to avoid fetching again\n   */\n  const execute: T = useCallback<T>(\n    (async (...args) => {\n      if (!isEnabled || !enabled) return; // Hook is disabled\n      if (isLoading) return; // Fetch is already in progress\n\n      const shouldReturnData =\n        !isInvalidated && // If data are invalidated, we should refetch to revalidate the data\n        isSuccess &&\n        cacheEnabled &&\n        data;\n\n      if (shouldReturnData) return data; // Data are already fetched and should be returned directly. Avoid fetching again.\n\n      return await revalidate(...args);\n    }) as T,\n    [\n      isEnabled,\n      enabled,\n      isInvalidated,\n      cacheEnabled,\n      isSuccess,\n      data,\n      isLoading,\n      revalidate,\n    ]\n  );\n\n  /**\n   * HANDLE SYNCHRONIZATION HOOKS DISACTIVATION\n   *\n   * If one instance of the hook is disabled, the other instances should be disabled too.\n   * This is to prevent inconsistencies in the state of the hook.\n   */\n  useEffect(() => {\n    if (enabled !== isEnabled) {\n      setQueryState(keyWithArgs, {\n        isEnabled,\n      });\n    }\n  }, [enabled, isEnabled, keyWithArgs]);\n\n  /**\n   * HANDLE LOCAL STORAGE LOADING\n   *\n   * If store is enabled, load data from local storage\n   */\n  useEffect(() => {\n    if (!isEnabled || !enabled) return; // Hook is disabled\n    if (!storeEnabled) return; // Hook should not use local storage\n    if (isInvalidated || isFetched || data) return; // Hook have been already mounted and fetched or invalidated\n\n    const storedData = localStorage.getItem(keyWithArgs);\n\n    // Wrap parsing in a try-catch block to handle invalid JSON data\n    try {\n      if (storedData) {\n        setQueryState(keyWithArgs, {\n          data: JSON.parse(storedData),\n        });\n      }\n    } catch (error) {\n      console.error(error);\n    }\n  }, [\n    storeEnabled,\n    keyWithArgs,\n    isFetched,\n    isInvalidated,\n    isEnabled,\n    enabled,\n    data,\n  ]);\n\n  /**\n   * HANDLE AUTO-FETCH ON HOOK MOUNT\n   *\n   * If autoFetch is enabled, fetch the data when the hook is mounted\n   */\n  useEffect(() => {\n    if (!autoFetch) return; // Auto-fetch is disabled\n    if (!isEnabled || !enabled) return; // Hook is disabled\n    if (isFetched && !isInvalidated) return; // Hook have already fetched or invalidated\n    if (isLoading) return; // Fetch is already in progress\n\n    fetch(...storedArgsRef.current);\n  }, [\n    autoFetch,\n    isEnabled,\n    enabled,\n    isFetched,\n    isInvalidated,\n    isLoading,\n    fetch,\n  ]);\n\n  /**\n   * HANDLE RETRY\n   *\n   * If fetching fails, retry the fetch after a certain time\n   */\n  useEffect(() => {\n    const isRetryEnabled = errorCount > 0 && retryLimit > 0;\n    const isRetryLimitReached = errorCount > retryLimit;\n\n    if (!isEnabled || !enabled) return; // Hook is disabled\n    if (!isRetryEnabled) return; // Retry is disabled\n    if (isRetryLimitReached) return; // Retry limit has been reached\n    if (!(cacheEnabled || storeEnabled)) return; // Useless to retry if caching is disabled\n    if (isLoading) return; // Fetch is already in progress\n    if (isSuccess) return; // Hook has already fetched successfully\n\n    const timeout = setTimeout(() => {\n      fetch(...storedArgsRef.current);\n    }, retryTime);\n\n    return () => clearTimeout(timeout);\n  }, [\n    isEnabled,\n    errorCount,\n    retryLimit,\n    enabled,\n    retryTime,\n    cacheEnabled,\n    storeEnabled,\n    isSuccess,\n    isLoading,\n    fetch,\n  ]);\n\n  /**\n   * HANDLE PERIODIC REVALIDATION\n   *\n   * If revalidation is enabled, revalidate the data periodically\n   */\n  useEffect(() => {\n    if (!revalidationEnabled || revalidateTime <= 0) return; // Revalidation is disabled\n    if (!isEnabled || !enabled) return; // Hook is disabled\n    if (isLoading) return; // Fetch is already in progress\n    if (!isSuccess || !fetchedDateTime) return; // Should retry either of revalidate\n    if (!(cacheEnabled || storeEnabled)) return; // Useless to revalidate if caching is disabled\n\n    const timeout = setTimeout(() => {\n      fetch(...storedArgsRef.current);\n    }, revalidateTime);\n\n    return () => clearTimeout(timeout);\n  }, [\n    revalidationEnabled,\n    revalidateTime,\n    cacheEnabled,\n    storeEnabled,\n    isSuccess,\n    fetchedDateTime,\n    isLoading,\n    isEnabled,\n    enabled,\n    fetch,\n  ]);\n\n  // Memoization of the setData function to prevent unnecessary re-renders\n  const setDataMemo = useCallback(\n    (data: Awaited<ReturnType<T> | null>) => {\n      setQueryState(keyWithArgs, {\n        data,\n      });\n    },\n    [keyWithArgs]\n  );\n\n  // Memoization to prevent unnecessary re-renders\n  const memoResult = useMemo(\n    () => ({\n      isFetched,\n      isInvalidated,\n      error,\n      data,\n      errorCount,\n      isSuccess,\n      isEnabled,\n      isDisabled: !isEnabled,\n      isLoading,\n      isWaitingData: isLoading && !isFetched && !data, // Check if the data is still being fetched. Stay at true during revalidation or if data are stored in local storage\n      isRevalidating: isLoading && isFetched, // Check if the data is valid and is being revalidated\n      [key]: execute, // Name the execute function as the given key to avoid conflicts with other hooks (e.g. `const { fetchUser } = useAsync('fetchUser', () => fetchUserFunction());`)\n      revalidate,\n      setData: setDataMemo,\n    }),\n    [\n      isFetched,\n      isLoading,\n      isInvalidated,\n      error,\n      isSuccess,\n      data,\n      errorCount,\n      isEnabled,\n      key,\n      execute,\n      revalidate,\n      setDataMemo,\n    ]\n  );\n\n  useEffect(\n    () => () => {\n      // Clean up the controller on unmount\n      if (controllerRef.current) {\n        controllerRef.current.abort();\n      }\n    },\n    []\n  );\n\n  // Return the hook's result, including all state and control functions\n  return memoResult as UseAsyncResultBase<T> & Record<U, T>;\n};\n"],"names":["useAsyncState","useRef","useCallback","args","keyWithArgs","error","useEffect","data","useMemo"],"mappings":"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"}
+{"version":3,"file":"useAsync.cjs","sources":["../../../src/hooks/useAsync/useAsync.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useAsyncState } from './useAsyncStateStore';\n\n// Pending promises cache to prevent parallel requests when multiple components use the hook\nconst pendingPromises = new Map();\n\n// Defines the base structure for the result of the custom hook.\ntype UseAsyncResultBase<T extends (...args: any[]) => Promise<any>> = {\n  isFetched: boolean;\n  isLoading: boolean;\n  isInvalidated: boolean;\n  isSuccess: boolean;\n  isDisabled: boolean;\n  isWaitingData: boolean;\n  isRevalidating: boolean;\n  error: string | null;\n  data: Awaited<ReturnType<T>> | null;\n  errorCount: number;\n  revalidate: T;\n  setData: (data: Awaited<ReturnType<T> | null>) => void;\n};\n\n// Options type for the hook, allowing customization of behavior.\nexport type UseAsyncOptions<T extends (...args: any[]) => Promise<any>> = {\n  retryLimit?: number; // The number of times the hook should retry the function on failure before giving up\n  retryTime?: number; // Time in milliseconds for retrying the data\n  cache?: boolean; // Cache the result of the function\n  store?: boolean; // Store the result of the function in local storage\n  enable?: boolean; // Enable the hook\n  autoFetch?: boolean; // Automatically fetch the data when the hook is mounted\n  revalidation?: boolean; // Enable revalidation\n  revalidateTime?: number; // Time in milliseconds for revalidating the data\n  invalidateQueries?: string[]; // Invalidate other queries when the data is updated\n  updateQueries?: string[]; // Update other queries when the data is updated\n  onSuccess?: (data: Awaited<ReturnType<T>>) => void; // Callback function that is called when the asynchronous function resolves successfully\n  onError?: (error: string) => void; // Callback function that is called when the asynchronous function rejects or encounters an error\n  args?: Parameters<T>; // Arguments to pass to the asynchronous function\n};\n\n// Default values for the hook's options\nconst DEFAULT_CACHE_ENABLED = false;\nconst DEFAULT_STORE_ENABLED = false;\nconst DEFAULT_ENABLED = true;\nconst DEFAULT_AUTO_FETCH = false;\nconst DEFAULT_RETRY_LIMIT = 1;\nconst DEFAULT_REVALIDATION_ENABLED = false;\nconst DEFAULT_REVALIDATE_TIME = 5 * 60 * 1000; // 5 minutes\nconst DEFAULT_RETRY_TIME = 5 * 60 * 1000; // 5 minutes\n\n// The main hook type that includes the async function along with its additional properties.\nexport type UseAsyncResult<\n  U extends string,\n  T extends (...args: any[]) => Promise<any>,\n> = UseAsyncResultBase<T> & Record<U, T>;\n\nconst getArgs = (args?: any[]): any[] =>\n  args ? (Array.isArray(args) ? args : [args]) : [];\n\nconst getKeyWithArgs = (key: string, args: any[]) =>\n  getArgs(args).length > 0 ? `${key}/${JSON.stringify(args)}` : key;\n\n/**\n * A custom React hook that manages asynchronous operations, providing easy-to-use states and controls over fetching, caching, and retry mechanisms.\n * This hook abstracts away the complexity of handling loading, error, and success states for any asynchronous function.\n *\n *\n * ```tsx\n * // Example of using useAsync to manage fetching user data from an API.\n * const fetchUserData = async (userId) => {\n *   const response = await fetch(`/api/users/${userId}`);\n *   if (!response.ok) throw new Error('Failed to fetch');\n *   return await response.json();\n * };\n *\n * const UserDetails = ({ userId }) => {\n *   const {\n *     isLoading,\n *     data,\n *     error,\n *     revalidate,\n *   } = useAsync('userDetails', fetchUserData, {\n *     cache: true,\n *     revalidateTime: 60000, // 1 minute\n *     autoFetch: true,\n *     onSuccess: (data) => console.log('User data fetched successfully:', data),\n *     onError: (error) => console.error('Error fetching user data:', error),\n *   });\n *\n *   if (isLoading) return <div>Loading...</div>;\n *   if (error) return <div>Error: {error}</div>;\n *   return (\n *     <div>\n *       <h1>{data.name}</h1>\n *       <button onClick={() => revalidate()}>Refresh</button>\n *     </div>\n *   );\n * };\n * ```\n */\nexport const useAsync = <\n  U extends string,\n  T extends (...args: any[]) => Promise<any>,\n>(\n  key: U,\n  asyncFunction: T,\n  options?: UseAsyncOptions<T>\n): UseAsyncResult<U, T> => {\n  // Resolving optional parameters with default values\n  const retryLimit = options?.retryLimit ?? DEFAULT_RETRY_LIMIT;\n  const autoFetch = options?.autoFetch ?? DEFAULT_AUTO_FETCH;\n  const retryTime = options?.retryTime ?? DEFAULT_RETRY_TIME;\n  const cacheEnabled = options?.cache ?? DEFAULT_CACHE_ENABLED;\n  const storeEnabled = options?.store ?? DEFAULT_STORE_ENABLED;\n  const enabled = options?.enable ?? DEFAULT_ENABLED;\n  const revalidationEnabled =\n    options?.revalidation ?? DEFAULT_REVALIDATION_ENABLED;\n  const revalidateTime = options?.revalidateTime ?? DEFAULT_REVALIDATE_TIME;\n  const updateQueries = options?.updateQueries ?? [];\n  const invalidateQueries = options?.invalidateQueries ?? [];\n  const onSuccess = options?.onSuccess;\n  const onError = options?.onError;\n  const args = getArgs(options?.args ?? []);\n\n  // Using a custom hook to manage state specific to asynchronous operations\n  const { getStates, setQueryState, setQueriesState, makeQueryInError } =\n    useAsyncState();\n\n  // Storing the last arguments used to call the async function\n  const storedArgsRef = useRef<any[]>(args);\n\n  const controllerRef = useRef<AbortController | null>(null);\n\n  // Apply different key for different requests\n  const keyWithArgs = getKeyWithArgs(key, storedArgsRef.current);\n\n  // Retrieving the current state of async operations using the same custom hook\n  const {\n    isFetched,\n    fetchedDateTime,\n    isLoading,\n    isEnabled,\n    error,\n    isSuccess,\n    isInvalidated,\n    data,\n    errorCount,\n  } = getStates(keyWithArgs);\n\n  /**\n   * FETCH FUNCTION\n   *\n   * Manage parallel fetching across multiple instances of the hook\n   * Manage state updates on success and error\n   * Manage eventual invalidation of other queries\n   */\n  const fetch: T = (async (...args) => {\n    const keyWithArgs = getKeyWithArgs(key, args);\n\n    /**\n     * ABORT CONTROLLER\n     *\n     * cancel an unnecessary request.\n     * For example, if a user navigates away from a page or triggers a new request that makes the previous one obsolete, you can abort the previous fetch\n     */\n    if (controllerRef.current) {\n      // Abort the previous request\n      controllerRef.current.abort();\n    }\n\n    // Create a new AbortController\n    const controller = new AbortController();\n    controllerRef.current = controller;\n\n    /**\n     * PENDING PROMISES\n     *\n     * This logic ensures that if two parts of your application trigger the same request simultaneously,\n     * only one network call is made, and both receive the same result.\n     */\n    if (pendingPromises.has(keyWithArgs)) {\n      // Return the existing pending promise\n      return pendingPromises.get(keyWithArgs);\n    }\n\n    const promise = (async () => {\n      setQueryState(keyWithArgs, { isLoading: true });\n      let response = null;\n\n      await asyncFunction(...args)\n        .then((result) => {\n          response = result;\n\n          setQueryState(keyWithArgs, {\n            data: result,\n            errorCount: 0,\n            isLoading: false,\n            isFetched: true,\n            fetchedDateTime: new Date(),\n            isSuccess: true,\n            isInvalidated: false,\n            error: null,\n          });\n\n          onSuccess?.(result);\n\n          // Invalidate other queries if necessary\n          if (invalidateQueries.length > 0) {\n            setQueriesState(invalidateQueries, {\n              isInvalidated: true,\n            });\n          }\n\n          // Update other queries if necessary\n          if (updateQueries.length > 0) {\n            setQueriesState(updateQueries, {\n              data: result,\n            });\n          }\n\n          // Store the result in local storage\n          if (storeEnabled) {\n            localStorage.setItem(keyWithArgs, JSON.stringify(result));\n          }\n        })\n        .catch((error) => {\n          const msg = error instanceof Error ? error.message : String(error);\n\n          makeQueryInError(keyWithArgs, msg);\n          onError?.(error.message);\n        })\n        .finally(() => {\n          // Remove the pending promise from the cache\n          pendingPromises.delete(keyWithArgs);\n        });\n\n      return response;\n    })();\n\n    // Store the pending promise in the cache\n    pendingPromises.set(keyWithArgs, promise);\n\n    return await promise;\n  }) as T;\n\n  /**\n   * REVALIDATE FUNCTION\n   *\n   * Wrap core function to handle revalidation\n   * Handle arguments caching\n   *\n   */\n  const revalidate: T = (async (...args) => {\n    if (!isEnabled || !enabled) return; // Hook is disabled\n\n    if (args) {\n      // Revalidation arguments can be different from the initial fetch arguments\n      // If arguments are provided, store/update them for future periodic revalidation\n\n      storedArgsRef.current = getArgs(args);\n    }\n\n    return await fetch(...storedArgsRef.current);\n  }) as T;\n\n  /**\n   * EXECUTION FUNCTION\n   *\n   * Wrap revalidation function\n   * If data is valid return it directly to avoid fetching again\n   */\n  const execute: T = (async (...args) => {\n    if (!isEnabled || !enabled) return; // Hook is disabled\n    if (isLoading) return; // Fetch is already in progress\n\n    const shouldReturnData =\n      !isInvalidated && // If data are invalidated, we should refetch to revalidate the data\n      isSuccess &&\n      cacheEnabled &&\n      data;\n\n    if (shouldReturnData) return data; // Data are already fetched and should be returned directly. Avoid fetching again.\n\n    return await revalidate(...args);\n  }) as T;\n\n  /**\n   * HANDLE SYNCHRONIZATION HOOKS DISACTIVATION\n   *\n   * If one instance of the hook is disabled, the other instances should be disabled too.\n   * This is to prevent inconsistencies in the state of the hook.\n   */\n  useEffect(() => {\n    if (enabled !== isEnabled) {\n      setQueryState(keyWithArgs, {\n        isEnabled,\n      });\n    }\n  }, [enabled, isEnabled, keyWithArgs]);\n\n  /**\n   * HANDLE LOCAL STORAGE LOADING\n   *\n   * If store is enabled, load data from local storage\n   */\n  useEffect(() => {\n    if (!isEnabled || !enabled) return; // Hook is disabled\n    if (!storeEnabled) return; // Hook should not use local storage\n    if (isInvalidated || isFetched || data) return; // Hook have been already mounted and fetched or invalidated\n\n    const storedData = localStorage.getItem(keyWithArgs);\n\n    // Wrap parsing in a try-catch block to handle invalid JSON data\n    try {\n      if (storedData) {\n        setQueryState(keyWithArgs, {\n          data: JSON.parse(storedData),\n        });\n      }\n    } catch (error) {\n      console.error(error);\n    }\n  }, [\n    storeEnabled,\n    keyWithArgs,\n    isFetched,\n    isInvalidated,\n    isEnabled,\n    enabled,\n    data,\n  ]);\n\n  /**\n   * HANDLE AUTO-FETCH ON HOOK MOUNT\n   *\n   * If autoFetch is enabled, fetch the data when the hook is mounted\n   */\n  useEffect(() => {\n    if (!autoFetch) return; // Auto-fetch is disabled\n    if (!isEnabled || !enabled) return; // Hook is disabled\n    if (isFetched && !isInvalidated) return; // Hook have already fetched or invalidated\n    if (isLoading) return; // Fetch is already in progress\n\n    fetch(...storedArgsRef.current);\n  }, [\n    autoFetch,\n    isEnabled,\n    enabled,\n    isFetched,\n    isInvalidated,\n    isLoading,\n    fetch,\n  ]);\n\n  /**\n   * HANDLE RETRY\n   *\n   * If fetching fails, retry the fetch after a certain time\n   */\n  useEffect(() => {\n    const isRetryEnabled = errorCount > 0 && retryLimit > 0;\n    const isRetryLimitReached = errorCount > retryLimit;\n\n    if (!isEnabled || !enabled) return; // Hook is disabled\n    if (!isRetryEnabled) return; // Retry is disabled\n    if (isRetryLimitReached) return; // Retry limit has been reached\n    if (!(cacheEnabled || storeEnabled)) return; // Useless to retry if caching is disabled\n    if (isLoading) return; // Fetch is already in progress\n    if (isSuccess) return; // Hook has already fetched successfully\n\n    const timeout = setTimeout(() => {\n      fetch(...storedArgsRef.current);\n    }, retryTime);\n\n    return () => clearTimeout(timeout);\n  }, [\n    isEnabled,\n    errorCount,\n    retryLimit,\n    enabled,\n    retryTime,\n    cacheEnabled,\n    storeEnabled,\n    isSuccess,\n    isLoading,\n    fetch,\n  ]);\n\n  /**\n   * HANDLE PERIODIC REVALIDATION\n   *\n   * If revalidation is enabled, revalidate the data periodically\n   */\n  useEffect(() => {\n    if (!revalidationEnabled || revalidateTime <= 0) return; // Revalidation is disabled\n    if (!isEnabled || !enabled) return; // Hook is disabled\n    if (isLoading) return; // Fetch is already in progress\n    if (!isSuccess || !fetchedDateTime) return; // Should retry either of revalidate\n    if (!(cacheEnabled || storeEnabled)) return; // Useless to revalidate if caching is disabled\n\n    const timeout = setTimeout(() => {\n      fetch(...storedArgsRef.current);\n    }, revalidateTime);\n\n    return () => clearTimeout(timeout);\n  }, [\n    revalidationEnabled,\n    revalidateTime,\n    cacheEnabled,\n    storeEnabled,\n    isSuccess,\n    fetchedDateTime,\n    isLoading,\n    isEnabled,\n    enabled,\n    fetch,\n  ]);\n\n  // Memoization of the setData function to prevent unnecessary re-renders\n  const setDataMemo = (data: Awaited<ReturnType<T> | null>) => {\n    setQueryState(keyWithArgs, {\n      data,\n    });\n  };\n\n  // Memoization to prevent unnecessary re-renders\n  const memoResult = {\n    isFetched,\n    isInvalidated,\n    error,\n    data,\n    errorCount,\n    isSuccess,\n    isEnabled,\n    isDisabled: !isEnabled,\n    isLoading,\n    isWaitingData: isLoading && !isFetched && !data, // Check if the data is still being fetched. Stay at true during revalidation or if data are stored in local storage\n    isRevalidating: isLoading && isFetched, // Check if the data is valid and is being revalidated\n    [key]: execute, // Name the execute function as the given key to avoid conflicts with other hooks (e.g. `const { fetchUser } = useAsync('fetchUser', () => fetchUserFunction());`)\n    revalidate,\n    setData: setDataMemo,\n  };\n\n  useEffect(\n    () => () => {\n      // Clean up the controller on unmount\n      if (controllerRef.current) {\n        controllerRef.current.abort();\n      }\n    },\n    []\n  );\n\n  // Return the hook's result, including all state and control functions\n  return memoResult as UseAsyncResultBase<T> & Record<U, T>;\n};\n"],"names":["useAsyncState","useRef","args","keyWithArgs","error","useEffect","data"],"mappings":"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"}

package/dist/hooks/useAsync/useAsync.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAsync.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAsync/useAsync.ts"],"names":[],"mappings":"AASA,KAAK,kBAAkB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,IAAI;IACpE,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;CACxD,CAAC;AAGF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,IAAI;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CACtB,CAAC;AAaF,MAAM,MAAM,cAAc,CACxB,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,IACxC,kBAAkB,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAQzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,QAAQ,GACnB,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,OAErC,CAAC,iBACS,CAAC,YACN,eAAe,CAAC,CAAC,CAAC,KAC3B,cAAc,CAAC,CAAC,EAAE,CAAC,CAiYrB,CAAC"}
+{"version":3,"file":"useAsync.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAsync/useAsync.ts"],"names":[],"mappings":"AASA,KAAK,kBAAkB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,IAAI;IACpE,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;CACxD,CAAC;AAGF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,IAAI;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CACtB,CAAC;AAaF,MAAM,MAAM,cAAc,CACxB,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,IACxC,kBAAkB,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAQzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,QAAQ,GACnB,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,OAErC,CAAC,iBACS,CAAC,YACN,eAAe,CAAC,CAAC,CAAC,KAC3B,cAAc,CAAC,CAAC,EAAE,CAAC,CA4VrB,CAAC"}

package/dist/hooks/useAsync/useAsync.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { useRef, useCallback, useEffect, useMemo } from "react";
+import { useRef, useEffect } from "react";
 import { useAsyncState } from "./useAsyncStateStore.mjs";
 const pendingPromises = /* @__PURE__ */ new Map();
 const DEFAULT_CACHE_ENABLED = false;
@@ -41,90 +41,72 @@ const useAsync = (key, asyncFunction, options) => {
     data,
     errorCount
   } = getStates(keyWithArgs);
-  const fetch = useCallback(
-    async (...args2) => {
-      const keyWithArgs2 = getKeyWithArgs(key, args2);
-      if (controllerRef.current) {
-        controllerRef.current.abort();
-      }
-      const controller = new AbortController();
-      controllerRef.current = controller;
-      if (pendingPromises.has(keyWithArgs2)) {
-        return pendingPromises.get(keyWithArgs2);
-      }
-      const promise = (async () => {
-        setQueryState(keyWithArgs2, { isLoading: true });
-        let response = null;
-        await asyncFunction(...args2).then((result) => {
-          response = result;
-          setQueryState(keyWithArgs2, {
-            data: result,
-            errorCount: 0,
-            isLoading: false,
-            isFetched: true,
-            fetchedDateTime: /* @__PURE__ */ new Date(),
-            isSuccess: true,
-            isInvalidated: false,
-            error: null
-          });
-          onSuccess?.(result);
-          if (invalidateQueries.length > 0) {
-            setQueriesState(invalidateQueries, {
-              isInvalidated: true
-            });
-          }
-          if (updateQueries.length > 0) {
-            setQueriesState(updateQueries, {
-              data: result
-            });
-          }
-          if (storeEnabled) {
-            localStorage.setItem(keyWithArgs2, JSON.stringify(result));
-          }
-        }).catch((error2) => {
-          const msg = error2 instanceof Error ? error2.message : String(error2);
-          makeQueryInError(keyWithArgs2, msg);
-          onError?.(error2.message);
-        }).finally(() => {
-          pendingPromises.delete(keyWithArgs2);
+  const fetch = async (...args2) => {
+    const keyWithArgs2 = getKeyWithArgs(key, args2);
+    if (controllerRef.current) {
+      controllerRef.current.abort();
+    }
+    const controller = new AbortController();
+    controllerRef.current = controller;
+    if (pendingPromises.has(keyWithArgs2)) {
+      return pendingPromises.get(keyWithArgs2);
+    }
+    const promise = (async () => {
+      setQueryState(keyWithArgs2, { isLoading: true });
+      let response = null;
+      await asyncFunction(...args2).then((result) => {
+        response = result;
+        setQueryState(keyWithArgs2, {
+          data: result,
+          errorCount: 0,
+          isLoading: false,
+          isFetched: true,
+          fetchedDateTime: /* @__PURE__ */ new Date(),
+          isSuccess: true,
+          isInvalidated: false,
+          error: null
         });
-        return response;
-      })();
-      pendingPromises.set(keyWithArgs2, promise);
-      return await promise;
-    },
-    [asyncFunction, keyWithArgs, storeEnabled, cacheEnabled, onSuccess, onError]
-  );
-  const revalidate = useCallback(
-    async (...args2) => {
-      if (!isEnabled || !enabled) return;
-      if (args2) {
-        storedArgsRef.current = getArgs(args2);
-      }
-      return await fetch(...storedArgsRef.current);
-    },
-    [isEnabled, enabled, storedArgsRef, fetch]
-  );
-  const execute = useCallback(
-    async (...args2) => {
-      if (!isEnabled || !enabled) return;
-      if (isLoading) return;
-      const shouldReturnData = !isInvalidated && // If data are invalidated, we should refetch to revalidate the data
-      isSuccess && cacheEnabled && data;
-      if (shouldReturnData) return data;
-      return await revalidate(...args2);
-    },
-    [
-      isEnabled,
-      enabled,
-      isInvalidated,
-      cacheEnabled,
-      isSuccess,
-      data,
-      isLoading,
-      revalidate
-    ]
-  );
+        onSuccess?.(result);
+        if (invalidateQueries.length > 0) {
+          setQueriesState(invalidateQueries, {
+            isInvalidated: true
+          });
+        }
+        if (updateQueries.length > 0) {
+          setQueriesState(updateQueries, {
+            data: result
+          });
+        }
+        if (storeEnabled) {
+          localStorage.setItem(keyWithArgs2, JSON.stringify(result));
+        }
+      }).catch((error2) => {
+        const msg = error2 instanceof Error ? error2.message : String(error2);
+        makeQueryInError(keyWithArgs2, msg);
+        onError?.(error2.message);
+      }).finally(() => {
+        pendingPromises.delete(keyWithArgs2);
+      });
+      return response;
+    })();
+    pendingPromises.set(keyWithArgs2, promise);
+    return await promise;
+  };
+  const revalidate = async (...args2) => {
+    if (!isEnabled || !enabled) return;
+    if (args2) {
+      storedArgsRef.current = getArgs(args2);
+    }
+    return await fetch(...storedArgsRef.current);
+  };
+  const execute = async (...args2) => {
+    if (!isEnabled || !enabled) return;
+    if (isLoading) return;
+    const shouldReturnData = !isInvalidated && // If data are invalidated, we should refetch to revalidate the data
+    isSuccess && cacheEnabled && data;
+    if (shouldReturnData) return data;
+    return await revalidate(...args2);
+  };
   useEffect(() => {
     if (enabled !== isEnabled) {
       setQueryState(keyWithArgs, {
@@ -217,49 +199,30 @@ const useAsync = (key, asyncFunction, options) => {
     enabled,
     fetch
   ]);
-  const setDataMemo = useCallback(
-    (data2) => {
-      setQueryState(keyWithArgs, {
-        data: data2
-      });
-    },
-    [keyWithArgs]
-  );
-  const memoResult = useMemo(
-    () => ({
-      isFetched,
-      isInvalidated,
-      error,
-      data,
-      errorCount,
-      isSuccess,
-      isEnabled,
-      isDisabled: !isEnabled,
-      isLoading,
-      isWaitingData: isLoading && !isFetched && !data,
-      // Check if the data is still being fetched. Stay at true during revalidation or if data are stored in local storage
-      isRevalidating: isLoading && isFetched,
-      // Check if the data is valid and is being revalidated
-      [key]: execute,
-      // Name the execute function as the given key to avoid conflicts with other hooks (e.g. `const { fetchUser } = useAsync('fetchUser', () => fetchUserFunction());`)
-      revalidate,
-      setData: setDataMemo
-    }),
-    [
-      isFetched,
-      isLoading,
-      isInvalidated,
-      error,
-      isSuccess,
-      data,
-      errorCount,
-      isEnabled,
-      key,
-      execute,
-      revalidate,
-      setDataMemo
-    ]
-  );
+  const setDataMemo = (data2) => {
+    setQueryState(keyWithArgs, {
+      data: data2
+    });
+  };
+  const memoResult = {
+    isFetched,
+    isInvalidated,
+    error,
+    data,
+    errorCount,
+    isSuccess,
+    isEnabled,
+    isDisabled: !isEnabled,
+    isLoading,
+    isWaitingData: isLoading && !isFetched && !data,
+    // Check if the data is still being fetched. Stay at true during revalidation or if data are stored in local storage
+    isRevalidating: isLoading && isFetched,
+    // Check if the data is valid and is being revalidated
+    [key]: execute,
+    // Name the execute function as the given key to avoid conflicts with other hooks (e.g. `const { fetchUser } = useAsync('fetchUser', () => fetchUserFunction());`)
+    revalidate,
+    setData: setDataMemo
+  };
   useEffect(
     () => () => {
       if (controllerRef.current) {