react-intlayer 1.0.1 → 1.2.1

package/dist/cjs/client/useLocale.d.ts

@@ -1,10 +1,14 @@
 import * as _intlayer_config_client from '@intlayer/config/client';
 
+/**
+ * On the client side, hook to get the current locale and all related fields
+ */
 declare const useLocale: () => {
     locale: _intlayer_config_client.Locales;
     defaultLocale: _intlayer_config_client.Locales;
     availableLocales: _intlayer_config_client.Locales[];
     localeList: _intlayer_config_client.Locales[];
+    setLocale: (newLocale: _intlayer_config_client.Locales) => void;
 };
 
 export { useLocale };

package/dist/cjs/client/{LocaleClientContextProvider.cjs → useLocaleBase.cjs}

@@ -17,26 +17,33 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var LocaleClientContextProvider_exports = {};
-__export(LocaleClientContextProvider_exports, {
-  LocaleClientContext: () => LocaleClientContext,
-  LocaleClientContextProvider: () => LocaleClientContextProvider,
-  useLocaleContext: () => useLocaleContext
+var useLocaleBase_exports = {};
+__export(useLocaleBase_exports, {
+  useLocaleBase: () => useLocaleBase
 });
-module.exports = __toCommonJS(LocaleClientContextProvider_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
+module.exports = __toCommonJS(useLocaleBase_exports);
 var import_client = require("@intlayer/config/client");
+var import_core = require("@intlayer/core");
 var import_react = require("react");
-var import_useLocaleCookie = require('./useLocaleCookie.cjs');
-const LocaleClientContext = (0, import_react.createContext)({
-  locale: import_useLocaleCookie.localeCookie ?? import_client.intlayerIntlConfiguration.defaultLocale
-});
-const useLocaleContext = () => (0, import_react.useContext)(LocaleClientContext);
-const LocaleClientContextProvider = ({ locale, children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LocaleClientContext.Provider, { value: { locale }, children });
+var import_IntlayerClientProvider = require('./IntlayerClientProvider.cjs');
+const { defaultLocale, locales: availableLocales } = (0, import_client.getConfiguration)().internationalization;
+const useLocaleBase = () => {
+  const { locale, setLocale } = (0, import_react.useContext)(import_IntlayerClientProvider.IntlayerClientContext);
+  return {
+    locale,
+    // Current locale
+    defaultLocale,
+    // Principal locale defined in config
+    availableLocales,
+    // List of the available locales defined in config
+    localeList: import_core.localeList,
+    // List of all available locales
+    setLocale
+    // Function to set the locale
+  };
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  LocaleClientContext,
-  LocaleClientContextProvider,
-  useLocaleContext
+  useLocaleBase
 });
-//# sourceMappingURL=LocaleClientContextProvider.cjs.map
+//# sourceMappingURL=useLocaleBase.cjs.map

package/dist/cjs/client/useLocaleBase.cjs.map

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oBAAiC;AACjC,kBAA2B;AAC3B,mBAA2B;AAC3B,oCAAsC;AAEtC,MAAM,EAAE,eAAe,SAAS,iBAAiB,QAC/C,gCAAiB,EAAE;AAKd,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,QAAQ,UAAU,QAAI,yBAAW,mDAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/client/useLocaleBase.d.ts

@@ -0,0 +1,14 @@
+import * as _intlayer_config_client from '@intlayer/config/client';
+
+/**
+ * On the client side, hook to get the current locale and all related fields
+ */
+declare const useLocaleBase: () => {
+    locale: _intlayer_config_client.Locales;
+    defaultLocale: _intlayer_config_client.Locales;
+    availableLocales: _intlayer_config_client.Locales[];
+    localeList: _intlayer_config_client.Locales[];
+    setLocale: (newLocale: _intlayer_config_client.Locales) => void;
+};
+
+export { useLocaleBase };

package/dist/cjs/client/useLocaleCookie.cjs

@@ -35,7 +35,7 @@ __export(useLocaleCookie_exports, {
 module.exports = __toCommonJS(useLocaleCookie_exports);
 var import_client = require("@intlayer/config/client");
 var import_js_cookie = __toESM(require("js-cookie"));
-const { cookieName } = import_client.intlayerMiddlewareConfiguration;
+const { cookieName } = (0, import_client.getConfiguration)().middleware;
 const cookieAttributes = {
   path: "/",
   expires: void 0,

package/dist/cjs/client/useLocaleCookie.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocaleCookie.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport {\n  type Locales,\n  intlayerMiddlewareConfiguration,\n} from '@intlayer/config/client';\nimport Cookies from 'js-cookie';\n\nconst { cookieName } = intlayerMiddlewareConfiguration;\n\nconst cookieAttributes: Cookies.CookieAttributes = {\n  path: '/',\n  expires: undefined,\n  domain: undefined,\n  secure: false,\n  sameSite: 'strict',\n};\n\nexport const localeCookie = Cookies.get(cookieName) as Locales | undefined;\n\nexport const setLocaleCookie = (locale: Locales) => {\n  Cookies.set(cookieName, locale, cookieAttributes);\n};\n\nexport const useLocaleCookie = () => ({\n  localeCookie,\n  setLocaleCookie,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAGO;AACP,uBAAoB;AAEpB,MAAM,EAAE,WAAW,IAAI;AAEvB,MAAM,mBAA6C;AAAA,EACjD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AACZ;AAEO,MAAM,eAAe,iBAAAA,QAAQ,IAAI,UAAU;AAE3C,MAAM,kBAAkB,CAAC,WAAoB;AAClD,mBAAAA,QAAQ,IAAI,YAAY,QAAQ,gBAAgB;AAClD;AAEO,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AACF;","names":["Cookies"]}
+{"version":3,"sources":["../../../src/client/useLocaleCookie.ts"],"sourcesContent":["import { type Locales, getConfiguration } from '@intlayer/config/client';\nimport Cookies from 'js-cookie';\n\nconst { cookieName } = getConfiguration().middleware;\n\nconst cookieAttributes: Cookies.CookieAttributes = {\n  path: '/',\n  expires: undefined,\n  domain: undefined,\n  secure: false,\n  sameSite: 'strict',\n};\n\n/**\n * Get the locale cookie\n */\nexport const localeCookie = Cookies.get(cookieName) as Locales | undefined;\n\n/**\n * Set the locale cookie\n */\nexport const setLocaleCookie = (locale: Locales) => {\n  Cookies.set(cookieName, locale, cookieAttributes);\n};\n\n/**\n * Hook that provides the locale cookie and a function to set it\n */\nexport const useLocaleCookie = () => ({\n  localeCookie,\n  setLocaleCookie,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA+C;AAC/C,uBAAoB;AAEpB,MAAM,EAAE,WAAW,QAAI,gCAAiB,EAAE;AAE1C,MAAM,mBAA6C;AAAA,EACjD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AACZ;AAKO,MAAM,eAAe,iBAAAA,QAAQ,IAAI,UAAU;AAK3C,MAAM,kBAAkB,CAAC,WAAoB;AAClD,mBAAAA,QAAQ,IAAI,YAAY,QAAQ,gBAAgB;AAClD;AAKO,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AACF;","names":["Cookies"]}

package/dist/cjs/client/useLocaleCookie.d.ts

@@ -1,7 +1,16 @@
 import { Locales } from '@intlayer/config/client';
 
+/**
+ * Get the locale cookie
+ */
 declare const localeCookie: Locales | undefined;
+/**
+ * Set the locale cookie
+ */
 declare const setLocaleCookie: (locale: Locales) => void;
+/**
+ * Hook that provides the locale cookie and a function to set it
+ */
 declare const useLocaleCookie: () => {
     localeCookie: Locales | undefined;
     setLocaleCookie: (locale: Locales) => void;

package/dist/cjs/client/useTraduction.cjs

@@ -23,9 +23,9 @@ __export(useTraduction_exports, {
 module.exports = __toCommonJS(useTraduction_exports);
 var import_react = require("react");
 var import_getTranslation = require('../getTranslation.cjs');
-var import_LocaleClientContextProvider = require('./LocaleClientContextProvider.cjs');
+var import_IntlayerClientProvider = require('./IntlayerClientProvider.cjs');
 const useTraduction = (languageContent) => {
-  const { locale } = (0, import_react.useContext)(import_LocaleClientContextProvider.LocaleClientContext);
+  const { locale } = (0, import_react.useContext)(import_IntlayerClientProvider.IntlayerClientContext);
   return (0, import_getTranslation.getTranslation)(languageContent, locale);
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/client/useTraduction.cjs.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 { LocaleClientContext } from './LocaleClientContextProvider';\n\nexport const useTraduction = <Content>(\n  languageContent: LanguageContent<Content>\n): Content => {\n  const { locale } = useContext(LocaleClientContext);\n\n  return getTranslation(languageContent, locale);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA2B;AAC3B,4BAA+B;AAC/B,yCAAoC;AAE7B,MAAM,gBAAgB,CAC3B,oBACY;AACZ,QAAM,EAAE,OAAO,QAAI,yBAAW,sDAAmB;AAEjD,aAAO,sCAAe,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 './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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA2B;AAC3B,4BAA+B;AAC/B,oCAAsC;AAuB/B,MAAM,gBAAgB,CAC3B,oBACY;AACZ,QAAM,EAAE,OAAO,QAAI,yBAAW,mDAAqB;AAEnD,aAAO,sCAAe,iBAAiB,MAAM;AAC/C;","names":[]}

package/dist/cjs/client/useTraduction.d.ts

@@ -1,5 +1,26 @@
 import { LanguageContent } from '@intlayer/core';
 
-declare const useTraduction: <Content>(languageContent: LanguageContent<Content>) => Content;
+/**
+ * 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 = useTraduction<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.
+ */
+declare const useTraduction: <Content = string>(languageContent: LanguageContent<Content>) => Content;
 
 export { useTraduction };

package/dist/cjs/craco/craco.config.cjs

@@ -0,0 +1,32 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var intlayerPlugin = __toESM(require('./intlayerCracoPlugin.cjs'));
+module.exports = {
+  plugins: [
+    {
+      plugin: intlayerPlugin
+    }
+  ]
+};
+//# sourceMappingURL=craco.config.cjs.map

package/dist/cjs/craco/craco.config.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/craco/craco.config.ts"],"sourcesContent":["import type { CracoConfig } from '@craco/types';\nimport * as intlayerPlugin from './intlayerCracoPlugin';\n\n// Usage Example\nmodule.exports = {\n  plugins: [\n    {\n      plugin: intlayerPlugin,\n    },\n  ],\n} satisfies CracoConfig;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,qBAAgC;AAGhC,OAAO,UAAU;AAAA,EACf,SAAS;AAAA,IACP;AAAA,MACE,QAAQ;AAAA,IACV;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/craco/craco.config.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/cjs/craco/intlayerCracoPlugin.cjs

@@ -0,0 +1,89 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var intlayerCracoPlugin_exports = {};
+__export(intlayerCracoPlugin_exports, {
+  overrideCracoConfig: () => overrideCracoConfig,
+  overrideWebpackConfig: () => overrideWebpackConfig,
+  plugin: () => plugin
+});
+module.exports = __toCommonJS(intlayerCracoPlugin_exports);
+var import_path = require("path");
+var import_config = require("@intlayer/config");
+var import_webpack = require("@intlayer/webpack");
+var import_webpack2 = __toESM(require("webpack"));
+const intlayerConfig = (0, import_config.getConfiguration)();
+const env = (0, import_config.formatEnvVariable)("react_app");
+const overrideWebpackConfig = ({
+  webpackConfig
+}) => {
+  webpackConfig.externals = {
+    ...typeof webpackConfig.externals === "object" ? webpackConfig.externals : {},
+    esbuild: "esbuild",
+    module: "module",
+    fs: "fs",
+    vm: "vm"
+  };
+  (webpackConfig.module?.rules ?? []).push({
+    test: /\.node$/,
+    use: "node-loader"
+  });
+  return webpackConfig;
+};
+const overrideCracoConfig = ({
+  cracoConfig
+}) => {
+  const { mainDir, baseDir } = intlayerConfig.content;
+  const dictionariesPath = (0, import_path.join)(mainDir, "dictionaries.mjs");
+  const relativeDictionariesPath = (0, import_path.relative)(baseDir, dictionariesPath);
+  return {
+    ...cracoConfig,
+    webpack: {
+      ...cracoConfig.webpack,
+      plugins: {
+        ...cracoConfig.webpack?.plugins,
+        add: [new import_webpack2.default.EnvironmentPlugin(env), new import_webpack.IntLayerPlugin()]
+      },
+      alias: {
+        ...cracoConfig.webpack?.alias,
+        "@intlayer/dictionaries-entry": (0, import_path.resolve)("./", relativeDictionariesPath)
+      }
+    }
+  };
+};
+const plugin = {
+  overrideCracoConfig,
+  overrideWebpackConfig
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  overrideCracoConfig,
+  overrideWebpackConfig,
+  plugin
+});
+//# sourceMappingURL=intlayerCracoPlugin.cjs.map

package/dist/cjs/craco/intlayerCracoPlugin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/craco/intlayerCracoPlugin.ts"],"sourcesContent":["import { resolve, relative, join } from 'path';\nimport type {\n  CracoConfig,\n  CracoConfigOverride,\n  CracoPlugin,\n  WebpackConfigOverride,\n} from '@craco/types';\nimport { getConfiguration, formatEnvVariable } from '@intlayer/config';\nimport { IntLayerPlugin as IntLayerWebpackPlugin } from '@intlayer/webpack';\nimport webpack, { type Configuration as WebpackConfig } from 'webpack';\n\n// Get IntLayer configuration\nconst intlayerConfig = getConfiguration();\n\n// Format environment variables\nconst env: Record<string, string> = formatEnvVariable('react_app');\n\n// Custom CRACO plugin function to override webpack configuration\nexport const overrideWebpackConfig = ({\n  webpackConfig,\n}: WebpackConfigOverride): WebpackConfig => {\n  webpackConfig.externals = {\n    ...(typeof webpackConfig.externals === 'object'\n      ? webpackConfig.externals\n      : {}),\n    esbuild: 'esbuild',\n    module: 'module',\n    fs: 'fs',\n    vm: 'vm',\n  };\n\n  (webpackConfig.module?.rules ?? []).push({\n    test: /\\.node$/,\n    use: 'node-loader',\n  });\n\n  // You can add any custom CRACO plugins here if needed\n  // config.plugins.push(new CustomCracoPlugin());\n\n  return webpackConfig;\n};\n\n// Return a CRACO configuration object\nexport const overrideCracoConfig = ({\n  cracoConfig,\n}: CracoConfigOverride): CracoConfig => {\n  const { mainDir, baseDir } = intlayerConfig.content;\n\n  const dictionariesPath = join(mainDir, 'dictionaries.mjs');\n  const relativeDictionariesPath = relative(baseDir, dictionariesPath);\n\n  return {\n    ...cracoConfig,\n    webpack: {\n      ...cracoConfig.webpack,\n      plugins: {\n        ...cracoConfig.webpack?.plugins,\n        add: [new webpack.EnvironmentPlugin(env), new IntLayerWebpackPlugin()],\n      },\n      alias: {\n        ...cracoConfig.webpack?.alias,\n        '@intlayer/dictionaries-entry': resolve('./', relativeDictionariesPath),\n      },\n    },\n  };\n};\n\n/**\n * A CRACO plugin that adds the IntLayer configuration to the webpack configuration and sets the environment variables.\n *\n * Usage:\n *\n * ```ts\n * const cracoConfig: CracoConfig = {\n *  plugins: [\n *   {\n *    plugin: intlayerCracoPlugin(),\n *   },\n *  ],\n * };\n *\n * export default cracoConfig;\n * ```\n *\n */\nexport const plugin: CracoPlugin = {\n  overrideCracoConfig,\n  overrideWebpackConfig,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAwC;AAOxC,oBAAoD;AACpD,qBAAwD;AACxD,IAAAA,kBAA6D;AAG7D,MAAM,qBAAiB,gCAAiB;AAGxC,MAAM,UAA8B,iCAAkB,WAAW;AAG1D,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,MAA4C;AAC1C,gBAAc,YAAY;AAAA,IACxB,GAAI,OAAO,cAAc,cAAc,WACnC,cAAc,YACd,CAAC;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAEA,GAAC,cAAc,QAAQ,SAAS,CAAC,GAAG,KAAK;AAAA,IACvC,MAAM;AAAA,IACN,KAAK;AAAA,EACP,CAAC;AAKD,SAAO;AACT;AAGO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AACF,MAAwC;AACtC,QAAM,EAAE,SAAS,QAAQ,IAAI,eAAe;AAE5C,QAAM,uBAAmB,kBAAK,SAAS,kBAAkB;AACzD,QAAM,+BAA2B,sBAAS,SAAS,gBAAgB;AAEnE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SAAS;AAAA,MACP,GAAG,YAAY;AAAA,MACf,SAAS;AAAA,QACP,GAAG,YAAY,SAAS;AAAA,QACxB,KAAK,CAAC,IAAI,gBAAAC,QAAQ,kBAAkB,GAAG,GAAG,IAAI,eAAAC,eAAsB,CAAC;AAAA,MACvE;AAAA,MACA,OAAO;AAAA,QACL,GAAG,YAAY,SAAS;AAAA,QACxB,oCAAgC,qBAAQ,MAAM,wBAAwB;AAAA,MACxE;AAAA,IACF;AAAA,EACF;AACF;AAoBO,MAAM,SAAsB;AAAA,EACjC;AAAA,EACA;AACF;","names":["import_webpack","webpack","IntLayerWebpackPlugin"]}

package/dist/cjs/craco/intlayerCracoPlugin.d.ts

@@ -0,0 +1,26 @@
+import { WebpackConfigOverride, CracoConfigOverride, CracoConfig, CracoPlugin } from '@craco/types';
+import { Configuration } from 'webpack';
+
+declare const overrideWebpackConfig: ({ webpackConfig, }: WebpackConfigOverride) => Configuration;
+declare const overrideCracoConfig: ({ cracoConfig, }: CracoConfigOverride) => CracoConfig;
+/**
+ * A CRACO plugin that adds the IntLayer configuration to the webpack configuration and sets the environment variables.
+ *
+ * Usage:
+ *
+ * ```ts
+ * const cracoConfig: CracoConfig = {
+ *  plugins: [
+ *   {
+ *    plugin: intlayerCracoPlugin(),
+ *   },
+ *  ],
+ * };
+ *
+ * export default cracoConfig;
+ * ```
+ *
+ */
+declare const plugin: CracoPlugin;
+
+export { overrideCracoConfig, overrideWebpackConfig, plugin };

package/dist/cjs/getEnumeration.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/getEnumeration.ts"],"sourcesContent":["import { type QuantityContent, getEnumerationContent } from '@intlayer/core';\nimport { contentRender } from './ContentEditor/contentRender';\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;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA4D;AAC5D,2BAA8B;AAEvB,MAAM,iBAAiB,CAC5B,oBACA,aACY;AACZ,QAAM,aAAkB;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AAEA,MAAI,OAAO,WAAW,UAAU;AAC9B,eAAO,oCAAc,MAAM;AAAA,EAC7B;AAEA,SAAO;AACT;","names":[]}
+{"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;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA4D;AAC5D,2BAA8B;AA8BvB,MAAM,iBAAiB,CAC5B,oBACA,aACY;AACZ,QAAM,aAAkB;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AAEA,MAAI,OAAO,WAAW,UAAU;AAC9B,eAAO,oCAAc,MAAM;AAAA,EAC7B;AAEA,SAAO;AACT;","names":[]}

package/dist/cjs/getEnumeration.d.ts

@@ -1,5 +1,33 @@
 import { QuantityContent } from '@intlayer/core';
 
+/**
+ * Allow to pick a content based on a quantity.
+ *
+ * Return either the content editor, or the content itself depending on the configuration.
+ *
+ * Usage:
+ *
+ * ```ts
+ * const content = getEnumeration({
+ *  '<=-2.3': 'You have less than -2.3',
+ *  '<1': 'You have less than one',
+ *  '2': 'You have two',
+ *  '>=3': 'You have three or more',
+ * }, 2);
+ * // 'You have two'
+ * ```
+ *
+ * The order of the keys will define the priority of the content.
+ *
+ * ```ts
+ * const content = getEnumeration({
+ *  '<4': 'You have less than four',
+ *  '2': 'You have two',
+ * }, 2);
+ * // 'You have less than four'
+ * ```
+ *
+ */
 declare const getEnumeration: <Content>(enumerationContent: QuantityContent<Content>, quantity: number) => Content;
 
 export { getEnumeration };

package/dist/cjs/getTranslation.cjs

@@ -25,7 +25,7 @@ var import_client = require("@intlayer/config/client");
 var import_core = require("@intlayer/core");
 var import_contentRender = require('./ContentEditor/contentRender.cjs');
 const getTranslation = (languageContent, locale) => {
-  const { defaultLocale } = import_client.intlayerIntlConfiguration;
+  const { defaultLocale } = (0, import_client.getConfiguration)().internationalization;
   const result = (0, import_core.getTranslationContent)(
     languageContent,
     locale ?? defaultLocale

package/dist/cjs/getTranslation.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/getTranslation.ts"],"sourcesContent":["import {\n  type Locales,\n  intlayerIntlConfiguration,\n} from '@intlayer/config/client';\nimport { type LanguageContent, getTranslationContent } from '@intlayer/core';\nimport { contentRender } from './ContentEditor/contentRender';\n\nexport const getTranslation = <Content>(\n  languageContent: LanguageContent<Content>,\n  locale?: Locales\n): Content => {\n  const { defaultLocale } = intlayerIntlConfiguration;\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;AAAA;AAAA;AAAA;AAAA;AAAA,oBAGO;AACP,kBAA4D;AAC5D,2BAA8B;AAEvB,MAAM,iBAAiB,CAC5B,iBACA,WACY;AACZ,QAAM,EAAE,cAAc,IAAI;AAE1B,QAAM,aAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,EACZ;AAEA,MAAI,OAAO,WAAW,UAAU;AAC9B,eAAO,oCAAc,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';\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;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA+C;AAC/C,kBAA4D;AAC5D,2BAA8B;AAuBvB,MAAM,iBAAiB,CAC5B,iBACA,WACY;AACZ,QAAM,EAAE,cAAc,QAAI,gCAAiB,EAAE;AAE7C,QAAM,aAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,EACZ;AAEA,MAAI,OAAO,WAAW,UAAU;AAC9B,eAAO,oCAAc,MAAM;AAAA,EAC7B;AAEA,SAAO;AACT;","names":[]}

package/dist/cjs/getTranslation.d.ts

@@ -1,6 +1,27 @@
 import { Locales } from '@intlayer/config/client';
 import { LanguageContent } from '@intlayer/core';
 
-declare const getTranslation: <Content>(languageContent: LanguageContent<Content>, locale?: Locales) => Content;
+/**
+ *
+ * Allow to pick a content based on a locale.
+ * 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:
+ *
+ * ```ts
+ * const content = getTranslation<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.
+ */
+declare const getTranslation: <Content = string>(languageContent: LanguageContent<Content>, locale?: Locales) => Content;
 
 export { getTranslation };

package/dist/cjs/index.cjs

@@ -18,14 +18,15 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
-  LocaleClientContext: () => import_client.LocaleClientContext,
-  LocaleClientContextProvider: () => import_client.LocaleClientContextProvider,
+  IntlayerClient: () => import_client.IntlayerClient,
+  IntlayerClientProvider: () => import_client.IntlayerClientProvider,
+  getBrowserLocale: () => import_client.getBrowserLocale,
   getTranslation: () => import_getTranslation.getTranslation,
   localeCookie: () => import_client.localeCookie,
   setLocaleCookie: () => import_client.setLocaleCookie,
   useIntlayer: () => import_client.useIntlayer,
   useLocale: () => import_client.useLocale,
-  useLocaleContext: () => import_client.useLocaleContext,
+  useLocaleBase: () => import_client.useLocaleBase,
   useLocaleCookie: () => import_client.useLocaleCookie,
   useTraduction: () => import_client.useTraduction
 });
@@ -34,14 +35,15 @@ var import_getTranslation = require('./getTranslation.cjs');
 var import_client = require('./client/index.cjs');
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  LocaleClientContext,
-  LocaleClientContextProvider,
+  IntlayerClient,
+  IntlayerClientProvider,
+  getBrowserLocale,
   getTranslation,
   localeCookie,
   setLocaleCookie,
   useIntlayer,
   useLocale,
-  useLocaleContext,
+  useLocaleBase,
   useLocaleCookie,
   useTraduction
 });

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getTranslation } from './getTranslation';\nexport {\n  LocaleClientContextProvider,\n  type LocaleClientContextProviderProps,\n  LocaleClientContext,\n  useLocaleContext,\n  useIntlayer,\n  useLocale,\n  useTraduction,\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n} from './client/index';\nexport {} from './client/useLocaleCookie';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA+B;AAC/B,oBAWO;","names":[]}
+{"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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA+B;AAC/B,oBAYO;","names":[]}

package/dist/cjs/index.d.ts

@@ -1,9 +1,11 @@
 export { getTranslation } from './getTranslation.js';
-export { LocaleClientContext, LocaleClientContextProvider, LocaleClientContextProviderProps, useLocaleContext } from './client/LocaleClientContextProvider.js';
+export { IntlayerClientContext as IntlayerClient, IntlayerClientProvider, IntlayerClientProviderProps } from './client/IntlayerClientProvider.js';
 export { useIntlayer } from './client/useIntlayer.js';
+export { useLocaleBase } from './client/useLocaleBase.js';
 export { useLocale } from './client/useLocale.js';
 export { useTraduction } from './client/useTraduction.js';
 export { localeCookie, setLocaleCookie, useLocaleCookie } from './client/useLocaleCookie.js';
+export { getBrowserLocale } from './client/getBrowserLocale.js';
 import '@intlayer/config/client';
 import '@intlayer/core';
 import 'react';

package/dist/cjs/processDictionary/index.cjs

@@ -24,9 +24,10 @@ __export(processDictionary_exports, {
 module.exports = __toCommonJS(processDictionary_exports);
 var import_client = require("@intlayer/config/client");
 var import_core = require("@intlayer/core");
+var import_react = require("react");
 var import_getEnumeration = require('../getEnumeration.cjs');
 var import_getTranslation = require('../getTranslation.cjs');
-const defaultLocale = import_client.intlayerIntlConfiguration.defaultLocale;
+const { defaultLocale } = (0, import_client.getConfiguration)().internationalization;
 const processTranslation = (languageContent, locale) => {
   const translationResult = (0, import_getTranslation.getTranslation)(
     languageContent,
@@ -43,6 +44,7 @@ const processEnumeration = (enumerationContent, locale) => {
     return processDictionary(enumerationResult, locale);
   };
 };
+const isReactNode = (node) => typeof node?.key !== "undefined" && typeof node?.props !== "undefined";
 const processNode = (field, locale) => {
   if (typeof field !== "object" || field === null) {
     return field;
@@ -61,7 +63,37 @@ const processNode = (field, locale) => {
   }
   return field;
 };
+const createReactElement = (element) => {
+  if (typeof element === "string") {
+    return element;
+  }
+  const convertChildrenAsArray = (element2) => {
+    if (element2?.props && typeof element2.props.children === "object") {
+      const childrenResult = [];
+      const { children } = element2.props;
+      Object.keys(children).forEach((key) => {
+        childrenResult.push(createReactElement(children[key]));
+      });
+      return {
+        ...element2,
+        props: { ...element2.props, children: childrenResult }
+      };
+    }
+    return {
+      ...element2,
+      props: { ...element2.props, children: element2.props.children }
+    };
+  };
+  const fixedElement = convertChildrenAsArray(element);
+  const { type, props } = fixedElement;
+  return (0, import_react.createElement)(type ?? "div", props, ...props.children);
+};
 const processDictionary = (content, locale = defaultLocale) => {
+  if (isReactNode(content)) {
+    return createReactElement(
+      content
+    );
+  }
   if (content && typeof content === "object") {
     const result = {};
     for (const key of Object.keys(content)) {

package/dist/cjs/processDictionary/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/processDictionary/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  type Locales,\n  intlayerIntlConfiguration,\n} from '@intlayer/config/client';\nimport {\n  NodeType,\n  type QuantityContent,\n  type LanguageContent,\n} from '@intlayer/core';\nimport { getEnumeration } from '../getEnumeration';\nimport { getTranslation } from '../getTranslation';\nimport type {\n  Content,\n  ContentValue,\n  TransformedContent,\n  TransformedContentValue,\n} from './contentDictionary';\n\nconst defaultLocale = intlayerIntlConfiguration.defaultLocale;\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\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/**\n * Function to replace the multi lingual content with content in the current locale\n */\nexport const processDictionary = (\n  content: Content,\n  locale: Locales = defaultLocale\n): TransformedContent => {\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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAGO;AACP,kBAIO;AACP,4BAA+B;AAC/B,4BAA+B;AAQ/B,MAAM,gBAAgB,wCAA0B;AAEhD,MAAM,qBAAqB,CACzB,iBACA,WACuB;AACvB,QAAM,wBAAkC;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,wBAAkC;AAAA,MACtC;AAAA,MACA;AAAA,IACF;AAGA,WAAO,kBAAkB,mBAA8B,MAAM;AAAA,EAC/D;AACF;AAEO,MAAM,cAAc,CACzB,OACA,WAC4B;AAC5B,MAAI,OAAO,UAAU,YAAY,UAAU,MAAM;AAC/C,WAAO;AAAA,EACT;AAEA,MAAI,MAAM,aAAa,qBAAS,aAAa;AAC3C,WAAO,mBAAmB,OAAwC,MAAM;AAAA,EAC1E;AAEA,MAAI,MAAM,aAAa,qBAAS,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;AAKO,MAAM,oBAAoB,CAC/B,SACA,SAAkB,kBACK;AACvB,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":[]}
+{"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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAA+C;AAC/C,kBAIO;AACP,mBAAiE;AACjE,4BAA+B;AAC/B,4BAA+B;AAQ/B,MAAM,EAAE,cAAc,QAAI,gCAAiB,EAAE;AAE7C,MAAM,qBAAqB,CACzB,iBACA,WACuB;AACvB,QAAM,wBAAkC;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,wBAAkC;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,qBAAS,aAAa;AAC3C,WAAO,mBAAmB,OAAwC,MAAM;AAAA,EAC1E;AAEA,MAAI,MAAM,aAAa,qBAAS,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,aAAO,4BAAc,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"]}

package/dist/cjs/processDictionary/index.d.ts

@@ -4,7 +4,7 @@ import '@intlayer/core';
 
 declare const processNode: (field: ContentValue | undefined, locale: Locales) => TransformedContentValue;
 /**
- * Function to replace the multi lingual content with content in the current locale
+ * Function that process a dictionary and return the result to be used in the application.
  */
 declare const processDictionary: (content: Content, locale?: Locales) => TransformedContent;