@intlayer/editor-react 9.5.11 → 9.5.12

package/dist/cjs/ConfigurationContext.cjs

@@ -3,52 +3,23 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_EditorStateContext = require('./EditorStateContext.cjs');
 let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/ConfigurationContext.tsx
-const ConfigurationReactContext = (0, react.createContext)(void 0);
-const ConfigurationProvider = ({ configuration, children }) => {
-	const manager = require_EditorStateContext.useEditorStateManager();
-	(0, react.useEffect)(() => {
-		if (!manager || !configuration) return;
-		manager.configuration.set(configuration);
-	}, [manager, configuration]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfigurationReactContext.Provider, {
-		value: configuration,
-		children
-	});
-};
+/**
+* Returns the Intlayer configuration held by the editor state manager.
+*/
 const useConfiguration = () => {
 	const manager = require_EditorStateContext.useEditorStateManager();
-	const reactConfig = (0, react.useContext)(ConfigurationReactContext);
-	const [config, setConfig] = (0, react.useState)(manager?.configuration.value ?? reactConfig);
+	const [configuration, setConfiguration] = (0, react.useState)(manager?.configuration.value);
 	(0, react.useEffect)(() => {
-		if (!manager) {
-			setConfig(reactConfig);
-			return;
-		}
-		const handler = (e) => {
-			const detail = e.detail;
-			setConfig(detail ?? reactConfig);
-		};
-		manager.configuration.addEventListener("change", handler);
-		return () => manager.configuration.removeEventListener("change", handler);
-	}, [manager, reactConfig]);
-	return config ?? reactConfig;
-};
-const useConfigurationState = () => {
-	const manager = require_EditorStateContext.useEditorStateManager();
-	const reactConfig = (0, react.useContext)(ConfigurationReactContext);
-	const [config, setConfig] = (0, react.useState)(manager?.configuration.value ?? reactConfig);
-	return [
-		config ?? reactConfig,
-		setConfig,
-		() => manager?.configuration.postCurrentValue()
-	];
+		if (!manager) return;
+		const handleChange = (event) => setConfiguration(event.detail);
+		manager.configuration.addEventListener("change", handleChange);
+		return () => manager.configuration.removeEventListener("change", handleChange);
+	}, [manager]);
+	return configuration;
 };
 
 //#endregion
-exports.ConfigurationProvider = ConfigurationProvider;
 exports.useConfiguration = useConfiguration;
-exports.useConfigurationState = useConfigurationState;
 //# sourceMappingURL=ConfigurationContext.cjs.map

package/dist/cjs/ConfigurationContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurationContext.cjs","names":["createContext","useEditorStateManager","useContext","useState"],"sources":["../../src/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\n// 1. Create a native React context\nconst ConfigurationReactContext = createContext<IntlayerConfig | undefined>(\n  undefined\n);\n\nexport type ConfigurationProviderProps = PropsWithChildren<{\n  configuration?: IntlayerConfig;\n}>;\n\nexport const ConfigurationProvider: FC<ConfigurationProviderProps> = ({\n  configuration,\n  children,\n}) => {\n  const manager = useEditorStateManager();\n\n  useEffect(() => {\n    if (!manager || !configuration) return;\n\n    manager.configuration.set(configuration);\n  }, [manager, configuration]);\n\n  // 2. Wrap children in the native provider\n  return (\n    <ConfigurationReactContext.Provider value={configuration}>\n      {children}\n    </ConfigurationReactContext.Provider>\n  );\n};\n\nexport const useConfiguration = (): IntlayerConfig | undefined => {\n  const manager = useEditorStateManager();\n  const reactConfig = useContext(ConfigurationReactContext); // 3. Consume native context\n\n  const [config, setConfig] = useState<IntlayerConfig | undefined>(\n    (manager?.configuration.value as IntlayerConfig | undefined) ?? reactConfig\n  );\n\n  useEffect(() => {\n    if (!manager) {\n      setConfig(reactConfig);\n      return;\n    }\n\n    const handler = (e: Event) => {\n      const detail = (e as CustomEvent<IntlayerConfig>).detail;\n      setConfig(detail ?? reactConfig);\n    };\n\n    manager.configuration.addEventListener('change', handler);\n    return () => manager.configuration.removeEventListener('change', handler);\n  }, [manager, reactConfig]);\n\n  // Prefer event-driven config, fallback to React context config\n  return config ?? reactConfig;\n};\n\nexport const useConfigurationState = () => {\n  const manager = useEditorStateManager();\n  const reactConfig = useContext(ConfigurationReactContext);\n\n  const [config, setConfig] = useState<IntlayerConfig | undefined>(\n    (manager?.configuration.value as IntlayerConfig | undefined) ?? reactConfig\n  );\n\n  return [\n    config ?? reactConfig,\n    setConfig,\n    () => manager?.configuration.postCurrentValue(),\n  ] as const;\n};\n"],"mappings":";;;;;;;;AAcA,MAAM,gCAA4BA,qBAChC,MACF;AAMA,MAAa,yBAAyD,EACpE,eACA,eACI;CACJ,MAAM,UAAUC,iDAAsB;CAEtC,2BAAgB;EACd,IAAI,CAAC,WAAW,CAAC,eAAe;EAEhC,QAAQ,cAAc,IAAI,aAAa;CACzC,GAAG,CAAC,SAAS,aAAa,CAAC;CAG3B,OACE,2CAAC,0BAA0B,UAA3B;EAAoC,OAAO;EACxC;CACiC;AAExC;AAEA,MAAa,yBAAqD;CAChE,MAAM,UAAUA,iDAAsB;CACtC,MAAM,kBAAcC,kBAAW,yBAAyB;CAExD,MAAM,CAAC,QAAQ,iBAAaC,gBACzB,SAAS,cAAc,SAAwC,WAClE;CAEA,2BAAgB;EACd,IAAI,CAAC,SAAS;GACZ,UAAU,WAAW;GACrB;EACF;EAEA,MAAM,WAAW,MAAa;GAC5B,MAAM,SAAU,EAAkC;GAClD,UAAU,UAAU,WAAW;EACjC;EAEA,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EACxD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,SAAS,WAAW,CAAC;CAGzB,OAAO,UAAU;AACnB;AAEA,MAAa,8BAA8B;CACzC,MAAM,UAAUF,iDAAsB;CACtC,MAAM,kBAAcC,kBAAW,yBAAyB;CAExD,MAAM,CAAC,QAAQ,iBAAaC,gBACzB,SAAS,cAAc,SAAwC,WAClE;CAEA,OAAO;EACL,UAAU;EACV;QACM,SAAS,cAAc,iBAAiB;CAChD;AACF"}
+{"version":3,"file":"ConfigurationContext.cjs","names":["useEditorStateManager","useState"],"sources":["../../src/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\n/**\n * Returns the Intlayer configuration held by the editor state manager.\n */\nexport const useConfiguration = (): IntlayerConfig | undefined => {\n  const manager = useEditorStateManager();\n  const [configuration, setConfiguration] = useState<\n    IntlayerConfig | undefined\n  >(manager?.configuration.value as IntlayerConfig | undefined);\n\n  useEffect(() => {\n    if (!manager) return;\n\n    const handleChange = (event: Event) =>\n      setConfiguration((event as CustomEvent<IntlayerConfig>).detail);\n\n    manager.configuration.addEventListener('change', handleChange);\n\n    return () =>\n      manager.configuration.removeEventListener('change', handleChange);\n  }, [manager]);\n\n  return configuration;\n};\n"],"mappings":";;;;;;;;;;AASA,MAAa,yBAAqD;CAChE,MAAM,UAAUA,iDAAsB;CACtC,MAAM,CAAC,eAAe,wBAAoBC,gBAExC,SAAS,cAAc,KAAmC;CAE5D,2BAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,gBAAgB,UACpB,iBAAkB,MAAsC,MAAM;EAEhE,QAAQ,cAAc,iBAAiB,UAAU,YAAY;EAE7D,aACE,QAAQ,cAAc,oBAAoB,UAAU,YAAY;CACpE,GAAG,CAAC,OAAO,CAAC;CAEZ,OAAO;AACT"}

package/dist/cjs/EditedContentContext.cjs

@@ -15,8 +15,6 @@ const useEditedContentActions = () => {
 		renameEditedContent: (localId, newKey, keyPath) => manager?.renameContent(localId, newKey, keyPath),
 		removeEditedContent: (localId, keyPath) => manager?.removeContent(localId, keyPath),
 		restoreEditedContent: (localId) => manager?.restoreContent(localId),
-		clearEditedDictionaryContent: (localId) => manager?.clearContent(localId),
-		clearEditedContent: () => manager?.clearAllContent(),
 		getEditedContentValue: (localIdOrKey, keyPath) => manager?.getContentValue(localIdOrKey, keyPath)
 	};
 };
@@ -34,23 +32,8 @@ const useEditedContent = () => {
 		...useEditedContentActions()
 	};
 };
-const usePostEditedContentState = (onEventTriggered) => {
-	const manager = require_EditorStateContext.useEditorStateManager();
-	(0, react.useEffect)(() => {
-		if (!onEventTriggered || !manager) return;
-		return manager.messenger.subscribe(`INTLAYER_EDITED_CONTENT_CHANGED/post`, onEventTriggered);
-	}, [manager, onEventTriggered]);
-};
-const useGetEditedContentState = () => {
-	const manager = require_EditorStateContext.useEditorStateManager();
-	return () => {
-		manager?.messenger.send("INTLAYER_EDITED_CONTENT_CHANGED/get");
-	};
-};
 
 //#endregion
 exports.useEditedContent = useEditedContent;
 exports.useEditedContentActions = useEditedContentActions;
-exports.useGetEditedContentState = useGetEditedContentState;
-exports.usePostEditedContentState = usePostEditedContentState;
 //# sourceMappingURL=EditedContentContext.cjs.map

package/dist/cjs/EditedContentContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditedContentContext.cjs","names":["useEditorStateManager","useState"],"sources":["../../src/EditedContentContext.tsx"],"sourcesContent":["'use client';\n\nimport type { DictionaryContent } from '@intlayer/editor';\nimport type {\n  ContentNode,\n  Dictionary,\n  LocalDictionaryId,\n} from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { DictionaryContent } from '@intlayer/editor';\n\ntype EditedContentActionsContextType = {\n  setEditedContentState: (editedContent: DictionaryContent) => void;\n  setEditedDictionary: (dict: Dictionary) => void;\n  setEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => void;\n  addEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: ContentNode<any>,\n    keyPath?: KeyPath[],\n    overwrite?: boolean\n  ) => void;\n  renameEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath?: KeyPath[]\n  ) => void;\n  removeEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => void;\n  restoreEditedContent: (localDictionaryId: LocalDictionaryId) => void;\n  clearEditedDictionaryContent: (localDictionaryId: LocalDictionaryId) => void;\n  clearEditedContent: () => void;\n  getEditedContentValue: (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ) => ContentNode | undefined;\n};\n\nexport const useEditedContentActions = (): EditedContentActionsContextType => {\n  const manager = useEditorStateManager();\n\n  return {\n    setEditedContentState: (value: DictionaryContent) =>\n      manager?.editedContent.set(value),\n    setEditedDictionary: (dict: Dictionary) =>\n      manager?.setEditedDictionary(dict),\n    setEditedContent: (\n      localId: LocalDictionaryId,\n      value: Dictionary['content']\n    ) => manager?.setEditedContent(localId, value),\n    addEditedContent: (localId, value, keyPath, overwrite) =>\n      manager?.addContent(localId, value, keyPath, overwrite),\n    renameEditedContent: (localId, newKey, keyPath) =>\n      manager?.renameContent(localId, newKey, keyPath),\n    removeEditedContent: (localId, keyPath) =>\n      manager?.removeContent(localId, keyPath),\n    restoreEditedContent: (localId) => manager?.restoreContent(localId),\n    clearEditedDictionaryContent: (localId) => manager?.clearContent(localId),\n    clearEditedContent: () => manager?.clearAllContent(),\n    getEditedContentValue: (localIdOrKey, keyPath) =>\n      manager?.getContentValue(localIdOrKey, keyPath),\n  };\n};\n\nexport const useEditedContent = () => {\n  const manager = useEditorStateManager();\n  const [editedContent, setEditedContentState] = useState<\n    DictionaryContent | undefined\n  >(manager?.editedContent.value);\n\n  useEffect(() => {\n    if (!manager) return;\n    const handler = (e: Event) =>\n      setEditedContentState((e as CustomEvent<DictionaryContent>).detail);\n    manager.editedContent.addEventListener('change', handler);\n    return () => manager.editedContent.removeEventListener('change', handler);\n  }, [manager]);\n\n  const actions = useEditedContentActions();\n  return { editedContent, ...actions };\n};\n\nexport const usePostEditedContentState = <S,>(\n  onEventTriggered?: (data: S) => void\n) => {\n  const manager = useEditorStateManager();\n  useEffect(() => {\n    if (!onEventTriggered || !manager) return;\n    return manager.messenger.subscribe(\n      `INTLAYER_EDITED_CONTENT_CHANGED/post`,\n      onEventTriggered as (data: unknown) => void\n    );\n  }, [manager, onEventTriggered]);\n};\n\nexport const useGetEditedContentState = () => {\n  const manager = useEditorStateManager();\n  return () => {\n    manager?.messenger.send('INTLAYER_EDITED_CONTENT_CHANGED/get');\n  };\n};\n"],"mappings":";;;;;;;AA6CA,MAAa,gCAAiE;CAC5E,MAAM,UAAUA,iDAAsB;CAEtC,OAAO;EACL,wBAAwB,UACtB,SAAS,cAAc,IAAI,KAAK;EAClC,sBAAsB,SACpB,SAAS,oBAAoB,IAAI;EACnC,mBACE,SACA,UACG,SAAS,iBAAiB,SAAS,KAAK;EAC7C,mBAAmB,SAAS,OAAO,SAAS,cAC1C,SAAS,WAAW,SAAS,OAAO,SAAS,SAAS;EACxD,sBAAsB,SAAS,QAAQ,YACrC,SAAS,cAAc,SAAS,QAAQ,OAAO;EACjD,sBAAsB,SAAS,YAC7B,SAAS,cAAc,SAAS,OAAO;EACzC,uBAAuB,YAAY,SAAS,eAAe,OAAO;EAClE,+BAA+B,YAAY,SAAS,aAAa,OAAO;EACxE,0BAA0B,SAAS,gBAAgB;EACnD,wBAAwB,cAAc,YACpC,SAAS,gBAAgB,cAAc,OAAO;CAClD;AACF;AAEA,MAAa,yBAAyB;CACpC,MAAM,UAAUA,iDAAsB;CACtC,MAAM,CAAC,eAAe,6BAAyBC,gBAE7C,SAAS,cAAc,KAAK;CAE9B,2BAAgB;EACd,IAAI,CAAC,SAAS;EACd,MAAM,WAAW,MACf,sBAAuB,EAAqC,MAAM;EACpE,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EACxD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,OAAO,CAAC;CAGZ,OAAO;EAAE;EAAe,GADR,wBACiB;CAAE;AACrC;AAEA,MAAa,6BACX,qBACG;CACH,MAAM,UAAUD,iDAAsB;CACtC,2BAAgB;EACd,IAAI,CAAC,oBAAoB,CAAC,SAAS;EACnC,OAAO,QAAQ,UAAU,UACvB,wCACA,gBACF;CACF,GAAG,CAAC,SAAS,gBAAgB,CAAC;AAChC;AAEA,MAAa,iCAAiC;CAC5C,MAAM,UAAUA,iDAAsB;CACtC,aAAa;EACX,SAAS,UAAU,KAAK,qCAAqC;CAC/D;AACF"}
+{"version":3,"file":"EditedContentContext.cjs","names":["useEditorStateManager","useState"],"sources":["../../src/EditedContentContext.tsx"],"sourcesContent":["'use client';\n\nimport type { DictionaryContent } from '@intlayer/editor';\nimport type {\n  ContentNode,\n  Dictionary,\n  LocalDictionaryId,\n} from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { DictionaryContent } from '@intlayer/editor';\n\ntype EditedContentActionsContextType = {\n  setEditedContentState: (editedContent: DictionaryContent) => void;\n  setEditedDictionary: (dict: Dictionary) => void;\n  setEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => void;\n  addEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: ContentNode<any>,\n    keyPath?: KeyPath[],\n    overwrite?: boolean\n  ) => void;\n  renameEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath?: KeyPath[]\n  ) => void;\n  removeEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => void;\n  restoreEditedContent: (localDictionaryId: LocalDictionaryId) => void;\n  getEditedContentValue: (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ) => ContentNode | undefined;\n};\n\nexport const useEditedContentActions = (): EditedContentActionsContextType => {\n  const manager = useEditorStateManager();\n\n  return {\n    setEditedContentState: (value: DictionaryContent) =>\n      manager?.editedContent.set(value),\n    setEditedDictionary: (dict: Dictionary) =>\n      manager?.setEditedDictionary(dict),\n    setEditedContent: (\n      localId: LocalDictionaryId,\n      value: Dictionary['content']\n    ) => manager?.setEditedContent(localId, value),\n    addEditedContent: (localId, value, keyPath, overwrite) =>\n      manager?.addContent(localId, value, keyPath, overwrite),\n    renameEditedContent: (localId, newKey, keyPath) =>\n      manager?.renameContent(localId, newKey, keyPath),\n    removeEditedContent: (localId, keyPath) =>\n      manager?.removeContent(localId, keyPath),\n    restoreEditedContent: (localId) => manager?.restoreContent(localId),\n    getEditedContentValue: (localIdOrKey, keyPath) =>\n      manager?.getContentValue(localIdOrKey, keyPath),\n  };\n};\n\nexport const useEditedContent = () => {\n  const manager = useEditorStateManager();\n  const [editedContent, setEditedContentState] = useState<\n    DictionaryContent | undefined\n  >(manager?.editedContent.value);\n\n  useEffect(() => {\n    if (!manager) return;\n    const handler = (e: Event) =>\n      setEditedContentState((e as CustomEvent<DictionaryContent>).detail);\n    manager.editedContent.addEventListener('change', handler);\n    return () => manager.editedContent.removeEventListener('change', handler);\n  }, [manager]);\n\n  const actions = useEditedContentActions();\n  return { editedContent, ...actions };\n};\n"],"mappings":";;;;;;;AA2CA,MAAa,gCAAiE;CAC5E,MAAM,UAAUA,iDAAsB;CAEtC,OAAO;EACL,wBAAwB,UACtB,SAAS,cAAc,IAAI,KAAK;EAClC,sBAAsB,SACpB,SAAS,oBAAoB,IAAI;EACnC,mBACE,SACA,UACG,SAAS,iBAAiB,SAAS,KAAK;EAC7C,mBAAmB,SAAS,OAAO,SAAS,cAC1C,SAAS,WAAW,SAAS,OAAO,SAAS,SAAS;EACxD,sBAAsB,SAAS,QAAQ,YACrC,SAAS,cAAc,SAAS,QAAQ,OAAO;EACjD,sBAAsB,SAAS,YAC7B,SAAS,cAAc,SAAS,OAAO;EACzC,uBAAuB,YAAY,SAAS,eAAe,OAAO;EAClE,wBAAwB,cAAc,YACpC,SAAS,gBAAgB,cAAc,OAAO;CAClD;AACF;AAEA,MAAa,yBAAyB;CACpC,MAAM,UAAUA,iDAAsB;CACtC,MAAM,CAAC,eAAe,6BAAyBC,gBAE7C,SAAS,cAAc,KAAK;CAE9B,2BAAgB;EACd,IAAI,CAAC,SAAS;EACd,MAAM,WAAW,MACf,sBAAuB,EAAqC,MAAM;EACpE,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EACxD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,OAAO,CAAC;CAGZ,OAAO;EAAE;EAAe,GADR,wBACiB;CAAE;AACrC"}

package/dist/cjs/EditorEnabledContext.cjs

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_EditorStateContext = require('./EditorStateContext.cjs');
 let react = require("react");
-let _intlayer_editor = require("@intlayer/editor");
 
 //#region src/EditorEnabledContext.tsx
 /**
@@ -22,34 +21,6 @@ const useEditorEnabled = () => {
 	return { enabled };
 };
 /**
-* Subscribes to incoming "get" requests for editor-enabled state and calls
-* the provided callback so the caller can respond.
-* Used by the editor side to respond when the client asks for the current state.
-*/
-const useGetEditorEnabledState = (onRequest) => {
-	const manager = require_EditorStateContext.useEditorStateManager();
-	(0, react.useEffect)(() => {
-		if (!onRequest) return;
-		return manager?.messenger.subscribe(`${_intlayer_editor.MessageKey.INTLAYER_EDITOR_ENABLED}/get`, onRequest);
-	}, [manager, onRequest]);
-};
-/**
-* Returns a function that sets the editor-enabled state and broadcasts it.
-*/
-const usePostEditorEnabledState = () => {
-	const manager = require_EditorStateContext.useEditorStateManager();
-	return (value) => {
-		manager?.editorEnabled.set(value);
-		manager?.editorEnabled.postCurrentValue();
-	};
-};
-const useEditorEnabledState = () => {
-	const { enabled } = useEditorEnabled();
-	const manager = require_EditorStateContext.useEditorStateManager();
-	const setter = (value) => manager?.editorEnabled.set(value);
-	return [enabled, setter];
-};
-/**
 * Returns a function that re-pings the client via ARE_YOU_THERE.
 * Use this as the onClick for an "Enable Editor" / reconnect button.
 */
@@ -60,8 +31,5 @@ const useEditorPingClient = () => {
 
 //#endregion
 exports.useEditorEnabled = useEditorEnabled;
-exports.useEditorEnabledState = useEditorEnabledState;
 exports.useEditorPingClient = useEditorPingClient;
-exports.useGetEditorEnabledState = useGetEditorEnabledState;
-exports.usePostEditorEnabledState = usePostEditorEnabledState;
 //# sourceMappingURL=EditorEnabledContext.cjs.map

package/dist/cjs/EditorEnabledContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorEnabledContext.cjs","names":["useEditorStateManager","useState","MessageKey"],"sources":["../../src/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type EditorEnabledStateProps = {\n  enabled: boolean;\n};\n\n/**\n * Returns the current editor-enabled state, kept in sync with the shared\n * EditorStateManager. Replaces the old EditorEnabledContext + EditorEnabledProvider.\n */\nexport const useEditorEnabled = (): EditorEnabledStateProps => {\n  const manager = useEditorStateManager();\n  const [enabled, setEnabled] = useState<boolean>(\n    manager?.editorEnabled.value ?? false\n  );\n\n  useEffect(() => {\n    if (!manager) return;\n\n    const handler = (e: Event) =>\n      setEnabled((e as CustomEvent<boolean>).detail);\n    manager.editorEnabled.addEventListener('change', handler);\n    return () => manager.editorEnabled.removeEventListener('change', handler);\n  }, [manager]);\n\n  return { enabled };\n};\n\n/**\n * Subscribes to incoming \"get\" requests for editor-enabled state and calls\n * the provided callback so the caller can respond.\n * Used by the editor side to respond when the client asks for the current state.\n */\nexport const useGetEditorEnabledState = (onRequest?: () => void) => {\n  const manager = useEditorStateManager();\n\n  useEffect(() => {\n    if (!onRequest) return;\n\n    return manager?.messenger.subscribe(\n      `${MessageKey.INTLAYER_EDITOR_ENABLED}/get`,\n      onRequest\n    );\n  }, [manager, onRequest]);\n};\n\n/**\n * Returns a function that sets the editor-enabled state and broadcasts it.\n */\nexport const usePostEditorEnabledState = () => {\n  const manager = useEditorStateManager();\n\n  return (value: boolean) => {\n    manager?.editorEnabled.set(value);\n    manager?.editorEnabled.postCurrentValue();\n  };\n};\n\nexport const useEditorEnabledState = () => {\n  const { enabled } = useEditorEnabled();\n  const manager = useEditorStateManager();\n  const setter = (value: boolean) => manager?.editorEnabled.set(value);\n\n  return [enabled, setter] as const;\n};\n\n/**\n * Returns a function that re-pings the client via ARE_YOU_THERE.\n * Use this as the onClick for an \"Enable Editor\" / reconnect button.\n */\nexport const useEditorPingClient = (): (() => void) => {\n  const manager = useEditorStateManager();\n\n  return () => manager?.pingClient();\n};\n"],"mappings":";;;;;;;;;;;;AAcA,MAAa,yBAAkD;CAC7D,MAAM,UAAUA,iDAAsB;CACtC,MAAM,CAAC,SAAS,kBAAcC,gBAC5B,SAAS,cAAc,SAAS,KAClC;CAEA,2BAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,WAAW,MACf,WAAY,EAA2B,MAAM;EAC/C,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EACxD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,OAAO,CAAC;CAEZ,OAAO,EAAE,QAAQ;AACnB;;;;;;AAOA,MAAa,4BAA4B,cAA2B;CAClE,MAAM,UAAUD,iDAAsB;CAEtC,2BAAgB;EACd,IAAI,CAAC,WAAW;EAEhB,OAAO,SAAS,UAAU,UACxB,GAAGE,4BAAW,wBAAwB,OACtC,SACF;CACF,GAAG,CAAC,SAAS,SAAS,CAAC;AACzB;;;;AAKA,MAAa,kCAAkC;CAC7C,MAAM,UAAUF,iDAAsB;CAEtC,QAAQ,UAAmB;EACzB,SAAS,cAAc,IAAI,KAAK;EAChC,SAAS,cAAc,iBAAiB;CAC1C;AACF;AAEA,MAAa,8BAA8B;CACzC,MAAM,EAAE,YAAY,iBAAiB;CACrC,MAAM,UAAUA,iDAAsB;CACtC,MAAM,UAAU,UAAmB,SAAS,cAAc,IAAI,KAAK;CAEnE,OAAO,CAAC,SAAS,MAAM;AACzB;;;;;AAMA,MAAa,4BAA0C;CACrD,MAAM,UAAUA,iDAAsB;CAEtC,aAAa,SAAS,WAAW;AACnC"}
+{"version":3,"file":"EditorEnabledContext.cjs","names":["useEditorStateManager","useState"],"sources":["../../src/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type EditorEnabledStateProps = {\n  enabled: boolean;\n};\n\n/**\n * Returns the current editor-enabled state, kept in sync with the shared\n * EditorStateManager. Replaces the old EditorEnabledContext + EditorEnabledProvider.\n */\nexport const useEditorEnabled = (): EditorEnabledStateProps => {\n  const manager = useEditorStateManager();\n  const [enabled, setEnabled] = useState<boolean>(\n    manager?.editorEnabled.value ?? false\n  );\n\n  useEffect(() => {\n    if (!manager) return;\n\n    const handler = (e: Event) =>\n      setEnabled((e as CustomEvent<boolean>).detail);\n    manager.editorEnabled.addEventListener('change', handler);\n    return () => manager.editorEnabled.removeEventListener('change', handler);\n  }, [manager]);\n\n  return { enabled };\n};\n\n/**\n * Returns a function that re-pings the client via ARE_YOU_THERE.\n * Use this as the onClick for an \"Enable Editor\" / reconnect button.\n */\nexport const useEditorPingClient = (): (() => void) => {\n  const manager = useEditorStateManager();\n\n  return () => manager?.pingClient();\n};\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,yBAAkD;CAC7D,MAAM,UAAUA,iDAAsB;CACtC,MAAM,CAAC,SAAS,kBAAcC,gBAC5B,SAAS,cAAc,SAAS,KAClC;CAEA,2BAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,WAAW,MACf,WAAY,EAA2B,MAAM;EAC/C,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EACxD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,OAAO,CAAC;CAEZ,OAAO,EAAE,QAAQ;AACnB;;;;;AAMA,MAAa,4BAA0C;CACrD,MAAM,UAAUD,iDAAsB;CAEtC,aAAa,SAAS,WAAW;AACnC"}

package/dist/cjs/FocusDictionaryContext.cjs

@@ -1,77 +1,29 @@
 'use client';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('./_virtual/_rolldown/runtime.cjs');
 const require_EditorStateContext = require('./EditorStateContext.cjs');
 let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _intlayer_types_nodeType = require("@intlayer/types/nodeType");
-_intlayer_types_nodeType = require_runtime.__toESM(_intlayer_types_nodeType);
 
 //#region src/FocusDictionaryContext.tsx
-const FocusDictionaryReactContext = (0, react.createContext)(void 0);
-const FocusDictionaryProvider = ({ children }) => {
-	const manager = require_EditorStateContext.useEditorStateManager();
-	const [fallbackContent, setFallbackContent] = (0, react.useState)(null);
-	const setFocusedContent = (0, react.useCallback)((value) => {
-		if (manager) manager.focusedContent.set(value);
-		else setFallbackContent(value);
-	}, [manager]);
-	const setFocusedContentKeyPath = (0, react.useCallback)((keyPath) => {
-		if (manager) manager.setFocusedContentKeyPath(keyPath);
-		else setFallbackContent((prev) => {
-			if (!prev) return null;
-			const filtered = keyPath.filter((key) => key.type !== _intlayer_types_nodeType.TRANSLATION);
-			return {
-				...prev,
-				keyPath: filtered
-			};
-		});
-	}, [manager]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FocusDictionaryReactContext.Provider, {
-		value: {
-			focusedContent: manager?.focusedContent.value ?? fallbackContent,
-			setFocusedContent,
-			setFocusedContentKeyPath
-		},
-		children
-	});
-};
+/**
+* Returns the content focused in the editor, shared with the client frame.
+*/
 const useFocusDictionary = () => {
 	const manager = require_EditorStateContext.useEditorStateManager();
-	const reactContext = (0, react.useContext)(FocusDictionaryReactContext);
-	const [focusedContent, setFocusedContentState] = (0, react.useState)(manager?.focusedContent.value ?? reactContext?.focusedContent ?? null);
+	const [focusedContent, setFocusedContentState] = (0, react.useState)(manager?.focusedContent.value ?? null);
 	(0, react.useEffect)(() => {
-		if (!manager) {
-			setFocusedContentState(reactContext?.focusedContent ?? null);
-			return;
-		}
-		const handler = (e) => setFocusedContentState(e.detail);
-		manager.focusedContent.addEventListener("change", handler);
-		return () => manager.focusedContent.removeEventListener("change", handler);
-	}, [manager, reactContext?.focusedContent]);
+		if (!manager) return;
+		const handleChange = (event) => setFocusedContentState(event.detail);
+		manager.focusedContent.addEventListener("change", handleChange);
+		return () => manager.focusedContent.removeEventListener("change", handleChange);
+	}, [manager]);
 	return {
 		focusedContent,
-		setFocusedContent: (0, react.useCallback)((value) => {
-			if (reactContext) reactContext.setFocusedContent(value);
-			else if (manager) manager.focusedContent.set(value);
-		}, [reactContext, manager]),
-		setFocusedContentKeyPath: (0, react.useCallback)((keyPath) => {
-			if (reactContext) reactContext.setFocusedContentKeyPath(keyPath);
-			else if (manager) manager.setFocusedContentKeyPath(keyPath);
-		}, [reactContext, manager])
-	};
-};
-const useFocusDictionaryActions = () => {
-	const { setFocusedContent, setFocusedContentKeyPath } = useFocusDictionary();
-	return {
-		setFocusedContent,
-		setFocusedContentKeyPath
+		setFocusedContent: (0, react.useCallback)((value) => manager?.focusedContent.set(value), [manager]),
+		setFocusedContentKeyPath: (0, react.useCallback)((keyPath) => manager?.setFocusedContentKeyPath(keyPath), [manager])
 	};
 };
 
 //#endregion
-exports.FocusDictionaryProvider = FocusDictionaryProvider;
 exports.useFocusDictionary = useFocusDictionary;
-exports.useFocusDictionaryActions = useFocusDictionaryActions;
 //# sourceMappingURL=FocusDictionaryContext.cjs.map

package/dist/cjs/FocusDictionaryContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FocusDictionaryContext.cjs","names":["createContext","useEditorStateManager","useState","useCallback","NodeTypes","useContext"],"sources":["../../src/FocusDictionaryContext.tsx"],"sourcesContent":["'use client';\n\nimport type { CrossFrameStateAction, FileContent } from '@intlayer/editor';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { FileContent } from '@intlayer/editor';\n\nexport type FocusDictionaryState = {\n  focusedContent: FileContent | null;\n};\n\nexport type FocusDictionaryActions = {\n  /** Accepts a value or an updater — `setFocusedContent(prev => …)`. */\n  setFocusedContent: (value: CrossFrameStateAction<FileContent | null>) => void;\n  setFocusedContentKeyPath: (keyPath: KeyPath[]) => void;\n};\n\ntype FocusDictionaryContextType = FocusDictionaryState & FocusDictionaryActions;\n\n// Create native React context fallback\nconst FocusDictionaryReactContext = createContext<\n  FocusDictionaryContextType | undefined\n>(undefined);\n\n// Create the Provider\nexport const FocusDictionaryProvider: FC<PropsWithChildren> = ({\n  children,\n}) => {\n  const manager = useEditorStateManager();\n  const [fallbackContent, setFallbackContent] = useState<FileContent | null>(\n    null\n  );\n\n  const setFocusedContent = useCallback(\n    (value: CrossFrameStateAction<FileContent | null>) => {\n      if (manager) {\n        manager.focusedContent.set(value);\n      } else {\n        setFallbackContent(value);\n      }\n    },\n    [manager]\n  );\n\n  const setFocusedContentKeyPath = useCallback(\n    (keyPath: KeyPath[]) => {\n      if (manager) {\n        manager.setFocusedContentKeyPath(keyPath);\n      } else {\n        setFallbackContent((prev) => {\n          if (!prev) return null;\n          const filtered = keyPath.filter(\n            (key) => key.type !== NodeTypes.TRANSLATION\n          );\n          return { ...prev, keyPath: filtered };\n        });\n      }\n    },\n    [manager]\n  );\n\n  return (\n    <FocusDictionaryReactContext.Provider\n      value={{\n        focusedContent: manager?.focusedContent.value ?? fallbackContent,\n        setFocusedContent,\n        setFocusedContentKeyPath,\n      }}\n    >\n      {children}\n    </FocusDictionaryReactContext.Provider>\n  );\n};\n\n// 3. Update the hook to consume the fallback context\nexport const useFocusDictionary = (): FocusDictionaryState &\n  FocusDictionaryActions => {\n  const manager = useEditorStateManager();\n  const reactContext = useContext(FocusDictionaryReactContext);\n\n  const [focusedContent, setFocusedContentState] = useState<FileContent | null>(\n    manager?.focusedContent.value ?? reactContext?.focusedContent ?? null\n  );\n\n  useEffect(() => {\n    if (!manager) {\n      setFocusedContentState(reactContext?.focusedContent ?? null);\n      return;\n    }\n\n    const handler = (e: Event) =>\n      setFocusedContentState((e as CustomEvent<FileContent | null>).detail);\n    manager.focusedContent.addEventListener('change', handler);\n\n    return () => manager.focusedContent.removeEventListener('change', handler);\n  }, [manager, reactContext?.focusedContent]);\n\n  const setFocusedContent = useCallback(\n    (value: CrossFrameStateAction<FileContent | null>) => {\n      if (reactContext) {\n        reactContext.setFocusedContent(value);\n      } else if (manager) {\n        manager.focusedContent.set(value);\n      }\n    },\n    [reactContext, manager]\n  );\n\n  const setFocusedContentKeyPath = useCallback(\n    (keyPath: KeyPath[]) => {\n      if (reactContext) {\n        reactContext.setFocusedContentKeyPath(keyPath);\n      } else if (manager) {\n        manager.setFocusedContentKeyPath(keyPath);\n      }\n    },\n    [reactContext, manager]\n  );\n\n  return {\n    focusedContent,\n    setFocusedContent,\n    setFocusedContentKeyPath,\n  };\n};\n\nexport const useFocusDictionaryActions = (): FocusDictionaryActions => {\n  const { setFocusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  return { setFocusedContent, setFocusedContentKeyPath };\n};\n"],"mappings":";;;;;;;;;;;AA+BA,MAAM,kCAA8BA,qBAElC,MAAS;AAGX,MAAa,2BAAkD,EAC7D,eACI;CACJ,MAAM,UAAUC,iDAAsB;CACtC,MAAM,CAAC,iBAAiB,0BAAsBC,gBAC5C,IACF;CAEA,MAAM,wBAAoBC,oBACvB,UAAqD;EACpD,IAAI,SACF,QAAQ,eAAe,IAAI,KAAK;OAEhC,mBAAmB,KAAK;CAE5B,GACA,CAAC,OAAO,CACV;CAEA,MAAM,+BAA2BA,oBAC9B,YAAuB;EACtB,IAAI,SACF,QAAQ,yBAAyB,OAAO;OAExC,oBAAoB,SAAS;GAC3B,IAAI,CAAC,MAAM,OAAO;GAClB,MAAM,WAAW,QAAQ,QACtB,QAAQ,IAAI,SAASC,yBAAU,WAClC;GACA,OAAO;IAAE,GAAG;IAAM,SAAS;GAAS;EACtC,CAAC;CAEL,GACA,CAAC,OAAO,CACV;CAEA,OACE,2CAAC,4BAA4B,UAA7B;EACE,OAAO;GACL,gBAAgB,SAAS,eAAe,SAAS;GACjD;GACA;EACF;EAEC;CACmC;AAE1C;AAGA,MAAa,2BACe;CAC1B,MAAM,UAAUH,iDAAsB;CACtC,MAAM,mBAAeI,kBAAW,2BAA2B;CAE3D,MAAM,CAAC,gBAAgB,8BAA0BH,gBAC/C,SAAS,eAAe,SAAS,cAAc,kBAAkB,IACnE;CAEA,2BAAgB;EACd,IAAI,CAAC,SAAS;GACZ,uBAAuB,cAAc,kBAAkB,IAAI;GAC3D;EACF;EAEA,MAAM,WAAW,MACf,uBAAwB,EAAsC,MAAM;EACtE,QAAQ,eAAe,iBAAiB,UAAU,OAAO;EAEzD,aAAa,QAAQ,eAAe,oBAAoB,UAAU,OAAO;CAC3E,GAAG,CAAC,SAAS,cAAc,cAAc,CAAC;CAwB1C,OAAO;EACL;EACA,uBAxBwBC,oBACvB,UAAqD;GACpD,IAAI,cACF,aAAa,kBAAkB,KAAK;QAC/B,IAAI,SACT,QAAQ,eAAe,IAAI,KAAK;EAEpC,GACA,CAAC,cAAc,OAAO,CAgBN;EAChB,8BAd+BA,oBAC9B,YAAuB;GACtB,IAAI,cACF,aAAa,yBAAyB,OAAO;QACxC,IAAI,SACT,QAAQ,yBAAyB,OAAO;EAE5C,GACA,CAAC,cAAc,OAAO,CAMC;CACzB;AACF;AAEA,MAAa,kCAA0D;CACrE,MAAM,EAAE,mBAAmB,6BAA6B,mBAAmB;CAC3E,OAAO;EAAE;EAAmB;CAAyB;AACvD"}
+{"version":3,"file":"FocusDictionaryContext.cjs","names":["useEditorStateManager","useState","useCallback"],"sources":["../../src/FocusDictionaryContext.tsx"],"sourcesContent":["'use client';\n\nimport type { CrossFrameStateAction, FileContent } from '@intlayer/editor';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { useCallback, useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { FileContent } from '@intlayer/editor';\n\nexport type FocusDictionaryActions = {\n  /** Accepts a value or an updater — `setFocusedContent(prev => …)`. */\n  setFocusedContent: (value: CrossFrameStateAction<FileContent | null>) => void;\n  setFocusedContentKeyPath: (keyPath: KeyPath[]) => void;\n};\n\n/**\n * Returns the content focused in the editor, shared with the client frame.\n */\nexport const useFocusDictionary = (): FocusDictionaryActions & {\n  focusedContent: FileContent | null;\n} => {\n  const manager = useEditorStateManager();\n  const [focusedContent, setFocusedContentState] = useState<FileContent | null>(\n    manager?.focusedContent.value ?? null\n  );\n\n  useEffect(() => {\n    if (!manager) return;\n\n    const handleChange = (event: Event) =>\n      setFocusedContentState((event as CustomEvent<FileContent | null>).detail);\n    manager.focusedContent.addEventListener('change', handleChange);\n\n    return () =>\n      manager.focusedContent.removeEventListener('change', handleChange);\n  }, [manager]);\n\n  const setFocusedContent = useCallback(\n    (value: CrossFrameStateAction<FileContent | null>) =>\n      manager?.focusedContent.set(value),\n    [manager]\n  );\n\n  const setFocusedContentKeyPath = useCallback(\n    (keyPath: KeyPath[]) => manager?.setFocusedContentKeyPath(keyPath),\n    [manager]\n  );\n\n  return { focusedContent, setFocusedContent, setFocusedContentKeyPath };\n};\n"],"mappings":";;;;;;;;;;AAkBA,MAAa,2BAER;CACH,MAAM,UAAUA,iDAAsB;CACtC,MAAM,CAAC,gBAAgB,8BAA0BC,gBAC/C,SAAS,eAAe,SAAS,IACnC;CAEA,2BAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,gBAAgB,UACpB,uBAAwB,MAA0C,MAAM;EAC1E,QAAQ,eAAe,iBAAiB,UAAU,YAAY;EAE9D,aACE,QAAQ,eAAe,oBAAoB,UAAU,YAAY;CACrE,GAAG,CAAC,OAAO,CAAC;CAaZ,OAAO;EAAE;EAAgB,uBAXCC,oBACvB,UACC,SAAS,eAAe,IAAI,KAAK,GACnC,CAAC,OAAO,CAQ+B;EAAG,8BALXA,oBAC9B,YAAuB,SAAS,yBAAyB,OAAO,GACjE,CAAC,OAAO,CAGyD;CAAE;AACvE"}

package/dist/cjs/index.cjs

@@ -3,51 +3,35 @@ const require_EditorStateContext = require('./EditorStateContext.cjs');
 const require_DictionariesRecordContext = require('./DictionariesRecordContext.cjs');
 const require_useCrossFrameState = require('./useCrossFrameState.cjs');
 const require_useCrossURLPathState = require('./useCrossURLPathState.cjs');
-const require_useCrossFrameMessageListener = require('./useCrossFrameMessageListener.cjs');
-const require_useIframeClickInterceptor = require('./useIframeClickInterceptor.cjs');
+const require_EditedContentContext = require('./EditedContentContext.cjs');
+const require_useEditedContentPersistence = require('./useEditedContentPersistence.cjs');
 const require_useEditorLocale = require('./useEditorLocale.cjs');
-const require_CommunicatorContext = require('./CommunicatorContext.cjs');
 const require_ConfigurationContext = require('./ConfigurationContext.cjs');
-const require_EditedContentContext = require('./EditedContentContext.cjs');
 const require_EditorEnabledContext = require('./EditorEnabledContext.cjs');
 const require_EditorProvider = require('./EditorProvider.cjs');
 const require_FocusDictionaryContext = require('./FocusDictionaryContext.cjs');
 const require_useFocusUnmergedDictionary = require('./useFocusUnmergedDictionary.cjs');
 let _intlayer_editor = require("@intlayer/editor");
 
-exports.ConfigurationProvider = require_ConfigurationContext.ConfigurationProvider;
 exports.EditorProvider = require_EditorProvider.EditorProvider;
 exports.EditorStateProvider = require_EditorStateContext.EditorStateProvider;
-exports.FocusDictionaryProvider = require_FocusDictionaryContext.FocusDictionaryProvider;
 Object.defineProperty(exports, 'MessageKey', {
   enumerable: true,
   get: function () {
     return _intlayer_editor.MessageKey;
   }
 });
-exports.useCommunicator = require_CommunicatorContext.useCommunicator;
 exports.useConfiguration = require_ConfigurationContext.useConfiguration;
-exports.useConfigurationState = require_ConfigurationContext.useConfigurationState;
-exports.useCrossFrameMessageListener = require_useCrossFrameMessageListener.useCrossFrameMessageListener;
 exports.useCrossFrameState = require_useCrossFrameState.useCrossFrameState;
-exports.useCrossURLPathSetter = require_useCrossURLPathState.useCrossURLPathSetter;
 exports.useCrossURLPathState = require_useCrossURLPathState.useCrossURLPathState;
 exports.useDictionariesRecord = require_DictionariesRecordContext.useDictionariesRecord;
 exports.useDictionariesRecordActions = require_DictionariesRecordContext.useDictionariesRecordActions;
 exports.useEditedContent = require_EditedContentContext.useEditedContent;
 exports.useEditedContentActions = require_EditedContentContext.useEditedContentActions;
+exports.useEditedContentPersistence = require_useEditedContentPersistence.useEditedContentPersistence;
 exports.useEditorEnabled = require_EditorEnabledContext.useEditorEnabled;
-exports.useEditorEnabledState = require_EditorEnabledContext.useEditorEnabledState;
 exports.useEditorLocale = require_useEditorLocale.useEditorLocale;
 exports.useEditorPingClient = require_EditorEnabledContext.useEditorPingClient;
 exports.useEditorStateManager = require_EditorStateContext.useEditorStateManager;
 exports.useFocusDictionary = require_FocusDictionaryContext.useFocusDictionary;
-exports.useFocusDictionaryActions = require_FocusDictionaryContext.useFocusDictionaryActions;
-exports.useFocusUnmergedDictionary = require_useFocusUnmergedDictionary.useFocusUnmergedDictionary;
-exports.useGetEditedContentState = require_EditedContentContext.useGetEditedContentState;
-exports.useGetEditorEnabledState = require_EditorEnabledContext.useGetEditorEnabledState;
-exports.useIframeClickInterceptor = require_useIframeClickInterceptor.useIframeClickInterceptor;
-exports.useIframeClickMerger = require_useIframeClickInterceptor.useIframeClickMerger;
-exports.usePostEditedContentState = require_EditedContentContext.usePostEditedContentState;
-exports.usePostEditorEnabledState = require_EditorEnabledContext.usePostEditorEnabledState;
-exports.useSetEditorLocale = require_useEditorLocale.useSetEditorLocale;
+exports.useFocusUnmergedDictionary = require_useFocusUnmergedDictionary.useFocusUnmergedDictionary;

package/dist/cjs/useCrossFrameState.cjs

@@ -3,61 +3,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_EditorStateContext = require('./EditorStateContext.cjs');
 let react = require("react");
-let _intlayer_editor = require("@intlayer/editor");
 
 //#region src/useCrossFrameState.tsx
 /**
-* Synchronizes a React state value across frames using CrossFrameStateManager.
+* Returns the latest value another frame posted under `key`.
 */
-const useCrossFrameState = (key, initialState, options) => {
+const useCrossFrameState = (key, initialValue) => {
 	const manager = require_EditorStateContext.useEditorStateManager();
-	const resolvedInitial = typeof initialState === "function" ? initialState() : initialState;
-	const [value, setValueState] = (0, react.useState)(resolvedInitial);
-	const valueRef = (0, react.useRef)(resolvedInitial);
-	const stateManagerRef = (0, react.useRef)(null);
-	(0, react.useEffect)(() => {
-		const { emit = true, receive = true } = options ?? {};
-		if (!manager?.messenger) return;
-		const stateManager = new _intlayer_editor.CrossFrameStateManager(key, manager?.messenger, {
-			emit,
-			receive,
-			initialValue: resolvedInitial
-		});
-		stateManagerRef.current = stateManager;
-		const handler = (e) => {
-			const newValue = e.detail;
-			valueRef.current = newValue;
-			setValueState(newValue);
-		};
-		stateManager.addEventListener("change", handler);
-		stateManager.start();
-		return () => {
-			stateManager.removeEventListener("change", handler);
-			stateManager.stop();
-			stateManagerRef.current = null;
-		};
-	}, [
-		key,
-		manager?.messenger,
-		options?.emit,
-		options?.receive
-	]);
-	const setValue = (valueOrUpdater) => {
-		setValueState((prev) => {
-			const newValue = typeof valueOrUpdater === "function" ? valueOrUpdater(prev) : valueOrUpdater;
-			valueRef.current = newValue;
-			stateManagerRef.current?.set(newValue);
-			return newValue;
-		});
-	};
-	const postState = () => {
-		stateManagerRef.current?.postCurrentValue();
-	};
-	return [
-		value,
-		setValue,
-		postState
-	];
+	const [value, setValue] = (0, react.useState)(initialValue);
+	(0, react.useEffect)(() => manager?.messenger.subscribe(`${key}/post`, (postedValue) => setValue(() => postedValue)), [manager, key]);
+	return value;
 };
 
 //#endregion

package/dist/cjs/useCrossFrameState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameState.cjs","names":["useEditorStateManager","useState","useRef","CrossFrameStateManager"],"sources":["../../src/useCrossFrameState.tsx"],"sourcesContent":["'use client';\n\nimport type { MessageKey } from '@intlayer/editor';\nimport { CrossFrameStateManager } from '@intlayer/editor';\nimport {\n  type Dispatch,\n  type SetStateAction,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type CrossFrameStateOptions = {\n  emit?: boolean;\n  receive?: boolean;\n};\n\n/**\n * Synchronizes a React state value across frames using CrossFrameStateManager.\n */\nexport const useCrossFrameState = <S,>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options?: CrossFrameStateOptions\n): [S, Dispatch<SetStateAction<S>>, () => void] => {\n  const manager = useEditorStateManager();\n\n  const resolvedInitial =\n    typeof initialState === 'function'\n      ? (initialState as () => S)()\n      : initialState;\n\n  const [value, setValueState] = useState<S>(resolvedInitial as S);\n  const valueRef = useRef<S>(resolvedInitial as S);\n\n  const stateManagerRef = useRef<CrossFrameStateManager<S> | null>(null);\n\n  useEffect(() => {\n    const { emit = true, receive = true } = options ?? {};\n\n    if (!manager?.messenger) return;\n\n    const stateManager = new CrossFrameStateManager<S>(\n      key,\n      manager?.messenger,\n      {\n        emit,\n        receive,\n        initialValue: resolvedInitial,\n      }\n    );\n    stateManagerRef.current = stateManager;\n\n    const handler = (e: Event) => {\n      const newValue = (e as CustomEvent<S>).detail;\n      valueRef.current = newValue;\n      setValueState(newValue);\n    };\n    stateManager.addEventListener('change', handler);\n    stateManager.start();\n\n    return () => {\n      stateManager.removeEventListener('change', handler);\n      stateManager.stop();\n      stateManagerRef.current = null;\n    };\n  }, [key, manager?.messenger, options?.emit, options?.receive]);\n\n  const setValue: Dispatch<SetStateAction<S>> = (valueOrUpdater) => {\n    setValueState((prev) => {\n      const newValue =\n        typeof valueOrUpdater === 'function'\n          ? (valueOrUpdater as (prev: S) => S)(prev)\n          : valueOrUpdater;\n      valueRef.current = newValue;\n      stateManagerRef.current?.set(newValue);\n      return newValue;\n    });\n  };\n\n  const postState = () => {\n    stateManagerRef.current?.postCurrentValue();\n  };\n\n  return [value, setValue, postState];\n};\n"],"mappings":";;;;;;;;;;;AAqBA,MAAa,sBACX,KACA,cACA,YACiD;CACjD,MAAM,UAAUA,iDAAsB;CAEtC,MAAM,kBACJ,OAAO,iBAAiB,aACnB,aAAyB,IAC1B;CAEN,MAAM,CAAC,OAAO,qBAAiBC,gBAAY,eAAoB;CAC/D,MAAM,eAAWC,cAAU,eAAoB;CAE/C,MAAM,sBAAkBA,cAAyC,IAAI;CAErE,2BAAgB;EACd,MAAM,EAAE,OAAO,MAAM,UAAU,SAAS,WAAW,CAAC;EAEpD,IAAI,CAAC,SAAS,WAAW;EAEzB,MAAM,eAAe,IAAIC,wCACvB,KACA,SAAS,WACT;GACE;GACA;GACA,cAAc;EAChB,CACF;EACA,gBAAgB,UAAU;EAE1B,MAAM,WAAW,MAAa;GAC5B,MAAM,WAAY,EAAqB;GACvC,SAAS,UAAU;GACnB,cAAc,QAAQ;EACxB;EACA,aAAa,iBAAiB,UAAU,OAAO;EAC/C,aAAa,MAAM;EAEnB,aAAa;GACX,aAAa,oBAAoB,UAAU,OAAO;GAClD,aAAa,KAAK;GAClB,gBAAgB,UAAU;EAC5B;CACF,GAAG;EAAC;EAAK,SAAS;EAAW,SAAS;EAAM,SAAS;CAAO,CAAC;CAE7D,MAAM,YAAyC,mBAAmB;EAChE,eAAe,SAAS;GACtB,MAAM,WACJ,OAAO,mBAAmB,aACrB,eAAkC,IAAI,IACvC;GACN,SAAS,UAAU;GACnB,gBAAgB,SAAS,IAAI,QAAQ;GACrC,OAAO;EACT,CAAC;CACH;CAEA,MAAM,kBAAkB;EACtB,gBAAgB,SAAS,iBAAiB;CAC5C;CAEA,OAAO;EAAC;EAAO;EAAU;CAAS;AACpC"}
+{"version":3,"file":"useCrossFrameState.cjs","names":["useEditorStateManager","useState"],"sources":["../../src/useCrossFrameState.tsx"],"sourcesContent":["'use client';\n\nimport type { MessageKey } from '@intlayer/editor';\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\n/**\n * Returns the latest value another frame posted under `key`.\n */\nexport const useCrossFrameState = <Value,>(\n  key: `${MessageKey}`,\n  initialValue: Value\n): Value => {\n  const manager = useEditorStateManager();\n  const [value, setValue] = useState<Value>(initialValue);\n\n  useEffect(\n    () =>\n      manager?.messenger.subscribe<Value>(`${key}/post`, (postedValue) =>\n        setValue(() => postedValue)\n      ),\n    [manager, key]\n  );\n\n  return value;\n};\n"],"mappings":";;;;;;;;;;AASA,MAAa,sBACX,KACA,iBACU;CACV,MAAM,UAAUA,iDAAsB;CACtC,MAAM,CAAC,OAAO,gBAAYC,gBAAgB,YAAY;CAEtD,2BAEI,SAAS,UAAU,UAAiB,GAAG,IAAI,SAAS,gBAClD,eAAe,WAAW,CAC5B,GACF,CAAC,SAAS,GAAG,CACf;CAEA,OAAO;AACT"}

package/dist/cjs/useCrossURLPathState.cjs

@@ -5,15 +5,11 @@ const require_useCrossFrameState = require('./useCrossFrameState.cjs');
 let _intlayer_editor = require("@intlayer/editor");
 
 //#region src/useCrossURLPathState.tsx
-const useCrossURLPathState = (initialState, options) => require_useCrossFrameState.useCrossFrameState(_intlayer_editor.MessageKey.INTLAYER_URL_CHANGE, initialState, options);
-const useCrossURLPathSetter = (initialState) => {
-	return useCrossURLPathState(initialState, {
-		emit: true,
-		receive: false
-	});
-};
+/**
+* Returns the path currently displayed by the client application.
+*/
+const useCrossURLPathState = () => require_useCrossFrameState.useCrossFrameState(_intlayer_editor.MessageKey.INTLAYER_URL_CHANGE, void 0);
 
 //#endregion
-exports.useCrossURLPathSetter = useCrossURLPathSetter;
 exports.useCrossURLPathState = useCrossURLPathState;
 //# sourceMappingURL=useCrossURLPathState.cjs.map

package/dist/cjs/useCrossURLPathState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossURLPathState.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../src/useCrossURLPathState.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  type CrossFrameStateOptions,\n  useCrossFrameState,\n} from './useCrossFrameState';\n\nexport const useCrossURLPathState = (\n  initialState?: string,\n  options?: CrossFrameStateOptions\n) => useCrossFrameState(MessageKey.INTLAYER_URL_CHANGE, initialState, options);\n\nexport const useCrossURLPathSetter = (initialState?: string) => {\n  // The EditorStateManager already handles URL tracking in client mode via\n  // UrlStateManager.start(). This hook remains for explicit use cases.\n  return useCrossURLPathState(initialState, { emit: true, receive: false });\n};\n"],"mappings":";;;;;;;AAQA,MAAa,wBACX,cACA,YACGA,8CAAmBC,4BAAW,qBAAqB,cAAc,OAAO;AAE7E,MAAa,yBAAyB,iBAA0B;CAG9D,OAAO,qBAAqB,cAAc;EAAE,MAAM;EAAM,SAAS;CAAM,CAAC;AAC1E"}
+{"version":3,"file":"useCrossURLPathState.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../src/useCrossURLPathState.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport { useCrossFrameState } from './useCrossFrameState';\n\n/**\n * Returns the path currently displayed by the client application.\n */\nexport const useCrossURLPathState = (): string | undefined =>\n  useCrossFrameState<string | undefined>(\n    MessageKey.INTLAYER_URL_CHANGE,\n    undefined\n  );\n"],"mappings":";;;;;;;;;;AAQA,MAAa,6BACXA,8CACEC,4BAAW,qBACX,MACF"}

package/dist/cjs/useEditedContentPersistence.cjs

@@ -0,0 +1,33 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_EditedContentContext = require('./EditedContentContext.cjs');
+let react = require("react");
+
+//#region src/useEditedContentPersistence.tsx
+const EDITED_CONTENT_STORAGE_KEY = "INTLAYER_EDITED_CONTENT_CHANGED";
+/**
+* Persists the edited content in localStorage, and restores it on mount so
+* unsaved edits survive a page reload.
+*/
+const useEditedContentPersistence = () => {
+	const { editedContent, setEditedContentState } = require_EditedContentContext.useEditedContent();
+	(0, react.useEffect)(() => {
+		if (editedContent !== void 0) return;
+		const persistedState = localStorage.getItem(EDITED_CONTENT_STORAGE_KEY);
+		if (!persistedState) return;
+		try {
+			setEditedContentState(JSON.parse(persistedState));
+		} catch (error) {
+			console.error(error);
+		}
+	}, []);
+	(0, react.useEffect)(() => {
+		if (editedContent === void 0) return;
+		localStorage.setItem(EDITED_CONTENT_STORAGE_KEY, JSON.stringify(editedContent));
+	}, [editedContent]);
+};
+
+//#endregion
+exports.useEditedContentPersistence = useEditedContentPersistence;
+//# sourceMappingURL=useEditedContentPersistence.cjs.map

package/dist/cjs/useEditedContentPersistence.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditedContentPersistence.cjs","names":["useEditedContent"],"sources":["../../src/useEditedContentPersistence.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { useEditedContent } from './EditedContentContext';\n\nconst EDITED_CONTENT_STORAGE_KEY = 'INTLAYER_EDITED_CONTENT_CHANGED';\n\n/**\n * Persists the edited content in localStorage, and restores it on mount so\n * unsaved edits survive a page reload.\n */\nexport const useEditedContentPersistence = (): void => {\n  const { editedContent, setEditedContentState } = useEditedContent();\n\n  useEffect(() => {\n    if (editedContent !== undefined) return;\n\n    const persistedState = localStorage.getItem(EDITED_CONTENT_STORAGE_KEY);\n    if (!persistedState) return;\n\n    try {\n      setEditedContentState(JSON.parse(persistedState));\n    } catch (error) {\n      console.error(error);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (editedContent === undefined) return;\n\n    localStorage.setItem(\n      EDITED_CONTENT_STORAGE_KEY,\n      JSON.stringify(editedContent)\n    );\n  }, [editedContent]);\n};\n"],"mappings":";;;;;;;AAKA,MAAM,6BAA6B;;;;;AAMnC,MAAa,oCAA0C;CACrD,MAAM,EAAE,eAAe,0BAA0BA,8CAAiB;CAElE,2BAAgB;EACd,IAAI,kBAAkB,QAAW;EAEjC,MAAM,iBAAiB,aAAa,QAAQ,0BAA0B;EACtE,IAAI,CAAC,gBAAgB;EAErB,IAAI;GACF,sBAAsB,KAAK,MAAM,cAAc,CAAC;EAClD,SAAS,OAAO;GACd,QAAQ,MAAM,KAAK;EACrB;CACF,GAAG,CAAC,CAAC;CAEL,2BAAgB;EACd,IAAI,kBAAkB,QAAW;EAEjC,aAAa,QACX,4BACA,KAAK,UAAU,aAAa,CAC9B;CACF,GAAG,CAAC,aAAa,CAAC;AACpB"}

package/dist/cjs/useEditorLocale.cjs

@@ -16,12 +16,7 @@ const useEditorLocale = () => {
 	}, [manager]);
 	return locale;
 };
-const useSetEditorLocale = () => {
-	const manager = require_EditorStateContext.useEditorStateManager();
-	return (locale) => manager?.currentLocale.set(locale);
-};
 
 //#endregion
 exports.useEditorLocale = useEditorLocale;
-exports.useSetEditorLocale = useSetEditorLocale;
 //# sourceMappingURL=useEditorLocale.cjs.map

package/dist/cjs/useEditorLocale.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEditorLocale.cjs","names":["useEditorStateManager","useState"],"sources":["../../src/useEditorLocale.tsx"],"sourcesContent":["'use client';\n\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport const useEditorLocale = (): Locale | undefined => {\n  const manager = useEditorStateManager();\n  const [locale, setLocale] = useState<Locale | undefined>(\n    manager?.currentLocale.value\n  );\n\n  useEffect(() => {\n    if (!manager) return;\n\n    const handler = (e: Event) => setLocale((e as CustomEvent<Locale>).detail);\n    manager.currentLocale.addEventListener('change', handler);\n\n    return () => manager.currentLocale.removeEventListener('change', handler);\n  }, [manager]);\n\n  return locale;\n};\n\nexport const useSetEditorLocale = () => {\n  const manager = useEditorStateManager();\n  return (locale: Locale) => manager?.currentLocale.set(locale);\n};\n"],"mappings":";;;;;;;AAMA,MAAa,wBAA4C;CACvD,MAAM,UAAUA,iDAAsB;CACtC,MAAM,CAAC,QAAQ,iBAAaC,gBAC1B,SAAS,cAAc,KACzB;CAEA,2BAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,WAAW,MAAa,UAAW,EAA0B,MAAM;EACzE,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EAExD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,OAAO,CAAC;CAEZ,OAAO;AACT;AAEA,MAAa,2BAA2B;CACtC,MAAM,UAAUD,iDAAsB;CACtC,QAAQ,WAAmB,SAAS,cAAc,IAAI,MAAM;AAC9D"}
+{"version":3,"file":"useEditorLocale.cjs","names":["useEditorStateManager","useState"],"sources":["../../src/useEditorLocale.tsx"],"sourcesContent":["'use client';\n\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport const useEditorLocale = (): Locale | undefined => {\n  const manager = useEditorStateManager();\n  const [locale, setLocale] = useState<Locale | undefined>(\n    manager?.currentLocale.value\n  );\n\n  useEffect(() => {\n    if (!manager) return;\n\n    const handler = (e: Event) => setLocale((e as CustomEvent<Locale>).detail);\n    manager.currentLocale.addEventListener('change', handler);\n\n    return () => manager.currentLocale.removeEventListener('change', handler);\n  }, [manager]);\n\n  return locale;\n};\n"],"mappings":";;;;;;;AAMA,MAAa,wBAA4C;CACvD,MAAM,UAAUA,iDAAsB;CACtC,MAAM,CAAC,QAAQ,iBAAaC,gBAC1B,SAAS,cAAc,KACzB;CAEA,2BAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,WAAW,MAAa,UAAW,EAA0B,MAAM;EACzE,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EAExD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,OAAO,CAAC;CAEZ,OAAO;AACT"}

package/dist/esm/ConfigurationContext.mjs

@@ -1,51 +1,24 @@
 'use client';
 
 import { useEditorStateManager } from "./EditorStateContext.mjs";
-import { createContext, useContext, useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 
 //#region src/ConfigurationContext.tsx
-const ConfigurationReactContext = createContext(void 0);
-const ConfigurationProvider = ({ configuration, children }) => {
-	const manager = useEditorStateManager();
-	useEffect(() => {
-		if (!manager || !configuration) return;
-		manager.configuration.set(configuration);
-	}, [manager, configuration]);
-	return /* @__PURE__ */ jsx(ConfigurationReactContext.Provider, {
-		value: configuration,
-		children
-	});
-};
+/**
+* Returns the Intlayer configuration held by the editor state manager.
+*/
 const useConfiguration = () => {
 	const manager = useEditorStateManager();
-	const reactConfig = useContext(ConfigurationReactContext);
-	const [config, setConfig] = useState(manager?.configuration.value ?? reactConfig);
+	const [configuration, setConfiguration] = useState(manager?.configuration.value);
 	useEffect(() => {
-		if (!manager) {
-			setConfig(reactConfig);
-			return;
-		}
-		const handler = (e) => {
-			const detail = e.detail;
-			setConfig(detail ?? reactConfig);
-		};
-		manager.configuration.addEventListener("change", handler);
-		return () => manager.configuration.removeEventListener("change", handler);
-	}, [manager, reactConfig]);
-	return config ?? reactConfig;
-};
-const useConfigurationState = () => {
-	const manager = useEditorStateManager();
-	const reactConfig = useContext(ConfigurationReactContext);
-	const [config, setConfig] = useState(manager?.configuration.value ?? reactConfig);
-	return [
-		config ?? reactConfig,
-		setConfig,
-		() => manager?.configuration.postCurrentValue()
-	];
+		if (!manager) return;
+		const handleChange = (event) => setConfiguration(event.detail);
+		manager.configuration.addEventListener("change", handleChange);
+		return () => manager.configuration.removeEventListener("change", handleChange);
+	}, [manager]);
+	return configuration;
 };
 
 //#endregion
-export { ConfigurationProvider, useConfiguration, useConfigurationState };
+export { useConfiguration };
 //# sourceMappingURL=ConfigurationContext.mjs.map