@intlayer/editor-react 9.6.0 → 9.7.0

package/dist/cjs/EditedContentContext.cjs

@@ -5,9 +5,13 @@ const require_EditorStateContext = require('./EditorStateContext.cjs');
 let react = require("react");
 
 //#region src/EditedContentContext.tsx
+/**
+* Returns the edited content actions. Memoized on the manager so they can be
+* used as effect dependencies without a compiler.
+*/
 const useEditedContentActions = () => {
 	const manager = require_EditorStateContext.useEditorStateManager();
-	return {
+	return (0, react.useMemo)(() => ({
 		setEditedContentState: (value) => manager?.editedContent.set(value),
 		setEditedDictionary: (dict) => manager?.setEditedDictionary(dict),
 		setEditedContent: (localId, value) => manager?.setEditedContent(localId, value),
@@ -16,7 +20,7 @@ const useEditedContentActions = () => {
 		removeEditedContent: (localId, keyPath) => manager?.removeContent(localId, keyPath),
 		restoreEditedContent: (localId) => manager?.restoreContent(localId),
 		getEditedContentValue: (localIdOrKey, keyPath) => manager?.getContentValue(localIdOrKey, keyPath)
-	};
+	}), [manager]);
 };
 const useEditedContent = () => {
 	const manager = require_EditorStateContext.useEditorStateManager();

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  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"}
+{"version":3,"file":"EditedContentContext.cjs","names":["useEditorStateManager","useMemo","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, useMemo, 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\n/**\n * Returns the edited content actions. Memoized on the manager so they can be\n * used as effect dependencies without a compiler.\n */\nexport const useEditedContentActions = (): EditedContentActionsContextType => {\n  const manager = useEditorStateManager();\n\n  return useMemo<EditedContentActionsContextType>(\n    () => ({\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    [manager]\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":";;;;;;;;;;;AA+CA,MAAa,gCAAiE;CAC5E,MAAM,UAAUA,iDAAsB;CAEtC,WAAOC,sBACE;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,IACA,CAAC,OAAO,CACV;AACF;AAEA,MAAa,yBAAyB;CACpC,MAAM,UAAUD,iDAAsB;CACtC,MAAM,CAAC,eAAe,6BAAyBE,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

@@ -26,7 +26,7 @@ const useEditorEnabled = () => {
 */
 const useEditorPingClient = () => {
 	const manager = require_EditorStateContext.useEditorStateManager();
-	return () => manager?.pingClient();
+	return (0, react.useCallback)(() => manager?.pingClient(), [manager]);
 };
 
 //#endregion

package/dist/cjs/EditorEnabledContext.cjs.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"EditorEnabledContext.cjs","names":["useEditorStateManager","useState","useCallback"],"sources":["../../src/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, 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 useCallback(() => manager?.pingClient(), [manager]);\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,WAAOE,yBAAkB,SAAS,WAAW,GAAG,CAAC,OAAO,CAAC;AAC3D"}

package/dist/cjs/index.cjs

@@ -11,10 +11,12 @@ const require_EditorEnabledContext = require('./EditorEnabledContext.cjs');
 const require_EditorProvider = require('./EditorProvider.cjs');
 const require_FocusDictionaryContext = require('./FocusDictionaryContext.cjs');
 const require_useFocusUnmergedDictionary = require('./useFocusUnmergedDictionary.cjs');
+const require_useFrameConnectionStatus = require('./useFrameConnectionStatus.cjs');
 let _intlayer_editor = require("@intlayer/editor");
 
 exports.EditorProvider = require_EditorProvider.EditorProvider;
 exports.EditorStateProvider = require_EditorStateContext.EditorStateProvider;
+exports.FRAME_CONNECTION_TIMEOUT_MS = require_useFrameConnectionStatus.FRAME_CONNECTION_TIMEOUT_MS;
 Object.defineProperty(exports, 'MessageKey', {
   enumerable: true,
   get: function () {
@@ -34,4 +36,5 @@ exports.useEditorLocale = require_useEditorLocale.useEditorLocale;
 exports.useEditorPingClient = require_EditorEnabledContext.useEditorPingClient;
 exports.useEditorStateManager = require_EditorStateContext.useEditorStateManager;
 exports.useFocusDictionary = require_FocusDictionaryContext.useFocusDictionary;
-exports.useFocusUnmergedDictionary = require_useFocusUnmergedDictionary.useFocusUnmergedDictionary;
+exports.useFocusUnmergedDictionary = require_useFocusUnmergedDictionary.useFocusUnmergedDictionary;
+exports.useFrameConnectionStatus = require_useFrameConnectionStatus.useFrameConnectionStatus;

package/dist/cjs/useFrameConnectionStatus.cjs

@@ -0,0 +1,44 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_EditorEnabledContext = require('./EditorEnabledContext.cjs');
+let react = require("react");
+
+//#region src/useFrameConnectionStatus.ts
+/** Delay after a frame load before an unanswered handshake counts as failed. */
+const FRAME_CONNECTION_TIMEOUT_MS = 5e3;
+/**
+* Detects an application frame that never connects to the editor.
+* A frame blocked by the application's framing policy still fires `load` on
+* an empty error page that the parent cannot inspect, so the missing
+* handshake is the only signal available.
+*/
+const useFrameConnectionStatus = (timeoutMs = FRAME_CONNECTION_TIMEOUT_MS) => {
+	const { enabled } = require_EditorEnabledContext.useEditorEnabled();
+	const [loadCount, setLoadCount] = (0, react.useState)(0);
+	const [isTimedOut, setIsTimedOut] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (enabled || loadCount === 0) return;
+		const timeout = setTimeout(() => setIsTimedOut(true), timeoutMs);
+		return () => clearTimeout(timeout);
+	}, [
+		enabled,
+		loadCount,
+		timeoutMs
+	]);
+	const handleFrameLoad = (0, react.useCallback)(() => {
+		setIsTimedOut(false);
+		setLoadCount((count) => count + 1);
+	}, []);
+	const dismiss = (0, react.useCallback)(() => setIsTimedOut(false), []);
+	return {
+		isConnectionFailed: isTimedOut && !enabled,
+		handleFrameLoad,
+		dismiss
+	};
+};
+
+//#endregion
+exports.FRAME_CONNECTION_TIMEOUT_MS = FRAME_CONNECTION_TIMEOUT_MS;
+exports.useFrameConnectionStatus = useFrameConnectionStatus;
+//# sourceMappingURL=useFrameConnectionStatus.cjs.map

package/dist/cjs/useFrameConnectionStatus.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFrameConnectionStatus.cjs","names":["useEditorEnabled","useState","useCallback"],"sources":["../../src/useFrameConnectionStatus.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\nimport { useEditorEnabled } from './EditorEnabledContext';\n\n/** Delay after a frame load before an unanswered handshake counts as failed. */\nexport const FRAME_CONNECTION_TIMEOUT_MS = 5_000;\n\nexport type FrameConnectionStatus = {\n  /**\n   * The frame loaded but its client never answered the handshake: the page\n   * refused to be framed (CSP `frame-ancestors`, `X-Frame-Options`), or it\n   * does not run the editor client.\n   */\n  isConnectionFailed: boolean;\n  /** To call on every `load` event of the application frame. */\n  handleFrameLoad: () => void;\n  /** Hides the failure until the next load. */\n  dismiss: () => void;\n};\n\n/**\n * Detects an application frame that never connects to the editor.\n * A frame blocked by the application's framing policy still fires `load` on\n * an empty error page that the parent cannot inspect, so the missing\n * handshake is the only signal available.\n */\nexport const useFrameConnectionStatus = (\n  timeoutMs: number = FRAME_CONNECTION_TIMEOUT_MS\n): FrameConnectionStatus => {\n  const { enabled } = useEditorEnabled();\n  const [loadCount, setLoadCount] = useState(0);\n  const [isTimedOut, setIsTimedOut] = useState(false);\n\n  useEffect(() => {\n    if (enabled || loadCount === 0) return;\n\n    const timeout = setTimeout(() => setIsTimedOut(true), timeoutMs);\n\n    return () => clearTimeout(timeout);\n  }, [enabled, loadCount, timeoutMs]);\n\n  const handleFrameLoad = useCallback(() => {\n    setIsTimedOut(false);\n    setLoadCount((count) => count + 1);\n  }, []);\n\n  const dismiss = useCallback(() => setIsTimedOut(false), []);\n\n  return {\n    isConnectionFailed: isTimedOut && !enabled,\n    handleFrameLoad,\n    dismiss,\n  };\n};\n"],"mappings":";;;;;;;;AAMA,MAAa,8BAA8B;;;;;;;AAqB3C,MAAa,4BACX,YAAoB,gCACM;CAC1B,MAAM,EAAE,YAAYA,8CAAiB;CACrC,MAAM,CAAC,WAAW,oBAAgBC,gBAAS,CAAC;CAC5C,MAAM,CAAC,YAAY,qBAAiBA,gBAAS,KAAK;CAElD,2BAAgB;EACd,IAAI,WAAW,cAAc,GAAG;EAEhC,MAAM,UAAU,iBAAiB,cAAc,IAAI,GAAG,SAAS;EAE/D,aAAa,aAAa,OAAO;CACnC,GAAG;EAAC;EAAS;EAAW;CAAS,CAAC;CAElC,MAAM,sBAAkBC,yBAAkB;EACxC,cAAc,KAAK;EACnB,cAAc,UAAU,QAAQ,CAAC;CACnC,GAAG,CAAC,CAAC;CAEL,MAAM,cAAUA,yBAAkB,cAAc,KAAK,GAAG,CAAC,CAAC;CAE1D,OAAO;EACL,oBAAoB,cAAc,CAAC;EACnC;EACA;CACF;AACF"}

package/dist/esm/EditedContentContext.mjs

@@ -1,12 +1,16 @@
 'use client';
 
 import { useEditorStateManager } from "./EditorStateContext.mjs";
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 
 //#region src/EditedContentContext.tsx
+/**
+* Returns the edited content actions. Memoized on the manager so they can be
+* used as effect dependencies without a compiler.
+*/
 const useEditedContentActions = () => {
 	const manager = useEditorStateManager();
-	return {
+	return useMemo(() => ({
 		setEditedContentState: (value) => manager?.editedContent.set(value),
 		setEditedDictionary: (dict) => manager?.setEditedDictionary(dict),
 		setEditedContent: (localId, value) => manager?.setEditedContent(localId, value),
@@ -15,7 +19,7 @@ const useEditedContentActions = () => {
 		removeEditedContent: (localId, keyPath) => manager?.removeContent(localId, keyPath),
 		restoreEditedContent: (localId) => manager?.restoreContent(localId),
 		getEditedContentValue: (localIdOrKey, keyPath) => manager?.getContentValue(localIdOrKey, keyPath)
-	};
+	}), [manager]);
 };
 const useEditedContent = () => {
 	const manager = useEditorStateManager();

package/dist/esm/EditedContentContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditedContentContext.mjs","names":[],"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,UAAU,sBAAsB;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,UAAU,sBAAsB;CACtC,MAAM,CAAC,eAAe,yBAAyB,SAE7C,SAAS,cAAc,KAAK;CAE9B,gBAAgB;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"}
+{"version":3,"file":"EditedContentContext.mjs","names":[],"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, useMemo, 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\n/**\n * Returns the edited content actions. Memoized on the manager so they can be\n * used as effect dependencies without a compiler.\n */\nexport const useEditedContentActions = (): EditedContentActionsContextType => {\n  const manager = useEditorStateManager();\n\n  return useMemo<EditedContentActionsContextType>(\n    () => ({\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    [manager]\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":";;;;;;;;;;AA+CA,MAAa,gCAAiE;CAC5E,MAAM,UAAU,sBAAsB;CAEtC,OAAO,eACE;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,IACA,CAAC,OAAO,CACV;AACF;AAEA,MAAa,yBAAyB;CACpC,MAAM,UAAU,sBAAsB;CACtC,MAAM,CAAC,eAAe,yBAAyB,SAE7C,SAAS,cAAc,KAAK;CAE9B,gBAAgB;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/esm/EditorEnabledContext.mjs

@@ -1,7 +1,7 @@
 'use client';
 
 import { useEditorStateManager } from "./EditorStateContext.mjs";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 
 //#region src/EditorEnabledContext.tsx
 /**
@@ -25,7 +25,7 @@ const useEditorEnabled = () => {
 */
 const useEditorPingClient = () => {
 	const manager = useEditorStateManager();
-	return () => manager?.pingClient();
+	return useCallback(() => manager?.pingClient(), [manager]);
 };
 
 //#endregion

package/dist/esm/EditorEnabledContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorEnabledContext.mjs","names":[],"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,UAAU,sBAAsB;CACtC,MAAM,CAAC,SAAS,cAAc,SAC5B,SAAS,cAAc,SAAS,KAClC;CAEA,gBAAgB;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,UAAU,sBAAsB;CAEtC,aAAa,SAAS,WAAW;AACnC"}
+{"version":3,"file":"EditorEnabledContext.mjs","names":[],"sources":["../../src/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, 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 useCallback(() => manager?.pingClient(), [manager]);\n};\n"],"mappings":";;;;;;;;;;AAaA,MAAa,yBAAkD;CAC7D,MAAM,UAAU,sBAAsB;CACtC,MAAM,CAAC,SAAS,cAAc,SAC5B,SAAS,cAAc,SAAS,KAClC;CAEA,gBAAgB;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,UAAU,sBAAsB;CAEtC,OAAO,kBAAkB,SAAS,WAAW,GAAG,CAAC,OAAO,CAAC;AAC3D"}

package/dist/esm/index.mjs

@@ -10,6 +10,7 @@ import { useEditorEnabled, useEditorPingClient } from "./EditorEnabledContext.mj
 import { EditorProvider } from "./EditorProvider.mjs";
 import { useFocusDictionary } from "./FocusDictionaryContext.mjs";
 import { useFocusUnmergedDictionary } from "./useFocusUnmergedDictionary.mjs";
+import { FRAME_CONNECTION_TIMEOUT_MS, useFrameConnectionStatus } from "./useFrameConnectionStatus.mjs";
 import { MessageKey } from "@intlayer/editor";
 
-export { EditorProvider, EditorStateProvider, MessageKey, useConfiguration, useCrossFrameState, useCrossURLPathState, useDictionariesRecord, useDictionariesRecordActions, useEditedContent, useEditedContentActions, useEditedContentPersistence, useEditorEnabled, useEditorLocale, useEditorPingClient, useEditorStateManager, useFocusDictionary, useFocusUnmergedDictionary };
+export { EditorProvider, EditorStateProvider, FRAME_CONNECTION_TIMEOUT_MS, MessageKey, useConfiguration, useCrossFrameState, useCrossURLPathState, useDictionariesRecord, useDictionariesRecordActions, useEditedContent, useEditedContentActions, useEditedContentPersistence, useEditorEnabled, useEditorLocale, useEditorPingClient, useEditorStateManager, useFocusDictionary, useFocusUnmergedDictionary, useFrameConnectionStatus };

package/dist/esm/useFrameConnectionStatus.mjs

@@ -0,0 +1,42 @@
+'use client';
+
+import { useEditorEnabled } from "./EditorEnabledContext.mjs";
+import { useCallback, useEffect, useState } from "react";
+
+//#region src/useFrameConnectionStatus.ts
+/** Delay after a frame load before an unanswered handshake counts as failed. */
+const FRAME_CONNECTION_TIMEOUT_MS = 5e3;
+/**
+* Detects an application frame that never connects to the editor.
+* A frame blocked by the application's framing policy still fires `load` on
+* an empty error page that the parent cannot inspect, so the missing
+* handshake is the only signal available.
+*/
+const useFrameConnectionStatus = (timeoutMs = FRAME_CONNECTION_TIMEOUT_MS) => {
+	const { enabled } = useEditorEnabled();
+	const [loadCount, setLoadCount] = useState(0);
+	const [isTimedOut, setIsTimedOut] = useState(false);
+	useEffect(() => {
+		if (enabled || loadCount === 0) return;
+		const timeout = setTimeout(() => setIsTimedOut(true), timeoutMs);
+		return () => clearTimeout(timeout);
+	}, [
+		enabled,
+		loadCount,
+		timeoutMs
+	]);
+	const handleFrameLoad = useCallback(() => {
+		setIsTimedOut(false);
+		setLoadCount((count) => count + 1);
+	}, []);
+	const dismiss = useCallback(() => setIsTimedOut(false), []);
+	return {
+		isConnectionFailed: isTimedOut && !enabled,
+		handleFrameLoad,
+		dismiss
+	};
+};
+
+//#endregion
+export { FRAME_CONNECTION_TIMEOUT_MS, useFrameConnectionStatus };
+//# sourceMappingURL=useFrameConnectionStatus.mjs.map

package/dist/esm/useFrameConnectionStatus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFrameConnectionStatus.mjs","names":[],"sources":["../../src/useFrameConnectionStatus.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\nimport { useEditorEnabled } from './EditorEnabledContext';\n\n/** Delay after a frame load before an unanswered handshake counts as failed. */\nexport const FRAME_CONNECTION_TIMEOUT_MS = 5_000;\n\nexport type FrameConnectionStatus = {\n  /**\n   * The frame loaded but its client never answered the handshake: the page\n   * refused to be framed (CSP `frame-ancestors`, `X-Frame-Options`), or it\n   * does not run the editor client.\n   */\n  isConnectionFailed: boolean;\n  /** To call on every `load` event of the application frame. */\n  handleFrameLoad: () => void;\n  /** Hides the failure until the next load. */\n  dismiss: () => void;\n};\n\n/**\n * Detects an application frame that never connects to the editor.\n * A frame blocked by the application's framing policy still fires `load` on\n * an empty error page that the parent cannot inspect, so the missing\n * handshake is the only signal available.\n */\nexport const useFrameConnectionStatus = (\n  timeoutMs: number = FRAME_CONNECTION_TIMEOUT_MS\n): FrameConnectionStatus => {\n  const { enabled } = useEditorEnabled();\n  const [loadCount, setLoadCount] = useState(0);\n  const [isTimedOut, setIsTimedOut] = useState(false);\n\n  useEffect(() => {\n    if (enabled || loadCount === 0) return;\n\n    const timeout = setTimeout(() => setIsTimedOut(true), timeoutMs);\n\n    return () => clearTimeout(timeout);\n  }, [enabled, loadCount, timeoutMs]);\n\n  const handleFrameLoad = useCallback(() => {\n    setIsTimedOut(false);\n    setLoadCount((count) => count + 1);\n  }, []);\n\n  const dismiss = useCallback(() => setIsTimedOut(false), []);\n\n  return {\n    isConnectionFailed: isTimedOut && !enabled,\n    handleFrameLoad,\n    dismiss,\n  };\n};\n"],"mappings":";;;;;;;AAMA,MAAa,8BAA8B;;;;;;;AAqB3C,MAAa,4BACX,YAAoB,gCACM;CAC1B,MAAM,EAAE,YAAY,iBAAiB;CACrC,MAAM,CAAC,WAAW,gBAAgB,SAAS,CAAC;CAC5C,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAElD,gBAAgB;EACd,IAAI,WAAW,cAAc,GAAG;EAEhC,MAAM,UAAU,iBAAiB,cAAc,IAAI,GAAG,SAAS;EAE/D,aAAa,aAAa,OAAO;CACnC,GAAG;EAAC;EAAS;EAAW;CAAS,CAAC;CAElC,MAAM,kBAAkB,kBAAkB;EACxC,cAAc,KAAK;EACnB,cAAc,UAAU,QAAQ,CAAC;CACnC,GAAG,CAAC,CAAC;CAEL,MAAM,UAAU,kBAAkB,cAAc,KAAK,GAAG,CAAC,CAAC;CAE1D,OAAO;EACL,oBAAoB,cAAc,CAAC;EACnC;EACA;CACF;AACF"}

package/dist/types/EditedContentContext.d.ts

@@ -12,6 +12,10 @@ type EditedContentActionsContextType = {
   restoreEditedContent: (localDictionaryId: LocalDictionaryId) => void;
   getEditedContentValue: (localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string, keyPath: KeyPath[]) => ContentNode | undefined;
 };
+/**
+ * Returns the edited content actions. Memoized on the manager so they can be
+ * used as effect dependencies without a compiler.
+ */
 export declare const useEditedContentActions: () => EditedContentActionsContextType;
 export declare const useEditedContent: () => {
   setEditedContentState: (editedContent: DictionaryContent$1) => void;

package/dist/types/EditedContentContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditedContentContext.d.ts","names":[],"sources":["../../src/EditedContentContext.tsx"],"mappings":";;;;KAcK;EACH,wBAAwB,eAAe;EACvC,sBAAsB,MAAM;EAC5B,mBACE,mBAAmB,mBACnB,UAAU;EAEZ,mBACE,mBAAmB,mBACnB,UAAU,kBACV,UAAU,WACV;EAEF,sBACE,mBAAmB,mBACnB,QAAQ,gBACR,UAAU;EAEZ,sBACE,mBAAmB,mBACnB,SAAS;EAEX,uBAAuB,mBAAmB;EAC1C,wBACE,wBAAwB,oBAAoB,4BAC5C,SAAS,cACN;;qBAGM,+BAA8B;qBAwB9B;EApDY,wBAAC,eAAe;EAClB,sBAAC,MAAM;EACV,mBAChB,mBAAmB,mBACnB,UAAU;EAEM,mBAChB,mBAAmB,mBACnB,UAAU,kBACV,UAAU,WACV;EAEmB,sBACnB,mBAAmB,mBACnB,QAAQ,gBACR,UAAU;EAES,sBACnB,mBAAmB,mBACnB,SAAS;EAEW,uBAAC,mBAAmB;EACnB,wBACrB,wBAAwB,oBAAoB,4BAC5C,SAAS,cACN"}
+{"version":3,"file":"EditedContentContext.d.ts","names":[],"sources":["../../src/EditedContentContext.tsx"],"mappings":";;;;KAcK;EACH,wBAAwB,eAAe;EACvC,sBAAsB,MAAM;EAC5B,mBACE,mBAAmB,mBACnB,UAAU;EAEZ,mBACE,mBAAmB,mBACnB,UAAU,kBACV,UAAU,WACV;EAEF,sBACE,mBAAmB,mBACnB,QAAQ,gBACR,UAAU;EAEZ,sBACE,mBAAmB,mBACnB,SAAS;EAEX,uBAAuB,mBAAmB;EAC1C,wBACE,wBAAwB,oBAAoB,4BAC5C,SAAS,cACN;;;;;;qBAOM,+BAA8B;qBA2B9B;EA3DY,wBAAC,eAAe;EAClB,sBAAC,MAAM;EACV,mBAChB,mBAAmB,mBACnB,UAAU;EAEM,mBAChB,mBAAmB,mBACnB,UAAU,kBACV,UAAU,WACV;EAEmB,sBACnB,mBAAmB,mBACnB,QAAQ,gBACR,UAAU;EAES,sBACnB,mBAAmB,mBACnB,SAAS;EAEW,uBAAC,mBAAmB;EACnB,wBACrB,wBAAwB,oBAAoB,4BAC5C,SAAS,cACN"}

package/dist/types/index.d.ts

@@ -10,5 +10,6 @@ import { useCrossURLPathState } from "./useCrossURLPathState.js";
 import { useEditedContentPersistence } from "./useEditedContentPersistence.js";
 import { useEditorLocale } from "./useEditorLocale.js";
 import { useFocusUnmergedDictionary } from "./useFocusUnmergedDictionary.js";
+import { FRAME_CONNECTION_TIMEOUT_MS, FrameConnectionStatus, useFrameConnectionStatus } from "./useFrameConnectionStatus.js";
 import { MessageKey } from "@intlayer/editor";
-export { EditorEnabledStateProps, EditorProvider, EditorProviderProps, EditorStateProvider, type FileContent, FocusDictionaryActions, MessageKey, useConfiguration, useCrossFrameState, useCrossURLPathState, useDictionariesRecord, useDictionariesRecordActions, useEditedContent, useEditedContentActions, useEditedContentPersistence, useEditorEnabled, useEditorLocale, useEditorPingClient, useEditorStateManager, useFocusDictionary, useFocusUnmergedDictionary };
+export { EditorEnabledStateProps, EditorProvider, EditorProviderProps, EditorStateProvider, FRAME_CONNECTION_TIMEOUT_MS, type FileContent, FocusDictionaryActions, FrameConnectionStatus, MessageKey, useConfiguration, useCrossFrameState, useCrossURLPathState, useDictionariesRecord, useDictionariesRecordActions, useEditedContent, useEditedContentActions, useEditedContentPersistence, useEditorEnabled, useEditorLocale, useEditorPingClient, useEditorStateManager, useFocusDictionary, useFocusUnmergedDictionary, useFrameConnectionStatus };

package/dist/types/useFrameConnectionStatus.d.ts

@@ -0,0 +1,24 @@
+//#region src/useFrameConnectionStatus.d.ts
+/** Delay after a frame load before an unanswered handshake counts as failed. */
+export declare const FRAME_CONNECTION_TIMEOUT_MS = 5000;
+export type FrameConnectionStatus = {
+  /**
+   * The frame loaded but its client never answered the handshake: the page
+   * refused to be framed (CSP `frame-ancestors`, `X-Frame-Options`), or it
+   * does not run the editor client.
+   */
+  isConnectionFailed: boolean;
+  /** To call on every `load` event of the application frame. */
+  handleFrameLoad: () => void;
+  /** Hides the failure until the next load. */
+  dismiss: () => void;
+};
+/**
+ * Detects an application frame that never connects to the editor.
+ * A frame blocked by the application's framing policy still fires `load` on
+ * an empty error page that the parent cannot inspect, so the missing
+ * handshake is the only signal available.
+ */
+export declare const useFrameConnectionStatus: (timeoutMs?: number) => FrameConnectionStatus;
+//#endregion
+//# sourceMappingURL=useFrameConnectionStatus.d.ts.map

package/dist/types/useFrameConnectionStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFrameConnectionStatus.d.ts","names":[],"sources":["../../src/useFrameConnectionStatus.ts"],"mappings":";;qBAMa;YAED;;;;;;EAMV;;EAEA;;EAEA;;;;;;;;qBASW,2BAAwB,uBAElC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/editor-react",
-  "version": "9.6.0",
+  "version": "9.7.0",
   "private": false,
   "description": "Provides the states, contexts, hooks and components to interact with the Intlayer editor for a React application",
   "keywords": [
@@ -71,13 +71,13 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/config": "9.6.0",
-    "@intlayer/core": "9.6.0",
-    "@intlayer/editor": "9.6.0",
-    "@intlayer/types": "9.6.0"
+    "@intlayer/config": "9.7.0",
+    "@intlayer/core": "9.7.0",
+    "@intlayer/editor": "9.7.0",
+    "@intlayer/types": "9.7.0"
   },
   "devDependencies": {
-    "@types/node": "^22",
+    "@types/node": "^26",
     "@types/react": ">=16.0.0",
     "@types/react-dom": ">=16.0.0",
     "@utils/ts-config": "1.0.4",