react-intlayer 8.1.2 → 8.1.3

package/dist/esm/client/useDictionaryAsync.mjs

@@ -1,22 +1,2 @@
-'use client';
-
-import { IntlayerClientContext } from "./IntlayerProvider.mjs";
-import { useDictionary } from "./useDictionary.mjs";
-import { useContext, useMemo } from "react";
-import configuration from "@intlayer/config/built";
-
-//#region src/client/useDictionaryAsync.ts
-/**
-* On the server side, Hook that transform a dictionary and return the content
-*
-* If the locale is not provided, it will use the locale from the client context
-*/
-const useDictionaryAsync = async (dictionaryPromise, locale) => {
-	const { locale: currentLocale } = useContext(IntlayerClientContext);
-	const localeTarget = useMemo(() => locale ?? currentLocale ?? configuration?.internationalization.defaultLocale, [currentLocale, locale]);
-	return useDictionary(await useMemo(async () => await dictionaryPromise[localeTarget]?.(), [dictionaryPromise, localeTarget]), localeTarget);
-};
-
-//#endregion
-export { useDictionaryAsync };
+"use client";import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{useDictionary as t}from"./useDictionary.mjs";import{useContext as n,useMemo as r}from"react";import i from"@intlayer/config/built";const a=async(a,o)=>{let{locale:s}=n(e),c=r(()=>o??s??i?.internationalization.defaultLocale,[s,o]);return t(await r(async()=>await a[c]?.(),[a,c]),c)};export{a as useDictionaryAsync};
 //# sourceMappingURL=useDictionaryAsync.mjs.map

package/dist/esm/client/useDictionaryAsync.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDictionaryAsync.mjs","names":[],"sources":["../../../src/client/useDictionaryAsync.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type {\n  DeclaredLocales,\n  Dictionary,\n  LocalesValues,\n  StrictModeLocaleMap,\n} from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useDictionary } from './useDictionary';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryAsync = async <\n  T extends Dictionary,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  locale?: L\n): Promise<T> => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  const localeTarget = useMemo(\n    () =>\n      locale ??\n      currentLocale ??\n      configuration?.internationalization.defaultLocale,\n    [currentLocale, locale]\n  );\n\n  const dictionary = await useMemo(\n    async () =>\n      (await dictionaryPromise[\n        localeTarget as keyof typeof dictionaryPromise\n      ]?.()) as T,\n    [dictionaryPromise, localeTarget]\n  );\n\n  return useDictionary<T, L>(dictionary, localeTarget as L) as any;\n};\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAa,qBAAqB,OAIhC,mBACA,WACe;CACf,MAAM,EAAE,QAAQ,kBAAkB,WAAW,sBAAsB;CAEnE,MAAM,eAAe,cAEjB,UACA,iBACA,eAAe,qBAAqB,eACtC,CAAC,eAAe,OAAO,CACxB;AAUD,QAAO,cARY,MAAM,QACvB,YACG,MAAM,kBACL,iBACG,EACP,CAAC,mBAAmB,aAAa,CAClC,EAEsC,aAAkB"}
+{"version":3,"file":"useDictionaryAsync.mjs","names":[],"sources":["../../../src/client/useDictionaryAsync.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type {\n  DeclaredLocales,\n  Dictionary,\n  LocalesValues,\n  StrictModeLocaleMap,\n} from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useDictionary } from './useDictionary';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryAsync = async <\n  T extends Dictionary,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  locale?: L\n): Promise<T> => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  const localeTarget = useMemo(\n    () =>\n      locale ??\n      currentLocale ??\n      configuration?.internationalization.defaultLocale,\n    [currentLocale, locale]\n  );\n\n  const dictionary = await useMemo(\n    async () =>\n      (await dictionaryPromise[\n        localeTarget as keyof typeof dictionaryPromise\n      ]?.()) as T,\n    [dictionaryPromise, localeTarget]\n  );\n\n  return useDictionary<T, L>(dictionary, localeTarget as L) as any;\n};\n"],"mappings":"sNAkBA,MAAa,EAAqB,MAIhC,EACA,IACe,CACf,GAAM,CAAE,OAAQ,GAAkB,EAAW,EAAsB,CAE7D,EAAe,MAEjB,GACA,GACA,GAAe,qBAAqB,cACtC,CAAC,EAAe,EAAO,CACxB,CAUD,OAAO,EARY,MAAM,EACvB,SACG,MAAM,EACL,MACG,CACP,CAAC,EAAmB,EAAa,CAClC,CAEsC,EAAkB"}

package/dist/esm/client/useDictionaryDynamic.mjs

@@ -1,23 +1,2 @@
-'use client';
-
-import { IntlayerClientContext } from "./IntlayerProvider.mjs";
-import { useDictionary } from "./useDictionary.mjs";
-import { useLoadDynamic } from "./useLoadDynamic.mjs";
-import { useContext, useMemo } from "react";
-import configuration from "@intlayer/config/built";
-
-//#region src/client/useDictionaryDynamic.ts
-/**
-* On the server side, Hook that transform a dictionary and return the content
-*
-* If the locale is not provided, it will use the locale from the client context
-*/
-const useDictionaryDynamic = (dictionaryPromise, key, locale) => {
-	const { locale: currentLocale } = useContext(IntlayerClientContext);
-	const localeTarget = useMemo(() => locale ?? currentLocale ?? configuration?.internationalization.defaultLocale, [currentLocale, locale]);
-	return useDictionary(useLoadDynamic(`${String(key)}.${localeTarget}`, dictionaryPromise[localeTarget]?.()), localeTarget);
-};
-
-//#endregion
-export { useDictionaryDynamic };
+"use client";import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{useDictionary as t}from"./useDictionary.mjs";import{useLoadDynamic as n}from"./useLoadDynamic.mjs";import{useContext as r,useMemo as i}from"react";import a from"@intlayer/config/built";const o=(o,s,c)=>{let{locale:l}=r(e),u=i(()=>c??l??a?.internationalization.defaultLocale,[l,c]);return t(n(`${String(s)}.${u}`,o[u]?.()),u)};export{o as useDictionaryDynamic};
 //# sourceMappingURL=useDictionaryDynamic.mjs.map

package/dist/esm/client/useDictionaryDynamic.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDictionaryDynamic.mjs","names":[],"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type {\n  Dictionary,\n  DictionaryKeys,\n  LocalesValues,\n  StrictModeLocaleMap,\n} from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useDictionary } from './useDictionary';\nimport { useLoadDynamic } from './useLoadDynamic';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryDynamic = <\n  T extends Dictionary,\n  K extends DictionaryKeys,\n>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  key: K,\n  locale?: LocalesValues\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = useMemo(\n    () =>\n      locale ??\n      currentLocale ??\n      configuration?.internationalization.defaultLocale,\n    [currentLocale, locale]\n  );\n\n  const dictionary = useLoadDynamic<T>(\n    `${String(key)}.${localeTarget}`,\n    (dictionaryPromise as any)[localeTarget]?.()\n  ) as T;\n\n  return useDictionary(dictionary, localeTarget);\n};\n"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAa,wBAIX,mBACA,KACA,WACG;CACH,MAAM,EAAE,QAAQ,kBAAkB,WAAW,sBAAsB;CACnE,MAAM,eAAe,cAEjB,UACA,iBACA,eAAe,qBAAqB,eACtC,CAAC,eAAe,OAAO,CACxB;AAOD,QAAO,cALY,eACjB,GAAG,OAAO,IAAI,CAAC,GAAG,gBACjB,kBAA0B,iBAAiB,CAC7C,EAEgC,aAAa"}
+{"version":3,"file":"useDictionaryDynamic.mjs","names":[],"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type {\n  Dictionary,\n  DictionaryKeys,\n  LocalesValues,\n  StrictModeLocaleMap,\n} from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useDictionary } from './useDictionary';\nimport { useLoadDynamic } from './useLoadDynamic';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryDynamic = <\n  T extends Dictionary,\n  K extends DictionaryKeys,\n>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  key: K,\n  locale?: LocalesValues\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = useMemo(\n    () =>\n      locale ??\n      currentLocale ??\n      configuration?.internationalization.defaultLocale,\n    [currentLocale, locale]\n  );\n\n  const dictionary = useLoadDynamic<T>(\n    `${String(key)}.${localeTarget}`,\n    (dictionaryPromise as any)[localeTarget]?.()\n  ) as T;\n\n  return useDictionary(dictionary, localeTarget);\n};\n"],"mappings":"4QAmBA,MAAa,GAIX,EACA,EACA,IACG,CACH,GAAM,CAAE,OAAQ,GAAkB,EAAW,EAAsB,CAC7D,EAAe,MAEjB,GACA,GACA,GAAe,qBAAqB,cACtC,CAAC,EAAe,EAAO,CACxB,CAOD,OAAO,EALY,EACjB,GAAG,OAAO,EAAI,CAAC,GAAG,IACjB,EAA0B,MAAiB,CAC7C,CAEgC,EAAa"}

package/dist/esm/client/useI18n.mjs

@@ -1,44 +1,2 @@
-'use client';
-
-import { IntlayerClientContext } from "./IntlayerProvider.mjs";
-import { useContext, useMemo } from "react";
-import { getIntlayer } from "@intlayer/core";
-
-//#region src/client/useI18n.ts
-/**
-* Hook that provides a translation function `t()` for accessing nested content by key.
-* This hook mimics the pattern found in libraries like i18next, next-intl, and vue-i18n.
-*
-* @param namespace - The dictionary key to scope translations to
-* @param locale - Optional locale override. If not provided, uses the current context locale
-* @returns A translation function `t(key)` that returns the translated content for the given key
-*
-* @example
-* ```tsx
-* const t = useI18n('IndexPage');
-* const title = t('title'); // Returns translated string for 'IndexPage.title'
-* const nestedContent = t('section.subtitle'); // Returns 'IndexPage.section.subtitle'
-* // For attributes like `aria-label`, use `.value` to get the plain string
-* const ariaLabel = t('button.ariaLabel').value; // 'Close modal'
-* ```
-*/
-const useI18n = (namespace, locale) => {
-	const { locale: currentLocale } = useContext(IntlayerClientContext);
-	const localeTarget = useMemo(() => locale ?? currentLocale, [currentLocale, locale]);
-	const dictionaryContent = useMemo(() => getIntlayer(namespace, localeTarget), [namespace, localeTarget]);
-	const t = (path) => {
-		if (!path) return dictionaryContent;
-		const pathArray = path.split(".");
-		let current = dictionaryContent;
-		for (const key of pathArray) {
-			current = current?.[key];
-			if (current === void 0) return dictionaryContent;
-		}
-		return current;
-	};
-	return t;
-};
-
-//#endregion
-export { useI18n };
+"use client";import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{useContext as t,useMemo as n}from"react";import{getIntlayer as r}from"@intlayer/core/interpreter";const i=(i,a)=>{let{locale:o}=t(e),s=n(()=>a??o,[o,a]),c=n(()=>r(i,s),[i,s]);return e=>{if(!e)return c;let t=e.split(`.`),n=c;for(let e of t)if(n=n?.[e],n===void 0)return c;return n}};export{i as useI18n};
 //# sourceMappingURL=useI18n.mjs.map

package/dist/esm/client/useI18n.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useI18n.mjs","names":[],"sources":["../../../src/client/useI18n.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayer, type ValidDotPathsFor } from '@intlayer/core';\nimport type {\n  DeclaredLocales,\n  DictionaryKeys,\n  DictionaryRegistryContent,\n  GetSubPath,\n  LocalesValues,\n} from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport type { DeepTransformContent } from '../plugins';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * Hook that provides a translation function `t()` for accessing nested content by key.\n * This hook mimics the pattern found in libraries like i18next, next-intl, and vue-i18n.\n *\n * @param namespace - The dictionary key to scope translations to\n * @param locale - Optional locale override. If not provided, uses the current context locale\n * @returns A translation function `t(key)` that returns the translated content for the given key\n *\n * @example\n * ```tsx\n * const t = useI18n('IndexPage');\n * const title = t('title'); // Returns translated string for 'IndexPage.title'\n * const nestedContent = t('section.subtitle'); // Returns 'IndexPage.section.subtitle'\n * // For attributes like `aria-label`, use `.value` to get the plain string\n * const ariaLabel = t('button.ariaLabel').value; // 'Close modal'\n * ```\n */\nexport const useI18n = <\n  T extends DictionaryKeys,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  namespace: T,\n  locale?: L\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = useMemo(\n    () => locale ?? currentLocale,\n    [currentLocale, locale]\n  );\n\n  // Get the dictionary content for the namespace\n  // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  const dictionaryContent: DeepTransformContent<DictionaryRegistryContent<T>> =\n    useMemo(\n      () => getIntlayer<T, L>(namespace, localeTarget as L),\n      [namespace, localeTarget]\n    );\n\n  // Return the translation function\n  // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  const t = <P extends ValidDotPathsFor<T>>(\n    path: P\n    // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  ): GetSubPath<DeepTransformContent<DictionaryRegistryContent<T>>, P> => {\n    if (!path) {\n      // @ts-ignore Type instantiation is excessively deep and possibly infinite\n      return dictionaryContent as any;\n    }\n\n    const pathArray = (path as string).split('.');\n    let current: any = dictionaryContent;\n\n    for (const key of pathArray) {\n      current = current?.[key];\n      if (current === undefined) {\n        // Return the whole dictionary as fallback if path is not found\n        return dictionaryContent as any;\n      }\n    }\n\n    return current;\n  };\n\n  return t;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,WAIX,WACA,WACG;CACH,MAAM,EAAE,QAAQ,kBAAkB,WAAW,sBAAsB;CACnE,MAAM,eAAe,cACb,UAAU,eAChB,CAAC,eAAe,OAAO,CACxB;CAID,MAAM,oBACJ,cACQ,YAAkB,WAAW,aAAkB,EACrD,CAAC,WAAW,aAAa,CAC1B;CAIH,MAAM,KACJ,SAEsE;AACtE,MAAI,CAAC,KAEH,QAAO;EAGT,MAAM,YAAa,KAAgB,MAAM,IAAI;EAC7C,IAAI,UAAe;AAEnB,OAAK,MAAM,OAAO,WAAW;AAC3B,aAAU,UAAU;AACpB,OAAI,YAAY,OAEd,QAAO;;AAIX,SAAO;;AAGT,QAAO"}
+{"version":3,"file":"useI18n.mjs","names":[],"sources":["../../../src/client/useI18n.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayer } from '@intlayer/core/interpreter';\nimport type { ValidDotPathsFor } from '@intlayer/core/transpiler';\nimport type {\n  DeclaredLocales,\n  DictionaryKeys,\n  DictionaryRegistryContent,\n  GetSubPath,\n  LocalesValues,\n} from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport type { DeepTransformContent } from '../plugins';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * Hook that provides a translation function `t()` for accessing nested content by key.\n * This hook mimics the pattern found in libraries like i18next, next-intl, and vue-i18n.\n *\n * @param namespace - The dictionary key to scope translations to\n * @param locale - Optional locale override. If not provided, uses the current context locale\n * @returns A translation function `t(key)` that returns the translated content for the given key\n *\n * @example\n * ```tsx\n * const t = useI18n('IndexPage');\n * const title = t('title'); // Returns translated string for 'IndexPage.title'\n * const nestedContent = t('section.subtitle'); // Returns 'IndexPage.section.subtitle'\n * // For attributes like `aria-label`, use `.value` to get the plain string\n * const ariaLabel = t('button.ariaLabel').value; // 'Close modal'\n * ```\n */\nexport const useI18n = <\n  T extends DictionaryKeys,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  namespace: T,\n  locale?: L\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = useMemo(\n    () => locale ?? currentLocale,\n    [currentLocale, locale]\n  );\n\n  // Get the dictionary content for the namespace\n  // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  const dictionaryContent: DeepTransformContent<DictionaryRegistryContent<T>> =\n    useMemo(\n      () => getIntlayer<T, L>(namespace, localeTarget as L),\n      [namespace, localeTarget]\n    );\n\n  // Return the translation function\n  // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  const t = <P extends ValidDotPathsFor<T>>(\n    path: P\n    // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  ): GetSubPath<DeepTransformContent<DictionaryRegistryContent<T>>, P> => {\n    if (!path) {\n      // @ts-ignore Type instantiation is excessively deep and possibly infinite\n      return dictionaryContent as any;\n    }\n\n    const pathArray = (path as string).split('.');\n    let current: any = dictionaryContent;\n\n    for (const key of pathArray) {\n      current = current?.[key];\n      if (current === undefined) {\n        // Return the whole dictionary as fallback if path is not found\n        return dictionaryContent as any;\n      }\n    }\n\n    return current;\n  };\n\n  return t;\n};\n"],"mappings":"qLAgCA,MAAa,GAIX,EACA,IACG,CACH,GAAM,CAAE,OAAQ,GAAkB,EAAW,EAAsB,CAC7D,EAAe,MACb,GAAU,EAChB,CAAC,EAAe,EAAO,CACxB,CAIK,EACJ,MACQ,EAAkB,EAAW,EAAkB,CACrD,CAAC,EAAW,EAAa,CAC1B,CA2BH,MAtBE,IAEsE,CACtE,GAAI,CAAC,EAEH,OAAO,EAGT,IAAM,EAAa,EAAgB,MAAM,IAAI,CACzC,EAAe,EAEnB,IAAK,IAAM,KAAO,EAEhB,GADA,EAAU,IAAU,GAChB,IAAY,IAAA,GAEd,OAAO,EAIX,OAAO"}

package/dist/esm/client/useIntlayer.mjs

@@ -1,41 +1,2 @@
-'use client';
-
-import { IntlayerClientContext } from "./IntlayerProvider.mjs";
-import { getIntlayer } from "../getIntlayer.mjs";
-import { useContext, useMemo } from "react";
-
-//#region src/client/useIntlayer.ts
-/**
-* Client-side hook that picks one dictionary by its key and returns its content.
-*
-* If the locale is not provided, it will use the locale from the client context.
-*
-* @param key - The unique key of the dictionary to retrieve.
-* @param locale - Optional locale to override the current context locale.
-* @returns The dictionary content for the specified locale.
-*
-* @example
-* ```tsx
-* import { useIntlayer } from 'react-intlayer';
-*
-* const MyComponent = () => {
-*   const content = useIntlayer('my-dictionary-key');
-*
-*   return <div>{content.myField.value}</div>;
-* };
-* ```
-*/
-const useIntlayer = (key, locale) => {
-	const { locale: currentLocale } = useContext(IntlayerClientContext);
-	return useMemo(() => {
-		return getIntlayer(key, locale ?? currentLocale);
-	}, [
-		key,
-		currentLocale,
-		locale
-	]);
-};
-
-//#endregion
-export { useIntlayer };
+"use client";import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{getIntlayer as t}from"../getIntlayer.mjs";import{useContext as n,useMemo as r}from"react";const i=(i,a)=>{let{locale:o}=n(e);return r(()=>t(i,a??o),[i,o,a])};export{i as useIntlayer};
 //# sourceMappingURL=useIntlayer.mjs.map

package/dist/esm/client/useIntlayer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayer.mjs","names":[],"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["'use client';\n\nimport type {\n  DeclaredLocales,\n  DictionaryKeys,\n  LocalesValues,\n} from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport { getIntlayer } from '../getIntlayer';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * Client-side hook that picks one dictionary by its key and returns its content.\n *\n * If the locale is not provided, it will use the locale from the client context.\n *\n * @param key - The unique key of the dictionary to retrieve.\n * @param locale - Optional locale to override the current context locale.\n * @returns The dictionary content for the specified locale.\n *\n * @example\n * ```tsx\n * import { useIntlayer } from 'react-intlayer';\n *\n * const MyComponent = () => {\n *   const content = useIntlayer('my-dictionary-key');\n *\n *   return <div>{content.myField.value}</div>;\n * };\n * ```\n */\nexport const useIntlayer = <\n  T extends DictionaryKeys,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  key: T,\n  locale?: L\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  return useMemo(() => {\n    const localeTarget = locale ?? (currentLocale as L);\n\n    return getIntlayer<T, L>(key, localeTarget);\n  }, [key, currentLocale, locale]);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,eAIX,KACA,WACG;CACH,MAAM,EAAE,QAAQ,kBAAkB,WAAW,sBAAsB;AAEnE,QAAO,cAAc;AAGnB,SAAO,YAAkB,KAFJ,UAAW,cAEW;IAC1C;EAAC;EAAK;EAAe;EAAO,CAAC"}
+{"version":3,"file":"useIntlayer.mjs","names":[],"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["'use client';\n\nimport type {\n  DeclaredLocales,\n  DictionaryKeys,\n  LocalesValues,\n} from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport { getIntlayer } from '../getIntlayer';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * Client-side hook that picks one dictionary by its key and returns its content.\n *\n * If the locale is not provided, it will use the locale from the client context.\n *\n * @param key - The unique key of the dictionary to retrieve.\n * @param locale - Optional locale to override the current context locale.\n * @returns The dictionary content for the specified locale.\n *\n * @example\n * ```tsx\n * import { useIntlayer } from 'react-intlayer';\n *\n * const MyComponent = () => {\n *   const content = useIntlayer('my-dictionary-key');\n *\n *   return <div>{content.myField.value}</div>;\n * };\n * ```\n */\nexport const useIntlayer = <\n  T extends DictionaryKeys,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  key: T,\n  locale?: L\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  return useMemo(() => {\n    const localeTarget = locale ?? (currentLocale as L);\n\n    return getIntlayer<T, L>(key, localeTarget);\n  }, [key, currentLocale, locale]);\n};\n"],"mappings":"6KA+BA,MAAa,GAIX,EACA,IACG,CACH,GAAM,CAAE,OAAQ,GAAkB,EAAW,EAAsB,CAEnE,OAAO,MAGE,EAAkB,EAFJ,GAAW,EAEW,CAC1C,CAAC,EAAK,EAAe,EAAO,CAAC"}

package/dist/esm/client/useLoadDynamic.mjs

@@ -1,26 +1,2 @@
-//#region src/client/useLoadDynamic.ts
-const createSuspender = (promise) => {
-	let status = "pending";
-	let result;
-	const suspender = promise.then((r) => {
-		status = "success";
-		result = r;
-	}, (e) => {
-		status = "error";
-		result = e;
-	});
-	return { read() {
-		if (status === "pending") throw suspender;
-		if (status === "error") throw result;
-		return result;
-	} };
-};
-const cache = /* @__PURE__ */ new Map();
-const useLoadDynamic = (key, promise) => {
-	if (!cache.has(key)) cache.set(key, createSuspender(promise));
-	return cache.get(key).read();
-};
-
-//#endregion
-export { useLoadDynamic };
+const e=e=>{let t=`pending`,n,r=e.then(e=>{t=`success`,n=e},e=>{t=`error`,n=e});return{read(){if(t===`pending`)throw r;if(t===`error`)throw n;return n}}},t=new Map,n=(n,r)=>(t.has(n)||t.set(n,e(r)),t.get(n).read());export{n as useLoadDynamic};
 //# sourceMappingURL=useLoadDynamic.mjs.map

package/dist/esm/client/useLoadDynamic.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLoadDynamic.mjs","names":[],"sources":["../../../src/client/useLoadDynamic.ts"],"sourcesContent":["type Status = 'pending' | 'success' | 'error';\n\nconst createSuspender = <T>(promise: Promise<T>) => {\n  let status: Status = 'pending';\n  let result: T;\n  const suspender = promise.then(\n    (r) => {\n      status = 'success';\n      result = r;\n    },\n    (e) => {\n      status = 'error';\n      result = e as any;\n    }\n  );\n\n  return {\n    read() {\n      if (status === 'pending') throw suspender;\n      if (status === 'error') throw result;\n      return result!;\n    },\n  };\n};\n\nconst cache = new Map<string, ReturnType<typeof createSuspender>>();\n\nexport const useLoadDynamic = <T>(key: string, promise: Promise<T>): T => {\n  if (!cache.has(key)) {\n    cache.set(key, createSuspender(promise));\n  }\n\n  return (cache.get(key)! as ReturnType<typeof createSuspender>).read() as T;\n};\n"],"mappings":";AAEA,MAAM,mBAAsB,YAAwB;CAClD,IAAI,SAAiB;CACrB,IAAI;CACJ,MAAM,YAAY,QAAQ,MACvB,MAAM;AACL,WAAS;AACT,WAAS;KAEV,MAAM;AACL,WAAS;AACT,WAAS;GAEZ;AAED,QAAO,EACL,OAAO;AACL,MAAI,WAAW,UAAW,OAAM;AAChC,MAAI,WAAW,QAAS,OAAM;AAC9B,SAAO;IAEV;;AAGH,MAAM,wBAAQ,IAAI,KAAiD;AAEnE,MAAa,kBAAqB,KAAa,YAA2B;AACxE,KAAI,CAAC,MAAM,IAAI,IAAI,CACjB,OAAM,IAAI,KAAK,gBAAgB,QAAQ,CAAC;AAG1C,QAAQ,MAAM,IAAI,IAAI,CAAyC,MAAM"}
+{"version":3,"file":"useLoadDynamic.mjs","names":[],"sources":["../../../src/client/useLoadDynamic.ts"],"sourcesContent":["type Status = 'pending' | 'success' | 'error';\n\nconst createSuspender = <T>(promise: Promise<T>) => {\n  let status: Status = 'pending';\n  let result: T;\n  const suspender = promise.then(\n    (r) => {\n      status = 'success';\n      result = r;\n    },\n    (e) => {\n      status = 'error';\n      result = e as any;\n    }\n  );\n\n  return {\n    read() {\n      if (status === 'pending') throw suspender;\n      if (status === 'error') throw result;\n      return result!;\n    },\n  };\n};\n\nconst cache = new Map<string, ReturnType<typeof createSuspender>>();\n\nexport const useLoadDynamic = <T>(key: string, promise: Promise<T>): T => {\n  if (!cache.has(key)) {\n    cache.set(key, createSuspender(promise));\n  }\n\n  return (cache.get(key)! as ReturnType<typeof createSuspender>).read() as T;\n};\n"],"mappings":"AAEA,MAAM,EAAsB,GAAwB,CAClD,IAAI,EAAiB,UACjB,EACE,EAAY,EAAQ,KACvB,GAAM,CACL,EAAS,UACT,EAAS,GAEV,GAAM,CACL,EAAS,QACT,EAAS,GAEZ,CAED,MAAO,CACL,MAAO,CACL,GAAI,IAAW,UAAW,MAAM,EAChC,GAAI,IAAW,QAAS,MAAM,EAC9B,OAAO,GAEV,EAGG,EAAQ,IAAI,IAEL,GAAqB,EAAa,KACxC,EAAM,IAAI,EAAI,EACjB,EAAM,IAAI,EAAK,EAAgB,EAAQ,CAAC,CAGlC,EAAM,IAAI,EAAI,CAAyC,MAAM"}

package/dist/esm/client/useLocale.mjs

@@ -1,58 +1,2 @@
-'use client';
-
-import { setLocaleInStorage } from "./useLocaleStorage.mjs";
-import { IntlayerClientContext } from "./IntlayerProvider.mjs";
-import { useCallback, useContext } from "react";
-import configuration from "@intlayer/config/built";
-
-//#region src/client/useLocale.ts
-/**
-* Client-side hook to get the current locale and related locale management functions.
-*
-* @param props - Optional properties for the hook.
-* @returns An object containing the current locale, default locale, available locales, and a function to update the locale.
-*
-* @example
-* ```tsx
-* import { useLocale } from 'react-intlayer';
-*
-* const LocaleSwitcher = () => {
-*   const { locale, setLocale, availableLocales } = useLocale();
-*
-*   return (
-*     <select value={locale} onChange={(e) => setLocale(e.target.value)}>
-*       {availableLocales.map((loc) => (
-*         <option key={loc} value={loc}>{loc}</option>
-*       ))}
-*     </select>
-*   );
-* };
-* ```
-*/
-const useLocale = ({ isCookieEnabled, onLocaleChange } = {}) => {
-	const { defaultLocale, locales: availableLocales } = configuration?.internationalization ?? {};
-	const { locale, setLocale: setLocaleState, isCookieEnabled: isCookieEnabledContext } = useContext(IntlayerClientContext);
-	return {
-		locale,
-		defaultLocale,
-		availableLocales,
-		setLocale: useCallback((locale) => {
-			if (!availableLocales?.map(String).includes(locale)) {
-				console.error(`Locale ${locale} is not available`);
-				return;
-			}
-			setLocaleState(locale);
-			setLocaleInStorage(locale, isCookieEnabled ?? isCookieEnabledContext ?? true);
-			onLocaleChange?.(locale);
-		}, [
-			availableLocales,
-			onLocaleChange,
-			setLocaleState,
-			isCookieEnabled
-		])
-	};
-};
-
-//#endregion
-export { useLocale };
+"use client";import{setLocaleInStorage as e}from"./useLocaleStorage.mjs";import{IntlayerClientContext as t}from"./IntlayerProvider.mjs";import{useCallback as n,useContext as r}from"react";import i from"@intlayer/config/built";const a=({isCookieEnabled:a,onLocaleChange:o}={})=>{let{defaultLocale:s,locales:c}=i?.internationalization??{},{locale:l,setLocale:u,isCookieEnabled:d}=r(t);return{locale:l,defaultLocale:s,availableLocales:c,setLocale:n(t=>{if(!c?.map(String).includes(t)){console.error(`Locale ${t} is not available`);return}u(t),e(t,a??d??!0),o?.(t)},[c,o,u,a])}};export{a as useLocale};
 //# sourceMappingURL=useLocale.mjs.map

package/dist/esm/client/useLocale.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLocale.mjs","names":[],"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { DeclaredLocales, LocalesValues } from '@intlayer/types';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { setLocaleInStorage } from './useLocaleStorage';\n\ntype UseLocaleProps = {\n  isCookieEnabled?: boolean;\n  onLocaleChange?: (locale: LocalesValues) => void;\n};\n\ntype UseLocaleResult = {\n  locale: DeclaredLocales;\n  defaultLocale: DeclaredLocales;\n  availableLocales: DeclaredLocales[];\n  setLocale: (locale: LocalesValues) => void;\n};\n\n/**\n * Client-side hook to get the current locale and related locale management functions.\n *\n * @param props - Optional properties for the hook.\n * @returns An object containing the current locale, default locale, available locales, and a function to update the locale.\n *\n * @example\n * ```tsx\n * import { useLocale } from 'react-intlayer';\n *\n * const LocaleSwitcher = () => {\n *   const { locale, setLocale, availableLocales } = useLocale();\n *\n *   return (\n *     <select value={locale} onChange={(e) => setLocale(e.target.value)}>\n *       {availableLocales.map((loc) => (\n *         <option key={loc} value={loc}>{loc}</option>\n *       ))}\n *     </select>\n *   );\n * };\n * ```\n */\nexport const useLocale = ({\n  isCookieEnabled,\n  onLocaleChange,\n}: UseLocaleProps = {}): UseLocaleResult => {\n  const { defaultLocale, locales: availableLocales } =\n    configuration?.internationalization ?? {};\n\n  const {\n    locale,\n    setLocale: setLocaleState,\n    isCookieEnabled: isCookieEnabledContext,\n  } = useContext(IntlayerClientContext);\n\n  const setLocale = useCallback(\n    (locale: LocalesValues) => {\n      if (!availableLocales?.map(String).includes(locale)) {\n        console.error(`Locale ${locale} is not available`);\n        return;\n      }\n\n      setLocaleState(locale);\n      setLocaleInStorage(\n        locale,\n        isCookieEnabled ?? isCookieEnabledContext ?? true\n      );\n      onLocaleChange?.(locale);\n    },\n    [availableLocales, onLocaleChange, setLocaleState, isCookieEnabled]\n  );\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    setLocale, // Function to set the locale\n  } as UseLocaleResult;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAa,aAAa,EACxB,iBACA,mBACkB,EAAE,KAAsB;CAC1C,MAAM,EAAE,eAAe,SAAS,qBAC9B,eAAe,wBAAwB,EAAE;CAE3C,MAAM,EACJ,QACA,WAAW,gBACX,iBAAiB,2BACf,WAAW,sBAAsB;AAmBrC,QAAO;EACL;EACA;EACA;EACA,WArBgB,aACf,WAA0B;AACzB,OAAI,CAAC,kBAAkB,IAAI,OAAO,CAAC,SAAS,OAAO,EAAE;AACnD,YAAQ,MAAM,UAAU,OAAO,mBAAmB;AAClD;;AAGF,kBAAe,OAAO;AACtB,sBACE,QACA,mBAAmB,0BAA0B,KAC9C;AACD,oBAAiB,OAAO;KAE1B;GAAC;GAAkB;GAAgB;GAAgB;GAAgB,CACpE;EAOA"}
+{"version":3,"file":"useLocale.mjs","names":[],"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { DeclaredLocales, LocalesValues } from '@intlayer/types';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { setLocaleInStorage } from './useLocaleStorage';\n\ntype UseLocaleProps = {\n  isCookieEnabled?: boolean;\n  onLocaleChange?: (locale: LocalesValues) => void;\n};\n\ntype UseLocaleResult = {\n  locale: DeclaredLocales;\n  defaultLocale: DeclaredLocales;\n  availableLocales: DeclaredLocales[];\n  setLocale: (locale: LocalesValues) => void;\n};\n\n/**\n * Client-side hook to get the current locale and related locale management functions.\n *\n * @param props - Optional properties for the hook.\n * @returns An object containing the current locale, default locale, available locales, and a function to update the locale.\n *\n * @example\n * ```tsx\n * import { useLocale } from 'react-intlayer';\n *\n * const LocaleSwitcher = () => {\n *   const { locale, setLocale, availableLocales } = useLocale();\n *\n *   return (\n *     <select value={locale} onChange={(e) => setLocale(e.target.value)}>\n *       {availableLocales.map((loc) => (\n *         <option key={loc} value={loc}>{loc}</option>\n *       ))}\n *     </select>\n *   );\n * };\n * ```\n */\nexport const useLocale = ({\n  isCookieEnabled,\n  onLocaleChange,\n}: UseLocaleProps = {}): UseLocaleResult => {\n  const { defaultLocale, locales: availableLocales } =\n    configuration?.internationalization ?? {};\n\n  const {\n    locale,\n    setLocale: setLocaleState,\n    isCookieEnabled: isCookieEnabledContext,\n  } = useContext(IntlayerClientContext);\n\n  const setLocale = useCallback(\n    (locale: LocalesValues) => {\n      if (!availableLocales?.map(String).includes(locale)) {\n        console.error(`Locale ${locale} is not available`);\n        return;\n      }\n\n      setLocaleState(locale);\n      setLocaleInStorage(\n        locale,\n        isCookieEnabled ?? isCookieEnabledContext ?? true\n      );\n      onLocaleChange?.(locale);\n    },\n    [availableLocales, onLocaleChange, setLocaleState, isCookieEnabled]\n  );\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    setLocale, // Function to set the locale\n  } as UseLocaleResult;\n};\n"],"mappings":"kOA2CA,MAAa,GAAa,CACxB,kBACA,kBACkB,EAAE,GAAsB,CAC1C,GAAM,CAAE,gBAAe,QAAS,GAC9B,GAAe,sBAAwB,EAAE,CAErC,CACJ,SACA,UAAW,EACX,gBAAiB,GACf,EAAW,EAAsB,CAmBrC,MAAO,CACL,SACA,gBACA,mBACA,UArBgB,EACf,GAA0B,CACzB,GAAI,CAAC,GAAkB,IAAI,OAAO,CAAC,SAAS,EAAO,CAAE,CACnD,QAAQ,MAAM,UAAU,EAAO,mBAAmB,CAClD,OAGF,EAAe,EAAO,CACtB,EACE,EACA,GAAmB,GAA0B,GAC9C,CACD,IAAiB,EAAO,EAE1B,CAAC,EAAkB,EAAgB,EAAgB,EAAgB,CACpE,CAOA"}

package/dist/esm/client/useLocaleBase.mjs

@@ -1,24 +1,2 @@
-'use client';
-
-import { IntlayerClientContext } from "./IntlayerProvider.mjs";
-import { useContext } from "react";
-import configuration from "@intlayer/config/built";
-
-//#region src/client/useLocaleBase.ts
-const { defaultLocale, locales: availableLocales } = configuration.internationalization;
-/**
-* On the client side, hook to get the current locale and all related fields
-*/
-const useLocaleBase = () => {
-	const { locale, setLocale } = useContext(IntlayerClientContext);
-	return {
-		locale,
-		defaultLocale,
-		availableLocales,
-		setLocale
-	};
-};
-
-//#endregion
-export { useLocaleBase };
+"use client";import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{useContext as t}from"react";import n from"@intlayer/config/built";const{defaultLocale:r,locales:i}=n.internationalization,a=()=>{let{locale:n,setLocale:a}=t(e);return{locale:n,defaultLocale:r,availableLocales:i,setLocale:a}};export{a as useLocaleBase};
 //# sourceMappingURL=useLocaleBase.mjs.map

package/dist/esm/client/useLocaleBase.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLocaleBase.mjs","names":[],"sources":["../../../src/client/useLocaleBase.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\nconst { defaultLocale, locales: availableLocales } =\n  configuration.internationalization;\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocaleBase = () => {\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;;;;;;AAMA,MAAM,EAAE,eAAe,SAAS,qBAC9B,cAAc;;;;AAKhB,MAAa,sBAAsB;CACjC,MAAM,EAAE,QAAQ,cAAc,WAAW,sBAAsB;AAE/D,QAAO;EACL;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"useLocaleBase.mjs","names":[],"sources":["../../../src/client/useLocaleBase.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\nconst { defaultLocale, locales: availableLocales } =\n  configuration.internationalization;\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocaleBase = () => {\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":"qJAMA,KAAM,CAAE,gBAAe,QAAS,GAC9B,EAAc,qBAKH,MAAsB,CACjC,GAAM,CAAE,SAAQ,aAAc,EAAW,EAAsB,CAE/D,MAAO,CACL,SACA,gBACA,mBACA,YACD"}

package/dist/esm/client/useLocaleStorage.mjs

@@ -1,55 +1,2 @@
-import { useMemo } from "react";
-import { LocaleStorage, getLocaleFromStorage, localeStorageOptions, setLocaleInStorage as setLocaleInStorage$1 } from "@intlayer/core";
-
-//#region src/client/useLocaleStorage.ts
-/**
-* Get the locale cookie
-*/
-/**
-* Get the locale cookie
-*/
-const localeInStorage = getLocaleFromStorage(localeStorageOptions);
-/**
-* @deprecated Use localeInStorage instead
-*
-* Get the locale cookie
-*/
-const localeCookie = localeInStorage;
-/**
-* Set the locale cookie
-*/
-const setLocaleInStorage = (locale, isCookieEnabled) => setLocaleInStorage$1(locale, {
-	...localeStorageOptions,
-	isCookieEnabled
-});
-/**
-* @deprecated Use setLocaleInStorage instead
-*
-* Set the locale cookie
-*/
-const setLocaleCookie = setLocaleInStorage;
-/**
-* Hook that provides the locale cookie and a function to set it
-*/
-const useLocaleStorage = (isCookieEnabled) => useMemo(() => LocaleStorage({
-	...localeStorageOptions,
-	isCookieEnabled
-}), [isCookieEnabled]);
-/**
-* @deprecated Use useLocaleStorage instead
-*
-* For GDPR compliance, use useLocaleStorage instead
-*
-* Hook that provides the locale cookie and a function to set it
-*/
-const useLocaleCookie = (isCookieEnabled) => {
-	const storage = useLocaleStorage(isCookieEnabled);
-	return {
-		localeCookie: storage.getLocale(),
-		setLocaleCookie: storage.setLocale
-	};
-};
-
-//#endregion
-export { localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorage };
+import{useMemo as e}from"react";import{LocaleStorage as t,getLocaleFromStorage as n,setLocaleInStorage as r}from"@intlayer/core/utils";import{localeStorageOptions as i}from"@intlayer/core/localization";const a=n(i),o=a,s=(e,t)=>r(e,{...i,isCookieEnabled:t}),c=s,l=n=>e(()=>t({...i,isCookieEnabled:n}),[n]),u=e=>{let t=l(e);return{localeCookie:t.getLocale(),setLocaleCookie:t.setLocale}};export{o as localeCookie,a as localeInStorage,c as setLocaleCookie,s as setLocaleInStorage,u as useLocaleCookie,l as useLocaleStorage};
 //# sourceMappingURL=useLocaleStorage.mjs.map

package/dist/esm/client/useLocaleStorage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLocaleStorage.mjs","names":["setLocaleInStorageCore"],"sources":["../../../src/client/useLocaleStorage.ts"],"sourcesContent":["import {\n  getLocaleFromStorage,\n  LocaleStorage,\n  localeStorageOptions,\n  setLocaleInStorage as setLocaleInStorageCore,\n} from '@intlayer/core';\nimport type { LocalesValues } from '@intlayer/types';\nimport { useMemo } from 'react';\n\n/**\n * Get the locale cookie\n */\n/**\n * Get the locale cookie\n */\nexport const localeInStorage = getLocaleFromStorage(localeStorageOptions);\n/**\n * @deprecated Use localeInStorage instead\n *\n * Get the locale cookie\n */\nexport const localeCookie = localeInStorage;\n\n/**\n * Set the locale cookie\n */\nexport const setLocaleInStorage = (\n  locale: LocalesValues,\n  isCookieEnabled?: boolean\n) =>\n  setLocaleInStorageCore(locale, {\n    ...localeStorageOptions,\n    isCookieEnabled,\n  });\n\n/**\n * @deprecated Use setLocaleInStorage instead\n *\n * Set the locale cookie\n */\nexport const setLocaleCookie = setLocaleInStorage;\n\n/**\n * Hook that provides the locale cookie and a function to set it\n */\nexport const useLocaleStorage = (isCookieEnabled?: boolean) =>\n  useMemo(\n    () =>\n      LocaleStorage({\n        ...localeStorageOptions,\n        isCookieEnabled,\n      }),\n    [isCookieEnabled]\n  );\n\n/**\n * @deprecated Use useLocaleStorage instead\n *\n * For GDPR compliance, use useLocaleStorage instead\n *\n * Hook that provides the locale cookie and a function to set it\n */\nexport const useLocaleCookie = (isCookieEnabled?: boolean) => {\n  const storage = useLocaleStorage(isCookieEnabled);\n\n  return {\n    localeCookie: storage.getLocale(),\n    setLocaleCookie: storage.setLocale,\n  };\n};\n"],"mappings":";;;;;;;;;;AAeA,MAAa,kBAAkB,qBAAqB,qBAAqB;;;;;;AAMzE,MAAa,eAAe;;;;AAK5B,MAAa,sBACX,QACA,oBAEAA,qBAAuB,QAAQ;CAC7B,GAAG;CACH;CACD,CAAC;;;;;;AAOJ,MAAa,kBAAkB;;;;AAK/B,MAAa,oBAAoB,oBAC/B,cAEI,cAAc;CACZ,GAAG;CACH;CACD,CAAC,EACJ,CAAC,gBAAgB,CAClB;;;;;;;;AASH,MAAa,mBAAmB,oBAA8B;CAC5D,MAAM,UAAU,iBAAiB,gBAAgB;AAEjD,QAAO;EACL,cAAc,QAAQ,WAAW;EACjC,iBAAiB,QAAQ;EAC1B"}
+{"version":3,"file":"useLocaleStorage.mjs","names":["setLocaleInStorageCore"],"sources":["../../../src/client/useLocaleStorage.ts"],"sourcesContent":["import { localeStorageOptions } from '@intlayer/core/localization';\nimport {\n  getLocaleFromStorage,\n  LocaleStorage,\n  setLocaleInStorage as setLocaleInStorageCore,\n} from '@intlayer/core/utils';\nimport type { LocalesValues } from '@intlayer/types';\nimport { useMemo } from 'react';\n\n/**\n * Get the locale cookie\n */\n/**\n * Get the locale cookie\n */\nexport const localeInStorage = getLocaleFromStorage(localeStorageOptions);\n/**\n * @deprecated Use localeInStorage instead\n *\n * Get the locale cookie\n */\nexport const localeCookie = localeInStorage;\n\n/**\n * Set the locale cookie\n */\nexport const setLocaleInStorage = (\n  locale: LocalesValues,\n  isCookieEnabled?: boolean\n) =>\n  setLocaleInStorageCore(locale, {\n    ...localeStorageOptions,\n    isCookieEnabled,\n  });\n\n/**\n * @deprecated Use setLocaleInStorage instead\n *\n * Set the locale cookie\n */\nexport const setLocaleCookie = setLocaleInStorage;\n\n/**\n * Hook that provides the locale cookie and a function to set it\n */\nexport const useLocaleStorage = (isCookieEnabled?: boolean) =>\n  useMemo(\n    () =>\n      LocaleStorage({\n        ...localeStorageOptions,\n        isCookieEnabled,\n      }),\n    [isCookieEnabled]\n  );\n\n/**\n * @deprecated Use useLocaleStorage instead\n *\n * For GDPR compliance, use useLocaleStorage instead\n *\n * Hook that provides the locale cookie and a function to set it\n */\nexport const useLocaleCookie = (isCookieEnabled?: boolean) => {\n  const storage = useLocaleStorage(isCookieEnabled);\n\n  return {\n    localeCookie: storage.getLocale(),\n    setLocaleCookie: storage.setLocale,\n  };\n};\n"],"mappings":"0MAeA,MAAa,EAAkB,EAAqB,EAAqB,CAM5D,EAAe,EAKf,GACX,EACA,IAEAA,EAAuB,EAAQ,CAC7B,GAAG,EACH,kBACD,CAAC,CAOS,EAAkB,EAKlB,EAAoB,GAC/B,MAEI,EAAc,CACZ,GAAG,EACH,kBACD,CAAC,CACJ,CAAC,EAAgB,CAClB,CASU,EAAmB,GAA8B,CAC5D,IAAM,EAAU,EAAiB,EAAgB,CAEjD,MAAO,CACL,aAAc,EAAQ,WAAW,CACjC,gBAAiB,EAAQ,UAC1B"}

package/dist/esm/client/useRewriteURL.mjs

@@ -1,40 +1,2 @@
-'use client';
-
-import { useLocale } from "./useLocale.mjs";
-import { useEffect } from "react";
-import { getRewritePath } from "@intlayer/core";
-import configuration from "@intlayer/config/built";
-
-//#region src/client/useRewriteURL.ts
-/**
-* Client-side hook to manage URL rewrites without triggering a router navigation.
-* It uses `window.history.replaceState` to update the URL in the address bar.
-*
-* This hook is useful to "prettify" the URL when the user lands on a canonical path
-* that has a localized alias defined in `intlayer.config.ts`.
-*
-* @example
-* ```tsx
-* import { useRewriteURL } from 'react-intlayer';
-*
-* const MyComponent = () => {
-*   useRewriteURL();
-*
-*   return <div>My Component</div>;
-* };
-* ```
-*/
-const useRewriteURL = () => {
-	const { locale } = useLocale();
-	const rewrite = configuration?.routing?.rewrite;
-	useEffect(() => {
-		if (typeof window === "undefined" || !rewrite) return;
-		const pathname = window.location.pathname;
-		const targetPath = getRewritePath(pathname, locale, rewrite);
-		if (targetPath && targetPath !== pathname) window.history.replaceState(window.history.state, "", targetPath + window.location.search + window.location.hash);
-	}, [locale, rewrite]);
-};
-
-//#endregion
-export { useRewriteURL };
+"use client";import{useLocale as e}from"./useLocale.mjs";import{useEffect as t}from"react";import n from"@intlayer/config/built";import{getRewritePath as r}from"@intlayer/core/localization";const i=()=>{let{locale:i}=e(),a=n?.routing?.rewrite;t(()=>{if(typeof window>`u`||!a)return;let e=window.location.pathname,t=r(e,i,a);t&&t!==e&&window.history.replaceState(window.history.state,``,t+window.location.search+window.location.hash)},[i,a])};export{i as useRewriteURL};
 //# sourceMappingURL=useRewriteURL.mjs.map

package/dist/esm/client/useRewriteURL.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRewriteURL.mjs","names":[],"sources":["../../../src/client/useRewriteURL.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport { getRewritePath } from '@intlayer/core';\nimport { useEffect } from 'react';\nimport { useLocale } from './useLocale';\n\n/**\n * Client-side hook to manage URL rewrites without triggering a router navigation.\n * It uses `window.history.replaceState` to update the URL in the address bar.\n *\n * This hook is useful to \"prettify\" the URL when the user lands on a canonical path\n * that has a localized alias defined in `intlayer.config.ts`.\n *\n * @example\n * ```tsx\n * import { useRewriteURL } from 'react-intlayer';\n *\n * const MyComponent = () => {\n *   useRewriteURL();\n *\n *   return <div>My Component</div>;\n * };\n * ```\n */\nexport const useRewriteURL = (): void => {\n  const { locale } = useLocale();\n  const rewrite = configuration?.routing?.rewrite;\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || !rewrite) return;\n\n    const pathname = window.location.pathname;\n    const targetPath = getRewritePath(pathname, locale, rewrite);\n\n    if (targetPath && targetPath !== pathname) {\n      window.history.replaceState(\n        window.history.state,\n        '',\n        targetPath + window.location.search + window.location.hash\n      );\n    }\n  }, [locale, rewrite]);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,sBAA4B;CACvC,MAAM,EAAE,WAAW,WAAW;CAC9B,MAAM,UAAU,eAAe,SAAS;AAExC,iBAAgB;AACd,MAAI,OAAO,WAAW,eAAe,CAAC,QAAS;EAE/C,MAAM,WAAW,OAAO,SAAS;EACjC,MAAM,aAAa,eAAe,UAAU,QAAQ,QAAQ;AAE5D,MAAI,cAAc,eAAe,SAC/B,QAAO,QAAQ,aACb,OAAO,QAAQ,OACf,IACA,aAAa,OAAO,SAAS,SAAS,OAAO,SAAS,KACvD;IAEF,CAAC,QAAQ,QAAQ,CAAC"}
+{"version":3,"file":"useRewriteURL.mjs","names":[],"sources":["../../../src/client/useRewriteURL.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport { getRewritePath } from '@intlayer/core/localization';\nimport { useEffect } from 'react';\nimport { useLocale } from './useLocale';\n\n/**\n * Client-side hook to manage URL rewrites without triggering a router navigation.\n * It uses `window.history.replaceState` to update the URL in the address bar.\n *\n * This hook is useful to \"prettify\" the URL when the user lands on a canonical path\n * that has a localized alias defined in `intlayer.config.ts`.\n *\n * @example\n * ```tsx\n * import { useRewriteURL } from 'react-intlayer';\n *\n * const MyComponent = () => {\n *   useRewriteURL();\n *\n *   return <div>My Component</div>;\n * };\n * ```\n */\nexport const useRewriteURL = (): void => {\n  const { locale } = useLocale();\n  const rewrite = configuration?.routing?.rewrite;\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || !rewrite) return;\n\n    const pathname = window.location.pathname;\n    const targetPath = getRewritePath(pathname, locale, rewrite);\n\n    if (targetPath && targetPath !== pathname) {\n      window.history.replaceState(\n        window.history.state,\n        '',\n        targetPath + window.location.search + window.location.hash\n      );\n    }\n  }, [locale, rewrite]);\n};\n"],"mappings":"8LAyBA,MAAa,MAA4B,CACvC,GAAM,CAAE,UAAW,GAAW,CACxB,EAAU,GAAe,SAAS,QAExC,MAAgB,CACd,GAAI,OAAO,OAAW,KAAe,CAAC,EAAS,OAE/C,IAAM,EAAW,OAAO,SAAS,SAC3B,EAAa,EAAe,EAAU,EAAQ,EAAQ,CAExD,GAAc,IAAe,GAC/B,OAAO,QAAQ,aACb,OAAO,QAAQ,MACf,GACA,EAAa,OAAO,SAAS,OAAS,OAAO,SAAS,KACvD,EAEF,CAAC,EAAQ,EAAQ,CAAC"}

package/dist/esm/client/useTraduction.mjs

@@ -1,34 +1,2 @@
-import { IntlayerClientContext } from "./IntlayerProvider.mjs";
-import { useContext, useMemo } from "react";
-import { getTranslation } from "@intlayer/core";
-
-//#region src/client/useTraduction.ts
-/**
-* On the client side, Hook that picking one dictionary by its id and return the content.
-*
-* If not locale found, it will return the content related to the default locale.
-*
-* Return either the content editor, or the content itself depending on the configuration.
-*
-* Usage:
-*
-* ```tsx
-* const content = useTranslation<string>({
-*  en: 'Hello',
-*  fr: 'Bonjour',
-* }, 'fr');
-* // 'Bonjour'
-* ```
-*
-* Using TypeScript:
-* - this function will require each locale to be defined if defined in the project configuration.
-* - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.
-*/
-const useTranslation = (languageContent) => {
-	const { locale } = useContext(IntlayerClientContext);
-	return useMemo(() => getTranslation(languageContent, locale), [languageContent, locale]);
-};
-
-//#endregion
-export { useTranslation };
+import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{useContext as t,useMemo as n}from"react";import{getTranslation as r}from"@intlayer/core/interpreter";const i=i=>{let{locale:a}=t(e);return n(()=>r(i,a),[i,a])};export{i as useTranslation};
 //# sourceMappingURL=useTraduction.mjs.map

package/dist/esm/client/useTraduction.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTraduction.mjs","names":[],"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import { getTranslation } from '@intlayer/core';\nimport type { StrictModeLocaleMap } from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTranslation<string>({\n *  en: 'Hello',\n *  fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTranslation = <Content = string>(\n  languageContent: StrictModeLocaleMap<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useMemo(\n    () => getTranslation(languageContent, locale),\n    [languageContent, locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,kBACX,oBACY;CACZ,MAAM,EAAE,WAAW,WAAW,sBAAsB;AAEpD,QAAO,cACC,eAAe,iBAAiB,OAAO,EAC7C,CAAC,iBAAiB,OAAO,CAC1B"}
+{"version":3,"file":"useTraduction.mjs","names":[],"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import { getTranslation } from '@intlayer/core/interpreter';\nimport type { StrictModeLocaleMap } from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTranslation<string>({\n *  en: 'Hello',\n *  fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTranslation = <Content = string>(\n  languageContent: StrictModeLocaleMap<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useMemo(\n    () => getTranslation(languageContent, locale),\n    [languageContent, locale]\n  );\n};\n"],"mappings":"2KA0BA,MAAa,EACX,GACY,CACZ,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,MACC,EAAe,EAAiB,EAAO,CAC7C,CAAC,EAAiB,EAAO,CAC1B"}

package/dist/esm/editor/ContentSelectorWrapper.mjs

@@ -1,54 +1,2 @@
-'use client';
-
-import { useIntlayerContext } from "../client/IntlayerProvider.mjs";
-import { ContentSelector } from "../UI/ContentSelector.mjs";
-import { useCallback, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { isSameKeyPath } from "@intlayer/core";
-import { NodeType } from "@intlayer/types";
-import { MessageKey, useCommunicator, useEditorEnabled, useFocusDictionary } from "@intlayer/editor-react";
-
-//#region src/editor/ContentSelectorWrapper.tsx
-const ContentSelectorWrapperContent = ({ children, dictionaryKey, keyPath }) => {
-	const { focusedContent, setFocusedContent } = useFocusDictionary();
-	const { postMessage, senderId } = useCommunicator();
-	const filteredKeyPath = useMemo(() => keyPath.filter((key) => key.type !== NodeType.Translation), [keyPath]);
-	return /* @__PURE__ */ jsx(ContentSelector, {
-		onPress: useCallback(() => setFocusedContent({
-			dictionaryKey,
-			keyPath: filteredKeyPath
-		}), [dictionaryKey, filteredKeyPath]),
-		onHover: useCallback(() => postMessage({
-			type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
-			data: {
-				dictionaryKey,
-				keyPath: filteredKeyPath
-			},
-			senderId
-		}), [dictionaryKey, filteredKeyPath]),
-		onUnhover: useCallback(() => postMessage({
-			type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
-			data: null,
-			senderId
-		}), [senderId]),
-		isSelecting: useMemo(() => (focusedContent?.dictionaryKey === dictionaryKey && (focusedContent?.keyPath?.length ?? 0) > 0 && isSameKeyPath(focusedContent?.keyPath ?? [], filteredKeyPath)) ?? false, [
-			focusedContent,
-			filteredKeyPath,
-			dictionaryKey
-		]),
-		children
-	});
-};
-const ContentSelectorRenderer = ({ children, ...props }) => {
-	const { enabled } = useEditorEnabled();
-	const { disableEditor } = useIntlayerContext();
-	if (enabled && !disableEditor) return /* @__PURE__ */ jsx(ContentSelectorWrapperContent, {
-		...props,
-		children
-	});
-	return children;
-};
-
-//#endregion
-export { ContentSelectorRenderer };
+"use client";import{useIntlayerContext as e}from"../client/IntlayerProvider.mjs";import{ContentSelector as t}from"../UI/ContentSelector.mjs";import{useCallback as n,useMemo as r}from"react";import{jsx as i}from"react/jsx-runtime";import{NodeType as a}from"@intlayer/types";import{isSameKeyPath as o}from"@intlayer/core/utils";import{MessageKey as s,useCommunicator as c,useEditorEnabled as l,useFocusDictionary as u}from"@intlayer/editor-react";const d=({children:e,dictionaryKey:l,keyPath:d})=>{let{focusedContent:f,setFocusedContent:p}=u(),{postMessage:m,senderId:h}=c(),g=r(()=>d.filter(e=>e.type!==a.Translation),[d]);return i(t,{onPress:n(()=>p({dictionaryKey:l,keyPath:g}),[l,g]),onHover:n(()=>m({type:`${s.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,data:{dictionaryKey:l,keyPath:g},senderId:h}),[l,g]),onUnhover:n(()=>m({type:`${s.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,data:null,senderId:h}),[h]),isSelecting:r(()=>(f?.dictionaryKey===l&&(f?.keyPath?.length??0)>0&&o(f?.keyPath??[],g))??!1,[f,g,l]),children:e})},f=({children:t,...n})=>{let{enabled:r}=l(),{disableEditor:a}=e();return r&&!a?i(d,{...n,children:t}):t};export{f as ContentSelectorRenderer};
 //# sourceMappingURL=ContentSelectorWrapper.mjs.map

package/dist/esm/editor/ContentSelectorWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentSelectorWrapper.mjs","names":[],"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { isSameKeyPath, type NodeProps } from '@intlayer/core';\nimport {\n  MessageKey,\n  useCommunicator,\n  useEditorEnabled,\n  useFocusDictionary,\n} from '@intlayer/editor-react';\nimport { NodeType } from '@intlayer/types';\nimport { type FC, type HTMLAttributes, useCallback, useMemo } from 'react';\nimport { useIntlayerContext } from '../client';\nimport { ContentSelector } from '../UI/ContentSelector';\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst ContentSelectorWrapperContent: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryKey,\n  keyPath,\n}) => {\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n  const { postMessage, senderId } = useCommunicator();\n\n  // Filter out translation nodes for more flexibility with the editor that can have different format\n  const filteredKeyPath = useMemo(\n    () => keyPath.filter((key) => key.type !== NodeType.Translation),\n    [keyPath]\n  );\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        keyPath: filteredKeyPath,\n      }),\n    [dictionaryKey, filteredKeyPath]\n  );\n\n  const handleHover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: {\n          dictionaryKey,\n          keyPath: filteredKeyPath,\n        },\n        senderId,\n      }),\n    [dictionaryKey, filteredKeyPath]\n  );\n\n  const handleUnhover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: null,\n        senderId,\n      }),\n    [senderId]\n  );\n\n  const isSelected = useMemo(\n    () =>\n      (focusedContent?.dictionaryKey === dictionaryKey &&\n        (focusedContent?.keyPath?.length ?? 0) > 0 &&\n        isSameKeyPath(focusedContent?.keyPath ?? [], filteredKeyPath)) ??\n      false,\n    [focusedContent, filteredKeyPath, dictionaryKey]\n  );\n\n  return (\n    <ContentSelector\n      onPress={handleSelect}\n      onHover={handleHover}\n      onUnhover={handleUnhover}\n      isSelecting={isSelected}\n    >\n      {children}\n    </ContentSelector>\n  );\n};\n\nexport const ContentSelectorRenderer: FC<ContentSelectorWrapperProps> = ({\n  children,\n  ...props\n}) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return children;\n};\n"],"mappings":";;;;;;;;;;;AAiBA,MAAM,iCAAkE,EACtE,UACA,eACA,cACI;CACJ,MAAM,EAAE,gBAAgB,sBAAsB,oBAAoB;CAClE,MAAM,EAAE,aAAa,aAAa,iBAAiB;CAGnD,MAAM,kBAAkB,cAChB,QAAQ,QAAQ,QAAQ,IAAI,SAAS,SAAS,YAAY,EAChE,CAAC,QAAQ,CACV;AA2CD,QACE,oBAAC;EACC,SA3CiB,kBAEjB,kBAAkB;GAChB;GACA,SAAS;GACV,CAAC,EACJ,CAAC,eAAe,gBAAgB,CACjC;EAqCG,SAnCgB,kBAEhB,YAAY;GACV,MAAM,GAAG,WAAW,iCAAiC;GACrD,MAAM;IACJ;IACA,SAAS;IACV;GACD;GACD,CAAC,EACJ,CAAC,eAAe,gBAAgB,CACjC;EAyBG,WAvBkB,kBAElB,YAAY;GACV,MAAM,GAAG,WAAW,iCAAiC;GACrD,MAAM;GACN;GACD,CAAC,EACJ,CAAC,SAAS,CACX;EAgBG,aAde,eAEd,gBAAgB,kBAAkB,kBAChC,gBAAgB,SAAS,UAAU,KAAK,KACzC,cAAc,gBAAgB,WAAW,EAAE,EAAE,gBAAgB,KAC/D,OACF;GAAC;GAAgB;GAAiB;GAAc,CACjD;EASI;GACe;;AAItB,MAAa,2BAA4D,EACvE,UACA,GAAG,YACC;CACJ,MAAM,EAAE,YAAY,kBAAkB;CACtC,MAAM,EAAE,kBAAkB,oBAAoB;AAE9C,KAAI,WAAW,CAAC,cACd,QACE,oBAAC;EAA8B,GAAI;EAChC;GAC6B;AAIpC,QAAO"}
+{"version":3,"file":"ContentSelectorWrapper.mjs","names":[],"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport type { NodeProps } from '@intlayer/core/interpreter';\nimport { isSameKeyPath } from '@intlayer/core/utils';\nimport {\n  MessageKey,\n  useCommunicator,\n  useEditorEnabled,\n  useFocusDictionary,\n} from '@intlayer/editor-react';\nimport { NodeType } from '@intlayer/types';\nimport { type FC, type HTMLAttributes, useCallback, useMemo } from 'react';\nimport { useIntlayerContext } from '../client';\nimport { ContentSelector } from '../UI/ContentSelector';\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst ContentSelectorWrapperContent: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryKey,\n  keyPath,\n}) => {\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n  const { postMessage, senderId } = useCommunicator();\n\n  // Filter out translation nodes for more flexibility with the editor that can have different format\n  const filteredKeyPath = useMemo(\n    () => keyPath.filter((key) => key.type !== NodeType.Translation),\n    [keyPath]\n  );\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        keyPath: filteredKeyPath,\n      }),\n    [dictionaryKey, filteredKeyPath]\n  );\n\n  const handleHover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: {\n          dictionaryKey,\n          keyPath: filteredKeyPath,\n        },\n        senderId,\n      }),\n    [dictionaryKey, filteredKeyPath]\n  );\n\n  const handleUnhover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: null,\n        senderId,\n      }),\n    [senderId]\n  );\n\n  const isSelected = useMemo(\n    () =>\n      (focusedContent?.dictionaryKey === dictionaryKey &&\n        (focusedContent?.keyPath?.length ?? 0) > 0 &&\n        isSameKeyPath(focusedContent?.keyPath ?? [], filteredKeyPath)) ??\n      false,\n    [focusedContent, filteredKeyPath, dictionaryKey]\n  );\n\n  return (\n    <ContentSelector\n      onPress={handleSelect}\n      onHover={handleHover}\n      onUnhover={handleUnhover}\n      isSelecting={isSelected}\n    >\n      {children}\n    </ContentSelector>\n  );\n};\n\nexport const ContentSelectorRenderer: FC<ContentSelectorWrapperProps> = ({\n  children,\n  ...props\n}) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return children;\n};\n"],"mappings":"6bAkBA,MAAM,GAAkE,CACtE,WACA,gBACA,aACI,CACJ,GAAM,CAAE,iBAAgB,qBAAsB,GAAoB,CAC5D,CAAE,cAAa,YAAa,GAAiB,CAG7C,EAAkB,MAChB,EAAQ,OAAQ,GAAQ,EAAI,OAAS,EAAS,YAAY,CAChE,CAAC,EAAQ,CACV,CA2CD,OACE,EAAC,EAAA,CACC,QA3CiB,MAEjB,EAAkB,CAChB,gBACA,QAAS,EACV,CAAC,CACJ,CAAC,EAAe,EAAgB,CACjC,CAqCG,QAnCgB,MAEhB,EAAY,CACV,KAAM,GAAG,EAAW,iCAAiC,OACrD,KAAM,CACJ,gBACA,QAAS,EACV,CACD,WACD,CAAC,CACJ,CAAC,EAAe,EAAgB,CACjC,CAyBG,UAvBkB,MAElB,EAAY,CACV,KAAM,GAAG,EAAW,iCAAiC,OACrD,KAAM,KACN,WACD,CAAC,CACJ,CAAC,EAAS,CACX,CAgBG,YAde,OAEd,GAAgB,gBAAkB,IAChC,GAAgB,SAAS,QAAU,GAAK,GACzC,EAAc,GAAgB,SAAW,EAAE,CAAE,EAAgB,GAC/D,GACF,CAAC,EAAgB,EAAiB,EAAc,CACjD,CASI,YACe,EAIT,GAA4D,CACvE,WACA,GAAG,KACC,CACJ,GAAM,CAAE,WAAY,GAAkB,CAChC,CAAE,iBAAkB,GAAoB,CAU9C,OARI,GAAW,CAAC,EAEZ,EAAC,EAAA,CAA8B,GAAI,EAChC,YAC6B,CAI7B"}