react-intlayer 2.0.1 → 2.0.3

package/dist/cjs/client/ContentEditionLayout.cjs

@@ -22,13 +22,17 @@ __export(ContentEditionLayout_exports, {
 });
 module.exports = __toCommonJS(ContentEditionLayout_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_client = require("@intlayer/config/client");
-var import_client2 = require("intlayer-editor/client");
-const {
-  editor: { enabled }
-} = (0, import_client.getConfiguration)();
+var import_module = require("module");
+const import_meta = {};
 const BlankLayout = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
-const ContentEditionLayout = typeof import_client2.ContentEditionLayout === "undefined" || !enabled ? BlankLayout : import_client2.ContentEditionLayout;
+const requireFunction = (packagePath) => {
+  try {
+    return typeof import_meta.url === "undefined" ? require(packagePath) : (0, import_module.createRequire)(import_meta.url)(packagePath);
+  } catch (error) {
+    return void 0;
+  }
+};
+const ContentEditionLayout = typeof requireFunction("intlayer-editor/client")?.ContentEditionLayoutBase === "undefined" ? BlankLayout : requireFunction("intlayer-editor/client").ContentEditionLayoutBase;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ContentEditionLayout

package/dist/cjs/client/ContentEditionLayout.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ContentEditionLayout.tsx"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport {\n  ContentEditionLayout as ContentEditionLayoutBase,\n  type ContentEditionLayoutProps,\n} from 'intlayer-editor/client';\nimport type { FC } from 'react';\n\nconst {\n  editor: { enabled },\n} = getConfiguration();\n\nconst BlankLayout: FC<ContentEditionLayoutProps> = ({ children }) => (\n  <>{children}</>\n);\n\n// intlayer-editor is an optional dependency. If it's not installed, return the blank layout\nexport const ContentEditionLayout: FC<ContentEditionLayoutProps> =\n  typeof ContentEditionLayoutBase === 'undefined' || !enabled\n    ? BlankLayout\n    : ContentEditionLayoutBase;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYE;AAZF,oBAAiC;AACjC,IAAAA,iBAGO;AAGP,MAAM;AAAA,EACJ,QAAQ,EAAE,QAAQ;AACpB,QAAI,gCAAiB;AAErB,MAAM,cAA6C,CAAC,EAAE,SAAS,MAC7D,2EAAG,UAAS;AAIP,MAAM,uBACX,OAAO,eAAAC,yBAA6B,eAAe,CAAC,UAChD,cACA,eAAAA;","names":["import_client","ContentEditionLayoutBase"]}
+{"version":3,"sources":["../../../src/client/ContentEditionLayout.tsx"],"sourcesContent":["import { createRequire } from 'module';\nimport type { ContentEditionLayoutProps } from 'intlayer-editor/client';\nimport type { FC } from 'react';\n\nconst BlankLayout: FC<ContentEditionLayoutProps> = ({ children }) => (\n  <>{children}</>\n);\n\nconst requireFunction = (packagePath: string) => {\n  try {\n    return typeof import.meta.url === 'undefined'\n      ? require(packagePath)\n      : createRequire(import.meta.url)(packagePath);\n  } catch (error) {\n    return undefined;\n  }\n};\n// intlayer-editor is an optional dependency. If it's not installed, return the blank layout\nexport const ContentEditionLayout: FC<ContentEditionLayoutProps> =\n  typeof requireFunction('intlayer-editor/client')?.ContentEditionLayoutBase ===\n  'undefined'\n    ? BlankLayout\n    : requireFunction('intlayer-editor/client').ContentEditionLayoutBase;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKE;AALF,oBAA8B;AAA9B;AAIA,MAAM,cAA6C,CAAC,EAAE,SAAS,MAC7D,2EAAG,UAAS;AAGd,MAAM,kBAAkB,CAAC,gBAAwB;AAC/C,MAAI;AACF,WAAO,OAAO,YAAY,QAAQ,cAC9B,QAAQ,WAAW,QACnB,6BAAc,YAAY,GAAG,EAAE,WAAW;AAAA,EAChD,SAAS,OAAO;AACd,WAAO;AAAA,EACT;AACF;AAEO,MAAM,uBACX,OAAO,gBAAgB,wBAAwB,GAAG,6BAClD,cACI,cACA,gBAAgB,wBAAwB,EAAE;","names":[]}

package/dist/cjs/client/IntlayerProvider.cjs

@@ -37,7 +37,8 @@ const useIntlayerContext = () => (0, import_react.useContext)(IntlayerClientCont
 const IntlayerProvider = ({
   locale,
   children,
-  setLocale: setLocaleProp
+  setLocale: setLocaleProp,
+  editorEnabled
 }) => {
   const { defaultLocale, locales: availableLocales } = (0, import_client.getConfiguration)().internationalization;
   const [currentLocale, setCurrentLocale] = (0, import_react.useState)(
@@ -45,8 +46,7 @@ const IntlayerProvider = ({
   );
   const setLocaleBase = (0, import_react.useCallback)(
     (newLocale) => {
-      if (currentLocale.toString() === newLocale.toString())
-        return;
+      if (currentLocale.toString() === newLocale.toString()) return;
       if (!availableLocales.includes(newLocale)) {
         console.error(`Locale ${locale} is not available`);
         return;
@@ -67,6 +67,7 @@ const IntlayerProvider = ({
       locale: currentLocale,
       setLocale,
       localeList: availableLocales,
+      editorEnabled,
       children
     }
   ) });

package/dist/cjs/client/IntlayerProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/IntlayerProvider.tsx"],"sourcesContent":["'use client';\n\nimport { getConfiguration, type Locales } from '@intlayer/config/client';\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n  type FC,\n  useState,\n  useCallback,\n} from 'react';\nimport { ContentEditionLayout } from './ContentEditionLayout';\nimport { localeCookie, setLocaleCookie } from './useLocaleCookie';\n\ntype IntlayerValue = {\n  locale: Locales;\n  setLocale: (newLocale: Locales) => void;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerClientContext = createContext<IntlayerValue>({\n  locale: localeCookie ?? getConfiguration().internationalization.defaultLocale,\n  setLocale: () => null,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerContext = () => useContext(IntlayerClientContext);\n\nexport type IntlayerProviderProps = PropsWithChildren & {\n  locale?: Locales;\n  setLocale?: (locale: Locales) => void;\n};\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerProvider: FC<IntlayerProviderProps> = ({\n  locale,\n  children,\n  setLocale: setLocaleProp,\n}) => {\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n\n  const [currentLocale, setCurrentLocale] = useState(\n    locale ?? localeCookie ?? defaultLocale\n  );\n\n  const setLocaleBase = useCallback(\n    (newLocale: Locales) => {\n      if (currentLocale.toString() === newLocale.toString()) return;\n\n      if (!availableLocales.includes(newLocale)) {\n        console.error(`Locale ${locale} is not available`);\n        return;\n      }\n\n      setCurrentLocale(newLocale); // Update state\n      setLocaleCookie(newLocale); // Optionally set cookie for persistence\n    },\n    [availableLocales, currentLocale, locale]\n  );\n\n  const setLocale = setLocaleProp ?? setLocaleBase;\n\n  const value: IntlayerValue = useMemo<IntlayerValue>(\n    () => ({ locale: currentLocale, setLocale: setLocale }),\n    [currentLocale, setLocale]\n  );\n\n  return (\n    <IntlayerClientContext.Provider value={value}>\n      <ContentEditionLayout\n        locale={currentLocale}\n        setLocale={setLocale}\n        localeList={availableLocales}\n      >\n        {children}\n      </ContentEditionLayout>\n    </IntlayerClientContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6EM;AA3EN,oBAA+C;AAC/C,mBAQO;AACP,kCAAqC;AACrC,6BAA8C;AAUvC,MAAM,4BAAwB,4BAA6B;AAAA,EAChE,QAAQ,2CAAgB,gCAAiB,EAAE,qBAAqB;AAAA,EAChE,WAAW,MAAM;AACnB,CAAC;AAKM,MAAM,qBAAqB,UAAM,yBAAW,qBAAqB;AAUjE,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA,WAAW;AACb,MAAM;AACJ,QAAM,EAAE,eAAe,SAAS,iBAAiB,QAC/C,gCAAiB,EAAE;AAErB,QAAM,CAAC,eAAe,gBAAgB,QAAI;AAAA,IACxC,UAAU,uCAAgB;AAAA,EAC5B;AAEA,QAAM,oBAAgB;AAAA,IACpB,CAAC,cAAuB;AACtB,UAAI,cAAc,SAAS,MAAM,UAAU,SAAS;AAAG;AAEvD,UAAI,CAAC,iBAAiB,SAAS,SAAS,GAAG;AACzC,gBAAQ,MAAM,UAAU,MAAM,mBAAmB;AACjD;AAAA,MACF;AAEA,uBAAiB,SAAS;AAC1B,kDAAgB,SAAS;AAAA,IAC3B;AAAA,IACA,CAAC,kBAAkB,eAAe,MAAM;AAAA,EAC1C;AAEA,QAAM,YAAY,iBAAiB;AAEnC,QAAM,YAAuB;AAAA,IAC3B,OAAO,EAAE,QAAQ,eAAe,UAAqB;AAAA,IACrD,CAAC,eAAe,SAAS;AAAA,EAC3B;AAEA,SACE,4CAAC,sBAAsB,UAAtB,EAA+B,OAC9B;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA,YAAY;AAAA,MAEX;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/client/IntlayerProvider.tsx"],"sourcesContent":["'use client';\n\nimport { getConfiguration, type Locales } from '@intlayer/config/client';\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n  type FC,\n  useState,\n  useCallback,\n} from 'react';\nimport { ContentEditionLayout } from './ContentEditionLayout';\nimport { localeCookie, setLocaleCookie } from './useLocaleCookie';\n\ntype IntlayerValue = {\n  locale: Locales;\n  setLocale: (newLocale: Locales) => void;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerClientContext = createContext<IntlayerValue>({\n  locale: localeCookie ?? getConfiguration().internationalization.defaultLocale,\n  setLocale: () => null,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerContext = () => useContext(IntlayerClientContext);\n\nexport type IntlayerProviderProps = PropsWithChildren & {\n  locale?: Locales;\n  setLocale?: (locale: Locales) => void;\n  editorEnabled?: boolean;\n};\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerProvider: FC<IntlayerProviderProps> = ({\n  locale,\n  children,\n  setLocale: setLocaleProp,\n  editorEnabled,\n}) => {\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n\n  const [currentLocale, setCurrentLocale] = useState(\n    locale ?? localeCookie ?? defaultLocale\n  );\n\n  const setLocaleBase = useCallback(\n    (newLocale: Locales) => {\n      if (currentLocale.toString() === newLocale.toString()) return;\n\n      if (!availableLocales.includes(newLocale)) {\n        console.error(`Locale ${locale} is not available`);\n        return;\n      }\n\n      setCurrentLocale(newLocale); // Update state\n      setLocaleCookie(newLocale); // Optionally set cookie for persistence\n    },\n    [availableLocales, currentLocale, locale]\n  );\n\n  const setLocale = setLocaleProp ?? setLocaleBase;\n\n  const value: IntlayerValue = useMemo<IntlayerValue>(\n    () => ({ locale: currentLocale, setLocale: setLocale }),\n    [currentLocale, setLocale]\n  );\n\n  return (\n    <IntlayerClientContext.Provider value={value}>\n      <ContentEditionLayout\n        locale={currentLocale}\n        setLocale={setLocale}\n        localeList={availableLocales}\n        editorEnabled={editorEnabled}\n      >\n        {children}\n      </ContentEditionLayout>\n    </IntlayerClientContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+EM;AA7EN,oBAA+C;AAC/C,mBAQO;AACP,kCAAqC;AACrC,6BAA8C;AAUvC,MAAM,4BAAwB,4BAA6B;AAAA,EAChE,QAAQ,2CAAgB,gCAAiB,EAAE,qBAAqB;AAAA,EAChE,WAAW,MAAM;AACnB,CAAC;AAKM,MAAM,qBAAqB,UAAM,yBAAW,qBAAqB;AAWjE,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,MAAM;AACJ,QAAM,EAAE,eAAe,SAAS,iBAAiB,QAC/C,gCAAiB,EAAE;AAErB,QAAM,CAAC,eAAe,gBAAgB,QAAI;AAAA,IACxC,UAAU,uCAAgB;AAAA,EAC5B;AAEA,QAAM,oBAAgB;AAAA,IACpB,CAAC,cAAuB;AACtB,UAAI,cAAc,SAAS,MAAM,UAAU,SAAS,EAAG;AAEvD,UAAI,CAAC,iBAAiB,SAAS,SAAS,GAAG;AACzC,gBAAQ,MAAM,UAAU,MAAM,mBAAmB;AACjD;AAAA,MACF;AAEA,uBAAiB,SAAS;AAC1B,kDAAgB,SAAS;AAAA,IAC3B;AAAA,IACA,CAAC,kBAAkB,eAAe,MAAM;AAAA,EAC1C;AAEA,QAAM,YAAY,iBAAiB;AAEnC,QAAM,YAAuB;AAAA,IAC3B,OAAO,EAAE,QAAQ,eAAe,UAAqB;AAAA,IACrD,CAAC,eAAe,SAAS;AAAA,EAC3B;AAEA,SACE,4CAAC,sBAAsB,UAAtB,EAA+B,OAC9B;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

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

@@ -17,6 +17,7 @@ declare const useIntlayerContext: () => IntlayerValue;
 type IntlayerProviderProps = PropsWithChildren & {
     locale?: Locales;
     setLocale?: (locale: Locales) => void;
+    editorEnabled?: boolean;
 };
 /**
  * Provider that store the current locale on the client side

package/dist/cjs/client/getBrowserLocale.cjs

@@ -49,8 +49,7 @@ const getDefaultsOptions = () => {
 };
 const isLocalStorageAvailable = () => {
   try {
-    if (typeof window === "undefined")
-      return false;
+    if (typeof window === "undefined") return false;
     const testKey = "intlayer.translate.boo";
     window.localStorage.setItem(testKey, "foo");
     window.localStorage.removeItem(testKey);
@@ -61,8 +60,7 @@ const isLocalStorageAvailable = () => {
 };
 const isSessionStorageAvailable = () => {
   try {
-    if (typeof window === "undefined")
-      return false;
+    if (typeof window === "undefined") return false;
     const testKey = "intlayer.translate.boo";
     window.sessionStorage.setItem(testKey, "foo");
     window.sessionStorage.removeItem(testKey);
@@ -74,8 +72,7 @@ const isSessionStorageAvailable = () => {
 const detectLanguage = (order, options) => {
   const detected = {};
   const queryStringDetector = () => {
-    if (typeof window === "undefined")
-      return;
+    if (typeof window === "undefined") return;
     const search = window.location.search || "";
     const params = new URLSearchParams(search);
     const value = params.get(options.lookupQuerystring ?? "");
@@ -84,8 +81,7 @@ const detectLanguage = (order, options) => {
     }
   };
   const cookieDetector = () => {
-    if (typeof document === "undefined")
-      return;
+    if (typeof document === "undefined") return;
     const cookies = document.cookie.split(";");
     const cookieName = `${options.lookupCookie ?? ""}=`;
     const cookie = cookies.find((c) => c.trim().startsWith(cookieName));
@@ -95,16 +91,14 @@ const detectLanguage = (order, options) => {
     }
   };
   const localStorageDetector = () => {
-    if (!isLocalStorageAvailable())
-      return;
+    if (!isLocalStorageAvailable()) return;
     const value = window.localStorage.getItem(options.lookupLocalStorage ?? "");
     if (value) {
       detected["localStorage" /* LocalStorage */] = value;
     }
   };
   const sessionStorageDetector = () => {
-    if (!isSessionStorageAvailable())
-      return;
+    if (!isSessionStorageAvailable()) return;
     const value = window.sessionStorage.getItem(
       options.lookupSessionStorage ?? ""
     );
@@ -113,8 +107,7 @@ const detectLanguage = (order, options) => {
     }
   };
   const navigatorDetector = () => {
-    if (typeof navigator === "undefined")
-      return;
+    if (typeof navigator === "undefined") return;
     if (navigator.language) {
       detected["navigator" /* Navigator */] = navigator.language;
     }

package/dist/cjs/client/getBrowserLocale.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/getBrowserLocale.tsx"],"sourcesContent":["import { getConfiguration, type Locales } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\n\nexport enum LanguageDetector {\n  Querystring = 'querystring',\n  Cookie = 'cookie',\n  LocalStorage = 'localStorage',\n  SessionStorage = 'sessionStorage',\n  Navigator = 'navigator',\n  HtmlTag = 'htmlTag',\n}\n\n// Default settings for the language detector\ntype LanguageDetectorOptions = {\n  order?: LanguageDetector[];\n  lookupQuerystring?: string;\n  lookupCookie?: string;\n  lookupLocalStorage?: string;\n  lookupSessionStorage?: string;\n  excludeCacheFor?: string[];\n  htmlTag?: HTMLElement | null;\n};\n\nconst getDefaultsOptions = (): LanguageDetectorOptions => {\n  const { middleware } = getConfiguration();\n\n  return {\n    order: [\n      LanguageDetector.Querystring,\n      LanguageDetector.Cookie,\n      LanguageDetector.Navigator,\n      LanguageDetector.HtmlTag,\n    ],\n    lookupQuerystring: 'locale',\n    lookupCookie: middleware.cookieName,\n    htmlTag: document.documentElement,\n  };\n};\n\n// Helper functions for various checks and operations\nconst isLocalStorageAvailable = (): boolean => {\n  try {\n    if (typeof window === 'undefined') return false;\n    const testKey = 'intlayer.translate.boo';\n    window.localStorage.setItem(testKey, 'foo');\n    window.localStorage.removeItem(testKey);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\nconst isSessionStorageAvailable = (): boolean => {\n  try {\n    if (typeof window === 'undefined') return false;\n    const testKey = 'intlayer.translate.boo';\n    window.sessionStorage.setItem(testKey, 'foo');\n    window.sessionStorage.removeItem(testKey);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\n// Function to detect language using different detectors\nconst detectLanguage = (\n  order: string[],\n  options: LanguageDetectorOptions\n): Record<LanguageDetector, Locales | Locales[]> => {\n  const detected: Record<LanguageDetector, Locales | Locales[]> = {} as Record<\n    LanguageDetector,\n    Locales | Locales[]\n  >;\n\n  const queryStringDetector = () => {\n    if (typeof window === 'undefined') return;\n    const search = window.location.search || '';\n    const params = new URLSearchParams(search);\n    const value = params.get(options.lookupQuerystring ?? '');\n    if (value) {\n      detected[LanguageDetector.Querystring] = value as Locales;\n    }\n  };\n\n  const cookieDetector = () => {\n    if (typeof document === 'undefined') return;\n    const cookies = document.cookie.split(';');\n    const cookieName = `${options.lookupCookie ?? ''}=`;\n    const cookie = cookies.find((c) => c.trim().startsWith(cookieName));\n    if (cookie) {\n      const value = cookie.split('=')[1].trim();\n\n      detected[LanguageDetector.Cookie] = value as Locales;\n    }\n  };\n\n  const localStorageDetector = () => {\n    if (!isLocalStorageAvailable()) return;\n    const value = window.localStorage.getItem(options.lookupLocalStorage ?? '');\n    if (value) {\n      detected[LanguageDetector.LocalStorage] = value as Locales;\n    }\n  };\n\n  const sessionStorageDetector = () => {\n    if (!isSessionStorageAvailable()) return;\n    const value = window.sessionStorage.getItem(\n      options.lookupSessionStorage ?? ''\n    );\n    if (value) {\n      detected[LanguageDetector.SessionStorage] = value as Locales;\n    }\n  };\n\n  const navigatorDetector = () => {\n    if (typeof navigator === 'undefined') return;\n\n    if (navigator.language) {\n      detected[LanguageDetector.Navigator] = navigator.language as Locales;\n    }\n  };\n\n  const htmlTagDetector = () => {\n    const htmlTag = options.htmlTag;\n    if (htmlTag && typeof htmlTag.getAttribute === 'function') {\n      const lang = htmlTag.getAttribute('lang');\n      if (lang) {\n        detected[LanguageDetector.HtmlTag] = lang as Locales;\n      }\n    }\n  };\n\n  // Map detector names to their corresponding functions\n  const detectors: Record<string, () => void> = {\n    [LanguageDetector.Querystring]: queryStringDetector,\n    [LanguageDetector.Cookie]: cookieDetector,\n    [LanguageDetector.LocalStorage]: localStorageDetector,\n    [LanguageDetector.SessionStorage]: sessionStorageDetector,\n    [LanguageDetector.Navigator]: navigatorDetector,\n    [LanguageDetector.HtmlTag]: htmlTagDetector,\n  };\n\n  // Use the provided order to run each detector\n  order.forEach((detectorName) => {\n    detectors[detectorName]?.();\n  });\n\n  return detected;\n};\n\nconst getFirstAvailableLocale = (\n  locales: Record<LanguageDetector, Locales | Locales[]>,\n  order: LanguageDetector[]\n): Locales => {\n  const { internationalization } = getConfiguration();\n\n  for (const detector of order) {\n    const localesArray = [locales[detector]].flat() as Locales[];\n\n    for (const locale of localesArray) {\n      if (\n        locale &&\n        (internationalization.locales ?? localeList).includes(locale)\n      ) {\n        return locale;\n      } else if (\n        locale?.includes('-') &&\n        (internationalization.locales ?? localeList).includes(\n          locale.split('-')[0] as Locales\n        )\n      ) {\n        return locale.split('-')[0] as Locales;\n      }\n    }\n  }\n\n  return internationalization.defaultLocale;\n};\n\n/**\n * Core language detector function\n * const detectedLanguages = detectLanguage(['LanguageDetector.Cookie', 'LanguageDetector.LocalStorage'], { lookupCookie: 'myCookie' });\n */\nexport const getBrowserLocale = (\n  userOptions: LanguageDetectorOptions | undefined = {}\n): Locales => {\n  const options = { ...getDefaultsOptions(), ...userOptions };\n\n  const locales = detectLanguage(options.order ?? [], options);\n\n  return getFirstAvailableLocale(locales, options.order ?? []);\n};\n"],"mappings":"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","names":["LanguageDetector"]}
+{"version":3,"sources":["../../../src/client/getBrowserLocale.tsx"],"sourcesContent":["import { getConfiguration, type Locales } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\n\nexport enum LanguageDetector {\n  Querystring = 'querystring',\n  Cookie = 'cookie',\n  LocalStorage = 'localStorage',\n  SessionStorage = 'sessionStorage',\n  Navigator = 'navigator',\n  HtmlTag = 'htmlTag',\n}\n\n// Default settings for the language detector\ntype LanguageDetectorOptions = {\n  order?: LanguageDetector[];\n  lookupQuerystring?: string;\n  lookupCookie?: string;\n  lookupLocalStorage?: string;\n  lookupSessionStorage?: string;\n  excludeCacheFor?: string[];\n  htmlTag?: HTMLElement | null;\n};\n\nconst getDefaultsOptions = (): LanguageDetectorOptions => {\n  const { middleware } = getConfiguration();\n\n  return {\n    order: [\n      LanguageDetector.Querystring,\n      LanguageDetector.Cookie,\n      LanguageDetector.Navigator,\n      LanguageDetector.HtmlTag,\n    ],\n    lookupQuerystring: 'locale',\n    lookupCookie: middleware.cookieName,\n    htmlTag: document.documentElement,\n  };\n};\n\n// Helper functions for various checks and operations\nconst isLocalStorageAvailable = (): boolean => {\n  try {\n    if (typeof window === 'undefined') return false;\n    const testKey = 'intlayer.translate.boo';\n    window.localStorage.setItem(testKey, 'foo');\n    window.localStorage.removeItem(testKey);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\nconst isSessionStorageAvailable = (): boolean => {\n  try {\n    if (typeof window === 'undefined') return false;\n    const testKey = 'intlayer.translate.boo';\n    window.sessionStorage.setItem(testKey, 'foo');\n    window.sessionStorage.removeItem(testKey);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\n// Function to detect language using different detectors\nconst detectLanguage = (\n  order: string[],\n  options: LanguageDetectorOptions\n): Record<LanguageDetector, Locales | Locales[]> => {\n  const detected: Record<LanguageDetector, Locales | Locales[]> = {} as Record<\n    LanguageDetector,\n    Locales | Locales[]\n  >;\n\n  const queryStringDetector = () => {\n    if (typeof window === 'undefined') return;\n    const search = window.location.search || '';\n    const params = new URLSearchParams(search);\n    const value = params.get(options.lookupQuerystring ?? '');\n    if (value) {\n      detected[LanguageDetector.Querystring] = value as Locales;\n    }\n  };\n\n  const cookieDetector = () => {\n    if (typeof document === 'undefined') return;\n    const cookies = document.cookie.split(';');\n    const cookieName = `${options.lookupCookie ?? ''}=`;\n    const cookie = cookies.find((c) => c.trim().startsWith(cookieName));\n    if (cookie) {\n      const value = cookie.split('=')[1].trim();\n\n      detected[LanguageDetector.Cookie] = value as Locales;\n    }\n  };\n\n  const localStorageDetector = () => {\n    if (!isLocalStorageAvailable()) return;\n    const value = window.localStorage.getItem(options.lookupLocalStorage ?? '');\n    if (value) {\n      detected[LanguageDetector.LocalStorage] = value as Locales;\n    }\n  };\n\n  const sessionStorageDetector = () => {\n    if (!isSessionStorageAvailable()) return;\n    const value = window.sessionStorage.getItem(\n      options.lookupSessionStorage ?? ''\n    );\n    if (value) {\n      detected[LanguageDetector.SessionStorage] = value as Locales;\n    }\n  };\n\n  const navigatorDetector = () => {\n    if (typeof navigator === 'undefined') return;\n\n    if (navigator.language) {\n      detected[LanguageDetector.Navigator] = navigator.language as Locales;\n    }\n  };\n\n  const htmlTagDetector = () => {\n    const htmlTag = options.htmlTag;\n    if (htmlTag && typeof htmlTag.getAttribute === 'function') {\n      const lang = htmlTag.getAttribute('lang');\n      if (lang) {\n        detected[LanguageDetector.HtmlTag] = lang as Locales;\n      }\n    }\n  };\n\n  // Map detector names to their corresponding functions\n  const detectors: Record<string, () => void> = {\n    [LanguageDetector.Querystring]: queryStringDetector,\n    [LanguageDetector.Cookie]: cookieDetector,\n    [LanguageDetector.LocalStorage]: localStorageDetector,\n    [LanguageDetector.SessionStorage]: sessionStorageDetector,\n    [LanguageDetector.Navigator]: navigatorDetector,\n    [LanguageDetector.HtmlTag]: htmlTagDetector,\n  };\n\n  // Use the provided order to run each detector\n  order.forEach((detectorName) => {\n    detectors[detectorName]?.();\n  });\n\n  return detected;\n};\n\nconst getFirstAvailableLocale = (\n  locales: Record<LanguageDetector, Locales | Locales[]>,\n  order: LanguageDetector[]\n): Locales => {\n  const { internationalization } = getConfiguration();\n\n  for (const detector of order) {\n    const localesArray = [locales[detector]].flat() as Locales[];\n\n    for (const locale of localesArray) {\n      if (\n        locale &&\n        (internationalization.locales ?? localeList).includes(locale)\n      ) {\n        return locale;\n      } else if (\n        locale?.includes('-') &&\n        (internationalization.locales ?? localeList).includes(\n          locale.split('-')[0] as Locales\n        )\n      ) {\n        return locale.split('-')[0] as Locales;\n      }\n    }\n  }\n\n  return internationalization.defaultLocale;\n};\n\n/**\n * Core language detector function\n * const detectedLanguages = detectLanguage(['LanguageDetector.Cookie', 'LanguageDetector.LocalStorage'], { lookupCookie: 'myCookie' });\n */\nexport const getBrowserLocale = (\n  userOptions: LanguageDetectorOptions | undefined = {}\n): Locales => {\n  const options = { ...getDefaultsOptions(), ...userOptions };\n\n  const locales = detectLanguage(options.order ?? [], options);\n\n  return getFirstAvailableLocale(locales, options.order ?? []);\n};\n"],"mappings":"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","names":["LanguageDetector"]}

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

@@ -9,5 +9,5 @@ import 'react';
 import '@intlayer/config/client';
 import '../useIntlayerBase.js';
 import '@intlayer/config';
-import 'intlayer';
 import '@intlayer/core';
+import 'intlayer';

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

@@ -7,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.LocalesValues, Content_1>>) => Content_1;
+    t: <Content_1 = string>(languageContent: LanguageContent<Content_1>) => Content_1;
 };
 
 export { useContent };

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

@@ -1,5 +1,6 @@
 import { UseIntlayer } from '../useIntlayerBase.js';
 import '@intlayer/config';
+import '@intlayer/core';
 import 'intlayer';
 import 'react';
 

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

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

package/dist/cjs/index.cjs

@@ -23,7 +23,6 @@ __export(src_exports, {
   getBrowserLocale: () => import_client.getBrowserLocale,
   getTranslation: () => import_getTranslation.getTranslation,
   localeCookie: () => import_client.localeCookie,
-  recursiveStringifyContent: () => import_useIntlayerBase.recursiveStringifyContent,
   setLocaleCookie: () => import_client.setLocaleCookie,
   useIntlayer: () => import_client.useIntlayer,
   useLocale: () => import_client.useLocale,
@@ -34,7 +33,6 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 var import_getTranslation = require('./getTranslation.cjs');
 var import_client = require('./client/index.cjs');
-var import_useIntlayerBase = require('./useIntlayerBase.cjs');
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   IntlayerClientContext,
@@ -42,7 +40,6 @@ var import_useIntlayerBase = require('./useIntlayerBase.cjs');
   getBrowserLocale,
   getTranslation,
   localeCookie,
-  recursiveStringifyContent,
   setLocaleCookie,
   useIntlayer,
   useLocale,

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  useLocale,\n  useTraduction,\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n  getBrowserLocale,\n  useLocaleBase,\n} from './client/index';\nexport { recursiveStringifyContent } from './useIntlayerBase';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA+B;AAC/B,oBAYO;AACP,6BAA0C;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getTranslation } from './getTranslation';\nexport {\n  IntlayerProvider,\n  type IntlayerProviderProps,\n  IntlayerClientContext,\n  useIntlayer,\n  useLocale,\n  useTraduction,\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n  getBrowserLocale,\n  useLocaleBase,\n} from './client/index';\nexport type { IntlayerNode } from './useIntlayerBase';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA+B;AAC/B,oBAYO;","names":[]}

package/dist/cjs/index.d.ts

@@ -6,7 +6,7 @@ export { useLocale } from './client/useLocale.js';
 export { useTraduction } from './client/useTraduction.js';
 export { localeCookie, setLocaleCookie, useLocaleCookie } from './client/useLocaleCookie.js';
 export { getBrowserLocale } from './client/getBrowserLocale.js';
-export { recursiveStringifyContent } from './useIntlayerBase.js';
+export { IntlayerNode } from './useIntlayerBase.js';
 import '@intlayer/config/client';
 import '@intlayer/core';
 import 'react';

package/dist/cjs/processDictionary/index.cjs

@@ -73,7 +73,7 @@ const processNode = (field, locale, dictionaryId, dictionaryPath, keyPath = [])
   if (typeof field === "object") {
     if (field.nodeType === import_core.NodeType.Translation) {
       return processTranslation(
-        field,
+        field[import_core.NodeType.Translation],
         locale,
         dictionaryId,
         dictionaryPath,
@@ -82,7 +82,7 @@ const processNode = (field, locale, dictionaryId, dictionaryPath, keyPath = [])
     }
     if (field.nodeType === import_core.NodeType.Enumeration) {
       return processEnumeration(
-        field,
+        field[import_core.NodeType.Enumeration],
         locale,
         dictionaryId,
         dictionaryPath,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/processDictionary/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { type Locales, getConfiguration } from '@intlayer/config/client';\nimport {\n  NodeType,\n  type QuantityContent,\n  type LanguageContent,\n  findMatchingCondition,\n  type KeyPath,\n  type Dictionary,\n  type DictionaryValue,\n  type TranslationContent,\n  type EnumerationContent,\n  type TypedNode,\n} from '@intlayer/core';\nimport { type ReactElement, createElement, type ReactNode } from 'react';\nimport { getEnumeration } from '../getEnumeration';\nimport { getTranslation } from '../getTranslation';\nimport type {\n  TransformedContent,\n  TransformedContentValue,\n} from './contentDictionary';\n\nconst {\n  internationalization: { defaultLocale },\n} = getConfiguration();\n\nconst processTranslation = (\n  languageContent: LanguageContent<DictionaryValue>,\n  locale: Locales,\n  dictionaryId: string,\n  dictionaryPath: string,\n  keyPath: KeyPath[] = []\n): TransformedContent => {\n  const translationResult: DictionaryValue = getTranslation<DictionaryValue>(\n    languageContent,\n    locale\n  );\n\n  const resultKeyPath: KeyPath[] = [\n    ...keyPath,\n    { type: NodeType.Translation, key: locale },\n  ];\n\n  return processDictionary(\n    translationResult,\n    dictionaryId,\n    dictionaryPath,\n    resultKeyPath,\n    locale\n  );\n};\n\nconst processEnumeration =\n  (\n    enumerationContent: QuantityContent<DictionaryValue>,\n    locale: Locales,\n    dictionaryId: string,\n    dictionaryPath: string,\n    keyPath: KeyPath[] = []\n  ): TransformedContentValue =>\n  (quantity: number): TransformedContentValue => {\n    const enumerationResult: DictionaryValue = getEnumeration<DictionaryValue>(\n      enumerationContent,\n      quantity\n    );\n\n    const matchingCondition = findMatchingCondition(\n      enumerationContent,\n      quantity\n    );\n\n    const resultKeyPath: KeyPath[] = [\n      ...keyPath,\n      { type: NodeType.Enumeration, key: matchingCondition.toString() },\n    ];\n\n    return processDictionary(\n      enumerationResult,\n      dictionaryId,\n      dictionaryPath,\n      resultKeyPath,\n      locale\n    ) as TransformedContentValue;\n  };\n\nconst isReactNode = (node: Record<string, unknown>): boolean =>\n  typeof node?.key !== 'undefined' && typeof node?.props !== 'undefined';\n\nexport const processNode = (\n  field: DictionaryValue | undefined,\n  locale: Locales,\n  dictionaryId: string,\n  dictionaryPath: string,\n  keyPath: KeyPath[] = []\n): TransformedContentValue => {\n  if (typeof field === 'object') {\n    if (\n      (field as TranslationContent<DictionaryValue>).nodeType ===\n      NodeType.Translation\n    ) {\n      return processTranslation(\n        field as LanguageContent<DictionaryValue>,\n        locale,\n        dictionaryId,\n        dictionaryPath,\n        keyPath\n      ) as TransformedContentValue;\n    }\n\n    if (\n      (field as EnumerationContent<DictionaryValue>).nodeType ===\n      NodeType.Enumeration\n    ) {\n      return processEnumeration(\n        field as QuantityContent<DictionaryValue>,\n        locale,\n        dictionaryId,\n        dictionaryPath,\n        keyPath\n      );\n    }\n  }\n\n  return processDictionary(\n    field!,\n    dictionaryId,\n    dictionaryPath,\n    keyPath,\n    locale\n  ) as TransformedContentValue;\n};\n\n// This function recursively creates React elements from a given JSON-like structure\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  // Destructure the component properties\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) => {\n        childrenResult.push(createReactElement(children[key]));\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\n};\n\nconst traceKeys: string[] = ['filePath', 'nodeType'];\n\n/**\n * Function that process a dictionary and return the result to be used in the application.\n */\nexport const processDictionary = (\n  content: Dictionary | DictionaryValue,\n  dictionaryId: string,\n  dictionaryPath: string,\n  keyPath: KeyPath[] = [],\n  locale: Locales = defaultLocale\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n): TransformedContent => {\n  // If it's a React element, render it\n  if (isReactNode(content as Record<string, unknown>)) {\n    return createReactElement(\n      content as unknown as ReactElement\n    ) as unknown as TransformedContent;\n  }\n\n  if (content && typeof content === 'object') {\n    const isArray = Array.isArray(content);\n\n    let result: TransformedContent = {};\n\n    if (typeof (content as TypedNode).nodeType !== 'undefined') {\n      return processNode(\n        content as DictionaryValue,\n        locale,\n        dictionaryId,\n        dictionaryPath,\n        keyPath\n      ) as TransformedContent;\n    } else if (isArray) {\n      // Eslint fix because promises are awaited during build stage\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      result = (content as DictionaryValue[]).map((field, key) => {\n        const resultKeyPath: KeyPath[] = [\n          ...keyPath,\n          { type: 'ArrayExpression', key },\n        ];\n\n        return processNode(\n          field,\n          locale,\n          dictionaryId,\n          dictionaryPath,\n          resultKeyPath\n        );\n      }) as TransformedContent;\n    } else {\n      // List each key in the content and process it\n      for (const key of Object.keys(content)) {\n        const field = content[key as keyof typeof content];\n\n        if (traceKeys.includes(key)) {\n          result[key] = field as TransformedContentValue;\n          continue;\n        }\n\n        const resultKeyPath: KeyPath[] = [\n          ...keyPath,\n          { type: 'ObjectExpression', key },\n        ];\n\n        const nodeResult = processNode(\n          field,\n          locale,\n          dictionaryId,\n          dictionaryPath,\n          resultKeyPath\n        );\n\n        result[key] = nodeResult;\n      }\n    }\n\n    return result;\n  }\n\n  return {\n    content,\n    keyPath,\n    dictionaryId,\n    dictionaryPath,\n  };\n};\n"],"mappings":"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","names":["element"]}
+{"version":3,"sources":["../../../src/processDictionary/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { type Locales, getConfiguration } from '@intlayer/config/client';\nimport {\n  NodeType,\n  type QuantityContent,\n  type LanguageContent,\n  findMatchingCondition,\n  type KeyPath,\n  type Dictionary,\n  type DictionaryValue,\n  type TranslationContent,\n  type EnumerationContent,\n  type TypedNode,\n} from '@intlayer/core';\nimport { type ReactElement, createElement, type ReactNode } from 'react';\nimport { getEnumeration } from '../getEnumeration';\nimport { getTranslation } from '../getTranslation';\nimport type {\n  TransformedContent,\n  TransformedContentValue,\n} from './contentDictionary';\n\nconst {\n  internationalization: { defaultLocale },\n} = getConfiguration();\n\nconst processTranslation = (\n  languageContent: LanguageContent<DictionaryValue>,\n  locale: Locales,\n  dictionaryId: string,\n  dictionaryPath: string,\n  keyPath: KeyPath[] = []\n): TransformedContent => {\n  const translationResult: DictionaryValue = getTranslation<DictionaryValue>(\n    languageContent,\n    locale\n  );\n\n  const resultKeyPath: KeyPath[] = [\n    ...keyPath,\n    { type: NodeType.Translation, key: locale },\n  ];\n\n  return processDictionary(\n    translationResult,\n    dictionaryId,\n    dictionaryPath,\n    resultKeyPath,\n    locale\n  );\n};\n\nconst processEnumeration =\n  (\n    enumerationContent: QuantityContent<DictionaryValue>,\n    locale: Locales,\n    dictionaryId: string,\n    dictionaryPath: string,\n    keyPath: KeyPath[] = []\n  ): TransformedContentValue =>\n  (quantity: number): TransformedContentValue => {\n    const enumerationResult: DictionaryValue = getEnumeration<DictionaryValue>(\n      enumerationContent,\n      quantity\n    );\n\n    const matchingCondition = findMatchingCondition(\n      enumerationContent,\n      quantity\n    );\n\n    const resultKeyPath: KeyPath[] = [\n      ...keyPath,\n      { type: NodeType.Enumeration, key: matchingCondition.toString() },\n    ];\n\n    return processDictionary(\n      enumerationResult,\n      dictionaryId,\n      dictionaryPath,\n      resultKeyPath,\n      locale\n    ) as TransformedContentValue;\n  };\n\nconst isReactNode = (node: Record<string, unknown>): boolean =>\n  typeof node?.key !== 'undefined' && typeof node?.props !== 'undefined';\n\nexport const processNode = (\n  field: DictionaryValue | undefined,\n  locale: Locales,\n  dictionaryId: string,\n  dictionaryPath: string,\n  keyPath: KeyPath[] = []\n): TransformedContentValue => {\n  if (typeof field === 'object') {\n    if (\n      (field as TranslationContent<DictionaryValue>).nodeType ===\n      NodeType.Translation\n    ) {\n      return processTranslation(\n        field[\n          NodeType.Translation as keyof typeof field\n        ] as LanguageContent<DictionaryValue>,\n        locale,\n        dictionaryId,\n        dictionaryPath,\n        keyPath\n      ) as TransformedContentValue;\n    }\n\n    if (\n      (field as EnumerationContent<DictionaryValue>).nodeType ===\n      NodeType.Enumeration\n    ) {\n      return processEnumeration(\n        field[\n          NodeType.Enumeration as keyof typeof field\n        ] as QuantityContent<DictionaryValue>,\n        locale,\n        dictionaryId,\n        dictionaryPath,\n        keyPath\n      );\n    }\n  }\n\n  return processDictionary(\n    field!,\n    dictionaryId,\n    dictionaryPath,\n    keyPath,\n    locale\n  ) as TransformedContentValue;\n};\n\n// This function recursively creates React elements from a given JSON-like structure\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) => {\n        childrenResult.push(createReactElement(children[key]));\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\n};\n\nconst traceKeys: string[] = ['filePath', 'nodeType'];\n\n/**\n * Function that process a dictionary and return the result to be used in the application.\n */\nexport const processDictionary = (\n  content: Dictionary | DictionaryValue,\n  dictionaryId: string,\n  dictionaryPath: string,\n  keyPath: KeyPath[] = [],\n  locale: Locales = defaultLocale\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n): TransformedContent => {\n  // If it's a React element, render it\n  if (isReactNode(content as Record<string, unknown>)) {\n    return createReactElement(\n      content as unknown as ReactElement\n    ) as unknown as TransformedContent;\n  }\n\n  if (content && typeof content === 'object') {\n    const isArray = Array.isArray(content);\n\n    let result: TransformedContent = {};\n\n    if (typeof (content as TypedNode).nodeType !== 'undefined') {\n      return processNode(\n        content as DictionaryValue,\n        locale,\n        dictionaryId,\n        dictionaryPath,\n        keyPath\n      ) as TransformedContent;\n    } else if (isArray) {\n      // Eslint fix because promises are awaited during build stage\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      result = (content as DictionaryValue[]).map((field, key) => {\n        const resultKeyPath: KeyPath[] = [\n          ...keyPath,\n          { type: 'ArrayExpression', key },\n        ];\n\n        return processNode(\n          field,\n          locale,\n          dictionaryId,\n          dictionaryPath,\n          resultKeyPath\n        );\n      }) as TransformedContent;\n    } else {\n      // List each key in the content and process it\n      for (const key of Object.keys(content)) {\n        const field = content[key as keyof typeof content];\n\n        if (traceKeys.includes(key)) {\n          result[key] = field as TransformedContentValue;\n          continue;\n        }\n\n        const resultKeyPath: KeyPath[] = [\n          ...keyPath,\n          { type: 'ObjectExpression', key },\n        ];\n\n        const nodeResult = processNode(\n          field,\n          locale,\n          dictionaryId,\n          dictionaryPath,\n          resultKeyPath\n        );\n\n        result[key] = nodeResult;\n      }\n    }\n\n    return result;\n  }\n\n  return {\n    content,\n    keyPath,\n    dictionaryId,\n    dictionaryPath,\n  };\n};\n"],"mappings":"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","names":["element"]}

package/dist/cjs/renderIntlayerEditor.cjs

@@ -0,0 +1,55 @@
+"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 renderIntlayerEditor_exports = {};
+__export(renderIntlayerEditor_exports, {
+  renderIntlayerEditor: () => renderIntlayerEditor
+});
+module.exports = __toCommonJS(renderIntlayerEditor_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_module = require("module");
+const import_meta = {};
+const requireFunction = (packagePath) => {
+  try {
+    return typeof import_meta.url === "undefined" ? require(packagePath) : (0, import_module.createRequire)(import_meta.url)(packagePath);
+  } catch (error) {
+    return void 0;
+  }
+};
+const IntlayerEditorElement = ({
+  content,
+  ..._props
+}) => {
+  return content;
+};
+IntlayerEditorElement.content = "";
+const renderIntlayerEditor = (props) => {
+  const _renderIntlayerEditor = requireFunction(
+    "intlayer-editor/client"
+  )?.renderIntlayerEditor;
+  if (typeof _renderIntlayerEditor === "undefined") {
+    const Result = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IntlayerEditorElement, { ...props });
+    return { ...Result, value: props.content };
+  }
+  return _renderIntlayerEditor(props);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  renderIntlayerEditor
+});
+//# sourceMappingURL=renderIntlayerEditor.cjs.map

package/dist/cjs/renderIntlayerEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/renderIntlayerEditor.tsx"],"sourcesContent":["import { createRequire } from 'module';\nimport type { IntlayerEditorElementProps } from 'intlayer-editor/client';\n\nconst requireFunction = (packagePath: string) => {\n  try {\n    return typeof import.meta.url === 'undefined'\n      ? require(packagePath)\n      : createRequire(import.meta.url)(packagePath);\n  } catch (error) {\n    return undefined;\n  }\n};\n\nconst IntlayerEditorElement = ({\n  content,\n  ..._props\n}: IntlayerEditorElementProps) => {\n  return content;\n};\n\nIntlayerEditorElement.content = '';\n\nexport const renderIntlayerEditor = (props: IntlayerEditorElementProps) => {\n  const _renderIntlayerEditor = requireFunction(\n    'intlayer-editor/client'\n  )?.renderIntlayerEditor;\n\n  if (typeof _renderIntlayerEditor === 'undefined') {\n    const Result = <IntlayerEditorElement {...props} />;\n\n    return { ...Result, value: props.content };\n  }\n\n  return _renderIntlayerEditor(props);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BmB;AA5BnB,oBAA8B;AAA9B;AAGA,MAAM,kBAAkB,CAAC,gBAAwB;AAC/C,MAAI;AACF,WAAO,OAAO,YAAY,QAAQ,cAC9B,QAAQ,WAAW,QACnB,6BAAc,YAAY,GAAG,EAAE,WAAW;AAAA,EAChD,SAAS,OAAO;AACd,WAAO;AAAA,EACT;AACF;AAEA,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA,GAAG;AACL,MAAkC;AAChC,SAAO;AACT;AAEA,sBAAsB,UAAU;AAEzB,MAAM,uBAAuB,CAAC,UAAsC;AACzE,QAAM,wBAAwB;AAAA,IAC5B;AAAA,EACF,GAAG;AAEH,MAAI,OAAO,0BAA0B,aAAa;AAChD,UAAM,SAAS,4CAAC,yBAAuB,GAAG,OAAO;AAEjD,WAAO,EAAE,GAAG,QAAQ,OAAO,MAAM,QAAQ;AAAA,EAC3C;AAEA,SAAO,sBAAsB,KAAK;AACpC;","names":[]}

package/dist/cjs/renderIntlayerEditor.d.ts

@@ -0,0 +1,5 @@
+import { IntlayerEditorElementProps } from 'intlayer-editor/client';
+
+declare const renderIntlayerEditor: (props: IntlayerEditorElementProps) => any;
+
+export { renderIntlayerEditor };

package/dist/cjs/server/IntlayerServerProvider.d.ts

@@ -1,18 +1,17 @@
-import * as react from 'react';
-import { PropsWithChildren, FC } from 'react';
 import { Locales } from '@intlayer/config/client';
+import { PropsWithChildren, FC } from 'react';
 
 /**
  * Context that store the current locale on the server side
  */
 declare const IntlayerServerContext: {
     Provider: ({ children, value, }: {
-        children: react.ReactNode;
+        children: React.ReactNode;
         value: Locales;
-    }) => react.ReactNode;
+    }) => React.ReactNode;
     Consumer: ({ children, }: {
-        children: (context: Locales | undefined) => react.ReactNode;
-    }) => react.ReactNode;
+        children: (context: Locales | undefined) => React.ReactNode;
+    }) => React.ReactNode;
     _storage: () => {
         value: Locales | undefined;
     };

package/dist/cjs/server/serverContext.cjs

@@ -58,8 +58,7 @@ const getServerContext = ({
   _defaultValue
 }) => {
   const store = _storage();
-  if (!store)
-    return _defaultValue;
+  if (!store) return _defaultValue;
   return store.value;
 };
 const throwInClient = () => {

package/dist/cjs/server/serverContext.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/serverContext.ts"],"sourcesContent":["/**\n * Creates a new datastore for a given server context.\n * Attempts to closely mimic the `createContext` API.\n *\n * @example\n * const IntlayerServer = createServerContext<string | null>(null);\n *\n * <IntlayerServer.Provider value={locale}>\n *      {children}\n * </IntlayerServer.Provider>\n */\n\nimport react from 'react';\n\ntype CacheType<T> = () => { value: T | undefined };\n\nconst cacheFallback = () => () => ({ value: undefined });\n\nexport const createServerContext = <T>(defaultValue?: T): ServerContext<T> => {\n  throwInClient();\n\n  const cache = react.cache<CacheType<T>> ?? cacheFallback;\n\n  const getCache = cache(() => ({\n    value: undefined,\n  }));\n\n  return {\n    Provider: ({ children, value }) => {\n      getCache().value = value;\n      return children;\n    },\n    Consumer: ({ children }) => {\n      const store = getCache();\n      return children(store ? store.value : defaultValue);\n    },\n    _storage: getCache,\n    _defaultValue: defaultValue,\n  };\n};\n\n/**\n * Fetches a value present in a given server context.\n * Attempts to closely mimic the `useContext` API.\n *\n * @example\n * getServerContext(IntlayerServer);\n */\nexport const getServerContext = <T>({\n  _storage,\n  _defaultValue,\n}: ServerContext<T>) => {\n  // throwInClient();\n  const store = _storage();\n  if (!store) return _defaultValue;\n  return store.value;\n};\n\ntype ServerContext<T> = {\n  Provider: ({\n    children,\n    value,\n  }: {\n    children: React.ReactNode;\n    value: T;\n  }) => React.ReactNode;\n  Consumer: ({\n    children,\n  }: {\n    children: (context: T | undefined) => React.ReactNode;\n  }) => React.ReactNode;\n  _storage: () => { value: T | undefined };\n  _defaultValue: T | undefined;\n};\n\n/**\n * Throws if called within a client component environment.\n * Useful to help prevent mistakes.\n */\nconst throwInClient = (): void | never => {\n  // If window.document is defined we're in a client component\n  if (typeof window !== 'undefined') {\n    throw new Error(`createServerContext only works in Server Components`);\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA,mBAAkB;AAIlB,MAAM,gBAAgB,MAAM,OAAO,EAAE,OAAO,OAAU;AAE/C,MAAM,sBAAsB,CAAI,iBAAuC;AAC5E,gBAAc;AAEd,QAAM,QAAQ,aAAAA,QAAM,SAAuB;AAE3C,QAAM,WAAW,MAAM,OAAO;AAAA,IAC5B,OAAO;AAAA,EACT,EAAE;AAEF,SAAO;AAAA,IACL,UAAU,CAAC,EAAE,UAAU,MAAM,MAAM;AACjC,eAAS,EAAE,QAAQ;AACnB,aAAO;AAAA,IACT;AAAA,IACA,UAAU,CAAC,EAAE,SAAS,MAAM;AAC1B,YAAM,QAAQ,SAAS;AACvB,aAAO,SAAS,QAAQ,MAAM,QAAQ,YAAY;AAAA,IACpD;AAAA,IACA,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AASO,MAAM,mBAAmB,CAAI;AAAA,EAClC;AAAA,EACA;AACF,MAAwB;AAEtB,QAAM,QAAQ,SAAS;AACvB,MAAI,CAAC;AAAO,WAAO;AACnB,SAAO,MAAM;AACf;AAuBA,MAAM,gBAAgB,MAAoB;AAExC,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACF;","names":["react"]}
+{"version":3,"sources":["../../../src/server/serverContext.ts"],"sourcesContent":["/**\n * Creates a new datastore for a given server context.\n * Attempts to closely mimic the `createContext` API.\n *\n * @example\n * const IntlayerServer = createServerContext<string | null>(null);\n *\n * <IntlayerServer.Provider value={locale}>\n *      {children}\n * </IntlayerServer.Provider>\n */\n\nimport react from 'react';\n\ntype CacheType<T> = () => { value: T | undefined };\n\nconst cacheFallback = () => () => ({ value: undefined });\n\nexport const createServerContext = <T>(defaultValue?: T): ServerContext<T> => {\n  throwInClient();\n\n  const cache = react.cache<CacheType<T>> ?? cacheFallback;\n\n  const getCache = cache(() => ({\n    value: undefined,\n  }));\n\n  return {\n    Provider: ({ children, value }) => {\n      getCache().value = value;\n      return children;\n    },\n    Consumer: ({ children }) => {\n      const store = getCache();\n      return children(store ? store.value : defaultValue);\n    },\n    _storage: getCache,\n    _defaultValue: defaultValue,\n  };\n};\n\n/**\n * Fetches a value present in a given server context.\n * Attempts to closely mimic the `useContext` API.\n *\n * @example\n * getServerContext(IntlayerServer);\n */\nexport const getServerContext = <T>({\n  _storage,\n  _defaultValue,\n}: ServerContext<T>) => {\n  // throwInClient();\n  const store = _storage();\n  if (!store) return _defaultValue;\n  return store.value;\n};\n\ntype ServerContext<T> = {\n  Provider: ({\n    children,\n    value,\n  }: {\n    children: React.ReactNode;\n    value: T;\n  }) => React.ReactNode;\n  Consumer: ({\n    children,\n  }: {\n    children: (context: T | undefined) => React.ReactNode;\n  }) => React.ReactNode;\n  _storage: () => { value: T | undefined };\n  _defaultValue: T | undefined;\n};\n\n/**\n * Throws if called within a client component environment.\n * Useful to help prevent mistakes.\n */\nconst throwInClient = (): void | never => {\n  // If window.document is defined we're in a client component\n  if (typeof window !== 'undefined') {\n    throw new Error(`createServerContext only works in Server Components`);\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA,mBAAkB;AAIlB,MAAM,gBAAgB,MAAM,OAAO,EAAE,OAAO,OAAU;AAE/C,MAAM,sBAAsB,CAAI,iBAAuC;AAC5E,gBAAc;AAEd,QAAM,QAAQ,aAAAA,QAAM,SAAuB;AAE3C,QAAM,WAAW,MAAM,OAAO;AAAA,IAC5B,OAAO;AAAA,EACT,EAAE;AAEF,SAAO;AAAA,IACL,UAAU,CAAC,EAAE,UAAU,MAAM,MAAM;AACjC,eAAS,EAAE,QAAQ;AACnB,aAAO;AAAA,IACT;AAAA,IACA,UAAU,CAAC,EAAE,SAAS,MAAM;AAC1B,YAAM,QAAQ,SAAS;AACvB,aAAO,SAAS,QAAQ,MAAM,QAAQ,YAAY;AAAA,IACpD;AAAA,IACA,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AASO,MAAM,mBAAmB,CAAI;AAAA,EAClC;AAAA,EACA;AACF,MAAwB;AAEtB,QAAM,QAAQ,SAAS;AACvB,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,MAAM;AACf;AAuBA,MAAM,gBAAgB,MAAoB;AAExC,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACF;","names":["react"]}

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

@@ -1,5 +1,6 @@
 import { UseIntlayer } from '../useIntlayerBase.js';
 import '@intlayer/config';
+import '@intlayer/core';
 import 'intlayer';
 import 'react';
 

package/dist/cjs/useIntlayerBase.cjs

@@ -28,52 +28,34 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useIntlayerBase_exports = {};
 __export(useIntlayerBase_exports, {
-  recursiveStringifyContent: () => recursiveStringifyContent,
   recursiveTransformContent: () => recursiveTransformContent,
   useIntlayerBase: () => useIntlayerBase
 });
 module.exports = __toCommonJS(useIntlayerBase_exports);
 var import_dictionaries_entry = __toESM(require("@intlayer/dictionaries-entry"));
-var import_client = require("intlayer-editor/client");
+var import_react = require("react");
 var import_processDictionary = require('./processDictionary/index.cjs');
-const recursiveTransformContent = (obj) => Object.entries(obj).reduce((acc, [key, value]) => {
-  if (typeof value === "object" && typeof value.keyPath !== "undefined" && typeof value.dictionaryId !== "undefined" && typeof value.dictionaryPath !== "undefined") {
-    return {
-      ...acc,
-      [key]: (0, import_client.renderIntlayerEditor)(value)
-    };
+var import_renderIntlayerEditor = require('./renderIntlayerEditor.cjs');
+const recursiveTransformContent = (value) => {
+  if (typeof value === "function") {
+    return (props) => recursiveTransformContent(value(props));
+  } else if (typeof value === "object" && typeof value.keyPath !== "undefined" && typeof value.dictionaryId !== "undefined" && typeof value.dictionaryPath !== "undefined") {
+    return (0, import_renderIntlayerEditor.renderIntlayerEditor)(value);
   } else if (typeof value === "object" && Array.isArray(value)) {
-    return {
-      ...acc,
-      [key]: value.map(recursiveTransformContent)
-    };
+    return value.map(recursiveTransformContent);
+  } else if (typeof value === "object" && (0, import_react.isValidElement)(value)) {
+    return value;
   } else if (typeof value === "object") {
-    return {
-      ...acc,
-      [key]: recursiveTransformContent(value)
-    };
+    return Object.entries(value).reduce(
+      (acc, [key, value2]) => ({
+        ...acc,
+        [key]: recursiveTransformContent(value2)
+      }),
+      {}
+    );
   }
-  return acc;
-}, {});
-const recursiveStringifyContent = (obj) => Object.entries(obj).reduce((acc, [key, value]) => {
-  if (typeof value === "object" && typeof value.value !== "undefined") {
-    return {
-      ...acc,
-      [key]: value.value
-    };
-  } else if (typeof value === "object" && Array.isArray(value)) {
-    return {
-      ...acc,
-      [key]: value.map(recursiveStringifyContent)
-    };
-  } else if (typeof value === "object") {
-    return {
-      ...acc,
-      [key]: recursiveStringifyContent(value)
-    };
-  }
-  return acc;
-}, {});
+  return value.value;
+};
 const useIntlayerBase = (id, locale) => {
   const dictionary = import_dictionaries_entry.default[id];
   const result = (0, import_processDictionary.processDictionary)(
@@ -87,7 +69,6 @@ const useIntlayerBase = (id, locale) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  recursiveStringifyContent,
   recursiveTransformContent,
   useIntlayerBase
 });

package/dist/cjs/useIntlayerBase.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/useIntlayerBase.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config';\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 type { Dictionary } from '@intlayer/core';\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport { renderIntlayerEditor } from 'intlayer-editor/client';\nimport type { ReactNode } from 'react';\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\nexport type IntlayerNode = ReactNode & {\n  value: string;\n};\n\ntype DeepTransformContent<T> = T extends object\n  ? {\n      [K in keyof T]: DeepTransformContent<T[K]>;\n    }\n  : IntlayerNode;\n\n/**\n * Excludes the 'id' and 'filePath' keys from the dictionary content,\n * as they are not part of the IntlayerDictionaryTypesConnector type.\n */\ntype ExcludeIntlayerUtilsKeys<T> = Omit<T, 'id' | 'filePath'>;\n\n/**\n * Represents the data type returned by the useIntlayer hook,\n * excluding the 'id' and 'filePath' keys from the dictionary content.\n */\ntype Data<T extends DictionaryKeys> = ExcludeIntlayerUtilsKeys<\n  DeepTransformContent<IntlayerDictionaryTypesConnector[T]>\n>;\n\n/**\n * Parcourt the object. If a object has a keyPath, render the intlayer editor if editor enabled.\n */\nexport const recursiveTransformContent = (obj: object): object =>\n  Object.entries(obj).reduce((acc, [key, value]) => {\n    if (\n      typeof value === 'object' &&\n      typeof value.keyPath !== 'undefined' &&\n      typeof value.dictionaryId !== 'undefined' &&\n      typeof value.dictionaryPath !== 'undefined'\n    ) {\n      return {\n        ...acc,\n        [key]: renderIntlayerEditor(value),\n      };\n    } else if (typeof value === 'object' && Array.isArray(value)) {\n      return {\n        ...acc,\n        [key]: value.map(recursiveTransformContent),\n      };\n    } else if (typeof value === 'object') {\n      return {\n        ...acc,\n        [key]: recursiveTransformContent(value),\n      };\n    }\n\n    return acc;\n  }, {});\n\ntype DeepStrinfifyContent<T> =\n  T extends React.ComponentType<unknown>\n    ? string\n    : T extends object\n      ? {\n          [K in keyof T]: DeepStrinfifyContent<T[K]>;\n        }\n      : T;\n\nexport const recursiveStringifyContent = <T extends object>(\n  obj: T\n): DeepStrinfifyContent<T> =>\n  Object.entries(obj).reduce((acc, [key, value]) => {\n    if (typeof value === 'object' && typeof value.value !== 'undefined') {\n      return {\n        ...acc,\n        [key]: value.value,\n      };\n    } else if (typeof value === 'object' && Array.isArray(value)) {\n      return {\n        ...acc,\n        [key]: value.map(recursiveStringifyContent),\n      };\n    } else if (typeof value === 'object') {\n      return {\n        ...acc,\n        [key]: recursiveStringifyContent(value),\n      };\n    }\n\n    return acc;\n  }, {}) as DeepStrinfifyContent<T>;\n\n/**\n * Type definition for the useIntlayer hook, which takes a dictionary ID and an optional locale,\n * and returns the deeply transformed dictionary content.\n *\n */\nexport type UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => Data<T>;\n\n/**\n * Hook that picks one dictionary by its ID and returns the content,\n * deeply transformed according to the dictionary structure and metadata.\n */\nexport const useIntlayerBase: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const dictionary: Dictionary = dictionaries[id];\n\n  const result = processDictionary(\n    dictionary,\n    id,\n    dictionary.filePath,\n    [],\n    locale\n  ) as object;\n\n  return recursiveTransformContent(result) as Data<T>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,gCAAyB;AAEzB,oBAAqC;AAErC,+BAAkC;AAmD3B,MAAM,4BAA4B,CAAC,QACxC,OAAO,QAAQ,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AAChD,MACE,OAAO,UAAU,YACjB,OAAO,MAAM,YAAY,eACzB,OAAO,MAAM,iBAAiB,eAC9B,OAAO,MAAM,mBAAmB,aAChC;AACA,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,OAAG,oCAAqB,KAAK;AAAA,IACnC;AAAA,EACF,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,GAAG;AAC5D,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,MAAM,IAAI,yBAAyB;AAAA,IAC5C;AAAA,EACF,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,0BAA0B,KAAK;AAAA,IACxC;AAAA,EACF;AAEA,SAAO;AACT,GAAG,CAAC,CAAC;AAWA,MAAM,4BAA4B,CACvC,QAEA,OAAO,QAAQ,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AAChD,MAAI,OAAO,UAAU,YAAY,OAAO,MAAM,UAAU,aAAa;AACnE,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,MAAM;AAAA,IACf;AAAA,EACF,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,GAAG;AAC5D,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,MAAM,IAAI,yBAAyB;AAAA,IAC5C;AAAA,EACF,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,0BAA0B,KAAK;AAAA,IACxC;AAAA,EACF;AAEA,SAAO;AACT,GAAG,CAAC,CAAC;AAgBA,MAAM,kBAA+B,CAC1C,IACA,WACG;AACH,QAAM,aAAyB,0BAAAA,QAAa,EAAE;AAE9C,QAAM,aAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AAEA,SAAO,0BAA0B,MAAM;AACzC;","names":["dictionaries"]}
+{"version":3,"sources":["../../src/useIntlayerBase.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Locales } from '@intlayer/config';\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 type { Dictionary, NodeType } from '@intlayer/core';\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport { isValidElement, type ReactNode } from 'react';\nimport { processDictionary } from './processDictionary/index';\nimport { renderIntlayerEditor } from './renderIntlayerEditor';\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\nexport type IntlayerNode<T = string> = ReactNode & {\n  value: T;\n};\n\ntype TransformNodeType<T, L extends Locales> = T extends {\n  [NodeType.Enumeration]: { '1': any };\n}\n  ? (quantity: number) => DeepTransformContent<T[NodeType.Enumeration]['1'], L>\n  : T extends {\n        [NodeType.Translation]: object;\n      }\n    ? L extends keyof T[NodeType.Translation]\n      ? DeepTransformContent<T[NodeType.Translation][L], L> // DeepTransformContent<T[L], L>\n      : never\n    : T;\n\ntype DeepTransformContent<T, L extends Locales> = T extends object // Check if the property is an object\n  ? T extends (infer U)[] // If it's an array, infer the type of array elements\n    ? DeepTransformContent<U, L>[] // Apply DeepTransformContent recursively to each element of the array\n    : T extends {\n          nodeType: NodeType | string;\n        }\n      ? TransformNodeType<T, L>\n      : T extends { _owner: any; key: any; props: any; ref: any }\n        ? ReactNode\n        : {\n            [K in keyof T]: DeepTransformContent<T[K], L>;\n          }\n  : T extends undefined\n    ? never\n    : IntlayerNode<T>;\n\n/**\n * Excludes the 'id' and 'filePath' keys from the dictionary content,\n * as they are not part of the IntlayerDictionaryTypesConnector type.\n */\ntype ExcludeIntlayerUtilsKeys<T> = Omit<T, 'id' | 'filePath'>;\n\n/**\n * Represents the data type returned by the useIntlayer hook,\n * excluding the 'id' and 'filePath' keys from the dictionary content.\n */\ntype Data<\n  T extends DictionaryKeys,\n  K extends Locales,\n> = ExcludeIntlayerUtilsKeys<\n  DeepTransformContent<IntlayerDictionaryTypesConnector[T], K>\n>;\n\n/**\n * Parcourt the object. If a object has a keyPath, render the intlayer editor if editor enabled.\n */\nexport const recursiveTransformContent = (value: any): object => {\n  if (typeof value === 'function') {\n    return (props: any) => recursiveTransformContent(value(props));\n  } else if (\n    typeof value === 'object' &&\n    typeof value.keyPath !== 'undefined' &&\n    typeof value.dictionaryId !== 'undefined' &&\n    typeof value.dictionaryPath !== 'undefined'\n  ) {\n    return renderIntlayerEditor(value);\n  } else if (typeof value === 'object' && Array.isArray(value)) {\n    return value.map(recursiveTransformContent);\n  } else if (typeof value === 'object' && isValidElement(value)) {\n    return value;\n  } else if (typeof value === 'object') {\n    return Object.entries(value).reduce(\n      (acc, [key, value]) => ({\n        ...acc,\n        [key]: recursiveTransformContent(value),\n      }),\n      {} as object\n    );\n  }\n\n  return value.value;\n};\n\n/**\n * Type definition for the useIntlayer hook, which takes a dictionary ID and an optional locale,\n * and returns the deeply transformed dictionary content.\n *\n */\nexport type UseIntlayer = <T extends DictionaryKeys, L extends Locales>(\n  id: T,\n  locale?: L\n) => Data<T, L>;\n\n/**\n * Hook that picks one dictionary by its ID and returns the content,\n * deeply transformed according to the dictionary structure and metadata.\n */\nexport const useIntlayerBase: UseIntlayer = <\n  T extends DictionaryKeys,\n  L extends Locales,\n>(\n  id: T,\n  locale?: L\n) => {\n  const dictionary: Dictionary = dictionaries[id as keyof typeof dictionaries];\n\n  const result = processDictionary(\n    dictionary,\n    id,\n    dictionary.filePath,\n    [],\n    locale\n  ) as object;\n\n  return recursiveTransformContent(result) as Data<T, L>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,gCAAyB;AAEzB,mBAA+C;AAC/C,+BAAkC;AAClC,kCAAqC;AA4E9B,MAAM,4BAA4B,CAAC,UAAuB;AAC/D,MAAI,OAAO,UAAU,YAAY;AAC/B,WAAO,CAAC,UAAe,0BAA0B,MAAM,KAAK,CAAC;AAAA,EAC/D,WACE,OAAO,UAAU,YACjB,OAAO,MAAM,YAAY,eACzB,OAAO,MAAM,iBAAiB,eAC9B,OAAO,MAAM,mBAAmB,aAChC;AACA,eAAO,kDAAqB,KAAK;AAAA,EACnC,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,GAAG;AAC5D,WAAO,MAAM,IAAI,yBAAyB;AAAA,EAC5C,WAAW,OAAO,UAAU,gBAAY,6BAAe,KAAK,GAAG;AAC7D,WAAO;AAAA,EACT,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO,OAAO,QAAQ,KAAK,EAAE;AAAA,MAC3B,CAAC,KAAK,CAAC,KAAKA,MAAK,OAAO;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,GAAG,GAAG,0BAA0BA,MAAK;AAAA,MACxC;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO,MAAM;AACf;AAgBO,MAAM,kBAA+B,CAI1C,IACA,WACG;AACH,QAAM,aAAyB,0BAAAC,QAAa,EAA+B;AAE3E,QAAM,aAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AAEA,SAAO,0BAA0B,MAAM;AACzC;","names":["value","dictionaries"]}