react-intlayer 3.5.2 → 3.5.4

package/README.md

@@ -36,7 +36,7 @@
 ```tsx
 // ./Component1/index.content.ts
 
-import { DeclarationContent, t } from "intlayer";
+import { type DeclarationContent, t } from "intlayer";
 
 const component1Content = {
   key: "component1",
@@ -115,7 +115,7 @@ const config: IntlayerConfig = {
 export default config;
 ```
 
-To see all available parameters, refer to the [configuration documentation here](https://github.com/aymericzip/intlayer/blob/main/docs/docs/configuration_en.md).
+To see all available parameters, refer to the [configuration documentation here](https://github.com/aymericzip/intlayer/blob/main/docs/docs/configuration.md).
 
 ## Step 3: Integrate Intlayer in Your CRA Configuration
 
@@ -174,7 +174,7 @@ const appContent = {
 export default appContent;
 ```
 
-[See how to declare your Intlayer declaration files](https://github.com/aymericzip/intlayer/blob/main/docs/docs/content_declaration/get_started_en.md).
+[See how to declare your Intlayer declaration files](https://github.com/aymericzip/intlayer/blob/main/docs/docs/content_declaration/get_started.md
 
 ## Step 5: Utilize Intlayer in Your Code
 
@@ -272,4 +272,4 @@ Ensure your TypeScript configuration includes the autogenerated types.
 
 # Getting Started with Intlayer and Vite + React
 
-For integration with Vite + React, refer to the [setup guide](https://github.com/aymericzip/intlayer/blob/main/docs/docs/intlayer_with_vite_react_en.md).
+For integration with Vite + React, refer to the [setup guide](https://github.com/aymericzip/intlayer/blob/main/docs/docs/intlayer_with_vite_react.md

package/dist/cjs/client/useDictionary.cjs

@@ -23,12 +23,12 @@ __export(useDictionary_exports, {
 });
 module.exports = __toCommonJS(useDictionary_exports);
 var import_react = require("react");
-var import_useDictionaryBase = require('../useDictionaryBase.cjs');
+var import_getDictionary = require('../getDictionary.cjs');
 var import_IntlayerProvider = require('./IntlayerProvider.cjs');
-const useDictionary = (dictionary, locale) => {
+const useDictionary = (dictionary, locale, isRenderEditor = false) => {
   const { locale: currentLocale } = (0, import_react.useContext)(import_IntlayerProvider.IntlayerClientContext);
   const localeTarget = locale ?? currentLocale;
-  return (0, import_useDictionaryBase.useDictionaryBase)(dictionary, localeTarget);
+  return (0, import_getDictionary.getDictionary)(dictionary, localeTarget, isRenderEditor);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/client/useDictionary.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { DeclarationContent } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { useDictionaryBase, type UseDictionary } from '../useDictionaryBase';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionary: UseDictionary = <T extends DeclarationContent>(\n  dictionary: T,\n  locale?: Locales\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return useDictionaryBase(dictionary, localeTarget);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA2B;AAC3B,+BAAsD;AACtD,8BAAsC;AAO/B,MAAM,gBAA+B,CAC1C,YACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,QAAI,yBAAW,6CAAqB;AAClE,QAAM,eAAe,UAAU;AAE/B,aAAO,4CAAkB,YAAY,YAAY;AACnD;","names":[]}
+{"version":3,"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { DeclarationContent } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { getDictionary, type UseDictionary } from '../getDictionary';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionary: UseDictionary = <T extends DeclarationContent>(\n  dictionary: T,\n  locale?: Locales,\n  isRenderEditor = false\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return getDictionary(dictionary, localeTarget, isRenderEditor);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA2B;AAC3B,2BAAkD;AAClD,8BAAsC;AAO/B,MAAM,gBAA+B,CAC1C,YACA,QACA,iBAAiB,UACd;AACH,QAAM,EAAE,QAAQ,cAAc,QAAI,yBAAW,6CAAqB;AAClE,QAAM,eAAe,UAAU;AAE/B,aAAO,oCAAc,YAAY,cAAc,cAAc;AAC/D;","names":[]}

package/dist/cjs/client/useIntlayer.cjs

@@ -23,12 +23,12 @@ __export(useIntlayer_exports, {
 });
 module.exports = __toCommonJS(useIntlayer_exports);
 var import_react = require("react");
-var import_useIntlayerBase = require('../useIntlayerBase.cjs');
+var import_getIntlayer = require('../getIntlayer.cjs');
 var import_IntlayerProvider = require('./IntlayerProvider.cjs');
-const useIntlayer = (key, locale) => {
+const useIntlayer = (key, locale, isRenderEditor = true) => {
   const { locale: currentLocale } = (0, import_react.useContext)(import_IntlayerProvider.IntlayerClientContext);
   const localeTarget = locale ?? currentLocale;
-  return (0, import_useIntlayerBase.useIntlayerBase)(key, localeTarget);
+  return (0, import_getIntlayer.getIntlayer)(key, localeTarget, isRenderEditor);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/client/useIntlayer.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { useContext } from 'react';\nimport {\n  type DictionaryKeys,\n  useIntlayerBase,\n  type UseIntlayer,\n} from '../useIntlayerBase';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its key and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useIntlayer: UseIntlayer = <T extends DictionaryKeys>(\n  key: T,\n  locale?: Locales\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return useIntlayerBase(key, localeTarget);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA2B;AAC3B,6BAIO;AACP,8BAAsC;AAO/B,MAAM,cAA2B,CACtC,KACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,QAAI,yBAAW,6CAAqB;AAClE,QAAM,eAAe,UAAU;AAE/B,aAAO,wCAAgB,KAAK,YAAY;AAC1C;","names":[]}
+{"version":3,"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { useContext } from 'react';\nimport {\n  type DictionaryKeys,\n  getIntlayer,\n  type UseIntlayerEditable,\n} from '../getIntlayer';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its key and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useIntlayer: UseIntlayerEditable = <T extends DictionaryKeys>(\n  key: T,\n  locale?: Locales,\n  isRenderEditor = true\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return getIntlayer(key, localeTarget, isRenderEditor);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA2B;AAC3B,yBAIO;AACP,8BAAsC;AAO/B,MAAM,cAAmC,CAC9C,KACA,QACA,iBAAiB,SACd;AACH,QAAM,EAAE,QAAQ,cAAc,QAAI,yBAAW,6CAAqB;AAClE,QAAM,eAAe,UAAU;AAE/B,aAAO,gCAAY,KAAK,cAAc,cAAc;AACtD;","names":[]}

package/dist/cjs/client/useLocale.cjs

@@ -26,9 +26,44 @@ var import_client = require("@intlayer/config/client");
 var import_core = require("@intlayer/core");
 var import_react = require("react");
 var import_IntlayerProvider = require('./IntlayerProvider.cjs');
-const useLocale = () => {
+var import_useLocaleCookie = require('./useLocaleCookie.cjs');
+const useLocale = ({ onLocaleChange } = {}) => {
+  const {
+    /**
+     * Prefix default prefix the default locale to the path as other locales.
+     *
+     * Example with prefixDefault = true and defaultLocale = 'en':
+     * path = /en/dashboard or /fr/dashboard
+     *
+     * Example with prefixDefault = false and defaultLocale = 'en':
+     * path = /dashboard or /fr/dashboard
+     *
+     */
+    prefixDefault
+  } = (0, import_client.getConfiguration)().middleware;
   const { defaultLocale, locales: availableLocales } = (0, import_client.getConfiguration)().internationalization;
-  const { locale, setLocale } = (0, import_react.useContext)(import_IntlayerProvider.IntlayerClientContext);
+  const { locale, setLocale: setLocaleState } = (0, import_react.useContext)(
+    import_IntlayerProvider.IntlayerClientContext
+  );
+  const { setLocaleCookie } = (0, import_useLocaleCookie.useLocaleCookie)();
+  const setLocale = (0, import_react.useCallback)(
+    (locale2) => {
+      if (!availableLocales.includes(locale2)) {
+        console.error(`Locale ${locale2} is not available`);
+        return;
+      }
+      setLocaleState(locale2);
+      setLocaleCookie(locale2);
+      onLocaleChange?.(locale2);
+    },
+    [
+      onLocaleChange,
+      availableLocales,
+      setLocaleState,
+      prefixDefault,
+      defaultLocale
+    ]
+  );
   return {
     locale,
     // Current locale

package/dist/cjs/client/useLocale.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = () => {\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oBAAiC;AACjC,kBAA2B;AAC3B,mBAA2B;AAC3B,8BAAsC;AAK/B,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,eAAe,SAAS,iBAAiB,QAC/C,gCAAiB,EAAE;AACrB,QAAM,EAAE,QAAQ,UAAU,QAAI,yBAAW,6CAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport { type Locales } from '@intlayer/config';\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useLocaleCookie } from './useLocaleCookie';\n\ntype useLocaleProps = {\n  onLocaleChange?: (locale: Locales) => void;\n};\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = ({ onLocaleChange }: useLocaleProps = {}) => {\n  const {\n    /**\n     * Prefix default prefix the default locale to the path as other locales.\n     *\n     * Example with prefixDefault = true and defaultLocale = 'en':\n     * path = /en/dashboard or /fr/dashboard\n     *\n     * Example with prefixDefault = false and defaultLocale = 'en':\n     * path = /dashboard or /fr/dashboard\n     *\n     */\n    prefixDefault,\n  } = getConfiguration().middleware;\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n  const { locale, setLocale: setLocaleState } = useContext(\n    IntlayerClientContext\n  );\n  const { setLocaleCookie } = useLocaleCookie();\n\n  const setLocale = useCallback(\n    (locale: Locales) => {\n      if (!availableLocales.includes(locale)) {\n        console.error(`Locale ${locale} is not available`);\n        return;\n      }\n\n      setLocaleState(locale);\n      setLocaleCookie(locale);\n      onLocaleChange?.(locale);\n    },\n    [\n      onLocaleChange,\n      availableLocales,\n      setLocaleState,\n      prefixDefault,\n      defaultLocale,\n    ]\n  );\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAiC;AACjC,kBAA2B;AAC3B,mBAAwC;AACxC,8BAAsC;AACtC,6BAAgC;AASzB,MAAM,YAAY,CAAC,EAAE,eAAe,IAAoB,CAAC,MAAM;AACpE,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWJ;AAAA,EACF,QAAI,gCAAiB,EAAE;AACvB,QAAM,EAAE,eAAe,SAAS,iBAAiB,QAC/C,gCAAiB,EAAE;AACrB,QAAM,EAAE,QAAQ,WAAW,eAAe,QAAI;AAAA,IAC5C;AAAA,EACF;AACA,QAAM,EAAE,gBAAgB,QAAI,wCAAgB;AAE5C,QAAM,gBAAY;AAAA,IAChB,CAACA,YAAoB;AACnB,UAAI,CAAC,iBAAiB,SAASA,OAAM,GAAG;AACtC,gBAAQ,MAAM,UAAUA,OAAM,mBAAmB;AACjD;AAAA,MACF;AAEA,qBAAeA,OAAM;AACrB,sBAAgBA,OAAM;AACtB,uBAAiBA,OAAM;AAAA,IACzB;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":["locale"]}

package/dist/cjs/editor/renderContentEditor.cjs

@@ -37,7 +37,7 @@ const IntlayerEditorElement = ({
   }
   return content;
 };
-const renderIntlayerEditor = (data, isContentSelectable) => {
+const renderIntlayerEditor = (data, isContentSelectable = true) => {
   const Result = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     IntlayerEditorElement,
     {

package/dist/cjs/editor/renderContentEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/renderContentEditor.tsx"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport type { KeyPath } from '@intlayer/core';\nimport type { FC, ReactNode } from 'react';\nimport { ContentSelectorConnector } from './ContentSelectorConnector';\n\nconst {\n  editor: { enabled },\n} = getConfiguration();\n\nexport type IntlayerEditorElementProps = {\n  content: string;\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n  isContentSelectable: boolean;\n};\n\nconst IntlayerEditorElement: FC<IntlayerEditorElementProps> = ({\n  content,\n  isContentSelectable,\n  ...props\n}) => {\n  if (enabled && isContentSelectable) {\n    return (\n      <ContentSelectorConnector {...props}>{content}</ContentSelectorConnector>\n    );\n  }\n  return content;\n};\n\nexport type RenderIntlayerEditorResult = ReactNode & { value: string };\n\nexport const renderIntlayerEditor = (\n  data: IntlayerEditorElementProps,\n  isContentSelectable: boolean\n): RenderIntlayerEditorResult => {\n  const Result = (\n    <IntlayerEditorElement\n      {...data}\n      isContentSelectable={isContentSelectable}\n    />\n  );\n\n  return { ...Result, value: data.content };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBM;AAxBN,oBAAiC;AAGjC,sCAAyC;AAEzC,MAAM;AAAA,EACJ,QAAQ,EAAE,QAAQ;AACpB,QAAI,gCAAiB;AAUrB,MAAM,wBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,WAAW,qBAAqB;AAClC,WACE,4CAAC,4DAA0B,GAAG,OAAQ,mBAAQ;AAAA,EAElD;AACA,SAAO;AACT;AAIO,MAAM,uBAAuB,CAClC,MACA,wBAC+B;AAC/B,QAAM,SACJ;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAGF,SAAO,EAAE,GAAG,QAAQ,OAAO,KAAK,QAAQ;AAC1C;","names":[]}
+{"version":3,"sources":["../../../src/editor/renderContentEditor.tsx"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport type { KeyPath } from '@intlayer/core';\nimport type { FC, ReactNode } from 'react';\nimport { ContentSelectorConnector } from './ContentSelectorConnector';\n\nconst {\n  editor: { enabled },\n} = getConfiguration();\n\nexport type IntlayerEditorElementProps = {\n  content: string;\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n  isContentSelectable: boolean;\n};\n\nconst IntlayerEditorElement: FC<IntlayerEditorElementProps> = ({\n  content,\n  isContentSelectable,\n  ...props\n}) => {\n  if (enabled && isContentSelectable) {\n    return (\n      <ContentSelectorConnector {...props}>{content}</ContentSelectorConnector>\n    );\n  }\n  return content;\n};\n\nexport type IntlayerNode<T = string> = ReactNode & {\n  value: T;\n};\n\nexport const renderIntlayerEditor = (\n  data: IntlayerEditorElementProps,\n  isContentSelectable = true\n): IntlayerNode => {\n  const Result = (\n    <IntlayerEditorElement\n      {...data}\n      isContentSelectable={isContentSelectable}\n    />\n  );\n\n  return { ...Result, value: data.content };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBM;AAxBN,oBAAiC;AAGjC,sCAAyC;AAEzC,MAAM;AAAA,EACJ,QAAQ,EAAE,QAAQ;AACpB,QAAI,gCAAiB;AAUrB,MAAM,wBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,WAAW,qBAAqB;AAClC,WACE,4CAAC,4DAA0B,GAAG,OAAQ,mBAAQ;AAAA,EAElD;AACA,SAAO;AACT;AAMO,MAAM,uBAAuB,CAClC,MACA,sBAAsB,SACL;AACjB,QAAM,SACJ;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAGF,SAAO,EAAE,GAAG,QAAQ,OAAO,KAAK,QAAQ;AAC1C;","names":[]}

package/dist/cjs/{useDictionaryBase.cjs → getDictionary.cjs}

@@ -16,39 +16,40 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useDictionaryBase_exports = {};
-__export(useDictionaryBase_exports, {
-  recursiveTransformContent: () => recursiveTransformContent,
-  useDictionaryBase: () => useDictionaryBase
+var getDictionary_exports = {};
+__export(getDictionary_exports, {
+  getDictionary: () => getDictionary,
+  recursiveTransformContent: () => recursiveTransformContent
 });
-module.exports = __toCommonJS(useDictionaryBase_exports);
+module.exports = __toCommonJS(getDictionary_exports);
 var import_react = require("react");
-var import_processDictionary = require('./processDictionary/index.cjs');
 var import_renderContentEditor = require('./editor/renderContentEditor.cjs');
-const recursiveTransformContent = (value, isContentSelectable = false) => {
+var import_processDictionary = require('./processDictionary/index.cjs');
+const recursiveTransformContent = (value, isRenderEditor = false) => {
   if (typeof value === "function") {
-    return (props) => recursiveTransformContent(value(props), isContentSelectable);
+    return (props) => recursiveTransformContent(value(props), isRenderEditor);
   } else if (typeof value === "object") {
     if (typeof value.dictionaryId !== "undefined") {
-      return (0, import_renderContentEditor.renderIntlayerEditor)(value, isContentSelectable);
+      if (isRenderEditor) {
+        return (0, import_renderContentEditor.renderIntlayerEditor)(value);
+      }
+      return value.content;
     } else if (Array.isArray(value)) {
-      return value.map(
-        (el) => recursiveTransformContent(el, isContentSelectable)
-      );
+      return value.map((el) => recursiveTransformContent(el, isRenderEditor));
     } else if ((0, import_react.isValidElement)(value)) {
       return value;
     }
     return Object.entries(value).reduce(
       (acc, [key, value2]) => ({
         ...acc,
-        [key]: recursiveTransformContent(value2, isContentSelectable)
+        [key]: recursiveTransformContent(value2, isRenderEditor)
       }),
       {}
     );
   }
   return value;
 };
-const useDictionaryBase = (dictionary, locale, isContentSelectable = false) => {
+const getDictionary = (dictionary, locale, isRenderEditor = false) => {
   const result = (0, import_processDictionary.processDictionary)(
     dictionary.content,
     dictionary.key,
@@ -58,12 +59,12 @@ const useDictionaryBase = (dictionary, locale, isContentSelectable = false) => {
   );
   return recursiveTransformContent(
     result,
-    isContentSelectable
+    isRenderEditor
   );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  recursiveTransformContent,
-  useDictionaryBase
+  getDictionary,
+  recursiveTransformContent
 });
-//# sourceMappingURL=useDictionaryBase.cjs.map
+//# sourceMappingURL=getDictionary.cjs.map

package/dist/cjs/getDictionary.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/getDictionary.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Locales } from '@intlayer/config';\nimport type {\n  DeclarationContent,\n  DictionaryValue,\n  NodeType,\n} from '@intlayer/core';\nimport { isValidElement, type ReactNode } from 'react';\nimport {\n  type IntlayerNode,\n  renderIntlayerEditor,\n} from './editor/renderContentEditor';\nimport { processDictionary } from './processDictionary/index';\n\ntype TransformNodeType<T, L extends Locales, R extends boolean> = T extends {\n  [NodeType.Enumeration]: { '1': any };\n}\n  ? (\n      quantity: number\n    ) => DeepTransformContent<T[NodeType.Enumeration]['1'], L, R>\n  : T extends {\n        [NodeType.Translation]: object;\n      }\n    ? L extends keyof T[NodeType.Translation]\n      ? DeepTransformContent<T[NodeType.Translation][L], L, R>\n      : never\n    : T;\n\nexport type DeepTransformContent<\n  T,\n  L extends Locales,\n  R extends boolean,\n> = T extends object // Check if the property is an object\n  ? T extends (infer U)[] // If it's an array, infer the type of array elements\n    ? DeepTransformContent<U, L, R>[] // Apply DeepTransformContent recursively to each element of the array\n    : T extends {\n          nodeType: NodeType | string;\n        }\n      ? TransformNodeType<T, L, R>\n      : T extends { _owner: any; key: any; props: any; ref: any }\n        ? ReactNode\n        : {\n            [K in keyof T]: DeepTransformContent<T[K], L, R>;\n          }\n  : T extends undefined\n    ? never\n    : R extends true\n      ? IntlayerNode<T>\n      : T;\n\n/**\n * Go through the object. If a object has a keyPath, render the intlayer editor if editor enabled.\n */\nexport const recursiveTransformContent = (\n  value: any,\n  isRenderEditor = false\n): object => {\n  if (typeof value === 'function') {\n    return (props: any) =>\n      recursiveTransformContent(value(props), isRenderEditor);\n  } else if (typeof value === 'object') {\n    if (typeof value.dictionaryId !== 'undefined') {\n      if (isRenderEditor) {\n        return renderIntlayerEditor(value);\n      }\n      return value.content;\n    } else if (Array.isArray(value)) {\n      return value.map((el) => recursiveTransformContent(el, isRenderEditor));\n    } else if (isValidElement(value)) {\n      return value;\n    }\n\n    return Object.entries(value).reduce(\n      (acc, [key, value]) => ({\n        ...acc,\n        [key]: recursiveTransformContent(value, isRenderEditor),\n      }),\n      {} as object\n    );\n  }\n\n  return value;\n};\n\ntype DataFromDictionary<\n  T extends DeclarationContent,\n  K extends Locales,\n  R extends boolean = false,\n> = DeepTransformContent<T['content'], K, R>;\n\nexport type UseDictionary = <\n  T extends DeclarationContent,\n  L extends Locales,\n  R extends boolean = false,\n>(\n  dictionary: T,\n  locale?: L,\n  isRenderEditor?: R\n) => DataFromDictionary<T, L, R>;\n\n/**\n * Hook that picks one dictionary by its id and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const getDictionary: UseDictionary = <\n  T extends DeclarationContent,\n  L extends Locales,\n  R extends boolean = false,\n>(\n  dictionary: T,\n  locale?: L,\n  isRenderEditor: R = false as R\n) => {\n  const result = processDictionary(\n    dictionary.content as DictionaryValue,\n    dictionary.key,\n    dictionary.filePath,\n    [],\n    locale\n  );\n\n  return recursiveTransformContent(\n    result,\n    isRenderEditor\n  ) as DataFromDictionary<T, L, R>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,mBAA+C;AAC/C,iCAGO;AACP,+BAAkC;AAyC3B,MAAM,4BAA4B,CACvC,OACA,iBAAiB,UACN;AACX,MAAI,OAAO,UAAU,YAAY;AAC/B,WAAO,CAAC,UACN,0BAA0B,MAAM,KAAK,GAAG,cAAc;AAAA,EAC1D,WAAW,OAAO,UAAU,UAAU;AACpC,QAAI,OAAO,MAAM,iBAAiB,aAAa;AAC7C,UAAI,gBAAgB;AAClB,mBAAO,iDAAqB,KAAK;AAAA,MACnC;AACA,aAAO,MAAM;AAAA,IACf,WAAW,MAAM,QAAQ,KAAK,GAAG;AAC/B,aAAO,MAAM,IAAI,CAAC,OAAO,0BAA0B,IAAI,cAAc,CAAC;AAAA,IACxE,eAAW,6BAAe,KAAK,GAAG;AAChC,aAAO;AAAA,IACT;AAEA,WAAO,OAAO,QAAQ,KAAK,EAAE;AAAA,MAC3B,CAAC,KAAK,CAAC,KAAKA,MAAK,OAAO;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,GAAG,GAAG,0BAA0BA,QAAO,cAAc;AAAA,MACxD;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAuBO,MAAM,gBAA+B,CAK1C,YACA,QACA,iBAAoB,UACjB;AACH,QAAM,aAAS;AAAA,IACb,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":["value"]}

package/dist/cjs/{useIntlayerBase.cjs → getIntlayer.cjs}

@@ -26,16 +26,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useIntlayerBase_exports = {};
-__export(useIntlayerBase_exports, {
-  useIntlayerBase: () => useIntlayerBase
+var getIntlayer_exports = {};
+__export(getIntlayer_exports, {
+  getIntlayer: () => getIntlayer
 });
-module.exports = __toCommonJS(useIntlayerBase_exports);
+module.exports = __toCommonJS(getIntlayer_exports);
 var import_dictionaries_entry = __toESM(require("@intlayer/dictionaries-entry"));
+var import_getDictionary = require('./getDictionary.cjs');
 var import_processDictionary = require('./processDictionary/index.cjs');
-var import_useDictionaryBase = require('./useDictionaryBase.cjs');
-const useIntlayerBase = (key, locale) => {
+const getIntlayer = (key, locale, isRenderEditor = false) => {
   const dictionary = import_dictionaries_entry.default[key];
+  if (!dictionary) {
+    throw new Error(`Dictionary ${key} not found`, import_dictionaries_entry.default);
+  }
   const result = (0, import_processDictionary.processDictionary)(
     dictionary.content,
     dictionary.key,
@@ -43,14 +46,13 @@ const useIntlayerBase = (key, locale) => {
     [],
     locale
   );
-  const isContentSelectable = true;
-  return (0, import_useDictionaryBase.recursiveTransformContent)(
+  return (0, import_getDictionary.recursiveTransformContent)(
     result,
-    isContentSelectable
+    isRenderEditor
   );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  useIntlayerBase
+  getIntlayer
 });
-//# sourceMappingURL=useIntlayerBase.cjs.map
+//# sourceMappingURL=getIntlayer.cjs.map

package/dist/cjs/getIntlayer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/getIntlayer.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config';\nimport type { Dictionary } from '@intlayer/core';\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport {\n  type DeepTransformContent,\n  recursiveTransformContent,\n} from './getDictionary';\nimport { processDictionary } from './processDictionary/index';\n\n/**\n * Provides a fallback to string type if the generic type T is never,\n * otherwise returns T. This is useful for handling cases where no keys are found.\n * Example: StringFallback<never> -> string; StringFallback<'key'> -> 'key'\n */\nexport type StringFallback<T> = T extends never ? string : T; // If no keys are found, return string to disable error, and accept any string as dictionary key\n\n/**\n * Represents the keys of the IntlayerDictionaryTypesConnector,\n * ensuring they are valid dictionary keys or fallback to string if none exist.\n *\n * Example:\n * ```ts\n * DictionaryKeys -> 'key1' | 'key2'\n * // or if IntlayerDictionaryTypesConnector is not defined,\n * DictionaryKeys -> string\n * ```\n */\nexport type DictionaryKeys = StringFallback<\n  keyof IntlayerDictionaryTypesConnector\n>;\n\n/**\n * Represents the data type returned by the useIntlayer hook,\n * excluding the 'id' and 'filePath' keys from the dictionary content.\n */\ntype DataFromDictionaryKey<\n  T extends DictionaryKeys,\n  K extends Locales,\n  R extends boolean = false,\n> = DeepTransformContent<IntlayerDictionaryTypesConnector[T]['content'], K, R>;\n\n/**\n * Type definition for the useIntlayer hook, which takes a dictionary ID and an optional locale,\n * and returns the deeply transformed dictionary content.\n *\n */\nexport type UseIntlayer = <\n  T extends DictionaryKeys,\n  L extends Locales,\n  R extends boolean = false,\n>(\n  key: T,\n  locale?: L,\n  isRenderEditor?: R\n) => DataFromDictionaryKey<T, L, R>;\n\nexport type UseIntlayerEditable = <\n  T extends DictionaryKeys,\n  L extends Locales,\n  R extends boolean = true,\n>(\n  key: T,\n  locale?: L,\n  isRenderEditor?: R\n) => DataFromDictionaryKey<T, L, R>;\n\nexport const getIntlayer: UseIntlayer = <\n  T extends DictionaryKeys,\n  L extends Locales,\n  R extends boolean = false,\n>(\n  key: T,\n  locale?: L,\n  isRenderEditor: R = false as R\n) => {\n  const dictionary: Dictionary = dictionaries[key as keyof typeof dictionaries];\n\n  if (!dictionary) {\n    throw new Error(`Dictionary ${key} not found`, dictionaries);\n  }\n\n  const result = processDictionary(\n    dictionary.content,\n    dictionary.key,\n    dictionary.filePath,\n    [],\n    locale\n  );\n\n  return recursiveTransformContent(\n    result,\n    isRenderEditor\n  ) as DataFromDictionaryKey<T, L, R>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,gCAAyB;AAEzB,2BAGO;AACP,+BAAkC;AA2D3B,MAAM,cAA2B,CAKtC,KACA,QACA,iBAAoB,UACjB;AACH,QAAM,aAAyB,0BAAAA,QAAa,GAAgC;AAE5E,MAAI,CAAC,YAAY;AACf,UAAM,IAAI,MAAM,cAAc,GAAG,cAAc,0BAAAA,OAAY;AAAA,EAC7D;AAEA,QAAM,aAAS;AAAA,IACb,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AAEA,aAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":["dictionaries"]}

package/dist/cjs/index.cjs

@@ -21,6 +21,8 @@ __export(src_exports, {
   IntlayerClientContext: () => import_client.IntlayerClientContext,
   IntlayerProvider: () => import_client.IntlayerProvider,
   getBrowserLocale: () => import_client.getBrowserLocale,
+  getDictionary: () => import_getDictionary.getDictionary,
+  getIntlayer: () => import_getIntlayer.getIntlayer,
   getTranslation: () => import_getTranslation.getTranslation,
   localeCookie: () => import_client.localeCookie,
   setLocaleCookie: () => import_client.setLocaleCookie,
@@ -36,11 +38,15 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 var import_getTranslation = require('./getTranslation.cjs');
 var import_client = require('./client/index.cjs');
+var import_getDictionary = require('./getDictionary.cjs');
+var import_getIntlayer = require('./getIntlayer.cjs');
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   IntlayerClientContext,
   IntlayerProvider,
   getBrowserLocale,
+  getDictionary,
+  getIntlayer,
   getTranslation,
   localeCookie,
   setLocaleCookie,

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getTranslation } from './getTranslation';\nexport {\n  IntlayerProvider,\n  type IntlayerProviderProps,\n  IntlayerClientContext,\n  useIntlayer,\n  useDictionary,\n  useLocale,\n  useTraduction,\n  useLocaleCookie,\n  useIntlayerContext,\n  localeCookie,\n  setLocaleCookie,\n  getBrowserLocale,\n  useLocaleBase,\n  t,\n} from './client/index';\nexport { type IntlayerNode } from './useDictionaryBase';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA+B;AAC/B,oBAeO;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getTranslation } from './getTranslation';\nexport {\n  IntlayerProvider,\n  type IntlayerProviderProps,\n  IntlayerClientContext,\n  useIntlayer,\n  useDictionary,\n  useLocale,\n  useTraduction,\n  useLocaleCookie,\n  useIntlayerContext,\n  localeCookie,\n  setLocaleCookie,\n  getBrowserLocale,\n  useLocaleBase,\n  t,\n} from './client/index';\nexport { getDictionary } from './getDictionary';\nexport { getIntlayer } from './getIntlayer';\nexport { type IntlayerNode } from './editor/renderContentEditor';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA+B;AAC/B,oBAeO;AACP,2BAA8B;AAC9B,yBAA4B;","names":[]}

package/dist/cjs/server/useDictionary.cjs

@@ -21,12 +21,12 @@ __export(useDictionary_exports, {
   useDictionary: () => useDictionary
 });
 module.exports = __toCommonJS(useDictionary_exports);
-var import_useDictionaryBase = require('../useDictionaryBase.cjs');
+var import_getDictionary = require('../getDictionary.cjs');
 var import_IntlayerServerProvider = require('./IntlayerServerProvider.cjs');
 var import_serverContext = require('./serverContext.cjs');
-const useDictionary = (dictionary, locale) => {
+const useDictionary = (dictionary, locale, isRenderEditor = false) => {
   const localeTarget = locale ?? (0, import_serverContext.getServerContext)(import_IntlayerServerProvider.IntlayerServerContext);
-  return (0, import_useDictionaryBase.useDictionaryBase)(dictionary, localeTarget);
+  return (0, import_getDictionary.getDictionary)(dictionary, localeTarget, isRenderEditor);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/server/useDictionary.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/useDictionary.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { DeclarationContent } from '@intlayer/core';\nimport { useDictionaryBase, type UseDictionary } from '../useDictionaryBase';\nimport { IntlayerServerContext } from './IntlayerServerProvider';\nimport { getServerContext } from './serverContext';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the server context\n */\nexport const useDictionary: UseDictionary = <T extends DeclarationContent>(\n  dictionary: T,\n  locale?: Locales\n) => {\n  const localeTarget =\n    locale ?? getServerContext<Locales>(IntlayerServerContext);\n\n  return useDictionaryBase(dictionary, localeTarget);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,+BAAsD;AACtD,oCAAsC;AACtC,2BAAiC;AAO1B,MAAM,gBAA+B,CAC1C,YACA,WACG;AACH,QAAM,eACJ,cAAU,uCAA0B,mDAAqB;AAE3D,aAAO,4CAAkB,YAAY,YAAY;AACnD;","names":[]}
+{"version":3,"sources":["../../../src/server/useDictionary.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { DeclarationContent } from '@intlayer/core';\nimport { getDictionary, type UseDictionary } from '../getDictionary';\nimport { IntlayerServerContext } from './IntlayerServerProvider';\nimport { getServerContext } from './serverContext';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the server context\n */\nexport const useDictionary: UseDictionary = <T extends DeclarationContent>(\n  dictionary: T,\n  locale?: Locales,\n  isRenderEditor = false\n) => {\n  const localeTarget =\n    locale ?? getServerContext<Locales>(IntlayerServerContext);\n\n  return getDictionary(dictionary, localeTarget, isRenderEditor);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAAkD;AAClD,oCAAsC;AACtC,2BAAiC;AAO1B,MAAM,gBAA+B,CAC1C,YACA,QACA,iBAAiB,UACd;AACH,QAAM,eACJ,cAAU,uCAA0B,mDAAqB;AAE3D,aAAO,oCAAc,YAAY,cAAc,cAAc;AAC/D;","names":[]}

package/dist/cjs/server/useIntlayer.cjs

@@ -21,12 +21,12 @@ __export(useIntlayer_exports, {
   useIntlayer: () => useIntlayer
 });
 module.exports = __toCommonJS(useIntlayer_exports);
-var import_useIntlayerBase = require('../useIntlayerBase.cjs');
+var import_getIntlayer = require('../getIntlayer.cjs');
 var import_IntlayerServerProvider = require('./IntlayerServerProvider.cjs');
 var import_serverContext = require('./serverContext.cjs');
-const useIntlayer = (key, locale) => {
+const useIntlayer = (key, locale, isRenderEditor = true) => {
   const localeTarget = locale ?? (0, import_serverContext.getServerContext)(import_IntlayerServerProvider.IntlayerServerContext);
-  return (0, import_useIntlayerBase.useIntlayerBase)(key, localeTarget);
+  return (0, import_getIntlayer.getIntlayer)(key, localeTarget, isRenderEditor);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/server/useIntlayer.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/useIntlayer.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport {\n  type DictionaryKeys,\n  useIntlayerBase,\n  type UseIntlayer,\n} from '../useIntlayerBase';\nimport { IntlayerServerContext } from './IntlayerServerProvider';\nimport { getServerContext } from './serverContext';\n\n/**\n * On the server side, Hook that picking one dictionary by its key and return the content\n *\n * If the locale is not provided, it will use the locale from the server context\n */\nexport const useIntlayer: UseIntlayer = <T extends DictionaryKeys>(\n  key: T,\n  locale?: Locales\n) => {\n  const localeTarget =\n    locale ?? getServerContext<Locales>(IntlayerServerContext);\n\n  return useIntlayerBase(key, localeTarget);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAIO;AACP,oCAAsC;AACtC,2BAAiC;AAO1B,MAAM,cAA2B,CACtC,KACA,WACG;AACH,QAAM,eACJ,cAAU,uCAA0B,mDAAqB;AAE3D,aAAO,wCAAgB,KAAK,YAAY;AAC1C;","names":[]}
+{"version":3,"sources":["../../../src/server/useIntlayer.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport {\n  type DictionaryKeys,\n  getIntlayer,\n  type UseIntlayerEditable,\n} from '../getIntlayer';\nimport { IntlayerServerContext } from './IntlayerServerProvider';\nimport { getServerContext } from './serverContext';\n\n/**\n * On the server side, Hook that picking one dictionary by its key and return the content\n *\n * If the locale is not provided, it will use the locale from the server context\n */\nexport const useIntlayer: UseIntlayerEditable = <T extends DictionaryKeys>(\n  key: T,\n  locale?: Locales,\n  isRenderEditor = true\n) => {\n  const localeTarget =\n    locale ?? getServerContext<Locales>(IntlayerServerContext);\n\n  return getIntlayer(key, localeTarget, isRenderEditor);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,yBAIO;AACP,oCAAsC;AACtC,2BAAiC;AAO1B,MAAM,cAAmC,CAC9C,KACA,QACA,iBAAiB,SACd;AACH,QAAM,eACJ,cAAU,uCAA0B,mDAAqB;AAE3D,aAAO,gCAAY,KAAK,cAAc,cAAc;AACtD;","names":[]}

package/dist/esm/client/useDictionary.mjs

@@ -1,12 +1,12 @@
 "use client";
 import "../chunk-ZD7AOCMD.mjs";
 import { useContext } from "react";
-import { useDictionaryBase } from '../useDictionaryBase.mjs';
+import { getDictionary } from '../getDictionary.mjs';
 import { IntlayerClientContext } from './IntlayerProvider.mjs';
-const useDictionary = (dictionary, locale) => {
+const useDictionary = (dictionary, locale, isRenderEditor = false) => {
   const { locale: currentLocale } = useContext(IntlayerClientContext);
   const localeTarget = locale ?? currentLocale;
-  return useDictionaryBase(dictionary, localeTarget);
+  return getDictionary(dictionary, localeTarget, isRenderEditor);
 };
 export {
   useDictionary

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { DeclarationContent } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { useDictionaryBase, type UseDictionary } from '../useDictionaryBase';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionary: UseDictionary = <T extends DeclarationContent>(\n  dictionary: T,\n  locale?: Locales\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return useDictionaryBase(dictionary, localeTarget);\n};\n"],"mappings":";;AAIA,SAAS,kBAAkB;AAC3B,SAAS,yBAA6C;AACtD,SAAS,6BAA6B;AAO/B,MAAM,gBAA+B,CAC1C,YACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,eAAe,UAAU;AAE/B,SAAO,kBAAkB,YAAY,YAAY;AACnD;","names":[]}
+{"version":3,"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { DeclarationContent } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { getDictionary, type UseDictionary } from '../getDictionary';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionary: UseDictionary = <T extends DeclarationContent>(\n  dictionary: T,\n  locale?: Locales,\n  isRenderEditor = false\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return getDictionary(dictionary, localeTarget, isRenderEditor);\n};\n"],"mappings":";;AAIA,SAAS,kBAAkB;AAC3B,SAAS,qBAAyC;AAClD,SAAS,6BAA6B;AAO/B,MAAM,gBAA+B,CAC1C,YACA,QACA,iBAAiB,UACd;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,eAAe,UAAU;AAE/B,SAAO,cAAc,YAAY,cAAc,cAAc;AAC/D;","names":[]}

package/dist/esm/client/useIntlayer.mjs

@@ -2,13 +2,13 @@
 import "../chunk-ZD7AOCMD.mjs";
 import { useContext } from "react";
 import {
-  useIntlayerBase
-} from '../useIntlayerBase.mjs';
+  getIntlayer
+} from '../getIntlayer.mjs';
 import { IntlayerClientContext } from './IntlayerProvider.mjs';
-const useIntlayer = (key, locale) => {
+const useIntlayer = (key, locale, isRenderEditor = true) => {
   const { locale: currentLocale } = useContext(IntlayerClientContext);
   const localeTarget = locale ?? currentLocale;
-  return useIntlayerBase(key, localeTarget);
+  return getIntlayer(key, localeTarget, isRenderEditor);
 };
 export {
   useIntlayer

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

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

package/dist/esm/client/useLocale.mjs

@@ -2,11 +2,46 @@
 import "../chunk-ZD7AOCMD.mjs";
 import { getConfiguration } from "@intlayer/config/client";
 import { localeList } from "@intlayer/core";
-import { useContext } from "react";
+import { useCallback, useContext } from "react";
 import { IntlayerClientContext } from './IntlayerProvider.mjs';
-const useLocale = () => {
+import { useLocaleCookie } from './useLocaleCookie.mjs';
+const useLocale = ({ onLocaleChange } = {}) => {
+  const {
+    /**
+     * Prefix default prefix the default locale to the path as other locales.
+     *
+     * Example with prefixDefault = true and defaultLocale = 'en':
+     * path = /en/dashboard or /fr/dashboard
+     *
+     * Example with prefixDefault = false and defaultLocale = 'en':
+     * path = /dashboard or /fr/dashboard
+     *
+     */
+    prefixDefault
+  } = getConfiguration().middleware;
   const { defaultLocale, locales: availableLocales } = getConfiguration().internationalization;
-  const { locale, setLocale } = useContext(IntlayerClientContext);
+  const { locale, setLocale: setLocaleState } = useContext(
+    IntlayerClientContext
+  );
+  const { setLocaleCookie } = useLocaleCookie();
+  const setLocale = useCallback(
+    (locale2) => {
+      if (!availableLocales.includes(locale2)) {
+        console.error(`Locale ${locale2} is not available`);
+        return;
+      }
+      setLocaleState(locale2);
+      setLocaleCookie(locale2);
+      onLocaleChange?.(locale2);
+    },
+    [
+      onLocaleChange,
+      availableLocales,
+      setLocaleState,
+      prefixDefault,
+      defaultLocale
+    ]
+  );
   return {
     locale,
     // Current locale

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = () => {\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAEA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAK/B,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AACrB,QAAM,EAAE,QAAQ,UAAU,IAAI,WAAW,qBAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport { type Locales } from '@intlayer/config';\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useLocaleCookie } from './useLocaleCookie';\n\ntype useLocaleProps = {\n  onLocaleChange?: (locale: Locales) => void;\n};\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = ({ onLocaleChange }: useLocaleProps = {}) => {\n  const {\n    /**\n     * Prefix default prefix the default locale to the path as other locales.\n     *\n     * Example with prefixDefault = true and defaultLocale = 'en':\n     * path = /en/dashboard or /fr/dashboard\n     *\n     * Example with prefixDefault = false and defaultLocale = 'en':\n     * path = /dashboard or /fr/dashboard\n     *\n     */\n    prefixDefault,\n  } = getConfiguration().middleware;\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n  const { locale, setLocale: setLocaleState } = useContext(\n    IntlayerClientContext\n  );\n  const { setLocaleCookie } = useLocaleCookie();\n\n  const setLocale = useCallback(\n    (locale: Locales) => {\n      if (!availableLocales.includes(locale)) {\n        console.error(`Locale ${locale} is not available`);\n        return;\n      }\n\n      setLocaleState(locale);\n      setLocaleCookie(locale);\n      onLocaleChange?.(locale);\n    },\n    [\n      onLocaleChange,\n      availableLocales,\n      setLocaleState,\n      prefixDefault,\n      defaultLocale,\n    ]\n  );\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAGA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,aAAa,kBAAkB;AACxC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AASzB,MAAM,YAAY,CAAC,EAAE,eAAe,IAAoB,CAAC,MAAM;AACpE,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWJ;AAAA,EACF,IAAI,iBAAiB,EAAE;AACvB,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AACrB,QAAM,EAAE,QAAQ,WAAW,eAAe,IAAI;AAAA,IAC5C;AAAA,EACF;AACA,QAAM,EAAE,gBAAgB,IAAI,gBAAgB;AAE5C,QAAM,YAAY;AAAA,IAChB,CAACA,YAAoB;AACnB,UAAI,CAAC,iBAAiB,SAASA,OAAM,GAAG;AACtC,gBAAQ,MAAM,UAAUA,OAAM,mBAAmB;AACjD;AAAA,MACF;AAEA,qBAAeA,OAAM;AACrB,sBAAgBA,OAAM;AACtB,uBAAiBA,OAAM;AAAA,IACzB;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":["locale"]}

package/dist/esm/editor/renderContentEditor.mjs

@@ -15,7 +15,7 @@ const IntlayerEditorElement = ({
   }
   return content;
 };
-const renderIntlayerEditor = (data, isContentSelectable) => {
+const renderIntlayerEditor = (data, isContentSelectable = true) => {
   const Result = /* @__PURE__ */ jsx(
     IntlayerEditorElement,
     {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/renderContentEditor.tsx"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport type { KeyPath } from '@intlayer/core';\nimport type { FC, ReactNode } from 'react';\nimport { ContentSelectorConnector } from './ContentSelectorConnector';\n\nconst {\n  editor: { enabled },\n} = getConfiguration();\n\nexport type IntlayerEditorElementProps = {\n  content: string;\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n  isContentSelectable: boolean;\n};\n\nconst IntlayerEditorElement: FC<IntlayerEditorElementProps> = ({\n  content,\n  isContentSelectable,\n  ...props\n}) => {\n  if (enabled && isContentSelectable) {\n    return (\n      <ContentSelectorConnector {...props}>{content}</ContentSelectorConnector>\n    );\n  }\n  return content;\n};\n\nexport type RenderIntlayerEditorResult = ReactNode & { value: string };\n\nexport const renderIntlayerEditor = (\n  data: IntlayerEditorElementProps,\n  isContentSelectable: boolean\n): RenderIntlayerEditorResult => {\n  const Result = (\n    <IntlayerEditorElement\n      {...data}\n      isContentSelectable={isContentSelectable}\n    />\n  );\n\n  return { ...Result, value: data.content };\n};\n"],"mappings":";AAwBM;AAxBN,SAAS,wBAAwB;AAGjC,SAAS,gCAAgC;AAEzC,MAAM;AAAA,EACJ,QAAQ,EAAE,QAAQ;AACpB,IAAI,iBAAiB;AAUrB,MAAM,wBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,WAAW,qBAAqB;AAClC,WACE,oBAAC,4BAA0B,GAAG,OAAQ,mBAAQ;AAAA,EAElD;AACA,SAAO;AACT;AAIO,MAAM,uBAAuB,CAClC,MACA,wBAC+B;AAC/B,QAAM,SACJ;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAGF,SAAO,EAAE,GAAG,QAAQ,OAAO,KAAK,QAAQ;AAC1C;","names":[]}
+{"version":3,"sources":["../../../src/editor/renderContentEditor.tsx"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport type { KeyPath } from '@intlayer/core';\nimport type { FC, ReactNode } from 'react';\nimport { ContentSelectorConnector } from './ContentSelectorConnector';\n\nconst {\n  editor: { enabled },\n} = getConfiguration();\n\nexport type IntlayerEditorElementProps = {\n  content: string;\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n  isContentSelectable: boolean;\n};\n\nconst IntlayerEditorElement: FC<IntlayerEditorElementProps> = ({\n  content,\n  isContentSelectable,\n  ...props\n}) => {\n  if (enabled && isContentSelectable) {\n    return (\n      <ContentSelectorConnector {...props}>{content}</ContentSelectorConnector>\n    );\n  }\n  return content;\n};\n\nexport type IntlayerNode<T = string> = ReactNode & {\n  value: T;\n};\n\nexport const renderIntlayerEditor = (\n  data: IntlayerEditorElementProps,\n  isContentSelectable = true\n): IntlayerNode => {\n  const Result = (\n    <IntlayerEditorElement\n      {...data}\n      isContentSelectable={isContentSelectable}\n    />\n  );\n\n  return { ...Result, value: data.content };\n};\n"],"mappings":";AAwBM;AAxBN,SAAS,wBAAwB;AAGjC,SAAS,gCAAgC;AAEzC,MAAM;AAAA,EACJ,QAAQ,EAAE,QAAQ;AACpB,IAAI,iBAAiB;AAUrB,MAAM,wBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,WAAW,qBAAqB;AAClC,WACE,oBAAC,4BAA0B,GAAG,OAAQ,mBAAQ;AAAA,EAElD;AACA,SAAO;AACT;AAMO,MAAM,uBAAuB,CAClC,MACA,sBAAsB,SACL;AACjB,QAAM,SACJ;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAGF,SAAO,EAAE,GAAG,QAAQ,OAAO,KAAK,QAAQ;AAC1C;","names":[]}

package/dist/esm/{useDictionaryBase.mjs → getDictionary.mjs}

@@ -1,31 +1,34 @@
 import "./chunk-ZD7AOCMD.mjs";
 import { isValidElement } from "react";
+import {
+  renderIntlayerEditor
+} from './editor/renderContentEditor.mjs';
 import { processDictionary } from './processDictionary/index.mjs';
-import { renderIntlayerEditor } from './editor/renderContentEditor.mjs';
-const recursiveTransformContent = (value, isContentSelectable = false) => {
+const recursiveTransformContent = (value, isRenderEditor = false) => {
   if (typeof value === "function") {
-    return (props) => recursiveTransformContent(value(props), isContentSelectable);
+    return (props) => recursiveTransformContent(value(props), isRenderEditor);
   } else if (typeof value === "object") {
     if (typeof value.dictionaryId !== "undefined") {
-      return renderIntlayerEditor(value, isContentSelectable);
+      if (isRenderEditor) {
+        return renderIntlayerEditor(value);
+      }
+      return value.content;
     } else if (Array.isArray(value)) {
-      return value.map(
-        (el) => recursiveTransformContent(el, isContentSelectable)
-      );
+      return value.map((el) => recursiveTransformContent(el, isRenderEditor));
     } else if (isValidElement(value)) {
       return value;
     }
     return Object.entries(value).reduce(
       (acc, [key, value2]) => ({
         ...acc,
-        [key]: recursiveTransformContent(value2, isContentSelectable)
+        [key]: recursiveTransformContent(value2, isRenderEditor)
       }),
       {}
     );
   }
   return value;
 };
-const useDictionaryBase = (dictionary, locale, isContentSelectable = false) => {
+const getDictionary = (dictionary, locale, isRenderEditor = false) => {
   const result = processDictionary(
     dictionary.content,
     dictionary.key,
@@ -35,11 +38,11 @@ const useDictionaryBase = (dictionary, locale, isContentSelectable = false) => {
   );
   return recursiveTransformContent(
     result,
-    isContentSelectable
+    isRenderEditor
   );
 };
 export {
-  recursiveTransformContent,
-  useDictionaryBase
+  getDictionary,
+  recursiveTransformContent
 };
-//# sourceMappingURL=useDictionaryBase.mjs.map
+//# sourceMappingURL=getDictionary.mjs.map

package/dist/esm/getDictionary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/getDictionary.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Locales } from '@intlayer/config';\nimport type {\n  DeclarationContent,\n  DictionaryValue,\n  NodeType,\n} from '@intlayer/core';\nimport { isValidElement, type ReactNode } from 'react';\nimport {\n  type IntlayerNode,\n  renderIntlayerEditor,\n} from './editor/renderContentEditor';\nimport { processDictionary } from './processDictionary/index';\n\ntype TransformNodeType<T, L extends Locales, R extends boolean> = T extends {\n  [NodeType.Enumeration]: { '1': any };\n}\n  ? (\n      quantity: number\n    ) => DeepTransformContent<T[NodeType.Enumeration]['1'], L, R>\n  : T extends {\n        [NodeType.Translation]: object;\n      }\n    ? L extends keyof T[NodeType.Translation]\n      ? DeepTransformContent<T[NodeType.Translation][L], L, R>\n      : never\n    : T;\n\nexport type DeepTransformContent<\n  T,\n  L extends Locales,\n  R extends boolean,\n> = T extends object // Check if the property is an object\n  ? T extends (infer U)[] // If it's an array, infer the type of array elements\n    ? DeepTransformContent<U, L, R>[] // Apply DeepTransformContent recursively to each element of the array\n    : T extends {\n          nodeType: NodeType | string;\n        }\n      ? TransformNodeType<T, L, R>\n      : T extends { _owner: any; key: any; props: any; ref: any }\n        ? ReactNode\n        : {\n            [K in keyof T]: DeepTransformContent<T[K], L, R>;\n          }\n  : T extends undefined\n    ? never\n    : R extends true\n      ? IntlayerNode<T>\n      : T;\n\n/**\n * Go through the object. If a object has a keyPath, render the intlayer editor if editor enabled.\n */\nexport const recursiveTransformContent = (\n  value: any,\n  isRenderEditor = false\n): object => {\n  if (typeof value === 'function') {\n    return (props: any) =>\n      recursiveTransformContent(value(props), isRenderEditor);\n  } else if (typeof value === 'object') {\n    if (typeof value.dictionaryId !== 'undefined') {\n      if (isRenderEditor) {\n        return renderIntlayerEditor(value);\n      }\n      return value.content;\n    } else if (Array.isArray(value)) {\n      return value.map((el) => recursiveTransformContent(el, isRenderEditor));\n    } else if (isValidElement(value)) {\n      return value;\n    }\n\n    return Object.entries(value).reduce(\n      (acc, [key, value]) => ({\n        ...acc,\n        [key]: recursiveTransformContent(value, isRenderEditor),\n      }),\n      {} as object\n    );\n  }\n\n  return value;\n};\n\ntype DataFromDictionary<\n  T extends DeclarationContent,\n  K extends Locales,\n  R extends boolean = false,\n> = DeepTransformContent<T['content'], K, R>;\n\nexport type UseDictionary = <\n  T extends DeclarationContent,\n  L extends Locales,\n  R extends boolean = false,\n>(\n  dictionary: T,\n  locale?: L,\n  isRenderEditor?: R\n) => DataFromDictionary<T, L, R>;\n\n/**\n * Hook that picks one dictionary by its id and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const getDictionary: UseDictionary = <\n  T extends DeclarationContent,\n  L extends Locales,\n  R extends boolean = false,\n>(\n  dictionary: T,\n  locale?: L,\n  isRenderEditor: R = false as R\n) => {\n  const result = processDictionary(\n    dictionary.content as DictionaryValue,\n    dictionary.key,\n    dictionary.filePath,\n    [],\n    locale\n  );\n\n  return recursiveTransformContent(\n    result,\n    isRenderEditor\n  ) as DataFromDictionary<T, L, R>;\n};\n"],"mappings":";AAOA,SAAS,sBAAsC;AAC/C;AAAA,EAEE;AAAA,OACK;AACP,SAAS,yBAAyB;AAyC3B,MAAM,4BAA4B,CACvC,OACA,iBAAiB,UACN;AACX,MAAI,OAAO,UAAU,YAAY;AAC/B,WAAO,CAAC,UACN,0BAA0B,MAAM,KAAK,GAAG,cAAc;AAAA,EAC1D,WAAW,OAAO,UAAU,UAAU;AACpC,QAAI,OAAO,MAAM,iBAAiB,aAAa;AAC7C,UAAI,gBAAgB;AAClB,eAAO,qBAAqB,KAAK;AAAA,MACnC;AACA,aAAO,MAAM;AAAA,IACf,WAAW,MAAM,QAAQ,KAAK,GAAG;AAC/B,aAAO,MAAM,IAAI,CAAC,OAAO,0BAA0B,IAAI,cAAc,CAAC;AAAA,IACxE,WAAW,eAAe,KAAK,GAAG;AAChC,aAAO;AAAA,IACT;AAEA,WAAO,OAAO,QAAQ,KAAK,EAAE;AAAA,MAC3B,CAAC,KAAK,CAAC,KAAKA,MAAK,OAAO;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,GAAG,GAAG,0BAA0BA,QAAO,cAAc;AAAA,MACxD;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAuBO,MAAM,gBAA+B,CAK1C,YACA,QACA,iBAAoB,UACjB;AACH,QAAM,SAAS;AAAA,IACb,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":["value"]}

package/dist/esm/{useIntlayerBase.mjs → getIntlayer.mjs}

@@ -1,11 +1,14 @@
 import "./chunk-ZD7AOCMD.mjs";
 import dictionaries from "@intlayer/dictionaries-entry";
-import { processDictionary } from './processDictionary/index.mjs';
 import {
   recursiveTransformContent
-} from './useDictionaryBase.mjs';
-const useIntlayerBase = (key, locale) => {
+} from './getDictionary.mjs';
+import { processDictionary } from './processDictionary/index.mjs';
+const getIntlayer = (key, locale, isRenderEditor = false) => {
   const dictionary = dictionaries[key];
+  if (!dictionary) {
+    throw new Error(`Dictionary ${key} not found`, dictionaries);
+  }
   const result = processDictionary(
     dictionary.content,
     dictionary.key,
@@ -13,13 +16,12 @@ const useIntlayerBase = (key, locale) => {
     [],
     locale
   );
-  const isContentSelectable = true;
   return recursiveTransformContent(
     result,
-    isContentSelectable
+    isRenderEditor
   );
 };
 export {
-  useIntlayerBase
+  getIntlayer
 };
-//# sourceMappingURL=useIntlayerBase.mjs.map
+//# sourceMappingURL=getIntlayer.mjs.map

package/dist/esm/getIntlayer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/getIntlayer.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config';\nimport type { Dictionary } from '@intlayer/core';\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport {\n  type DeepTransformContent,\n  recursiveTransformContent,\n} from './getDictionary';\nimport { processDictionary } from './processDictionary/index';\n\n/**\n * Provides a fallback to string type if the generic type T is never,\n * otherwise returns T. This is useful for handling cases where no keys are found.\n * Example: StringFallback<never> -> string; StringFallback<'key'> -> 'key'\n */\nexport type StringFallback<T> = T extends never ? string : T; // If no keys are found, return string to disable error, and accept any string as dictionary key\n\n/**\n * Represents the keys of the IntlayerDictionaryTypesConnector,\n * ensuring they are valid dictionary keys or fallback to string if none exist.\n *\n * Example:\n * ```ts\n * DictionaryKeys -> 'key1' | 'key2'\n * // or if IntlayerDictionaryTypesConnector is not defined,\n * DictionaryKeys -> string\n * ```\n */\nexport type DictionaryKeys = StringFallback<\n  keyof IntlayerDictionaryTypesConnector\n>;\n\n/**\n * Represents the data type returned by the useIntlayer hook,\n * excluding the 'id' and 'filePath' keys from the dictionary content.\n */\ntype DataFromDictionaryKey<\n  T extends DictionaryKeys,\n  K extends Locales,\n  R extends boolean = false,\n> = DeepTransformContent<IntlayerDictionaryTypesConnector[T]['content'], K, R>;\n\n/**\n * Type definition for the useIntlayer hook, which takes a dictionary ID and an optional locale,\n * and returns the deeply transformed dictionary content.\n *\n */\nexport type UseIntlayer = <\n  T extends DictionaryKeys,\n  L extends Locales,\n  R extends boolean = false,\n>(\n  key: T,\n  locale?: L,\n  isRenderEditor?: R\n) => DataFromDictionaryKey<T, L, R>;\n\nexport type UseIntlayerEditable = <\n  T extends DictionaryKeys,\n  L extends Locales,\n  R extends boolean = true,\n>(\n  key: T,\n  locale?: L,\n  isRenderEditor?: R\n) => DataFromDictionaryKey<T, L, R>;\n\nexport const getIntlayer: UseIntlayer = <\n  T extends DictionaryKeys,\n  L extends Locales,\n  R extends boolean = false,\n>(\n  key: T,\n  locale?: L,\n  isRenderEditor: R = false as R\n) => {\n  const dictionary: Dictionary = dictionaries[key as keyof typeof dictionaries];\n\n  if (!dictionary) {\n    throw new Error(`Dictionary ${key} not found`, dictionaries);\n  }\n\n  const result = processDictionary(\n    dictionary.content,\n    dictionary.key,\n    dictionary.filePath,\n    [],\n    locale\n  );\n\n  return recursiveTransformContent(\n    result,\n    isRenderEditor\n  ) as DataFromDictionaryKey<T, L, R>;\n};\n"],"mappings":";AAOA,OAAO,kBAAkB;AAEzB;AAAA,EAEE;AAAA,OACK;AACP,SAAS,yBAAyB;AA2D3B,MAAM,cAA2B,CAKtC,KACA,QACA,iBAAoB,UACjB;AACH,QAAM,aAAyB,aAAa,GAAgC;AAE5E,MAAI,CAAC,YAAY;AACf,UAAM,IAAI,MAAM,cAAc,GAAG,cAAc,YAAY;AAAA,EAC7D;AAEA,QAAM,SAAS;AAAA,IACb,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/esm/index.mjs

@@ -15,10 +15,14 @@ import {
   useLocaleBase,
   t
 } from './client/index.mjs';
+import { getDictionary } from './getDictionary.mjs';
+import { getIntlayer } from './getIntlayer.mjs';
 export {
   IntlayerClientContext,
   IntlayerProvider,
   getBrowserLocale,
+  getDictionary,
+  getIntlayer,
   getTranslation,
   localeCookie,
   setLocaleCookie,

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getTranslation } from './getTranslation';\nexport {\n  IntlayerProvider,\n  type IntlayerProviderProps,\n  IntlayerClientContext,\n  useIntlayer,\n  useDictionary,\n  useLocale,\n  useTraduction,\n  useLocaleCookie,\n  useIntlayerContext,\n  localeCookie,\n  setLocaleCookie,\n  getBrowserLocale,\n  useLocaleBase,\n  t,\n} from './client/index';\nexport { type IntlayerNode } from './useDictionaryBase';\n"],"mappings":";AAAA,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getTranslation } from './getTranslation';\nexport {\n  IntlayerProvider,\n  type IntlayerProviderProps,\n  IntlayerClientContext,\n  useIntlayer,\n  useDictionary,\n  useLocale,\n  useTraduction,\n  useLocaleCookie,\n  useIntlayerContext,\n  localeCookie,\n  setLocaleCookie,\n  getBrowserLocale,\n  useLocaleBase,\n  t,\n} from './client/index';\nexport { getDictionary } from './getDictionary';\nexport { getIntlayer } from './getIntlayer';\nexport { type IntlayerNode } from './editor/renderContentEditor';\n"],"mappings":";AAAA,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;","names":[]}

package/dist/esm/server/useDictionary.mjs

@@ -1,10 +1,10 @@
 import "../chunk-ZD7AOCMD.mjs";
-import { useDictionaryBase } from '../useDictionaryBase.mjs';
+import { getDictionary } from '../getDictionary.mjs';
 import { IntlayerServerContext } from './IntlayerServerProvider.mjs';
 import { getServerContext } from './serverContext.mjs';
-const useDictionary = (dictionary, locale) => {
+const useDictionary = (dictionary, locale, isRenderEditor = false) => {
   const localeTarget = locale ?? getServerContext(IntlayerServerContext);
-  return useDictionaryBase(dictionary, localeTarget);
+  return getDictionary(dictionary, localeTarget, isRenderEditor);
 };
 export {
   useDictionary

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/useDictionary.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { DeclarationContent } from '@intlayer/core';\nimport { useDictionaryBase, type UseDictionary } from '../useDictionaryBase';\nimport { IntlayerServerContext } from './IntlayerServerProvider';\nimport { getServerContext } from './serverContext';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the server context\n */\nexport const useDictionary: UseDictionary = <T extends DeclarationContent>(\n  dictionary: T,\n  locale?: Locales\n) => {\n  const localeTarget =\n    locale ?? getServerContext<Locales>(IntlayerServerContext);\n\n  return useDictionaryBase(dictionary, localeTarget);\n};\n"],"mappings":";AAEA,SAAS,yBAA6C;AACtD,SAAS,6BAA6B;AACtC,SAAS,wBAAwB;AAO1B,MAAM,gBAA+B,CAC1C,YACA,WACG;AACH,QAAM,eACJ,UAAU,iBAA0B,qBAAqB;AAE3D,SAAO,kBAAkB,YAAY,YAAY;AACnD;","names":[]}
+{"version":3,"sources":["../../../src/server/useDictionary.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { DeclarationContent } from '@intlayer/core';\nimport { getDictionary, type UseDictionary } from '../getDictionary';\nimport { IntlayerServerContext } from './IntlayerServerProvider';\nimport { getServerContext } from './serverContext';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the server context\n */\nexport const useDictionary: UseDictionary = <T extends DeclarationContent>(\n  dictionary: T,\n  locale?: Locales,\n  isRenderEditor = false\n) => {\n  const localeTarget =\n    locale ?? getServerContext<Locales>(IntlayerServerContext);\n\n  return getDictionary(dictionary, localeTarget, isRenderEditor);\n};\n"],"mappings":";AAEA,SAAS,qBAAyC;AAClD,SAAS,6BAA6B;AACtC,SAAS,wBAAwB;AAO1B,MAAM,gBAA+B,CAC1C,YACA,QACA,iBAAiB,UACd;AACH,QAAM,eACJ,UAAU,iBAA0B,qBAAqB;AAE3D,SAAO,cAAc,YAAY,cAAc,cAAc;AAC/D;","names":[]}

package/dist/esm/server/useIntlayer.mjs

@@ -1,12 +1,12 @@
 import "../chunk-ZD7AOCMD.mjs";
 import {
-  useIntlayerBase
-} from '../useIntlayerBase.mjs';
+  getIntlayer
+} from '../getIntlayer.mjs';
 import { IntlayerServerContext } from './IntlayerServerProvider.mjs';
 import { getServerContext } from './serverContext.mjs';
-const useIntlayer = (key, locale) => {
+const useIntlayer = (key, locale, isRenderEditor = true) => {
   const localeTarget = locale ?? getServerContext(IntlayerServerContext);
-  return useIntlayerBase(key, localeTarget);
+  return getIntlayer(key, localeTarget, isRenderEditor);
 };
 export {
   useIntlayer

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/useIntlayer.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport {\n  type DictionaryKeys,\n  useIntlayerBase,\n  type UseIntlayer,\n} from '../useIntlayerBase';\nimport { IntlayerServerContext } from './IntlayerServerProvider';\nimport { getServerContext } from './serverContext';\n\n/**\n * On the server side, Hook that picking one dictionary by its key and return the content\n *\n * If the locale is not provided, it will use the locale from the server context\n */\nexport const useIntlayer: UseIntlayer = <T extends DictionaryKeys>(\n  key: T,\n  locale?: Locales\n) => {\n  const localeTarget =\n    locale ?? getServerContext<Locales>(IntlayerServerContext);\n\n  return useIntlayerBase(key, localeTarget);\n};\n"],"mappings":";AACA;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,6BAA6B;AACtC,SAAS,wBAAwB;AAO1B,MAAM,cAA2B,CACtC,KACA,WACG;AACH,QAAM,eACJ,UAAU,iBAA0B,qBAAqB;AAE3D,SAAO,gBAAgB,KAAK,YAAY;AAC1C;","names":[]}
+{"version":3,"sources":["../../../src/server/useIntlayer.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport {\n  type DictionaryKeys,\n  getIntlayer,\n  type UseIntlayerEditable,\n} from '../getIntlayer';\nimport { IntlayerServerContext } from './IntlayerServerProvider';\nimport { getServerContext } from './serverContext';\n\n/**\n * On the server side, Hook that picking one dictionary by its key and return the content\n *\n * If the locale is not provided, it will use the locale from the server context\n */\nexport const useIntlayer: UseIntlayerEditable = <T extends DictionaryKeys>(\n  key: T,\n  locale?: Locales,\n  isRenderEditor = true\n) => {\n  const localeTarget =\n    locale ?? getServerContext<Locales>(IntlayerServerContext);\n\n  return getIntlayer(key, localeTarget, isRenderEditor);\n};\n"],"mappings":";AACA;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,6BAA6B;AACtC,SAAS,wBAAwB;AAO1B,MAAM,cAAmC,CAC9C,KACA,QACA,iBAAiB,SACd;AACH,QAAM,eACJ,UAAU,iBAA0B,qBAAqB;AAE3D,SAAO,YAAY,KAAK,cAAc,cAAc;AACtD;","names":[]}

package/dist/types/client/useDictionary.d.ts

@@ -1,4 +1,4 @@
-import { type UseDictionary } from '../useDictionaryBase';
+import { type UseDictionary } from '../getDictionary';
 /**
  * On the server side, Hook that transform a dictionary and return the content
  *

package/dist/types/client/useDictionary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDictionary.d.ts","sourceRoot":"","sources":["../../../src/client/useDictionary.ts"],"names":[],"mappings":"AAKA,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG7E;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,aAQ3B,CAAC"}
+{"version":3,"file":"useDictionary.d.ts","sourceRoot":"","sources":["../../../src/client/useDictionary.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGrE;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,aAS3B,CAAC"}

package/dist/types/client/useIntlayer.d.ts

@@ -1,8 +1,8 @@
-import { type UseIntlayer } from '../useIntlayerBase';
+import { type UseIntlayerEditable } from '../getIntlayer';
 /**
  * On the client side, Hook that picking one dictionary by its key and return the content
  *
  * If the locale is not provided, it will use the locale from the client context
  */
-export declare const useIntlayer: UseIntlayer;
+export declare const useIntlayer: UseIntlayerEditable;
 //# sourceMappingURL=useIntlayer.d.ts.map

package/dist/types/client/useIntlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayer.d.ts","sourceRoot":"","sources":["../../../src/client/useIntlayer.ts"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAG5B;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,WAQzB,CAAC"}
+{"version":3,"file":"useIntlayer.d.ts","sourceRoot":"","sources":["../../../src/client/useIntlayer.ts"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,gBAAgB,CAAC;AAGxB;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,mBASzB,CAAC"}

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

@@ -1,11 +1,16 @@
+import { type Locales } from '@intlayer/config';
+type useLocaleProps = {
+    onLocaleChange?: (locale: Locales) => void;
+};
 /**
  * On the client side, hook to get the current locale and all related fields
  */
-export declare const useLocale: () => {
-    locale: import("intlayer").Locales;
-    defaultLocale: import("intlayer").Locales;
-    availableLocales: import("intlayer").Locales[];
-    localeList: import("intlayer").Locales[];
-    setLocale: (newLocale: import("intlayer").Locales) => void;
+export declare const useLocale: ({ onLocaleChange }?: useLocaleProps) => {
+    locale: Locales;
+    defaultLocale: Locales;
+    availableLocales: Locales[];
+    localeList: Locales[];
+    setLocale: (locale: Locales) => void;
 };
+export {};
 //# sourceMappingURL=useLocale.d.ts.map

package/dist/types/client/useLocale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLocale.d.ts","sourceRoot":"","sources":["../../../src/client/useLocale.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;CAYrB,CAAC"}
+{"version":3,"file":"useLocale.d.ts","sourceRoot":"","sources":["../../../src/client/useLocale.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOhD,KAAK,cAAc,GAAG;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,wBAAwB,cAAc;;;;;wBAsB/C,OAAO;CA0BnB,CAAC"}

package/dist/types/editor/renderContentEditor.d.ts

@@ -7,8 +7,8 @@ export type IntlayerEditorElementProps = {
     keyPath: KeyPath[];
     isContentSelectable: boolean;
 };
-export type RenderIntlayerEditorResult = ReactNode & {
-    value: string;
+export type IntlayerNode<T = string> = ReactNode & {
+    value: T;
 };
-export declare const renderIntlayerEditor: (data: IntlayerEditorElementProps, isContentSelectable: boolean) => RenderIntlayerEditorResult;
+export declare const renderIntlayerEditor: (data: IntlayerEditorElementProps, isContentSelectable?: boolean) => IntlayerNode;
 //# sourceMappingURL=renderContentEditor.d.ts.map

package/dist/types/editor/renderContentEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderContentEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/renderContentEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAO3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAeF,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvE,eAAO,MAAM,oBAAoB,SACzB,0BAA0B,uBACX,OAAO,KAC3B,0BASF,CAAC"}
+{"version":3,"file":"renderContentEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/renderContentEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAO3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAeF,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,GAAG;IACjD,KAAK,EAAE,CAAC,CAAC;CACV,CAAC;AAEF,eAAO,MAAM,oBAAoB,SACzB,0BAA0B,oCAE/B,YASF,CAAC"}

package/dist/types/getDictionary.d.ts

@@ -0,0 +1,35 @@
+import type { Locales } from '@intlayer/config';
+import type { DeclarationContent, NodeType } from '@intlayer/core';
+import { type ReactNode } from 'react';
+import { type IntlayerNode } from './editor/renderContentEditor';
+type TransformNodeType<T, L extends Locales, R extends boolean> = T extends {
+    [NodeType.Enumeration]: {
+        '1': any;
+    };
+} ? (quantity: number) => DeepTransformContent<T[NodeType.Enumeration]['1'], L, R> : T extends {
+    [NodeType.Translation]: object;
+} ? L extends keyof T[NodeType.Translation] ? DeepTransformContent<T[NodeType.Translation][L], L, R> : never : T;
+export type DeepTransformContent<T, L extends Locales, R extends boolean> = T extends object ? T extends (infer U)[] ? DeepTransformContent<U, L, R>[] : T extends {
+    nodeType: NodeType | string;
+} ? TransformNodeType<T, L, R> : T extends {
+    _owner: any;
+    key: any;
+    props: any;
+    ref: any;
+} ? ReactNode : {
+    [K in keyof T]: DeepTransformContent<T[K], L, R>;
+} : T extends undefined ? never : R extends true ? IntlayerNode<T> : T;
+/**
+ * Go through the object. If a object has a keyPath, render the intlayer editor if editor enabled.
+ */
+export declare const recursiveTransformContent: (value: any, isRenderEditor?: boolean) => object;
+type DataFromDictionary<T extends DeclarationContent, K extends Locales, R extends boolean = false> = DeepTransformContent<T['content'], K, R>;
+export type UseDictionary = <T extends DeclarationContent, L extends Locales, R extends boolean = false>(dictionary: T, locale?: L, isRenderEditor?: R) => DataFromDictionary<T, L, R>;
+/**
+ * Hook that picks one dictionary by its id and return the content
+ *
+ * If the locale is not provided, it will use the locale from the client context
+ */
+export declare const getDictionary: UseDictionary;
+export {};
+//# sourceMappingURL=getDictionary.d.ts.map

package/dist/types/getDictionary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDictionary.d.ts","sourceRoot":"","sources":["../../src/getDictionary.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EACV,kBAAkB,EAElB,QAAQ,EACT,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EACL,KAAK,YAAY,EAElB,MAAM,8BAA8B,CAAC;AAGtC,KAAK,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,OAAO,EAAE,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS;IAC1E,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QAAE,GAAG,EAAE,GAAG,CAAA;KAAE,CAAC;CACtC,GACG,CACE,QAAQ,EAAE,MAAM,KACb,oBAAoB,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAC7D,CAAC,SAAS;IACN,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAChC,GACD,CAAC,SAAS,MAAM,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,GACrC,oBAAoB,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACtD,KAAK,GACP,CAAC,CAAC;AAER,MAAM,MAAM,oBAAoB,CAC9B,CAAC,EACD,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,OAAO,IACf,CAAC,SAAS,MAAM,GAChB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GACnB,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAC/B,CAAC,SAAS;IACN,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC7B,GACD,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAC1B,CAAC,SAAS;IAAE,MAAM,EAAE,GAAG,CAAC;IAAC,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,GAAG,CAAC;IAAC,GAAG,EAAE,GAAG,CAAA;CAAE,GACvD,SAAS,GACT;KACG,CAAC,IAAI,MAAM,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;CACjD,GACP,CAAC,SAAS,SAAS,GACjB,KAAK,GACL,CAAC,SAAS,IAAI,GACZ,YAAY,CAAC,CAAC,CAAC,GACf,CAAC,CAAC;AAEV;;GAEG;AACH,eAAO,MAAM,yBAAyB,UAC7B,GAAG,+BAET,MA0BF,CAAC;AAEF,KAAK,kBAAkB,CACrB,CAAC,SAAS,kBAAkB,EAC5B,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,OAAO,GAAG,KAAK,IACvB,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAE7C,MAAM,MAAM,aAAa,GAAG,CAC1B,CAAC,SAAS,kBAAkB,EAC5B,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,OAAO,GAAG,KAAK,EAEzB,UAAU,EAAE,CAAC,EACb,MAAM,CAAC,EAAE,CAAC,EACV,cAAc,CAAC,EAAE,CAAC,KACf,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAEjC;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,aAqB3B,CAAC"}

package/dist/types/{useIntlayerBase.d.ts → getIntlayer.d.ts}

@@ -1,6 +1,6 @@
 import type { Locales } from '@intlayer/config';
 import type { IntlayerDictionaryTypesConnector } from 'intlayer';
-import { type DeepTransformContent } from './useDictionaryBase';
+import { type DeepTransformContent } from './getDictionary';
 /**
  * Provides a fallback to string type if the generic type T is never,
  * otherwise returns T. This is useful for handling cases where no keys are found.
@@ -23,17 +23,14 @@ export type DictionaryKeys = StringFallback<keyof IntlayerDictionaryTypesConnect
  * Represents the data type returned by the useIntlayer hook,
  * excluding the 'id' and 'filePath' keys from the dictionary content.
  */
-type DataFromDictionaryKey<T extends DictionaryKeys, K extends Locales> = DeepTransformContent<IntlayerDictionaryTypesConnector[T]['content'], K>;
+type DataFromDictionaryKey<T extends DictionaryKeys, K extends Locales, R extends boolean = false> = DeepTransformContent<IntlayerDictionaryTypesConnector[T]['content'], K, R>;
 /**
  * Type definition for the useIntlayer hook, which takes a dictionary ID and an optional locale,
  * and returns the deeply transformed dictionary content.
  *
  */
-export type UseIntlayer = <T extends DictionaryKeys, L extends Locales>(key: T, locale?: L) => DataFromDictionaryKey<T, L>;
-/**
- * Hook that picks one dictionary by its ID and returns the content,
- * deeply transformed according to the dictionary structure and metadata.
- */
-export declare const useIntlayerBase: UseIntlayer;
+export type UseIntlayer = <T extends DictionaryKeys, L extends Locales, R extends boolean = false>(key: T, locale?: L, isRenderEditor?: R) => DataFromDictionaryKey<T, L, R>;
+export type UseIntlayerEditable = <T extends DictionaryKeys, L extends Locales, R extends boolean = true>(key: T, locale?: L, isRenderEditor?: R) => DataFromDictionaryKey<T, L, R>;
+export declare const getIntlayer: UseIntlayer;
 export {};
-//# sourceMappingURL=useIntlayerBase.d.ts.map
+//# sourceMappingURL=getIntlayer.d.ts.map

package/dist/types/getIntlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIntlayer.d.ts","sourceRoot":"","sources":["../../src/getIntlayer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAQhD,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,EACL,KAAK,oBAAoB,EAE1B,MAAM,iBAAiB,CAAC;AAGzB;;;;GAIG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC;AAE7D;;;;;;;;;;GAUG;AACH,MAAM,MAAM,cAAc,GAAG,cAAc,CACzC,MAAM,gCAAgC,CACvC,CAAC;AAEF;;;GAGG;AACH,KAAK,qBAAqB,CACxB,CAAC,SAAS,cAAc,EACxB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,OAAO,GAAG,KAAK,IACvB,oBAAoB,CAAC,gCAAgC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAE/E;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,CACxB,CAAC,SAAS,cAAc,EACxB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,OAAO,GAAG,KAAK,EAEzB,GAAG,EAAE,CAAC,EACN,MAAM,CAAC,EAAE,CAAC,EACV,cAAc,CAAC,EAAE,CAAC,KACf,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAEpC,MAAM,MAAM,mBAAmB,GAAG,CAChC,CAAC,SAAS,cAAc,EACxB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,OAAO,GAAG,IAAI,EAExB,GAAG,EAAE,CAAC,EACN,MAAM,CAAC,EAAE,CAAC,EACV,cAAc,CAAC,EAAE,CAAC,KACf,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAEpC,eAAO,MAAM,WAAW,EAAE,WA2BzB,CAAC"}

package/dist/types/index.d.ts

@@ -1,4 +1,6 @@
 export { getTranslation } from './getTranslation';
 export { IntlayerProvider, type IntlayerProviderProps, IntlayerClientContext, useIntlayer, useDictionary, useLocale, useTraduction, useLocaleCookie, useIntlayerContext, localeCookie, setLocaleCookie, getBrowserLocale, useLocaleBase, t, } from './client/index';
-export { type IntlayerNode } from './useDictionaryBase';
+export { getDictionary } from './getDictionary';
+export { getIntlayer } from './getIntlayer';
+export { type IntlayerNode } from './editor/renderContentEditor';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,qBAAqB,EACrB,WAAW,EACX,aAAa,EACb,SAAS,EACT,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,CAAC,GACF,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,qBAAqB,EACrB,WAAW,EACX,aAAa,EACb,SAAS,EACT,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,CAAC,GACF,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/types/server/useDictionary.d.ts

@@ -1,4 +1,4 @@
-import { type UseDictionary } from '../useDictionaryBase';
+import { type UseDictionary } from '../getDictionary';
 /**
  * On the server side, Hook that transform a dictionary and return the content
  *

package/dist/types/server/useDictionary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDictionary.d.ts","sourceRoot":"","sources":["../../../src/server/useDictionary.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAI7E;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,aAQ3B,CAAC"}
+{"version":3,"file":"useDictionary.d.ts","sourceRoot":"","sources":["../../../src/server/useDictionary.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIrE;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,aAS3B,CAAC"}

package/dist/types/server/useIntlayer.d.ts

@@ -1,8 +1,8 @@
-import { type UseIntlayer } from '../useIntlayerBase';
+import { type UseIntlayerEditable } from '../getIntlayer';
 /**
  * On the server side, Hook that picking one dictionary by its key and return the content
  *
  * If the locale is not provided, it will use the locale from the server context
  */
-export declare const useIntlayer: UseIntlayer;
+export declare const useIntlayer: UseIntlayerEditable;
 //# sourceMappingURL=useIntlayer.d.ts.map

package/dist/types/server/useIntlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayer.d.ts","sourceRoot":"","sources":["../../../src/server/useIntlayer.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAI5B;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,WAQzB,CAAC"}
+{"version":3,"file":"useIntlayer.d.ts","sourceRoot":"","sources":["../../../src/server/useIntlayer.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,gBAAgB,CAAC;AAIxB;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,mBASzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-intlayer",
-  "version": "3.5.2",
+  "version": "3.5.4",
   "private": false,
   "description": "Internationalization layer for React applications. Declare your multilingual contant in the same lever than your component. Powered by TypeScript, declaration files.",
   "keywords": [
@@ -91,11 +91,11 @@
     "react-cookie": "^7.2.2",
     "vite": "^6.0.3",
     "webpack": "^5.96.1",
-    "@intlayer/config": "^3.5.2",
-    "@intlayer/core": "^3.5.2",
-    "@intlayer/webpack": "^3.5.2",
-    "@intlayer/dictionaries-entry": "^3.5.2",
-    "@intlayer/chokidar": "^3.5.2"
+    "@intlayer/chokidar": "^3.5.4",
+    "@intlayer/core": "^3.5.4",
+    "@intlayer/dictionaries-entry": "^3.5.4",
+    "@intlayer/webpack": "^3.5.4",
+    "@intlayer/config": "^3.5.4"
   },
   "devDependencies": {
     "@craco/types": "^7.1.0",
@@ -114,20 +114,20 @@
     "tsup": "^8.3.5",
     "typescript": "^5.7.2",
     "@utils/eslint-config": "^1.0.4",
+    "@utils/tsup-config": "^1.0.4",
     "@utils/ts-config": "^1.0.4",
-    "@utils/ts-config-types": "^1.0.4",
-    "@utils/tsup-config": "^1.0.4"
+    "@utils/ts-config-types": "^1.0.4"
   },
   "peerDependencies": {
     "react": ">=16.0.0 <19.0.0",
     "react-dom": ">=16.0.0 <19.0.0",
     "vite": ">=4.0.0",
-    "@intlayer/chokidar": "^3.5.2",
-    "@intlayer/config": "^3.5.2",
-    "@intlayer/core": "^3.5.2",
-    "@intlayer/dictionaries-entry": "^3.5.2",
-    "@intlayer/webpack": "^3.5.2",
-    "intlayer": "^3.5.2"
+    "@intlayer/chokidar": "^3.5.4",
+    "@intlayer/webpack": "^3.5.4",
+    "@intlayer/core": "^3.5.4",
+    "intlayer": "^3.5.4",
+    "@intlayer/config": "^3.5.4",
+    "@intlayer/dictionaries-entry": "^3.5.4"
   },
   "engines": {
     "node": ">=14.18"

package/dist/cjs/useDictionaryBase.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/useDictionaryBase.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Locales } from '@intlayer/config';\nimport type {\n  DeclarationContent,\n  DictionaryValue,\n  NodeType,\n} from '@intlayer/core';\nimport { isValidElement, type ReactNode } from 'react';\nimport { processDictionary } from './processDictionary/index';\nimport { renderIntlayerEditor } from './editor/renderContentEditor';\n\nexport type IntlayerNode<T = string> = ReactNode & {\n  value: T;\n};\n\ntype TransformNodeType<T, L extends Locales> = T extends {\n  [NodeType.Enumeration]: { '1': any };\n}\n  ? (quantity: number) => DeepTransformContent<T[NodeType.Enumeration]['1'], L>\n  : T extends {\n        [NodeType.Translation]: object;\n      }\n    ? L extends keyof T[NodeType.Translation]\n      ? DeepTransformContent<T[NodeType.Translation][L], L>\n      : never\n    : T;\n\nexport type DeepTransformContent<T, L extends Locales> = T extends object // Check if the property is an object\n  ? T extends (infer U)[] // If it's an array, infer the type of array elements\n    ? DeepTransformContent<U, L>[] // Apply DeepTransformContent recursively to each element of the array\n    : T extends {\n          nodeType: NodeType | string;\n        }\n      ? TransformNodeType<T, L>\n      : T extends { _owner: any; key: any; props: any; ref: any }\n        ? ReactNode\n        : {\n            [K in keyof T]: DeepTransformContent<T[K], L>;\n          }\n  : T extends undefined\n    ? never\n    : IntlayerNode<T>;\n\n/**\n * Go through the object. If a object has a keyPath, render the intlayer editor if editor enabled.\n */\nexport const recursiveTransformContent = (\n  value: any,\n  isContentSelectable = false\n): object => {\n  if (typeof value === 'function') {\n    return (props: any) =>\n      recursiveTransformContent(value(props), isContentSelectable);\n  } else if (typeof value === 'object') {\n    if (typeof value.dictionaryId !== 'undefined') {\n      return renderIntlayerEditor(value, isContentSelectable);\n    } else if (Array.isArray(value)) {\n      return value.map((el) =>\n        recursiveTransformContent(el, isContentSelectable)\n      );\n    } else if (isValidElement(value)) {\n      return value;\n    }\n\n    return Object.entries(value).reduce(\n      (acc, [key, value]) => ({\n        ...acc,\n        [key]: recursiveTransformContent(value, isContentSelectable),\n      }),\n      {} as object\n    );\n  }\n\n  return value;\n};\n\ntype DataFromDictionary<\n  T extends DeclarationContent,\n  K extends Locales,\n> = DeepTransformContent<T['content'], K>;\n\nexport type UseDictionary = <T extends DeclarationContent, L extends Locales>(\n  dictionary: T,\n  locale?: L\n) => DataFromDictionary<T, L>;\n\n// Add description is JSDoc\n/**\n * Hook that picks one dictionary by its id and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryBase: UseDictionary = <\n  T extends DeclarationContent,\n  L extends Locales,\n>(\n  dictionary: T,\n  locale?: L,\n  isContentSelectable = false\n) => {\n  const result = processDictionary(\n    dictionary.content as DictionaryValue,\n    dictionary.key,\n    dictionary.filePath,\n    [],\n    locale\n  );\n\n  return recursiveTransformContent(\n    result,\n    isContentSelectable\n  ) as DataFromDictionary<T, L>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,mBAA+C;AAC/C,+BAAkC;AAClC,iCAAqC;AAqC9B,MAAM,4BAA4B,CACvC,OACA,sBAAsB,UACX;AACX,MAAI,OAAO,UAAU,YAAY;AAC/B,WAAO,CAAC,UACN,0BAA0B,MAAM,KAAK,GAAG,mBAAmB;AAAA,EAC/D,WAAW,OAAO,UAAU,UAAU;AACpC,QAAI,OAAO,MAAM,iBAAiB,aAAa;AAC7C,iBAAO,iDAAqB,OAAO,mBAAmB;AAAA,IACxD,WAAW,MAAM,QAAQ,KAAK,GAAG;AAC/B,aAAO,MAAM;AAAA,QAAI,CAAC,OAChB,0BAA0B,IAAI,mBAAmB;AAAA,MACnD;AAAA,IACF,eAAW,6BAAe,KAAK,GAAG;AAChC,aAAO;AAAA,IACT;AAEA,WAAO,OAAO,QAAQ,KAAK,EAAE;AAAA,MAC3B,CAAC,KAAK,CAAC,KAAKA,MAAK,OAAO;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,GAAG,GAAG,0BAA0BA,QAAO,mBAAmB;AAAA,MAC7D;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAkBO,MAAM,oBAAmC,CAI9C,YACA,QACA,sBAAsB,UACnB;AACH,QAAM,aAAS;AAAA,IACb,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":["value"]}

package/dist/cjs/useIntlayerBase.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/useIntlayerBase.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config';\nimport type { Dictionary } from '@intlayer/core';\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport { processDictionary } from './processDictionary/index';\nimport {\n  type DeepTransformContent,\n  recursiveTransformContent,\n} from './useDictionaryBase';\n\n/**\n * Provides a fallback to string type if the generic type T is never,\n * otherwise returns T. This is useful for handling cases where no keys are found.\n * Example: StringFallback<never> -> string; StringFallback<'key'> -> 'key'\n */\nexport type StringFallback<T> = T extends never ? string : T; // If no keys are found, return string to disable error, and accept any string as dictionary key\n\n/**\n * Represents the keys of the IntlayerDictionaryTypesConnector,\n * ensuring they are valid dictionary keys or fallback to string if none exist.\n *\n * Example:\n * ```ts\n * DictionaryKeys -> 'key1' | 'key2'\n * // or if IntlayerDictionaryTypesConnector is not defined,\n * DictionaryKeys -> string\n * ```\n */\nexport type DictionaryKeys = StringFallback<\n  keyof IntlayerDictionaryTypesConnector\n>;\n\n/**\n * Represents the data type returned by the useIntlayer hook,\n * excluding the 'id' and 'filePath' keys from the dictionary content.\n */\ntype DataFromDictionaryKey<\n  T extends DictionaryKeys,\n  K extends Locales,\n> = DeepTransformContent<IntlayerDictionaryTypesConnector[T]['content'], K>;\n\n/**\n * Type definition for the useIntlayer hook, which takes a dictionary ID and an optional locale,\n * and returns the deeply transformed dictionary content.\n *\n */\nexport type UseIntlayer = <T extends DictionaryKeys, L extends Locales>(\n  key: T,\n  locale?: L\n) => DataFromDictionaryKey<T, L>;\n\n/**\n * Hook that picks one dictionary by its ID and returns the content,\n * deeply transformed according to the dictionary structure and metadata.\n */\nexport const useIntlayerBase: UseIntlayer = <\n  T extends DictionaryKeys,\n  L extends Locales,\n>(\n  key: T,\n  locale?: L\n) => {\n  const dictionary: Dictionary = dictionaries[key as keyof typeof dictionaries];\n\n  const result = processDictionary(\n    dictionary.content,\n    dictionary.key,\n    dictionary.filePath,\n    [],\n    locale\n  );\n\n  const isContentSelectable = true;\n\n  return recursiveTransformContent(\n    result,\n    isContentSelectable\n  ) as DataFromDictionaryKey<T, L>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,gCAAyB;AAEzB,+BAAkC;AAClC,+BAGO;AA+CA,MAAM,kBAA+B,CAI1C,KACA,WACG;AACH,QAAM,aAAyB,0BAAAA,QAAa,GAAgC;AAE5E,QAAM,aAAS;AAAA,IACb,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AAEA,QAAM,sBAAsB;AAE5B,aAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":["dictionaries"]}

package/dist/esm/useDictionaryBase.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/useDictionaryBase.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Locales } from '@intlayer/config';\nimport type {\n  DeclarationContent,\n  DictionaryValue,\n  NodeType,\n} from '@intlayer/core';\nimport { isValidElement, type ReactNode } from 'react';\nimport { processDictionary } from './processDictionary/index';\nimport { renderIntlayerEditor } from './editor/renderContentEditor';\n\nexport type IntlayerNode<T = string> = ReactNode & {\n  value: T;\n};\n\ntype TransformNodeType<T, L extends Locales> = T extends {\n  [NodeType.Enumeration]: { '1': any };\n}\n  ? (quantity: number) => DeepTransformContent<T[NodeType.Enumeration]['1'], L>\n  : T extends {\n        [NodeType.Translation]: object;\n      }\n    ? L extends keyof T[NodeType.Translation]\n      ? DeepTransformContent<T[NodeType.Translation][L], L>\n      : never\n    : T;\n\nexport type DeepTransformContent<T, L extends Locales> = T extends object // Check if the property is an object\n  ? T extends (infer U)[] // If it's an array, infer the type of array elements\n    ? DeepTransformContent<U, L>[] // Apply DeepTransformContent recursively to each element of the array\n    : T extends {\n          nodeType: NodeType | string;\n        }\n      ? TransformNodeType<T, L>\n      : T extends { _owner: any; key: any; props: any; ref: any }\n        ? ReactNode\n        : {\n            [K in keyof T]: DeepTransformContent<T[K], L>;\n          }\n  : T extends undefined\n    ? never\n    : IntlayerNode<T>;\n\n/**\n * Go through the object. If a object has a keyPath, render the intlayer editor if editor enabled.\n */\nexport const recursiveTransformContent = (\n  value: any,\n  isContentSelectable = false\n): object => {\n  if (typeof value === 'function') {\n    return (props: any) =>\n      recursiveTransformContent(value(props), isContentSelectable);\n  } else if (typeof value === 'object') {\n    if (typeof value.dictionaryId !== 'undefined') {\n      return renderIntlayerEditor(value, isContentSelectable);\n    } else if (Array.isArray(value)) {\n      return value.map((el) =>\n        recursiveTransformContent(el, isContentSelectable)\n      );\n    } else if (isValidElement(value)) {\n      return value;\n    }\n\n    return Object.entries(value).reduce(\n      (acc, [key, value]) => ({\n        ...acc,\n        [key]: recursiveTransformContent(value, isContentSelectable),\n      }),\n      {} as object\n    );\n  }\n\n  return value;\n};\n\ntype DataFromDictionary<\n  T extends DeclarationContent,\n  K extends Locales,\n> = DeepTransformContent<T['content'], K>;\n\nexport type UseDictionary = <T extends DeclarationContent, L extends Locales>(\n  dictionary: T,\n  locale?: L\n) => DataFromDictionary<T, L>;\n\n// Add description is JSDoc\n/**\n * Hook that picks one dictionary by its id and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryBase: UseDictionary = <\n  T extends DeclarationContent,\n  L extends Locales,\n>(\n  dictionary: T,\n  locale?: L,\n  isContentSelectable = false\n) => {\n  const result = processDictionary(\n    dictionary.content as DictionaryValue,\n    dictionary.key,\n    dictionary.filePath,\n    [],\n    locale\n  );\n\n  return recursiveTransformContent(\n    result,\n    isContentSelectable\n  ) as DataFromDictionary<T, L>;\n};\n"],"mappings":";AAOA,SAAS,sBAAsC;AAC/C,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AAqC9B,MAAM,4BAA4B,CACvC,OACA,sBAAsB,UACX;AACX,MAAI,OAAO,UAAU,YAAY;AAC/B,WAAO,CAAC,UACN,0BAA0B,MAAM,KAAK,GAAG,mBAAmB;AAAA,EAC/D,WAAW,OAAO,UAAU,UAAU;AACpC,QAAI,OAAO,MAAM,iBAAiB,aAAa;AAC7C,aAAO,qBAAqB,OAAO,mBAAmB;AAAA,IACxD,WAAW,MAAM,QAAQ,KAAK,GAAG;AAC/B,aAAO,MAAM;AAAA,QAAI,CAAC,OAChB,0BAA0B,IAAI,mBAAmB;AAAA,MACnD;AAAA,IACF,WAAW,eAAe,KAAK,GAAG;AAChC,aAAO;AAAA,IACT;AAEA,WAAO,OAAO,QAAQ,KAAK,EAAE;AAAA,MAC3B,CAAC,KAAK,CAAC,KAAKA,MAAK,OAAO;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,GAAG,GAAG,0BAA0BA,QAAO,mBAAmB;AAAA,MAC7D;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAkBO,MAAM,oBAAmC,CAI9C,YACA,QACA,sBAAsB,UACnB;AACH,QAAM,SAAS;AAAA,IACb,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":["value"]}

package/dist/esm/useIntlayerBase.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/useIntlayerBase.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config';\nimport type { Dictionary } from '@intlayer/core';\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport { processDictionary } from './processDictionary/index';\nimport {\n  type DeepTransformContent,\n  recursiveTransformContent,\n} from './useDictionaryBase';\n\n/**\n * Provides a fallback to string type if the generic type T is never,\n * otherwise returns T. This is useful for handling cases where no keys are found.\n * Example: StringFallback<never> -> string; StringFallback<'key'> -> 'key'\n */\nexport type StringFallback<T> = T extends never ? string : T; // If no keys are found, return string to disable error, and accept any string as dictionary key\n\n/**\n * Represents the keys of the IntlayerDictionaryTypesConnector,\n * ensuring they are valid dictionary keys or fallback to string if none exist.\n *\n * Example:\n * ```ts\n * DictionaryKeys -> 'key1' | 'key2'\n * // or if IntlayerDictionaryTypesConnector is not defined,\n * DictionaryKeys -> string\n * ```\n */\nexport type DictionaryKeys = StringFallback<\n  keyof IntlayerDictionaryTypesConnector\n>;\n\n/**\n * Represents the data type returned by the useIntlayer hook,\n * excluding the 'id' and 'filePath' keys from the dictionary content.\n */\ntype DataFromDictionaryKey<\n  T extends DictionaryKeys,\n  K extends Locales,\n> = DeepTransformContent<IntlayerDictionaryTypesConnector[T]['content'], K>;\n\n/**\n * Type definition for the useIntlayer hook, which takes a dictionary ID and an optional locale,\n * and returns the deeply transformed dictionary content.\n *\n */\nexport type UseIntlayer = <T extends DictionaryKeys, L extends Locales>(\n  key: T,\n  locale?: L\n) => DataFromDictionaryKey<T, L>;\n\n/**\n * Hook that picks one dictionary by its ID and returns the content,\n * deeply transformed according to the dictionary structure and metadata.\n */\nexport const useIntlayerBase: UseIntlayer = <\n  T extends DictionaryKeys,\n  L extends Locales,\n>(\n  key: T,\n  locale?: L\n) => {\n  const dictionary: Dictionary = dictionaries[key as keyof typeof dictionaries];\n\n  const result = processDictionary(\n    dictionary.content,\n    dictionary.key,\n    dictionary.filePath,\n    [],\n    locale\n  );\n\n  const isContentSelectable = true;\n\n  return recursiveTransformContent(\n    result,\n    isContentSelectable\n  ) as DataFromDictionaryKey<T, L>;\n};\n"],"mappings":";AAOA,OAAO,kBAAkB;AAEzB,SAAS,yBAAyB;AAClC;AAAA,EAEE;AAAA,OACK;AA+CA,MAAM,kBAA+B,CAI1C,KACA,WACG;AACH,QAAM,aAAyB,aAAa,GAAgC;AAE5E,QAAM,SAAS;AAAA,IACb,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AAEA,QAAM,sBAAsB;AAE5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/types/useDictionaryBase.d.ts

@@ -1,37 +0,0 @@
-import type { Locales } from '@intlayer/config';
-import type { DeclarationContent, NodeType } from '@intlayer/core';
-import { type ReactNode } from 'react';
-export type IntlayerNode<T = string> = ReactNode & {
-    value: T;
-};
-type TransformNodeType<T, L extends Locales> = T extends {
-    [NodeType.Enumeration]: {
-        '1': any;
-    };
-} ? (quantity: number) => DeepTransformContent<T[NodeType.Enumeration]['1'], L> : T extends {
-    [NodeType.Translation]: object;
-} ? L extends keyof T[NodeType.Translation] ? DeepTransformContent<T[NodeType.Translation][L], L> : never : T;
-export type DeepTransformContent<T, L extends Locales> = T extends object ? T extends (infer U)[] ? DeepTransformContent<U, L>[] : T extends {
-    nodeType: NodeType | string;
-} ? TransformNodeType<T, L> : T extends {
-    _owner: any;
-    key: any;
-    props: any;
-    ref: any;
-} ? ReactNode : {
-    [K in keyof T]: DeepTransformContent<T[K], L>;
-} : T extends undefined ? never : IntlayerNode<T>;
-/**
- * Go through the object. If a object has a keyPath, render the intlayer editor if editor enabled.
- */
-export declare const recursiveTransformContent: (value: any, isContentSelectable?: boolean) => object;
-type DataFromDictionary<T extends DeclarationContent, K extends Locales> = DeepTransformContent<T['content'], K>;
-export type UseDictionary = <T extends DeclarationContent, L extends Locales>(dictionary: T, locale?: L) => DataFromDictionary<T, L>;
-/**
- * Hook that picks one dictionary by its id and return the content
- *
- * If the locale is not provided, it will use the locale from the client context
- */
-export declare const useDictionaryBase: UseDictionary;
-export {};
-//# sourceMappingURL=useDictionaryBase.d.ts.map

package/dist/types/useDictionaryBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDictionaryBase.d.ts","sourceRoot":"","sources":["../../src/useDictionaryBase.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EACV,kBAAkB,EAElB,QAAQ,EACT,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,GAAG;IACjD,KAAK,EAAE,CAAC,CAAC;CACV,CAAC;AAEF,KAAK,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS;IACvD,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QAAE,GAAG,EAAE,GAAG,CAAA;KAAE,CAAC;CACtC,GACG,CAAC,QAAQ,EAAE,MAAM,KAAK,oBAAoB,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAC3E,CAAC,SAAS;IACN,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAChC,GACD,CAAC,SAAS,MAAM,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,GACrC,oBAAoB,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GACnD,KAAK,GACP,CAAC,CAAC;AAER,MAAM,MAAM,oBAAoB,CAAC,CAAC,EAAE,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS,MAAM,GACrE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GACnB,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAC5B,CAAC,SAAS;IACN,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC7B,GACD,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,GACvB,CAAC,SAAS;IAAE,MAAM,EAAE,GAAG,CAAC;IAAC,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,GAAG,CAAC;IAAC,GAAG,EAAE,GAAG,CAAA;CAAE,GACvD,SAAS,GACT;KACG,CAAC,IAAI,MAAM,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;CAC9C,GACP,CAAC,SAAS,SAAS,GACjB,KAAK,GACL,YAAY,CAAC,CAAC,CAAC,CAAC;AAEtB;;GAEG;AACH,eAAO,MAAM,yBAAyB,UAC7B,GAAG,oCAET,MAyBF,CAAC;AAEF,KAAK,kBAAkB,CACrB,CAAC,SAAS,kBAAkB,EAC5B,CAAC,SAAS,OAAO,IACf,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;AAE1C,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,SAAS,kBAAkB,EAAE,CAAC,SAAS,OAAO,EAC1E,UAAU,EAAE,CAAC,EACb,MAAM,CAAC,EAAE,CAAC,KACP,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAG9B;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,aAoB/B,CAAC"}

package/dist/types/useIntlayerBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIntlayerBase.d.ts","sourceRoot":"","sources":["../../src/useIntlayerBase.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAQhD,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAC;AAEjE,OAAO,EACL,KAAK,oBAAoB,EAE1B,MAAM,qBAAqB,CAAC;AAE7B;;;;GAIG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC;AAE7D;;;;;;;;;;GAUG;AACH,MAAM,MAAM,cAAc,GAAG,cAAc,CACzC,MAAM,gCAAgC,CACvC,CAAC;AAEF;;;GAGG;AACH,KAAK,qBAAqB,CACxB,CAAC,SAAS,cAAc,EACxB,CAAC,SAAS,OAAO,IACf,oBAAoB,CAAC,gCAAgC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC,SAAS,OAAO,EACpE,GAAG,EAAE,CAAC,EACN,MAAM,CAAC,EAAE,CAAC,KACP,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEjC;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,WAuB7B,CAAC"}