@intlayer/design-system 5.1.4 → 5.1.6

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

@@ -1 +1 @@
-{"version":3,"file":"useAsyncStateStore.cjs","sources":["../../../src/hooks/useAsync/useAsyncStateStore.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useReducer,\n} from 'react';\n\n/**\n * Represents the states for a given key in the asynchronous state management.\n * This includes flags for loading, fetched, invalidation, and success/error status.\n * It also keeps track of the fetched datetime, retry counts, the data itself, and whether queries are enabled.\n */\ntype States<T> = {\n  isLoading: boolean;\n  isFetched: boolean;\n  isInvalidated: boolean;\n  fetchedDateTime: null | Date;\n  error: string | null;\n  isSuccess: boolean;\n  data: T | null;\n  errorCount: number;\n  isEnabled: boolean;\n};\n\n/**\n * Holds a mapping from a key (string) to its associated state.\n */\ntype StateSlice<T> = {\n  [key: string]: States<T>;\n};\n\n/**\n * Describes all the possible actions that can be dispatched to the reducer.\n * These actions allow setting or updating states for specific keys or multiple keys at once,\n * handling errors, and resetting states.\n */\ntype Actions<T> =\n  | { type: 'SET_QUERY_STATE'; key: string; value: Partial<States<T>> }\n  | { type: 'MAKE_QUERY_IN_ERROR'; key: string; error: string }\n  | { type: 'SET_QUERIES_STATE'; keys: string[]; value: Partial<States<T>> }\n  | { type: 'RESET_KEY_STATE'; keys: string[] }\n  | { type: 'RESET_STATE'; excludeKeys: string[] };\n\n/**\n * The shape of the entire asynchronous state, holding all states in a single object.\n */\ntype AsyncState<T> = {\n  states: StateSlice<T>;\n};\n\n/**\n * Creates a default state object with initial values. This is useful when a key\n * has not been initialized yet or when resetting a state back to defaults.\n */\nconst createDefaultStates = <T,>(): States<T> => ({\n  isFetched: false,\n  fetchedDateTime: null,\n  isLoading: false,\n  isInvalidated: false,\n  error: null,\n  isSuccess: false,\n  data: null,\n  errorCount: 0,\n  isEnabled: true,\n});\n\n/**\n * Ensures that a given value is returned as an array.\n * If the value is undefined or null, returns an empty array.\n * If the value is not already an array, wraps it in one.\n */\nconst ensureArray = <T,>(value?: T | T[]): T[] => {\n  if (!value) {\n    // If no value is provided, return an empty array\n    return [];\n  } else if (Array.isArray(value)) {\n    // If it's already an array, just return it\n    return value;\n  }\n  // If it's a single value, wrap it in an array\n  return [value];\n};\n\n/**\n * Given a list of selector keys and a list of keys that may contain arguments,\n * this function returns all keys that match the selectors. Matching is determined\n * by comparing the initial part (split by \"/\") of the key.\n *\n * For example:\n * selectorsKeys = [\"user\", \"posts\"]\n * keysWithArgs = [\"user/123\", \"posts/active\", \"comments/42\"]\n * Result = [\"user/123\", \"posts/active\"]\n */\nconst getMatchKeys = (\n  selectorsKeys: string[],\n  keysWithArgs: string[]\n): string[] =>\n  keysWithArgs.filter((key) => selectorsKeys.includes(key.split('/')[0]));\n\n/**\n * The reducer function handling all state transitions. It takes the current state and an action,\n * and returns a new state based on the type of the action.\n *\n * Actions include:\n * - SET_QUERY_STATE: Update a single key with partial new state.\n * - MAKE_QUERY_IN_ERROR: Mark a single key as errored and update related flags.\n * - SET_QUERIES_STATE: Update multiple keys at once with partial new state.\n * - RESET_KEY_STATE: Reset certain keys to their default states.\n * - RESET_STATE: Reset all keys to their default states except those excluded.\n */\nconst reducer = <T,>(\n  state: AsyncState<T>,\n  action: Actions<T>\n): AsyncState<T> => {\n  switch (action.type) {\n    case 'SET_QUERY_STATE': {\n      const { key, value } = action;\n      return {\n        ...state,\n        states: {\n          ...state.states,\n          [key]: {\n            // Merge existing state for the key or default state if not present\n            ...(state.states[key] ?? createDefaultStates<T>()),\n            ...value,\n          },\n        },\n      };\n    }\n    case 'MAKE_QUERY_IN_ERROR': {\n      const { key, error } = action;\n      return {\n        ...state,\n        states: {\n          ...state.states,\n          [key]: {\n            // Merge existing state or default if not found\n            ...(state.states[key] ?? createDefaultStates<T>()),\n            // Explicitly set error and related flags\n            error,\n            isFetched: true,\n            isSuccess: false,\n            errorCount: (state.states[key]?.errorCount ?? 0) + 1,\n            isLoading: false,\n            isInvalidated: false,\n          },\n        },\n      };\n    }\n    case 'SET_QUERIES_STATE': {\n      const { keys, value } = action;\n      const keyArray = ensureArray(keys);\n      if (keyArray.length === 0) return state;\n\n      // Update multiple keys in a single action\n      const updatedStates = { ...state.states };\n      keyArray.forEach((key) => {\n        updatedStates[key] = {\n          ...(state.states[key] ?? createDefaultStates<T>()),\n          ...value,\n        };\n      });\n\n      return {\n        ...state,\n        states: updatedStates,\n      };\n    }\n    case 'RESET_KEY_STATE': {\n      const { keys } = action;\n      const keyArray = ensureArray(keys);\n      if (keyArray.length === 0) return state;\n\n      // Find all keys that match the given selectors\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(keyArray, allKeys);\n      if (matchedKeys.length === 0) return state;\n\n      // Reset the matched keys back to default states\n      const resetStates = { ...state.states };\n      matchedKeys.forEach((key) => {\n        resetStates[key] = createDefaultStates<T>();\n      });\n\n      return {\n        ...state,\n        states: resetStates,\n      };\n    }\n    case 'RESET_STATE': {\n      const excludeArray = ensureArray(action.excludeKeys);\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(excludeArray, allKeys);\n\n      // Reset all states except those that match the exclude keys\n      const newStates: StateSlice<T> = {};\n      allKeys.forEach((key) => {\n        newStates[key] = matchedKeys.includes(key)\n          ? state.states[key]\n          : createDefaultStates<T>();\n      });\n\n      return {\n        ...state,\n        states: newStates,\n      };\n    }\n    default:\n      return state;\n  }\n};\n\n/**\n * The context type that will be provided to consumers.\n * It exposes a set of functions for interacting with the asynchronous state:\n * - getStates: Retrieve the current state for a given key.\n * - setQueryState: Partially update a single key's state.\n * - setQueriesState: Partially update multiple keys' states.\n * - makeQueryInError: Set a particular key into an error state.\n * - resetKeyState: Reset certain keys to their default states.\n * - resetState: Reset all keys to their default states except a set of excluded ones.\n */\ntype AsyncStateContextType<T> = {\n  getStates: (key: string) => States<T>;\n  setQueryState: (key: string, value: Partial<States<T>>) => void;\n  setQueriesState: (keys: string[], value: Partial<States<T>>) => void;\n  makeQueryInError: (key: string, error: string) => void;\n  resetKeyState: (keys: string[]) => void;\n  resetState: (excludedKeys: string[]) => void;\n};\n\n/**\n * Creates a React context for asynchronous state management.\n * This context will be provided by the AsyncStateProvider and consumed by hooks like useAsyncState.\n */\nconst AsyncStateContext = createContext<AsyncStateContextType<unknown> | null>(\n  null\n);\n\n/**\n * A provider component that wraps its children and provides the asynchronous\n * state context. It uses the reducer to manage states and dispatch actions\n * based on consumer interactions.\n *\n * @param children The React children elements that should have access to this context.\n */\nexport const AsyncStateProvider = ({ children }: PropsWithChildren<{}>) => {\n  // Initialize the reducer with an empty state object\n  const [asyncState, dispatch] = useReducer(reducer, { states: {} });\n\n  /**\n   * Retrieve the state associated with a given key. If no state exists for that key,\n   * return a default state.\n   *\n   * @param key The key for which to retrieve the state.\n   */\n  const getStates = (key: string) =>\n    asyncState.states[key] ?? createDefaultStates<unknown>();\n\n  /**\n   * Partially update the state for a given key.\n   *\n   * @param key The key to update.\n   * @param value A partial state object to merge with the existing state.\n   */\n  const setQueryState = (key: string, value: Partial<States<unknown>>) => {\n    dispatch({ type: 'SET_QUERY_STATE', key, value });\n  };\n\n  /**\n   * Partially update the state for multiple keys at once.\n   *\n   * @param keys An array of keys to update.\n   * @param value A partial state object to merge with each key's existing state.\n   */\n  const setQueriesState = (keys: string[], value: Partial<States<unknown>>) => {\n    dispatch({ type: 'SET_QUERIES_STATE', keys, value });\n  };\n\n  /**\n   * Mark a given query as having encountered an error.\n   *\n   * @param key The key associated with the query.\n   * @param error The error message to set.\n   */\n  const makeQueryInError = (key: string, error: string) => {\n    dispatch({ type: 'MAKE_QUERY_IN_ERROR', key, error });\n  };\n\n  /**\n   * Reset certain keys back to their default states.\n   *\n   * @param keys The keys to reset.\n   */\n  const resetKeyState = (keys: string[]) => {\n    dispatch({ type: 'RESET_KEY_STATE', keys });\n  };\n\n  /**\n   * Reset the entire state back to defaults, except for keys that match the excluded ones.\n   *\n   * @param excludedKeys Keys that should not be reset.\n   */\n  const resetState = (excludedKeys: string[]) => {\n    dispatch({ type: 'RESET_STATE', excludeKeys: excludedKeys });\n  };\n\n  return (\n    <AsyncStateContext.Provider\n      value={{\n        getStates,\n        setQueryState,\n        setQueriesState,\n        makeQueryInError,\n        resetKeyState,\n        resetState,\n      }}\n    >\n      {children}\n    </AsyncStateContext.Provider>\n  );\n};\n\n/**\n * A custom hook for accessing the asynchronous state context. It throws an error if used\n * outside of a provider.\n *\n * @returns The asynchronous state context value.\n */\nexport const useAsyncState = () => {\n  const context = useContext(AsyncStateContext);\n  if (!context) {\n    throw new Error('useAsyncState must be used within an AsyncStateProvider');\n  }\n  return context;\n};\n"],"names":["createContext","useReducer","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"useAsyncStateStore.cjs","sources":["../../../src/hooks/useAsync/useAsyncStateStore.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useReducer,\n} from 'react';\n\n/**\n * Represents the states for a given key in the asynchronous state management.\n * This includes flags for loading, fetched, invalidation, and success/error status.\n * It also keeps track of the fetched datetime, retry counts, the data itself, and whether queries are enabled.\n */\ntype States<T> = {\n  isLoading: boolean;\n  isFetched: boolean;\n  isInvalidated: boolean;\n  fetchedDateTime: null | Date;\n  error: string | null;\n  isSuccess: boolean;\n  data: T | null;\n  errorCount: number;\n  isEnabled: boolean;\n};\n\n/**\n * Holds a mapping from a key (string) to its associated state.\n */\ntype StateSlice<T> = {\n  [key: string]: States<T>;\n};\n\n/**\n * Describes all the possible actions that can be dispatched to the reducer.\n * These actions allow setting or updating states for specific keys or multiple keys at once,\n * handling errors, and resetting states.\n */\ntype Actions<T> =\n  | { type: 'SET_QUERY_STATE'; key: string; value: Partial<States<T>> }\n  | { type: 'MAKE_QUERY_IN_ERROR'; key: string; error: string }\n  | { type: 'SET_QUERIES_STATE'; keys: string[]; value: Partial<States<T>> }\n  | { type: 'RESET_KEY_STATE'; keys: string[] }\n  | { type: 'RESET_STATE'; excludeKeys: string[] };\n\n/**\n * The shape of the entire asynchronous state, holding all states in a single object.\n */\ntype AsyncState<T> = {\n  states: StateSlice<T>;\n};\n\n/**\n * Creates a default state object with initial values. This is useful when a key\n * has not been initialized yet or when resetting a state back to defaults.\n */\nconst createDefaultStates = <T,>(): States<T> => ({\n  isFetched: false,\n  fetchedDateTime: null,\n  isLoading: false,\n  isInvalidated: false,\n  error: null,\n  isSuccess: false,\n  data: null,\n  errorCount: 0,\n  isEnabled: true,\n});\n\n/**\n * Given a list of selector keys and a list of keys that may contain arguments,\n * this function returns all keys that match the selectors. Matching is determined\n * by comparing the initial part (split by \"/\") of the key.\n *\n * For example:\n * selectorsKeys = [\"user\", \"posts\"]\n * keysWithArgs = [\"user/123\", \"posts/active\", \"comments/42\"]\n * Result = [\"user/123\", \"posts/active\"]\n */\nconst getMatchKeys = (\n  selectorsKeys: string[],\n  keysWithArgs: string[]\n): string[] =>\n  keysWithArgs.filter((key) => selectorsKeys.includes(key.split('/')[0]));\n\n/**\n * The reducer function handling all state transitions. It takes the current state and an action,\n * and returns a new state based on the type of the action.\n *\n * Actions include:\n * - SET_QUERY_STATE: Update a single key with partial new state.\n * - MAKE_QUERY_IN_ERROR: Mark a single key as errored and update related flags.\n * - SET_QUERIES_STATE: Update multiple keys at once with partial new state.\n * - RESET_KEY_STATE: Reset certain keys to their default states.\n * - RESET_STATE: Reset all keys to their default states except those excluded.\n */\nconst reducer = <T,>(\n  state: AsyncState<T>,\n  action: Actions<T>\n): AsyncState<T> => {\n  switch (action.type) {\n    case 'SET_QUERY_STATE': {\n      const { key, value } = action;\n      return {\n        ...state,\n        states: {\n          ...state.states,\n          [key]: {\n            // Merge existing state for the key or default state if not present\n            ...(state.states[key] ?? createDefaultStates<T>()),\n            ...value,\n          },\n        },\n      };\n    }\n    case 'MAKE_QUERY_IN_ERROR': {\n      const { key, error } = action;\n      return {\n        ...state,\n        states: {\n          ...state.states,\n          [key]: {\n            // Merge existing state or default if not found\n            ...(state.states[key] ?? createDefaultStates<T>()),\n            // Explicitly set error and related flags\n            error,\n            isFetched: true,\n            isSuccess: false,\n            errorCount: (state.states[key]?.errorCount ?? 0) + 1,\n            isLoading: false,\n            isInvalidated: false,\n          },\n        },\n      };\n    }\n    case 'SET_QUERIES_STATE': {\n      const { keys, value } = action;\n      const keyArray = [keys].flat();\n\n      // Find all keys that match the given selectors\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(keyArray, allKeys);\n      if (matchedKeys.length === 0) return state;\n\n      // Update multiple keys in a single action\n      const updatedStates = structuredClone(state.states);\n      matchedKeys.forEach((key) => {\n        updatedStates[key] = {\n          ...(state.states[key] ?? createDefaultStates<T>()),\n          ...value,\n        };\n      });\n\n      return {\n        ...state,\n        states: updatedStates,\n      };\n    }\n    case 'RESET_KEY_STATE': {\n      const { keys } = action;\n      const keyArray = [keys].flat();\n      if (keyArray.length === 0) return state;\n\n      // Find all keys that match the given selectors\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(keyArray, allKeys);\n      if (matchedKeys.length === 0) return state;\n\n      // Reset the matched keys back to default states\n      const resetStates = { ...state.states };\n      matchedKeys.forEach((key) => {\n        resetStates[key] = createDefaultStates<T>();\n      });\n\n      return {\n        ...state,\n        states: resetStates,\n      };\n    }\n    case 'RESET_STATE': {\n      const excludeArray = [action.excludeKeys].flat();\n      const allKeys = Object.keys(state.states);\n\n      const matchedKeys = getMatchKeys(excludeArray, allKeys);\n\n      // Reset all states except those that match the exclude keys\n      const newStates: StateSlice<T> = {};\n      allKeys.forEach((key) => {\n        newStates[key] = matchedKeys.includes(key)\n          ? state.states[key]\n          : createDefaultStates<T>();\n      });\n\n      return {\n        ...state,\n        states: newStates,\n      };\n    }\n    default:\n      return state;\n  }\n};\n\n/**\n * The context type that will be provided to consumers.\n * It exposes a set of functions for interacting with the asynchronous state:\n * - getStates: Retrieve the current state for a given key.\n * - setQueryState: Partially update a single key's state.\n * - setQueriesState: Partially update multiple keys' states.\n * - makeQueryInError: Set a particular key into an error state.\n * - resetKeyState: Reset certain keys to their default states.\n * - resetState: Reset all keys to their default states except a set of excluded ones.\n */\ntype AsyncStateContextType<T> = {\n  getStates: (key: string) => States<T>;\n  setQueryState: (key: string, value: Partial<States<T>>) => void;\n  setQueriesState: (keys: string[], value: Partial<States<T>>) => void;\n  makeQueryInError: (key: string, error: string) => void;\n  resetKeyState: (keys: string[]) => void;\n  resetState: (excludedKeys: string[]) => void;\n};\n\n/**\n * Creates a React context for asynchronous state management.\n * This context will be provided by the AsyncStateProvider and consumed by hooks like useAsyncState.\n */\nconst AsyncStateContext = createContext<AsyncStateContextType<unknown> | null>(\n  null\n);\n\n/**\n * A provider component that wraps its children and provides the asynchronous\n * state context. It uses the reducer to manage states and dispatch actions\n * based on consumer interactions.\n *\n * @param children The React children elements that should have access to this context.\n */\nexport const AsyncStateProvider = ({ children }: PropsWithChildren<{}>) => {\n  // Initialize the reducer with an empty state object\n  const [asyncState, dispatch] = useReducer(reducer, { states: {} });\n\n  /**\n   * Retrieve the state associated with a given key. If no state exists for that key,\n   * return a default state.\n   *\n   * @param key The key for which to retrieve the state.\n   */\n  const getStates = (key: string) =>\n    asyncState.states[key] ?? createDefaultStates<unknown>();\n\n  /**\n   * Partially update the state for a given key.\n   *\n   * @param key The key to update.\n   * @param value A partial state object to merge with the existing state.\n   */\n  const setQueryState = (key: string, value: Partial<States<unknown>>) => {\n    dispatch({ type: 'SET_QUERY_STATE', key, value });\n  };\n\n  /**\n   * Partially update the state for multiple keys at once.\n   *\n   * @param keys An array of keys to update.\n   * @param value A partial state object to merge with each key's existing state.\n   */\n  const setQueriesState = (keys: string[], value: Partial<States<unknown>>) => {\n    dispatch({ type: 'SET_QUERIES_STATE', keys, value });\n  };\n\n  /**\n   * Mark a given query as having encountered an error.\n   *\n   * @param key The key associated with the query.\n   * @param error The error message to set.\n   */\n  const makeQueryInError = (key: string, error: string) => {\n    dispatch({ type: 'MAKE_QUERY_IN_ERROR', key, error });\n  };\n\n  /**\n   * Reset certain keys back to their default states.\n   *\n   * @param keys The keys to reset.\n   */\n  const resetKeyState = (keys: string[]) => {\n    dispatch({ type: 'RESET_KEY_STATE', keys });\n  };\n\n  /**\n   * Reset the entire state back to defaults, except for keys that match the excluded ones.\n   *\n   * @param excludedKeys Keys that should not be reset.\n   */\n  const resetState = (excludedKeys: string[]) => {\n    dispatch({ type: 'RESET_STATE', excludeKeys: excludedKeys });\n  };\n\n  return (\n    <AsyncStateContext.Provider\n      value={{\n        getStates,\n        setQueryState,\n        setQueriesState,\n        makeQueryInError,\n        resetKeyState,\n        resetState,\n      }}\n    >\n      {children}\n    </AsyncStateContext.Provider>\n  );\n};\n\n/**\n * A custom hook for accessing the asynchronous state context. It throws an error if used\n * outside of a provider.\n *\n * @returns The asynchronous state context value.\n */\nexport const useAsyncState = () => {\n  const context = useContext(AsyncStateContext);\n  if (!context) {\n    throw new Error('useAsyncState must be used within an AsyncStateProvider');\n  }\n  return context;\n};\n"],"names":["createContext","useReducer","jsx","useContext"],"mappings":"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"}

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

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

package/dist/hooks/useAsync/useAsyncStateStore.mjs

@@ -12,14 +12,6 @@ const createDefaultStates = () => ({
   errorCount: 0,
   isEnabled: true
 });
-const ensureArray = (value) => {
-  if (!value) {
-    return [];
-  } else if (Array.isArray(value)) {
-    return value;
-  }
-  return [value];
-};
 const getMatchKeys = (selectorsKeys, keysWithArgs) => keysWithArgs.filter((key) => selectorsKeys.includes(key.split("/")[0]));
 const reducer = (state, action) => {
   switch (action.type) {
@@ -59,10 +51,12 @@ const reducer = (state, action) => {
     }
     case "SET_QUERIES_STATE": {
       const { keys, value } = action;
-      const keyArray = ensureArray(keys);
-      if (keyArray.length === 0) return state;
-      const updatedStates = { ...state.states };
-      keyArray.forEach((key) => {
+      const keyArray = [keys].flat();
+      const allKeys = Object.keys(state.states);
+      const matchedKeys = getMatchKeys(keyArray, allKeys);
+      if (matchedKeys.length === 0) return state;
+      const updatedStates = structuredClone(state.states);
+      matchedKeys.forEach((key) => {
         updatedStates[key] = {
           ...state.states[key] ?? createDefaultStates(),
           ...value
@@ -75,7 +69,7 @@ const reducer = (state, action) => {
     }
     case "RESET_KEY_STATE": {
       const { keys } = action;
-      const keyArray = ensureArray(keys);
+      const keyArray = [keys].flat();
       if (keyArray.length === 0) return state;
       const allKeys = Object.keys(state.states);
       const matchedKeys = getMatchKeys(keyArray, allKeys);
@@ -90,7 +84,7 @@ const reducer = (state, action) => {
       };
     }
     case "RESET_STATE": {
-      const excludeArray = ensureArray(action.excludeKeys);
+      const excludeArray = [action.excludeKeys].flat();
       const allKeys = Object.keys(state.states);
       const matchedKeys = getMatchKeys(excludeArray, allKeys);
       const newStates = {};

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

@@ -1 +1 @@
-{"version":3,"file":"useAsyncStateStore.mjs","sources":["../../../src/hooks/useAsync/useAsyncStateStore.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useReducer,\n} from 'react';\n\n/**\n * Represents the states for a given key in the asynchronous state management.\n * This includes flags for loading, fetched, invalidation, and success/error status.\n * It also keeps track of the fetched datetime, retry counts, the data itself, and whether queries are enabled.\n */\ntype States<T> = {\n  isLoading: boolean;\n  isFetched: boolean;\n  isInvalidated: boolean;\n  fetchedDateTime: null | Date;\n  error: string | null;\n  isSuccess: boolean;\n  data: T | null;\n  errorCount: number;\n  isEnabled: boolean;\n};\n\n/**\n * Holds a mapping from a key (string) to its associated state.\n */\ntype StateSlice<T> = {\n  [key: string]: States<T>;\n};\n\n/**\n * Describes all the possible actions that can be dispatched to the reducer.\n * These actions allow setting or updating states for specific keys or multiple keys at once,\n * handling errors, and resetting states.\n */\ntype Actions<T> =\n  | { type: 'SET_QUERY_STATE'; key: string; value: Partial<States<T>> }\n  | { type: 'MAKE_QUERY_IN_ERROR'; key: string; error: string }\n  | { type: 'SET_QUERIES_STATE'; keys: string[]; value: Partial<States<T>> }\n  | { type: 'RESET_KEY_STATE'; keys: string[] }\n  | { type: 'RESET_STATE'; excludeKeys: string[] };\n\n/**\n * The shape of the entire asynchronous state, holding all states in a single object.\n */\ntype AsyncState<T> = {\n  states: StateSlice<T>;\n};\n\n/**\n * Creates a default state object with initial values. This is useful when a key\n * has not been initialized yet or when resetting a state back to defaults.\n */\nconst createDefaultStates = <T,>(): States<T> => ({\n  isFetched: false,\n  fetchedDateTime: null,\n  isLoading: false,\n  isInvalidated: false,\n  error: null,\n  isSuccess: false,\n  data: null,\n  errorCount: 0,\n  isEnabled: true,\n});\n\n/**\n * Ensures that a given value is returned as an array.\n * If the value is undefined or null, returns an empty array.\n * If the value is not already an array, wraps it in one.\n */\nconst ensureArray = <T,>(value?: T | T[]): T[] => {\n  if (!value) {\n    // If no value is provided, return an empty array\n    return [];\n  } else if (Array.isArray(value)) {\n    // If it's already an array, just return it\n    return value;\n  }\n  // If it's a single value, wrap it in an array\n  return [value];\n};\n\n/**\n * Given a list of selector keys and a list of keys that may contain arguments,\n * this function returns all keys that match the selectors. Matching is determined\n * by comparing the initial part (split by \"/\") of the key.\n *\n * For example:\n * selectorsKeys = [\"user\", \"posts\"]\n * keysWithArgs = [\"user/123\", \"posts/active\", \"comments/42\"]\n * Result = [\"user/123\", \"posts/active\"]\n */\nconst getMatchKeys = (\n  selectorsKeys: string[],\n  keysWithArgs: string[]\n): string[] =>\n  keysWithArgs.filter((key) => selectorsKeys.includes(key.split('/')[0]));\n\n/**\n * The reducer function handling all state transitions. It takes the current state and an action,\n * and returns a new state based on the type of the action.\n *\n * Actions include:\n * - SET_QUERY_STATE: Update a single key with partial new state.\n * - MAKE_QUERY_IN_ERROR: Mark a single key as errored and update related flags.\n * - SET_QUERIES_STATE: Update multiple keys at once with partial new state.\n * - RESET_KEY_STATE: Reset certain keys to their default states.\n * - RESET_STATE: Reset all keys to their default states except those excluded.\n */\nconst reducer = <T,>(\n  state: AsyncState<T>,\n  action: Actions<T>\n): AsyncState<T> => {\n  switch (action.type) {\n    case 'SET_QUERY_STATE': {\n      const { key, value } = action;\n      return {\n        ...state,\n        states: {\n          ...state.states,\n          [key]: {\n            // Merge existing state for the key or default state if not present\n            ...(state.states[key] ?? createDefaultStates<T>()),\n            ...value,\n          },\n        },\n      };\n    }\n    case 'MAKE_QUERY_IN_ERROR': {\n      const { key, error } = action;\n      return {\n        ...state,\n        states: {\n          ...state.states,\n          [key]: {\n            // Merge existing state or default if not found\n            ...(state.states[key] ?? createDefaultStates<T>()),\n            // Explicitly set error and related flags\n            error,\n            isFetched: true,\n            isSuccess: false,\n            errorCount: (state.states[key]?.errorCount ?? 0) + 1,\n            isLoading: false,\n            isInvalidated: false,\n          },\n        },\n      };\n    }\n    case 'SET_QUERIES_STATE': {\n      const { keys, value } = action;\n      const keyArray = ensureArray(keys);\n      if (keyArray.length === 0) return state;\n\n      // Update multiple keys in a single action\n      const updatedStates = { ...state.states };\n      keyArray.forEach((key) => {\n        updatedStates[key] = {\n          ...(state.states[key] ?? createDefaultStates<T>()),\n          ...value,\n        };\n      });\n\n      return {\n        ...state,\n        states: updatedStates,\n      };\n    }\n    case 'RESET_KEY_STATE': {\n      const { keys } = action;\n      const keyArray = ensureArray(keys);\n      if (keyArray.length === 0) return state;\n\n      // Find all keys that match the given selectors\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(keyArray, allKeys);\n      if (matchedKeys.length === 0) return state;\n\n      // Reset the matched keys back to default states\n      const resetStates = { ...state.states };\n      matchedKeys.forEach((key) => {\n        resetStates[key] = createDefaultStates<T>();\n      });\n\n      return {\n        ...state,\n        states: resetStates,\n      };\n    }\n    case 'RESET_STATE': {\n      const excludeArray = ensureArray(action.excludeKeys);\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(excludeArray, allKeys);\n\n      // Reset all states except those that match the exclude keys\n      const newStates: StateSlice<T> = {};\n      allKeys.forEach((key) => {\n        newStates[key] = matchedKeys.includes(key)\n          ? state.states[key]\n          : createDefaultStates<T>();\n      });\n\n      return {\n        ...state,\n        states: newStates,\n      };\n    }\n    default:\n      return state;\n  }\n};\n\n/**\n * The context type that will be provided to consumers.\n * It exposes a set of functions for interacting with the asynchronous state:\n * - getStates: Retrieve the current state for a given key.\n * - setQueryState: Partially update a single key's state.\n * - setQueriesState: Partially update multiple keys' states.\n * - makeQueryInError: Set a particular key into an error state.\n * - resetKeyState: Reset certain keys to their default states.\n * - resetState: Reset all keys to their default states except a set of excluded ones.\n */\ntype AsyncStateContextType<T> = {\n  getStates: (key: string) => States<T>;\n  setQueryState: (key: string, value: Partial<States<T>>) => void;\n  setQueriesState: (keys: string[], value: Partial<States<T>>) => void;\n  makeQueryInError: (key: string, error: string) => void;\n  resetKeyState: (keys: string[]) => void;\n  resetState: (excludedKeys: string[]) => void;\n};\n\n/**\n * Creates a React context for asynchronous state management.\n * This context will be provided by the AsyncStateProvider and consumed by hooks like useAsyncState.\n */\nconst AsyncStateContext = createContext<AsyncStateContextType<unknown> | null>(\n  null\n);\n\n/**\n * A provider component that wraps its children and provides the asynchronous\n * state context. It uses the reducer to manage states and dispatch actions\n * based on consumer interactions.\n *\n * @param children The React children elements that should have access to this context.\n */\nexport const AsyncStateProvider = ({ children }: PropsWithChildren<{}>) => {\n  // Initialize the reducer with an empty state object\n  const [asyncState, dispatch] = useReducer(reducer, { states: {} });\n\n  /**\n   * Retrieve the state associated with a given key. If no state exists for that key,\n   * return a default state.\n   *\n   * @param key The key for which to retrieve the state.\n   */\n  const getStates = (key: string) =>\n    asyncState.states[key] ?? createDefaultStates<unknown>();\n\n  /**\n   * Partially update the state for a given key.\n   *\n   * @param key The key to update.\n   * @param value A partial state object to merge with the existing state.\n   */\n  const setQueryState = (key: string, value: Partial<States<unknown>>) => {\n    dispatch({ type: 'SET_QUERY_STATE', key, value });\n  };\n\n  /**\n   * Partially update the state for multiple keys at once.\n   *\n   * @param keys An array of keys to update.\n   * @param value A partial state object to merge with each key's existing state.\n   */\n  const setQueriesState = (keys: string[], value: Partial<States<unknown>>) => {\n    dispatch({ type: 'SET_QUERIES_STATE', keys, value });\n  };\n\n  /**\n   * Mark a given query as having encountered an error.\n   *\n   * @param key The key associated with the query.\n   * @param error The error message to set.\n   */\n  const makeQueryInError = (key: string, error: string) => {\n    dispatch({ type: 'MAKE_QUERY_IN_ERROR', key, error });\n  };\n\n  /**\n   * Reset certain keys back to their default states.\n   *\n   * @param keys The keys to reset.\n   */\n  const resetKeyState = (keys: string[]) => {\n    dispatch({ type: 'RESET_KEY_STATE', keys });\n  };\n\n  /**\n   * Reset the entire state back to defaults, except for keys that match the excluded ones.\n   *\n   * @param excludedKeys Keys that should not be reset.\n   */\n  const resetState = (excludedKeys: string[]) => {\n    dispatch({ type: 'RESET_STATE', excludeKeys: excludedKeys });\n  };\n\n  return (\n    <AsyncStateContext.Provider\n      value={{\n        getStates,\n        setQueryState,\n        setQueriesState,\n        makeQueryInError,\n        resetKeyState,\n        resetState,\n      }}\n    >\n      {children}\n    </AsyncStateContext.Provider>\n  );\n};\n\n/**\n * A custom hook for accessing the asynchronous state context. It throws an error if used\n * outside of a provider.\n *\n * @returns The asynchronous state context value.\n */\nexport const useAsyncState = () => {\n  const context = useContext(AsyncStateContext);\n  if (!context) {\n    throw new Error('useAsyncState must be used within an AsyncStateProvider');\n  }\n  return context;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useAsyncStateStore.mjs","sources":["../../../src/hooks/useAsync/useAsyncStateStore.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useReducer,\n} from 'react';\n\n/**\n * Represents the states for a given key in the asynchronous state management.\n * This includes flags for loading, fetched, invalidation, and success/error status.\n * It also keeps track of the fetched datetime, retry counts, the data itself, and whether queries are enabled.\n */\ntype States<T> = {\n  isLoading: boolean;\n  isFetched: boolean;\n  isInvalidated: boolean;\n  fetchedDateTime: null | Date;\n  error: string | null;\n  isSuccess: boolean;\n  data: T | null;\n  errorCount: number;\n  isEnabled: boolean;\n};\n\n/**\n * Holds a mapping from a key (string) to its associated state.\n */\ntype StateSlice<T> = {\n  [key: string]: States<T>;\n};\n\n/**\n * Describes all the possible actions that can be dispatched to the reducer.\n * These actions allow setting or updating states for specific keys or multiple keys at once,\n * handling errors, and resetting states.\n */\ntype Actions<T> =\n  | { type: 'SET_QUERY_STATE'; key: string; value: Partial<States<T>> }\n  | { type: 'MAKE_QUERY_IN_ERROR'; key: string; error: string }\n  | { type: 'SET_QUERIES_STATE'; keys: string[]; value: Partial<States<T>> }\n  | { type: 'RESET_KEY_STATE'; keys: string[] }\n  | { type: 'RESET_STATE'; excludeKeys: string[] };\n\n/**\n * The shape of the entire asynchronous state, holding all states in a single object.\n */\ntype AsyncState<T> = {\n  states: StateSlice<T>;\n};\n\n/**\n * Creates a default state object with initial values. This is useful when a key\n * has not been initialized yet or when resetting a state back to defaults.\n */\nconst createDefaultStates = <T,>(): States<T> => ({\n  isFetched: false,\n  fetchedDateTime: null,\n  isLoading: false,\n  isInvalidated: false,\n  error: null,\n  isSuccess: false,\n  data: null,\n  errorCount: 0,\n  isEnabled: true,\n});\n\n/**\n * Given a list of selector keys and a list of keys that may contain arguments,\n * this function returns all keys that match the selectors. Matching is determined\n * by comparing the initial part (split by \"/\") of the key.\n *\n * For example:\n * selectorsKeys = [\"user\", \"posts\"]\n * keysWithArgs = [\"user/123\", \"posts/active\", \"comments/42\"]\n * Result = [\"user/123\", \"posts/active\"]\n */\nconst getMatchKeys = (\n  selectorsKeys: string[],\n  keysWithArgs: string[]\n): string[] =>\n  keysWithArgs.filter((key) => selectorsKeys.includes(key.split('/')[0]));\n\n/**\n * The reducer function handling all state transitions. It takes the current state and an action,\n * and returns a new state based on the type of the action.\n *\n * Actions include:\n * - SET_QUERY_STATE: Update a single key with partial new state.\n * - MAKE_QUERY_IN_ERROR: Mark a single key as errored and update related flags.\n * - SET_QUERIES_STATE: Update multiple keys at once with partial new state.\n * - RESET_KEY_STATE: Reset certain keys to their default states.\n * - RESET_STATE: Reset all keys to their default states except those excluded.\n */\nconst reducer = <T,>(\n  state: AsyncState<T>,\n  action: Actions<T>\n): AsyncState<T> => {\n  switch (action.type) {\n    case 'SET_QUERY_STATE': {\n      const { key, value } = action;\n      return {\n        ...state,\n        states: {\n          ...state.states,\n          [key]: {\n            // Merge existing state for the key or default state if not present\n            ...(state.states[key] ?? createDefaultStates<T>()),\n            ...value,\n          },\n        },\n      };\n    }\n    case 'MAKE_QUERY_IN_ERROR': {\n      const { key, error } = action;\n      return {\n        ...state,\n        states: {\n          ...state.states,\n          [key]: {\n            // Merge existing state or default if not found\n            ...(state.states[key] ?? createDefaultStates<T>()),\n            // Explicitly set error and related flags\n            error,\n            isFetched: true,\n            isSuccess: false,\n            errorCount: (state.states[key]?.errorCount ?? 0) + 1,\n            isLoading: false,\n            isInvalidated: false,\n          },\n        },\n      };\n    }\n    case 'SET_QUERIES_STATE': {\n      const { keys, value } = action;\n      const keyArray = [keys].flat();\n\n      // Find all keys that match the given selectors\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(keyArray, allKeys);\n      if (matchedKeys.length === 0) return state;\n\n      // Update multiple keys in a single action\n      const updatedStates = structuredClone(state.states);\n      matchedKeys.forEach((key) => {\n        updatedStates[key] = {\n          ...(state.states[key] ?? createDefaultStates<T>()),\n          ...value,\n        };\n      });\n\n      return {\n        ...state,\n        states: updatedStates,\n      };\n    }\n    case 'RESET_KEY_STATE': {\n      const { keys } = action;\n      const keyArray = [keys].flat();\n      if (keyArray.length === 0) return state;\n\n      // Find all keys that match the given selectors\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(keyArray, allKeys);\n      if (matchedKeys.length === 0) return state;\n\n      // Reset the matched keys back to default states\n      const resetStates = { ...state.states };\n      matchedKeys.forEach((key) => {\n        resetStates[key] = createDefaultStates<T>();\n      });\n\n      return {\n        ...state,\n        states: resetStates,\n      };\n    }\n    case 'RESET_STATE': {\n      const excludeArray = [action.excludeKeys].flat();\n      const allKeys = Object.keys(state.states);\n\n      const matchedKeys = getMatchKeys(excludeArray, allKeys);\n\n      // Reset all states except those that match the exclude keys\n      const newStates: StateSlice<T> = {};\n      allKeys.forEach((key) => {\n        newStates[key] = matchedKeys.includes(key)\n          ? state.states[key]\n          : createDefaultStates<T>();\n      });\n\n      return {\n        ...state,\n        states: newStates,\n      };\n    }\n    default:\n      return state;\n  }\n};\n\n/**\n * The context type that will be provided to consumers.\n * It exposes a set of functions for interacting with the asynchronous state:\n * - getStates: Retrieve the current state for a given key.\n * - setQueryState: Partially update a single key's state.\n * - setQueriesState: Partially update multiple keys' states.\n * - makeQueryInError: Set a particular key into an error state.\n * - resetKeyState: Reset certain keys to their default states.\n * - resetState: Reset all keys to their default states except a set of excluded ones.\n */\ntype AsyncStateContextType<T> = {\n  getStates: (key: string) => States<T>;\n  setQueryState: (key: string, value: Partial<States<T>>) => void;\n  setQueriesState: (keys: string[], value: Partial<States<T>>) => void;\n  makeQueryInError: (key: string, error: string) => void;\n  resetKeyState: (keys: string[]) => void;\n  resetState: (excludedKeys: string[]) => void;\n};\n\n/**\n * Creates a React context for asynchronous state management.\n * This context will be provided by the AsyncStateProvider and consumed by hooks like useAsyncState.\n */\nconst AsyncStateContext = createContext<AsyncStateContextType<unknown> | null>(\n  null\n);\n\n/**\n * A provider component that wraps its children and provides the asynchronous\n * state context. It uses the reducer to manage states and dispatch actions\n * based on consumer interactions.\n *\n * @param children The React children elements that should have access to this context.\n */\nexport const AsyncStateProvider = ({ children }: PropsWithChildren<{}>) => {\n  // Initialize the reducer with an empty state object\n  const [asyncState, dispatch] = useReducer(reducer, { states: {} });\n\n  /**\n   * Retrieve the state associated with a given key. If no state exists for that key,\n   * return a default state.\n   *\n   * @param key The key for which to retrieve the state.\n   */\n  const getStates = (key: string) =>\n    asyncState.states[key] ?? createDefaultStates<unknown>();\n\n  /**\n   * Partially update the state for a given key.\n   *\n   * @param key The key to update.\n   * @param value A partial state object to merge with the existing state.\n   */\n  const setQueryState = (key: string, value: Partial<States<unknown>>) => {\n    dispatch({ type: 'SET_QUERY_STATE', key, value });\n  };\n\n  /**\n   * Partially update the state for multiple keys at once.\n   *\n   * @param keys An array of keys to update.\n   * @param value A partial state object to merge with each key's existing state.\n   */\n  const setQueriesState = (keys: string[], value: Partial<States<unknown>>) => {\n    dispatch({ type: 'SET_QUERIES_STATE', keys, value });\n  };\n\n  /**\n   * Mark a given query as having encountered an error.\n   *\n   * @param key The key associated with the query.\n   * @param error The error message to set.\n   */\n  const makeQueryInError = (key: string, error: string) => {\n    dispatch({ type: 'MAKE_QUERY_IN_ERROR', key, error });\n  };\n\n  /**\n   * Reset certain keys back to their default states.\n   *\n   * @param keys The keys to reset.\n   */\n  const resetKeyState = (keys: string[]) => {\n    dispatch({ type: 'RESET_KEY_STATE', keys });\n  };\n\n  /**\n   * Reset the entire state back to defaults, except for keys that match the excluded ones.\n   *\n   * @param excludedKeys Keys that should not be reset.\n   */\n  const resetState = (excludedKeys: string[]) => {\n    dispatch({ type: 'RESET_STATE', excludeKeys: excludedKeys });\n  };\n\n  return (\n    <AsyncStateContext.Provider\n      value={{\n        getStates,\n        setQueryState,\n        setQueriesState,\n        makeQueryInError,\n        resetKeyState,\n        resetState,\n      }}\n    >\n      {children}\n    </AsyncStateContext.Provider>\n  );\n};\n\n/**\n * A custom hook for accessing the asynchronous state context. It throws an error if used\n * outside of a provider.\n *\n * @returns The asynchronous state context value.\n */\nexport const useAsyncState = () => {\n  const context = useContext(AsyncStateContext);\n  if (!context) {\n    throw new Error('useAsyncState must be used within an AsyncStateProvider');\n  }\n  return context;\n};\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useGetAllDictionaries.d.ts","sourceRoot":"","sources":["../../src/hooks/useGetAllDictionaries.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAElD,eAAO,MAAM,qBAAqB,iEA8B8ygB,mBAAmB,kGAA0E,mBAAmB;;;;;CAD/7gB,CAAC"}
+{"version":3,"file":"useGetAllDictionaries.d.ts","sourceRoot":"","sources":["../../src/hooks/useGetAllDictionaries.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAElD,eAAO,MAAM,qBAAqB,iEA8Bg2hB,mBAAmB,kGAA0E,mBAAmB;;;;;CADj/hB,CAAC"}

package/dist/hooks/useIntlayerAPI.d.ts

@@ -44,7 +44,8 @@ export declare const useIntlayerAuth: (props?: UseIntlayerAuthProps) => {
         getLoginWithGoogleURL: (params: import('@intlayer/backend').GoogleLoginQueryParams) => string;
         register: (user: import('@intlayer/backend').RegisterBody, query?: import('@intlayer/backend').RegisterQuery, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').RegisterResult>;
         logout: (otherOptions?: FetcherOptions) => Promise<void>;
-        resetPassword: (params: import('@intlayer/backend').ResetPasswordParams, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').ResetPasswordResult>;
+        resetPassword: (params: ResetPasswordParams, otherOptions?: FetcherOptions) => Promise<ResetPasswordResult>;
+        defineNewPassword: (data: import('@intlayer/backend').DefinePasswordBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').DefinePasswordResult>;
         askResetPassword: (email: import('@intlayer/backend').AskResetPasswordBody["email"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').AskResetPasswordResult>;
         checkIfUserHasPassword: (otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').CheckIfUserHasPasswordResult>;
         verifyEmail: ({ userId, secret }: import('@intlayer/backend').ValidEmailParams, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').ValidEmailResult>;
@@ -60,11 +61,12 @@ export declare const useIntlayerAuth: (props?: UseIntlayerAuthProps) => {
         getDictionariesKeys: (otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetDictionariesKeysResult>;
         getDictionary: (dictionaryKey: import('@intlayer/backend').GetDictionaryParams["dictionaryKey"], version?: import('@intlayer/backend').GetDictionaryQuery["version"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetDictionaryResult>;
         pushDictionaries: (dictionaries: import('@intlayer/backend').PushDictionariesBody["dictionaries"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').PushDictionariesResult>;
-        addDictionary: (dictionary: import('@intlayer/backend').AddDictionaryBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').AddDictionaryResult>;
+        addDictionary: (body: import('@intlayer/backend').AddDictionaryBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').AddDictionaryResult>;
         updateDictionary: (dictionaryId: import('@intlayer/backend').UpdateDictionaryParam["dictionaryId"], dictionary: import('@intlayer/backend').UpdateDictionaryBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').UpdateDictionaryResult>;
         deleteDictionary: (id: import('@intlayer/backend').DeleteDictionaryParam["dictionaryId"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').DeleteDictionaryResult>;
     };
     stripe: {
+        getPricing: (body?: import('@intlayer/backend').GetPricingBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetPricingResult>;
         getSubscription: (body?: import('@intlayer/backend').GetCheckoutSessionBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetCheckoutSessionResult>;
         cancelSubscription: (otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetCheckoutSessionResult>;
     };
@@ -74,6 +76,7 @@ export declare const useIntlayerAuth: (props?: UseIntlayerAuthProps) => {
         auditContentDeclarationMetadata: (body?: import('@intlayer/backend').AuditContentDeclarationMetadataBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').AuditContentDeclarationMetadataResult>;
         auditTag: (body?: import('@intlayer/backend').AuditTagBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').AuditTagResult>;
         askDocQuestion: (body?: import('@intlayer/backend').AskDocQuestionBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').AskDocQuestionResult>;
+        autocomplete: (body?: import('@intlayer/backend').AutocompleteBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').AutocompleteResponse>;
     };
     tag: {
         getTags: (filters?: import('@intlayer/backend').GetTagsParams, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetTagsResult>;

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

@@ -1 +1 @@
-{"version":3,"file":"useIntlayerAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntlayerAPI.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useIntlayerAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntlayerAPI.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useKeyboardDetector.cjs

@@ -0,0 +1,27 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ReactExports = require("react");
+const useKeyboardDetector = () => {
+  const [windowHeight, setWindowHeight] = ReactExports.useState(null);
+  ReactExports.useEffect(() => {
+    const updateHeight = () => {
+      const isKeyboardOpen = Boolean(
+        window.visualViewport?.height && window.visualViewport.height < window.innerHeight - 100
+      );
+      if (isKeyboardOpen && window.visualViewport) {
+        setWindowHeight(window.visualViewport.height);
+      } else {
+        setWindowHeight(null);
+      }
+    };
+    window.visualViewport?.addEventListener("resize", updateHeight);
+    updateHeight();
+    return () => {
+      window.visualViewport?.removeEventListener("resize", updateHeight);
+    };
+  }, []);
+  return { windowHeight, isKeyboardOpen: windowHeight !== null };
+};
+exports.useKeyboardDetector = useKeyboardDetector;
+//# sourceMappingURL=useKeyboardDetector.cjs.map

package/dist/hooks/useKeyboardDetector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardDetector.cjs","sources":["../../src/hooks/useKeyboardDetector.ts"],"sourcesContent":["'use client';\n\nimport { useState, useEffect } from 'react';\n\nexport const useKeyboardDetector = () => {\n  const [windowHeight, setWindowHeight] = useState<number | null>(null);\n\n  useEffect(() => {\n    const updateHeight = () => {\n      const isKeyboardOpen = Boolean(\n        window.visualViewport?.height &&\n          window.visualViewport.height < window.innerHeight - 100\n      );\n\n      if (isKeyboardOpen && window.visualViewport) {\n        setWindowHeight(window.visualViewport.height);\n      } else {\n        setWindowHeight(null);\n      }\n    };\n\n    // Listen for changes in visualViewport height\n    window.visualViewport?.addEventListener('resize', updateHeight);\n    updateHeight(); // Set initial height\n\n    return () => {\n      window.visualViewport?.removeEventListener('resize', updateHeight);\n    };\n  }, []);\n\n  return { windowHeight, isKeyboardOpen: windowHeight !== null };\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIO,MAAM,sBAAsB,MAAM;AACvC,QAAM,CAAC,cAAc,eAAe,IAAIA,aAAAA,SAAwB,IAAI;AAEpEC,eAAAA,UAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACzB,YAAM,iBAAiB;AAAA,QACrB,OAAO,gBAAgB,UACrB,OAAO,eAAe,SAAS,OAAO,cAAc;AAAA,MACxD;AAEI,UAAA,kBAAkB,OAAO,gBAAgB;AAC3B,wBAAA,OAAO,eAAe,MAAM;AAAA,MAAA,OACvC;AACL,wBAAgB,IAAI;AAAA,MAAA;AAAA,IAExB;AAGO,WAAA,gBAAgB,iBAAiB,UAAU,YAAY;AACjD,iBAAA;AAEb,WAAO,MAAM;AACJ,aAAA,gBAAgB,oBAAoB,UAAU,YAAY;AAAA,IACnE;AAAA,EACF,GAAG,EAAE;AAEL,SAAO,EAAE,cAAc,gBAAgB,iBAAiB,KAAK;AAC/D;;"}

package/dist/hooks/useKeyboardDetector.d.ts

@@ -0,0 +1,5 @@
+export declare const useKeyboardDetector: () => {
+    windowHeight: number | null;
+    isKeyboardOpen: boolean;
+};
+//# sourceMappingURL=useKeyboardDetector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardDetector.d.ts","sourceRoot":"","sources":["../../src/hooks/useKeyboardDetector.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB;;;CA2B/B,CAAC"}

package/dist/hooks/useKeyboardDetector.mjs

@@ -0,0 +1,27 @@
+"use client";
+import { useState, useEffect } from "react";
+const useKeyboardDetector = () => {
+  const [windowHeight, setWindowHeight] = useState(null);
+  useEffect(() => {
+    const updateHeight = () => {
+      const isKeyboardOpen = Boolean(
+        window.visualViewport?.height && window.visualViewport.height < window.innerHeight - 100
+      );
+      if (isKeyboardOpen && window.visualViewport) {
+        setWindowHeight(window.visualViewport.height);
+      } else {
+        setWindowHeight(null);
+      }
+    };
+    window.visualViewport?.addEventListener("resize", updateHeight);
+    updateHeight();
+    return () => {
+      window.visualViewport?.removeEventListener("resize", updateHeight);
+    };
+  }, []);
+  return { windowHeight, isKeyboardOpen: windowHeight !== null };
+};
+export {
+  useKeyboardDetector
+};
+//# sourceMappingURL=useKeyboardDetector.mjs.map

package/dist/hooks/useKeyboardDetector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardDetector.mjs","sources":["../../src/hooks/useKeyboardDetector.ts"],"sourcesContent":["'use client';\n\nimport { useState, useEffect } from 'react';\n\nexport const useKeyboardDetector = () => {\n  const [windowHeight, setWindowHeight] = useState<number | null>(null);\n\n  useEffect(() => {\n    const updateHeight = () => {\n      const isKeyboardOpen = Boolean(\n        window.visualViewport?.height &&\n          window.visualViewport.height < window.innerHeight - 100\n      );\n\n      if (isKeyboardOpen && window.visualViewport) {\n        setWindowHeight(window.visualViewport.height);\n      } else {\n        setWindowHeight(null);\n      }\n    };\n\n    // Listen for changes in visualViewport height\n    window.visualViewport?.addEventListener('resize', updateHeight);\n    updateHeight(); // Set initial height\n\n    return () => {\n      window.visualViewport?.removeEventListener('resize', updateHeight);\n    };\n  }, []);\n\n  return { windowHeight, isKeyboardOpen: windowHeight !== null };\n};\n"],"names":[],"mappings":";;AAIO,MAAM,sBAAsB,MAAM;AACvC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAwB,IAAI;AAEpE,YAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACzB,YAAM,iBAAiB;AAAA,QACrB,OAAO,gBAAgB,UACrB,OAAO,eAAe,SAAS,OAAO,cAAc;AAAA,MACxD;AAEI,UAAA,kBAAkB,OAAO,gBAAgB;AAC3B,wBAAA,OAAO,eAAe,MAAM;AAAA,MAAA,OACvC;AACL,wBAAgB,IAAI;AAAA,MAAA;AAAA,IAExB;AAGO,WAAA,gBAAgB,iBAAiB,UAAU,YAAY;AACjD,iBAAA;AAEb,WAAO,MAAM;AACJ,aAAA,gBAAgB,oBAAoB,UAAU,YAAY;AAAA,IACnE;AAAA,EACF,GAAG,EAAE;AAEL,SAAO,EAAE,cAAc,gBAAgB,iBAAiB,KAAK;AAC/D;"}

package/dist/index-BCuMWKyy.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-BCuMWKyy.js","sources":["../../../../node_modules/.pnpm/zustand@4.5.6_@types+react@19.0.8_immer@9.0.21_react@18.3.1/node_modules/zustand/esm/react/shallow.mjs","../src/hooks/useScrollBlockage/index.tsx"],"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\nimport { useEffect } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useGetElementOrWindow } from '../useGetElementOrWindow';\n\nimport { useScrollBlockageStore } from './useScrollBlockageStore';\n\ntype useScrollBlockagePropsReadOnly = {\n  disableScroll: undefined;\n  key: undefined;\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\ntype useScrollBlockageProps = {\n  disableScroll: boolean;\n  key: string; // The key to identify the blockage to avoid conflicts. Required if disableScroll is defined\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\nexport const useScrollBlockage = (\n  props?: useScrollBlockageProps | useScrollBlockagePropsReadOnly\n) => {\n  const {\n    disableScroll = false,\n    element,\n    key = 'unnamed_blocker',\n  } = props ?? {};\n\n  const { isElementScrollBlocked, addBlockage, removeBlockage } =\n    useScrollBlockageStore(\n      useShallow((s) => ({\n        isElementScrollBlocked: s.isElementScrollBlocked,\n        addBlockage: s.addBlockage,\n        removeBlockage: s.removeBlockage,\n      }))\n    );\n\n  const containerElement = useGetElementOrWindow(element);\n\n  useEffect(() => {\n    const el = element ?? window.document.body;\n\n    if (disableScroll) {\n      addBlockage(key, el);\n    } else {\n      removeBlockage(key, el);\n    }\n  }, [addBlockage, disableScroll, element, key, removeBlockage]);\n\n  const isScrollBlocked = containerElement\n    ? isElementScrollBlocked(containerElement)\n    : false;\n\n  return { isScrollBlocked };\n};\n"],"names":[],"mappings":";;;;AAEA,SAAS,QAAQ,MAAM,MAAM;AAC3B,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AACzB,WAAO;AAAA,EACX;AACE,MAAI,OAAO,SAAS,YAAY,SAAS,QAAQ,OAAO,SAAS,YAAY,SAAS,MAAM;AAC1F,WAAO;AAAA,EACX;AACE,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,MACf;AAAA,IACA;AACI,WAAO;AAAA,EACX;AACE,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,MACf;AAAA,IACA;AACI,WAAO;AAAA,EACX;AACE,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC7C,WAAO;AAAA,EACX;AACE,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,IACb;AAAA,EACA;AACE,SAAO;AACT;AAEA,MAAM,EAAE,OAAQ,IAAG;AACnB,SAAS,WAAW,UAAU;AAC5B,QAAM,OAAO,OAAQ;AACrB,SAAO,CAAC,UAAU;AAChB,UAAM,OAAO,SAAS,KAAK;AAC3B,WAAO,QAAQ,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU,KAAK,UAAU;AAAA,EACpE;AACH;AC1Ba,MAAA,oBAAoB,CAC/B,UACG;AACG,QAAA;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,EACR,IAAI,SAAS,CAAC;AAEd,QAAM,EAAE,wBAAwB,aAAa,eAC3C,IAAA;AAAA,IACE,WAAW,CAAC,OAAO;AAAA,MACjB,wBAAwB,EAAE;AAAA,MAC1B,aAAa,EAAE;AAAA,MACf,gBAAgB,EAAE;AAAA,IAAA,EAClB;AAAA,EACJ;AAEI,QAAA,mBAAmB,sBAAsB,OAAO;AAEtD,YAAU,MAAM;AACR,UAAA,KAAK,WAAW,OAAO,SAAS;AAEtC,QAAI,eAAe;AACjB,kBAAY,KAAK,EAAE;AAAA,IAAA,OACd;AACL,qBAAe,KAAK,EAAE;AAAA,IAAA;AAAA,EACxB,GACC,CAAC,aAAa,eAAe,SAAS,KAAK,cAAc,CAAC;AAE7D,QAAM,kBAAkB,mBACpB,uBAAuB,gBAAgB,IACvC;AAEJ,SAAO,EAAE,gBAAgB;AAC3B;","x_google_ignoreList":[0]}
+{"version":3,"file":"index-BCuMWKyy.js","sources":["../../../../node_modules/.pnpm/zustand@4.5.6_@types+react@19.0.8_immer@9.0.21_react@19.0.0/node_modules/zustand/esm/react/shallow.mjs","../src/hooks/useScrollBlockage/index.tsx"],"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\nimport { useEffect } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useGetElementOrWindow } from '../useGetElementOrWindow';\n\nimport { useScrollBlockageStore } from './useScrollBlockageStore';\n\ntype useScrollBlockagePropsReadOnly = {\n  disableScroll: undefined;\n  key: undefined;\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\ntype useScrollBlockageProps = {\n  disableScroll: boolean;\n  key: string; // The key to identify the blockage to avoid conflicts. Required if disableScroll is defined\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\nexport const useScrollBlockage = (\n  props?: useScrollBlockageProps | useScrollBlockagePropsReadOnly\n) => {\n  const {\n    disableScroll = false,\n    element,\n    key = 'unnamed_blocker',\n  } = props ?? {};\n\n  const { isElementScrollBlocked, addBlockage, removeBlockage } =\n    useScrollBlockageStore(\n      useShallow((s) => ({\n        isElementScrollBlocked: s.isElementScrollBlocked,\n        addBlockage: s.addBlockage,\n        removeBlockage: s.removeBlockage,\n      }))\n    );\n\n  const containerElement = useGetElementOrWindow(element);\n\n  useEffect(() => {\n    const el = element ?? window.document.body;\n\n    if (disableScroll) {\n      addBlockage(key, el);\n    } else {\n      removeBlockage(key, el);\n    }\n  }, [addBlockage, disableScroll, element, key, removeBlockage]);\n\n  const isScrollBlocked = containerElement\n    ? isElementScrollBlocked(containerElement)\n    : false;\n\n  return { isScrollBlocked };\n};\n"],"names":[],"mappings":";;;;AAEA,SAAS,QAAQ,MAAM,MAAM;AAC3B,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AACzB,WAAO;AAAA,EACX;AACE,MAAI,OAAO,SAAS,YAAY,SAAS,QAAQ,OAAO,SAAS,YAAY,SAAS,MAAM;AAC1F,WAAO;AAAA,EACX;AACE,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,MACf;AAAA,IACA;AACI,WAAO;AAAA,EACX;AACE,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,MACf;AAAA,IACA;AACI,WAAO;AAAA,EACX;AACE,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC7C,WAAO;AAAA,EACX;AACE,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,IACb;AAAA,EACA;AACE,SAAO;AACT;AAEA,MAAM,EAAE,OAAQ,IAAG;AACnB,SAAS,WAAW,UAAU;AAC5B,QAAM,OAAO,OAAQ;AACrB,SAAO,CAAC,UAAU;AAChB,UAAM,OAAO,SAAS,KAAK;AAC3B,WAAO,QAAQ,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU,KAAK,UAAU;AAAA,EACpE;AACH;AC1Ba,MAAA,oBAAoB,CAC/B,UACG;AACG,QAAA;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,EACR,IAAI,SAAS,CAAC;AAEd,QAAM,EAAE,wBAAwB,aAAa,eAC3C,IAAA;AAAA,IACE,WAAW,CAAC,OAAO;AAAA,MACjB,wBAAwB,EAAE;AAAA,MAC1B,aAAa,EAAE;AAAA,MACf,gBAAgB,EAAE;AAAA,IAAA,EAClB;AAAA,EACJ;AAEI,QAAA,mBAAmB,sBAAsB,OAAO;AAEtD,YAAU,MAAM;AACR,UAAA,KAAK,WAAW,OAAO,SAAS;AAEtC,QAAI,eAAe;AACjB,kBAAY,KAAK,EAAE;AAAA,IAAA,OACd;AACL,qBAAe,KAAK,EAAE;AAAA,IAAA;AAAA,EACxB,GACC,CAAC,aAAa,eAAe,SAAS,KAAK,cAAc,CAAC;AAE7D,QAAM,kBAAkB,mBACpB,uBAAuB,gBAAgB,IACvC;AAEJ,SAAO,EAAE,gBAAgB;AAC3B;","x_google_ignoreList":[0]}

package/dist/index-BYzBot7l.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index-BYzBot7l.cjs","sources":["../../../../node_modules/.pnpm/zustand@4.5.6_@types+react@19.0.8_immer@9.0.21_react@18.3.1/node_modules/zustand/esm/react/shallow.mjs","../src/hooks/useScrollBlockage/index.tsx"],"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\nimport { useEffect } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useGetElementOrWindow } from '../useGetElementOrWindow';\n\nimport { useScrollBlockageStore } from './useScrollBlockageStore';\n\ntype useScrollBlockagePropsReadOnly = {\n  disableScroll: undefined;\n  key: undefined;\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\ntype useScrollBlockageProps = {\n  disableScroll: boolean;\n  key: string; // The key to identify the blockage to avoid conflicts. Required if disableScroll is defined\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\nexport const useScrollBlockage = (\n  props?: useScrollBlockageProps | useScrollBlockagePropsReadOnly\n) => {\n  const {\n    disableScroll = false,\n    element,\n    key = 'unnamed_blocker',\n  } = props ?? {};\n\n  const { isElementScrollBlocked, addBlockage, removeBlockage } =\n    useScrollBlockageStore(\n      useShallow((s) => ({\n        isElementScrollBlocked: s.isElementScrollBlocked,\n        addBlockage: s.addBlockage,\n        removeBlockage: s.removeBlockage,\n      }))\n    );\n\n  const containerElement = useGetElementOrWindow(element);\n\n  useEffect(() => {\n    const el = element ?? window.document.body;\n\n    if (disableScroll) {\n      addBlockage(key, el);\n    } else {\n      removeBlockage(key, el);\n    }\n  }, [addBlockage, disableScroll, element, key, removeBlockage]);\n\n  const isScrollBlocked = containerElement\n    ? isElementScrollBlocked(containerElement)\n    : false;\n\n  return { isScrollBlocked };\n};\n"],"names":["useScrollBlockageStore","useGetElementOrWindow","useEffect"],"mappings":";;;;;AAEA,SAAS,QAAQ,MAAM,MAAM;AAC3B,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AACzB,WAAO;AAAA,EACX;AACE,MAAI,OAAO,SAAS,YAAY,SAAS,QAAQ,OAAO,SAAS,YAAY,SAAS,MAAM;AAC1F,WAAO;AAAA,EACX;AACE,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,MACf;AAAA,IACA;AACI,WAAO;AAAA,EACX;AACE,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,MACf;AAAA,IACA;AACI,WAAO;AAAA,EACX;AACE,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC7C,WAAO;AAAA,EACX;AACE,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,IACb;AAAA,EACA;AACE,SAAO;AACT;AAEA,MAAM,EAAE,OAAQ,IAAG;AACnB,SAAS,WAAW,UAAU;AAC5B,QAAM,OAAO,OAAQ;AACrB,SAAO,CAAC,UAAU;AAChB,UAAM,OAAO,SAAS,KAAK;AAC3B,WAAO,QAAQ,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU,KAAK,UAAU;AAAA,EACpE;AACH;AC1Ba,MAAA,oBAAoB,CAC/B,UACG;AACG,QAAA;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,EACR,IAAI,SAAS,CAAC;AAEd,QAAM,EAAE,wBAAwB,aAAa,eAC3C,IAAAA,+CAAA;AAAA,IACE,WAAW,CAAC,OAAO;AAAA,MACjB,wBAAwB,EAAE;AAAA,MAC1B,aAAa,EAAE;AAAA,MACf,gBAAgB,EAAE;AAAA,IAAA,EAClB;AAAA,EACJ;AAEI,QAAA,mBAAmBC,kDAAsB,OAAO;AAEtDC,eAAAA,UAAU,MAAM;AACR,UAAA,KAAK,WAAW,OAAO,SAAS;AAEtC,QAAI,eAAe;AACjB,kBAAY,KAAK,EAAE;AAAA,IAAA,OACd;AACL,qBAAe,KAAK,EAAE;AAAA,IAAA;AAAA,EACxB,GACC,CAAC,aAAa,eAAe,SAAS,KAAK,cAAc,CAAC;AAE7D,QAAM,kBAAkB,mBACpB,uBAAuB,gBAAgB,IACvC;AAEJ,SAAO,EAAE,gBAAgB;AAC3B;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index-BYzBot7l.cjs","sources":["../../../../node_modules/.pnpm/zustand@4.5.6_@types+react@19.0.8_immer@9.0.21_react@19.0.0/node_modules/zustand/esm/react/shallow.mjs","../src/hooks/useScrollBlockage/index.tsx"],"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\nimport { useEffect } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useGetElementOrWindow } from '../useGetElementOrWindow';\n\nimport { useScrollBlockageStore } from './useScrollBlockageStore';\n\ntype useScrollBlockagePropsReadOnly = {\n  disableScroll: undefined;\n  key: undefined;\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\ntype useScrollBlockageProps = {\n  disableScroll: boolean;\n  key: string; // The key to identify the blockage to avoid conflicts. Required if disableScroll is defined\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\nexport const useScrollBlockage = (\n  props?: useScrollBlockageProps | useScrollBlockagePropsReadOnly\n) => {\n  const {\n    disableScroll = false,\n    element,\n    key = 'unnamed_blocker',\n  } = props ?? {};\n\n  const { isElementScrollBlocked, addBlockage, removeBlockage } =\n    useScrollBlockageStore(\n      useShallow((s) => ({\n        isElementScrollBlocked: s.isElementScrollBlocked,\n        addBlockage: s.addBlockage,\n        removeBlockage: s.removeBlockage,\n      }))\n    );\n\n  const containerElement = useGetElementOrWindow(element);\n\n  useEffect(() => {\n    const el = element ?? window.document.body;\n\n    if (disableScroll) {\n      addBlockage(key, el);\n    } else {\n      removeBlockage(key, el);\n    }\n  }, [addBlockage, disableScroll, element, key, removeBlockage]);\n\n  const isScrollBlocked = containerElement\n    ? isElementScrollBlocked(containerElement)\n    : false;\n\n  return { isScrollBlocked };\n};\n"],"names":["useScrollBlockageStore","useGetElementOrWindow","useEffect"],"mappings":";;;;;AAEA,SAAS,QAAQ,MAAM,MAAM;AAC3B,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AACzB,WAAO;AAAA,EACX;AACE,MAAI,OAAO,SAAS,YAAY,SAAS,QAAQ,OAAO,SAAS,YAAY,SAAS,MAAM;AAC1F,WAAO;AAAA,EACX;AACE,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,MACf;AAAA,IACA;AACI,WAAO;AAAA,EACX;AACE,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,MACf;AAAA,IACA;AACI,WAAO;AAAA,EACX;AACE,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC7C,WAAO;AAAA,EACX;AACE,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,IACb;AAAA,EACA;AACE,SAAO;AACT;AAEA,MAAM,EAAE,OAAQ,IAAG;AACnB,SAAS,WAAW,UAAU;AAC5B,QAAM,OAAO,OAAQ;AACrB,SAAO,CAAC,UAAU;AAChB,UAAM,OAAO,SAAS,KAAK;AAC3B,WAAO,QAAQ,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU,KAAK,UAAU;AAAA,EACpE;AACH;AC1Ba,MAAA,oBAAoB,CAC/B,UACG;AACG,QAAA;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,EACR,IAAI,SAAS,CAAC;AAEd,QAAM,EAAE,wBAAwB,aAAa,eAC3C,IAAAA,+CAAA;AAAA,IACE,WAAW,CAAC,OAAO;AAAA,MACjB,wBAAwB,EAAE;AAAA,MAC1B,aAAa,EAAE;AAAA,MACf,gBAAgB,EAAE;AAAA,IAAA,EAClB;AAAA,EACJ;AAEI,QAAA,mBAAmBC,kDAAsB,OAAO;AAEtDC,eAAAA,UAAU,MAAM;AACR,UAAA,KAAK,WAAW,OAAO,SAAS;AAEtC,QAAI,eAAe;AACjB,kBAAY,KAAK,EAAE;AAAA,IAAA,OACd;AACL,qBAAe,KAAK,EAAE;AAAA,IAAA;AAAA,EACxB,GACC,CAAC,aAAa,eAAe,SAAS,KAAK,cAAc,CAAC;AAE7D,QAAM,kBAAkB,mBACpB,uBAAuB,gBAAgB,IACvC;AAEJ,SAAO,EAAE,gBAAgB;AAC3B;;;","x_google_ignoreList":[0]}

package/dist/{index-BUe-qmA0.js → index-C57uA6Lk.js}

@@ -122,7 +122,7 @@ const NodeWrapper = (props) => {
   const nodeType = getNodeType(section);
   if (typeof section === "object") {
     if (nodeType === NodeType.ReactNode) {
-      return /* @__PURE__ */ jsx("span", { className: "text-neutral dark:text-neutral-dark text-xs", children: "React node not editable" });
+      return /* @__PURE__ */ jsx("span", { className: "text-neutral text-xs", children: "React node not editable" });
     }
     if (nodeType === NodeType.Nested) {
       return /* @__PURE__ */ jsx("div", { className: "ml-2 grid grid-cols-[auto,1fr] gap-2", children: "[Nested] Dictionary" });
@@ -188,4 +188,4 @@ export {
   NestedObjectWrapper as a,
   traceKeys as t
 };
-//# sourceMappingURL=index-BUe-qmA0.js.map
+//# sourceMappingURL=index-C57uA6Lk.js.map

package/dist/{index-BUe-qmA0.js.map → index-C57uA6Lk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BUe-qmA0.js","sources":["../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["import {\n  isSameKeyPath,\n  NodeType,\n  type ContentNode,\n  type KeyPath,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ContentNode[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const { keyPath, section, onFocusKeyPath, focusedKeyPath = [] } = 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      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n","import {\n  type KeyPath,\n  NodeType,\n  type ConditionContent,\n  type ContentNode,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype ConditionWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ConditionContent<ContentNode>;\n};\n\nexport const ConditionWrapper: FC<ConditionWrapperProps> = (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.Condition,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section[NodeType.Condition][\n              key as keyof (typeof section)[NodeType.Condition]\n            ]!;\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","import {\n  type KeyPath,\n  NodeType,\n  type EnumerationContent,\n  type ContentNode,\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<ContentNode>;\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[NodeType.Enumeration][\n              key as keyof (typeof section)[NodeType.Enumeration]\n            ]!;\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","import { type KeyPath, NodeType, type MarkdownContent } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: MarkdownContent;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPathEl: KeyPath = {\n    type: NodeType.Markdown,\n  };\n  const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n  const subSection = section[NodeType.Markdown];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n","import {\n  type KeyPath,\n  isSameKeyPath,\n  type ContentNode,\n  NodeType,\n} from '@intlayer/core';\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, ContentNode>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = (props) => {\n  const { keyPath, section, focusedKeyPath = [], onFocusKeyPath } = 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        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n};\n","import {\n  type KeyPath,\n  NodeType,\n  type TranslationContent,\n  type ContentNode,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<ContentNode>;\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","'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport {\n  type ConditionContent,\n  type MarkdownContent,\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type ContentNode,\n  getNodeType,\n} from '@intlayer/core';\nimport { type FC } from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { ConditionWrapper } from './ConditionWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\nimport { MarkdownWrapper } from './MarkdownWrapper';\nimport { NestedObjectWrapper } from './NestedObjectWrapper';\nimport { StringWrapper } from './StringWrapper';\nimport { TranslationWrapper } from './TranslationWrapper';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  section: ContentNode;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locales;\n  editedContent: ContentNode;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const NodeWrapper: FC<NodeWrapperProps> = (props) => {\n  const { section } = props;\n  const nodeType = getNodeType(section);\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeType.ReactNode) {\n      return (\n        <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n          React node not editable\n        </span>\n      );\n    }\n\n    if (nodeType === NodeType.Nested) {\n      return (\n        <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n          [Nested] Dictionary\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Markdown) {\n      return (\n        <MarkdownWrapper {...props} section={section as MarkdownContent} />\n      );\n    }\n\n    if (nodeType === NodeType.Translation) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Condition) {\n      return (\n        <ConditionWrapper\n          {...props}\n          section={section as ConditionContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <ArrayWrapper\n          {...props}\n          section={section as unknown as ContentNode[]}\n        />\n      );\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as Record<string, ContentNode>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index-C57uA6Lk.js","sources":["../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["import {\n  isSameKeyPath,\n  NodeType,\n  type ContentNode,\n  type KeyPath,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ContentNode[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const { keyPath, section, onFocusKeyPath, focusedKeyPath = [] } = 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      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n","import {\n  type KeyPath,\n  NodeType,\n  type ConditionContent,\n  type ContentNode,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype ConditionWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ConditionContent<ContentNode>;\n};\n\nexport const ConditionWrapper: FC<ConditionWrapperProps> = (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.Condition,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section[NodeType.Condition][\n              key as keyof (typeof section)[NodeType.Condition]\n            ]!;\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","import {\n  type KeyPath,\n  NodeType,\n  type EnumerationContent,\n  type ContentNode,\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<ContentNode>;\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[NodeType.Enumeration][\n              key as keyof (typeof section)[NodeType.Enumeration]\n            ]!;\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","import { type KeyPath, NodeType, type MarkdownContent } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: MarkdownContent;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPathEl: KeyPath = {\n    type: NodeType.Markdown,\n  };\n  const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n  const subSection = section[NodeType.Markdown];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n","import {\n  type KeyPath,\n  isSameKeyPath,\n  type ContentNode,\n  NodeType,\n} from '@intlayer/core';\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, ContentNode>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = (props) => {\n  const { keyPath, section, focusedKeyPath = [], onFocusKeyPath } = 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        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n};\n","import {\n  type KeyPath,\n  NodeType,\n  type TranslationContent,\n  type ContentNode,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<ContentNode>;\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","'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport {\n  type ConditionContent,\n  type MarkdownContent,\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type ContentNode,\n  getNodeType,\n} from '@intlayer/core';\nimport { type FC } from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { ConditionWrapper } from './ConditionWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\nimport { MarkdownWrapper } from './MarkdownWrapper';\nimport { NestedObjectWrapper } from './NestedObjectWrapper';\nimport { StringWrapper } from './StringWrapper';\nimport { TranslationWrapper } from './TranslationWrapper';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  section: ContentNode;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locales;\n  editedContent: ContentNode;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const NodeWrapper: FC<NodeWrapperProps> = (props) => {\n  const { section } = props;\n  const nodeType = getNodeType(section);\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeType.ReactNode) {\n      return (\n        <span className=\"text-neutral text-xs\">React node not editable</span>\n      );\n    }\n\n    if (nodeType === NodeType.Nested) {\n      return (\n        <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n          [Nested] Dictionary\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Markdown) {\n      return (\n        <MarkdownWrapper {...props} section={section as MarkdownContent} />\n      );\n    }\n\n    if (nodeType === NodeType.Translation) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Condition) {\n      return (\n        <ConditionWrapper\n          {...props}\n          section={section as ConditionContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <ArrayWrapper\n          {...props}\n          section={section as unknown as ContentNode[]}\n        />\n      );\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as Record<string, ContentNode>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n};\n"],"names":[],"mappings":"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"}

package/dist/{index-cg9H6eBs.cjs → index-D02c1QrF.cjs}

@@ -123,7 +123,7 @@ const NodeWrapper = (props) => {
   const nodeType = core.getNodeType(section);
   if (typeof section === "object") {
     if (nodeType === core.NodeType.ReactNode) {
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral dark:text-neutral-dark text-xs", children: "React node not editable" });
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral text-xs", children: "React node not editable" });
     }
     if (nodeType === core.NodeType.Nested) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-2 grid grid-cols-[auto,1fr] gap-2", children: "[Nested] Dictionary" });
@@ -187,4 +187,4 @@ exports.NestedObjectWrapper = NestedObjectWrapper;
 exports.NodeWrapper = NodeWrapper;
 exports.TranslationWrapper = TranslationWrapper;
 exports.traceKeys = traceKeys;
-//# sourceMappingURL=index-cg9H6eBs.cjs.map
+//# sourceMappingURL=index-D02c1QrF.cjs.map

package/dist/{index-cg9H6eBs.cjs.map → index-D02c1QrF.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-cg9H6eBs.cjs","sources":["../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["import {\n  isSameKeyPath,\n  NodeType,\n  type ContentNode,\n  type KeyPath,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ContentNode[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const { keyPath, section, onFocusKeyPath, focusedKeyPath = [] } = 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      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n","import {\n  type KeyPath,\n  NodeType,\n  type ConditionContent,\n  type ContentNode,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype ConditionWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ConditionContent<ContentNode>;\n};\n\nexport const ConditionWrapper: FC<ConditionWrapperProps> = (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.Condition,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section[NodeType.Condition][\n              key as keyof (typeof section)[NodeType.Condition]\n            ]!;\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","import {\n  type KeyPath,\n  NodeType,\n  type EnumerationContent,\n  type ContentNode,\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<ContentNode>;\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[NodeType.Enumeration][\n              key as keyof (typeof section)[NodeType.Enumeration]\n            ]!;\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","import { type KeyPath, NodeType, type MarkdownContent } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: MarkdownContent;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPathEl: KeyPath = {\n    type: NodeType.Markdown,\n  };\n  const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n  const subSection = section[NodeType.Markdown];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n","import {\n  type KeyPath,\n  isSameKeyPath,\n  type ContentNode,\n  NodeType,\n} from '@intlayer/core';\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, ContentNode>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = (props) => {\n  const { keyPath, section, focusedKeyPath = [], onFocusKeyPath } = 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        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n};\n","import {\n  type KeyPath,\n  NodeType,\n  type TranslationContent,\n  type ContentNode,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<ContentNode>;\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","'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport {\n  type ConditionContent,\n  type MarkdownContent,\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type ContentNode,\n  getNodeType,\n} from '@intlayer/core';\nimport { type FC } from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { ConditionWrapper } from './ConditionWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\nimport { MarkdownWrapper } from './MarkdownWrapper';\nimport { NestedObjectWrapper } from './NestedObjectWrapper';\nimport { StringWrapper } from './StringWrapper';\nimport { TranslationWrapper } from './TranslationWrapper';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  section: ContentNode;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locales;\n  editedContent: ContentNode;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const NodeWrapper: FC<NodeWrapperProps> = (props) => {\n  const { section } = props;\n  const nodeType = getNodeType(section);\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeType.ReactNode) {\n      return (\n        <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n          React node not editable\n        </span>\n      );\n    }\n\n    if (nodeType === NodeType.Nested) {\n      return (\n        <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n          [Nested] Dictionary\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Markdown) {\n      return (\n        <MarkdownWrapper {...props} section={section as MarkdownContent} />\n      );\n    }\n\n    if (nodeType === NodeType.Translation) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Condition) {\n      return (\n        <ConditionWrapper\n          {...props}\n          section={section as ConditionContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <ArrayWrapper\n          {...props}\n          section={section as unknown as ContentNode[]}\n        />\n      );\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as Record<string, ContentNode>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n};\n"],"names":["NodeType","jsx","ItemLayout","isSameKeyPath","jsxs","Fragment","createElement","getNodeType","StringWrapper"],"mappings":"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"}
+{"version":3,"file":"index-D02c1QrF.cjs","sources":["../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["import {\n  isSameKeyPath,\n  NodeType,\n  type ContentNode,\n  type KeyPath,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ContentNode[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const { keyPath, section, onFocusKeyPath, focusedKeyPath = [] } = 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      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n","import {\n  type KeyPath,\n  NodeType,\n  type ConditionContent,\n  type ContentNode,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype ConditionWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ConditionContent<ContentNode>;\n};\n\nexport const ConditionWrapper: FC<ConditionWrapperProps> = (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.Condition,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section[NodeType.Condition][\n              key as keyof (typeof section)[NodeType.Condition]\n            ]!;\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","import {\n  type KeyPath,\n  NodeType,\n  type EnumerationContent,\n  type ContentNode,\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<ContentNode>;\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[NodeType.Enumeration][\n              key as keyof (typeof section)[NodeType.Enumeration]\n            ]!;\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","import { type KeyPath, NodeType, type MarkdownContent } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: MarkdownContent;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPathEl: KeyPath = {\n    type: NodeType.Markdown,\n  };\n  const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n  const subSection = section[NodeType.Markdown];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n","import {\n  type KeyPath,\n  isSameKeyPath,\n  type ContentNode,\n  NodeType,\n} from '@intlayer/core';\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, ContentNode>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = (props) => {\n  const { keyPath, section, focusedKeyPath = [], onFocusKeyPath } = 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        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n};\n","import {\n  type KeyPath,\n  NodeType,\n  type TranslationContent,\n  type ContentNode,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<ContentNode>;\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","'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport {\n  type ConditionContent,\n  type MarkdownContent,\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type ContentNode,\n  getNodeType,\n} from '@intlayer/core';\nimport { type FC } from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { ConditionWrapper } from './ConditionWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\nimport { MarkdownWrapper } from './MarkdownWrapper';\nimport { NestedObjectWrapper } from './NestedObjectWrapper';\nimport { StringWrapper } from './StringWrapper';\nimport { TranslationWrapper } from './TranslationWrapper';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  section: ContentNode;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locales;\n  editedContent: ContentNode;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const NodeWrapper: FC<NodeWrapperProps> = (props) => {\n  const { section } = props;\n  const nodeType = getNodeType(section);\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeType.ReactNode) {\n      return (\n        <span className=\"text-neutral text-xs\">React node not editable</span>\n      );\n    }\n\n    if (nodeType === NodeType.Nested) {\n      return (\n        <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n          [Nested] Dictionary\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Markdown) {\n      return (\n        <MarkdownWrapper {...props} section={section as MarkdownContent} />\n      );\n    }\n\n    if (nodeType === NodeType.Translation) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Condition) {\n      return (\n        <ConditionWrapper\n          {...props}\n          section={section as ConditionContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <ArrayWrapper\n          {...props}\n          section={section as unknown as ContentNode[]}\n        />\n      );\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as Record<string, ContentNode>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n};\n"],"names":["NodeType","jsx","ItemLayout","isSameKeyPath","jsxs","Fragment","createElement","getNodeType","StringWrapper"],"mappings":"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"}