@intlayer/design-system 3.3.5 → 3.3.6

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

@@ -1 +1 @@
-{"version":3,"file":"useAsync.mjs","sources":["../../../../../../node_modules/.pnpm/zustand@4.5.5_@types+react@18.3.12_immer@9.0.21_react@18.3.1/node_modules/zustand/esm/react/shallow.mjs","../../../src/hooks/useAsync/useAsync.ts"],"sourcesContent":["import ReactExports from 'react';\n\nfunction shallow(objA, objB) {\n  if (Object.is(objA, objB)) {\n    return true;\n  }\n  if (typeof objA !== \"object\" || objA === null || typeof objB !== \"object\" || objB === null) {\n    return false;\n  }\n  if (objA instanceof Map && objB instanceof Map) {\n    if (objA.size !== objB.size) return false;\n    for (const [key, value] of objA) {\n      if (!Object.is(value, objB.get(key))) {\n        return false;\n      }\n    }\n    return true;\n  }\n  if (objA instanceof Set && objB instanceof Set) {\n    if (objA.size !== objB.size) return false;\n    for (const value of objA) {\n      if (!objB.has(value)) {\n        return false;\n      }\n    }\n    return true;\n  }\n  const keysA = Object.keys(objA);\n  if (keysA.length !== Object.keys(objB).length) {\n    return false;\n  }\n  for (const keyA of keysA) {\n    if (!Object.prototype.hasOwnProperty.call(objB, keyA) || !Object.is(objA[keyA], objB[keyA])) {\n      return false;\n    }\n  }\n  return true;\n}\n\nconst { useRef } = ReactExports;\nfunction useShallow(selector) {\n  const prev = useRef();\n  return (state) => {\n    const next = selector(state);\n    return shallow(prev.current, next) ? prev.current : prev.current = next;\n  };\n}\n\nexport { useShallow };\n","'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":["ReactExports","useRef","args","keyWithArgs","error","data"],"mappings":"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","x_google_ignoreList":[0]}
+{"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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"}

package/dist/shallow-lhDIFtEp.cjs

@@ -0,0 +1,48 @@
+"use strict";
+const require$$0 = require("react");
+function shallow(objA, objB) {
+  if (Object.is(objA, objB)) {
+    return true;
+  }
+  if (typeof objA !== "object" || objA === null || typeof objB !== "object" || objB === null) {
+    return false;
+  }
+  if (objA instanceof Map && objB instanceof Map) {
+    if (objA.size !== objB.size) return false;
+    for (const [key, value] of objA) {
+      if (!Object.is(value, objB.get(key))) {
+        return false;
+      }
+    }
+    return true;
+  }
+  if (objA instanceof Set && objB instanceof Set) {
+    if (objA.size !== objB.size) return false;
+    for (const value of objA) {
+      if (!objB.has(value)) {
+        return false;
+      }
+    }
+    return true;
+  }
+  const keysA = Object.keys(objA);
+  if (keysA.length !== Object.keys(objB).length) {
+    return false;
+  }
+  for (const keyA of keysA) {
+    if (!Object.prototype.hasOwnProperty.call(objB, keyA) || !Object.is(objA[keyA], objB[keyA])) {
+      return false;
+    }
+  }
+  return true;
+}
+const { useRef } = require$$0;
+function useShallow(selector) {
+  const prev = useRef();
+  return (state) => {
+    const next = selector(state);
+    return shallow(prev.current, next) ? prev.current : prev.current = next;
+  };
+}
+exports.useShallow = useShallow;
+//# sourceMappingURL=shallow-lhDIFtEp.cjs.map

package/dist/shallow-lhDIFtEp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shallow-lhDIFtEp.cjs","sources":["../../../../node_modules/.pnpm/zustand@4.5.5_@types+react@18.3.12_immer@9.0.21_react@18.3.1/node_modules/zustand/esm/react/shallow.mjs"],"sourcesContent":["import ReactExports from 'react';\n\nfunction shallow(objA, objB) {\n  if (Object.is(objA, objB)) {\n    return true;\n  }\n  if (typeof objA !== \"object\" || objA === null || typeof objB !== \"object\" || objB === null) {\n    return false;\n  }\n  if (objA instanceof Map && objB instanceof Map) {\n    if (objA.size !== objB.size) return false;\n    for (const [key, value] of objA) {\n      if (!Object.is(value, objB.get(key))) {\n        return false;\n      }\n    }\n    return true;\n  }\n  if (objA instanceof Set && objB instanceof Set) {\n    if (objA.size !== objB.size) return false;\n    for (const value of objA) {\n      if (!objB.has(value)) {\n        return false;\n      }\n    }\n    return true;\n  }\n  const keysA = Object.keys(objA);\n  if (keysA.length !== Object.keys(objB).length) {\n    return false;\n  }\n  for (const keyA of keysA) {\n    if (!Object.prototype.hasOwnProperty.call(objB, keyA) || !Object.is(objA[keyA], objB[keyA])) {\n      return false;\n    }\n  }\n  return true;\n}\n\nconst { useRef } = ReactExports;\nfunction useShallow(selector) {\n  const prev = useRef();\n  return (state) => {\n    const next = selector(state);\n    return shallow(prev.current, next) ? prev.current : prev.current = next;\n  };\n}\n\nexport { useShallow };\n"],"names":["ReactExports"],"mappings":";;AAEA,SAAS,QAAQ,MAAM,MAAM;AAC3B,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AACzB,WAAO;AAAA,EACR;AACD,MAAI,OAAO,SAAS,YAAY,SAAS,QAAQ,OAAO,SAAS,YAAY,SAAS,MAAM;AAC1F,WAAO;AAAA,EACR;AACD,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,CAAC,KAAK,KAAK,KAAK,MAAM;AAC/B,UAAI,CAAC,OAAO,GAAG,OAAO,KAAK,IAAI,GAAG,CAAC,GAAG;AACpC,eAAO;AAAA,MACR;AAAA,IACF;AACD,WAAO;AAAA,EACR;AACD,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,SAAS,MAAM;AACxB,UAAI,CAAC,KAAK,IAAI,KAAK,GAAG;AACpB,eAAO;AAAA,MACR;AAAA,IACF;AACD,WAAO;AAAA,EACR;AACD,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC7C,WAAO;AAAA,EACR;AACD,aAAW,QAAQ,OAAO;AACxB,QAAI,CAAC,OAAO,UAAU,eAAe,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG;AAC3F,aAAO;AAAA,IACR;AAAA,EACF;AACD,SAAO;AACT;AAEA,MAAM,EAAE,OAAQ,IAAGA;AACnB,SAAS,WAAW,UAAU;AAC5B,QAAM,OAAO;AACb,SAAO,CAAC,UAAU;AAChB,UAAM,OAAO,SAAS,KAAK;AAC3B,WAAO,QAAQ,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU,KAAK,UAAU;AAAA,EACvE;AACA;;","x_google_ignoreList":[0]}

package/dist/shallow-m9BpCkKh.js

@@ -0,0 +1,49 @@
+import require$$0 from "react";
+function shallow(objA, objB) {
+  if (Object.is(objA, objB)) {
+    return true;
+  }
+  if (typeof objA !== "object" || objA === null || typeof objB !== "object" || objB === null) {
+    return false;
+  }
+  if (objA instanceof Map && objB instanceof Map) {
+    if (objA.size !== objB.size) return false;
+    for (const [key, value] of objA) {
+      if (!Object.is(value, objB.get(key))) {
+        return false;
+      }
+    }
+    return true;
+  }
+  if (objA instanceof Set && objB instanceof Set) {
+    if (objA.size !== objB.size) return false;
+    for (const value of objA) {
+      if (!objB.has(value)) {
+        return false;
+      }
+    }
+    return true;
+  }
+  const keysA = Object.keys(objA);
+  if (keysA.length !== Object.keys(objB).length) {
+    return false;
+  }
+  for (const keyA of keysA) {
+    if (!Object.prototype.hasOwnProperty.call(objB, keyA) || !Object.is(objA[keyA], objB[keyA])) {
+      return false;
+    }
+  }
+  return true;
+}
+const { useRef } = require$$0;
+function useShallow(selector) {
+  const prev = useRef();
+  return (state) => {
+    const next = selector(state);
+    return shallow(prev.current, next) ? prev.current : prev.current = next;
+  };
+}
+export {
+  useShallow as u
+};
+//# sourceMappingURL=shallow-m9BpCkKh.js.map

package/dist/shallow-m9BpCkKh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shallow-m9BpCkKh.js","sources":["../../../../node_modules/.pnpm/zustand@4.5.5_@types+react@18.3.12_immer@9.0.21_react@18.3.1/node_modules/zustand/esm/react/shallow.mjs"],"sourcesContent":["import ReactExports from 'react';\n\nfunction shallow(objA, objB) {\n  if (Object.is(objA, objB)) {\n    return true;\n  }\n  if (typeof objA !== \"object\" || objA === null || typeof objB !== \"object\" || objB === null) {\n    return false;\n  }\n  if (objA instanceof Map && objB instanceof Map) {\n    if (objA.size !== objB.size) return false;\n    for (const [key, value] of objA) {\n      if (!Object.is(value, objB.get(key))) {\n        return false;\n      }\n    }\n    return true;\n  }\n  if (objA instanceof Set && objB instanceof Set) {\n    if (objA.size !== objB.size) return false;\n    for (const value of objA) {\n      if (!objB.has(value)) {\n        return false;\n      }\n    }\n    return true;\n  }\n  const keysA = Object.keys(objA);\n  if (keysA.length !== Object.keys(objB).length) {\n    return false;\n  }\n  for (const keyA of keysA) {\n    if (!Object.prototype.hasOwnProperty.call(objB, keyA) || !Object.is(objA[keyA], objB[keyA])) {\n      return false;\n    }\n  }\n  return true;\n}\n\nconst { useRef } = ReactExports;\nfunction useShallow(selector) {\n  const prev = useRef();\n  return (state) => {\n    const next = selector(state);\n    return shallow(prev.current, next) ? prev.current : prev.current = next;\n  };\n}\n\nexport { useShallow };\n"],"names":["ReactExports"],"mappings":";AAEA,SAAS,QAAQ,MAAM,MAAM;AAC3B,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AACzB,WAAO;AAAA,EACR;AACD,MAAI,OAAO,SAAS,YAAY,SAAS,QAAQ,OAAO,SAAS,YAAY,SAAS,MAAM;AAC1F,WAAO;AAAA,EACR;AACD,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,CAAC,KAAK,KAAK,KAAK,MAAM;AAC/B,UAAI,CAAC,OAAO,GAAG,OAAO,KAAK,IAAI,GAAG,CAAC,GAAG;AACpC,eAAO;AAAA,MACR;AAAA,IACF;AACD,WAAO;AAAA,EACR;AACD,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,SAAS,MAAM;AACxB,UAAI,CAAC,KAAK,IAAI,KAAK,GAAG;AACpB,eAAO;AAAA,MACR;AAAA,IACF;AACD,WAAO;AAAA,EACR;AACD,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC7C,WAAO;AAAA,EACR;AACD,aAAW,QAAQ,OAAO;AACxB,QAAI,CAAC,OAAO,UAAU,eAAe,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG;AAC3F,aAAO;AAAA,IACR;AAAA,EACF;AACD,SAAO;AACT;AAEA,MAAM,EAAE,OAAQ,IAAGA;AACnB,SAAS,WAAW,UAAU;AAC5B,QAAM,OAAO;AACb,SAAO,CAAC,UAAU;AAChB,UAAM,OAAO,SAAS,KAAK;AAC3B,WAAO,QAAQ,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU,KAAK,UAAU;AAAA,EACvE;AACA;","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/design-system",
-  "version": "3.3.5",
+  "version": "3.3.6",
   "private": false,
   "keywords": [
     "design-system",
@@ -79,10 +79,10 @@
     "tailwindcss-animate": "^1.0.7",
     "zod": "^3.23.8",
     "zustand": "^4.5.5",
-    "@intlayer/dictionaries-entry": "^3.3.5",
-    "@intlayer/config": "^3.3.5",
-    "@intlayer/core": "^3.3.5",
-    "react-intlayer": "^3.3.5"
+    "@intlayer/config": "^3.3.6",
+    "@intlayer/dictionaries-entry": "^3.3.6",
+    "@intlayer/core": "^3.3.6",
+    "react-intlayer": "^3.3.6"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.2",
@@ -120,21 +120,21 @@
     "typescript": "^5.7.2",
     "vite": "^6.0.1",
     "vite-plugin-dts": "^4.3.0",
-    "@intlayer/backend": "^3.3.5",
     "@utils/ts-config": "^1.0.4",
-    "@utils/tsup-config": "^1.0.4",
-    "@utils/ts-config-types": "^1.0.4"
+    "@utils/ts-config-types": "^1.0.4",
+    "@intlayer/backend": "^3.3.6",
+    "@utils/tsup-config": "^1.0.4"
   },
   "peerDependencies": {
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1",
     "zustand": "^4.5.5",
-    "@intlayer/backend": "^3.3.5",
-    "@intlayer/config": "^3.3.5",
-    "intlayer": "^3.3.5",
-    "@intlayer/core": "^3.3.5",
-    "@intlayer/dictionaries-entry": "^3.3.5",
-    "react-intlayer": "^3.3.5"
+    "@intlayer/backend": "^3.3.6",
+    "@intlayer/core": "^3.3.6",
+    "@intlayer/config": "^3.3.6",
+    "@intlayer/dictionaries-entry": "^3.3.6",
+    "intlayer": "^3.3.6",
+    "react-intlayer": "^3.3.6"
   },
   "scripts": {
     "build": "pnpm build:package && pnpm build:css && pnpm build:storybook",