@intlayer/design-system 3.0.3 → 3.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"useAsync.cjs","sources":["../../../../../../node_modules/.pnpm/zustand@4.5.5_@types+react@18.3.11_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, 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  isInvalidated?: boolean; // Determine if the data is invalidated and should be refetched\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 getKeyWithArgs = (key: string, args: any[]) =>\n  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 {boolean} [isInvalidated=false] - Determine if the data is invalidated and should be refetched.\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 isInvalidatedProps = options?.isInvalidated ?? false;\n  const updateQueries = options?.updateQueries ?? [];\n  const invalidateQueries = options?.invalidateQueries ?? [];\n  const onSuccess = options?.onSuccess;\n  const onError = options?.onError;\n  const args = options?.args ?? [];\n\n  // Using a custom hook to manage state specific to asynchronous operations\n  const {\n    setIsFetched,\n    setIsLoading,\n    setError,\n    setIsSuccess,\n    setData,\n    setIsInvalidated,\n    setIsEnabled,\n    incrementRetryCount,\n    resetRetryCount,\n  } = useAsyncStateStore(\n    useShallow((state) => ({\n      setIsFetched: state.setIsFetched,\n      setIsLoading: state.setIsLoading,\n      setError: state.setError,\n      setIsSuccess: state.setIsSuccess,\n      setIsInvalidated: state.setIsInvalidated,\n      setIsEnabled: state.setIsEnabled,\n      setData: state.setData,\n      incrementRetryCount: state.incrementRetryCount,\n      resetRetryCount: state.resetRetryCount,\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: isEnabledState,\n    error,\n    isSuccess,\n    isInvalidated,\n    data,\n    retryCount: errorCount,\n  } = useAsyncStateStore((state) => state.getStates(keyWithArgs));\n\n  const isEnabled = isEnabledState || enabled;\n  const isDisabled = !isEnabled;\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        setIsLoading(keyWithArgs, true);\n        let response = null;\n        let errorResponse = null;\n\n        await asyncFunction(...args)\n          .then((result) => {\n            const isResultChanged =\n              JSON.stringify(result) !== JSON.stringify(data);\n\n            response = result;\n            if (isResultChanged) {\n              setData(keyWithArgs, result);\n            }\n            setIsSuccess(keyWithArgs, true);\n            onSuccess?.(result);\n            resetRetryCount(keyWithArgs);\n\n            // Store the result in session storage\n            if (storeEnabled) {\n              sessionStorage.setItem(keyWithArgs, JSON.stringify(result));\n            }\n\n            // Update other queries if necessary\n            if (isResultChanged && updateQueries.length > 0) {\n              updateQueries.forEach((key) => {\n                setData(key, result);\n              });\n            }\n\n            // Invalidate other queries if necessary\n            if (isResultChanged && invalidateQueries.length > 0) {\n              invalidateQueries.forEach((key) => {\n                setIsInvalidated(key, true);\n              });\n            }\n          })\n          .catch((error) => {\n            const errorMessage = error.message ?? 'An error occurred';\n\n            setData(keyWithArgs, null);\n            setError(keyWithArgs, errorMessage);\n            incrementRetryCount(keyWithArgs);\n            onError?.(errorMessage);\n            errorResponse = error;\n          })\n          .finally(() => {\n            setIsLoading(keyWithArgs, false);\n            setIsFetched(keyWithArgs, true);\n            setIsInvalidated(keyWithArgs, false);\n\n            // Remove the pending promise from the cache\n            pendingPromises.delete(keyWithArgs);\n          });\n\n        if (errorResponse) {\n          throw new Error(errorResponse);\n        }\n\n        return response;\n      })();\n\n      // Store the pending promise in the cache\n      pendingPromises.set(keyWithArgs, promise);\n    }) as T,\n    [asyncFunction, keyWithArgs]\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 (isDisabled) return;\n      if (isLoading) return;\n      if (isSuccess && cacheEnabled && data) return data;\n\n      if (args) {\n        storedArgsRef.current = args;\n      }\n\n      await fetch(...args);\n    }) as T,\n    [isDisabled, cacheEnabled, isSuccess, data, isLoading]\n  );\n\n  // Function to revalidate the data when necessary\n  const revalidate: T = useCallback<T>(\n    (async (...args) => {\n      if (isDisabled) return;\n      if (isSuccess) return;\n      if (isLoading) return;\n\n      if (args) {\n        storedArgsRef.current = args;\n      }\n\n      await fetch(...storedArgsRef.current);\n    }) as T,\n    [isDisabled, storedArgsRef, isSuccess, isLoading]\n  );\n\n  const autoRevalidate = useCallback(() => {\n    if (isDisabled) return;\n    if (isLoading || !(cacheEnabled || storeEnabled)) return;\n    if (!revalidationEnabled || revalidateTime <= 0 || !isSuccess) 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      fetch(...storedArgsRef.current);\n    }\n  }, [\n    cacheEnabled,\n    revalidationEnabled,\n    revalidateTime,\n    isSuccess,\n    fetchedDateTime,\n    isLoading,\n    isDisabled,\n  ]);\n\n  useEffect(() => {\n    setIsEnabled(keyWithArgs, enabled);\n  }, [enabled]);\n\n  // Auto-fetch data on hook mount if autoFetch is true\n  useEffect(() => {\n    if (!autoFetch) return;\n    if (isDisabled) return;\n    if (isFetched || isLoading) return;\n\n    fetch(...storedArgsRef.current);\n  }, [autoFetch, isFetched, isDisabled, isLoading]);\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 (isDisabled) 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      if (isRetryEnabled && !isRetryLimitReached && !isSuccess) {\n        execute(...storedArgsRef.current);\n      }\n    }, retryTime);\n\n    return () => clearTimeout(timeOut);\n  }, [execute, errorCount, retryLimit, retryTime, isSuccess]);\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 (isDisabled) return;\n    if (!storeEnabled) return;\n    if (isInvalidated) return;\n    if (isFetched) return;\n\n    const storedData = sessionStorage.getItem(keyWithArgs);\n\n    if (storedData) {\n      setData(keyWithArgs, JSON.parse(storedData));\n    }\n  }, [storeEnabled, keyWithArgs, isFetched, isInvalidated, isDisabled]);\n\n  // Handle invalidation if props are changed\n  useEffect(() => {\n    if (!isInvalidatedProps) return;\n    setIsInvalidated(keyWithArgs, isInvalidatedProps);\n  }, [isInvalidatedProps]);\n\n  // Memoization of the setData function to prevent unnecessary re-renders\n  const setDataMemo = useCallback(\n    (data: Awaited<ReturnType<T> | null>) => {\n      setData(keyWithArgs, data);\n    },\n    [keyWithArgs]\n  );\n\n  // Return the hook's result, including all state and control functions\n  return {\n    isFetched,\n    isLoading,\n    isInvalidated,\n    error,\n    isSuccess,\n    data,\n    retryCount: errorCount,\n    isDisabled,\n    isEnabled,\n    [key]: execute,\n    revalidate,\n    setData: setDataMemo,\n  } as UseAsyncResultBase<T> & Record<U, T>;\n};\n"],"names":["ReactExports","useAsyncStateStore","useRef","useCallback","args","keyWithArgs","key","error","useEffect","data"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"useAsync.cjs","sources":["../../../../../../node_modules/.pnpm/zustand@4.5.5_@types+react@18.3.12_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, 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  isInvalidated?: boolean; // Determine if the data is invalidated and should be refetched\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 getKeyWithArgs = (key: string, args: any[]) =>\n  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 {boolean} [isInvalidated=false] - Determine if the data is invalidated and should be refetched.\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 isInvalidatedProps = options?.isInvalidated ?? false;\n  const updateQueries = options?.updateQueries ?? [];\n  const invalidateQueries = options?.invalidateQueries ?? [];\n  const onSuccess = options?.onSuccess;\n  const onError = options?.onError;\n  const args = options?.args ?? [];\n\n  // Using a custom hook to manage state specific to asynchronous operations\n  const {\n    setIsFetched,\n    setIsLoading,\n    setError,\n    setIsSuccess,\n    setData,\n    setIsInvalidated,\n    setIsEnabled,\n    incrementRetryCount,\n    resetRetryCount,\n  } = useAsyncStateStore(\n    useShallow((state) => ({\n      setIsFetched: state.setIsFetched,\n      setIsLoading: state.setIsLoading,\n      setError: state.setError,\n      setIsSuccess: state.setIsSuccess,\n      setIsInvalidated: state.setIsInvalidated,\n      setIsEnabled: state.setIsEnabled,\n      setData: state.setData,\n      incrementRetryCount: state.incrementRetryCount,\n      resetRetryCount: state.resetRetryCount,\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: isEnabledState,\n    error,\n    isSuccess,\n    isInvalidated,\n    data,\n    retryCount: errorCount,\n  } = useAsyncStateStore((state) => state.getStates(keyWithArgs));\n\n  const isEnabled = isEnabledState || enabled;\n  const isDisabled = !isEnabled;\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        setIsLoading(keyWithArgs, true);\n        let response = null;\n        let errorResponse = null;\n\n        await asyncFunction(...args)\n          .then((result) => {\n            const isResultChanged =\n              JSON.stringify(result) !== JSON.stringify(data);\n\n            response = result;\n            if (isResultChanged) {\n              setData(keyWithArgs, result);\n            }\n            setIsSuccess(keyWithArgs, true);\n            onSuccess?.(result);\n            resetRetryCount(keyWithArgs);\n\n            // Store the result in session storage\n            if (storeEnabled) {\n              sessionStorage.setItem(keyWithArgs, JSON.stringify(result));\n            }\n\n            // Update other queries if necessary\n            if (isResultChanged && updateQueries.length > 0) {\n              updateQueries.forEach((key) => {\n                setData(key, result);\n              });\n            }\n\n            // Invalidate other queries if necessary\n            if (isResultChanged && invalidateQueries.length > 0) {\n              invalidateQueries.forEach((key) => {\n                setIsInvalidated(key, true);\n              });\n            }\n          })\n          .catch((error) => {\n            const errorMessage = error.message ?? 'An error occurred';\n            console.error(JSON.stringify(error));\n\n            setData(keyWithArgs, null);\n            setError(keyWithArgs, errorMessage);\n            incrementRetryCount(keyWithArgs);\n            onError?.(errorMessage);\n            errorResponse = error;\n          })\n          .finally(() => {\n            setIsLoading(keyWithArgs, false);\n            setIsFetched(keyWithArgs, true);\n            setIsInvalidated(keyWithArgs, false);\n\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    }) as T,\n    [asyncFunction, keyWithArgs]\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 (isDisabled) return;\n      if (isLoading) return;\n      if (isSuccess && cacheEnabled && data) return data;\n\n      if (args) {\n        storedArgsRef.current = args;\n      }\n\n      await fetch(...args);\n    }) as T,\n    [isDisabled, cacheEnabled, isSuccess, data, isLoading]\n  );\n\n  // Function to revalidate the data when necessary\n  const revalidate: T = useCallback<T>(\n    (async (...args) => {\n      if (isDisabled) return;\n      if (isSuccess) return;\n      if (isLoading) return;\n\n      if (args) {\n        storedArgsRef.current = args;\n      }\n\n      await fetch(...storedArgsRef.current);\n    }) as T,\n    [isDisabled, storedArgsRef, isSuccess, isLoading]\n  );\n\n  const autoRevalidate = useCallback(() => {\n    if (isDisabled) return;\n    if (isLoading || !(cacheEnabled || storeEnabled)) return;\n    if (!revalidationEnabled || revalidateTime <= 0 || !isSuccess) 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      fetch(...storedArgsRef.current);\n    }\n  }, [\n    cacheEnabled,\n    revalidationEnabled,\n    revalidateTime,\n    isSuccess,\n    fetchedDateTime,\n    isLoading,\n    isDisabled,\n  ]);\n\n  useEffect(() => {\n    setIsEnabled(keyWithArgs, enabled);\n  }, [enabled]);\n\n  // Auto-fetch data on hook mount if autoFetch is true\n  useEffect(() => {\n    if (!autoFetch) return;\n    if (isDisabled) return;\n    if (isFetched || isLoading) return;\n\n    fetch(...storedArgsRef.current);\n  }, [autoFetch, isFetched, isDisabled, isLoading]);\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 (isDisabled) 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      if (isRetryEnabled && !isRetryLimitReached && !isSuccess) {\n        execute(...storedArgsRef.current);\n      }\n    }, retryTime);\n\n    return () => clearTimeout(timeOut);\n  }, [execute, errorCount, retryLimit, retryTime, isSuccess]);\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 (isDisabled) return;\n    if (!storeEnabled) return;\n    if (isInvalidated) return;\n    if (isFetched) return;\n\n    const storedData = sessionStorage.getItem(keyWithArgs);\n\n    if (storedData) {\n      setData(keyWithArgs, JSON.parse(storedData));\n    }\n  }, [storeEnabled, keyWithArgs, isFetched, isInvalidated, isDisabled]);\n\n  // Handle invalidation if props are changed\n  useEffect(() => {\n    if (!isInvalidatedProps) return;\n    setIsInvalidated(keyWithArgs, isInvalidatedProps);\n  }, [isInvalidatedProps]);\n\n  // Memoization of the setData function to prevent unnecessary re-renders\n  const setDataMemo = useCallback(\n    (data: Awaited<ReturnType<T> | null>) => {\n      setData(keyWithArgs, data);\n    },\n    [keyWithArgs]\n  );\n\n  // Return the hook's result, including all state and control functions\n  return {\n    isFetched,\n    isLoading,\n    isInvalidated,\n    error,\n    isSuccess,\n    data,\n    retryCount: errorCount,\n    isDisabled,\n    isEnabled,\n    [key]: execute,\n    revalidate,\n    setData: setDataMemo,\n  } as UseAsyncResultBase<T> & Record<U, T>;\n};\n"],"names":["ReactExports","useAsyncStateStore","useRef","useCallback","args","keyWithArgs","key","error","useEffect","data"],"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;ACpCA,MAAM,sCAAsB;AAmC5B,MAAM,wBAAwB;AAC9B,MAAM,wBAAwB;AAC9B,MAAM,kBAAkB;AACxB,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,+BAA+B;AACrC,MAAM,0BAA0B,IAAI,KAAK;AACzC,MAAM,qBAAqB,IAAI,KAAK;AAQpC,MAAM,iBAAiB,CAAC,KAAa,SACnC,KAAK,SAAS,IAAI,GAAG,GAAG,IAAI,KAAK,UAAU,IAAI,CAAC,KAAK;AA+DhD,MAAM,WAAW,CAItB,KACA,eACA,YACyB;AAEnB,QAAA,aAAa,SAAS,cAAc;AACpC,QAAA,YAAY,SAAS,aAAa;AAClC,QAAA,YAAY,SAAS,aAAa;AAClC,QAAA,eAAe,SAAS,SAAS;AACjC,QAAA,eAAe,SAAS,SAAS;AACjC,QAAA,UAAU,SAAS,UAAU;AAC7B,QAAA,sBACJ,SAAS,gBAAgB;AACrB,QAAA,iBAAiB,SAAS,kBAAkB;AAC5C,QAAA,qBAAqB,SAAS,iBAAiB;AAC/C,QAAA,gBAAgB,SAAS,iBAAiB;AAC1C,QAAA,oBAAoB,SAAS,qBAAqB;AACxD,QAAM,YAAY,SAAS;AAC3B,QAAM,UAAU,SAAS;AACnB,QAAA,OAAO,SAAS,QAAQ;AAGxB,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEC,kCAAA;AAAA,IACF,WAAW,CAAC,WAAW;AAAA,MACrB,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,MACpB,UAAU,MAAM;AAAA,MAChB,cAAc,MAAM;AAAA,MACpB,kBAAkB,MAAM;AAAA,MACxB,cAAc,MAAM;AAAA,MACpB,SAAS,MAAM;AAAA,MACf,qBAAqB,MAAM;AAAA,MAC3B,iBAAiB,MAAM;AAAA,IAAA,EACvB;AAAA,EAAA;AAIJ,QAAM,gBAAgBC,WAAAA,OAAY,QAAQ,CAAE,CAAA;AAG5C,QAAM,cAAc,eAAe,KAAK,cAAc,OAAO;AAGvD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EAAA,IACVD,kCAAAA,mBAAmB,CAAC,UAAU,MAAM,UAAU,WAAW,CAAC;AAE9D,QAAM,YAAY,kBAAkB;AACpC,QAAM,aAAa,CAAC;AAGpB,QAAM,QAAWE,WAAA;AAAA,IACd,UAAUC,UAAS;AACZC,YAAAA,eAAc,eAAe,KAAKD,KAAI;AAExC,UAAA,gBAAgB,IAAIC,YAAW,GAAG;AAE7B,eAAA,gBAAgB,IAAIA,YAAW;AAAA,MACxC;AAEA,YAAM,WAAW,YAAY;AAC3B,qBAAaA,cAAa,IAAI;AAC9B,YAAI,WAAW;AAGf,cAAM,cAAc,GAAGD,KAAI,EACxB,KAAK,CAAC,WAAW;AAChB,gBAAM,kBACJ,KAAK,UAAU,MAAM,MAAM,KAAK,UAAU,IAAI;AAErC,qBAAA;AACX,cAAI,iBAAiB;AACnB,oBAAQC,cAAa,MAAM;AAAA,UAC7B;AACA,uBAAaA,cAAa,IAAI;AAC9B,sBAAY,MAAM;AAClB,0BAAgBA,YAAW;AAG3B,cAAI,cAAc;AAChB,2BAAe,QAAQA,cAAa,KAAK,UAAU,MAAM,CAAC;AAAA,UAC5D;AAGI,cAAA,mBAAmB,cAAc,SAAS,GAAG;AACjC,0BAAA,QAAQ,CAACC,SAAQ;AAC7B,sBAAQA,MAAK,MAAM;AAAA,YAAA,CACpB;AAAA,UACH;AAGI,cAAA,mBAAmB,kBAAkB,SAAS,GAAG;AACjC,8BAAA,QAAQ,CAACA,SAAQ;AACjC,+BAAiBA,MAAK,IAAI;AAAA,YAAA,CAC3B;AAAA,UACH;AAAA,QAAA,CACD,EACA,MAAM,CAACC,WAAU;AACV,gBAAA,eAAeA,OAAM,WAAW;AACtC,kBAAQ,MAAM,KAAK,UAAUA,MAAK,CAAC;AAEnC,kBAAQF,cAAa,IAAI;AACzB,mBAASA,cAAa,YAAY;AAClC,8BAAoBA,YAAW;AAC/B,oBAAU,YAAY;AAAA,QACN,CACjB,EACA,QAAQ,MAAM;AACb,uBAAaA,cAAa,KAAK;AAC/B,uBAAaA,cAAa,IAAI;AAC9B,2BAAiBA,cAAa,KAAK;AAGnC,0BAAgB,OAAOA,YAAW;AAAA,QAAA,CACnC;AAEI,eAAA;AAAA,MAAA;AAIO,sBAAA,IAAIA,cAAa,OAAO;AAAA,IAC1C;AAAA,IACA,CAAC,eAAe,WAAW;AAAA,EAAA;AAI7B,QAAM,UAAaF,WAAA;AAAA,IAChB,UAAUC,UAAS;AAClB,UAAI,WAAY;AAChB,UAAI,UAAW;AACX,UAAA,aAAa,gBAAgB,KAAa,QAAA;AAE9C,UAAIA,OAAM;AACR,sBAAc,UAAUA;AAAAA,MAC1B;AAEM,YAAA,MAAM,GAAGA,KAAI;AAAA,IACrB;AAAA,IACA,CAAC,YAAY,cAAc,WAAW,MAAM,SAAS;AAAA,EAAA;AAIvD,QAAM,aAAgBD,WAAA;AAAA,IACnB,UAAUC,UAAS;AAClB,UAAI,WAAY;AAChB,UAAI,UAAW;AACf,UAAI,UAAW;AAEf,UAAIA,OAAM;AACR,sBAAc,UAAUA;AAAAA,MAC1B;AAEM,YAAA,MAAM,GAAG,cAAc,OAAO;AAAA,IACtC;AAAA,IACA,CAAC,YAAY,eAAe,WAAW,SAAS;AAAA,EAAA;AAG5C,QAAA,iBAAiBD,WAAAA,YAAY,MAAM;AACvC,QAAI,WAAY;AACZ,QAAA,aAAa,EAAE,gBAAgB,cAAe;AAClD,QAAI,CAAC,uBAAuB,kBAAkB,KAAK,CAAC,UAAW;AAC/D,QAAI,CAAC,gBAAiB;AAEtB,UAAM,OAAM,oBAAI,KAAK,GAAE,QAAQ;AAC/B,UAAM,kBAAkB,IAAI,KAAK,eAAe,EAAE,QAAQ;AACpD,UAAA,mBAAmB,MAAM,mBAAmB;AAClD,QAAI,kBAAkB;AACd,YAAA,GAAG,cAAc,OAAO;AAAA,IAChC;AAAA,EAAA,GACC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAEDK,aAAAA,UAAU,MAAM;AACd,iBAAa,aAAa,OAAO;AAAA,EAAA,GAChC,CAAC,OAAO,CAAC;AAGZA,aAAAA,UAAU,MAAM;AACd,QAAI,CAAC,UAAW;AAChB,QAAI,WAAY;AAChB,QAAI,aAAa,UAAW;AAEtB,UAAA,GAAG,cAAc,OAAO;AAAA,KAC7B,CAAC,WAAW,WAAW,YAAY,SAAS,CAAC;AAGhDA,aAAAA,UAAU,MAAM;AACR,UAAA,iBAAiB,aAAa,KAAK,aAAa;AACtD,UAAM,sBAAsB,cAAc;AAC1C,QAAI,WAAY;AACZ,QAAA,EAAE,gBAAgB,cAAe;AACjC,QAAA,CAAC,kBAAkB,oBAAqB;AAC5C,QAAI,UAAW;AACf,QAAI,UAAW;AAET,UAAA,UAAU,WAAW,MAAM;AAC/B,UAAI,kBAAkB,CAAC,uBAAuB,CAAC,WAAW;AAChD,gBAAA,GAAG,cAAc,OAAO;AAAA,MAClC;AAAA,OACC,SAAS;AAEL,WAAA,MAAM,aAAa,OAAO;AAAA,EAAA,GAChC,CAAC,SAAS,YAAY,YAAY,WAAW,SAAS,CAAC;AAG1DA,aAAAA,UAAU,MAAM;AACR,UAAA,WAAW,YAAY,gBAAgB,cAAc;AAEpD,WAAA,MAAM,cAAc,QAAQ;AAAA,EAAA,GAClC,CAAC,gBAAgB,cAAc,CAAC;AAGnCA,aAAAA,UAAU,MAAM;AACd,QAAI,WAAY;AAChB,QAAI,CAAC,aAAc;AACnB,QAAI,cAAe;AACnB,QAAI,UAAW;AAET,UAAA,aAAa,eAAe,QAAQ,WAAW;AAErD,QAAI,YAAY;AACd,cAAQ,aAAa,KAAK,MAAM,UAAU,CAAC;AAAA,IAC7C;AAAA,EAAA,GACC,CAAC,cAAc,aAAa,WAAW,eAAe,UAAU,CAAC;AAGpEA,aAAAA,UAAU,MAAM;AACd,QAAI,CAAC,mBAAoB;AACzB,qBAAiB,aAAa,kBAAkB;AAAA,EAAA,GAC/C,CAAC,kBAAkB,CAAC;AAGvB,QAAM,cAAcL,WAAA;AAAA,IAClB,CAACM,UAAwC;AACvC,cAAQ,aAAaA,KAAI;AAAA,IAC3B;AAAA,IACA,CAAC,WAAW;AAAA,EAAA;AAIP,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,CAAC,GAAG,GAAG;AAAA,IACP;AAAA,IACA,SAAS;AAAA,EAAA;AAEb;;","x_google_ignoreList":[0]}

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

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

package/dist/hooks/useAsync/useAsync.mjs

@@ -117,7 +117,6 @@ const useAsync = (key, asyncFunction, options) => {
       const promise = (async () => {
         setIsLoading(keyWithArgs2, true);
         let response = null;
-        let errorResponse = null;
         await asyncFunction(...args2).then((result) => {
           const isResultChanged = JSON.stringify(result) !== JSON.stringify(data);
           response = result;
@@ -142,20 +141,17 @@ const useAsync = (key, asyncFunction, options) => {
           }
         }).catch((error2) => {
           const errorMessage = error2.message ?? "An error occurred";
+          console.error(JSON.stringify(error2));
           setData(keyWithArgs2, null);
           setError(keyWithArgs2, errorMessage);
           incrementRetryCount(keyWithArgs2);
           onError?.(errorMessage);
-          errorResponse = error2;
         }).finally(() => {
           setIsLoading(keyWithArgs2, false);
           setIsFetched(keyWithArgs2, true);
           setIsInvalidated(keyWithArgs2, false);
           pendingPromises.delete(keyWithArgs2);
         });
-        if (errorResponse) {
-          throw new Error(errorResponse);
-        }
         return response;
       })();
       pendingPromises.set(keyWithArgs2, promise);

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.11_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, 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  isInvalidated?: boolean; // Determine if the data is invalidated and should be refetched\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 getKeyWithArgs = (key: string, args: any[]) =>\n  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 {boolean} [isInvalidated=false] - Determine if the data is invalidated and should be refetched.\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 isInvalidatedProps = options?.isInvalidated ?? false;\n  const updateQueries = options?.updateQueries ?? [];\n  const invalidateQueries = options?.invalidateQueries ?? [];\n  const onSuccess = options?.onSuccess;\n  const onError = options?.onError;\n  const args = options?.args ?? [];\n\n  // Using a custom hook to manage state specific to asynchronous operations\n  const {\n    setIsFetched,\n    setIsLoading,\n    setError,\n    setIsSuccess,\n    setData,\n    setIsInvalidated,\n    setIsEnabled,\n    incrementRetryCount,\n    resetRetryCount,\n  } = useAsyncStateStore(\n    useShallow((state) => ({\n      setIsFetched: state.setIsFetched,\n      setIsLoading: state.setIsLoading,\n      setError: state.setError,\n      setIsSuccess: state.setIsSuccess,\n      setIsInvalidated: state.setIsInvalidated,\n      setIsEnabled: state.setIsEnabled,\n      setData: state.setData,\n      incrementRetryCount: state.incrementRetryCount,\n      resetRetryCount: state.resetRetryCount,\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: isEnabledState,\n    error,\n    isSuccess,\n    isInvalidated,\n    data,\n    retryCount: errorCount,\n  } = useAsyncStateStore((state) => state.getStates(keyWithArgs));\n\n  const isEnabled = isEnabledState || enabled;\n  const isDisabled = !isEnabled;\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        setIsLoading(keyWithArgs, true);\n        let response = null;\n        let errorResponse = null;\n\n        await asyncFunction(...args)\n          .then((result) => {\n            const isResultChanged =\n              JSON.stringify(result) !== JSON.stringify(data);\n\n            response = result;\n            if (isResultChanged) {\n              setData(keyWithArgs, result);\n            }\n            setIsSuccess(keyWithArgs, true);\n            onSuccess?.(result);\n            resetRetryCount(keyWithArgs);\n\n            // Store the result in session storage\n            if (storeEnabled) {\n              sessionStorage.setItem(keyWithArgs, JSON.stringify(result));\n            }\n\n            // Update other queries if necessary\n            if (isResultChanged && updateQueries.length > 0) {\n              updateQueries.forEach((key) => {\n                setData(key, result);\n              });\n            }\n\n            // Invalidate other queries if necessary\n            if (isResultChanged && invalidateQueries.length > 0) {\n              invalidateQueries.forEach((key) => {\n                setIsInvalidated(key, true);\n              });\n            }\n          })\n          .catch((error) => {\n            const errorMessage = error.message ?? 'An error occurred';\n\n            setData(keyWithArgs, null);\n            setError(keyWithArgs, errorMessage);\n            incrementRetryCount(keyWithArgs);\n            onError?.(errorMessage);\n            errorResponse = error;\n          })\n          .finally(() => {\n            setIsLoading(keyWithArgs, false);\n            setIsFetched(keyWithArgs, true);\n            setIsInvalidated(keyWithArgs, false);\n\n            // Remove the pending promise from the cache\n            pendingPromises.delete(keyWithArgs);\n          });\n\n        if (errorResponse) {\n          throw new Error(errorResponse);\n        }\n\n        return response;\n      })();\n\n      // Store the pending promise in the cache\n      pendingPromises.set(keyWithArgs, promise);\n    }) as T,\n    [asyncFunction, keyWithArgs]\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 (isDisabled) return;\n      if (isLoading) return;\n      if (isSuccess && cacheEnabled && data) return data;\n\n      if (args) {\n        storedArgsRef.current = args;\n      }\n\n      await fetch(...args);\n    }) as T,\n    [isDisabled, cacheEnabled, isSuccess, data, isLoading]\n  );\n\n  // Function to revalidate the data when necessary\n  const revalidate: T = useCallback<T>(\n    (async (...args) => {\n      if (isDisabled) return;\n      if (isSuccess) return;\n      if (isLoading) return;\n\n      if (args) {\n        storedArgsRef.current = args;\n      }\n\n      await fetch(...storedArgsRef.current);\n    }) as T,\n    [isDisabled, storedArgsRef, isSuccess, isLoading]\n  );\n\n  const autoRevalidate = useCallback(() => {\n    if (isDisabled) return;\n    if (isLoading || !(cacheEnabled || storeEnabled)) return;\n    if (!revalidationEnabled || revalidateTime <= 0 || !isSuccess) 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      fetch(...storedArgsRef.current);\n    }\n  }, [\n    cacheEnabled,\n    revalidationEnabled,\n    revalidateTime,\n    isSuccess,\n    fetchedDateTime,\n    isLoading,\n    isDisabled,\n  ]);\n\n  useEffect(() => {\n    setIsEnabled(keyWithArgs, enabled);\n  }, [enabled]);\n\n  // Auto-fetch data on hook mount if autoFetch is true\n  useEffect(() => {\n    if (!autoFetch) return;\n    if (isDisabled) return;\n    if (isFetched || isLoading) return;\n\n    fetch(...storedArgsRef.current);\n  }, [autoFetch, isFetched, isDisabled, isLoading]);\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 (isDisabled) 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      if (isRetryEnabled && !isRetryLimitReached && !isSuccess) {\n        execute(...storedArgsRef.current);\n      }\n    }, retryTime);\n\n    return () => clearTimeout(timeOut);\n  }, [execute, errorCount, retryLimit, retryTime, isSuccess]);\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 (isDisabled) return;\n    if (!storeEnabled) return;\n    if (isInvalidated) return;\n    if (isFetched) return;\n\n    const storedData = sessionStorage.getItem(keyWithArgs);\n\n    if (storedData) {\n      setData(keyWithArgs, JSON.parse(storedData));\n    }\n  }, [storeEnabled, keyWithArgs, isFetched, isInvalidated, isDisabled]);\n\n  // Handle invalidation if props are changed\n  useEffect(() => {\n    if (!isInvalidatedProps) return;\n    setIsInvalidated(keyWithArgs, isInvalidatedProps);\n  }, [isInvalidatedProps]);\n\n  // Memoization of the setData function to prevent unnecessary re-renders\n  const setDataMemo = useCallback(\n    (data: Awaited<ReturnType<T> | null>) => {\n      setData(keyWithArgs, data);\n    },\n    [keyWithArgs]\n  );\n\n  // Return the hook's result, including all state and control functions\n  return {\n    isFetched,\n    isLoading,\n    isInvalidated,\n    error,\n    isSuccess,\n    data,\n    retryCount: errorCount,\n    isDisabled,\n    isEnabled,\n    [key]: execute,\n    revalidate,\n    setData: setDataMemo,\n  } as UseAsyncResultBase<T> & Record<U, T>;\n};\n"],"names":["ReactExports","useRef","args","keyWithArgs","key","error","data"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"useAsync.mjs","sources":["../../../../../../node_modules/.pnpm/zustand@4.5.5_@types+react@18.3.12_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, 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  isInvalidated?: boolean; // Determine if the data is invalidated and should be refetched\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 getKeyWithArgs = (key: string, args: any[]) =>\n  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 {boolean} [isInvalidated=false] - Determine if the data is invalidated and should be refetched.\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 isInvalidatedProps = options?.isInvalidated ?? false;\n  const updateQueries = options?.updateQueries ?? [];\n  const invalidateQueries = options?.invalidateQueries ?? [];\n  const onSuccess = options?.onSuccess;\n  const onError = options?.onError;\n  const args = options?.args ?? [];\n\n  // Using a custom hook to manage state specific to asynchronous operations\n  const {\n    setIsFetched,\n    setIsLoading,\n    setError,\n    setIsSuccess,\n    setData,\n    setIsInvalidated,\n    setIsEnabled,\n    incrementRetryCount,\n    resetRetryCount,\n  } = useAsyncStateStore(\n    useShallow((state) => ({\n      setIsFetched: state.setIsFetched,\n      setIsLoading: state.setIsLoading,\n      setError: state.setError,\n      setIsSuccess: state.setIsSuccess,\n      setIsInvalidated: state.setIsInvalidated,\n      setIsEnabled: state.setIsEnabled,\n      setData: state.setData,\n      incrementRetryCount: state.incrementRetryCount,\n      resetRetryCount: state.resetRetryCount,\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: isEnabledState,\n    error,\n    isSuccess,\n    isInvalidated,\n    data,\n    retryCount: errorCount,\n  } = useAsyncStateStore((state) => state.getStates(keyWithArgs));\n\n  const isEnabled = isEnabledState || enabled;\n  const isDisabled = !isEnabled;\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        setIsLoading(keyWithArgs, true);\n        let response = null;\n        let errorResponse = null;\n\n        await asyncFunction(...args)\n          .then((result) => {\n            const isResultChanged =\n              JSON.stringify(result) !== JSON.stringify(data);\n\n            response = result;\n            if (isResultChanged) {\n              setData(keyWithArgs, result);\n            }\n            setIsSuccess(keyWithArgs, true);\n            onSuccess?.(result);\n            resetRetryCount(keyWithArgs);\n\n            // Store the result in session storage\n            if (storeEnabled) {\n              sessionStorage.setItem(keyWithArgs, JSON.stringify(result));\n            }\n\n            // Update other queries if necessary\n            if (isResultChanged && updateQueries.length > 0) {\n              updateQueries.forEach((key) => {\n                setData(key, result);\n              });\n            }\n\n            // Invalidate other queries if necessary\n            if (isResultChanged && invalidateQueries.length > 0) {\n              invalidateQueries.forEach((key) => {\n                setIsInvalidated(key, true);\n              });\n            }\n          })\n          .catch((error) => {\n            const errorMessage = error.message ?? 'An error occurred';\n            console.error(JSON.stringify(error));\n\n            setData(keyWithArgs, null);\n            setError(keyWithArgs, errorMessage);\n            incrementRetryCount(keyWithArgs);\n            onError?.(errorMessage);\n            errorResponse = error;\n          })\n          .finally(() => {\n            setIsLoading(keyWithArgs, false);\n            setIsFetched(keyWithArgs, true);\n            setIsInvalidated(keyWithArgs, false);\n\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    }) as T,\n    [asyncFunction, keyWithArgs]\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 (isDisabled) return;\n      if (isLoading) return;\n      if (isSuccess && cacheEnabled && data) return data;\n\n      if (args) {\n        storedArgsRef.current = args;\n      }\n\n      await fetch(...args);\n    }) as T,\n    [isDisabled, cacheEnabled, isSuccess, data, isLoading]\n  );\n\n  // Function to revalidate the data when necessary\n  const revalidate: T = useCallback<T>(\n    (async (...args) => {\n      if (isDisabled) return;\n      if (isSuccess) return;\n      if (isLoading) return;\n\n      if (args) {\n        storedArgsRef.current = args;\n      }\n\n      await fetch(...storedArgsRef.current);\n    }) as T,\n    [isDisabled, storedArgsRef, isSuccess, isLoading]\n  );\n\n  const autoRevalidate = useCallback(() => {\n    if (isDisabled) return;\n    if (isLoading || !(cacheEnabled || storeEnabled)) return;\n    if (!revalidationEnabled || revalidateTime <= 0 || !isSuccess) 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      fetch(...storedArgsRef.current);\n    }\n  }, [\n    cacheEnabled,\n    revalidationEnabled,\n    revalidateTime,\n    isSuccess,\n    fetchedDateTime,\n    isLoading,\n    isDisabled,\n  ]);\n\n  useEffect(() => {\n    setIsEnabled(keyWithArgs, enabled);\n  }, [enabled]);\n\n  // Auto-fetch data on hook mount if autoFetch is true\n  useEffect(() => {\n    if (!autoFetch) return;\n    if (isDisabled) return;\n    if (isFetched || isLoading) return;\n\n    fetch(...storedArgsRef.current);\n  }, [autoFetch, isFetched, isDisabled, isLoading]);\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 (isDisabled) 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      if (isRetryEnabled && !isRetryLimitReached && !isSuccess) {\n        execute(...storedArgsRef.current);\n      }\n    }, retryTime);\n\n    return () => clearTimeout(timeOut);\n  }, [execute, errorCount, retryLimit, retryTime, isSuccess]);\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 (isDisabled) return;\n    if (!storeEnabled) return;\n    if (isInvalidated) return;\n    if (isFetched) return;\n\n    const storedData = sessionStorage.getItem(keyWithArgs);\n\n    if (storedData) {\n      setData(keyWithArgs, JSON.parse(storedData));\n    }\n  }, [storeEnabled, keyWithArgs, isFetched, isInvalidated, isDisabled]);\n\n  // Handle invalidation if props are changed\n  useEffect(() => {\n    if (!isInvalidatedProps) return;\n    setIsInvalidated(keyWithArgs, isInvalidatedProps);\n  }, [isInvalidatedProps]);\n\n  // Memoization of the setData function to prevent unnecessary re-renders\n  const setDataMemo = useCallback(\n    (data: Awaited<ReturnType<T> | null>) => {\n      setData(keyWithArgs, data);\n    },\n    [keyWithArgs]\n  );\n\n  // Return the hook's result, including all state and control functions\n  return {\n    isFetched,\n    isLoading,\n    isInvalidated,\n    error,\n    isSuccess,\n    data,\n    retryCount: errorCount,\n    isDisabled,\n    isEnabled,\n    [key]: execute,\n    revalidate,\n    setData: setDataMemo,\n  } as UseAsyncResultBase<T> & Record<U, T>;\n};\n"],"names":["ReactExports","useRef","args","keyWithArgs","key","error","data"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -1,5 +1,4 @@
 import { UseAsyncOptions, UseAsyncResult } from './useAsync';
-
 /**
  * This hook allow the declaration of a custom hook that wraps an async function.
  * It provides a simpler way to make your useAsync hook more readable and maintainable.

package/dist/hooks/useGetAllDictionaries.d.ts

@@ -1,5 +1,4 @@
 import { Dictionary } from '@intlayer/core';
-
 export declare const useGetAllDictionaries: () => {
     online: Record<string, Dictionary>;
     locale: Record<string, Dictionary>;

package/dist/hooks/useItemSelector.d.ts

@@ -1,5 +1,4 @@
 import { MutableRefObject } from 'react';
-
 type PositionState = {
     left: number;
     width: number;

package/dist/index-BUDsCMdX.cjs

@@ -0,0 +1,204 @@
+"use client";
+"use strict";
+const jsxRuntime = require("./jsx-runtime-DvCoRj5u.cjs");
+const core = require("@intlayer/core");
+const require$$0 = require("react");
+const lucideReact = require("lucide-react");
+const components_DictionaryEditor_ItemLayout = require("./components/DictionaryEditor/ItemLayout.cjs");
+const components_DictionaryEditor_NodeWrapper_StringWrapper = require("./components/DictionaryEditor/NodeWrapper/StringWrapper.cjs");
+const components_DictionaryEditor_useEditedContentStore = require("./components/DictionaryEditor/useEditedContentStore.cjs");
+const ArrayWrapper = (props) => {
+  const {
+    keyPath,
+    section,
+    onFocusKeyPath,
+    onClickEdit,
+    focusedKeyPath = []
+  } = props;
+  return section.map((subSection, key) => {
+    const newKeyPathEl = {
+      key,
+      type: core.NodeType.Array
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      components_DictionaryEditor_ItemLayout.ItemLayout,
+      {
+        level: keyPath.length,
+        title: `${key}`,
+        description: "",
+        isSelected: core.isSameKeyPath(newKeyPath, focusedKeyPath),
+        onClick: (e) => {
+          e.stopPropagation();
+          onFocusKeyPath(newKeyPath);
+        },
+        rightParam: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          lucideReact.Edit,
+          {
+            size: 16,
+            role: "button",
+            "aria-label": "Open the editor",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClickEdit?.(newKeyPath);
+            }
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection })
+      },
+      JSON.stringify(subSection)
+    );
+  });
+};
+const EnumerationWrapper = (props) => {
+  const { keyPath, section } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "ml-2 grid grid-cols-[auto,1fr] gap-2", children: Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
+    const newKeyPathEl = {
+      type: core.NodeType.Enumeration,
+      key
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    const subSection = section.enumeration[key];
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "flex items-center font-bold", children: key }),
+      /* @__PURE__ */ require$$0.createElement(
+        NodeWrapper,
+        {
+          ...props,
+          key,
+          keyPath: newKeyPath,
+          section: subSection
+        }
+      )
+    ] });
+  }) });
+};
+const NestedObjectWrapper = (props) => {
+  const {
+    keyPath,
+    section,
+    focusedKeyPath = [],
+    onClickEdit,
+    onFocusKeyPath
+  } = props;
+  return Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
+    const newKeyPathEl = { key, type: core.NodeType.Object };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      components_DictionaryEditor_ItemLayout.ItemLayout,
+      {
+        level: keyPath.length,
+        title: key,
+        description: "",
+        isSelected: core.isSameKeyPath(newKeyPath, focusedKeyPath),
+        onClick: (e) => {
+          e.stopPropagation();
+          onFocusKeyPath(newKeyPath);
+        },
+        rightParam: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          lucideReact.Edit,
+          {
+            size: 16,
+            role: "button",
+            "aria-label": "Open the editor",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClickEdit?.(newKeyPath);
+            }
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: section[key] })
+      },
+      key
+    );
+  });
+};
+const TranslationWrapper = (props) => {
+  const { keyPath, section, locale } = props;
+  const newKeyPathEl = {
+    type: core.NodeType.Translation,
+    key: locale
+  };
+  const newKeyPath = [...keyPath, newKeyPathEl];
+  const subSection = section.translation[locale];
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection });
+};
+const traceKeys = ["filePath", "id", "nodeType"];
+const isReactNode = (node) => typeof node?.key !== "undefined" && typeof node?.props !== "undefined";
+const createReactElement = (element) => {
+  if (typeof element === "string") {
+    return element;
+  }
+  const convertChildrenAsArray = (element2) => {
+    if (element2?.props && typeof element2.props.children === "object") {
+      const childrenResult = [];
+      const { children } = element2.props;
+      Object.keys(children).forEach((key) => {
+        childrenResult.push(createReactElement(children[key]));
+      });
+      return {
+        ...element2,
+        props: { ...element2.props, children: childrenResult }
+      };
+    }
+    return {
+      ...element2,
+      props: { ...element2.props, children: element2.props.children }
+    };
+  };
+  const fixedElement = convertChildrenAsArray(element);
+  const { type, props } = fixedElement;
+  return require$$0.createElement(type ?? "div", props, ...props.children);
+};
+const NodeWrapper = (props) => {
+  const { section } = props;
+  components_DictionaryEditor_useEditedContentStore.useEditedContentStore((s) => ({
+    addEditedContent: s.addEditedContent
+  }));
+  if (typeof section === "object") {
+    if (isReactNode(section)) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+        createReactElement(section),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral-dark text-xs", children: "React node not editable" })
+      ] });
+    }
+    if (section.nodeType === core.NodeType.Translation) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        TranslationWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (section.nodeType === core.NodeType.Enumeration) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        EnumerationWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (Array.isArray(section)) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ArrayWrapper, { ...props, section });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      NestedObjectWrapper,
+      {
+        ...props,
+        section
+      }
+    );
+  }
+  if (typeof section === "string") {
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryEditor_NodeWrapper_StringWrapper.StringWrapper, { ...props, section });
+  }
+};
+exports.ArrayWrapper = ArrayWrapper;
+exports.EnumerationWrapper = EnumerationWrapper;
+exports.NestedObjectWrapper = NestedObjectWrapper;
+exports.NodeWrapper = NodeWrapper;
+exports.TranslationWrapper = TranslationWrapper;
+exports.traceKeys = traceKeys;
+//# sourceMappingURL=index-BUDsCMdX.cjs.map

package/dist/index-BUDsCMdX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BUDsCMdX.cjs","sources":["../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["/* eslint-disable import/no-cycle */\nimport {\n  isSameKeyPath,\n  NodeType,\n  type DictionaryValue,\n  type KeyPath,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: DictionaryValue[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    onFocusKeyPath,\n    onClickEdit,\n    focusedKeyPath = [],\n  } = props;\n\n  return section.map((subSection, key) => {\n    const newKeyPathEl: KeyPath = {\n      key,\n      type: NodeType.Array,\n    };\n    const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n    return (\n      <ItemLayout\n        level={keyPath.length}\n        key={JSON.stringify(subSection)}\n        title={`${key}`}\n        description=\"\"\n        isSelected={isSameKeyPath(newKeyPath, focusedKeyPath)}\n        onClick={(e) => {\n          e.stopPropagation();\n          onFocusKeyPath(newKeyPath);\n        }}\n        rightParam={\n          <Edit\n            size={16}\n            role=\"button\"\n            aria-label=\"Open the editor\"\n            onClick={(e) => {\n              e.stopPropagation();\n\n              onClickEdit?.(newKeyPath);\n            }}\n          />\n        }\n      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n","/* eslint-disable import/no-cycle */\nimport {\n  type KeyPath,\n  NodeType,\n  type EnumerationContent,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype EnumerationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: EnumerationContent<DictionaryValue>;\n};\n\nexport const EnumerationWrapper: FC<EnumerationWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      {Object.keys(section)\n        .filter((key) => !traceKeys.includes(key))\n        .map((key) => {\n          const newKeyPathEl: KeyPath = {\n            type: NodeType.Enumeration,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section.enumeration[key as keyof (typeof section)['enumeration']]!;\n\n          return (\n            <>\n              <span className=\"flex items-center font-bold\">{key}</span>\n              <NodeWrapper\n                {...props}\n                key={key}\n                keyPath={newKeyPath}\n                section={subSection}\n              />\n            </>\n          );\n        })}\n    </div>\n  );\n};\n","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  isSameKeyPath,\n  type DictionaryValue,\n  NodeType,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype NestedObjectWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: Record<string, DictionaryValue>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    focusedKeyPath = [],\n    onClickEdit,\n    onFocusKeyPath,\n  } = props;\n\n  return Object.keys(section)\n    .filter((key) => !traceKeys.includes(key))\n    .map((key) => {\n      const newKeyPathEl: KeyPath = { key, type: NodeType.Object };\n      const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n      return (\n        <ItemLayout\n          level={keyPath.length}\n          key={key}\n          title={key}\n          description=\"\"\n          isSelected={isSameKeyPath(newKeyPath, focusedKeyPath)}\n          onClick={(e) => {\n            e.stopPropagation();\n\n            onFocusKeyPath(newKeyPath);\n          }}\n          rightParam={\n            <Edit\n              size={16}\n              role=\"button\"\n              aria-label=\"Open the editor\"\n              onClick={(e) => {\n                e.stopPropagation();\n\n                onClickEdit?.(newKeyPath);\n              }}\n            />\n          }\n        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n};\n","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  NodeType,\n  type TranslationContent,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<DictionaryValue>;\n};\n\nexport const TranslationWrapper: FC<TranslationWrapperProps> = (props) => {\n  const { keyPath, section, locale } = props;\n\n  const newKeyPathEl: KeyPath = {\n    type: NodeType.Translation,\n    key: locale,\n  };\n\n  const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n  const subSection =\n    section.translation[\n      locale as unknown as keyof (typeof section)['translation']\n    ]!;\n\n  return <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />;\n};\n","/* eslint-disable import/no-cycle */\n'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport {\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type DictionaryValue,\n  type Dictionary,\n} from '@intlayer/core';\nimport {\n  createElement,\n  type ReactElement,\n  type ReactNode,\n  type FC,\n} from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\nimport { NestedObjectWrapper } from './NestedObjectWrapper';\nimport { StringWrapper } from './StringWrapper';\nimport { TranslationWrapper } from './TranslationWrapper';\nimport { useEditedContentStore } from '../useEditedContentStore';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nconst isReactNode = (node: Record<string, unknown>): boolean =>\n  typeof node?.key !== 'undefined' && typeof node?.props !== 'undefined';\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  section: DictionaryValue;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locales;\n  editedContent: Dictionary;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) => {\n        childrenResult.push(createReactElement(children[key]));\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\n};\n\nexport const NodeWrapper: FC<NodeWrapperProps> = (props) => {\n  const { section } = props;\n\n  const { addEditedContent } = useEditedContentStore((s) => ({\n    addEditedContent: s.addEditedContent,\n  }));\n\n  if (typeof section === 'object') {\n    if (isReactNode(section as Record<string, unknown>)) {\n      return (\n        <>\n          {createReactElement(section as unknown as ReactElement)}\n          <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n            React node not editable\n          </span>\n        </>\n      );\n    }\n\n    if (\n      (section as TranslationContent<DictionaryValue>).nodeType ===\n      NodeType.Translation\n    ) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (\n      (section as EnumerationContent<DictionaryValue>).nodeType ===\n      NodeType.Enumeration\n    ) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (Array.isArray(section)) {\n      return <ArrayWrapper {...props} section={section as DictionaryValue[]} />;\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as Record<string, DictionaryValue>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n};\n"],"names":["NodeType","jsx","ItemLayout","isSameKeyPath","Edit","jsxs","Fragment","createElement","element","useEditedContentStore","StringWrapper"],"mappings":"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"}