react-intlayer 4.0.2 → 4.0.4

package/dist/cjs/recursiveTransformContent.cjs

@@ -0,0 +1,54 @@
+"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 recursiveTransformContent_exports = {};
+__export(recursiveTransformContent_exports, {
+  recursiveTransformContent: () => recursiveTransformContent
+});
+module.exports = __toCommonJS(recursiveTransformContent_exports);
+var import_react = require("react");
+var import_renderContentEditor = require('./editor/renderContentEditor.cjs');
+const recursiveTransformContent = (value, isRenderEditor = false) => {
+  if (typeof value === "function") {
+    return (props) => recursiveTransformContent(value(props), isRenderEditor);
+  } else if (typeof value === "object") {
+    if (typeof value.dictionaryKey !== "undefined") {
+      if (isRenderEditor) {
+        return (0, import_renderContentEditor.renderIntlayerEditor)(value);
+      }
+      return value.content;
+    } else if (Array.isArray(value)) {
+      return value.map((el) => recursiveTransformContent(el, isRenderEditor));
+    } else if ((0, import_react.isValidElement)(value)) {
+      return value;
+    }
+    return Object.entries(value).reduce(
+      (acc, [key, value2]) => ({
+        ...acc,
+        [key]: recursiveTransformContent(value2, isRenderEditor)
+      }),
+      {}
+    );
+  }
+  return value;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  recursiveTransformContent
+});
+//# sourceMappingURL=recursiveTransformContent.cjs.map

package/dist/cjs/recursiveTransformContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/recursiveTransformContent.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Locales } from '@intlayer/config';\nimport type { NodeType } from '@intlayer/core';\nimport { isValidElement, type ReactNode } from 'react';\nimport {\n  type IntlayerNode,\n  renderIntlayerEditor,\n} from './editor/renderContentEditor';\n\ntype TransformNodeType<T, L extends Locales, R extends boolean> = T extends {\n  [NodeType.Enumeration]: { '1': any };\n}\n  ? (\n      quantity: number\n    ) => DeepTransformContent<T[NodeType.Enumeration]['1'], L, R>\n  : T extends {\n        [NodeType.Translation]: object;\n      }\n    ? L extends keyof T[NodeType.Translation]\n      ? DeepTransformContent<T[NodeType.Translation][L], L, R>\n      : never\n    : T;\n\nexport type DeepTransformContent<\n  T,\n  L extends Locales,\n  R extends boolean,\n> = T extends object // Check if the property is an object\n  ? T extends (infer U)[] // If it's an array, infer the type of array elements\n    ? DeepTransformContent<U, L, R>[] // Apply DeepTransformContent recursively to each element of the array\n    : T extends {\n          nodeType: NodeType | string;\n        }\n      ? TransformNodeType<T, L, R>\n      : T extends { _owner: any; key: any; props: any; ref: any }\n        ? ReactNode\n        : {\n            [K in keyof T]: DeepTransformContent<T[K], L, R>;\n          }\n  : T extends undefined\n    ? never\n    : R extends true\n      ? IntlayerNode<T>\n      : T;\n\n/**\n * Go through the object. If a object has a keyPath, render the intlayer editor if editor enabled.\n */\nexport const recursiveTransformContent = (\n  value: any,\n  isRenderEditor = false\n): object => {\n  if (typeof value === 'function') {\n    return (props: any) =>\n      recursiveTransformContent(value(props), isRenderEditor);\n  } else if (typeof value === 'object') {\n    if (typeof value.dictionaryKey !== 'undefined') {\n      if (isRenderEditor) {\n        return renderIntlayerEditor(value);\n      }\n      return value.content;\n    } else if (Array.isArray(value)) {\n      return value.map((el) => recursiveTransformContent(el, isRenderEditor));\n    } else if (isValidElement(value)) {\n      return value;\n    }\n\n    return Object.entries(value).reduce(\n      (acc, [key, value]) => ({\n        ...acc,\n        [key]: recursiveTransformContent(value, isRenderEditor),\n      }),\n      {} as object\n    );\n  }\n\n  return value;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA+C;AAC/C,iCAGO;AAyCA,MAAM,4BAA4B,CACvC,OACA,iBAAiB,UACN;AACX,MAAI,OAAO,UAAU,YAAY;AAC/B,WAAO,CAAC,UACN,0BAA0B,MAAM,KAAK,GAAG,cAAc;AAAA,EAC1D,WAAW,OAAO,UAAU,UAAU;AACpC,QAAI,OAAO,MAAM,kBAAkB,aAAa;AAC9C,UAAI,gBAAgB;AAClB,mBAAO,iDAAqB,KAAK;AAAA,MACnC;AACA,aAAO,MAAM;AAAA,IACf,WAAW,MAAM,QAAQ,KAAK,GAAG;AAC/B,aAAO,MAAM,IAAI,CAAC,OAAO,0BAA0B,IAAI,cAAc,CAAC;AAAA,IACxE,eAAW,6BAAe,KAAK,GAAG;AAChC,aAAO;AAAA,IACT;AAEA,WAAO,OAAO,QAAQ,KAAK,EAAE;AAAA,MAC3B,CAAC,KAAK,CAAC,KAAKA,MAAK,OAAO;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,GAAG,GAAG,0BAA0BA,QAAO,cAAc;AAAA,MACxD;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;","names":["value"]}

package/dist/esm/UI/ContentSelector.mjs

@@ -0,0 +1,107 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  useEffect,
+  useState,
+  useRef,
+  useCallback
+} from "react";
+const DEFAULT_PRESS_DETECT_DURATION = 400;
+const ContentSelector = ({
+  children,
+  onPress: onSelect,
+  onClickOutside: onUnselect,
+  pressDuration = DEFAULT_PRESS_DETECT_DURATION,
+  isSelecting: isSelectingProp,
+  ...props
+}) => {
+  const divRef = useRef(null);
+  const [isHovered, setIsHovered] = useState(false);
+  const [isSelectingState, setIsSelectingState] = useState(isSelectingProp);
+  const pressTimerRef = useRef(null);
+  const handleOnLongPress = () => {
+    setIsSelectingState(true);
+    onSelect();
+  };
+  const startPressTimer = () => {
+    pressTimerRef.current = setTimeout(() => {
+      handleOnLongPress();
+    }, pressDuration);
+  };
+  const clearPressTimer = () => {
+    if (pressTimerRef.current) {
+      clearTimeout(pressTimerRef.current);
+      pressTimerRef.current = null;
+    }
+  };
+  const handleMouseDown = () => {
+    clearPressTimer();
+    startPressTimer();
+  };
+  const handleMouseEnter = () => {
+    setIsHovered(true);
+  };
+  const handleMouseUp = () => {
+    setIsHovered(false);
+    clearPressTimer();
+  };
+  const handleClickOutside = useCallback(
+    (event) => {
+      if (divRef.current && !divRef.current.contains(event.target)) {
+        setIsSelectingState(false);
+        onUnselect?.();
+      }
+    },
+    [onUnselect]
+  );
+  useEffect(() => {
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [handleClickOutside]);
+  const handleOnClick = (e) => {
+    if (isSelectingState) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  };
+  const handleOnBlur = () => {
+    setIsSelectingState(false);
+  };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      style: {
+        display: "inline",
+        cursor: "pointer",
+        userSelect: "none",
+        borderRadius: "0.375rem",
+        outlineWidth: "2px",
+        outlineOffset: "4px",
+        outlineStyle: "solid",
+        outlineColor: isSelectingProp || isSelectingState || isHovered ? "inherit" : "transparent",
+        transition: "all 200ms 100ms ease-in-out"
+      },
+      role: "button",
+      tabIndex: 0,
+      onKeyUp: () => null,
+      onClick: handleOnClick,
+      onMouseDown: handleMouseDown,
+      onMouseUp: handleMouseUp,
+      onMouseLeave: handleMouseUp,
+      onTouchStart: handleMouseDown,
+      onTouchEnd: handleMouseUp,
+      onTouchCancel: handleMouseUp,
+      onBlur: handleOnBlur,
+      onMouseEnter: handleMouseEnter,
+      ref: divRef,
+      ...props,
+      children
+    }
+  );
+};
+export {
+  ContentSelector
+};
+//# sourceMappingURL=ContentSelector.mjs.map

package/dist/esm/UI/ContentSelector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/UI/ContentSelector.tsx"],"sourcesContent":["'use client';\n\nimport {\n  useEffect,\n  useState,\n  useRef,\n  useCallback,\n  type FC,\n  type MouseEventHandler,\n  type HTMLAttributes,\n} from 'react';\n\nconst DEFAULT_PRESS_DETECT_DURATION = 400;\n\ntype ContentSelectorProps = {\n  onPress: () => void;\n  onClickOutside?: () => void;\n  pressDuration?: number;\n  isSelecting?: boolean;\n} & HTMLAttributes<HTMLDivElement>;\n\nexport const ContentSelector: FC<ContentSelectorProps> = ({\n  children,\n  onPress: onSelect,\n  onClickOutside: onUnselect,\n  pressDuration = DEFAULT_PRESS_DETECT_DURATION,\n  isSelecting: isSelectingProp,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isSelectingState, setIsSelectingState] = useState(isSelectingProp);\n  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const handleOnLongPress = () => {\n    setIsSelectingState(true);\n    onSelect();\n  };\n\n  const startPressTimer = () => {\n    pressTimerRef.current = setTimeout(() => {\n      handleOnLongPress();\n    }, pressDuration);\n  };\n\n  const clearPressTimer = () => {\n    if (pressTimerRef.current) {\n      clearTimeout(pressTimerRef.current);\n      pressTimerRef.current = null;\n    }\n  };\n\n  const handleMouseDown = () => {\n    clearPressTimer(); // Ensure any previous timer is cleared\n    startPressTimer();\n  };\n\n  const handleMouseEnter = () => {\n    setIsHovered(true);\n  };\n\n  const handleMouseUp = () => {\n    setIsHovered(false);\n    clearPressTimer();\n  };\n\n  // Use useCallback to ensure the function identity remains stable\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        setIsSelectingState(false);\n        onUnselect?.();\n      }\n    },\n    [onUnselect]\n  );\n\n  useEffect(() => {\n    // Attach click outside listener\n    document.addEventListener('mousedown', handleClickOutside);\n\n    return () => {\n      // Cleanup\n      document.removeEventListener('mousedown', handleClickOutside);\n      // clearPressTimer(); // Ensure to clear the timer when component unmounts\n    };\n  }, [handleClickOutside]);\n\n  const handleOnClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    if (isSelectingState) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const handleOnBlur = () => {\n    // Stop editing when the element loses focus\n    setIsSelectingState(false);\n  };\n\n  return (\n    <span\n      style={{\n        display: 'inline',\n        cursor: 'pointer',\n        userSelect: 'none',\n        borderRadius: '0.375rem',\n        outlineWidth: '2px',\n        outlineOffset: '4px',\n        outlineStyle: 'solid',\n        outlineColor:\n          isSelectingProp || isSelectingState || isHovered\n            ? 'inherit'\n            : 'transparent',\n        transition: 'all 200ms 100ms ease-in-out',\n      }}\n      role=\"button\"\n      tabIndex={0}\n      onKeyUp={() => null}\n      onClick={handleOnClick}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      onMouseLeave={handleMouseUp}\n      onTouchStart={handleMouseDown}\n      onTouchEnd={handleMouseUp}\n      onTouchCancel={handleMouseUp}\n      onBlur={handleOnBlur}\n      onMouseEnter={handleMouseEnter}\n      ref={divRef}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n"],"mappings":";AAqGI;AAnGJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAEP,MAAM,gCAAgC;AAS/B,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,OAAuB,IAAI;AAC1C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,eAAe;AACxE,QAAM,gBAAgB,OAA6C,IAAI;AAEvE,QAAM,oBAAoB,MAAM;AAC9B,wBAAoB,IAAI;AACxB,aAAS;AAAA,EACX;AAEA,QAAM,kBAAkB,MAAM;AAC5B,kBAAc,UAAU,WAAW,MAAM;AACvC,wBAAkB;AAAA,IACpB,GAAG,aAAa;AAAA,EAClB;AAEA,QAAM,kBAAkB,MAAM;AAC5B,QAAI,cAAc,SAAS;AACzB,mBAAa,cAAc,OAAO;AAClC,oBAAc,UAAU;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,kBAAkB,MAAM;AAC5B,oBAAgB;AAChB,oBAAgB;AAAA,EAClB;AAEA,QAAM,mBAAmB,MAAM;AAC7B,iBAAa,IAAI;AAAA,EACnB;AAEA,QAAM,gBAAgB,MAAM;AAC1B,iBAAa,KAAK;AAClB,oBAAgB;AAAA,EAClB;AAGA,QAAM,qBAAqB;AAAA,IACzB,CAAC,UAAsB;AACrB,UAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACpE,4BAAoB,KAAK;AACzB,qBAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,YAAU,MAAM;AAEd,aAAS,iBAAiB,aAAa,kBAAkB;AAEzD,WAAO,MAAM;AAEX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAE9D;AAAA,EACF,GAAG,CAAC,kBAAkB,CAAC;AAEvB,QAAM,gBAAmD,CAAC,MAAM;AAC9D,QAAI,kBAAkB;AACpB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,eAAe,MAAM;AAEzB,wBAAoB,KAAK;AAAA,EAC3B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,cAAc;AAAA,QACd,eAAe;AAAA,QACf,cAAc;AAAA,QACd,cACE,mBAAmB,oBAAoB,YACnC,YACA;AAAA,QACN,YAAY;AAAA,MACd;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS,MAAM;AAAA,MACf,SAAS;AAAA,MACT,aAAa;AAAA,MACb,WAAW;AAAA,MACX,cAAc;AAAA,MACd,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,KAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/esm/client/IntlayerProvider.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { getConfiguration } from "@intlayer/config/client";
 import {
   createContext,
@@ -10,6 +10,7 @@ import {
 } from "react";
 import { localeCookie, setLocaleCookie } from './useLocaleCookie.mjs';
 import { IntlayerEditorProvider } from '../editor/IntlayerEditorProvider.mjs';
+import { PoweredByMeta } from './PoweredByMeta.mjs';
 const IntlayerClientContext = createContext({
   locale: localeCookie ?? getConfiguration().internationalization.defaultLocale,
   setLocale: () => null
@@ -42,7 +43,10 @@ const IntlayerProvider = ({
     () => ({ locale: currentLocale, setLocale }),
     [currentLocale, setLocale]
   );
-  return /* @__PURE__ */ jsx(IntlayerClientContext.Provider, { value, children: /* @__PURE__ */ jsx(IntlayerEditorProvider, { children }) });
+  return /* @__PURE__ */ jsxs(IntlayerClientContext.Provider, { value, children: [
+    /* @__PURE__ */ jsx(PoweredByMeta, {}),
+    /* @__PURE__ */ jsx(IntlayerEditorProvider, { children })
+  ] });
 };
 export {
   IntlayerClientContext,

package/dist/esm/client/IntlayerProvider.mjs.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 { localeCookie, setLocaleCookie } from './useLocaleCookie';\nimport { IntlayerEditorProvider } from '../editor/IntlayerEditorProvider';\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 { internationalization } = getConfiguration();\n  const { defaultLocale, locales: availableLocales } = 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      <IntlayerEditorProvider>{children}</IntlayerEditorProvider>\n    </IntlayerClientContext.Provider>\n  );\n};\n"],"mappings":";AA6EM;AA3EN,SAAS,wBAAsC;AAC/C;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc,uBAAuB;AAC9C,SAAS,8BAA8B;AAUhC,MAAM,wBAAwB,cAA6B;AAAA,EAChE,QAAQ,gBAAgB,iBAAiB,EAAE,qBAAqB;AAAA,EAChE,WAAW,MAAM;AACnB,CAAC;AAKM,MAAM,qBAAqB,MAAM,WAAW,qBAAqB;AAUjE,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA,WAAW;AACb,MAAM;AACJ,QAAM,EAAE,qBAAqB,IAAI,iBAAiB;AAClD,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAAI;AAErD,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,UAAU,gBAAgB;AAAA,EAC5B;AAEA,QAAM,gBAAgB;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,sBAAgB,SAAS;AAAA,IAC3B;AAAA,IACA,CAAC,kBAAkB,eAAe,MAAM;AAAA,EAC1C;AAEA,QAAM,YAAY,iBAAiB;AAEnC,QAAM,QAAuB;AAAA,IAC3B,OAAO,EAAE,QAAQ,eAAe,UAAqB;AAAA,IACrD,CAAC,eAAe,SAAS;AAAA,EAC3B;AAEA,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAC9B,8BAAC,0BAAwB,UAAS,GACpC;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 { localeCookie, setLocaleCookie } from './useLocaleCookie';\nimport { IntlayerEditorProvider } from '../editor/IntlayerEditorProvider';\nimport { PoweredByMeta } from './PoweredByMeta';\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 { internationalization } = getConfiguration();\n  const { defaultLocale, locales: availableLocales } = 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      <PoweredByMeta />\n      <IntlayerEditorProvider>{children}</IntlayerEditorProvider>\n    </IntlayerClientContext.Provider>\n  );\n};\n"],"mappings":";AA6EI,SACE,KADF;AA3EJ,SAAS,wBAAsC;AAC/C;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc,uBAAuB;AAC9C,SAAS,8BAA8B;AACvC,SAAS,qBAAqB;AAUvB,MAAM,wBAAwB,cAA6B;AAAA,EAChE,QAAQ,gBAAgB,iBAAiB,EAAE,qBAAqB;AAAA,EAChE,WAAW,MAAM;AACnB,CAAC;AAKM,MAAM,qBAAqB,MAAM,WAAW,qBAAqB;AAUjE,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA,WAAW;AACb,MAAM;AACJ,QAAM,EAAE,qBAAqB,IAAI,iBAAiB;AAClD,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAAI;AAErD,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,UAAU,gBAAgB;AAAA,EAC5B;AAEA,QAAM,gBAAgB;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,sBAAgB,SAAS;AAAA,IAC3B;AAAA,IACA,CAAC,kBAAkB,eAAe,MAAM;AAAA,EAC1C;AAEA,QAAM,YAAY,iBAAiB;AAEnC,QAAM,QAAuB;AAAA,IAC3B,OAAO,EAAE,QAAQ,eAAe,UAAqB;AAAA,IACrD,CAAC,eAAe,SAAS;AAAA,EAC3B;AAEA,SACE,qBAAC,sBAAsB,UAAtB,EAA+B,OAC9B;AAAA,wBAAC,iBAAc;AAAA,IACf,oBAAC,0BAAwB,UAAS;AAAA,KACpC;AAEJ;","names":[]}

package/dist/esm/client/PoweredByMeta.mjs

@@ -0,0 +1,21 @@
+"use client";
+import { useEffect } from "react";
+const PoweredByMeta = () => {
+  if (process.env.NODE_ENV !== "production") return null;
+  useEffect(() => {
+    const existingMeta = document.head.querySelector(
+      'meta[name="content-powered-by"]'
+    );
+    if (!existingMeta) {
+      const metaTag = document.createElement("meta");
+      metaTag.name = "content-powered-by";
+      metaTag.content = "Intlayer - https://intlayer.org";
+      document.head.appendChild(metaTag);
+    }
+  }, []);
+  return null;
+};
+export {
+  PoweredByMeta
+};
+//# sourceMappingURL=PoweredByMeta.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/PoweredByMeta.ts"],"sourcesContent":["'use client';\n\nimport { type FC, useEffect } from 'react';\n\nexport const PoweredByMeta: FC = () => {\n  if (process.env.NODE_ENV !== 'production') return null;\n\n  useEffect(() => {\n    // Check if the meta tag already exists\n    const existingMeta = document.head.querySelector(\n      'meta[name=\"content-powered-by\"]'\n    );\n\n    if (!existingMeta) {\n      const metaTag = document.createElement('meta');\n      metaTag.name = 'content-powered-by';\n      metaTag.content = 'Intlayer - https://intlayer.org';\n      document.head.appendChild(metaTag);\n    }\n  }, []);\n\n  return null; // This component does not render anything visible\n};\n"],"mappings":";AAEA,SAAkB,iBAAiB;AAE5B,MAAM,gBAAoB,MAAM;AACrC,MAAI,QAAQ,IAAI,aAAa,aAAc,QAAO;AAElD,YAAU,MAAM;AAEd,UAAM,eAAe,SAAS,KAAK;AAAA,MACjC;AAAA,IACF;AAEA,QAAI,CAAC,cAAc;AACjB,YAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,cAAQ,OAAO;AACf,cAAQ,UAAU;AAClB,eAAS,KAAK,YAAY,OAAO;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;","names":[]}

package/dist/esm/editor/ContentSelectorWrapper.mjs

@@ -1,7 +1,65 @@
+"use client";
 import { Fragment, jsx } from "react/jsx-runtime";
+import { isSameKeyPath } from "@intlayer/core";
+import {
+  useFocusDictionary,
+  useEditedContentActions,
+  useEditorEnabled
+} from "@intlayer/editor-react";
+import {
+  useCallback,
+  useEffect,
+  useState,
+  useMemo
+} from "react";
+import { ContentSelector } from '../UI/ContentSelector.mjs';
 const ContentSelectorWrapper = ({
-  children
-}) => /* @__PURE__ */ jsx(Fragment, { children });
+  children,
+  dictionaryKey,
+  dictionaryPath,
+  keyPath,
+  ...props
+}) => {
+  const { enabled } = useEditorEnabled();
+  const { focusedContent, setFocusedContent } = useFocusDictionary();
+  const { getEditedContentValue } = useEditedContentActions();
+  const editedValue = useMemo(
+    () => getEditedContentValue(dictionaryKey, keyPath),
+    [dictionaryKey, keyPath, getEditedContentValue]
+  );
+  const [displayedChildren, setDisplayedChildren] = useState(children);
+  const handleSelect = useCallback(
+    () => setFocusedContent({
+      dictionaryKey,
+      dictionaryPath,
+      keyPath
+    }),
+    [dictionaryKey, dictionaryPath, keyPath, setFocusedContent]
+  );
+  const isSelected = useMemo(
+    () => (focusedContent?.dictionaryKey === dictionaryKey && (focusedContent?.keyPath?.length ?? 0) > 0 && isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ?? false,
+    [focusedContent, keyPath]
+  );
+  useEffect(() => {
+    if (editedValue && typeof editedValue === "string") {
+      setDisplayedChildren(editedValue);
+    } else {
+      setDisplayedChildren(children);
+    }
+  }, [editedValue, focusedContent, children]);
+  if (enabled) {
+    return /* @__PURE__ */ jsx(
+      ContentSelector,
+      {
+        onPress: handleSelect,
+        isSelecting: isSelected,
+        ...props,
+        children: displayedChildren
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
 export {
   ContentSelectorWrapper
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["import { type KeyPath } from '@intlayer/core';\nimport { type PropsWithChildren, type FC } from 'react';\n\nexport type ContentSelectorWrapperProps = PropsWithChildren<{\n  dictionaryKey: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n}>;\n\nexport const ContentSelectorWrapper: FC<ContentSelectorWrapperProps> = ({\n  children,\n}) => <>{children}</>;\n"],"mappings":"AAWM;AAFC,MAAM,yBAA0D,CAAC;AAAA,EACtE;AACF,MAAM,gCAAG,UAAS;","names":[]}
+{"version":3,"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { isSameKeyPath, type KeyPath } from '@intlayer/core';\nimport {\n  useFocusDictionary,\n  useEditedContentActions,\n  useEditorEnabled,\n} from '@intlayer/editor-react';\nimport {\n  useCallback,\n  useEffect,\n  useState,\n  useMemo,\n  type FC,\n  type ReactNode,\n  HTMLAttributes,\n} from 'react';\nimport { ContentSelector } from '../UI/ContentSelector';\n\ntype ContentData = {\n  dictionaryKey: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n};\n\nexport type ContentSelectorWrapperProps = ContentData &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const ContentSelectorWrapper: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryKey,\n  dictionaryPath,\n  keyPath,\n  ...props\n}) => {\n  const { enabled } = useEditorEnabled();\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n  const { getEditedContentValue } = useEditedContentActions();\n\n  const editedValue = useMemo(\n    () => getEditedContentValue(dictionaryKey, keyPath),\n    [dictionaryKey, keyPath, getEditedContentValue]\n  );\n\n  const [displayedChildren, setDisplayedChildren] =\n    useState<ReactNode>(children);\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        dictionaryPath,\n        keyPath,\n      }),\n    [dictionaryKey, dictionaryPath, keyPath, setFocusedContent]\n  );\n\n  const isSelected = useMemo(\n    () =>\n      (focusedContent?.dictionaryKey === dictionaryKey &&\n        (focusedContent?.keyPath?.length ?? 0) > 0 &&\n        isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n      false,\n    [focusedContent, keyPath]\n  );\n\n  useEffect(() => {\n    // Use useEffect to avoid 'Text content does not match server-rendered HTML' error\n    if (editedValue && typeof editedValue === 'string') {\n      setDisplayedChildren(editedValue);\n    } else {\n      setDisplayedChildren(children);\n    }\n  }, [editedValue, focusedContent, children]);\n\n  if (enabled) {\n    return (\n      <ContentSelector\n        onPress={handleSelect}\n        isSelecting={isSelected}\n        {...props}\n      >\n        {displayedChildren}\n      </ContentSelector>\n    );\n  }\n\n  return <>{children}</>;\n};\n"],"mappings":";AA6EM,SAUG,UAVH;AA3EN,SAAS,qBAAmC;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP,SAAS,uBAAuB;AAWzB,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,QAAQ,IAAI,iBAAiB;AACrC,QAAM,EAAE,gBAAgB,kBAAkB,IAAI,mBAAmB;AACjE,QAAM,EAAE,sBAAsB,IAAI,wBAAwB;AAE1D,QAAM,cAAc;AAAA,IAClB,MAAM,sBAAsB,eAAe,OAAO;AAAA,IAClD,CAAC,eAAe,SAAS,qBAAqB;AAAA,EAChD;AAEA,QAAM,CAAC,mBAAmB,oBAAoB,IAC5C,SAAoB,QAAQ;AAE9B,QAAM,eAAe;AAAA,IACnB,MACE,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,eAAe,gBAAgB,SAAS,iBAAiB;AAAA,EAC5D;AAEA,QAAM,aAAa;AAAA,IACjB,OACG,gBAAgB,kBAAkB,kBAChC,gBAAgB,SAAS,UAAU,KAAK,KACzC,cAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAAA,IACF,CAAC,gBAAgB,OAAO;AAAA,EAC1B;AAEA,YAAU,MAAM;AAEd,QAAI,eAAe,OAAO,gBAAgB,UAAU;AAClD,2BAAqB,WAAW;AAAA,IAClC,OAAO;AACL,2BAAqB,QAAQ;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,aAAa,gBAAgB,QAAQ,CAAC;AAE1C,MAAI,SAAS;AACX,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,aAAa;AAAA,QACZ,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SAAO,gCAAG,UAAS;AACrB;","names":[]}

package/dist/esm/editor/IntlayerEditorProvider.mjs

@@ -1,10 +1,41 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { PoweredByMeta } from '../utils/PoweredByMeta/index.mjs';
-import { ContentSelectorProvider } from './ContentSelectorConnector.mjs';
-const IntlayerEditorProvider = ({ children }) => /* @__PURE__ */ jsxs(ContentSelectorProvider, { children: [
-  /* @__PURE__ */ jsx(PoweredByMeta, {}),
-  children
-] });
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { getConfiguration } from "@intlayer/config/client";
+import dictionaries from "@intlayer/dictionaries-entry";
+import {
+  EditorProvider,
+  useCrossURLPathState,
+  useDictionariesRecordActions,
+  useConfigurationActions,
+  useIframeClickInterceptor
+} from "@intlayer/editor-react";
+import { useEffect } from "react";
+const IntlayerEditorProviderEnabled = () => {
+  useCrossURLPathState(void 0, {
+    receive: false,
+    emit: true
+  });
+  const { setConfiguration } = useConfigurationActions();
+  const { setLocaleDictionaries } = useDictionariesRecordActions();
+  useEffect(() => {
+    setLocaleDictionaries(dictionaries);
+    const config = getConfiguration();
+    setConfiguration(config);
+  }, [setLocaleDictionaries]);
+  useIframeClickInterceptor();
+  return /* @__PURE__ */ jsx(Fragment, {});
+};
+const IntlayerEditorProvider = ({ children }) => /* @__PURE__ */ jsxs(
+  EditorProvider,
+  {
+    postMessage: (data) => window.parent?.postMessage(data, "*"),
+    allowedOrigins: ["*"],
+    children: [
+      /* @__PURE__ */ jsx(IntlayerEditorProviderEnabled, {}),
+      children
+    ]
+  }
+);
 export {
   IntlayerEditorProvider
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/IntlayerEditorProvider.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\nimport { PoweredByMeta } from '../utils/PoweredByMeta/index';\nimport { ContentSelectorProvider } from './ContentSelectorConnector';\n\nexport const IntlayerEditorProvider: FC<PropsWithChildren> = ({ children }) => (\n  <ContentSelectorProvider>\n    <PoweredByMeta />\n    {children}\n  </ContentSelectorProvider>\n);\n"],"mappings":"AAKE,SACE,KADF;AAJF,SAAS,qBAAqB;AAC9B,SAAS,+BAA+B;AAEjC,MAAM,yBAAgD,CAAC,EAAE,SAAS,MACvE,qBAAC,2BACC;AAAA,sBAAC,iBAAc;AAAA,EACd;AAAA,GACH;","names":[]}
+{"version":3,"sources":["../../../src/editor/IntlayerEditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport {\n  EditorProvider,\n  useCrossURLPathState,\n  useDictionariesRecordActions,\n  useConfigurationActions,\n  useIframeClickInterceptor,\n} from '@intlayer/editor-react';\nimport { useEffect, type FC, type PropsWithChildren } from 'react';\n\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 */\nconst IntlayerEditorProviderEnabled: FC = () => {\n  /**\n   * URL Messages\n   */\n  useCrossURLPathState(undefined, {\n    receive: false,\n    emit: true,\n  });\n\n  /**\n   * Configuration Messages\n   */\n  const { setConfiguration } = useConfigurationActions();\n  const { setLocaleDictionaries } = useDictionariesRecordActions();\n\n  useEffect(() => {\n    setLocaleDictionaries(dictionaries);\n\n    const config = getConfiguration();\n    setConfiguration(config);\n  }, [setLocaleDictionaries]);\n\n  /**\n   * Click Messages\n   */\n  useIframeClickInterceptor();\n\n  return <></>;\n};\n\nexport const IntlayerEditorProvider: FC<PropsWithChildren> = ({ children }) => (\n  <EditorProvider\n    postMessage={(data) => window.parent?.postMessage(data, '*')}\n    allowedOrigins={['*']}\n  >\n    <IntlayerEditorProviderEnabled />\n    {children}\n  </EditorProvider>\n);\n"],"mappings":";AA6CS,wBAIP,YAJO;AA3CT,SAAS,wBAAwB;AACjC,OAAO,kBAAkB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAkD;AAO3D,MAAM,gCAAoC,MAAM;AAI9C,uBAAqB,QAAW;AAAA,IAC9B,SAAS;AAAA,IACT,MAAM;AAAA,EACR,CAAC;AAKD,QAAM,EAAE,iBAAiB,IAAI,wBAAwB;AACrD,QAAM,EAAE,sBAAsB,IAAI,6BAA6B;AAE/D,YAAU,MAAM;AACd,0BAAsB,YAAY;AAElC,UAAM,SAAS,iBAAiB;AAChC,qBAAiB,MAAM;AAAA,EACzB,GAAG,CAAC,qBAAqB,CAAC;AAK1B,4BAA0B;AAE1B,SAAO,gCAAE;AACX;AAEO,MAAM,yBAAgD,CAAC,EAAE,SAAS,MACvE;AAAA,EAAC;AAAA;AAAA,IACC,aAAa,CAAC,SAAS,OAAO,QAAQ,YAAY,MAAM,GAAG;AAAA,IAC3D,gBAAgB,CAAC,GAAG;AAAA,IAEpB;AAAA,0BAAC,iCAA8B;AAAA,MAC9B;AAAA;AAAA;AACH;","names":[]}

package/dist/esm/editor/index.mjs

@@ -1,4 +1,3 @@
 export * from './ContentSelectorWrapper.mjs';
-export * from './ContentSelectorConnector.mjs';
 export * from './renderContentEditor.mjs';
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/index.ts"],"sourcesContent":["export * from './ContentSelectorWrapper';\nexport * from './ContentSelectorConnector';\nexport * from './renderContentEditor';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/editor/index.ts"],"sourcesContent":["export * from './ContentSelectorWrapper';\nexport * from './renderContentEditor';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/editor/renderContentEditor.mjs

@@ -1,28 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { getConfiguration } from "@intlayer/config/client";
-import { ContentSelectorConnector } from './ContentSelectorConnector.mjs';
-const {
-  editor: { enabled }
-} = getConfiguration();
-const IntlayerEditorElement = ({
-  content,
-  isContentSelectable,
-  ...props
-}) => {
-  if (enabled && isContentSelectable) {
-    return /* @__PURE__ */ jsx(ContentSelectorConnector, { ...props, children: content });
-  }
-  return content;
-};
-const renderIntlayerEditor = (data, isContentSelectable = true) => {
-  const Result = /* @__PURE__ */ jsx(
-    IntlayerEditorElement,
-    {
-      ...data,
-      isContentSelectable
-    }
-  );
-  return { ...Result, value: data.content };
+import {
+  ContentSelectorWrapper
+} from './ContentSelectorWrapper.mjs';
+const renderIntlayerEditor = (props) => {
+  const Result = /* @__PURE__ */ jsx(ContentSelectorWrapper, { ...props, children: props.content });
+  return { ...Result, value: props.content };
 };
 export {
   renderIntlayerEditor

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

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

package/dist/esm/getDictionary.mjs

@@ -1,32 +1,7 @@
-import { isValidElement } from "react";
-import {
-  renderIntlayerEditor
-} from './editor/renderContentEditor.mjs';
 import { processDictionary } from './processDictionary/index.mjs';
-const recursiveTransformContent = (value, isRenderEditor = false) => {
-  if (typeof value === "function") {
-    return (props) => recursiveTransformContent(value(props), isRenderEditor);
-  } else if (typeof value === "object") {
-    if (typeof value.dictionaryKey !== "undefined") {
-      if (isRenderEditor) {
-        return renderIntlayerEditor(value);
-      }
-      return value.content;
-    } else if (Array.isArray(value)) {
-      return value.map((el) => recursiveTransformContent(el, isRenderEditor));
-    } else if (isValidElement(value)) {
-      return value;
-    }
-    return Object.entries(value).reduce(
-      (acc, [key, value2]) => ({
-        ...acc,
-        [key]: recursiveTransformContent(value2, isRenderEditor)
-      }),
-      {}
-    );
-  }
-  return value;
-};
+import {
+  recursiveTransformContent
+} from './recursiveTransformContent.mjs';
 const getDictionary = (dictionary, locale, isRenderEditor = false) => {
   const result = processDictionary(
     dictionary.content,
@@ -41,7 +16,6 @@ const getDictionary = (dictionary, locale, isRenderEditor = false) => {
   );
 };
 export {
-  getDictionary,
-  recursiveTransformContent
+  getDictionary
 };
 //# sourceMappingURL=getDictionary.mjs.map

package/dist/esm/getDictionary.mjs.map

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

package/dist/esm/getIntlayer.mjs

@@ -1,8 +1,8 @@
 import dictionaries from "@intlayer/dictionaries-entry";
+import { processDictionary } from './processDictionary/index.mjs';
 import {
   recursiveTransformContent
-} from './getDictionary.mjs';
-import { processDictionary } from './processDictionary/index.mjs';
+} from './recursiveTransformContent.mjs';
 const getIntlayer = (key, locale, isRenderEditor = false) => {
   const dictionary = dictionaries[key];
   if (!dictionary) {

package/dist/esm/getIntlayer.mjs.map

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

package/dist/esm/getIntlayerAsync.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { fetchDistantDictionary } from './distantDictionary/fetchDistantDictionary.mjs';
+import { fetchDistantDictionary } from "@intlayer/api";
 import { getDictionary } from './getDictionary.mjs';
 const getIntlayerAsync = async (key, locale, isRenderEditor = true) => {
   const jsonDistantDictionary = await fetchDistantDictionary(key);

package/dist/esm/getIntlayerAsync.mjs.map

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

package/dist/esm/recursiveTransformContent.mjs

@@ -0,0 +1,32 @@
+import { isValidElement } from "react";
+import {
+  renderIntlayerEditor
+} from './editor/renderContentEditor.mjs';
+const recursiveTransformContent = (value, isRenderEditor = false) => {
+  if (typeof value === "function") {
+    return (props) => recursiveTransformContent(value(props), isRenderEditor);
+  } else if (typeof value === "object") {
+    if (typeof value.dictionaryKey !== "undefined") {
+      if (isRenderEditor) {
+        return renderIntlayerEditor(value);
+      }
+      return value.content;
+    } else if (Array.isArray(value)) {
+      return value.map((el) => recursiveTransformContent(el, isRenderEditor));
+    } else if (isValidElement(value)) {
+      return value;
+    }
+    return Object.entries(value).reduce(
+      (acc, [key, value2]) => ({
+        ...acc,
+        [key]: recursiveTransformContent(value2, isRenderEditor)
+      }),
+      {}
+    );
+  }
+  return value;
+};
+export {
+  recursiveTransformContent
+};
+//# sourceMappingURL=recursiveTransformContent.mjs.map

package/dist/esm/recursiveTransformContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/recursiveTransformContent.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Locales } from '@intlayer/config';\nimport type { NodeType } from '@intlayer/core';\nimport { isValidElement, type ReactNode } from 'react';\nimport {\n  type IntlayerNode,\n  renderIntlayerEditor,\n} from './editor/renderContentEditor';\n\ntype TransformNodeType<T, L extends Locales, R extends boolean> = T extends {\n  [NodeType.Enumeration]: { '1': any };\n}\n  ? (\n      quantity: number\n    ) => DeepTransformContent<T[NodeType.Enumeration]['1'], L, R>\n  : T extends {\n        [NodeType.Translation]: object;\n      }\n    ? L extends keyof T[NodeType.Translation]\n      ? DeepTransformContent<T[NodeType.Translation][L], L, R>\n      : never\n    : T;\n\nexport type DeepTransformContent<\n  T,\n  L extends Locales,\n  R extends boolean,\n> = T extends object // Check if the property is an object\n  ? T extends (infer U)[] // If it's an array, infer the type of array elements\n    ? DeepTransformContent<U, L, R>[] // Apply DeepTransformContent recursively to each element of the array\n    : T extends {\n          nodeType: NodeType | string;\n        }\n      ? TransformNodeType<T, L, R>\n      : T extends { _owner: any; key: any; props: any; ref: any }\n        ? ReactNode\n        : {\n            [K in keyof T]: DeepTransformContent<T[K], L, R>;\n          }\n  : T extends undefined\n    ? never\n    : R extends true\n      ? IntlayerNode<T>\n      : T;\n\n/**\n * Go through the object. If a object has a keyPath, render the intlayer editor if editor enabled.\n */\nexport const recursiveTransformContent = (\n  value: any,\n  isRenderEditor = false\n): object => {\n  if (typeof value === 'function') {\n    return (props: any) =>\n      recursiveTransformContent(value(props), isRenderEditor);\n  } else if (typeof value === 'object') {\n    if (typeof value.dictionaryKey !== 'undefined') {\n      if (isRenderEditor) {\n        return renderIntlayerEditor(value);\n      }\n      return value.content;\n    } else if (Array.isArray(value)) {\n      return value.map((el) => recursiveTransformContent(el, isRenderEditor));\n    } else if (isValidElement(value)) {\n      return value;\n    }\n\n    return Object.entries(value).reduce(\n      (acc, [key, value]) => ({\n        ...acc,\n        [key]: recursiveTransformContent(value, isRenderEditor),\n      }),\n      {} as object\n    );\n  }\n\n  return value;\n};\n"],"mappings":"AAGA,SAAS,sBAAsC;AAC/C;AAAA,EAEE;AAAA,OACK;AAyCA,MAAM,4BAA4B,CACvC,OACA,iBAAiB,UACN;AACX,MAAI,OAAO,UAAU,YAAY;AAC/B,WAAO,CAAC,UACN,0BAA0B,MAAM,KAAK,GAAG,cAAc;AAAA,EAC1D,WAAW,OAAO,UAAU,UAAU;AACpC,QAAI,OAAO,MAAM,kBAAkB,aAAa;AAC9C,UAAI,gBAAgB;AAClB,eAAO,qBAAqB,KAAK;AAAA,MACnC;AACA,aAAO,MAAM;AAAA,IACf,WAAW,MAAM,QAAQ,KAAK,GAAG;AAC/B,aAAO,MAAM,IAAI,CAAC,OAAO,0BAA0B,IAAI,cAAc,CAAC;AAAA,IACxE,WAAW,eAAe,KAAK,GAAG;AAChC,aAAO;AAAA,IACT;AAEA,WAAO,OAAO,QAAQ,KAAK,EAAE;AAAA,MAC3B,CAAC,KAAK,CAAC,KAAKA,MAAK,OAAO;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,GAAG,GAAG,0BAA0BA,QAAO,cAAc;AAAA,MACxD;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;","names":["value"]}

package/dist/types/UI/ContentSelector.d.ts

@@ -0,0 +1,10 @@
+import { type FC, type HTMLAttributes } from 'react';
+type ContentSelectorProps = {
+    onPress: () => void;
+    onClickOutside?: () => void;
+    pressDuration?: number;
+    isSelecting?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const ContentSelector: FC<ContentSelectorProps>;
+export {};
+//# sourceMappingURL=ContentSelector.d.ts.map

package/dist/types/UI/ContentSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSelector.d.ts","sourceRoot":"","sources":["../../../src/UI/ContentSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,EAAE,EAEP,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAIf,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAiHpD,CAAC"}