@intlayer/design-system 3.5.4 → 3.5.6

package/dist/hooks/useAsync/useAsync.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAsync.mjs","sources":["../../../src/hooks/useAsync/useAsync.ts"],"sourcesContent":["'use client';\n\n// This is an ESLint directive to disable specific rules.\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useAsyncStateStore } 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  error: string | null;\n  data: Awaited<ReturnType<T>> | null;\n  retryCount: 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 using zustand\n  store?: boolean; // Store the result of the function in session 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 * @template U - A string type that extends the keys of the async function, used as a key to store and retrieve state.\n * @template T - A function type that must return a Promise, representing the asynchronous operation to be managed.\n *\n * @param {U} key - A unique identifier for the async operation, used to handle state internally and avoid conflicts.\n * @param {T} asyncFunction - The asynchronous function that will be managed by this hook. This function should return a Promise.\n * @param {UseAsyncOptions<T>} [options] - Optional configuration options to customize the behavior of the hook.\n * @returns {UseAsyncResult<U, T>} The states and controls related to the managed async function. Includes states like isLoading, isSuccess, and provides control methods like revalidate and setData.\n *\n * @typedef {Object} UseAsyncOptions\n * @property {number} [retryTime=300000] - Time in milliseconds for retrying the data after an error occurs.\n * @property {number} [retryLimit=1] - The number of times the hook should retry the asynchronous function on failure before giving up.\n * @property {boolean} [revalidation=false] - Enable revalidation.\n * @property {number} [revalidateTime=300000] - Time in milliseconds after which the cached data is considered stale and the async function is re-invoked, if caching is enabled.\n * @property {boolean} [cache=false] - Whether to cache the result of the async function. When enabled, revalidation is controlled by `revalidateTime`.\n * @property {boolean} [store=false] - Store the result of the function in session storage.\n * @property {boolean} [autoFetch=false] - Whether the hook should automatically invoke the asynchronous function on mount.\n * @property {number} [revalidateTime=300000] - Time in milliseconds after which the cached data is considered stale and the async function is re-invoked, if caching is enabled.\n * @property {string[]} [updateQueries=[]] - Update other queries when the data is updated.\n * @property {string[]} [invalidateQueries=[]] - Invalidate other queries when the data is updated.\n * @property {(data: Awaited<ReturnType<T>>) => void} [onSuccess] - Callback function that is called when the asynchronous function resolves successfully.\n * @property {(error: string) => void} [onError] - Callback function that is called when the asynchronous function rejects or encounters an error.\n * @property {Parameters<T>} [args=[]] - Arguments to pass to the asynchronous function.\n *\n *\n * @example\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 */\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 { setQueryState, setQueriesState, makeQueryInError } =\n    useAsyncStateStore(\n      useShallow((state) => ({\n        setQueryState: state.setQueryState,\n        setQueriesState: state.setQueriesState,\n        makeQueryInError: state.makeQueryInError,\n      }))\n    );\n\n  // Storing the last arguments used to call the async function\n  const storedArgsRef = useRef<any[]>(args);\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    retryCount: errorCount,\n  } = useAsyncStateStore(useShallow((state) => state.getStates(keyWithArgs)));\n\n  // The core fetching function, designed to be called directly or automatically based on configuration\n  const fetch: T = useCallback<T>(\n    (async (...args) => {\n      const keyWithArgs = getKeyWithArgs(key, args);\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              retryCount: 0,\n              isLoading: false,\n              isFetched: true,\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 session storage\n            if (storeEnabled) {\n              sessionStorage.setItem(keyWithArgs, JSON.stringify(result));\n            }\n          })\n          .catch((error) => {\n            makeQueryInError(keyWithArgs, error.message);\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  // Wrapped execution function to handle disabled state and check for success before re-fetching\n  const execute: T = useCallback<T>(\n    (async (...args) => {\n      if (!isEnabled || !enabled) return;\n      if (isLoading) return;\n      if (!isInvalidated && isSuccess && cacheEnabled && data) return data;\n\n      if (args) {\n        storedArgsRef.current = getArgs(...args);\n      }\n\n      return await fetch(...args);\n    }) as T,\n    [\n      isEnabled,\n      enabled,\n      isInvalidated,\n      cacheEnabled,\n      isSuccess,\n      data,\n      isLoading,\n      fetch,\n    ]\n  );\n\n  // Function to revalidate the data when necessary\n  const revalidate: T = useCallback<T>(\n    (async (...args) => {\n      if (!isEnabled || !enabled) return;\n\n      if (args) {\n        storedArgsRef.current = getArgs(...args);\n      }\n\n      const result = await fetch(...storedArgsRef.current);\n\n      return result;\n    }) as T,\n    [isEnabled, enabled, storedArgsRef, fetch]\n  );\n\n  const autoRevalidate = useCallback(async () => {\n    if (!isEnabled || !enabled) return;\n    if (isLoading) return;\n    if (!(cacheEnabled || storeEnabled)) return;\n    if (!isSuccess) return;\n    if (!revalidationEnabled || revalidateTime <= 0) return;\n    if (!fetchedDateTime) return;\n\n    const now = new Date().getTime();\n    const lastFetchedTime = new Date(fetchedDateTime).getTime();\n    const shouldRevalidate = now - lastFetchedTime >= revalidateTime;\n    if (shouldRevalidate) {\n      return await fetch(...storedArgsRef.current);\n    }\n  }, [\n    cacheEnabled,\n    revalidationEnabled,\n    revalidateTime,\n    isSuccess,\n    fetchedDateTime,\n    isLoading,\n    isEnabled,\n    enabled,\n  ]);\n\n  useEffect(() => {\n    if (enabled !== isEnabled) {\n      setQueryState(keyWithArgs, {\n        isEnabled,\n      });\n    }\n  }, [enabled, isEnabled, keyWithArgs]);\n\n  // Auto-fetch data on hook mount if autoFetch is true\n  useEffect(() => {\n    if (!autoFetch) return;\n    if (!isEnabled || !enabled) return;\n    if (isFetched && !isInvalidated) return;\n    if (isLoading) return;\n\n    fetch(...storedArgsRef.current);\n  }, [\n    autoFetch,\n    isFetched,\n    isInvalidated,\n    isEnabled,\n    enabled,\n    isLoading,\n    fetch,\n  ]);\n\n  // Handle retry based on conditions set in options\n  useEffect(() => {\n    const isRetryEnabled = errorCount > 0 && retryLimit > 0;\n    const isRetryLimitReached = errorCount >= retryLimit;\n    if (!isEnabled || !enabled) return;\n    if (!(cacheEnabled || storeEnabled)) return;\n    if (!isRetryEnabled || isRetryLimitReached) return;\n    if (isSuccess) return;\n    if (isLoading) return;\n\n    const timeOut = setTimeout(() => {\n      fetch(...storedArgsRef.current);\n    }, retryTime);\n\n    return () => clearTimeout(timeOut);\n  }, [\n    fetch,\n    errorCount,\n    retryLimit,\n    retryTime,\n    isSuccess,\n    isEnabled,\n    enabled,\n    isLoading,\n    cacheEnabled,\n    storeEnabled,\n  ]);\n\n  // Handle periodic revalidation if caching is enabled\n  useEffect(() => {\n    const interval = setInterval(autoRevalidate, revalidateTime);\n\n    return () => clearInterval(interval);\n  }, [autoRevalidate, revalidateTime]);\n\n  // Load data from session storage if storeEnabled is true\n  useEffect(() => {\n    if (!isEnabled || !enabled) return;\n    if (!storeEnabled) return;\n    if (isInvalidated) return;\n    if (isFetched) return;\n    if (data) return;\n\n    const storedData = sessionStorage.getItem(keyWithArgs);\n\n    if (storedData && JSON.stringify(storedData) !== JSON.stringify(data)) {\n      setQueryState(keyWithArgs, {\n        data: JSON.parse(storedData),\n      });\n    }\n  }, [\n    storeEnabled,\n    keyWithArgs,\n    isFetched,\n    isInvalidated,\n    isEnabled,\n    enabled,\n    data,\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  const memoResult = useMemo(\n    () => ({\n      isFetched,\n      isLoading,\n      isInvalidated,\n      error,\n      isSuccess,\n      data,\n      retryCount: errorCount,\n      isDisabled: !isEnabled,\n      isEnabled,\n      [key]: execute,\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  // Return the hook's result, including all state and control functions\n  return memoResult as UseAsyncResultBase<T> & Record<U, T>;\n};\n"],"names":["args","keyWithArgs","error","data"],"mappings":"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"}
+{"version":3,"file":"useAsync.mjs","sources":["../../../src/hooks/useAsync/useAsync.ts"],"sourcesContent":["'use client';\n\n// This is an ESLint directive to disable specific rules.\n/* eslint-disable @typescript-eslint/no-explicit-any */\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  error: string | null;\n  data: Awaited<ReturnType<T>> | null;\n  retryCount: 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 using zustand\n  store?: boolean; // Store the result of the function in session 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 * @template U - A string type that extends the keys of the async function, used as a key to store and retrieve state.\n * @template T - A function type that must return a Promise, representing the asynchronous operation to be managed.\n *\n * @param {U} key - A unique identifier for the async operation, used to handle state internally and avoid conflicts.\n * @param {T} asyncFunction - The asynchronous function that will be managed by this hook. This function should return a Promise.\n * @param {UseAsyncOptions<T>} [options] - Optional configuration options to customize the behavior of the hook.\n * @returns {UseAsyncResult<U, T>} The states and controls related to the managed async function. Includes states like isLoading, isSuccess, and provides control methods like revalidate and setData.\n *\n * @typedef {Object} UseAsyncOptions\n * @property {number} [retryTime=300000] - Time in milliseconds for retrying the data after an error occurs.\n * @property {number} [retryLimit=1] - The number of times the hook should retry the asynchronous function on failure before giving up.\n * @property {boolean} [revalidation=false] - Enable revalidation.\n * @property {number} [revalidateTime=300000] - Time in milliseconds after which the cached data is considered stale and the async function is re-invoked, if caching is enabled.\n * @property {boolean} [cache=false] - Whether to cache the result of the async function. When enabled, revalidation is controlled by `revalidateTime`.\n * @property {boolean} [store=false] - Store the result of the function in session storage.\n * @property {boolean} [autoFetch=false] - Whether the hook should automatically invoke the asynchronous function on mount.\n * @property {number} [revalidateTime=300000] - Time in milliseconds after which the cached data is considered stale and the async function is re-invoked, if caching is enabled.\n * @property {string[]} [updateQueries=[]] - Update other queries when the data is updated.\n * @property {string[]} [invalidateQueries=[]] - Invalidate other queries when the data is updated.\n * @property {(data: Awaited<ReturnType<T>>) => void} [onSuccess] - Callback function that is called when the asynchronous function resolves successfully.\n * @property {(error: string) => void} [onError] - Callback function that is called when the asynchronous function rejects or encounters an error.\n * @property {Parameters<T>} [args=[]] - Arguments to pass to the asynchronous function.\n *\n *\n * @example\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 */\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  // 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    retryCount: errorCount,\n  } = getStates(keyWithArgs);\n\n  // The core fetching function, designed to be called directly or automatically based on configuration\n  const fetch: T = useCallback<T>(\n    (async (...args) => {\n      const keyWithArgs = getKeyWithArgs(key, args);\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              retryCount: 0,\n              isLoading: false,\n              isFetched: true,\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 session storage\n            if (storeEnabled) {\n              sessionStorage.setItem(keyWithArgs, JSON.stringify(result));\n            }\n          })\n          .catch((error) => {\n            makeQueryInError(keyWithArgs, error.message);\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  // Wrapped execution function to handle disabled state and check for success before re-fetching\n  const execute: T = useCallback<T>(\n    (async (...args) => {\n      if (!isEnabled || !enabled) return;\n      if (isLoading) return;\n      if (!isInvalidated && isSuccess && cacheEnabled && data) return data;\n\n      if (args) {\n        storedArgsRef.current = getArgs(...args);\n      }\n\n      return await fetch(...args);\n    }) as T,\n    [\n      isEnabled,\n      enabled,\n      isInvalidated,\n      cacheEnabled,\n      isSuccess,\n      data,\n      isLoading,\n      fetch,\n    ]\n  );\n\n  // Function to revalidate the data when necessary\n  const revalidate: T = useCallback<T>(\n    (async (...args) => {\n      if (!isEnabled || !enabled) return;\n\n      if (args) {\n        storedArgsRef.current = getArgs(...args);\n      }\n\n      const result = await fetch(...storedArgsRef.current);\n\n      return result;\n    }) as T,\n    [isEnabled, enabled, storedArgsRef, fetch]\n  );\n\n  const autoRevalidate = useCallback(async () => {\n    if (!isEnabled || !enabled) return;\n    if (isLoading) return;\n    if (!(cacheEnabled || storeEnabled)) return;\n    if (!isSuccess) return;\n    if (!revalidationEnabled || revalidateTime <= 0) return;\n    if (!fetchedDateTime) return;\n\n    const now = new Date().getTime();\n    const lastFetchedTime = new Date(fetchedDateTime).getTime();\n    const shouldRevalidate = now - lastFetchedTime >= revalidateTime;\n    if (shouldRevalidate) {\n      return await fetch(...storedArgsRef.current);\n    }\n  }, [\n    cacheEnabled,\n    revalidationEnabled,\n    revalidateTime,\n    isSuccess,\n    fetchedDateTime,\n    isLoading,\n    isEnabled,\n    enabled,\n  ]);\n\n  useEffect(() => {\n    if (enabled !== isEnabled) {\n      setQueryState(keyWithArgs, {\n        isEnabled,\n      });\n    }\n  }, [enabled, isEnabled, keyWithArgs]);\n\n  // Auto-fetch data on hook mount if autoFetch is true\n  useEffect(() => {\n    if (!autoFetch) return;\n    if (!isEnabled || !enabled) return;\n    if (isFetched && !isInvalidated) return;\n    if (isLoading) return;\n\n    fetch(...storedArgsRef.current);\n  }, [\n    autoFetch,\n    isFetched,\n    isInvalidated,\n    isEnabled,\n    enabled,\n    isLoading,\n    fetch,\n  ]);\n\n  // Handle retry based on conditions set in options\n  useEffect(() => {\n    const isRetryEnabled = errorCount > 0 && retryLimit > 0;\n    const isRetryLimitReached = errorCount >= retryLimit;\n    if (!isEnabled || !enabled) return;\n    if (!(cacheEnabled || storeEnabled)) return;\n    if (!isRetryEnabled || isRetryLimitReached) return;\n    if (isSuccess) return;\n    if (isLoading) return;\n\n    const timeOut = setTimeout(() => {\n      fetch(...storedArgsRef.current);\n    }, retryTime);\n\n    return () => clearTimeout(timeOut);\n  }, [\n    fetch,\n    errorCount,\n    retryLimit,\n    retryTime,\n    isSuccess,\n    isEnabled,\n    enabled,\n    isLoading,\n    cacheEnabled,\n    storeEnabled,\n  ]);\n\n  // Handle periodic revalidation if caching is enabled\n  useEffect(() => {\n    const interval = setInterval(autoRevalidate, revalidateTime);\n\n    return () => clearInterval(interval);\n  }, [autoRevalidate, revalidateTime]);\n\n  // Load data from session storage if storeEnabled is true\n  useEffect(() => {\n    if (!isEnabled || !enabled) return;\n    if (!storeEnabled) return;\n    if (isInvalidated) return;\n    if (isFetched) return;\n    if (data) return;\n\n    const storedData = sessionStorage.getItem(keyWithArgs);\n\n    if (storedData && JSON.stringify(storedData) !== JSON.stringify(data)) {\n      setQueryState(keyWithArgs, {\n        data: JSON.parse(storedData),\n      });\n    }\n  }, [\n    storeEnabled,\n    keyWithArgs,\n    isFetched,\n    isInvalidated,\n    isEnabled,\n    enabled,\n    data,\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  const memoResult = useMemo(\n    () => ({\n      isFetched,\n      isLoading,\n      isInvalidated,\n      error,\n      isSuccess,\n      data,\n      retryCount: errorCount,\n      isDisabled: !isEnabled,\n      isEnabled,\n      [key]: execute,\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  // Return the hook's result, including all state and control functions\n  return memoResult as UseAsyncResultBase<T> & Record<U, T>;\n};\n"],"names":["args","keyWithArgs","error","data"],"mappings":"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"}

package/dist/hooks/useAsync/useAsyncStateStore.cjs

@@ -1,6 +1,8 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const zustand = require("zustand");
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const require$$0 = require("react");
 const createDefaultStates = () => ({
   isFetched: false,
   fetchedDateTime: null,
@@ -20,87 +22,135 @@ const ensureArray = (value) => {
   }
   return [value];
 };
-const getMatchKeys = (selectorsKeys, keysWithArgs) => {
-  const matchedKeys = keysWithArgs.filter(
-    (key) => selectorsKeys.includes(key.split("/")[0])
-  );
-  return matchedKeys;
-};
-const useAsyncStateStore = zustand.create((set, get) => ({
-  states: {},
-  getStates: (key) => get().states[key] ?? createDefaultStates(),
-  setQueryState: (key, value) => set((state) => ({
-    states: {
-      ...state.states,
-      [key]: {
-        ...state.states[key] ?? createDefaultStates(),
-        ...value
-      }
-    }
-  })),
-  makeQueryInError: (key, error) => set((state) => ({
-    states: {
-      ...state.states,
-      [key]: {
-        ...state.states[key] ?? createDefaultStates(),
-        error,
-        isFetched: true,
-        isSuccess: false,
-        retryCount: (state.states[key]?.retryCount ?? 0) + 1,
-        isLoading: false,
-        isInvalidated: false
-      }
-    }
-  })),
-  setQueriesState: (keys, value) => {
-    const keyArray = ensureArray(keys);
-    if (keyArray.length === 0) return;
-    set((state) => ({
-      states: {
-        ...state.states,
-        ...keyArray.reduce((acc, key) => {
-          acc[key] = {
+const getMatchKeys = (selectorsKeys, keysWithArgs) => keysWithArgs.filter((key) => selectorsKeys.includes(key.split("/")[0]));
+const reducer = (state, action) => {
+  switch (action.type) {
+    case "SET_QUERY_STATE": {
+      const { key, value } = action;
+      return {
+        ...state,
+        states: {
+          ...state.states,
+          [key]: {
+            // Merge existing state for the key or default state if not present
             ...state.states[key] ?? createDefaultStates(),
             ...value
-          };
-          return acc;
-        }, {})
-      }
-    }));
-  },
-  resetKeyState: (keys) => {
-    const keyArray = ensureArray(keys);
-    if (keyArray.length === 0) return;
-    set((state) => {
-      const allKeys = Object.keys(state.states);
-      const matchedKeys = getMatchKeys(keyArray, allKeys);
-      if (matchedKeys.length === 0) return {};
-      const resetStates = matchedKeys.reduce((acc, key) => {
-        acc[key] = createDefaultStates();
-        return acc;
-      }, {});
+          }
+        }
+      };
+    }
+    case "MAKE_QUERY_IN_ERROR": {
+      const { key, error } = action;
       return {
+        ...state,
         states: {
           ...state.states,
-          ...resetStates
+          [key]: {
+            // Merge existing state or default if not found
+            ...state.states[key] ?? createDefaultStates(),
+            // Explicitly set error and related flags
+            error,
+            isFetched: true,
+            isSuccess: false,
+            retryCount: (state.states[key]?.retryCount ?? 0) + 1,
+            isLoading: false,
+            isInvalidated: false
+          }
         }
       };
-    });
-  },
-  resetState: (excludedKeys) => {
-    const excludeArray = ensureArray(excludedKeys);
-    const allKeys = Object.keys(get().states);
-    const matchedKeys = getMatchKeys(excludeArray, allKeys);
-    set((state) => {
-      const newStates = allKeys.reduce((acc, key) => {
-        acc[key] = matchedKeys.includes(key) ? state.states[key] : createDefaultStates();
-        return acc;
-      }, {});
+    }
+    case "SET_QUERIES_STATE": {
+      const { keys, value } = action;
+      const keyArray = ensureArray(keys);
+      if (keyArray.length === 0) return state;
+      const updatedStates = { ...state.states };
+      keyArray.forEach((key) => {
+        updatedStates[key] = {
+          ...state.states[key] ?? createDefaultStates(),
+          ...value
+        };
+      });
+      return {
+        ...state,
+        states: updatedStates
+      };
+    }
+    case "RESET_KEY_STATE": {
+      const { keys } = action;
+      const keyArray = ensureArray(keys);
+      if (keyArray.length === 0) return state;
+      const allKeys = Object.keys(state.states);
+      const matchedKeys = getMatchKeys(keyArray, allKeys);
+      if (matchedKeys.length === 0) return state;
+      const resetStates = { ...state.states };
+      matchedKeys.forEach((key) => {
+        resetStates[key] = createDefaultStates();
+      });
+      return {
+        ...state,
+        states: resetStates
+      };
+    }
+    case "RESET_STATE": {
+      const excludeArray = ensureArray(action.excludeKeys);
+      const allKeys = Object.keys(state.states);
+      const matchedKeys = getMatchKeys(excludeArray, allKeys);
+      const newStates = {};
+      allKeys.forEach((key) => {
+        newStates[key] = matchedKeys.includes(key) ? state.states[key] : createDefaultStates();
+      });
       return {
+        ...state,
         states: newStates
       };
-    });
+    }
+    default:
+      return state;
   }
-}));
-exports.useAsyncStateStore = useAsyncStateStore;
+};
+const AsyncStateContext = require$$0.createContext(
+  null
+);
+const AsyncStateProvider = ({ children }) => {
+  const [asyncState, dispatch] = require$$0.useReducer(reducer, { states: {} });
+  const getStates = (key) => asyncState.states[key] ?? createDefaultStates();
+  const setQueryState = (key, value) => {
+    dispatch({ type: "SET_QUERY_STATE", key, value });
+  };
+  const setQueriesState = (keys, value) => {
+    dispatch({ type: "SET_QUERIES_STATE", keys, value });
+  };
+  const makeQueryInError = (key, error) => {
+    dispatch({ type: "MAKE_QUERY_IN_ERROR", key, error });
+  };
+  const resetKeyState = (keys) => {
+    dispatch({ type: "RESET_KEY_STATE", keys });
+  };
+  const resetState = (excludedKeys) => {
+    dispatch({ type: "RESET_STATE", excludeKeys: excludedKeys });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    AsyncStateContext.Provider,
+    {
+      value: {
+        getStates,
+        setQueryState,
+        setQueriesState,
+        makeQueryInError,
+        resetKeyState,
+        resetState
+      },
+      children
+    }
+  );
+};
+const useAsyncState = () => {
+  const context = require$$0.useContext(AsyncStateContext);
+  if (!context) {
+    throw new Error("useAsyncState must be used within an AsyncStateProvider");
+  }
+  return context;
+};
+exports.AsyncStateProvider = AsyncStateProvider;
+exports.useAsyncState = useAsyncState;
 //# sourceMappingURL=useAsyncStateStore.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAsyncStateStore.cjs","sources":["../../../src/hooks/useAsync/useAsyncStateStore.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype States<T> = {\n  isLoading: boolean;\n  isFetched: boolean;\n  isInvalidated: boolean;\n  fetchedDateTime: null | Date;\n  error: string | null;\n  isSuccess: boolean;\n  data: T | null;\n  retryCount: number;\n  isEnabled: boolean;\n};\n\ntype StateSlice<T> = {\n  [key: string]: States<T>;\n};\n\ntype Actions<T> = {\n  getStates: (key: string) => States<T>;\n  setQueryState: (key: string, value: Partial<States<T>>) => void;\n  setQueriesState: (key: string[], value: Partial<States<T>>) => void;\n  makeQueryInError: (key: string, error: string) => void;\n  resetKeyState: (key: string[]) => void;\n  resetState: (excludedKey: string[]) => void;\n};\n\ntype AsyncState<T> = {\n  states: StateSlice<T>;\n} & Actions<T>;\n\nconst createDefaultStates = <T>(): States<T> => ({\n  isFetched: false,\n  fetchedDateTime: null,\n  isLoading: false,\n  isInvalidated: false,\n  error: null,\n  isSuccess: false,\n  data: null,\n  retryCount: 0,\n  isEnabled: true,\n});\n\n/**\n * If the value is not an array. Transform it en array\n *\n * @param value value to transform en array if not array\n * @returns array\n */\nconst ensureArray = <T>(value?: T | T[]): T[] => {\n  if (!value) {\n    return [];\n  } else if (Array.isArray(value)) {\n    return value;\n  }\n\n  return [value];\n};\n\n/**\n * Return all keys that match\n *\n * @param {string[]} selectorsKeys - List of key to check - example: ['getProducts']\n * @param {string[]} keysWithArgs - List of keys that can includes args - example: [\"getProducts\", \"getProducts/{'ids':['id1','id2']}\", \"getUsers\", \"getUsers/{'ids':['id1','id2']}\" ]\n * @returns {string[]} - key that match the selectors - example: [\"getProducts\", \"getProducts/{'ids':['id1','id2']}\" ]\n */\nconst getMatchKeys = (\n  selectorsKeys: string[],\n  keysWithArgs: string[]\n): string[] => {\n  const matchedKeys: string[] = keysWithArgs.filter((key) =>\n    selectorsKeys.includes(key.split('/')[0])\n  );\n\n  return matchedKeys;\n};\n\nexport const useAsyncStateStore = create<AsyncState<unknown>>((set, get) => ({\n  states: {},\n\n  getStates: (key) => get().states[key] ?? createDefaultStates<unknown>(),\n\n  setQueryState: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...(state.states[key] ?? createDefaultStates<unknown>()),\n          ...value,\n        },\n      },\n    })),\n\n  makeQueryInError: (key, error) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...(state.states[key] ?? createDefaultStates<unknown>()),\n          error: error,\n          isFetched: true,\n          isSuccess: false,\n          retryCount: (state.states[key]?.retryCount ?? 0) + 1,\n          isLoading: false,\n          isInvalidated: false,\n        },\n      },\n    })),\n\n  setQueriesState: (keys, value) => {\n    const keyArray = ensureArray(keys);\n    if (keyArray.length === 0) return;\n\n    set((state) => ({\n      states: {\n        ...state.states,\n        ...keyArray.reduce((acc, key) => {\n          acc[key] = {\n            ...(state.states[key] ?? createDefaultStates<unknown>()),\n            ...value,\n          };\n          return acc;\n        }, {} as StateSlice<unknown>),\n      },\n    }));\n  },\n\n  resetKeyState: (keys) => {\n    const keyArray = ensureArray(keys);\n    if (keyArray.length === 0) return;\n\n    set((state) => {\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(keyArray, allKeys);\n\n      if (matchedKeys.length === 0) return {};\n\n      const resetStates = matchedKeys.reduce((acc, key) => {\n        acc[key] = createDefaultStates<unknown>();\n        return acc;\n      }, {} as StateSlice<unknown>);\n\n      return {\n        states: {\n          ...state.states,\n          ...resetStates,\n        },\n      };\n    });\n  },\n\n  resetState: (excludedKeys) => {\n    const excludeArray = ensureArray(excludedKeys);\n    const allKeys = Object.keys(get().states);\n    const matchedKeys = getMatchKeys(excludeArray, allKeys);\n\n    set((state) => {\n      const newStates = allKeys.reduce((acc, key) => {\n        acc[key] = matchedKeys.includes(key)\n          ? state.states[key]\n          : createDefaultStates<unknown>();\n        return acc;\n      }, {} as StateSlice<unknown>);\n\n      return {\n        states: newStates,\n      };\n    });\n  },\n}));\n"],"names":["create"],"mappings":"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"}
+{"version":3,"file":"useAsyncStateStore.cjs","sources":["../../../src/hooks/useAsync/useAsyncStateStore.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useContext,\n  useReducer,\n  PropsWithChildren,\n} from 'react';\n\n/**\n * Represents the states for a given key in the asynchronous state management.\n * This includes flags for loading, fetched, invalidation, and success/error status.\n * It also keeps track of the fetched datetime, retry counts, the data itself, and whether queries are enabled.\n */\ntype States<T> = {\n  isLoading: boolean;\n  isFetched: boolean;\n  isInvalidated: boolean;\n  fetchedDateTime: null | Date;\n  error: string | null;\n  isSuccess: boolean;\n  data: T | null;\n  retryCount: number;\n  isEnabled: boolean;\n};\n\n/**\n * Holds a mapping from a key (string) to its associated state.\n */\ntype StateSlice<T> = {\n  [key: string]: States<T>;\n};\n\n/**\n * Describes all the possible actions that can be dispatched to the reducer.\n * These actions allow setting or updating states for specific keys or multiple keys at once,\n * handling errors, and resetting states.\n */\ntype Actions<T> =\n  | { type: 'SET_QUERY_STATE'; key: string; value: Partial<States<T>> }\n  | { type: 'MAKE_QUERY_IN_ERROR'; key: string; error: string }\n  | { type: 'SET_QUERIES_STATE'; keys: string[]; value: Partial<States<T>> }\n  | { type: 'RESET_KEY_STATE'; keys: string[] }\n  | { type: 'RESET_STATE'; excludeKeys: string[] };\n\n/**\n * The shape of the entire asynchronous state, holding all states in a single object.\n */\ntype AsyncState<T> = {\n  states: StateSlice<T>;\n};\n\n/**\n * Creates a default state object with initial values. This is useful when a key\n * has not been initialized yet or when resetting a state back to defaults.\n */\nconst createDefaultStates = <T,>(): States<T> => ({\n  isFetched: false,\n  fetchedDateTime: null,\n  isLoading: false,\n  isInvalidated: false,\n  error: null,\n  isSuccess: false,\n  data: null,\n  retryCount: 0,\n  isEnabled: true,\n});\n\n/**\n * Ensures that a given value is returned as an array.\n * If the value is undefined or null, returns an empty array.\n * If the value is not already an array, wraps it in one.\n */\nconst ensureArray = <T,>(value?: T | T[]): T[] => {\n  if (!value) {\n    // If no value is provided, return an empty array\n    return [];\n  } else if (Array.isArray(value)) {\n    // If it's already an array, just return it\n    return value;\n  }\n  // If it's a single value, wrap it in an array\n  return [value];\n};\n\n/**\n * Given a list of selector keys and a list of keys that may contain arguments,\n * this function returns all keys that match the selectors. Matching is determined\n * by comparing the initial part (split by \"/\") of the key.\n *\n * For example:\n * selectorsKeys = [\"user\", \"posts\"]\n * keysWithArgs = [\"user/123\", \"posts/active\", \"comments/42\"]\n * Result = [\"user/123\", \"posts/active\"]\n */\nconst getMatchKeys = (\n  selectorsKeys: string[],\n  keysWithArgs: string[]\n): string[] =>\n  keysWithArgs.filter((key) => selectorsKeys.includes(key.split('/')[0]));\n\n/**\n * The reducer function handling all state transitions. It takes the current state and an action,\n * and returns a new state based on the type of the action.\n *\n * Actions include:\n * - SET_QUERY_STATE: Update a single key with partial new state.\n * - MAKE_QUERY_IN_ERROR: Mark a single key as errored and update related flags.\n * - SET_QUERIES_STATE: Update multiple keys at once with partial new state.\n * - RESET_KEY_STATE: Reset certain keys to their default states.\n * - RESET_STATE: Reset all keys to their default states except those excluded.\n */\nconst reducer = <T,>(\n  state: AsyncState<T>,\n  action: Actions<T>\n): AsyncState<T> => {\n  switch (action.type) {\n    case 'SET_QUERY_STATE': {\n      const { key, value } = action;\n      return {\n        ...state,\n        states: {\n          ...state.states,\n          [key]: {\n            // Merge existing state for the key or default state if not present\n            ...(state.states[key] ?? createDefaultStates<T>()),\n            ...value,\n          },\n        },\n      };\n    }\n    case 'MAKE_QUERY_IN_ERROR': {\n      const { key, error } = action;\n      return {\n        ...state,\n        states: {\n          ...state.states,\n          [key]: {\n            // Merge existing state or default if not found\n            ...(state.states[key] ?? createDefaultStates<T>()),\n            // Explicitly set error and related flags\n            error,\n            isFetched: true,\n            isSuccess: false,\n            retryCount: (state.states[key]?.retryCount ?? 0) + 1,\n            isLoading: false,\n            isInvalidated: false,\n          },\n        },\n      };\n    }\n    case 'SET_QUERIES_STATE': {\n      const { keys, value } = action;\n      const keyArray = ensureArray(keys);\n      if (keyArray.length === 0) return state;\n\n      // Update multiple keys in a single action\n      const updatedStates = { ...state.states };\n      keyArray.forEach((key) => {\n        updatedStates[key] = {\n          ...(state.states[key] ?? createDefaultStates<T>()),\n          ...value,\n        };\n      });\n\n      return {\n        ...state,\n        states: updatedStates,\n      };\n    }\n    case 'RESET_KEY_STATE': {\n      const { keys } = action;\n      const keyArray = ensureArray(keys);\n      if (keyArray.length === 0) return state;\n\n      // Find all keys that match the given selectors\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(keyArray, allKeys);\n      if (matchedKeys.length === 0) return state;\n\n      // Reset the matched keys back to default states\n      const resetStates = { ...state.states };\n      matchedKeys.forEach((key) => {\n        resetStates[key] = createDefaultStates<T>();\n      });\n\n      return {\n        ...state,\n        states: resetStates,\n      };\n    }\n    case 'RESET_STATE': {\n      const excludeArray = ensureArray(action.excludeKeys);\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(excludeArray, allKeys);\n\n      // Reset all states except those that match the exclude keys\n      const newStates: StateSlice<T> = {};\n      allKeys.forEach((key) => {\n        newStates[key] = matchedKeys.includes(key)\n          ? state.states[key]\n          : createDefaultStates<T>();\n      });\n\n      return {\n        ...state,\n        states: newStates,\n      };\n    }\n    default:\n      return state;\n  }\n};\n\n/**\n * The context type that will be provided to consumers.\n * It exposes a set of functions for interacting with the asynchronous state:\n * - getStates: Retrieve the current state for a given key.\n * - setQueryState: Partially update a single key's state.\n * - setQueriesState: Partially update multiple keys' states.\n * - makeQueryInError: Set a particular key into an error state.\n * - resetKeyState: Reset certain keys to their default states.\n * - resetState: Reset all keys to their default states except a set of excluded ones.\n */\ntype AsyncStateContextType<T> = {\n  getStates: (key: string) => States<T>;\n  setQueryState: (key: string, value: Partial<States<T>>) => void;\n  setQueriesState: (keys: string[], value: Partial<States<T>>) => void;\n  makeQueryInError: (key: string, error: string) => void;\n  resetKeyState: (keys: string[]) => void;\n  resetState: (excludedKeys: string[]) => void;\n};\n\n/**\n * Creates a React context for asynchronous state management.\n * This context will be provided by the AsyncStateProvider and consumed by hooks like useAsyncState.\n */\nconst AsyncStateContext = createContext<AsyncStateContextType<unknown> | null>(\n  null\n);\n\n/**\n * A provider component that wraps its children and provides the asynchronous\n * state context. It uses the reducer to manage states and dispatch actions\n * based on consumer interactions.\n *\n * @param children The React children elements that should have access to this context.\n */\nexport const AsyncStateProvider = ({ children }: PropsWithChildren<{}>) => {\n  // Initialize the reducer with an empty state object\n  const [asyncState, dispatch] = useReducer(reducer, { states: {} });\n\n  /**\n   * Retrieve the state associated with a given key. If no state exists for that key,\n   * return a default state.\n   *\n   * @param key The key for which to retrieve the state.\n   */\n  const getStates = (key: string) =>\n    asyncState.states[key] ?? createDefaultStates<unknown>();\n\n  /**\n   * Partially update the state for a given key.\n   *\n   * @param key The key to update.\n   * @param value A partial state object to merge with the existing state.\n   */\n  const setQueryState = (key: string, value: Partial<States<unknown>>) => {\n    dispatch({ type: 'SET_QUERY_STATE', key, value });\n  };\n\n  /**\n   * Partially update the state for multiple keys at once.\n   *\n   * @param keys An array of keys to update.\n   * @param value A partial state object to merge with each key's existing state.\n   */\n  const setQueriesState = (keys: string[], value: Partial<States<unknown>>) => {\n    dispatch({ type: 'SET_QUERIES_STATE', keys, value });\n  };\n\n  /**\n   * Mark a given query as having encountered an error.\n   *\n   * @param key The key associated with the query.\n   * @param error The error message to set.\n   */\n  const makeQueryInError = (key: string, error: string) => {\n    dispatch({ type: 'MAKE_QUERY_IN_ERROR', key, error });\n  };\n\n  /**\n   * Reset certain keys back to their default states.\n   *\n   * @param keys The keys to reset.\n   */\n  const resetKeyState = (keys: string[]) => {\n    dispatch({ type: 'RESET_KEY_STATE', keys });\n  };\n\n  /**\n   * Reset the entire state back to defaults, except for keys that match the excluded ones.\n   *\n   * @param excludedKeys Keys that should not be reset.\n   */\n  const resetState = (excludedKeys: string[]) => {\n    dispatch({ type: 'RESET_STATE', excludeKeys: excludedKeys });\n  };\n\n  return (\n    <AsyncStateContext.Provider\n      value={{\n        getStates,\n        setQueryState,\n        setQueriesState,\n        makeQueryInError,\n        resetKeyState,\n        resetState,\n      }}\n    >\n      {children}\n    </AsyncStateContext.Provider>\n  );\n};\n\n/**\n * A custom hook for accessing the asynchronous state context. It throws an error if used\n * outside of a provider.\n *\n * @returns The asynchronous state context value.\n */\nexport const useAsyncState = () => {\n  const context = useContext(AsyncStateContext);\n  if (!context) {\n    throw new Error('useAsyncState must be used within an AsyncStateProvider');\n  }\n  return context;\n};\n"],"names":["createContext","useReducer","jsx","useContext"],"mappings":";;;;;AAwDA,MAAM,sBAAsB,OAAsB;AAAA,EAChD,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,eAAe;AAAA,EACf,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,WAAW;AACb;AAOA,MAAM,cAAc,CAAK,UAAyB;AAChD,MAAI,CAAC,OAAO;AAEV,WAAO,CAAC;AAAA,EACC,WAAA,MAAM,QAAQ,KAAK,GAAG;AAExB,WAAA;AAAA,EAAA;AAGT,SAAO,CAAC,KAAK;AACf;AAYA,MAAM,eAAe,CACnB,eACA,iBAEA,aAAa,OAAO,CAAC,QAAQ,cAAc,SAAS,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;AAaxE,MAAM,UAAU,CACd,OACA,WACkB;AAClB,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,mBAAmB;AAChB,YAAA,EAAE,KAAK,MAAA,IAAU;AAChB,aAAA;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,UACN,GAAG,MAAM;AAAA,UACT,CAAC,GAAG,GAAG;AAAA;AAAA,YAEL,GAAI,MAAM,OAAO,GAAG,KAAK,oBAAuB;AAAA,YAChD,GAAG;AAAA,UAAA;AAAA,QACL;AAAA,MAEJ;AAAA,IAAA;AAAA,IAEF,KAAK,uBAAuB;AACpB,YAAA,EAAE,KAAK,MAAA,IAAU;AAChB,aAAA;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,UACN,GAAG,MAAM;AAAA,UACT,CAAC,GAAG,GAAG;AAAA;AAAA,YAEL,GAAI,MAAM,OAAO,GAAG,KAAK,oBAAuB;AAAA;AAAA,YAEhD;AAAA,YACA,WAAW;AAAA,YACX,WAAW;AAAA,YACX,aAAa,MAAM,OAAO,GAAG,GAAG,cAAc,KAAK;AAAA,YACnD,WAAW;AAAA,YACX,eAAe;AAAA,UAAA;AAAA,QACjB;AAAA,MAEJ;AAAA,IAAA;AAAA,IAEF,KAAK,qBAAqB;AAClB,YAAA,EAAE,MAAM,MAAA,IAAU;AAClB,YAAA,WAAW,YAAY,IAAI;AAC7B,UAAA,SAAS,WAAW,EAAU,QAAA;AAGlC,YAAM,gBAAgB,EAAE,GAAG,MAAM,OAAO;AAC/B,eAAA,QAAQ,CAAC,QAAQ;AACxB,sBAAc,GAAG,IAAI;AAAA,UACnB,GAAI,MAAM,OAAO,GAAG,KAAK,oBAAuB;AAAA,UAChD,GAAG;AAAA,QACL;AAAA,MAAA,CACD;AAEM,aAAA;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,MACV;AAAA,IAAA;AAAA,IAEF,KAAK,mBAAmB;AAChB,YAAA,EAAE,SAAS;AACX,YAAA,WAAW,YAAY,IAAI;AAC7B,UAAA,SAAS,WAAW,EAAU,QAAA;AAGlC,YAAM,UAAU,OAAO,KAAK,MAAM,MAAM;AAClC,YAAA,cAAc,aAAa,UAAU,OAAO;AAC9C,UAAA,YAAY,WAAW,EAAU,QAAA;AAGrC,YAAM,cAAc,EAAE,GAAG,MAAM,OAAO;AAC1B,kBAAA,QAAQ,CAAC,QAAQ;AACf,oBAAA,GAAG,IAAI,oBAAuB;AAAA,MAAA,CAC3C;AAEM,aAAA;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,MACV;AAAA,IAAA;AAAA,IAEF,KAAK,eAAe;AACZ,YAAA,eAAe,YAAY,OAAO,WAAW;AACnD,YAAM,UAAU,OAAO,KAAK,MAAM,MAAM;AAClC,YAAA,cAAc,aAAa,cAAc,OAAO;AAGtD,YAAM,YAA2B,CAAC;AAC1B,cAAA,QAAQ,CAAC,QAAQ;AACb,kBAAA,GAAG,IAAI,YAAY,SAAS,GAAG,IACrC,MAAM,OAAO,GAAG,IAChB,oBAAuB;AAAA,MAAA,CAC5B;AAEM,aAAA;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,MACV;AAAA,IAAA;AAAA,IAEF;AACS,aAAA;AAAA,EAAA;AAEb;AAyBA,MAAM,oBAAoBA,WAAA;AAAA,EACxB;AACF;AASO,MAAM,qBAAqB,CAAC,EAAE,eAAsC;AAEnE,QAAA,CAAC,YAAY,QAAQ,IAAIC,WAAAA,WAAW,SAAS,EAAE,QAAQ,CAAA,GAAI;AAQjE,QAAM,YAAY,CAAC,QACjB,WAAW,OAAO,GAAG,KAAK,oBAA6B;AAQnD,QAAA,gBAAgB,CAAC,KAAa,UAAoC;AACtE,aAAS,EAAE,MAAM,mBAAmB,KAAK,OAAO;AAAA,EAClD;AAQM,QAAA,kBAAkB,CAAC,MAAgB,UAAoC;AAC3E,aAAS,EAAE,MAAM,qBAAqB,MAAM,OAAO;AAAA,EACrD;AAQM,QAAA,mBAAmB,CAAC,KAAa,UAAkB;AACvD,aAAS,EAAE,MAAM,uBAAuB,KAAK,OAAO;AAAA,EACtD;AAOM,QAAA,gBAAgB,CAAC,SAAmB;AACxC,aAAS,EAAE,MAAM,mBAAmB,KAAA,CAAM;AAAA,EAC5C;AAOM,QAAA,aAAa,CAAC,iBAA2B;AAC7C,aAAS,EAAE,MAAM,eAAe,aAAa,cAAc;AAAA,EAC7D;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAQO,MAAM,gBAAgB,MAAM;AAC3B,QAAA,UAAUC,sBAAW,iBAAiB;AAC5C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,yDAAyD;AAAA,EAAA;AAEpE,SAAA;AACT;;;"}

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

@@ -1,3 +1,9 @@
+import { PropsWithChildren } from 'react';
+/**
+ * Represents the states for a given key in the asynchronous state management.
+ * This includes flags for loading, fetched, invalidation, and success/error status.
+ * It also keeps track of the fetched datetime, retry counts, the data itself, and whether queries are enabled.
+ */
 type States<T> = {
     isLoading: boolean;
     isFetched: boolean;
@@ -9,20 +15,38 @@ type States<T> = {
     retryCount: number;
     isEnabled: boolean;
 };
-type StateSlice<T> = {
-    [key: string]: States<T>;
-};
-type Actions<T> = {
+/**
+ * The context type that will be provided to consumers.
+ * It exposes a set of functions for interacting with the asynchronous state:
+ * - getStates: Retrieve the current state for a given key.
+ * - setQueryState: Partially update a single key's state.
+ * - setQueriesState: Partially update multiple keys' states.
+ * - makeQueryInError: Set a particular key into an error state.
+ * - resetKeyState: Reset certain keys to their default states.
+ * - resetState: Reset all keys to their default states except a set of excluded ones.
+ */
+type AsyncStateContextType<T> = {
     getStates: (key: string) => States<T>;
     setQueryState: (key: string, value: Partial<States<T>>) => void;
-    setQueriesState: (key: string[], value: Partial<States<T>>) => void;
+    setQueriesState: (keys: string[], value: Partial<States<T>>) => void;
     makeQueryInError: (key: string, error: string) => void;
-    resetKeyState: (key: string[]) => void;
-    resetState: (excludedKey: string[]) => void;
+    resetKeyState: (keys: string[]) => void;
+    resetState: (excludedKeys: string[]) => void;
 };
-type AsyncState<T> = {
-    states: StateSlice<T>;
-} & Actions<T>;
-export declare const useAsyncStateStore: import('zustand').UseBoundStore<import('zustand').StoreApi<AsyncState<unknown>>>;
+/**
+ * A provider component that wraps its children and provides the asynchronous
+ * state context. It uses the reducer to manage states and dispatch actions
+ * based on consumer interactions.
+ *
+ * @param children The React children elements that should have access to this context.
+ */
+export declare const AsyncStateProvider: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * A custom hook for accessing the asynchronous state context. It throws an error if used
+ * outside of a provider.
+ *
+ * @returns The asynchronous state context value.
+ */
+export declare const useAsyncState: () => AsyncStateContextType<unknown>;
 export {};
 //# sourceMappingURL=useAsyncStateStore.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAsyncStateStore.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAsync/useAsyncStateStore.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,CAAC,CAAC,IAAI;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,IAAI,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,IAAI;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;CAC1B,CAAC;AAEF,KAAK,OAAO,CAAC,CAAC,IAAI;IAChB,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC;IACtC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChE,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACpE,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,IAAI;IACnB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CACvB,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAgDf,eAAO,MAAM,kBAAkB,kFA4F5B,CAAC"}
+{"version":3,"file":"useAsyncStateStore.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAsync/useAsyncStateStore.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAEf;;;;GAIG;AACH,KAAK,MAAM,CAAC,CAAC,IAAI;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,IAAI,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AA8LF;;;;;;;;;GASG;AACH,KAAK,qBAAqB,CAAC,CAAC,IAAI;IAC9B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC;IACtC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChE,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACrE,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAUF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,iBAAkB,iBAAiB,CAAC,EAAE,CAAC,4CA2ErE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,sCAMzB,CAAC"}

package/dist/hooks/useAsync/useAsyncStateStore.mjs

@@ -1,4 +1,6 @@
-import { create } from "zustand";
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { createContext, useReducer, useContext } from "react";
 const createDefaultStates = () => ({
   isFetched: false,
   fetchedDateTime: null,
@@ -18,89 +20,137 @@ const ensureArray = (value) => {
   }
   return [value];
 };
-const getMatchKeys = (selectorsKeys, keysWithArgs) => {
-  const matchedKeys = keysWithArgs.filter(
-    (key) => selectorsKeys.includes(key.split("/")[0])
-  );
-  return matchedKeys;
-};
-const useAsyncStateStore = create((set, get) => ({
-  states: {},
-  getStates: (key) => get().states[key] ?? createDefaultStates(),
-  setQueryState: (key, value) => set((state) => ({
-    states: {
-      ...state.states,
-      [key]: {
-        ...state.states[key] ?? createDefaultStates(),
-        ...value
-      }
-    }
-  })),
-  makeQueryInError: (key, error) => set((state) => ({
-    states: {
-      ...state.states,
-      [key]: {
-        ...state.states[key] ?? createDefaultStates(),
-        error,
-        isFetched: true,
-        isSuccess: false,
-        retryCount: (state.states[key]?.retryCount ?? 0) + 1,
-        isLoading: false,
-        isInvalidated: false
-      }
-    }
-  })),
-  setQueriesState: (keys, value) => {
-    const keyArray = ensureArray(keys);
-    if (keyArray.length === 0) return;
-    set((state) => ({
-      states: {
-        ...state.states,
-        ...keyArray.reduce((acc, key) => {
-          acc[key] = {
+const getMatchKeys = (selectorsKeys, keysWithArgs) => keysWithArgs.filter((key) => selectorsKeys.includes(key.split("/")[0]));
+const reducer = (state, action) => {
+  switch (action.type) {
+    case "SET_QUERY_STATE": {
+      const { key, value } = action;
+      return {
+        ...state,
+        states: {
+          ...state.states,
+          [key]: {
+            // Merge existing state for the key or default state if not present
             ...state.states[key] ?? createDefaultStates(),
             ...value
-          };
-          return acc;
-        }, {})
-      }
-    }));
-  },
-  resetKeyState: (keys) => {
-    const keyArray = ensureArray(keys);
-    if (keyArray.length === 0) return;
-    set((state) => {
-      const allKeys = Object.keys(state.states);
-      const matchedKeys = getMatchKeys(keyArray, allKeys);
-      if (matchedKeys.length === 0) return {};
-      const resetStates = matchedKeys.reduce((acc, key) => {
-        acc[key] = createDefaultStates();
-        return acc;
-      }, {});
+          }
+        }
+      };
+    }
+    case "MAKE_QUERY_IN_ERROR": {
+      const { key, error } = action;
       return {
+        ...state,
         states: {
           ...state.states,
-          ...resetStates
+          [key]: {
+            // Merge existing state or default if not found
+            ...state.states[key] ?? createDefaultStates(),
+            // Explicitly set error and related flags
+            error,
+            isFetched: true,
+            isSuccess: false,
+            retryCount: (state.states[key]?.retryCount ?? 0) + 1,
+            isLoading: false,
+            isInvalidated: false
+          }
         }
       };
-    });
-  },
-  resetState: (excludedKeys) => {
-    const excludeArray = ensureArray(excludedKeys);
-    const allKeys = Object.keys(get().states);
-    const matchedKeys = getMatchKeys(excludeArray, allKeys);
-    set((state) => {
-      const newStates = allKeys.reduce((acc, key) => {
-        acc[key] = matchedKeys.includes(key) ? state.states[key] : createDefaultStates();
-        return acc;
-      }, {});
+    }
+    case "SET_QUERIES_STATE": {
+      const { keys, value } = action;
+      const keyArray = ensureArray(keys);
+      if (keyArray.length === 0) return state;
+      const updatedStates = { ...state.states };
+      keyArray.forEach((key) => {
+        updatedStates[key] = {
+          ...state.states[key] ?? createDefaultStates(),
+          ...value
+        };
+      });
+      return {
+        ...state,
+        states: updatedStates
+      };
+    }
+    case "RESET_KEY_STATE": {
+      const { keys } = action;
+      const keyArray = ensureArray(keys);
+      if (keyArray.length === 0) return state;
+      const allKeys = Object.keys(state.states);
+      const matchedKeys = getMatchKeys(keyArray, allKeys);
+      if (matchedKeys.length === 0) return state;
+      const resetStates = { ...state.states };
+      matchedKeys.forEach((key) => {
+        resetStates[key] = createDefaultStates();
+      });
+      return {
+        ...state,
+        states: resetStates
+      };
+    }
+    case "RESET_STATE": {
+      const excludeArray = ensureArray(action.excludeKeys);
+      const allKeys = Object.keys(state.states);
+      const matchedKeys = getMatchKeys(excludeArray, allKeys);
+      const newStates = {};
+      allKeys.forEach((key) => {
+        newStates[key] = matchedKeys.includes(key) ? state.states[key] : createDefaultStates();
+      });
       return {
+        ...state,
         states: newStates
       };
-    });
+    }
+    default:
+      return state;
   }
-}));
+};
+const AsyncStateContext = createContext(
+  null
+);
+const AsyncStateProvider = ({ children }) => {
+  const [asyncState, dispatch] = useReducer(reducer, { states: {} });
+  const getStates = (key) => asyncState.states[key] ?? createDefaultStates();
+  const setQueryState = (key, value) => {
+    dispatch({ type: "SET_QUERY_STATE", key, value });
+  };
+  const setQueriesState = (keys, value) => {
+    dispatch({ type: "SET_QUERIES_STATE", keys, value });
+  };
+  const makeQueryInError = (key, error) => {
+    dispatch({ type: "MAKE_QUERY_IN_ERROR", key, error });
+  };
+  const resetKeyState = (keys) => {
+    dispatch({ type: "RESET_KEY_STATE", keys });
+  };
+  const resetState = (excludedKeys) => {
+    dispatch({ type: "RESET_STATE", excludeKeys: excludedKeys });
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    AsyncStateContext.Provider,
+    {
+      value: {
+        getStates,
+        setQueryState,
+        setQueriesState,
+        makeQueryInError,
+        resetKeyState,
+        resetState
+      },
+      children
+    }
+  );
+};
+const useAsyncState = () => {
+  const context = useContext(AsyncStateContext);
+  if (!context) {
+    throw new Error("useAsyncState must be used within an AsyncStateProvider");
+  }
+  return context;
+};
 export {
-  useAsyncStateStore
+  AsyncStateProvider,
+  useAsyncState
 };
 //# sourceMappingURL=useAsyncStateStore.mjs.map