react-intlayer 1.2.0 → 2.0.0

package/dist/esm/client/index.mjs

@@ -1,9 +1,11 @@
+import "../chunk-ZNCO4QRF.mjs";
 import {
   IntlayerClientContext,
   useIntlayerContext,
   IntlayerClientProvider
 } from './IntlayerClientProvider.mjs';
 import { useIntlayer } from './useIntlayer.mjs';
+import { useLocaleBase } from './useLocaleBase.mjs';
 import { useLocale } from './useLocale.mjs';
 import { useTraduction } from './useTraduction.mjs';
 import {
@@ -11,14 +13,17 @@ import {
   localeCookie,
   setLocaleCookie
 } from './useLocaleCookie.mjs';
+import { getBrowserLocale } from './getBrowserLocale.mjs';
 export {
   IntlayerClientContext as IntlayerClient,
   IntlayerClientProvider,
+  getBrowserLocale,
   localeCookie,
   setLocaleCookie,
   useIntlayer,
   useIntlayerContext,
   useLocale,
+  useLocaleBase,
   useLocaleCookie,
   useTraduction
 };

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

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

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

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

package/dist/esm/client/useContent.mjs

@@ -1,7 +1,8 @@
-import { useLocale } from './useLocale.mjs';
+import "../chunk-ZNCO4QRF.mjs";
+import { useLocaleBase } from './useLocaleBase.mjs';
 import { useTraduction } from './useTraduction.mjs';
 const useContent = (languageContent) => {
-  const { locale } = useLocale();
+  const { locale } = useLocaleBase();
   const content = useTraduction(languageContent);
   return {
     locale,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useContent.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useLocale } from './useLocale';\nimport { useTraduction } from './useTraduction';\n\n/**\n * On the client side, hook to get the translation content based on the locale\n */\nexport const useContent = <Content>(\n  languageContent: LanguageContent<Content>\n) => {\n  const { locale } = useLocale();\n\n  const content = useTraduction(languageContent);\n\n  return {\n    locale,\n    content,\n    t: useTraduction,\n  };\n};\n"],"mappings":"AACA,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAKvB,MAAM,aAAa,CACxB,oBACG;AACH,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,QAAM,UAAU,cAAc,eAAe;AAE7C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACF;","names":[]}
+{"version":3,"sources":["../../../src/client/useContent.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useLocaleBase } from './useLocaleBase';\nimport { useTraduction } from './useTraduction';\n\n/**\n * On the client side, hook to get the translation content based on the locale\n */\nexport const useContent = <Content>(\n  languageContent: LanguageContent<Content>\n) => {\n  const { locale } = useLocaleBase();\n\n  const content = useTraduction(languageContent);\n\n  return {\n    locale,\n    content,\n    t: useTraduction,\n  };\n};\n"],"mappings":";AACA,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAKvB,MAAM,aAAa,CACxB,oBACG;AACH,QAAM,EAAE,OAAO,IAAI,cAAc;AAEjC,QAAM,UAAU,cAAc,eAAe;AAE7C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACF;","names":[]}

package/dist/esm/client/useIntlayer.mjs

@@ -1,4 +1,5 @@
 "use client";
+import "../chunk-ZNCO4QRF.mjs";
 import { useContext } from "react";
 import {
   useIntlayerBase

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

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

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

@@ -8,6 +8,7 @@ declare const useLocale: () => {
     defaultLocale: _intlayer_config_client.Locales;
     availableLocales: _intlayer_config_client.Locales[];
     localeList: _intlayer_config_client.Locales[];
+    setLocale: (newLocale: _intlayer_config_client.Locales) => void;
 };
 
 export { useLocale };

package/dist/esm/client/useLocale.mjs

@@ -1,11 +1,12 @@
 "use client";
-import { intlayerIntlConfiguration } from "@intlayer/config/client";
+import "../chunk-ZNCO4QRF.mjs";
+import { getConfiguration } from "@intlayer/config/client";
 import { localeList } from "@intlayer/core";
 import { useContext } from "react";
 import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
-const { defaultLocale, locales: availableLocales } = intlayerIntlConfiguration;
 const useLocale = () => {
-  const { locale } = useContext(IntlayerClientContext);
+  const { defaultLocale, locales: availableLocales } = getConfiguration().internationalization;
+  const { locale, setLocale } = useContext(IntlayerClientContext);
   return {
     locale,
     // Current locale
@@ -13,8 +14,10 @@ const useLocale = () => {
     // Principal locale defined in config
     availableLocales,
     // List of the available locales defined in config
-    localeList
+    localeList,
     // List of all available locales
+    setLocale
+    // Function to set the locale
   };
 };
 export {

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

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

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

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

package/dist/esm/client/useLocaleBase.mjs

@@ -0,0 +1,26 @@
+"use client";
+import "../chunk-ZNCO4QRF.mjs";
+import { getConfiguration } from "@intlayer/config/client";
+import { localeList } from "@intlayer/core";
+import { useContext } from "react";
+import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
+const { defaultLocale, locales: availableLocales } = getConfiguration().internationalization;
+const useLocaleBase = () => {
+  const { locale, setLocale } = useContext(IntlayerClientContext);
+  return {
+    locale,
+    // Current locale
+    defaultLocale,
+    // Principal locale defined in config
+    availableLocales,
+    // List of the available locales defined in config
+    localeList,
+    // List of all available locales
+    setLocale
+    // Function to set the locale
+  };
+};
+export {
+  useLocaleBase
+};
+//# sourceMappingURL=useLocaleBase.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useLocaleBase.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\n\nconst { defaultLocale, locales: availableLocales } =\n  getConfiguration().internationalization;\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocaleBase = () => {\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAEA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAEtC,MAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AAKd,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,QAAQ,UAAU,IAAI,WAAW,qBAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}

package/dist/esm/client/useLocaleCookie.mjs

@@ -1,8 +1,7 @@
-import {
-  intlayerMiddlewareConfiguration
-} from "@intlayer/config/client";
+import "../chunk-ZNCO4QRF.mjs";
+import { getConfiguration } from "@intlayer/config/client";
 import Cookies from "js-cookie";
-const { cookieName } = intlayerMiddlewareConfiguration;
+const { cookieName } = getConfiguration().middleware;
 const cookieAttributes = {
   path: "/",
   expires: void 0,

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

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

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

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

package/dist/esm/client/useTraduction.mjs

@@ -1,3 +1,4 @@
+import "../chunk-ZNCO4QRF.mjs";
 import { useContext } from "react";
 import { getTranslation } from '../getTranslation.mjs';
 import { IntlayerClientContext } from './IntlayerClientProvider.mjs';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { getTranslation } from '../getTranslation';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * const content = getTranslation<string>({\n * en: 'Hello',\n * fr: 'Bonjour',\n * },\n * 'fr');\n * // 'Bonjour'\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTraduction = <Content = string>(\n  languageContent: LanguageContent<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return getTranslation(languageContent, locale);\n};\n"],"mappings":"AACA,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AAsB/B,MAAM,gBAAgB,CAC3B,oBACY;AACZ,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO,eAAe,iBAAiB,MAAM;AAC/C;","names":[]}
+{"version":3,"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { getTranslation } from '../getTranslation';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTraduction<string>({\n *  en: 'Hello',\n *  fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTraduction = <Content = string>(\n  languageContent: LanguageContent<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return getTranslation(languageContent, locale);\n};\n"],"mappings":";AACA,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AAuB/B,MAAM,gBAAgB,CAC3B,oBACY;AACZ,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO,eAAe,iBAAiB,MAAM;AAC/C;","names":[]}

package/dist/esm/craco/craco.config.d.mts

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

package/dist/esm/craco/craco.config.mjs

@@ -0,0 +1,17 @@
+import {
+  __commonJS
+} from '../chunk-ZNCO4QRF.mjs';
+import * as intlayerPlugin from './intlayerCracoPlugin.mjs';
+var require_craco_config = __commonJS({
+  "src/craco/craco.config.ts"(exports, module) {
+    module.exports = {
+      plugins: [
+        {
+          plugin: intlayerPlugin
+        }
+      ]
+    };
+  }
+});
+export default require_craco_config();
+//# sourceMappingURL=craco.config.mjs.map

package/dist/esm/craco/craco.config.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/craco/craco.config.ts"],"sourcesContent":["import type { CracoConfig } from '@craco/types';\nimport * as intlayerPlugin from './intlayerCracoPlugin';\n\n// Usage Example\nmodule.exports = {\n  plugins: [\n    {\n      plugin: intlayerPlugin,\n    },\n  ],\n} satisfies CracoConfig;\n"],"mappings":";;;AACA,YAAY,oBAAoB;AADhC;AAAA;AAIA,WAAO,UAAU;AAAA,MACf,SAAS;AAAA,QACP;AAAA,UACE,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA;AAAA;","names":[]}

package/dist/esm/craco/intlayerCracoPlugin.d.mts

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

package/dist/esm/craco/intlayerCracoPlugin.mjs

@@ -0,0 +1,54 @@
+import "../chunk-ZNCO4QRF.mjs";
+import { resolve, relative, join } from "path";
+import { getConfiguration, formatEnvVariable } from "@intlayer/config";
+import { IntLayerPlugin as IntLayerWebpackPlugin } from "@intlayer/webpack";
+import webpack from "webpack";
+const intlayerConfig = getConfiguration();
+const env = formatEnvVariable("react_app");
+const overrideWebpackConfig = ({
+  webpackConfig
+}) => {
+  webpackConfig.externals = {
+    ...typeof webpackConfig.externals === "object" ? webpackConfig.externals : {},
+    esbuild: "esbuild",
+    module: "module",
+    fs: "fs",
+    vm: "vm"
+  };
+  (webpackConfig.module?.rules ?? []).push({
+    test: /\.node$/,
+    use: "node-loader"
+  });
+  return webpackConfig;
+};
+const overrideCracoConfig = ({
+  cracoConfig
+}) => {
+  const { mainDir, baseDir } = intlayerConfig.content;
+  const dictionariesPath = join(mainDir, "dictionaries.mjs");
+  const relativeDictionariesPath = relative(baseDir, dictionariesPath);
+  return {
+    ...cracoConfig,
+    webpack: {
+      ...cracoConfig.webpack,
+      plugins: {
+        ...cracoConfig.webpack?.plugins,
+        add: [new webpack.EnvironmentPlugin(env), new IntLayerWebpackPlugin()]
+      },
+      alias: {
+        ...cracoConfig.webpack?.alias,
+        "@intlayer/dictionaries-entry": resolve("./", relativeDictionariesPath)
+      }
+    }
+  };
+};
+const plugin = {
+  overrideCracoConfig,
+  overrideWebpackConfig
+};
+export {
+  overrideCracoConfig,
+  overrideWebpackConfig,
+  plugin
+};
+//# sourceMappingURL=intlayerCracoPlugin.mjs.map

package/dist/esm/craco/intlayerCracoPlugin.mjs.map

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

package/dist/esm/getEnumeration.d.mts

@@ -7,22 +7,25 @@ import { QuantityContent } from '@intlayer/core';
  *
  * Usage:
  *
+ * ```ts
  * const content = getEnumeration({
  *  '<=-2.3': 'You have less than -2.3',
  *  '<1': 'You have less than one',
  *  '2': 'You have two',
  *  '>=3': 'You have three or more',
- * },
- * 2);
+ * }, 2);
  * // 'You have two'
+ * ```
  *
  * The order of the keys will define the priority of the content.
  *
+ * ```ts
  * const content = getEnumeration({
- * '<4': 'You have less than four',
- * '2': 'You have two',
- * });
+ *  '<4': 'You have less than four',
+ *  '2': 'You have two',
+ * }, 2);
  * // 'You have less than four'
+ * ```
  *
  */
 declare const getEnumeration: <Content>(enumerationContent: QuantityContent<Content>, quantity: number) => Content;

package/dist/esm/getEnumeration.mjs

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

package/dist/esm/getEnumeration.mjs.map

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

package/dist/esm/getTranslation.d.mts

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

package/dist/esm/getTranslation.mjs

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

package/dist/esm/getTranslation.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/getTranslation.ts"],"sourcesContent":["import {\n  type Locales,\n  intlayerIntlConfiguration,\n} from '@intlayer/config/client';\nimport { type LanguageContent, getTranslationContent } from '@intlayer/core';\nimport { contentRender } from './ContentEditor/contentRender';\n\n/**\n *\n * Allow to pick a content based on a locale.\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * const content = getTranslation<string>({\n * en: 'Hello',\n * fr: 'Bonjour',\n * },\n * 'fr');\n * // 'Bonjour'\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const getTranslation = <Content = string>(\n  languageContent: LanguageContent<Content>,\n  locale?: Locales\n): Content => {\n  const { defaultLocale } = intlayerIntlConfiguration;\n\n  const result: Content = getTranslationContent<Content>(\n    languageContent,\n    locale ?? defaultLocale\n  );\n\n  if (typeof result === 'string') {\n    return contentRender(result) as Content;\n  }\n\n  return result;\n};\n"],"mappings":"AAAA;AAAA,EAEE;AAAA,OACK;AACP,SAA+B,6BAA6B;AAC5D,SAAS,qBAAqB;AAsBvB,MAAM,iBAAiB,CAC5B,iBACA,WACY;AACZ,QAAM,EAAE,cAAc,IAAI;AAE1B,QAAM,SAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,EACZ;AAEA,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO,cAAc,MAAM;AAAA,EAC7B;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/getTranslation.ts"],"sourcesContent":["import { type Locales, getConfiguration } from '@intlayer/config/client';\nimport { type LanguageContent, getTranslationContent } from '@intlayer/core';\n\n/**\n *\n * Allow to pick a content based on a locale.\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```ts\n * const content = getTranslation<string>({\n * en: 'Hello',\n * fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const getTranslation = <Content = string>(\n  languageContent: LanguageContent<Content>,\n  locale?: Locales\n): Content => {\n  const { defaultLocale } = getConfiguration().internationalization;\n\n  const result: Content = getTranslationContent<Content>(\n    languageContent,\n    locale ?? defaultLocale\n  );\n\n  return result;\n};\n"],"mappings":";AAAA,SAAuB,wBAAwB;AAC/C,SAA+B,6BAA6B;AAuBrD,MAAM,iBAAiB,CAC5B,iBACA,WACY;AACZ,QAAM,EAAE,cAAc,IAAI,iBAAiB,EAAE;AAE7C,QAAM,SAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,EACZ;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/index.d.mts

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

package/dist/esm/index.mjs

@@ -1,3 +1,4 @@
+import "./chunk-ZNCO4QRF.mjs";
 import { getTranslation } from './getTranslation.mjs';
 import {
   IntlayerClientProvider,
@@ -7,16 +8,20 @@ import {
   useTraduction,
   useLocaleCookie,
   localeCookie,
-  setLocaleCookie
+  setLocaleCookie,
+  getBrowserLocale,
+  useLocaleBase
 } from './client/index.mjs';
 export {
   IntlayerClient,
   IntlayerClientProvider,
+  getBrowserLocale,
   getTranslation,
   localeCookie,
   setLocaleCookie,
   useIntlayer,
   useLocale,
+  useLocaleBase,
   useLocaleCookie,
   useTraduction
 };

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getTranslation } from './getTranslation';\nexport {\n  IntlayerClientProvider,\n  type IntlayerClientProviderProps,\n  IntlayerClient,\n  useIntlayer,\n  useLocale,\n  useTraduction,\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n} from './client/index';\nexport {} from './client/useLocaleCookie';\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EAEA;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  IntlayerClientProvider,\n  type IntlayerClientProviderProps,\n  IntlayerClient,\n  useIntlayer,\n  useLocale,\n  useTraduction,\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n  getBrowserLocale,\n  useLocaleBase,\n} from './client/index';\n"],"mappings":";AAAA,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

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

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

package/dist/esm/processDictionary/contentDictionary.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

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