react-intlayer 1.2.0 → 2.0.0

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":["import {\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\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,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;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"]}
+{"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/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 { 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 * const content = getTranslation<string>({\n * en: 'Hello',\n * fr: 'Bonjour',\n * },\n * 'fr');\n * // 'Bonjour'\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;AAsB/B,MAAM,gBAAgB,CAC3B,oBACY;AACZ,QAAM,EAAE,OAAO,QAAI,yBAAW,mDAAqB;AAEnD,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

@@ -9,12 +9,13 @@ import { LanguageContent } from '@intlayer/core';
  *
  * Usage:
  *
- * const content = getTranslation<string>({
- * en: 'Hello',
- * fr: 'Bonjour',
- * },
- * 'fr');
+ * ```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.

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

@@ -22,15 +22,11 @@ __export(getEnumeration_exports, {
 });
 module.exports = __toCommonJS(getEnumeration_exports);
 var import_core = require("@intlayer/core");
-var import_contentRender = require('./ContentEditor/contentRender.cjs');
 const getEnumeration = (enumerationContent, quantity) => {
   const result = (0, import_core.getEnumerationContent)(
     enumerationContent,
     quantity
   );
-  if (typeof result === "string") {
-    return (0, import_contentRender.contentRender)(result);
-  }
   return result;
 };
 // Annotate the CommonJS export names for ESM import in node:

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\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 * 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 * },\n * 2);\n * // 'You have two'\n *\n * The order of the keys will define the priority of the content.\n *\n * const content = getEnumeration({\n * '<4': 'You have less than four',\n * '2': 'You have two',\n * });\n * // 'You have less than four'\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;AA2BvB,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';\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;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA4D;AA8BrD,MAAM,iBAAiB,CAC5B,oBACA,aACY;AACZ,QAAM,aAAkB;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/cjs/getEnumeration.d.ts

@@ -7,22 +7,25 @@ import { QuantityContent } from '@intlayer/core';
  *
  * 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);
+ * }, 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',
- * });
+ *  '<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;

package/dist/cjs/getTranslation.cjs

@@ -23,16 +23,12 @@ __export(getTranslation_exports, {
 module.exports = __toCommonJS(getTranslation_exports);
 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
   );
-  if (typeof result === "string") {
-    return (0, import_contentRender.contentRender)(result);
-  }
   return result;
 };
 // Annotate the CommonJS export names for ESM import in node:

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\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 * const content = getTranslation<string>({\n * en: 'Hello',\n * fr: 'Bonjour',\n * },\n * 'fr');\n * // 'Bonjour'\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 } = 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;AAsBvB,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';\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;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA+C;AAC/C,kBAA4D;AAuBrD,MAAM,iBAAiB,CAC5B,iBACA,WACY;AACZ,QAAM,EAAE,cAAc,QAAI,gCAAiB,EAAE;AAE7C,QAAM,aAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,EACZ;AAEA,SAAO;AACT;","names":[]}

package/dist/cjs/getTranslation.d.ts

@@ -10,12 +10,13 @@ import { LanguageContent } from '@intlayer/core';
  *
  * Usage:
  *
+ * ```ts
  * const content = getTranslation<string>({
  * en: 'Hello',
  * fr: 'Bonjour',
- * },
- * 'fr');
+ * }, 'fr');
  * // 'Bonjour'
+ * ```
  *
  * Using TypeScript:
  * - this function will require each locale to be defined if defined in the project configuration.

package/dist/cjs/index.cjs

@@ -20,11 +20,13 @@ var src_exports = {};
 __export(src_exports, {
   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,
+  useLocaleBase: () => import_client.useLocaleBase,
   useLocaleCookie: () => import_client.useLocaleCookie,
   useTraduction: () => import_client.useTraduction
 });
@@ -35,11 +37,13 @@ var import_client = require('./client/index.cjs');
 0 && (module.exports = {
   IntlayerClient,
   IntlayerClientProvider,
+  getBrowserLocale,
   getTranslation,
   localeCookie,
   setLocaleCookie,
   useIntlayer,
   useLocale,
+  useLocaleBase,
   useLocaleCookie,
   useTraduction
 });

package/dist/cjs/index.cjs.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} from './client/index';\nexport {} from './client/useLocaleCookie';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA+B;AAC/B,oBAUO;","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 { 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/{contentDictionary.d.cjs → contentDictionary.cjs}

@@ -12,6 +12,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var contentDictionary_d_exports = {};
-module.exports = __toCommonJS(contentDictionary_d_exports);
-//# sourceMappingURL=contentDictionary.d.cjs.map
+var contentDictionary_exports = {};
+module.exports = __toCommonJS(contentDictionary_exports);
+//# sourceMappingURL=contentDictionary.cjs.map

package/dist/cjs/processDictionary/contentDictionary.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/processDictionary/contentDictionary.ts"],"sourcesContent":["import type { TranslationContent } from '@intlayer/core';\nimport type { ReactNode } from 'react';\n\nexport type ContentValue =\n  | string\n  | {\n      [key: string]: ContentValue;\n    }\n  | TranslationContent<unknown>;\n\nexport type Content = Record<string, ContentValue | undefined>;\n\nexport type TransformedContentValue =\n  | string\n  | ReactNode\n  | {\n      [key: string]: TransformedContentValue;\n    }\n  | undefined\n  | ((quantity: number) => TransformedContentValue);\n\nexport type TransformedContent =\n  | Record<string, TransformedContentValue | undefined>\n  | ReactNode;\n\nexport type ContentDictionary = Content & {\n  id: string;\n};\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

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

@@ -0,0 +1,16 @@
+import { TranslationContent } from '@intlayer/core';
+import { ReactNode } from 'react';
+
+type ContentValue = string | {
+    [key: string]: ContentValue;
+} | TranslationContent<unknown>;
+type Content = Record<string, ContentValue | undefined>;
+type TransformedContentValue = string | ReactNode | {
+    [key: string]: TransformedContentValue;
+} | undefined | ((quantity: number) => TransformedContentValue);
+type TransformedContent = Record<string, TransformedContentValue | undefined> | ReactNode;
+type ContentDictionary = Content & {
+    id: string;
+};
+
+export type { Content, ContentDictionary, ContentValue, TransformedContent, TransformedContentValue };

package/dist/cjs/processDictionary/index.cjs

@@ -24,52 +24,149 @@ __export(processDictionary_exports, {
 module.exports = __toCommonJS(processDictionary_exports);
 var import_client = require("@intlayer/config/client");
 var import_core = require("@intlayer/core");
+var import_client2 = require("intlayer-editor/client");
+var import_react = require("react");
 var import_getEnumeration = require('../getEnumeration.cjs');
 var import_getTranslation = require('../getTranslation.cjs');
-const defaultLocale = import_client.intlayerIntlConfiguration.defaultLocale;
-const processTranslation = (languageContent, locale) => {
+const {
+  internationalization: { defaultLocale }
+} = (0, import_client.getConfiguration)();
+const processTranslation = (languageContent, locale, dictionaryId, dictionaryPath, keyPath = []) => {
   const translationResult = (0, import_getTranslation.getTranslation)(
     languageContent,
     locale
   );
-  return processDictionary(translationResult, locale);
+  const resultKeyPath = [
+    ...keyPath,
+    { type: import_core.NodeType.Translation, key: locale }
+  ];
+  return processDictionary(
+    translationResult,
+    dictionaryId,
+    dictionaryPath,
+    resultKeyPath,
+    locale
+  );
 };
-const processEnumeration = (enumerationContent, locale) => {
+const processEnumeration = (enumerationContent, locale, dictionaryId, dictionaryPath, keyPath = []) => {
   return (quantity) => {
     const enumerationResult = (0, import_getEnumeration.getEnumeration)(
       enumerationContent,
       quantity
     );
-    return processDictionary(enumerationResult, locale);
+    const matchingCondition = (0, import_core.findMatchingCondition)(
+      enumerationContent,
+      quantity
+    );
+    const resultKeyPath = [
+      ...keyPath,
+      { type: import_core.NodeType.Enumeration, key: matchingCondition.toString() }
+    ];
+    return processDictionary(
+      enumerationResult,
+      dictionaryId,
+      dictionaryPath,
+      resultKeyPath,
+      locale
+    );
   };
 };
-const processNode = (field, locale) => {
-  if (typeof field !== "object" || field === null) {
-    return field;
+const isReactNode = (node) => typeof node?.key !== "undefined" && typeof node?.props !== "undefined";
+const processNode = (field, locale, dictionaryId, dictionaryPath, keyPath = []) => {
+  if (typeof field === "object") {
+    if (field.nodeType === import_core.NodeType.Translation) {
+      return processTranslation(
+        field,
+        locale,
+        dictionaryId,
+        dictionaryPath,
+        keyPath
+      );
+    }
+    if (field.nodeType === import_core.NodeType.Enumeration) {
+      return processEnumeration(
+        field,
+        locale,
+        dictionaryId,
+        dictionaryPath,
+        keyPath
+      );
+    }
   }
-  if (field.nodeType === import_core.NodeType.Translation) {
-    return processTranslation(field, locale);
+  return processDictionary(
+    field,
+    dictionaryId,
+    dictionaryPath,
+    keyPath,
+    locale
+  );
+};
+const createReactElement = (element) => {
+  if (typeof element === "string") {
+    return element;
   }
-  if (field.nodeType === import_core.NodeType.Enumeration) {
-    return processEnumeration(
-      field,
-      locale
+  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 traceKeys = ["filePath", "id", "nodeType"];
+const processDictionary = (content, dictionaryId, dictionaryPath, keyPath = [], locale = defaultLocale) => {
+  if (isReactNode(content)) {
+    return createReactElement(
+      content
     );
   }
-  if (typeof field.type === "undefined") {
-    return processDictionary(field, locale);
-  }
-  return field;
-};
-const processDictionary = (content, locale = defaultLocale) => {
   if (content && typeof content === "object") {
     const result = {};
     for (const key of Object.keys(content)) {
       const field = content[key];
-      result[key] = processNode(field, locale);
+      if (traceKeys.includes(key)) {
+        result[key] = field;
+        continue;
+      }
+      const resultKeyPath = [
+        ...keyPath,
+        { type: "ObjectExpression", key }
+      ];
+      result[key] = processNode(
+        field,
+        locale,
+        dictionaryId,
+        dictionaryPath,
+        resultKeyPath
+      );
     }
     return result;
   }
+  if (typeof content === "string") {
+    try {
+      return (0, import_client2.renderContentEditor)(
+        content,
+        dictionaryId,
+        dictionaryPath,
+        keyPath
+      );
+    } catch (e) {
+      return content;
+    }
+  }
   return content;
 };
 // Annotate the CommonJS export names for ESM import in node:

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 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 (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  findMatchingCondition,\n  type KeyPath,\n} from '@intlayer/core';\nimport { renderContentEditor } from 'intlayer-editor/client';\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 {\n  internationalization: { defaultLocale },\n} = getConfiguration();\n\nconst processTranslation = (\n  languageContent: LanguageContent<ContentValue>,\n  locale: Locales,\n  dictionaryId: string,\n  dictionaryPath: string,\n  keyPath: KeyPath[] = []\n): TransformedContent => {\n  const translationResult: ContentValue = getTranslation<ContentValue>(\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 as Content,\n    dictionaryId,\n    dictionaryPath,\n    resultKeyPath,\n    locale\n  );\n};\n\nconst processEnumeration = (\n  enumerationContent: QuantityContent<ContentValue>,\n  locale: Locales,\n  dictionaryId: string,\n  dictionaryPath: string,\n  keyPath: KeyPath[] = []\n): TransformedContentValue => {\n  return (quantity: number): TransformedContentValue => {\n    const enumerationResult: ContentValue = getEnumeration<ContentValue>(\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    //\n    return processDictionary(\n      enumerationResult as Content,\n      dictionaryId,\n      dictionaryPath,\n      resultKeyPath,\n      locale\n    );\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  dictionaryId: string,\n  dictionaryPath: string,\n  keyPath: KeyPath[] = []\n): TransformedContentValue => {\n  if (typeof field === 'object') {\n    if (field.nodeType === NodeType.Translation) {\n      return processTranslation(\n        field as LanguageContent<ContentValue>,\n        locale,\n        dictionaryId,\n        dictionaryPath,\n        keyPath\n      );\n    }\n\n    if (field.nodeType === NodeType.Enumeration) {\n      return processEnumeration(\n        field satisfies QuantityContent<ContentValue>,\n        locale,\n        dictionaryId,\n        dictionaryPath,\n        keyPath\n      );\n    }\n  }\n\n  return processDictionary(\n    field as Content,\n    dictionaryId,\n    dictionaryPath,\n    keyPath,\n    locale\n  );\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', 'id', '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: Content,\n  dictionaryId: string,\n  dictionaryPath: string,\n  keyPath: KeyPath[] = [],\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      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      result[key] = processNode(\n        field,\n        locale,\n        dictionaryId,\n        dictionaryPath,\n        resultKeyPath\n      );\n    }\n\n    return result;\n  }\n\n  if (typeof content === 'string') {\n    try {\n      // renderContentEditor come from intlayer-editor, which is an optional dependency.\n      // intlayer-editor should be installed in the project to use the content editor.\n      return renderContentEditor(\n        content,\n        dictionaryId,\n        dictionaryPath,\n        keyPath\n      );\n    } catch (e) {\n      // If renderContentEditor not available, it will return the content as is.\n      return content;\n    }\n  }\n\n  // If it's a string, number, or function, return it\n  return content;\n};\n"],"mappings":"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","names":["import_client","element"]}