react-intlayer 6.1.6 → 7.0.0-canary.3

package/dist/cjs/client/useTraduction.cjs

@@ -1,38 +1,37 @@
-"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 useTraduction_exports = {};
-__export(useTraduction_exports, {
-  useTranslation: () => useTranslation
-});
-module.exports = __toCommonJS(useTraduction_exports);
-var import_core = require("@intlayer/core");
-var import_react = require("react");
-var import_IntlayerProvider = require('./IntlayerProvider.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_client_IntlayerProvider = require('./IntlayerProvider.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __intlayer_core = require("@intlayer/core");
+__intlayer_core = require_rolldown_runtime.__toESM(__intlayer_core);
+
+//#region src/client/useTraduction.ts
+/**
+* On the client side, Hook that picking one dictionary by its id and return the content.
+*
+* If not locale found, it will return the content related to the default locale.
+*
+* Return either the content editor, or the content itself depending on the configuration.
+*
+* Usage:
+*
+* ```tsx
+* const content = useTranslation<string>({
+*  en: 'Hello',
+*  fr: 'Bonjour',
+* }, 'fr');
+* // 'Bonjour'
+* ```
+*
+* Using TypeScript:
+* - this function will require each locale to be defined if defined in the project configuration.
+* - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.
+*/
 const useTranslation = (languageContent) => {
-  const { locale } = (0, import_react.useContext)(import_IntlayerProvider.IntlayerClientContext);
-  return (0, import_react.useMemo)(
-    () => (0, import_core.getTranslation)(languageContent, locale),
-    [languageContent, locale]
-  );
+	const { locale } = (0, react.useContext)(require_client_IntlayerProvider.IntlayerClientContext);
+	return (0, react.useMemo)(() => (0, __intlayer_core.getTranslation)(languageContent, locale), [languageContent, locale]);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useTranslation
-});
+
+//#endregion
+exports.useTranslation = useTranslation;
 //# sourceMappingURL=useTraduction.cjs.map

package/dist/cjs/client/useTraduction.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import { getTranslation, type LanguageContent } from '@intlayer/core';\nimport { useContext, useMemo } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTranslation<string>({\n *  en: 'Hello',\n *  fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTranslation = <Content = string>(\n  languageContent: LanguageContent<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useMemo(\n    () => getTranslation(languageContent, locale),\n    [languageContent, locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqD;AACrD,mBAAoC;AACpC,8BAAsC;AAuB/B,MAAM,iBAAiB,CAC5B,oBACY;AACZ,QAAM,EAAE,OAAO,QAAI,yBAAW,6CAAqB;AAEnD,aAAO;AAAA,IACL,UAAM,4BAAe,iBAAiB,MAAM;AAAA,IAC5C,CAAC,iBAAiB,MAAM;AAAA,EAC1B;AACF;","names":[]}
+{"version":3,"file":"useTraduction.cjs","names":["IntlayerClientContext"],"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import { getTranslation } from '@intlayer/core';\nimport type { StrictModeLocaleMap } from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTranslation<string>({\n *  en: 'Hello',\n *  fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTranslation = <Content = string>(\n  languageContent: StrictModeLocaleMap<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useMemo(\n    () => getTranslation(languageContent, locale),\n    [languageContent, locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,kBACX,oBACY;CACZ,MAAM,EAAE,iCAAsBA,sDAAsB;AAEpD,qEACuB,iBAAiB,OAAO,EAC7C,CAAC,iBAAiB,OAAO,CAC1B"}

package/dist/cjs/editor/ContentSelectorWrapper.cjs

@@ -1,94 +1,58 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_client_IntlayerProvider = require('../client/IntlayerProvider.cjs');
+const require_UI_ContentSelector = require('../UI/ContentSelector.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __intlayer_core = require("@intlayer/core");
+__intlayer_core = require_rolldown_runtime.__toESM(__intlayer_core);
+let __intlayer_editor_react = require("@intlayer/editor-react");
+__intlayer_editor_react = require_rolldown_runtime.__toESM(__intlayer_editor_react);
+
+//#region src/editor/ContentSelectorWrapper.tsx
+const ContentSelectorWrapperContent = ({ children, dictionaryKey, keyPath }) => {
+	const { focusedContent, setFocusedContent } = (0, __intlayer_editor_react.useFocusDictionary)();
+	const { postMessage, senderId } = (0, __intlayer_editor_react.useCommunicator)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_UI_ContentSelector.ContentSelector, {
+		onPress: (0, react.useCallback)(() => setFocusedContent({
+			dictionaryKey,
+			keyPath
+		}), [dictionaryKey, keyPath]),
+		onHover: (0, react.useCallback)(() => postMessage({
+			type: `${__intlayer_editor_react.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
+			data: {
+				dictionaryKey,
+				keyPath
+			},
+			senderId
+		}), [dictionaryKey, keyPath]),
+		onUnhover: (0, react.useCallback)(() => postMessage({
+			type: `${__intlayer_editor_react.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
+			data: null,
+			senderId
+		}), [senderId]),
+		isSelecting: (0, react.useMemo)(() => (focusedContent?.dictionaryKey === dictionaryKey && (focusedContent?.keyPath?.length ?? 0) > 0 && (0, __intlayer_core.isSameKeyPath)(focusedContent?.keyPath ?? [], keyPath)) ?? false, [
+			focusedContent,
+			keyPath,
+			dictionaryKey
+		]),
+		children
+	});
 };
-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;
+const ContentSelectorRenderer = ({ children,...props }) => {
+	const { enabled } = (0, __intlayer_editor_react.useEditorEnabled)();
+	const { disableEditor } = require_client_IntlayerProvider.useIntlayerContext();
+	if (enabled && !disableEditor) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContentSelectorWrapperContent, {
+		...props,
+		children
+	});
+	return children;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ContentSelectorWrapper_exports = {};
-__export(ContentSelectorWrapper_exports, {
-  ContentSelectorRenderer: () => ContentSelectorRenderer
-});
-module.exports = __toCommonJS(ContentSelectorWrapper_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_core = require("@intlayer/core");
-var import_editor_react = require("@intlayer/editor-react");
-var import_react = require("react");
-var import_client = require('../client/index.cjs');
-var import_ContentSelector = require('../UI/ContentSelector.cjs');
-const ContentSelectorWrapperContent = ({
-  children,
-  dictionaryKey,
-  keyPath
-}) => {
-  const { focusedContent, setFocusedContent } = (0, import_editor_react.useFocusDictionary)();
-  const { postMessage, senderId } = (0, import_editor_react.useCommunicator)();
-  const handleSelect = (0, import_react.useCallback)(
-    () => setFocusedContent({
-      dictionaryKey,
-      keyPath
-    }),
-    [dictionaryKey, keyPath]
-  );
-  const handleHover = (0, import_react.useCallback)(
-    () => postMessage({
-      type: `${import_editor_react.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
-      data: {
-        dictionaryKey,
-        keyPath
-      },
-      senderId
-    }),
-    [dictionaryKey, keyPath]
-  );
-  const handleUnhover = (0, import_react.useCallback)(
-    () => postMessage({
-      type: `${import_editor_react.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
-      data: null,
-      senderId
-    }),
-    [senderId]
-  );
-  const isSelected = (0, import_react.useMemo)(
-    () => (focusedContent?.dictionaryKey === dictionaryKey && (focusedContent?.keyPath?.length ?? 0) > 0 && (0, import_core.isSameKeyPath)(focusedContent?.keyPath ?? [], keyPath)) ?? false,
-    [focusedContent, keyPath, dictionaryKey]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ContentSelector.ContentSelector,
-    {
-      onPress: handleSelect,
-      onHover: handleHover,
-      onUnhover: handleUnhover,
-      isSelecting: isSelected,
-      children
-    }
-  );
-};
-const ContentSelectorRenderer = ({
-  children,
-  ...props
-}) => {
-  const { enabled } = (0, import_editor_react.useEditorEnabled)();
-  const { disableEditor } = (0, import_client.useIntlayerContext)();
-  if (enabled && !disableEditor) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContentSelectorWrapperContent, { ...props, children });
-  }
-  return children;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ContentSelectorRenderer
-});
+
+//#endregion
+exports.ContentSelectorRenderer = ContentSelectorRenderer;
 //# sourceMappingURL=ContentSelectorWrapper.cjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { type NodeProps, isSameKeyPath } from '@intlayer/core';\nimport {\n  MessageKey,\n  useCommunicator,\n  useEditorEnabled,\n  useFocusDictionary,\n} from '@intlayer/editor-react';\nimport { type FC, type HTMLAttributes, useCallback, useMemo } from 'react';\nimport { useIntlayerContext } from '../client';\nimport { ContentSelector } from '../UI/ContentSelector';\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst ContentSelectorWrapperContent: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryKey,\n  keyPath,\n}) => {\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n  const { postMessage, senderId } = useCommunicator();\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        keyPath,\n      }),\n    [dictionaryKey, keyPath]\n  );\n\n  const handleHover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: {\n          dictionaryKey,\n          keyPath,\n        },\n        senderId,\n      }),\n    [dictionaryKey, keyPath]\n  );\n\n  const handleUnhover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: null,\n        senderId,\n      }),\n    [senderId]\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, dictionaryKey]\n  );\n\n  return (\n    <ContentSelector\n      onPress={handleSelect}\n      onHover={handleHover}\n      onUnhover={handleUnhover}\n      isSelecting={isSelected}\n    >\n      {children}\n    </ContentSelector>\n  );\n};\n\nexport const ContentSelectorRenderer: FC<ContentSelectorWrapperProps> = ({\n  children,\n  ...props\n}) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return children;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkEI;AAhEJ,kBAA8C;AAC9C,0BAKO;AACP,mBAAmE;AACnE,oBAAmC;AACnC,6BAAgC;AAKhC,MAAM,gCAAiE,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,gBAAgB,kBAAkB,QAAI,wCAAmB;AACjE,QAAM,EAAE,aAAa,SAAS,QAAI,qCAAgB;AAElD,QAAM,mBAAe;AAAA,IACnB,MACE,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,eAAe,OAAO;AAAA,EACzB;AAEA,QAAM,kBAAc;AAAA,IAClB,MACE,YAAY;AAAA,MACV,MAAM,GAAG,+BAAW,gCAAgC;AAAA,MACpD,MAAM;AAAA,QACJ;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,eAAe,OAAO;AAAA,EACzB;AAEA,QAAM,oBAAgB;AAAA,IACpB,MACE,YAAY;AAAA,MACV,MAAM,GAAG,+BAAW,gCAAgC;AAAA,MACpD,MAAM;AAAA,MACN;AAAA,IACF,CAAC;AAAA,IACH,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,iBAAa;AAAA,IACjB,OACG,gBAAgB,kBAAkB,kBAChC,gBAAgB,SAAS,UAAU,KAAK,SACzC,2BAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAAA,IACF,CAAC,gBAAgB,SAAS,aAAa;AAAA,EACzC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAa;AAAA,MAEZ;AAAA;AAAA,EACH;AAEJ;AAEO,MAAM,0BAA2D,CAAC;AAAA,EACvE;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAI,sCAAiB;AACrC,QAAM,EAAE,cAAc,QAAI,kCAAmB;AAE7C,MAAI,WAAW,CAAC,eAAe;AAC7B,WACE,4CAAC,iCAA+B,GAAG,OAChC,UACH;AAAA,EAEJ;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"file":"ContentSelectorWrapper.cjs","names":["ContentSelectorWrapperContent: FC<ContentSelectorWrapperProps>","ContentSelector","MessageKey","ContentSelectorRenderer: FC<ContentSelectorWrapperProps>","useIntlayerContext"],"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { isSameKeyPath, type NodeProps } from '@intlayer/core';\nimport {\n  MessageKey,\n  useCommunicator,\n  useEditorEnabled,\n  useFocusDictionary,\n} from '@intlayer/editor-react';\nimport { type FC, type HTMLAttributes, useCallback, useMemo } from 'react';\nimport { useIntlayerContext } from '../client';\nimport { ContentSelector } from '../UI/ContentSelector';\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst ContentSelectorWrapperContent: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryKey,\n  keyPath,\n}) => {\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n  const { postMessage, senderId } = useCommunicator();\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        keyPath,\n      }),\n    [dictionaryKey, keyPath]\n  );\n\n  const handleHover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: {\n          dictionaryKey,\n          keyPath,\n        },\n        senderId,\n      }),\n    [dictionaryKey, keyPath]\n  );\n\n  const handleUnhover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: null,\n        senderId,\n      }),\n    [senderId]\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, dictionaryKey]\n  );\n\n  return (\n    <ContentSelector\n      onPress={handleSelect}\n      onHover={handleHover}\n      onUnhover={handleUnhover}\n      isSelecting={isSelected}\n    >\n      {children}\n    </ContentSelector>\n  );\n};\n\nexport const ContentSelectorRenderer: FC<ContentSelectorWrapperProps> = ({\n  children,\n  ...props\n}) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return children;\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAMA,iCAAkE,EACtE,UACA,eACA,cACI;CACJ,MAAM,EAAE,gBAAgB,uEAA0C;CAClE,MAAM,EAAE,aAAa,2DAA8B;AA2CnD,QACE,2CAACC;EACC,sCAzCA,kBAAkB;GAChB;GACA;GACD,CAAC,EACJ,CAAC,eAAe,QAAQ,CACzB;EAqCG,sCAjCA,YAAY;GACV,MAAM,GAAGC,mCAAW,iCAAiC;GACrD,MAAM;IACJ;IACA;IACD;GACD;GACD,CAAC,EACJ,CAAC,eAAe,QAAQ,CACzB;EAyBG,wCArBA,YAAY;GACV,MAAM,GAAGA,mCAAW,iCAAiC;GACrD,MAAM;GACN;GACD,CAAC,EACJ,CAAC,SAAS,CACX;EAgBG,uCAZC,gBAAgB,kBAAkB,kBAChC,gBAAgB,SAAS,UAAU,KAAK,wCAC3B,gBAAgB,WAAW,EAAE,EAAE,QAAQ,KACvD,OACF;GAAC;GAAgB;GAAS;GAAc,CACzC;EASI;GACe;;AAItB,MAAaC,2BAA4D,EACvE,SACA,GAAG,YACC;CACJ,MAAM,EAAE,2DAA8B;CACtC,MAAM,EAAE,kBAAkBC,oDAAoB;AAE9C,KAAI,WAAW,CAAC,cACd,QACE,2CAAC;EAA8B,GAAI;EAChC;GAC6B;AAIpC,QAAO"}

package/dist/cjs/editor/IntlayerEditorProvider.cjs

@@ -1,99 +1,52 @@
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var IntlayerEditorProvider_exports = {};
-__export(IntlayerEditorProvider_exports, {
-  IntlayerEditorProvider: () => IntlayerEditorProvider
-});
-module.exports = __toCommonJS(IntlayerEditorProvider_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_built = __toESM(require("@intlayer/config/built"));
-var import_editor_react = require("@intlayer/editor-react");
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __intlayer_editor_react = require("@intlayer/editor-react");
+__intlayer_editor_react = require_rolldown_runtime.__toESM(__intlayer_editor_react);
+let __intlayer_config_built = require("@intlayer/config/built");
+__intlayer_config_built = require_rolldown_runtime.__toESM(__intlayer_config_built);
+
+//#region src/editor/IntlayerEditorProvider.tsx
 const IntlayerEditorHooksEnabled = () => {
-  (0, import_editor_react.useCrossURLPathSetter)();
-  (0, import_editor_react.useIframeClickInterceptor)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+	/**
+	* URL Messages
+	*/
+	(0, __intlayer_editor_react.useCrossURLPathSetter)();
+	/**
+	* Click Messages
+	*/
+	(0, __intlayer_editor_react.useIframeClickInterceptor)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
 };
-const { editor } = import_built.default;
+const { editor } = __intlayer_config_built.default ?? {};
 const IntlayerEditorHook = () => {
-  const { enabled } = (0, import_editor_react.useEditorEnabled)();
-  return enabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IntlayerEditorHooksEnabled, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+	const { enabled } = (0, __intlayer_editor_react.useEditorEnabled)();
+	return enabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IntlayerEditorHooksEnabled, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
 };
 const IntlayerEditorProvider = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_editor_react.EditorProvider,
-    {
-      postMessage: (data) => {
-        if (typeof window === "undefined") return;
-        const isInIframe = window.self !== window.top;
-        if (!isInIframe) return;
-        if (editor.applicationURL.length > 0) {
-          window?.postMessage(
-            data,
-            // Use to restrict the origin of the editor for security reasons.
-            // Correspond to the current application URL to synchronize the locales states.
-            editor.applicationURL
-          );
-        }
-        if (editor.editorURL.length > 0) {
-          window.parent?.postMessage(
-            data,
-            // Use to restrict the origin of the editor for security reasons.
-            // Correspond to the editor URL to synchronize the locales states.
-            editor.editorURL
-          );
-        }
-        if (editor.cmsURL.length > 0) {
-          window.parent?.postMessage(
-            data,
-            // Use to restrict the origin of the CMS for security reasons.
-            // Correspond to the CMS URL.
-            editor.cmsURL
-          );
-        }
-      },
-      allowedOrigins: [
-        editor?.editorURL,
-        editor?.cmsURL,
-        editor?.applicationURL
-      ],
-      mode: "client",
-      configuration: import_built.default,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IntlayerEditorHook, {}),
-        children
-      ]
-    }
-  );
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__intlayer_editor_react.EditorProvider, {
+		postMessage: (data) => {
+			if (typeof window === "undefined") return;
+			if (!editor) return;
+			if (!(window.self !== window.top)) return;
+			if (editor.applicationURL.length > 0) window?.postMessage(data, editor.applicationURL);
+			if (editor.editorURL.length > 0) window.parent?.postMessage(data, editor.editorURL);
+			if (editor.cmsURL.length > 0) window.parent?.postMessage(data, editor.cmsURL);
+		},
+		allowedOrigins: [
+			editor?.editorURL,
+			editor?.cmsURL,
+			editor?.applicationURL
+		].filter(Boolean),
+		mode: "client",
+		configuration: __intlayer_config_built.default,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IntlayerEditorHook, {}), children]
+	});
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  IntlayerEditorProvider
-});
+
+//#endregion
+exports.IntlayerEditorProvider = IntlayerEditorProvider;
 //# sourceMappingURL=IntlayerEditorProvider.cjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/IntlayerEditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport {\n  EditorProvider,\n  useCrossURLPathSetter,\n  useEditorEnabled,\n  useIframeClickInterceptor,\n} from '@intlayer/editor-react';\nimport { type FC, type PropsWithChildren } from 'react';\n\nconst IntlayerEditorHooksEnabled: FC = () => {\n  /**\n   * URL Messages\n   */\n  useCrossURLPathSetter();\n\n  /**\n   * Click Messages\n   */\n  useIframeClickInterceptor();\n\n  return <></>;\n};\n\nconst { editor } = configuration;\n\nconst IntlayerEditorHook: FC = () => {\n  const { enabled } = useEditorEnabled();\n\n  return enabled ? <IntlayerEditorHooksEnabled /> : <></>;\n};\n\nexport const IntlayerEditorProvider: FC<PropsWithChildren> = ({ children }) => {\n  return (\n    <EditorProvider\n      postMessage={(data: any) => {\n        if (typeof window === 'undefined') return;\n\n        const isInIframe = window.self !== window.top;\n        if (!isInIframe) return;\n\n        if (editor.applicationURL.length > 0) {\n          window?.postMessage(\n            data,\n            // Use to restrict the origin of the editor for security reasons.\n            // Correspond to the current application URL to synchronize the locales states.\n            editor.applicationURL\n          );\n        }\n\n        if (editor.editorURL.length > 0) {\n          window.parent?.postMessage(\n            data,\n            // Use to restrict the origin of the editor for security reasons.\n            // Correspond to the editor URL to synchronize the locales states.\n            editor.editorURL\n          );\n        }\n\n        if (editor.cmsURL.length > 0) {\n          window.parent?.postMessage(\n            data,\n            // Use to restrict the origin of the CMS for security reasons.\n            // Correspond to the CMS URL.\n            editor.cmsURL\n          );\n        }\n      }}\n      allowedOrigins={[\n        editor?.editorURL,\n        editor?.cmsURL,\n        editor?.applicationURL,\n      ]}\n      mode=\"client\"\n      configuration={configuration}\n    >\n      <IntlayerEditorHook />\n      {children}\n    </EditorProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBS;AApBT,mBAA0B;AAC1B,0BAKO;AAGP,MAAM,6BAAiC,MAAM;AAI3C,iDAAsB;AAKtB,qDAA0B;AAE1B,SAAO,2EAAE;AACX;AAEA,MAAM,EAAE,OAAO,IAAI,aAAAA;AAEnB,MAAM,qBAAyB,MAAM;AACnC,QAAM,EAAE,QAAQ,QAAI,sCAAiB;AAErC,SAAO,UAAU,4CAAC,8BAA2B,IAAK,2EAAE;AACtD;AAEO,MAAM,yBAAgD,CAAC,EAAE,SAAS,MAAM;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa,CAAC,SAAc;AAC1B,YAAI,OAAO,WAAW,YAAa;AAEnC,cAAM,aAAa,OAAO,SAAS,OAAO;AAC1C,YAAI,CAAC,WAAY;AAEjB,YAAI,OAAO,eAAe,SAAS,GAAG;AACpC,kBAAQ;AAAA,YACN;AAAA;AAAA;AAAA,YAGA,OAAO;AAAA,UACT;AAAA,QACF;AAEA,YAAI,OAAO,UAAU,SAAS,GAAG;AAC/B,iBAAO,QAAQ;AAAA,YACb;AAAA;AAAA;AAAA,YAGA,OAAO;AAAA,UACT;AAAA,QACF;AAEA,YAAI,OAAO,OAAO,SAAS,GAAG;AAC5B,iBAAO,QAAQ;AAAA,YACb;AAAA;AAAA;AAAA,YAGA,OAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,MACA,gBAAgB;AAAA,QACd,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,MAAK;AAAA,MACL,eAAe,aAAAA;AAAA,MAEf;AAAA,oDAAC,sBAAmB;AAAA,QACnB;AAAA;AAAA;AAAA,EACH;AAEJ;","names":["configuration"]}
+{"version":3,"file":"IntlayerEditorProvider.cjs","names":["IntlayerEditorHooksEnabled: FC","configuration","IntlayerEditorHook: FC","IntlayerEditorProvider: FC<PropsWithChildren>","EditorProvider"],"sources":["../../../src/editor/IntlayerEditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport {\n  EditorProvider,\n  useCrossURLPathSetter,\n  useEditorEnabled,\n  useIframeClickInterceptor,\n} from '@intlayer/editor-react';\nimport type { FC, PropsWithChildren } from 'react';\n\nconst IntlayerEditorHooksEnabled: FC = () => {\n  /**\n   * URL Messages\n   */\n  useCrossURLPathSetter();\n\n  /**\n   * Click Messages\n   */\n  useIframeClickInterceptor();\n\n  return <></>;\n};\n\nconst { editor } = configuration ?? {};\n\nconst IntlayerEditorHook: FC = () => {\n  const { enabled } = useEditorEnabled();\n\n  return enabled ? <IntlayerEditorHooksEnabled /> : <></>;\n};\n\nexport const IntlayerEditorProvider: FC<PropsWithChildren> = ({ children }) => {\n  return (\n    <EditorProvider\n      postMessage={(data: any) => {\n        if (typeof window === 'undefined') return;\n        if (!editor) return;\n\n        const isInIframe = window.self !== window.top;\n        if (!isInIframe) return;\n\n        if (editor.applicationURL.length > 0) {\n          window?.postMessage(\n            data,\n            // Use to restrict the origin of the editor for security reasons.\n            // Correspond to the current application URL to synchronize the locales states.\n            editor.applicationURL\n          );\n        }\n\n        if (editor.editorURL.length > 0) {\n          window.parent?.postMessage(\n            data,\n            // Use to restrict the origin of the editor for security reasons.\n            // Correspond to the editor URL to synchronize the locales states.\n            editor.editorURL\n          );\n        }\n\n        if (editor.cmsURL.length > 0) {\n          window.parent?.postMessage(\n            data,\n            // Use to restrict the origin of the CMS for security reasons.\n            // Correspond to the CMS URL.\n            editor.cmsURL\n          );\n        }\n      }}\n      allowedOrigins={\n        [editor?.editorURL, editor?.cmsURL, editor?.applicationURL].filter(\n          Boolean\n        ) as string[]\n      }\n      mode=\"client\"\n      configuration={configuration}\n    >\n      <IntlayerEditorHook />\n      {children}\n    </EditorProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAWA,MAAMA,mCAAuC;;;;AAI3C,qDAAuB;;;;AAKvB,yDAA2B;AAE3B,QAAO,0EAAK;;AAGd,MAAM,EAAE,WAAWC,mCAAiB,EAAE;AAEtC,MAAMC,2BAA+B;CACnC,MAAM,EAAE,2DAA8B;AAEtC,QAAO,UAAU,2CAAC,+BAA6B,GAAG,0EAAK;;AAGzD,MAAaC,0BAAiD,EAAE,eAAe;AAC7E,QACE,4CAACC;EACC,cAAc,SAAc;AAC1B,OAAI,OAAO,WAAW,YAAa;AACnC,OAAI,CAAC,OAAQ;AAGb,OAAI,EADe,OAAO,SAAS,OAAO,KACzB;AAEjB,OAAI,OAAO,eAAe,SAAS,EACjC,SAAQ,YACN,MAGA,OAAO,eACR;AAGH,OAAI,OAAO,UAAU,SAAS,EAC5B,QAAO,QAAQ,YACb,MAGA,OAAO,UACR;AAGH,OAAI,OAAO,OAAO,SAAS,EACzB,QAAO,QAAQ,YACb,MAGA,OAAO,OACR;;EAGL,gBACE;GAAC,QAAQ;GAAW,QAAQ;GAAQ,QAAQ;GAAe,CAAC,OAC1D,QACD;EAEH,MAAK;EACL,eAAeH;aAEf,2CAAC,uBAAqB,EACrB;GACc"}

package/dist/cjs/editor/index.cjs

@@ -1,23 +1,3 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var editor_exports = {};
-module.exports = __toCommonJS(editor_exports);
-__reExport(editor_exports, require('./ContentSelectorWrapper.cjs'), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require('./ContentSelectorWrapper.cjs')
-});
-//# sourceMappingURL=index.cjs.map
+const require_editor_ContentSelectorWrapper = require('./ContentSelectorWrapper.cjs');
+
+exports.ContentSelectorRenderer = require_editor_ContentSelectorWrapper.ContentSelectorRenderer;

package/dist/cjs/editor/useEditedContentRenderer.cjs

@@ -1,63 +1,44 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useEditedContentRenderer_exports = {};
-__export(useEditedContentRenderer_exports, {
-  EditedContentRenderer: () => EditedContentRenderer,
-  useEditedContentRenderer: () => useEditedContentRenderer
-});
-module.exports = __toCommonJS(useEditedContentRenderer_exports);
-var import_core = require("@intlayer/core");
-var import_editor_react = require("@intlayer/editor-react");
-const useEditedContentRenderer = ({
-  dictionaryKey,
-  keyPath,
-  children
-}) => {
-  const editedContentContext = (0, import_editor_react.useEditedContentActions)();
-  if (editedContentContext) {
-    const editedValue = editedContentContext.getEditedContentValue(
-      dictionaryKey,
-      keyPath
-    );
-    const value = editedValue ?? children;
-    return value;
-  }
-  return children;
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_editor_ContentSelectorWrapper = require('./ContentSelectorWrapper.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __intlayer_core = require("@intlayer/core");
+__intlayer_core = require_rolldown_runtime.__toESM(__intlayer_core);
+let __intlayer_editor_react = require("@intlayer/editor-react");
+__intlayer_editor_react = require_rolldown_runtime.__toESM(__intlayer_editor_react);
+
+//#region src/editor/useEditedContentRenderer.tsx
+const useEditedContentRenderer = ({ dictionaryKey, keyPath, children }) => {
+	const editedContentContext = (0, __intlayer_editor_react.useEditedContentActions)();
+	if (editedContentContext) return editedContentContext.getEditedContentValue(dictionaryKey, keyPath) ?? children;
+	return children;
 };
 const EditedContentRenderer = (props) => {
-  const content = useEditedContentRenderer(props);
-  if (typeof content === "object") {
-    const transformedEditedContent = (0, import_core.getContent)(content, props, props.locale);
-    if (typeof transformedEditedContent !== "string") {
-      console.error(
-        `Incorrect edited content format. Content type: ${typeof transformedEditedContent}. Expected string. Value ${JSON.stringify(transformedEditedContent)}`
-      );
-      return props.children;
-    }
-    return transformedEditedContent;
-  }
-  return content;
+	const content = useEditedContentRenderer(props);
+	if (typeof content === "object") {
+		const transformedEditedContent = (0, __intlayer_core.getContent)(content, props, props.locale);
+		if (typeof transformedEditedContent !== "string") {
+			console.error(`Incorrect edited content format. Content type: ${typeof transformedEditedContent}. Expected string. Value ${JSON.stringify(transformedEditedContent)}`);
+			return /* @__PURE__ */ (0, react.createElement)(require_editor_ContentSelectorWrapper.ContentSelectorRenderer, {
+				...props,
+				key: props.children
+			}, props.children);
+		}
+		return /* @__PURE__ */ (0, react.createElement)(require_editor_ContentSelectorWrapper.ContentSelectorRenderer, {
+			...props,
+			key: props.children
+		}, transformedEditedContent);
+	}
+	return /* @__PURE__ */ (0, react.createElement)(require_editor_ContentSelectorWrapper.ContentSelectorRenderer, {
+		...props,
+		key: props.children
+	}, content);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  EditedContentRenderer,
-  useEditedContentRenderer
-});
+
+//#endregion
+exports.EditedContentRenderer = EditedContentRenderer;
+exports.useEditedContentRenderer = useEditedContentRenderer;
 //# sourceMappingURL=useEditedContentRenderer.cjs.map

package/dist/cjs/editor/useEditedContentRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/useEditedContentRenderer.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config/client';\nimport { getContent, type KeyPath } from '@intlayer/core';\nimport { useEditedContentActions } from '@intlayer/editor-react';\nimport type { FC } from 'react';\n\ntype EditedContentRendererProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  children: string;\n  locale?: Locales;\n};\n\nexport const useEditedContentRenderer = ({\n  dictionaryKey,\n  keyPath,\n  children,\n}: EditedContentRendererProps) => {\n  const editedContentContext = useEditedContentActions();\n\n  if (editedContentContext) {\n    const editedValue = editedContentContext.getEditedContentValue(\n      dictionaryKey,\n      keyPath\n    ) as string;\n\n    const value = editedValue ?? children;\n\n    return value;\n  }\n\n  return children;\n};\n\nexport const EditedContentRenderer: FC<EditedContentRendererProps> = (\n  props\n) => {\n  const content = useEditedContentRenderer(props);\n\n  if (typeof content === 'object') {\n    const transformedEditedContent = getContent(content, props, props.locale);\n\n    if (typeof transformedEditedContent !== 'string') {\n      console.error(\n        `Incorrect edited content format. Content type: ${typeof transformedEditedContent}. Expected string. Value ${JSON.stringify(transformedEditedContent)}`\n      );\n\n      return props.children;\n    }\n\n    return transformedEditedContent;\n  }\n\n  return content;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAyC;AACzC,0BAAwC;AAUjC,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACF,MAAkC;AAChC,QAAM,2BAAuB,6CAAwB;AAErD,MAAI,sBAAsB;AACxB,UAAM,cAAc,qBAAqB;AAAA,MACvC;AAAA,MACA;AAAA,IACF;AAEA,UAAM,QAAQ,eAAe;AAE7B,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEO,MAAM,wBAAwD,CACnE,UACG;AACH,QAAM,UAAU,yBAAyB,KAAK;AAE9C,MAAI,OAAO,YAAY,UAAU;AAC/B,UAAM,+BAA2B,wBAAW,SAAS,OAAO,MAAM,MAAM;AAExE,QAAI,OAAO,6BAA6B,UAAU;AAChD,cAAQ;AAAA,QACN,kDAAkD,OAAO,wBAAwB,4BAA4B,KAAK,UAAU,wBAAwB,CAAC;AAAA,MACvJ;AAEA,aAAO,MAAM;AAAA,IACf;AAEA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"file":"useEditedContentRenderer.cjs","names":["EditedContentRenderer: FC<EditedContentRendererProps>","ContentSelectorRenderer"],"sources":["../../../src/editor/useEditedContentRenderer.tsx"],"sourcesContent":["'use client';\n\nimport { getContent } from '@intlayer/core';\nimport { useEditedContentActions } from '@intlayer/editor-react';\nimport type { KeyPath, Locale } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { ContentSelectorRenderer } from './ContentSelectorWrapper';\n\ntype EditedContentRendererProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  children: string;\n  locale?: Locale;\n};\n\nexport const useEditedContentRenderer = ({\n  dictionaryKey,\n  keyPath,\n  children,\n}: EditedContentRendererProps) => {\n  const editedContentContext = useEditedContentActions();\n\n  if (editedContentContext) {\n    const editedValue = editedContentContext.getEditedContentValue(\n      dictionaryKey,\n      keyPath\n    ) as string;\n\n    const value = editedValue ?? children;\n\n    return value;\n  }\n\n  return children;\n};\n\nexport const EditedContentRenderer: FC<EditedContentRendererProps> = (\n  props\n) => {\n  const content = useEditedContentRenderer(props);\n\n  if (typeof content === 'object') {\n    const transformedEditedContent = getContent(content, props, props.locale);\n\n    if (typeof transformedEditedContent !== 'string') {\n      console.error(\n        `Incorrect edited content format. Content type: ${typeof transformedEditedContent}. Expected string. Value ${JSON.stringify(transformedEditedContent)}`\n      );\n\n      return (\n        <ContentSelectorRenderer {...props} key={props.children}>\n          {props.children}\n        </ContentSelectorRenderer>\n      );\n    }\n\n    return (\n      <ContentSelectorRenderer {...props} key={props.children}>\n        {transformedEditedContent}\n      </ContentSelectorRenderer>\n    );\n  }\n\n  return (\n    <ContentSelectorRenderer {...props} key={props.children}>\n      {content}\n    </ContentSelectorRenderer>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAa,4BAA4B,EACvC,eACA,SACA,eACgC;CAChC,MAAM,6EAAgD;AAEtD,KAAI,qBAQF,QAPoB,qBAAqB,sBACvC,eACA,QACD,IAE4B;AAK/B,QAAO;;AAGT,MAAaA,yBACX,UACG;CACH,MAAM,UAAU,yBAAyB,MAAM;AAE/C,KAAI,OAAO,YAAY,UAAU;EAC/B,MAAM,2DAAsC,SAAS,OAAO,MAAM,OAAO;AAEzE,MAAI,OAAO,6BAA6B,UAAU;AAChD,WAAQ,MACN,kDAAkD,OAAO,yBAAyB,2BAA2B,KAAK,UAAU,yBAAyB,GACtJ;AAED,UACE,yCAACC;IAAwB,GAAI;IAAO,KAAK,MAAM;MAC5C,MAAM,SACiB;;AAI9B,SACE,yCAACA;GAAwB,GAAI;GAAO,KAAK,MAAM;KAC5C,yBACuB;;AAI9B,QACE,yCAACA;EAAwB,GAAI;EAAO,KAAK,MAAM;IAC5C,QACuB"}