react-intlayer 1.2.1 → 2.0.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export type { IntlayerClientProviderProps } from './IntlayerClientProvider';\nexport {\n  IntlayerClientContext as IntlayerClient,\n  useIntlayerContext,\n  IntlayerClientProvider,\n} from './IntlayerClientProvider';\nexport { useIntlayer } from './useIntlayer';\nexport { useLocaleBase } from './useLocaleBase';\nexport { useLocale } from './useLocale';\nexport { useTraduction } from './useTraduction';\nexport {\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n} from './useLocaleCookie';\nexport { getBrowserLocale } from './getBrowserLocale';\n"],"mappings":";AACA;AAAA,EAC2B;AAAA,EACzB;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;","names":[]}
+{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export {\n  type IntlayerProviderProps,\n  IntlayerClientContext,\n  useIntlayerContext,\n  IntlayerProvider,\n} from './IntlayerProvider';\nexport { useIntlayer } from './useIntlayer';\nexport { useLocaleBase } from './useLocaleBase';\nexport { useLocale } from './useLocale';\nexport { useTraduction } from './useTraduction';\nexport {\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n} from './useLocaleCookie';\nexport { getBrowserLocale } from './getBrowserLocale';\n"],"mappings":";AAAA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;","names":[]}

package/dist/esm/client/useContent.d.mts

@@ -1,4 +1,3 @@
-import * as _intlayer_config_client from '@intlayer/config/client';
 import * as intlayer from 'intlayer';
 import { LanguageContent } from '@intlayer/core';
 
@@ -8,7 +7,7 @@ import { LanguageContent } from '@intlayer/core';
 declare const useContent: <Content>(languageContent: LanguageContent<Content>) => {
     locale: intlayer.Locales;
     content: Content;
-    t: <Content_1 = string>(languageContent: Partial<Record<_intlayer_config_client.LocalesValues, Content_1>>) => Content_1;
+    t: <Content_1 = string>(languageContent: Partial<Record<intlayer.LocalesValues, Content_1>>) => Content_1;
 };
 
 export { useContent };

package/dist/esm/client/useIntlayer.d.mts

@@ -1,6 +1,7 @@
 import { UseIntlayer } from '../useIntlayerBase.mjs';
-import '@intlayer/config/client';
+import '@intlayer/config';
 import 'intlayer';
+import 'react';
 
 /**
  * On the client side, Hook that picking one dictionary by its id and return the content

package/dist/esm/client/useIntlayer.mjs

@@ -4,7 +4,7 @@ import { useContext } from "react";
 import {
   useIntlayerBase
 } from '../useIntlayerBase.mjs';
-import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
+import { IntlayerClientContext } from './IntlayerProvider.mjs';
 const useIntlayer = (id, locale) => {
   const { locale: currentLocale } = useContext(IntlayerClientContext);
   const localeTarget = locale ?? currentLocale;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { useContext } from 'react';\nimport {\n  type DictionaryKeys,\n  useIntlayerBase,\n  type UseIntlayer,\n} from '../useIntlayerBase';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useIntlayer: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return useIntlayerBase(id, localeTarget);\n};\n"],"mappings":";;AAGA,SAAS,kBAAkB;AAC3B;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,6BAA6B;AAO/B,MAAM,cAA2B,CACtC,IACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,eAAe,UAAU;AAE/B,SAAO,gBAAgB,IAAI,YAAY;AACzC;","names":[]}
+{"version":3,"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { useContext } from 'react';\nimport {\n  type DictionaryKeys,\n  useIntlayerBase,\n  type UseIntlayer,\n} from '../useIntlayerBase';\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 the locale is not provided, it will use the locale from the client context\n */\nexport const useIntlayer: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return useIntlayerBase(id, localeTarget);\n};\n"],"mappings":";;AAGA,SAAS,kBAAkB;AAC3B;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,6BAA6B;AAO/B,MAAM,cAA2B,CACtC,IACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,eAAe,UAAU;AAE/B,SAAO,gBAAgB,IAAI,YAAY;AACzC;","names":[]}

package/dist/esm/client/useLocale.mjs

@@ -3,7 +3,7 @@ import "../chunk-ZNCO4QRF.mjs";
 import { getConfiguration } from "@intlayer/config/client";
 import { localeList } from "@intlayer/core";
 import { useContext } from "react";
-import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
+import { IntlayerClientContext } from './IntlayerProvider.mjs';
 const useLocale = () => {
   const { defaultLocale, locales: availableLocales } = getConfiguration().internationalization;
   const { locale, setLocale } = useContext(IntlayerClientContext);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = () => {\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\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    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAEA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAK/B,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AACrB,QAAM,EAAE,QAAQ,UAAU,IAAI,WAAW,qBAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = () => {\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\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    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAEA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAK/B,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AACrB,QAAM,EAAE,QAAQ,UAAU,IAAI,WAAW,qBAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}

package/dist/esm/client/useLocaleBase.mjs

@@ -3,7 +3,7 @@ import "../chunk-ZNCO4QRF.mjs";
 import { getConfiguration } from "@intlayer/config/client";
 import { localeList } from "@intlayer/core";
 import { useContext } from "react";
-import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
+import { IntlayerClientContext } from './IntlayerProvider.mjs';
 const { defaultLocale, locales: availableLocales } = getConfiguration().internationalization;
 const useLocaleBase = () => {
   const { locale, setLocale } = useContext(IntlayerClientContext);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocaleBase.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\n\nconst { defaultLocale, locales: availableLocales } =\n  getConfiguration().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    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAEA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAEtC,MAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AAKd,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,QAAQ,UAAU,IAAI,WAAW,qBAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/client/useLocaleBase.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\nconst { defaultLocale, locales: availableLocales } =\n  getConfiguration().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    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAEA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAEtC,MAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AAKd,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,QAAQ,UAAU,IAAI,WAAW,qBAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}

package/dist/esm/client/useTraduction.mjs

@@ -1,7 +1,7 @@
 import "../chunk-ZNCO4QRF.mjs";
 import { useContext } from "react";
 import { getTranslation } from '../getTranslation.mjs';
-import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
+import { IntlayerClientContext } from './IntlayerProvider.mjs';
 const useTraduction = (languageContent) => {
   const { locale } = useContext(IntlayerClientContext);
   return getTranslation(languageContent, locale);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { getTranslation } from '../getTranslation';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\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 = useTraduction<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 useTraduction = <Content = string>(\n  languageContent: LanguageContent<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return getTranslation(languageContent, locale);\n};\n"],"mappings":";AACA,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AAuB/B,MAAM,gBAAgB,CAC3B,oBACY;AACZ,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO,eAAe,iBAAiB,MAAM;AAC/C;","names":[]}
+{"version":3,"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { getTranslation } from '../getTranslation';\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 = useTraduction<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 useTraduction = <Content = string>(\n  languageContent: LanguageContent<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return getTranslation(languageContent, locale);\n};\n"],"mappings":";AACA,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AAuB/B,MAAM,gBAAgB,CAC3B,oBACY;AACZ,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO,eAAe,iBAAiB,MAAM;AAC/C;","names":[]}

package/dist/esm/getEnumeration.mjs

@@ -1,14 +1,10 @@
 import "./chunk-ZNCO4QRF.mjs";
 import { getEnumerationContent } from "@intlayer/core";
-import { contentRender } from './ContentEditor/contentRender.mjs';
 const getEnumeration = (enumerationContent, quantity) => {
   const result = getEnumerationContent(
     enumerationContent,
     quantity
   );
-  if (typeof result === "string") {
-    return contentRender(result);
-  }
   return result;
 };
 export {

package/dist/esm/getEnumeration.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/getEnumeration.ts"],"sourcesContent":["import { type QuantityContent, getEnumerationContent } from '@intlayer/core';\nimport { contentRender } from './ContentEditor/contentRender';\n\n/**\n * Allow to pick a content based on a quantity.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```ts\n * const content = getEnumeration({\n *  '<=-2.3': 'You have less than -2.3',\n *  '<1': 'You have less than one',\n *  '2': 'You have two',\n *  '>=3': 'You have three or more',\n * }, 2);\n * // 'You have two'\n * ```\n *\n * The order of the keys will define the priority of the content.\n *\n * ```ts\n * const content = getEnumeration({\n *  '<4': 'You have less than four',\n *  '2': 'You have two',\n * }, 2);\n * // 'You have less than four'\n * ```\n *\n */\nexport const getEnumeration = <Content>(\n  enumerationContent: QuantityContent<Content>,\n  quantity: number\n): Content => {\n  const result: Content = getEnumerationContent<Content>(\n    enumerationContent,\n    quantity\n  );\n\n  if (typeof result === 'string') {\n    return contentRender(result) as Content;\n  }\n\n  return result;\n};\n"],"mappings":";AAAA,SAA+B,6BAA6B;AAC5D,SAAS,qBAAqB;AA8BvB,MAAM,iBAAiB,CAC5B,oBACA,aACY;AACZ,QAAM,SAAkB;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AAEA,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO,cAAc,MAAM;AAAA,EAC7B;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/getEnumeration.ts"],"sourcesContent":["import { type QuantityContent, getEnumerationContent } from '@intlayer/core';\n\n/**\n * Allow to pick a content based on a quantity.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```ts\n * const content = getEnumeration({\n *  '<=-2.3': 'You have less than -2.3',\n *  '<1': 'You have less than one',\n *  '2': 'You have two',\n *  '>=3': 'You have three or more',\n * }, 2);\n * // 'You have two'\n * ```\n *\n * The order of the keys will define the priority of the content.\n *\n * ```ts\n * const content = getEnumeration({\n *  '<4': 'You have less than four',\n *  '2': 'You have two',\n * }, 2);\n * // 'You have less than four'\n * ```\n *\n */\nexport const getEnumeration = <Content>(\n  enumerationContent: QuantityContent<Content>,\n  quantity: number\n): Content => {\n  const result: Content = getEnumerationContent<Content>(\n    enumerationContent,\n    quantity\n  );\n\n  return result;\n};\n"],"mappings":";AAAA,SAA+B,6BAA6B;AA8BrD,MAAM,iBAAiB,CAC5B,oBACA,aACY;AACZ,QAAM,SAAkB;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/getTranslation.mjs

@@ -1,16 +1,12 @@
 import "./chunk-ZNCO4QRF.mjs";
 import { getConfiguration } from "@intlayer/config/client";
 import { getTranslationContent } from "@intlayer/core";
-import { contentRender } from './ContentEditor/contentRender.mjs';
 const getTranslation = (languageContent, locale) => {
   const { defaultLocale } = getConfiguration().internationalization;
   const result = getTranslationContent(
     languageContent,
     locale ?? defaultLocale
   );
-  if (typeof result === "string") {
-    return contentRender(result);
-  }
   return result;
 };
 export {

package/dist/esm/getTranslation.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/getTranslation.ts"],"sourcesContent":["import { type Locales, getConfiguration } from '@intlayer/config/client';\nimport { type LanguageContent, getTranslationContent } from '@intlayer/core';\nimport { contentRender } from './ContentEditor/contentRender';\n\n/**\n *\n * Allow to pick a content based on a locale.\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 * ```ts\n * const content = getTranslation<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 getTranslation = <Content = string>(\n  languageContent: LanguageContent<Content>,\n  locale?: Locales\n): Content => {\n  const { defaultLocale } = getConfiguration().internationalization;\n\n  const result: Content = getTranslationContent<Content>(\n    languageContent,\n    locale ?? defaultLocale\n  );\n\n  if (typeof result === 'string') {\n    return contentRender(result) as Content;\n  }\n\n  return result;\n};\n"],"mappings":";AAAA,SAAuB,wBAAwB;AAC/C,SAA+B,6BAA6B;AAC5D,SAAS,qBAAqB;AAuBvB,MAAM,iBAAiB,CAC5B,iBACA,WACY;AACZ,QAAM,EAAE,cAAc,IAAI,iBAAiB,EAAE;AAE7C,QAAM,SAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,EACZ;AAEA,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO,cAAc,MAAM;AAAA,EAC7B;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/getTranslation.ts"],"sourcesContent":["import { type Locales, getConfiguration } from '@intlayer/config/client';\nimport { type LanguageContent, getTranslationContent } from '@intlayer/core';\n\n/**\n *\n * Allow to pick a content based on a locale.\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 * ```ts\n * const content = getTranslation<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 getTranslation = <Content = string>(\n  languageContent: LanguageContent<Content>,\n  locale?: Locales\n): Content => {\n  const { defaultLocale } = getConfiguration().internationalization;\n\n  const result: Content = getTranslationContent<Content>(\n    languageContent,\n    locale ?? defaultLocale\n  );\n\n  return result;\n};\n"],"mappings":";AAAA,SAAuB,wBAAwB;AAC/C,SAA+B,6BAA6B;AAuBrD,MAAM,iBAAiB,CAC5B,iBACA,WACY;AACZ,QAAM,EAAE,cAAc,IAAI,iBAAiB,EAAE;AAE7C,QAAM,SAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,EACZ;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/index.d.mts

@@ -1,13 +1,14 @@
 export { getTranslation } from './getTranslation.mjs';
-export { IntlayerClientContext as IntlayerClient, IntlayerClientProvider, IntlayerClientProviderProps } from './client/IntlayerClientProvider.mjs';
+export { IntlayerClientContext, IntlayerProvider, IntlayerProviderProps } from './client/IntlayerProvider.mjs';
 export { useIntlayer } from './client/useIntlayer.mjs';
 export { useLocaleBase } from './client/useLocaleBase.mjs';
 export { useLocale } from './client/useLocale.mjs';
 export { useTraduction } from './client/useTraduction.mjs';
 export { localeCookie, setLocaleCookie, useLocaleCookie } from './client/useLocaleCookie.mjs';
 export { getBrowserLocale } from './client/getBrowserLocale.mjs';
+export { recursiveStringifyContent } from './useIntlayerBase.mjs';
 import '@intlayer/config/client';
 import '@intlayer/core';
 import 'react';
-import './useIntlayerBase.mjs';
+import '@intlayer/config';
 import 'intlayer';

package/dist/esm/index.mjs

@@ -1,8 +1,8 @@
 import "./chunk-ZNCO4QRF.mjs";
 import { getTranslation } from './getTranslation.mjs';
 import {
-  IntlayerClientProvider,
-  IntlayerClient,
+  IntlayerProvider,
+  IntlayerClientContext,
   useIntlayer,
   useLocale,
   useTraduction,
@@ -12,12 +12,14 @@ import {
   getBrowserLocale,
   useLocaleBase
 } from './client/index.mjs';
+import { recursiveStringifyContent } from './useIntlayerBase.mjs';
 export {
-  IntlayerClient,
-  IntlayerClientProvider,
+  IntlayerClientContext,
+  IntlayerProvider,
   getBrowserLocale,
   getTranslation,
   localeCookie,
+  recursiveStringifyContent,
   setLocaleCookie,
   useIntlayer,
   useLocale,

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getTranslation } from './getTranslation';\nexport {\n  IntlayerClientProvider,\n  type IntlayerClientProviderProps,\n  IntlayerClient,\n  useIntlayer,\n  useLocale,\n  useTraduction,\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n  getBrowserLocale,\n  useLocaleBase,\n} from './client/index';\n"],"mappings":";AAAA,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getTranslation } from './getTranslation';\nexport {\n  IntlayerProvider,\n  type IntlayerProviderProps,\n  IntlayerClientContext,\n  useIntlayer,\n  useLocale,\n  useTraduction,\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n  getBrowserLocale,\n  useLocaleBase,\n} from './client/index';\nexport { recursiveStringifyContent } from './useIntlayerBase';\n"],"mappings":";AAAA,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iCAAiC;","names":[]}

package/dist/esm/processDictionary/contentDictionary.d.mts

@@ -0,0 +1,16 @@
+import { KeyPath, Locales } from '@intlayer/core';
+import { ReactNode } from 'react';
+
+type TransformedContentValue = string | ReactNode | {
+    [key: string]: TransformedContentValue;
+} | undefined | ((quantity: number) => TransformedContentValue);
+type TransformedContentObject = {
+    dictionaryId: string;
+    dictionaryPath: string;
+    keyPath: KeyPath[];
+    locale: Locales;
+    content: TransformedContentValue | TransformedContentValue[] | undefined;
+};
+type TransformedContent = Record<string, TransformedContentValue | TransformedContentValue[] | TransformedContentObject | undefined> | ReactNode;
+
+export type { TransformedContent, TransformedContentObject, TransformedContentValue };

package/dist/esm/processDictionary/contentDictionary.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=contentDictionary.mjs.map

package/dist/esm/processDictionary/index.d.mts

@@ -1,11 +1,12 @@
 import { Locales } from '@intlayer/config/client';
-import { ContentValue, TransformedContentValue, Content, TransformedContent } from './contentDictionary.d.mjs';
-import '@intlayer/core';
+import { DictionaryValue, KeyPath, Dictionary } from '@intlayer/core';
+import { TransformedContentValue, TransformedContent } from './contentDictionary.mjs';
+import 'react';
 
-declare const processNode: (field: ContentValue | undefined, locale: Locales) => TransformedContentValue;
+declare const processNode: (field: DictionaryValue | undefined, locale: Locales, dictionaryId: string, dictionaryPath: string, keyPath?: KeyPath[]) => TransformedContentValue;
 /**
  * Function that process a dictionary and return the result to be used in the application.
  */
-declare const processDictionary: (content: Content, locale?: Locales) => TransformedContent;
+declare const processDictionary: (content: Dictionary | DictionaryValue, dictionaryId: string, dictionaryPath: string, keyPath?: KeyPath[], locale?: Locales) => TransformedContent;
 
 export { processDictionary, processNode };

package/dist/esm/processDictionary/index.mjs

@@ -1,46 +1,82 @@
 import "../chunk-ZNCO4QRF.mjs";
 import { getConfiguration } from "@intlayer/config/client";
 import {
-  NodeType
+  NodeType,
+  findMatchingCondition
 } from "@intlayer/core";
 import { createElement } from "react";
 import { getEnumeration } from '../getEnumeration.mjs';
 import { getTranslation } from '../getTranslation.mjs';
-const { defaultLocale } = getConfiguration().internationalization;
-const processTranslation = (languageContent, locale) => {
+const {
+  internationalization: { defaultLocale }
+} = getConfiguration();
+const processTranslation = (languageContent, locale, dictionaryId, dictionaryPath, keyPath = []) => {
   const translationResult = getTranslation(
     languageContent,
     locale
   );
-  return processDictionary(translationResult, locale);
+  const resultKeyPath = [
+    ...keyPath,
+    { type: NodeType.Translation, key: locale }
+  ];
+  return processDictionary(
+    translationResult,
+    dictionaryId,
+    dictionaryPath,
+    resultKeyPath,
+    locale
+  );
 };
-const processEnumeration = (enumerationContent, locale) => {
-  return (quantity) => {
-    const enumerationResult = getEnumeration(
-      enumerationContent,
-      quantity
-    );
-    return processDictionary(enumerationResult, locale);
-  };
+const processEnumeration = (enumerationContent, locale, dictionaryId, dictionaryPath, keyPath = []) => (quantity) => {
+  const enumerationResult = getEnumeration(
+    enumerationContent,
+    quantity
+  );
+  const matchingCondition = findMatchingCondition(
+    enumerationContent,
+    quantity
+  );
+  const resultKeyPath = [
+    ...keyPath,
+    { type: NodeType.Enumeration, key: matchingCondition.toString() }
+  ];
+  return processDictionary(
+    enumerationResult,
+    dictionaryId,
+    dictionaryPath,
+    resultKeyPath,
+    locale
+  );
 };
 const isReactNode = (node) => typeof node?.key !== "undefined" && typeof node?.props !== "undefined";
-const processNode = (field, locale) => {
-  if (typeof field !== "object" || field === null) {
-    return field;
-  }
-  if (field.nodeType === NodeType.Translation) {
-    return processTranslation(field, locale);
-  }
-  if (field.nodeType === NodeType.Enumeration) {
-    return processEnumeration(
-      field,
-      locale
-    );
-  }
-  if (typeof field.type === "undefined") {
-    return processDictionary(field, locale);
+const processNode = (field, locale, dictionaryId, dictionaryPath, keyPath = []) => {
+  if (typeof field === "object") {
+    if (field.nodeType === NodeType.Translation) {
+      return processTranslation(
+        field,
+        locale,
+        dictionaryId,
+        dictionaryPath,
+        keyPath
+      );
+    }
+    if (field.nodeType === NodeType.Enumeration) {
+      return processEnumeration(
+        field,
+        locale,
+        dictionaryId,
+        dictionaryPath,
+        keyPath
+      );
+    }
   }
-  return field;
+  return processDictionary(
+    field,
+    dictionaryId,
+    dictionaryPath,
+    keyPath,
+    locale
+  );
 };
 const createReactElement = (element) => {
   if (typeof element === "string") {
@@ -67,21 +103,67 @@ const createReactElement = (element) => {
   const { type, props } = fixedElement;
   return createElement(type ?? "div", props, ...props.children);
 };
-const processDictionary = (content, locale = defaultLocale) => {
+const traceKeys = ["filePath", "nodeType"];
+const processDictionary = (content, dictionaryId, dictionaryPath, keyPath = [], locale = defaultLocale) => {
   if (isReactNode(content)) {
     return createReactElement(
       content
     );
   }
   if (content && typeof content === "object") {
-    const result = {};
-    for (const key of Object.keys(content)) {
-      const field = content[key];
-      result[key] = processNode(field, locale);
+    const isArray = Array.isArray(content);
+    let result = {};
+    if (typeof content.nodeType !== "undefined") {
+      return processNode(
+        content,
+        locale,
+        dictionaryId,
+        dictionaryPath,
+        keyPath
+      );
+    } else if (isArray) {
+      result = content.map((field, key) => {
+        const resultKeyPath = [
+          ...keyPath,
+          { type: "ArrayExpression", key }
+        ];
+        return processNode(
+          field,
+          locale,
+          dictionaryId,
+          dictionaryPath,
+          resultKeyPath
+        );
+      });
+    } else {
+      for (const key of Object.keys(content)) {
+        const field = content[key];
+        if (traceKeys.includes(key)) {
+          result[key] = field;
+          continue;
+        }
+        const resultKeyPath = [
+          ...keyPath,
+          { type: "ObjectExpression", key }
+        ];
+        const nodeResult = processNode(
+          field,
+          locale,
+          dictionaryId,
+          dictionaryPath,
+          resultKeyPath
+        );
+        result[key] = nodeResult;
+      }
     }
     return result;
   }
-  return content;
+  return {
+    content,
+    keyPath,
+    dictionaryId,
+    dictionaryPath
+  };
 };
 export {
   processDictionary,

package/dist/esm/processDictionary/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/processDictionary/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { type Locales, getConfiguration } from '@intlayer/config/client';\nimport {\n  NodeType,\n  type QuantityContent,\n  type LanguageContent,\n} from '@intlayer/core';\nimport { type ReactElement, createElement, type ReactNode } from 'react';\nimport { getEnumeration } from '../getEnumeration';\nimport { getTranslation } from '../getTranslation';\nimport type {\n  Content,\n  ContentValue,\n  TransformedContent,\n  TransformedContentValue,\n} from './contentDictionary';\n\nconst { defaultLocale } = getConfiguration().internationalization;\n\nconst processTranslation = (\n  languageContent: LanguageContent<ContentValue>,\n  locale: Locales\n): TransformedContent => {\n  const translationResult: ContentValue = getTranslation<ContentValue>(\n    languageContent,\n    locale\n  );\n\n  return processDictionary(translationResult as Content, locale);\n};\n\nconst processEnumeration = (\n  enumerationContent: QuantityContent<ContentValue>,\n  locale: Locales\n): TransformedContentValue => {\n  return (quantity: number): TransformedContentValue => {\n    const enumerationResult: ContentValue = getEnumeration<ContentValue>(\n      enumerationContent,\n      quantity\n    );\n\n    //\n    return processDictionary(enumerationResult as Content, locale);\n  };\n};\n\nconst isReactNode = (node: Record<string, unknown>): boolean =>\n  typeof node?.key !== 'undefined' && typeof node?.props !== 'undefined';\n\nexport const processNode = (\n  field: ContentValue | undefined,\n  locale: Locales\n): TransformedContentValue => {\n  if (typeof field !== 'object' || field === null) {\n    return field;\n  }\n\n  if (field.nodeType === NodeType.Translation) {\n    return processTranslation(field as LanguageContent<ContentValue>, locale);\n  }\n\n  if (field.nodeType === NodeType.Enumeration) {\n    return processEnumeration(\n      field satisfies QuantityContent<ContentValue>,\n      locale\n    );\n  }\n\n  if (typeof (field as any).type === 'undefined') {\n    return processDictionary(field as Content, locale);\n  }\n\n  return field as TransformedContentValue;\n};\n\n// This function recursively creates React elements from a given JSON-like structure\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  // Destructure the component properties\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) => {\n        childrenResult.push(createReactElement(children[key]));\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\n};\n\n/**\n * Function that process a dictionary and return the result to be used in the application.\n */\nexport const processDictionary = (\n  content: Content,\n  locale: Locales = defaultLocale\n): TransformedContent => {\n  // If it's a React element, render it\n  if (isReactNode(content)) {\n    return createReactElement(\n      content as unknown as ReactElement\n    ) as unknown as TransformedContent;\n  }\n\n  if (content && typeof content === 'object') {\n    const result: TransformedContent = {};\n\n    // List each key in the content and process it\n    for (const key of Object.keys(content)) {\n      const field = content[key];\n\n      result[key] = processNode(field, locale);\n    }\n\n    return result;\n  }\n\n  // If it's a string, number, or function, return it\n  return content;\n};\n"],"mappings":";AACA,SAAuB,wBAAwB;AAC/C;AAAA,EACE;AAAA,OAGK;AACP,SAA4B,qBAAqC;AACjE,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAQ/B,MAAM,EAAE,cAAc,IAAI,iBAAiB,EAAE;AAE7C,MAAM,qBAAqB,CACzB,iBACA,WACuB;AACvB,QAAM,oBAAkC;AAAA,IACtC;AAAA,IACA;AAAA,EACF;AAEA,SAAO,kBAAkB,mBAA8B,MAAM;AAC/D;AAEA,MAAM,qBAAqB,CACzB,oBACA,WAC4B;AAC5B,SAAO,CAAC,aAA8C;AACpD,UAAM,oBAAkC;AAAA,MACtC;AAAA,MACA;AAAA,IACF;AAGA,WAAO,kBAAkB,mBAA8B,MAAM;AAAA,EAC/D;AACF;AAEA,MAAM,cAAc,CAAC,SACnB,OAAO,MAAM,QAAQ,eAAe,OAAO,MAAM,UAAU;AAEtD,MAAM,cAAc,CACzB,OACA,WAC4B;AAC5B,MAAI,OAAO,UAAU,YAAY,UAAU,MAAM;AAC/C,WAAO;AAAA,EACT;AAEA,MAAI,MAAM,aAAa,SAAS,aAAa;AAC3C,WAAO,mBAAmB,OAAwC,MAAM;AAAA,EAC1E;AAEA,MAAI,MAAM,aAAa,SAAS,aAAa;AAC3C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,MAAI,OAAQ,MAAc,SAAS,aAAa;AAC9C,WAAO,kBAAkB,OAAkB,MAAM;AAAA,EACnD;AAEA,SAAO;AACT;AAGA,MAAM,qBAAqB,CAAC,YAA0B;AACpD,MAAI,OAAO,YAAY,UAAU;AAE/B,WAAO;AAAA,EACT;AAIA,QAAM,yBAAyB,CAACA,aAAwC;AACtE,QAAIA,UAAS,SAAS,OAAOA,SAAQ,MAAM,aAAa,UAAU;AAChE,YAAM,iBAA8B,CAAC;AACrC,YAAM,EAAE,SAAS,IAAIA,SAAQ;AAG7B,aAAO,KAAK,QAAQ,EAAE,QAAQ,CAAC,QAAQ;AACrC,uBAAe,KAAK,mBAAmB,SAAS,GAAG,CAAC,CAAC;AAAA,MACvD,CAAC;AAED,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,OAAO,EAAE,GAAGA,SAAQ,OAAO,UAAU,eAAe;AAAA,MACtD;AAAA,IACF;AAEA,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,OAAO,EAAE,GAAGA,SAAQ,OAAO,UAAUA,SAAQ,MAAM,SAAS;AAAA,IAC9D;AAAA,EACF;AAEA,QAAM,eAAe,uBAAuB,OAAO;AAEnD,QAAM,EAAE,MAAM,MAAM,IAAI;AAGxB,SAAO,cAAc,QAAQ,OAAO,OAAO,GAAG,MAAM,QAAQ;AAC9D;AAKO,MAAM,oBAAoB,CAC/B,SACA,SAAkB,kBACK;AAEvB,MAAI,YAAY,OAAO,GAAG;AACxB,WAAO;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAEA,MAAI,WAAW,OAAO,YAAY,UAAU;AAC1C,UAAM,SAA6B,CAAC;AAGpC,eAAW,OAAO,OAAO,KAAK,OAAO,GAAG;AACtC,YAAM,QAAQ,QAAQ,GAAG;AAEzB,aAAO,GAAG,IAAI,YAAY,OAAO,MAAM;AAAA,IACzC;AAEA,WAAO;AAAA,EACT;AAGA,SAAO;AACT;","names":["element"]}
+{"version":3,"sources":["../../../src/processDictionary/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { type Locales, getConfiguration } from '@intlayer/config/client';\nimport {\n  NodeType,\n  type QuantityContent,\n  type LanguageContent,\n  findMatchingCondition,\n  type KeyPath,\n  type Dictionary,\n  type DictionaryValue,\n  type TranslationContent,\n  type EnumerationContent,\n  type TypedNode,\n} from '@intlayer/core';\nimport { type ReactElement, createElement, type ReactNode } from 'react';\nimport { getEnumeration } from '../getEnumeration';\nimport { getTranslation } from '../getTranslation';\nimport type {\n  TransformedContent,\n  TransformedContentValue,\n} from './contentDictionary';\n\nconst {\n  internationalization: { defaultLocale },\n} = getConfiguration();\n\nconst processTranslation = (\n  languageContent: LanguageContent<DictionaryValue>,\n  locale: Locales,\n  dictionaryId: string,\n  dictionaryPath: string,\n  keyPath: KeyPath[] = []\n): TransformedContent => {\n  const translationResult: DictionaryValue = getTranslation<DictionaryValue>(\n    languageContent,\n    locale\n  );\n\n  const resultKeyPath: KeyPath[] = [\n    ...keyPath,\n    { type: NodeType.Translation, key: locale },\n  ];\n\n  return processDictionary(\n    translationResult,\n    dictionaryId,\n    dictionaryPath,\n    resultKeyPath,\n    locale\n  );\n};\n\nconst processEnumeration =\n  (\n    enumerationContent: QuantityContent<DictionaryValue>,\n    locale: Locales,\n    dictionaryId: string,\n    dictionaryPath: string,\n    keyPath: KeyPath[] = []\n  ): TransformedContentValue =>\n  (quantity: number): TransformedContentValue => {\n    const enumerationResult: DictionaryValue = getEnumeration<DictionaryValue>(\n      enumerationContent,\n      quantity\n    );\n\n    const matchingCondition = findMatchingCondition(\n      enumerationContent,\n      quantity\n    );\n\n    const resultKeyPath: KeyPath[] = [\n      ...keyPath,\n      { type: NodeType.Enumeration, key: matchingCondition.toString() },\n    ];\n\n    return processDictionary(\n      enumerationResult,\n      dictionaryId,\n      dictionaryPath,\n      resultKeyPath,\n      locale\n    ) as TransformedContentValue;\n  };\n\nconst isReactNode = (node: Record<string, unknown>): boolean =>\n  typeof node?.key !== 'undefined' && typeof node?.props !== 'undefined';\n\nexport const processNode = (\n  field: DictionaryValue | undefined,\n  locale: Locales,\n  dictionaryId: string,\n  dictionaryPath: string,\n  keyPath: KeyPath[] = []\n): TransformedContentValue => {\n  if (typeof field === 'object') {\n    if (\n      (field as TranslationContent<DictionaryValue>).nodeType ===\n      NodeType.Translation\n    ) {\n      return processTranslation(\n        field as LanguageContent<DictionaryValue>,\n        locale,\n        dictionaryId,\n        dictionaryPath,\n        keyPath\n      ) as TransformedContentValue;\n    }\n\n    if (\n      (field as EnumerationContent<DictionaryValue>).nodeType ===\n      NodeType.Enumeration\n    ) {\n      return processEnumeration(\n        field as QuantityContent<DictionaryValue>,\n        locale,\n        dictionaryId,\n        dictionaryPath,\n        keyPath\n      );\n    }\n  }\n\n  return processDictionary(\n    field!,\n    dictionaryId,\n    dictionaryPath,\n    keyPath,\n    locale\n  ) as TransformedContentValue;\n};\n\n// This function recursively creates React elements from a given JSON-like structure\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  // Destructure the component properties\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) => {\n        childrenResult.push(createReactElement(children[key]));\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\n};\n\nconst traceKeys: string[] = ['filePath', 'nodeType'];\n\n/**\n * Function that process a dictionary and return the result to be used in the application.\n */\nexport const processDictionary = (\n  content: Dictionary | DictionaryValue,\n  dictionaryId: string,\n  dictionaryPath: string,\n  keyPath: KeyPath[] = [],\n  locale: Locales = defaultLocale\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n): TransformedContent => {\n  // If it's a React element, render it\n  if (isReactNode(content as Record<string, unknown>)) {\n    return createReactElement(\n      content as unknown as ReactElement\n    ) as unknown as TransformedContent;\n  }\n\n  if (content && typeof content === 'object') {\n    const isArray = Array.isArray(content);\n\n    let result: TransformedContent = {};\n\n    if (typeof (content as TypedNode).nodeType !== 'undefined') {\n      return processNode(\n        content as DictionaryValue,\n        locale,\n        dictionaryId,\n        dictionaryPath,\n        keyPath\n      ) as TransformedContent;\n    } else if (isArray) {\n      // Eslint fix because promises are awaited during build stage\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      result = (content as DictionaryValue[]).map((field, key) => {\n        const resultKeyPath: KeyPath[] = [\n          ...keyPath,\n          { type: 'ArrayExpression', key },\n        ];\n\n        return processNode(\n          field,\n          locale,\n          dictionaryId,\n          dictionaryPath,\n          resultKeyPath\n        );\n      }) as TransformedContent;\n    } else {\n      // List each key in the content and process it\n      for (const key of Object.keys(content)) {\n        const field = content[key as keyof typeof content];\n\n        if (traceKeys.includes(key)) {\n          result[key] = field as TransformedContentValue;\n          continue;\n        }\n\n        const resultKeyPath: KeyPath[] = [\n          ...keyPath,\n          { type: 'ObjectExpression', key },\n        ];\n\n        const nodeResult = processNode(\n          field,\n          locale,\n          dictionaryId,\n          dictionaryPath,\n          resultKeyPath\n        );\n\n        result[key] = nodeResult;\n      }\n    }\n\n    return result;\n  }\n\n  return {\n    content,\n    keyPath,\n    dictionaryId,\n    dictionaryPath,\n  };\n};\n"],"mappings":"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","names":["element"]}

package/dist/esm/server/IntlayerServerProvider.d.mts

@@ -27,7 +27,7 @@ declare const useIntlayer: () => Locales | undefined;
  */
 declare const locale: Locales | undefined;
 type IntlayerServerProviderProps = PropsWithChildren & {
-    locale: Locales;
+    locale?: Locales;
 };
 /**
  * Provider that store the current locale on the server side

package/dist/esm/server/IntlayerServerProvider.mjs

@@ -2,14 +2,13 @@ import "../chunk-ZNCO4QRF.mjs";
 import { jsx } from "react/jsx-runtime";
 import { getConfiguration } from "@intlayer/config/client";
 import { createServerContext, getServerContext } from './serverContext.mjs';
-const IntlayerServerContext = createServerContext(
-  getConfiguration().internationalization.defaultLocale
-);
+const { defaultLocale } = getConfiguration().internationalization;
+const IntlayerServerContext = createServerContext(defaultLocale);
 const useIntlayer = () => getServerContext(IntlayerServerContext);
 const locale = getServerContext(IntlayerServerContext);
 const IntlayerServerProvider = ({
   children,
-  locale: locale2
+  locale: locale2 = defaultLocale
 }) => /* @__PURE__ */ jsx(IntlayerServerContext.Provider, { value: locale2, children });
 export {
   IntlayerServerContext,

package/dist/esm/server/IntlayerServerProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/IntlayerServerProvider.tsx"],"sourcesContent":["import { type Locales, getConfiguration } from '@intlayer/config/client';\nimport type { FC, PropsWithChildren } from 'react';\nimport { createServerContext, getServerContext } from './serverContext';\n\n/**\n * Context that store the current locale on the server side\n */\nexport const IntlayerServerContext = createServerContext<Locales>(\n  getConfiguration().internationalization.defaultLocale\n);\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayer = () => getServerContext(IntlayerServerContext);\n\n/**\n * Get the current locale\n */\nexport const locale = getServerContext(IntlayerServerContext);\n\nexport type IntlayerServerProviderProps = PropsWithChildren & {\n  locale: Locales;\n};\n\n/**\n * Provider that store the current locale on the server side\n */\nexport const IntlayerServerProvider: FC<IntlayerServerProviderProps> = ({\n  children,\n  locale,\n}) => (\n  <IntlayerServerContext.Provider value={locale}>\n    {children}\n  </IntlayerServerContext.Provider>\n);\n"],"mappings":";AAgCE;AAhCF,SAAuB,wBAAwB;AAE/C,SAAS,qBAAqB,wBAAwB;AAK/C,MAAM,wBAAwB;AAAA,EACnC,iBAAiB,EAAE,qBAAqB;AAC1C;AAKO,MAAM,cAAc,MAAM,iBAAiB,qBAAqB;AAKhE,MAAM,SAAS,iBAAiB,qBAAqB;AASrD,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,QAAAA;AACF,MACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAOA,SACpC,UACH;","names":["locale"]}
+{"version":3,"sources":["../../../src/server/IntlayerServerProvider.tsx"],"sourcesContent":["import { type Locales, getConfiguration } from '@intlayer/config/client';\nimport type { FC, PropsWithChildren } from 'react';\nimport { createServerContext, getServerContext } from './serverContext';\n\nconst { defaultLocale } = getConfiguration().internationalization;\n\n/**\n * Context that store the current locale on the server side\n */\nexport const IntlayerServerContext =\n  createServerContext<Locales>(defaultLocale);\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayer = () => getServerContext(IntlayerServerContext);\n\n/**\n * Get the current locale\n */\nexport const locale = getServerContext(IntlayerServerContext);\n\nexport type IntlayerServerProviderProps = PropsWithChildren & {\n  locale?: Locales;\n};\n\n/**\n * Provider that store the current locale on the server side\n */\nexport const IntlayerServerProvider: FC<IntlayerServerProviderProps> = ({\n  children,\n  locale = defaultLocale,\n}) => (\n  <IntlayerServerContext.Provider value={locale}>\n    {children}\n  </IntlayerServerContext.Provider>\n);\n"],"mappings":";AAiCE;AAjCF,SAAuB,wBAAwB;AAE/C,SAAS,qBAAqB,wBAAwB;AAEtD,MAAM,EAAE,cAAc,IAAI,iBAAiB,EAAE;AAKtC,MAAM,wBACX,oBAA6B,aAAa;AAKrC,MAAM,cAAc,MAAM,iBAAiB,qBAAqB;AAKhE,MAAM,SAAS,iBAAiB,qBAAqB;AASrD,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,QAAAA,UAAS;AACX,MACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAOA,SACpC,UACH;","names":["locale"]}

package/dist/esm/server/index.d.mts

@@ -6,4 +6,5 @@ import '@intlayer/config/client';
 import '@intlayer/core';
 import 'react';
 import '../useIntlayerBase.mjs';
+import '@intlayer/config';
 import 'intlayer';

package/dist/esm/server/useIntlayer.d.mts

@@ -1,6 +1,7 @@
 import { UseIntlayer } from '../useIntlayerBase.mjs';
-import '@intlayer/config/client';
+import '@intlayer/config';
 import 'intlayer';
+import 'react';
 
 /**
  * On the server side, Hook that picking one dictionary by its id and return the content

package/dist/esm/useIntlayerBase.d.mts

@@ -1,12 +1,59 @@
-import { Locales } from '@intlayer/config/client';
+import { Locales } from '@intlayer/config';
 import { IntlayerDictionaryTypesConnector } from 'intlayer';
+import { ReactNode } from 'react';
 
+/**
+ * Provides a fallback to string type if the generic type T is never,
+ * otherwise returns T. This is useful for handling cases where no keys are found.
+ * Example: StringFallback<never> -> string; StringFallback<'key'> -> 'key'
+ */
 type StringFallback<T> = T extends never ? string : T;
+/**
+ * Represents the keys of the IntlayerDictionaryTypesConnector,
+ * ensuring they are valid dictionary keys or fallback to string if none exist.
+ *
+ * Example:
+ * ```ts
+ * DictionaryKeys -> 'key1' | 'key2'
+ * // or if IntlayerDictionaryTypesConnector is not defined,
+ * DictionaryKeys -> string
+ * ```
+ */
 type DictionaryKeys = StringFallback<keyof IntlayerDictionaryTypesConnector>;
-type UseIntlayer = <T extends DictionaryKeys>(id: T, locale?: Locales) => IntlayerDictionaryTypesConnector[T];
+type IntlayerNode = ReactNode & {
+    value: string;
+};
+type DeepTransformContent<T> = T extends object ? {
+    [K in keyof T]: DeepTransformContent<T[K]>;
+} : IntlayerNode;
+/**
+ * Excludes the 'id' and 'filePath' keys from the dictionary content,
+ * as they are not part of the IntlayerDictionaryTypesConnector type.
+ */
+type ExcludeIntlayerUtilsKeys<T> = Omit<T, 'id' | 'filePath'>;
+/**
+ * Represents the data type returned by the useIntlayer hook,
+ * excluding the 'id' and 'filePath' keys from the dictionary content.
+ */
+type Data<T extends DictionaryKeys> = ExcludeIntlayerUtilsKeys<DeepTransformContent<IntlayerDictionaryTypesConnector[T]>>;
+/**
+ * Parcourt the object. If a object has a keyPath, render the intlayer editor if editor enabled.
+ */
+declare const recursiveTransformContent: (obj: object) => object;
+type DeepStrinfifyContent<T> = T extends React.ComponentType<unknown> ? string : T extends object ? {
+    [K in keyof T]: DeepStrinfifyContent<T[K]>;
+} : T;
+declare const recursiveStringifyContent: <T extends object>(obj: T) => DeepStrinfifyContent<T>;
+/**
+ * Type definition for the useIntlayer hook, which takes a dictionary ID and an optional locale,
+ * and returns the deeply transformed dictionary content.
+ *
+ */
+type UseIntlayer = <T extends DictionaryKeys>(id: T, locale?: Locales) => Data<T>;
 /**
- * Hook that picking one dictionary by its id and return the content.
+ * Hook that picks one dictionary by its ID and returns the content,
+ * deeply transformed according to the dictionary structure and metadata.
  */
 declare const useIntlayerBase: UseIntlayer;
 
-export { type DictionaryKeys, type StringFallback, type UseIntlayer, useIntlayerBase };
+export { type DictionaryKeys, type IntlayerNode, type StringFallback, type UseIntlayer, recursiveStringifyContent, recursiveTransformContent, useIntlayerBase };