react-intlayer 3.5.3 → 3.5.5

package/README.md

@@ -1,6 +1,6 @@
 <div align="center">
   <a href="https://www.npmjs.com/package/react-intlayer">
-    <img src="docs/assets/logo.png" width="500" alt="intlayer" />
+    <img src="https://raw.githubusercontent.com/aymericzip/intlayer/572ae9c9acafb74307b81530c1931a8e98990aef/docs/assets/logo.png" width="500" alt="intlayer" />
   </a>
 </div>
 
@@ -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/en/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/en/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/en/intlayer_with_vite_react.md)

package/dist/cjs/cli/react-intlayer.cjs

@@ -48,13 +48,13 @@ switch (script) {
     });
     if (child.signal) {
       if (child.signal === "SIGKILL") {
-        console.info(`
+        (0, import_config.appLogger)(`
                 The build failed because the process exited too early.
                 This probably means the system ran out of memory or someone called
                 \`kill -9\` on the process.
             `);
       } else if (child.signal === "SIGTERM") {
-        console.info(`
+        (0, import_config.appLogger)(`
                 The build failed because the process exited too early.
                 Someone might have called  \`kill\` or \`killall\`, or the system could
                 be shutting down.
@@ -66,8 +66,8 @@ switch (script) {
     break;
   }
   default:
-    console.info(`Unknown script "${script}".`);
-    console.info("Perhaps you need to update craco?");
+    (0, import_config.appLogger)(`Unknown script "${script}".`);
+    (0, import_config.appLogger)("Perhaps you need to update craco?");
     break;
 }
 //# sourceMappingURL=react-intlayer.cjs.map

package/dist/cjs/cli/react-intlayer.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/cli/react-intlayer.ts"],"sourcesContent":["#!/usr/bin/env node\n\n/**\n * To make the setup easier, we are using craco to override the webpack configuration.\n * This script is used to run the craco scripts with the custom configuration.\n *\n * The script is based on the original craco script from create-react-app.\n */\n\nimport { ESMxCJSRequire } from '@intlayer/config';\nimport spawn from 'cross-spawn';\n\nconst args = process.argv.slice(2);\nconst scriptIndex = args.findIndex(\n  (x) => x === 'build' || x === 'start' || x === 'test'\n);\nconst script = scriptIndex === -1 ? args[0] : args[scriptIndex];\n\nswitch (script) {\n  case 'build':\n  case 'start':\n  case 'test': {\n    const nodeArgs = scriptIndex > 0 ? args.slice(0, scriptIndex) : [];\n    const scriptPath = ESMxCJSRequire.resolve(\n      `@craco/craco/dist/scripts/${script}`\n    );\n\n    const scriptArgs = args.slice(scriptIndex + 1);\n    const processArgs = nodeArgs\n      .concat(scriptPath)\n      .concat([\n        ...scriptArgs,\n        '--config',\n        './node_modules/react-intlayer/dist/cjs/craco/craco.config.cjs',\n      ]);\n\n    const child = spawn.sync('node', processArgs, {\n      stdio: 'inherit',\n    });\n\n    if (child.signal) {\n      if (child.signal === 'SIGKILL') {\n        console.info(`\n                The build failed because the process exited too early.\n                This probably means the system ran out of memory or someone called\n                \\`kill -9\\` on the process.\n            `);\n      } else if (child.signal === 'SIGTERM') {\n        console.info(`\n                The build failed because the process exited too early.\n                Someone might have called  \\`kill\\` or \\`killall\\`, or the system could\n                be shutting down.\n            `);\n      }\n\n      process.exit(1);\n    }\n\n    process.exit(child.status ?? undefined);\n    break;\n  }\n  default:\n    console.info(`Unknown script \"${script}\".`);\n    console.info('Perhaps you need to update craco?');\n    break;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASA,oBAA+B;AAC/B,yBAAkB;AAElB,MAAM,OAAO,QAAQ,KAAK,MAAM,CAAC;AACjC,MAAM,cAAc,KAAK;AAAA,EACvB,CAAC,MAAM,MAAM,WAAW,MAAM,WAAW,MAAM;AACjD;AACA,MAAM,SAAS,gBAAgB,KAAK,KAAK,CAAC,IAAI,KAAK,WAAW;AAE9D,QAAQ,QAAQ;AAAA,EACd,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK,QAAQ;AACX,UAAM,WAAW,cAAc,IAAI,KAAK,MAAM,GAAG,WAAW,IAAI,CAAC;AACjE,UAAM,aAAa,6BAAe;AAAA,MAChC,6BAA6B,MAAM;AAAA,IACrC;AAEA,UAAM,aAAa,KAAK,MAAM,cAAc,CAAC;AAC7C,UAAM,cAAc,SACjB,OAAO,UAAU,EACjB,OAAO;AAAA,MACN,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF,CAAC;AAEH,UAAM,QAAQ,mBAAAA,QAAM,KAAK,QAAQ,aAAa;AAAA,MAC5C,OAAO;AAAA,IACT,CAAC;AAED,QAAI,MAAM,QAAQ;AAChB,UAAI,MAAM,WAAW,WAAW;AAC9B,gBAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,aAIR;AAAA,MACP,WAAW,MAAM,WAAW,WAAW;AACrC,gBAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,aAIR;AAAA,MACP;AAEA,cAAQ,KAAK,CAAC;AAAA,IAChB;AAEA,YAAQ,KAAK,MAAM,UAAU,MAAS;AACtC;AAAA,EACF;AAAA,EACA;AACE,YAAQ,KAAK,mBAAmB,MAAM,IAAI;AAC1C,YAAQ,KAAK,mCAAmC;AAChD;AACJ;","names":["spawn"]}
+{"version":3,"sources":["../../../src/cli/react-intlayer.ts"],"sourcesContent":["#!/usr/bin/env node\n\n/**\n * To make the setup easier, we are using craco to override the webpack configuration.\n * This script is used to run the craco scripts with the custom configuration.\n *\n * The script is based on the original craco script from create-react-app.\n */\n\nimport { ESMxCJSRequire, appLogger } from '@intlayer/config';\nimport spawn from 'cross-spawn';\n\nconst args = process.argv.slice(2);\nconst scriptIndex = args.findIndex(\n  (x) => x === 'build' || x === 'start' || x === 'test'\n);\nconst script = scriptIndex === -1 ? args[0] : args[scriptIndex];\n\nswitch (script) {\n  case 'build':\n  case 'start':\n  case 'test': {\n    const nodeArgs = scriptIndex > 0 ? args.slice(0, scriptIndex) : [];\n    const scriptPath = ESMxCJSRequire.resolve(\n      `@craco/craco/dist/scripts/${script}`\n    );\n\n    const scriptArgs = args.slice(scriptIndex + 1);\n    const processArgs = nodeArgs\n      .concat(scriptPath)\n      .concat([\n        ...scriptArgs,\n        '--config',\n        './node_modules/react-intlayer/dist/cjs/craco/craco.config.cjs',\n      ]);\n\n    const child = spawn.sync('node', processArgs, {\n      stdio: 'inherit',\n    });\n\n    if (child.signal) {\n      if (child.signal === 'SIGKILL') {\n        appLogger(`\n                The build failed because the process exited too early.\n                This probably means the system ran out of memory or someone called\n                \\`kill -9\\` on the process.\n            `);\n      } else if (child.signal === 'SIGTERM') {\n        appLogger(`\n                The build failed because the process exited too early.\n                Someone might have called  \\`kill\\` or \\`killall\\`, or the system could\n                be shutting down.\n            `);\n      }\n\n      process.exit(1);\n    }\n\n    process.exit(child.status ?? undefined);\n    break;\n  }\n  default:\n    appLogger(`Unknown script \"${script}\".`);\n    appLogger('Perhaps you need to update craco?');\n    break;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASA,oBAA0C;AAC1C,yBAAkB;AAElB,MAAM,OAAO,QAAQ,KAAK,MAAM,CAAC;AACjC,MAAM,cAAc,KAAK;AAAA,EACvB,CAAC,MAAM,MAAM,WAAW,MAAM,WAAW,MAAM;AACjD;AACA,MAAM,SAAS,gBAAgB,KAAK,KAAK,CAAC,IAAI,KAAK,WAAW;AAE9D,QAAQ,QAAQ;AAAA,EACd,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK,QAAQ;AACX,UAAM,WAAW,cAAc,IAAI,KAAK,MAAM,GAAG,WAAW,IAAI,CAAC;AACjE,UAAM,aAAa,6BAAe;AAAA,MAChC,6BAA6B,MAAM;AAAA,IACrC;AAEA,UAAM,aAAa,KAAK,MAAM,cAAc,CAAC;AAC7C,UAAM,cAAc,SACjB,OAAO,UAAU,EACjB,OAAO;AAAA,MACN,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF,CAAC;AAEH,UAAM,QAAQ,mBAAAA,QAAM,KAAK,QAAQ,aAAa;AAAA,MAC5C,OAAO;AAAA,IACT,CAAC;AAED,QAAI,MAAM,QAAQ;AAChB,UAAI,MAAM,WAAW,WAAW;AAC9B,qCAAU;AAAA;AAAA;AAAA;AAAA,aAIL;AAAA,MACP,WAAW,MAAM,WAAW,WAAW;AACrC,qCAAU;AAAA;AAAA;AAAA;AAAA,aAIL;AAAA,MACP;AAEA,cAAQ,KAAK,CAAC;AAAA,IAChB;AAEA,YAAQ,KAAK,MAAM,UAAU,MAAS;AACtC;AAAA,EACF;AAAA,EACA;AACE,iCAAU,mBAAmB,MAAM,IAAI;AACvC,iCAAU,mCAAmC;AAC7C;AACJ;","names":["spawn"]}

package/dist/cjs/client/index.cjs

@@ -26,6 +26,7 @@ __export(client_exports, {
   t: () => import_t.t,
   useDictionary: () => import_useDictionary.useDictionary,
   useIntlayer: () => import_useIntlayer.useIntlayer,
+  useIntlayerAsync: () => import_useIntlayerAsync.useIntlayerAsync,
   useIntlayerContext: () => import_IntlayerProvider.useIntlayerContext,
   useLocale: () => import_useLocale.useLocale,
   useLocaleBase: () => import_useLocaleBase.useLocaleBase,
@@ -35,6 +36,7 @@ __export(client_exports, {
 module.exports = __toCommonJS(client_exports);
 var import_IntlayerProvider = require('./IntlayerProvider.cjs');
 var import_useIntlayer = require('./useIntlayer.cjs');
+var import_useIntlayerAsync = require('./useIntlayerAsync.cjs');
 var import_useDictionary = require('./useDictionary.cjs');
 var import_useLocaleBase = require('./useLocaleBase.cjs');
 var import_useLocale = require('./useLocale.cjs');
@@ -52,6 +54,7 @@ var import_t = require('./t.cjs');
   t,
   useDictionary,
   useIntlayer,
+  useIntlayerAsync,
   useIntlayerContext,
   useLocale,
   useLocaleBase,

package/dist/cjs/client/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export {\n  type IntlayerProviderProps,\n  IntlayerClientContext,\n  useIntlayerContext,\n  IntlayerProvider,\n} from './IntlayerProvider';\nexport { useIntlayer } from './useIntlayer';\nexport { useDictionary } from './useDictionary';\nexport { useLocaleBase } from './useLocaleBase';\nexport { useLocale } from './useLocale';\nexport { useTraduction } from './useTraduction';\nexport {\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n} from './useLocaleCookie';\nexport { getBrowserLocale } from './getBrowserLocale';\nexport { t } from './t';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAKO;AACP,yBAA4B;AAC5B,2BAA8B;AAC9B,2BAA8B;AAC9B,uBAA0B;AAC1B,2BAA8B;AAC9B,6BAIO;AACP,8BAAiC;AACjC,eAAkB;","names":[]}
+{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export {\n  type IntlayerProviderProps,\n  IntlayerClientContext,\n  useIntlayerContext,\n  IntlayerProvider,\n} from './IntlayerProvider';\nexport { useIntlayer } from './useIntlayer';\nexport { useIntlayerAsync } from './useIntlayerAsync';\nexport { useDictionary } from './useDictionary';\nexport { useLocaleBase } from './useLocaleBase';\nexport { useLocale } from './useLocale';\nexport { useTraduction } from './useTraduction';\nexport {\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n} from './useLocaleCookie';\nexport { getBrowserLocale } from './getBrowserLocale';\nexport { t } from './t';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAKO;AACP,yBAA4B;AAC5B,8BAAiC;AACjC,2BAA8B;AAC9B,2BAA8B;AAC9B,uBAA0B;AAC1B,2BAA8B;AAC9B,6BAIO;AACP,8BAAiC;AACjC,eAAkB;","names":[]}

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/useIntlayerAsync.cjs

@@ -0,0 +1,55 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useIntlayerAsync_exports = {};
+__export(useIntlayerAsync_exports, {
+  useIntlayerAsync: () => useIntlayerAsync
+});
+module.exports = __toCommonJS(useIntlayerAsync_exports);
+var import_react = require("react");
+var import_getIntlayer = require('../getIntlayer.cjs');
+var import_getIntlayerAsync = require('../getIntlayerAsync.cjs');
+var import_IntlayerProvider = require('./IntlayerProvider.cjs');
+const useIntlayerAsync = (key, locale, isRenderEditor = true) => {
+  const { locale: currentLocale } = (0, import_react.useContext)(import_IntlayerProvider.IntlayerClientContext);
+  const localeTarget = locale ?? currentLocale;
+  const localeDictionary = (0, import_getIntlayer.getIntlayer)(key, localeTarget, isRenderEditor);
+  const [distantDictionary, setDistantDictionary] = (0, import_react.useState)(void 0);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    setIsLoading(true);
+    (0, import_getIntlayerAsync.getIntlayerAsync)(key).then((distantDictionary2) => {
+      if (distantDictionary2) {
+        setDistantDictionary(distantDictionary2);
+      }
+    }).finally(() => {
+      setIsLoading(false);
+    });
+  }, []);
+  const dictionary = (0, import_react.useMemo)(
+    () => distantDictionary ?? localeDictionary,
+    [distantDictionary, localeDictionary]
+  );
+  return { ...dictionary, isLoading };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIntlayerAsync
+});
+//# sourceMappingURL=useIntlayerAsync.cjs.map

package/dist/cjs/client/useIntlayerAsync.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useIntlayerAsync.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { useContext, useEffect, useMemo, useState } from 'react';\nimport {\n  DataFromDictionaryKey,\n  type DictionaryKeys,\n  getIntlayer,\n} from '../getIntlayer';\nimport { getIntlayerAsync } from '../getIntlayerAsync';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\nexport type UseIntlayerAsync = <\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> & { isLoading: boolean };\n\n/**\n * On the client side, Hook that picking one dictionary by its key and return the content\n *\n * This hook will prerender the locale dictionary and fetch simultaneously the distant dictionaries to hydrate it.\n *\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useIntlayerAsync: UseIntlayerAsync = <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  const localeDictionary = getIntlayer(key, localeTarget, isRenderEditor);\n  const [distantDictionary, setDistantDictionary] = useState<\n    typeof localeDictionary | null | undefined\n  >(undefined);\n  const [isLoading, setIsLoading] = useState(false);\n\n  useEffect(() => {\n    setIsLoading(true);\n\n    getIntlayerAsync(key)\n      .then((distantDictionary) => {\n        if (distantDictionary) {\n          setDistantDictionary(distantDictionary);\n        }\n      })\n      .finally(() => {\n        setIsLoading(false);\n      });\n  }, []);\n\n  const dictionary = useMemo(\n    () => distantDictionary ?? localeDictionary,\n    [distantDictionary, localeDictionary]\n  );\n\n  return { ...dictionary, isLoading };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAyD;AACzD,yBAIO;AACP,8BAAiC;AACjC,8BAAsC;AAoB/B,MAAM,mBAAqC,CAChD,KACA,QACA,iBAAiB,SACd;AACH,QAAM,EAAE,QAAQ,cAAc,QAAI,yBAAW,6CAAqB;AAClE,QAAM,eAAe,UAAU;AAC/B,QAAM,uBAAmB,gCAAY,KAAK,cAAc,cAAc;AACtE,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,uBAEhD,MAAS;AACX,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACd,iBAAa,IAAI;AAEjB,kDAAiB,GAAG,EACjB,KAAK,CAACA,uBAAsB;AAC3B,UAAIA,oBAAmB;AACrB,6BAAqBA,kBAAiB;AAAA,MACxC;AAAA,IACF,CAAC,EACA,QAAQ,MAAM;AACb,mBAAa,KAAK;AAAA,IACpB,CAAC;AAAA,EACL,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAa;AAAA,IACjB,MAAM,qBAAqB;AAAA,IAC3B,CAAC,mBAAmB,gBAAgB;AAAA,EACtC;AAEA,SAAO,EAAE,GAAG,YAAY,UAAU;AACpC;","names":["distantDictionary"]}

package/dist/cjs/distantDictionary/fetchDistantDictionary.cjs

@@ -0,0 +1,59 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var fetchDistantDictionary_exports = {};
+__export(fetchDistantDictionary_exports, {
+  fetchDistantDictionary: () => fetchDistantDictionary
+});
+module.exports = __toCommonJS(fetchDistantDictionary_exports);
+var import_client = require("@intlayer/config/client");
+var import_libs = require("@intlayer/design-system/libs");
+const fetchDistantDictionary = async (dictionaryKey) => {
+  try {
+    const config = (0, import_client.getConfiguration)();
+    const { clientId, clientSecret } = config.editor;
+    const intlayerAPI = (0, import_libs.getIntlayerAPI)(void 0, config);
+    if (!clientId || !clientSecret) {
+      throw new Error(
+        "Missing OAuth2 client ID or client secret. To get access token go to https://intlayer.org/dashboard/project."
+      );
+    }
+    const oAuth2TokenResult = await intlayerAPI.auth.getOAuth2AccessToken();
+    const oAuth2AccessToken = oAuth2TokenResult.data?.accessToken;
+    const getDictionaryResult = await intlayerAPI.dictionary.getDictionary(
+      dictionaryKey,
+      void 0,
+      {
+        headers: { Authorization: `Bearer ${oAuth2AccessToken}` }
+      }
+    );
+    const distantDictionary = getDictionaryResult.data;
+    if (!distantDictionary) {
+      throw new Error(`Dictionary ${dictionaryKey} not found on remote`);
+    }
+    return distantDictionary;
+  } catch (error) {
+    console.error(error);
+    return void 0;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fetchDistantDictionary
+});
+//# sourceMappingURL=fetchDistantDictionary.cjs.map

package/dist/cjs/distantDictionary/fetchDistantDictionary.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/distantDictionary/fetchDistantDictionary.ts"],"sourcesContent":["// @ts-ignore @intlayer/backend not build yet\nimport { type DictionaryAPI } from '@intlayer/backend';\nimport { getConfiguration } from '@intlayer/config/client';\n// @ts-ignore @intlayer/design-system not build yet\nimport { getIntlayerAPI } from '@intlayer/design-system/libs';\n\n/**\n * Fetch distant dictionary\n */\nexport const fetchDistantDictionary = async (\n  dictionaryKey: string\n): Promise<DictionaryAPI> => {\n  try {\n    const config = getConfiguration();\n    const { clientId, clientSecret } = config.editor;\n    const intlayerAPI = getIntlayerAPI(undefined, config);\n\n    if (!clientId || !clientSecret) {\n      throw new Error(\n        'Missing OAuth2 client ID or client secret. To get access token go to https://intlayer.org/dashboard/project.'\n      );\n    }\n\n    const oAuth2TokenResult = await intlayerAPI.auth.getOAuth2AccessToken();\n\n    const oAuth2AccessToken = oAuth2TokenResult.data?.accessToken;\n\n    // Fetch the dictionary\n    const getDictionaryResult = await intlayerAPI.dictionary.getDictionary(\n      dictionaryKey,\n      undefined,\n      {\n        headers: { Authorization: `Bearer ${oAuth2AccessToken}` },\n      }\n    );\n\n    const distantDictionary = getDictionaryResult.data;\n\n    if (!distantDictionary) {\n      throw new Error(`Dictionary ${dictionaryKey} not found on remote`);\n    }\n\n    return distantDictionary;\n  } catch (error) {\n    console.error(error);\n    return undefined;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oBAAiC;AAEjC,kBAA+B;AAKxB,MAAM,yBAAyB,OACpC,kBAC2B;AAC3B,MAAI;AACF,UAAM,aAAS,gCAAiB;AAChC,UAAM,EAAE,UAAU,aAAa,IAAI,OAAO;AAC1C,UAAM,kBAAc,4BAAe,QAAW,MAAM;AAEpD,QAAI,CAAC,YAAY,CAAC,cAAc;AAC9B,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAEA,UAAM,oBAAoB,MAAM,YAAY,KAAK,qBAAqB;AAEtE,UAAM,oBAAoB,kBAAkB,MAAM;AAGlD,UAAM,sBAAsB,MAAM,YAAY,WAAW;AAAA,MACvD;AAAA,MACA;AAAA,MACA;AAAA,QACE,SAAS,EAAE,eAAe,UAAU,iBAAiB,GAAG;AAAA,MAC1D;AAAA,IACF;AAEA,UAAM,oBAAoB,oBAAoB;AAE9C,QAAI,CAAC,mBAAmB;AACtB,YAAM,IAAI,MAAM,cAAc,aAAa,sBAAsB;AAAA,IACnE;AAEA,WAAO;AAAA,EACT,SAAS,OAAO;AACd,YAAQ,MAAM,KAAK;AACnB,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/cjs/editor/ContentSelectorWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { type KeyPath } from '@intlayer/core';\nimport { type FC, type ReactNode } from 'react';\n\nexport type ContentSelectorWrapperProps = {\n  children: ReactNode;\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n};\n\nexport const ContentSelectorWrapper: FC<ContentSelectorWrapperProps> = ({\n  children,\n}) => <>{children}</>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcM;AAFC,MAAM,yBAA0D,CAAC;AAAA,EACtE;AACF,MAAM,2EAAG,UAAS;","names":[]}
+{"version":3,"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { type KeyPath } from '@intlayer/core';\nimport { type FC, type ReactNode } from 'react';\n\nexport type ContentSelectorWrapperProps = {\n  children: ReactNode;\n  dictionaryKey: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n};\n\nexport const ContentSelectorWrapper: FC<ContentSelectorWrapperProps> = ({\n  children,\n}) => <>{children}</>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcM;AAFC,MAAM,yBAA0D,CAAC;AAAA,EACtE;AACF,MAAM,2EAAG,UAAS;","names":[]}

package/dist/cjs/editor/IntlayerEditorProvider.cjs

@@ -22,8 +22,12 @@ __export(IntlayerEditorProvider_exports, {
 });
 module.exports = __toCommonJS(IntlayerEditorProvider_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_PoweredByMeta = require('../utils/PoweredByMeta/index.cjs');
 var import_ContentSelectorConnector = require('./ContentSelectorConnector.cjs');
-const IntlayerEditorProvider = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ContentSelectorConnector.ContentSelectorProvider, { children });
+const IntlayerEditorProvider = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ContentSelectorConnector.ContentSelectorProvider, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PoweredByMeta.PoweredByMeta, {}),
+  children
+] });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   IntlayerEditorProvider

package/dist/cjs/editor/IntlayerEditorProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/IntlayerEditorProvider.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\nimport { ContentSelectorProvider } from './ContentSelectorConnector';\n\nexport const IntlayerEditorProvider: FC<PropsWithChildren> = ({ children }) => (\n  <ContentSelectorProvider>{children}</ContentSelectorProvider>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIE;AAHF,sCAAwC;AAEjC,MAAM,yBAAgD,CAAC,EAAE,SAAS,MACvE,4CAAC,2DAAyB,UAAS;","names":[]}
+{"version":3,"sources":["../../../src/editor/IntlayerEditorProvider.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\nimport { PoweredByMeta } from '../utils/PoweredByMeta/index';\nimport { ContentSelectorProvider } from './ContentSelectorConnector';\n\nexport const IntlayerEditorProvider: FC<PropsWithChildren> = ({ children }) => (\n  <ContentSelectorProvider>\n    <PoweredByMeta />\n    {children}\n  </ContentSelectorProvider>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKE;AAJF,2BAA8B;AAC9B,sCAAwC;AAEjC,MAAM,yBAAgD,CAAC,EAAE,SAAS,MACvE,6CAAC,2DACC;AAAA,8CAAC,sCAAc;AAAA,EACd;AAAA,GACH;","names":[]}

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  dictionaryKey: 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 (typeof value.dictionaryKey !== "undefined") {
+      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.dictionaryKey !== '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,kBAAkB,aAAa;AAC9C,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 */\nexport type 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/getIntlayerAsync.cjs

@@ -0,0 +1,42 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var getIntlayerAsync_exports = {};
+__export(getIntlayerAsync_exports, {
+  getIntlayerAsync: () => getIntlayerAsync
+});
+module.exports = __toCommonJS(getIntlayerAsync_exports);
+var import_fetchDistantDictionary = require('./distantDictionary/fetchDistantDictionary.cjs');
+var import_getDictionary = require('./getDictionary.cjs');
+const getIntlayerAsync = async (key, locale, isRenderEditor = true) => {
+  const jsonDistantDictionary = await (0, import_fetchDistantDictionary.fetchDistantDictionary)(key);
+  if (jsonDistantDictionary) {
+    return (0, import_getDictionary.getDictionary)(
+      jsonDistantDictionary,
+      locale,
+      isRenderEditor
+    );
+  }
+  return null;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getIntlayerAsync
+});
+//# sourceMappingURL=getIntlayerAsync.cjs.map

package/dist/cjs/getIntlayerAsync.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/getIntlayerAsync.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { DeclarationContent } from 'intlayer';\nimport { fetchDistantDictionary } from './distantDictionary/fetchDistantDictionary';\nimport { getDictionary } from './getDictionary';\nimport { DictionaryKeys, DataFromDictionaryKey } from './getIntlayer';\n\nexport type GetIntlayerAsync = <\n  T extends DictionaryKeys,\n  L extends Locales,\n  R extends boolean = true,\n>(\n  key: T,\n  locale?: L,\n  isRenderEditor?: R\n) => Promise<DataFromDictionaryKey<T, L, R> | null>;\n\n/**\n * On the client side, Hook that picking one dictionary by its key and return the content\n *\n * This hook will prerender the locale dictionary and fetch simultaneously the distant dictionaries to hydrate it.\n *\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const getIntlayerAsync: GetIntlayerAsync = async <\n  T extends DictionaryKeys,\n  L extends Locales,\n  R extends boolean = true,\n>(\n  key: T,\n  locale?: L,\n  isRenderEditor = true as R\n) => {\n  const jsonDistantDictionary = await fetchDistantDictionary(key);\n\n  if (jsonDistantDictionary) {\n    return getDictionary(\n      jsonDistantDictionary as unknown as DeclarationContent,\n      locale,\n      isRenderEditor\n    ) as DataFromDictionaryKey<T, L, R>;\n  }\n\n  return null;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,oCAAuC;AACvC,2BAA8B;AAqBvB,MAAM,mBAAqC,OAKhD,KACA,QACA,iBAAiB,SACd;AACH,QAAM,wBAAwB,UAAM,sDAAuB,GAAG;AAE9D,MAAI,uBAAuB;AACzB,eAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/cjs/index.cjs

@@ -21,12 +21,15 @@ __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,
   t: () => import_client.t,
   useDictionary: () => import_client.useDictionary,
   useIntlayer: () => import_client.useIntlayer,
+  useIntlayerAsync: () => import_client.useIntlayerAsync,
   useIntlayerContext: () => import_client.useIntlayerContext,
   useLocale: () => import_client.useLocale,
   useLocaleBase: () => import_client.useLocaleBase,
@@ -36,17 +39,22 @@ __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,
   t,
   useDictionary,
   useIntlayer,
+  useIntlayerAsync,
   useIntlayerContext,
   useLocale,
   useLocaleBase,

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  useIntlayerAsync,\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;AAAA,4BAA+B;AAC/B,oBAgBO;AACP,2BAA8B;AAC9B,yBAA4B;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/processDictionary/contentDictionary.ts"],"sourcesContent":["import type { KeyPath, Locales } from '@intlayer/core';\nimport type { ReactNode } from 'react';\n\nexport type TransformedContentValue =\n  | string\n  | ReactNode\n  | {\n      [key: string]: TransformedContentValue;\n    }\n  | undefined\n  | ((quantity: number) => TransformedContentValue);\n\nexport type TransformedContentObject = {\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n  locale: Locales;\n  content: TransformedContentValue | TransformedContentValue[] | undefined;\n};\n\nexport type TransformedContent =\n  | Record<\n      string,\n      | TransformedContentValue\n      | TransformedContentValue[]\n      | TransformedContentObject\n      | undefined\n    >\n  | ReactNode;\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../../src/processDictionary/contentDictionary.ts"],"sourcesContent":["import type { KeyPath, Locales } from '@intlayer/core';\nimport type { ReactNode } from 'react';\n\nexport type TransformedContentValue =\n  | string\n  | ReactNode\n  | {\n      [key: string]: TransformedContentValue;\n    }\n  | undefined\n  | ((quantity: number) => TransformedContentValue);\n\nexport type TransformedContentObject = {\n  dictionaryKey: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n  locale: Locales;\n  content: TransformedContentValue | TransformedContentValue[] | undefined;\n};\n\nexport type TransformedContent =\n  | Record<\n      string,\n      | TransformedContentValue\n      | TransformedContentValue[]\n      | TransformedContentObject\n      | undefined\n    >\n  | ReactNode;\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}