@intlayer/editor-react 8.0.0-canary.0 → 8.0.0-canary.2

package/dist/cjs/useCrossFrameState.cjs

@@ -34,8 +34,8 @@ const useCrossFrameState = (key, initialState, options) => {
 		emit: true,
 		receive: true
 	};
-	const handleStateChange = (state$1, prevState) => {
-		const resolvedState = resolveState(state$1, prevState);
+	const handleStateChange = (state, prevState) => {
+		const resolvedState = resolveState(state, prevState);
 		if (emit && typeof postMessage === "function" && typeof resolvedState !== "undefined") postMessage({
 			type: `${key}/post`,
 			data: resolvedState,

package/dist/cjs/useCrossFrameState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameState.cjs","names":["useCommunicator","state"],"sources":["../../src/useCrossFrameState.tsx"],"sourcesContent":["'use client';\n\nimport type { MessageKey } from '@intlayer/editor';\nimport { type Dispatch, type SetStateAction, useEffect, useState } from 'react';\nimport { useCommunicator } from './CommunicatorContext';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport type CrossFrameStateOptions = {\n  emit?: boolean;\n  receive?: boolean;\n};\n\nconst resolveState = <S,>(state?: SetStateAction<S>, prevState?: S): S =>\n  typeof state === 'function'\n    ? (state as (prevState?: S) => S)(prevState)\n    : (state as S);\n\n/**\n * Configuration options for `useCrossFrameState`.\n * @typedef {Object} CrossFrameStateOptions\n * @property {boolean} [emit=true] - Whether to broadcast state changes to other instances.\n * @property {boolean} [receive=true] - Whether to listen for state updates from other instances.\n */\n\n/**\n * useCrossFrameState\n *\n * This React hook synchronizes state across multiple instances (e.g., different iframes or windows).\n * It uses the `postMessage` API to communicate state changes and updates between instances.\n *\n * @template S - The type of the state.\n * @param key - A unique identifier for the state to synchronize.\n * @param initialState - The initial state value or a function to compute it lazily.\n * @param options - Configuration options to control emitting and receiving messages.\n *   - `emit` (default: true): Whether to broadcast state changes to other instances.\n *   - `receive` (default: true): Whether to listen for state updates from other instances.\n *\n * @returns {[S, Dispatch<SetStateAction<S>>]} An array containing the current state and a setter function.\n */\nexport const useCrossFrameState = <S,>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options?: CrossFrameStateOptions\n): [S, Dispatch<SetStateAction<S>>, typeof postState] => {\n  const { postMessage, senderId } = useCommunicator();\n\n  const { emit, receive } = options ?? { emit: true, receive: true };\n\n  const handleStateChange = (state?: SetStateAction<S>, prevState?: S) => {\n    // Initialize state from the provided initial value, if defined\n    const resolvedState: S = resolveState(state, prevState);\n\n    // Emit the initial state if `emit` is enabled and initial state is defined\n    if (\n      emit &&\n      typeof postMessage === 'function' &&\n      typeof resolvedState !== 'undefined'\n    ) {\n      postMessage({ type: `${key}/post`, data: resolvedState, senderId });\n    }\n\n    return resolvedState;\n  };\n\n  const postState = () => {\n    if (typeof postMessage !== 'function') return;\n    postMessage({ type: `${key}/post`, data: state, senderId });\n  };\n\n  const [state, setState] = useState<S>(() => handleStateChange(initialState));\n\n  /**\n   * A wrapper function around the `setState` function to handle messaging efficiently.\n   *\n   * This approach has several advantages over using an additional `useEffect`:\n   * - **Avoid Redundant Re-renders:** By emitting the message directly within the `setState` logic,\n   *   it prevents the extra render cycle that would be triggered when using `useEffect`.\n   * - **Consistency:** Ensures the message is emitted immediately when the state is updated,\n   *   avoiding potential delays caused by the asynchronous nature of `useEffect`.\n   *\n   * This function keeps the same API as `setState` and is memoized using `useCallback`\n   * to prevent unnecessary re-renders of dependent components.\n   *\n   * @template S - The type of the state.\n   * @param {SetStateAction<S>} valueOrUpdater - The new state or a function to produce it.\n   * @returns {void}\n   */\n  const setStateWrapper: Dispatch<SetStateAction<S>> = (valueOrUpdater) =>\n    setState((prevState) => handleStateChange(valueOrUpdater, prevState));\n\n  /**\n   * Listen for messages with the specified key and update the state accordingly.\n   */\n  useCrossFrameMessageListener<S>(\n    `${key}/post`,\n    // Only activate the state listener if the `receive` option is true\n    receive\n      ? (data) => {\n          setState(data);\n        }\n      : undefined\n  );\n\n  const onGetMessage = (_: unknown, originSenderId?: string) => {\n    if (!emit) return;\n    if (typeof postMessage !== 'function') return;\n    if (originSenderId === senderId) return;\n    if (typeof state === 'undefined') return;\n\n    postMessage({ type: `${key}/post`, data: state, senderId });\n  };\n\n  /**\n   * Listen for messages request to get the state content and send it back.\n   */\n  useCrossFrameMessageListener<S>(\n    `${key}/get`,\n    // Only activate the state listener if the `emit` option is true\n    emit ? onGetMessage : undefined,\n    state // Revalidate the listener if the state changes\n  );\n\n  useEffect(() => {\n    // If the component is mounted and the hook in receive mode,\n    // Request the state from the other instance\n    if (\n      receive &&\n      typeof postMessage === 'function' &&\n      typeof state === 'undefined'\n    ) {\n      postMessage({ type: `${key}/get`, senderId });\n    }\n  }, []);\n\n  // Return the useState state and setter\n  return [state, setStateWrapper, postState];\n};\n"],"mappings":";;;;;;;;AAYA,MAAM,gBAAoB,OAA2B,cACnD,OAAO,UAAU,aACZ,MAA+B,UAAU,GACzC;;;;;;;;;;;;;;;;;;;;;;AAwBP,MAAa,sBACX,KACA,cACA,YACuD;CACvD,MAAM,EAAE,aAAa,aAAaA,6CAAiB;CAEnD,MAAM,EAAE,MAAM,YAAY,WAAW;EAAE,MAAM;EAAM,SAAS;EAAM;CAElE,MAAM,qBAAqB,SAA2B,cAAkB;EAEtE,MAAM,gBAAmB,aAAaC,SAAO,UAAU;AAGvD,MACE,QACA,OAAO,gBAAgB,cACvB,OAAO,kBAAkB,YAEzB,aAAY;GAAE,MAAM,GAAG,IAAI;GAAQ,MAAM;GAAe;GAAU,CAAC;AAGrE,SAAO;;CAGT,MAAM,kBAAkB;AACtB,MAAI,OAAO,gBAAgB,WAAY;AACvC,cAAY;GAAE,MAAM,GAAG,IAAI;GAAQ,MAAM;GAAO;GAAU,CAAC;;CAG7D,MAAM,CAAC,OAAO,sCAA8B,kBAAkB,aAAa,CAAC;;;;;;;;;;;;;;;;;CAkB5E,MAAM,mBAAgD,mBACpD,UAAU,cAAc,kBAAkB,gBAAgB,UAAU,CAAC;;;;AAKvE,mEACE,GAAG,IAAI,QAEP,WACK,SAAS;AACR,WAAS,KAAK;KAEhB,OACL;CAED,MAAM,gBAAgB,GAAY,mBAA4B;AAC5D,MAAI,CAAC,KAAM;AACX,MAAI,OAAO,gBAAgB,WAAY;AACvC,MAAI,mBAAmB,SAAU;AACjC,MAAI,OAAO,UAAU,YAAa;AAElC,cAAY;GAAE,MAAM,GAAG,IAAI;GAAQ,MAAM;GAAO;GAAU,CAAC;;;;;AAM7D,mEACE,GAAG,IAAI,OAEP,OAAO,eAAe,QACtB,MACD;AAED,4BAAgB;AAGd,MACE,WACA,OAAO,gBAAgB,cACvB,OAAO,UAAU,YAEjB,aAAY;GAAE,MAAM,GAAG,IAAI;GAAO;GAAU,CAAC;IAE9C,EAAE,CAAC;AAGN,QAAO;EAAC;EAAO;EAAiB;EAAU"}
+{"version":3,"file":"useCrossFrameState.cjs","names":["useCommunicator"],"sources":["../../src/useCrossFrameState.tsx"],"sourcesContent":["'use client';\n\nimport type { MessageKey } from '@intlayer/editor';\nimport { type Dispatch, type SetStateAction, useEffect, useState } from 'react';\nimport { useCommunicator } from './CommunicatorContext';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport type CrossFrameStateOptions = {\n  emit?: boolean;\n  receive?: boolean;\n};\n\nconst resolveState = <S,>(state?: SetStateAction<S>, prevState?: S): S =>\n  typeof state === 'function'\n    ? (state as (prevState?: S) => S)(prevState)\n    : (state as S);\n\n/**\n * Configuration options for `useCrossFrameState`.\n * @typedef {Object} CrossFrameStateOptions\n * @property {boolean} [emit=true] - Whether to broadcast state changes to other instances.\n * @property {boolean} [receive=true] - Whether to listen for state updates from other instances.\n */\n\n/**\n * useCrossFrameState\n *\n * This React hook synchronizes state across multiple instances (e.g., different iframes or windows).\n * It uses the `postMessage` API to communicate state changes and updates between instances.\n *\n * @template S - The type of the state.\n * @param key - A unique identifier for the state to synchronize.\n * @param initialState - The initial state value or a function to compute it lazily.\n * @param options - Configuration options to control emitting and receiving messages.\n *   - `emit` (default: true): Whether to broadcast state changes to other instances.\n *   - `receive` (default: true): Whether to listen for state updates from other instances.\n *\n * @returns {[S, Dispatch<SetStateAction<S>>]} An array containing the current state and a setter function.\n */\nexport const useCrossFrameState = <S,>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options?: CrossFrameStateOptions\n): [S, Dispatch<SetStateAction<S>>, typeof postState] => {\n  const { postMessage, senderId } = useCommunicator();\n\n  const { emit, receive } = options ?? { emit: true, receive: true };\n\n  const handleStateChange = (state?: SetStateAction<S>, prevState?: S) => {\n    // Initialize state from the provided initial value, if defined\n    const resolvedState: S = resolveState(state, prevState);\n\n    // Emit the initial state if `emit` is enabled and initial state is defined\n    if (\n      emit &&\n      typeof postMessage === 'function' &&\n      typeof resolvedState !== 'undefined'\n    ) {\n      postMessage({ type: `${key}/post`, data: resolvedState, senderId });\n    }\n\n    return resolvedState;\n  };\n\n  const postState = () => {\n    if (typeof postMessage !== 'function') return;\n    postMessage({ type: `${key}/post`, data: state, senderId });\n  };\n\n  const [state, setState] = useState<S>(() => handleStateChange(initialState));\n\n  /**\n   * A wrapper function around the `setState` function to handle messaging efficiently.\n   *\n   * This approach has several advantages over using an additional `useEffect`:\n   * - **Avoid Redundant Re-renders:** By emitting the message directly within the `setState` logic,\n   *   it prevents the extra render cycle that would be triggered when using `useEffect`.\n   * - **Consistency:** Ensures the message is emitted immediately when the state is updated,\n   *   avoiding potential delays caused by the asynchronous nature of `useEffect`.\n   *\n   * This function keeps the same API as `setState` and is memoized using `useCallback`\n   * to prevent unnecessary re-renders of dependent components.\n   *\n   * @template S - The type of the state.\n   * @param {SetStateAction<S>} valueOrUpdater - The new state or a function to produce it.\n   * @returns {void}\n   */\n  const setStateWrapper: Dispatch<SetStateAction<S>> = (valueOrUpdater) =>\n    setState((prevState) => handleStateChange(valueOrUpdater, prevState));\n\n  /**\n   * Listen for messages with the specified key and update the state accordingly.\n   */\n  useCrossFrameMessageListener<S>(\n    `${key}/post`,\n    // Only activate the state listener if the `receive` option is true\n    receive\n      ? (data) => {\n          setState(data);\n        }\n      : undefined\n  );\n\n  const onGetMessage = (_: unknown, originSenderId?: string) => {\n    if (!emit) return;\n    if (typeof postMessage !== 'function') return;\n    if (originSenderId === senderId) return;\n    if (typeof state === 'undefined') return;\n\n    postMessage({ type: `${key}/post`, data: state, senderId });\n  };\n\n  /**\n   * Listen for messages request to get the state content and send it back.\n   */\n  useCrossFrameMessageListener<S>(\n    `${key}/get`,\n    // Only activate the state listener if the `emit` option is true\n    emit ? onGetMessage : undefined,\n    state // Revalidate the listener if the state changes\n  );\n\n  useEffect(() => {\n    // If the component is mounted and the hook in receive mode,\n    // Request the state from the other instance\n    if (\n      receive &&\n      typeof postMessage === 'function' &&\n      typeof state === 'undefined'\n    ) {\n      postMessage({ type: `${key}/get`, senderId });\n    }\n  }, []);\n\n  // Return the useState state and setter\n  return [state, setStateWrapper, postState];\n};\n"],"mappings":";;;;;;;;AAYA,MAAM,gBAAoB,OAA2B,cACnD,OAAO,UAAU,aACZ,MAA+B,UAAU,GACzC;;;;;;;;;;;;;;;;;;;;;;AAwBP,MAAa,sBACX,KACA,cACA,YACuD;CACvD,MAAM,EAAE,aAAa,aAAaA,6CAAiB;CAEnD,MAAM,EAAE,MAAM,YAAY,WAAW;EAAE,MAAM;EAAM,SAAS;EAAM;CAElE,MAAM,qBAAqB,OAA2B,cAAkB;EAEtE,MAAM,gBAAmB,aAAa,OAAO,UAAU;AAGvD,MACE,QACA,OAAO,gBAAgB,cACvB,OAAO,kBAAkB,YAEzB,aAAY;GAAE,MAAM,GAAG,IAAI;GAAQ,MAAM;GAAe;GAAU,CAAC;AAGrE,SAAO;;CAGT,MAAM,kBAAkB;AACtB,MAAI,OAAO,gBAAgB,WAAY;AACvC,cAAY;GAAE,MAAM,GAAG,IAAI;GAAQ,MAAM;GAAO;GAAU,CAAC;;CAG7D,MAAM,CAAC,OAAO,sCAA8B,kBAAkB,aAAa,CAAC;;;;;;;;;;;;;;;;;CAkB5E,MAAM,mBAAgD,mBACpD,UAAU,cAAc,kBAAkB,gBAAgB,UAAU,CAAC;;;;AAKvE,mEACE,GAAG,IAAI,QAEP,WACK,SAAS;AACR,WAAS,KAAK;KAEhB,OACL;CAED,MAAM,gBAAgB,GAAY,mBAA4B;AAC5D,MAAI,CAAC,KAAM;AACX,MAAI,OAAO,gBAAgB,WAAY;AACvC,MAAI,mBAAmB,SAAU;AACjC,MAAI,OAAO,UAAU,YAAa;AAElC,cAAY;GAAE,MAAM,GAAG,IAAI;GAAQ,MAAM;GAAO;GAAU,CAAC;;;;;AAM7D,mEACE,GAAG,IAAI,OAEP,OAAO,eAAe,QACtB,MACD;AAED,4BAAgB;AAGd,MACE,WACA,OAAO,gBAAgB,cACvB,OAAO,UAAU,YAEjB,aAAY;GAAE,MAAM,GAAG,IAAI;GAAO;GAAU,CAAC;IAE9C,EAAE,CAAC;AAGN,QAAO;EAAC;EAAO;EAAiB;EAAU"}

package/dist/esm/useCrossFrameState.mjs

@@ -33,8 +33,8 @@ const useCrossFrameState = (key, initialState, options) => {
 		emit: true,
 		receive: true
 	};
-	const handleStateChange = (state$1, prevState) => {
-		const resolvedState = resolveState(state$1, prevState);
+	const handleStateChange = (state, prevState) => {
+		const resolvedState = resolveState(state, prevState);
 		if (emit && typeof postMessage === "function" && typeof resolvedState !== "undefined") postMessage({
 			type: `${key}/post`,
 			data: resolvedState,

package/dist/esm/useCrossFrameState.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameState.mjs","names":["state"],"sources":["../../src/useCrossFrameState.tsx"],"sourcesContent":["'use client';\n\nimport type { MessageKey } from '@intlayer/editor';\nimport { type Dispatch, type SetStateAction, useEffect, useState } from 'react';\nimport { useCommunicator } from './CommunicatorContext';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport type CrossFrameStateOptions = {\n  emit?: boolean;\n  receive?: boolean;\n};\n\nconst resolveState = <S,>(state?: SetStateAction<S>, prevState?: S): S =>\n  typeof state === 'function'\n    ? (state as (prevState?: S) => S)(prevState)\n    : (state as S);\n\n/**\n * Configuration options for `useCrossFrameState`.\n * @typedef {Object} CrossFrameStateOptions\n * @property {boolean} [emit=true] - Whether to broadcast state changes to other instances.\n * @property {boolean} [receive=true] - Whether to listen for state updates from other instances.\n */\n\n/**\n * useCrossFrameState\n *\n * This React hook synchronizes state across multiple instances (e.g., different iframes or windows).\n * It uses the `postMessage` API to communicate state changes and updates between instances.\n *\n * @template S - The type of the state.\n * @param key - A unique identifier for the state to synchronize.\n * @param initialState - The initial state value or a function to compute it lazily.\n * @param options - Configuration options to control emitting and receiving messages.\n *   - `emit` (default: true): Whether to broadcast state changes to other instances.\n *   - `receive` (default: true): Whether to listen for state updates from other instances.\n *\n * @returns {[S, Dispatch<SetStateAction<S>>]} An array containing the current state and a setter function.\n */\nexport const useCrossFrameState = <S,>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options?: CrossFrameStateOptions\n): [S, Dispatch<SetStateAction<S>>, typeof postState] => {\n  const { postMessage, senderId } = useCommunicator();\n\n  const { emit, receive } = options ?? { emit: true, receive: true };\n\n  const handleStateChange = (state?: SetStateAction<S>, prevState?: S) => {\n    // Initialize state from the provided initial value, if defined\n    const resolvedState: S = resolveState(state, prevState);\n\n    // Emit the initial state if `emit` is enabled and initial state is defined\n    if (\n      emit &&\n      typeof postMessage === 'function' &&\n      typeof resolvedState !== 'undefined'\n    ) {\n      postMessage({ type: `${key}/post`, data: resolvedState, senderId });\n    }\n\n    return resolvedState;\n  };\n\n  const postState = () => {\n    if (typeof postMessage !== 'function') return;\n    postMessage({ type: `${key}/post`, data: state, senderId });\n  };\n\n  const [state, setState] = useState<S>(() => handleStateChange(initialState));\n\n  /**\n   * A wrapper function around the `setState` function to handle messaging efficiently.\n   *\n   * This approach has several advantages over using an additional `useEffect`:\n   * - **Avoid Redundant Re-renders:** By emitting the message directly within the `setState` logic,\n   *   it prevents the extra render cycle that would be triggered when using `useEffect`.\n   * - **Consistency:** Ensures the message is emitted immediately when the state is updated,\n   *   avoiding potential delays caused by the asynchronous nature of `useEffect`.\n   *\n   * This function keeps the same API as `setState` and is memoized using `useCallback`\n   * to prevent unnecessary re-renders of dependent components.\n   *\n   * @template S - The type of the state.\n   * @param {SetStateAction<S>} valueOrUpdater - The new state or a function to produce it.\n   * @returns {void}\n   */\n  const setStateWrapper: Dispatch<SetStateAction<S>> = (valueOrUpdater) =>\n    setState((prevState) => handleStateChange(valueOrUpdater, prevState));\n\n  /**\n   * Listen for messages with the specified key and update the state accordingly.\n   */\n  useCrossFrameMessageListener<S>(\n    `${key}/post`,\n    // Only activate the state listener if the `receive` option is true\n    receive\n      ? (data) => {\n          setState(data);\n        }\n      : undefined\n  );\n\n  const onGetMessage = (_: unknown, originSenderId?: string) => {\n    if (!emit) return;\n    if (typeof postMessage !== 'function') return;\n    if (originSenderId === senderId) return;\n    if (typeof state === 'undefined') return;\n\n    postMessage({ type: `${key}/post`, data: state, senderId });\n  };\n\n  /**\n   * Listen for messages request to get the state content and send it back.\n   */\n  useCrossFrameMessageListener<S>(\n    `${key}/get`,\n    // Only activate the state listener if the `emit` option is true\n    emit ? onGetMessage : undefined,\n    state // Revalidate the listener if the state changes\n  );\n\n  useEffect(() => {\n    // If the component is mounted and the hook in receive mode,\n    // Request the state from the other instance\n    if (\n      receive &&\n      typeof postMessage === 'function' &&\n      typeof state === 'undefined'\n    ) {\n      postMessage({ type: `${key}/get`, senderId });\n    }\n  }, []);\n\n  // Return the useState state and setter\n  return [state, setStateWrapper, postState];\n};\n"],"mappings":";;;;;;;AAYA,MAAM,gBAAoB,OAA2B,cACnD,OAAO,UAAU,aACZ,MAA+B,UAAU,GACzC;;;;;;;;;;;;;;;;;;;;;;AAwBP,MAAa,sBACX,KACA,cACA,YACuD;CACvD,MAAM,EAAE,aAAa,aAAa,iBAAiB;CAEnD,MAAM,EAAE,MAAM,YAAY,WAAW;EAAE,MAAM;EAAM,SAAS;EAAM;CAElE,MAAM,qBAAqB,SAA2B,cAAkB;EAEtE,MAAM,gBAAmB,aAAaA,SAAO,UAAU;AAGvD,MACE,QACA,OAAO,gBAAgB,cACvB,OAAO,kBAAkB,YAEzB,aAAY;GAAE,MAAM,GAAG,IAAI;GAAQ,MAAM;GAAe;GAAU,CAAC;AAGrE,SAAO;;CAGT,MAAM,kBAAkB;AACtB,MAAI,OAAO,gBAAgB,WAAY;AACvC,cAAY;GAAE,MAAM,GAAG,IAAI;GAAQ,MAAM;GAAO;GAAU,CAAC;;CAG7D,MAAM,CAAC,OAAO,YAAY,eAAkB,kBAAkB,aAAa,CAAC;;;;;;;;;;;;;;;;;CAkB5E,MAAM,mBAAgD,mBACpD,UAAU,cAAc,kBAAkB,gBAAgB,UAAU,CAAC;;;;AAKvE,8BACE,GAAG,IAAI,QAEP,WACK,SAAS;AACR,WAAS,KAAK;KAEhB,OACL;CAED,MAAM,gBAAgB,GAAY,mBAA4B;AAC5D,MAAI,CAAC,KAAM;AACX,MAAI,OAAO,gBAAgB,WAAY;AACvC,MAAI,mBAAmB,SAAU;AACjC,MAAI,OAAO,UAAU,YAAa;AAElC,cAAY;GAAE,MAAM,GAAG,IAAI;GAAQ,MAAM;GAAO;GAAU,CAAC;;;;;AAM7D,8BACE,GAAG,IAAI,OAEP,OAAO,eAAe,QACtB,MACD;AAED,iBAAgB;AAGd,MACE,WACA,OAAO,gBAAgB,cACvB,OAAO,UAAU,YAEjB,aAAY;GAAE,MAAM,GAAG,IAAI;GAAO;GAAU,CAAC;IAE9C,EAAE,CAAC;AAGN,QAAO;EAAC;EAAO;EAAiB;EAAU"}
+{"version":3,"file":"useCrossFrameState.mjs","names":[],"sources":["../../src/useCrossFrameState.tsx"],"sourcesContent":["'use client';\n\nimport type { MessageKey } from '@intlayer/editor';\nimport { type Dispatch, type SetStateAction, useEffect, useState } from 'react';\nimport { useCommunicator } from './CommunicatorContext';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport type CrossFrameStateOptions = {\n  emit?: boolean;\n  receive?: boolean;\n};\n\nconst resolveState = <S,>(state?: SetStateAction<S>, prevState?: S): S =>\n  typeof state === 'function'\n    ? (state as (prevState?: S) => S)(prevState)\n    : (state as S);\n\n/**\n * Configuration options for `useCrossFrameState`.\n * @typedef {Object} CrossFrameStateOptions\n * @property {boolean} [emit=true] - Whether to broadcast state changes to other instances.\n * @property {boolean} [receive=true] - Whether to listen for state updates from other instances.\n */\n\n/**\n * useCrossFrameState\n *\n * This React hook synchronizes state across multiple instances (e.g., different iframes or windows).\n * It uses the `postMessage` API to communicate state changes and updates between instances.\n *\n * @template S - The type of the state.\n * @param key - A unique identifier for the state to synchronize.\n * @param initialState - The initial state value or a function to compute it lazily.\n * @param options - Configuration options to control emitting and receiving messages.\n *   - `emit` (default: true): Whether to broadcast state changes to other instances.\n *   - `receive` (default: true): Whether to listen for state updates from other instances.\n *\n * @returns {[S, Dispatch<SetStateAction<S>>]} An array containing the current state and a setter function.\n */\nexport const useCrossFrameState = <S,>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options?: CrossFrameStateOptions\n): [S, Dispatch<SetStateAction<S>>, typeof postState] => {\n  const { postMessage, senderId } = useCommunicator();\n\n  const { emit, receive } = options ?? { emit: true, receive: true };\n\n  const handleStateChange = (state?: SetStateAction<S>, prevState?: S) => {\n    // Initialize state from the provided initial value, if defined\n    const resolvedState: S = resolveState(state, prevState);\n\n    // Emit the initial state if `emit` is enabled and initial state is defined\n    if (\n      emit &&\n      typeof postMessage === 'function' &&\n      typeof resolvedState !== 'undefined'\n    ) {\n      postMessage({ type: `${key}/post`, data: resolvedState, senderId });\n    }\n\n    return resolvedState;\n  };\n\n  const postState = () => {\n    if (typeof postMessage !== 'function') return;\n    postMessage({ type: `${key}/post`, data: state, senderId });\n  };\n\n  const [state, setState] = useState<S>(() => handleStateChange(initialState));\n\n  /**\n   * A wrapper function around the `setState` function to handle messaging efficiently.\n   *\n   * This approach has several advantages over using an additional `useEffect`:\n   * - **Avoid Redundant Re-renders:** By emitting the message directly within the `setState` logic,\n   *   it prevents the extra render cycle that would be triggered when using `useEffect`.\n   * - **Consistency:** Ensures the message is emitted immediately when the state is updated,\n   *   avoiding potential delays caused by the asynchronous nature of `useEffect`.\n   *\n   * This function keeps the same API as `setState` and is memoized using `useCallback`\n   * to prevent unnecessary re-renders of dependent components.\n   *\n   * @template S - The type of the state.\n   * @param {SetStateAction<S>} valueOrUpdater - The new state or a function to produce it.\n   * @returns {void}\n   */\n  const setStateWrapper: Dispatch<SetStateAction<S>> = (valueOrUpdater) =>\n    setState((prevState) => handleStateChange(valueOrUpdater, prevState));\n\n  /**\n   * Listen for messages with the specified key and update the state accordingly.\n   */\n  useCrossFrameMessageListener<S>(\n    `${key}/post`,\n    // Only activate the state listener if the `receive` option is true\n    receive\n      ? (data) => {\n          setState(data);\n        }\n      : undefined\n  );\n\n  const onGetMessage = (_: unknown, originSenderId?: string) => {\n    if (!emit) return;\n    if (typeof postMessage !== 'function') return;\n    if (originSenderId === senderId) return;\n    if (typeof state === 'undefined') return;\n\n    postMessage({ type: `${key}/post`, data: state, senderId });\n  };\n\n  /**\n   * Listen for messages request to get the state content and send it back.\n   */\n  useCrossFrameMessageListener<S>(\n    `${key}/get`,\n    // Only activate the state listener if the `emit` option is true\n    emit ? onGetMessage : undefined,\n    state // Revalidate the listener if the state changes\n  );\n\n  useEffect(() => {\n    // If the component is mounted and the hook in receive mode,\n    // Request the state from the other instance\n    if (\n      receive &&\n      typeof postMessage === 'function' &&\n      typeof state === 'undefined'\n    ) {\n      postMessage({ type: `${key}/get`, senderId });\n    }\n  }, []);\n\n  // Return the useState state and setter\n  return [state, setStateWrapper, postState];\n};\n"],"mappings":";;;;;;;AAYA,MAAM,gBAAoB,OAA2B,cACnD,OAAO,UAAU,aACZ,MAA+B,UAAU,GACzC;;;;;;;;;;;;;;;;;;;;;;AAwBP,MAAa,sBACX,KACA,cACA,YACuD;CACvD,MAAM,EAAE,aAAa,aAAa,iBAAiB;CAEnD,MAAM,EAAE,MAAM,YAAY,WAAW;EAAE,MAAM;EAAM,SAAS;EAAM;CAElE,MAAM,qBAAqB,OAA2B,cAAkB;EAEtE,MAAM,gBAAmB,aAAa,OAAO,UAAU;AAGvD,MACE,QACA,OAAO,gBAAgB,cACvB,OAAO,kBAAkB,YAEzB,aAAY;GAAE,MAAM,GAAG,IAAI;GAAQ,MAAM;GAAe;GAAU,CAAC;AAGrE,SAAO;;CAGT,MAAM,kBAAkB;AACtB,MAAI,OAAO,gBAAgB,WAAY;AACvC,cAAY;GAAE,MAAM,GAAG,IAAI;GAAQ,MAAM;GAAO;GAAU,CAAC;;CAG7D,MAAM,CAAC,OAAO,YAAY,eAAkB,kBAAkB,aAAa,CAAC;;;;;;;;;;;;;;;;;CAkB5E,MAAM,mBAAgD,mBACpD,UAAU,cAAc,kBAAkB,gBAAgB,UAAU,CAAC;;;;AAKvE,8BACE,GAAG,IAAI,QAEP,WACK,SAAS;AACR,WAAS,KAAK;KAEhB,OACL;CAED,MAAM,gBAAgB,GAAY,mBAA4B;AAC5D,MAAI,CAAC,KAAM;AACX,MAAI,OAAO,gBAAgB,WAAY;AACvC,MAAI,mBAAmB,SAAU;AACjC,MAAI,OAAO,UAAU,YAAa;AAElC,cAAY;GAAE,MAAM,GAAG,IAAI;GAAQ,MAAM;GAAO;GAAU,CAAC;;;;;AAM7D,8BACE,GAAG,IAAI,OAEP,OAAO,eAAe,QACtB,MACD;AAED,iBAAgB;AAGd,MACE,WACA,OAAO,gBAAgB,cACvB,OAAO,UAAU,YAEjB,aAAY;GAAE,MAAM,GAAG,IAAI;GAAO;GAAU,CAAC;IAE9C,EAAE,CAAC;AAGN,QAAO;EAAC;EAAO;EAAiB;EAAU"}

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

@@ -1 +1 @@
-{"version":3,"file":"CommunicatorContext.d.ts","names":[],"sources":["../../src/CommunicatorContext.tsx"],"sourcesContent":[],"mappings":";;;KAcY,0BAAA;sBACU,MAAA,CAAO;EADjB,cAAA,CAAA,EAAA,MAAA,EAAA;EAkBA,QAAA,EAAA,MAAA;CACL;AAAL,KADU,yBAAA,GAA4B,iBACtC,CAAA,IAAA,CAAK,0BAAL,EAAA,UAAA,CAAA,CAAA;AADsC,cAI3B,oBAJ2B,EAIL,EAJK,CAIF,yBAJE,CAAA;AAAiB,cAwB5C,eAxB4C,EAAA,GAAA,GAwB7B,0BAxB6B"}
+{"version":3,"file":"CommunicatorContext.d.ts","names":[],"sources":["../../src/CommunicatorContext.tsx"],"mappings":";;;KAcY,0BAAA;EACV,WAAA,SAAoB,MAAA,CAAO,WAAA;EAC3B,cAAA;EACA,QAAA;AAAA;AAAA,KAeU,yBAAA,GAA4B,iBAAA,CACtC,IAAA,CAAK,0BAAA;AAAA,cAGM,oBAAA,EAAsB,EAAA,CAAG,yBAAA;AAAA,cAoBzB,eAAA,QAAe,0BAAA"}

package/dist/types/ConfigurationContext.d.ts

@@ -1,9 +1,9 @@
-import * as react9 from "react";
+import * as react0 from "react";
 import { FC, PropsWithChildren } from "react";
 import { IntlayerConfig } from "@intlayer/types";
 
 //#region src/ConfigurationContext.d.ts
-declare const useConfigurationState: () => [IntlayerConfig, react9.Dispatch<react9.SetStateAction<IntlayerConfig>>, () => void];
+declare const useConfigurationState: () => [IntlayerConfig, react0.Dispatch<react0.SetStateAction<IntlayerConfig>>, () => void];
 type ConfigurationProviderProps = {
   configuration?: IntlayerConfig;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ConfigurationContext.d.ts","names":[],"sources":["../../src/ConfigurationContext.tsx"],"sourcesContent":[],"mappings":";;;;;cAgBa,8BAAqB,gBAAA,MAAA,CAAA,SAAA,MAAA,CAAA,eAAA;KAUtB,0BAAA;kBACM;AAXlB,CAAA;AAAkC,cAcrB,qBAdqB,EAcE,EAdF,CAehC,iBAfgC,CAed,0BAfc,CAAA,CAAA;AAAA,cAsBrB,gBAtBqB,EAAA,GAAA,GAsBL,cAtBK"}
+{"version":3,"file":"ConfigurationContext.d.ts","names":[],"sources":["../../src/ConfigurationContext.tsx"],"mappings":";;;;;cAgBa,qBAAA,SAAqB,cAAA,EAAA,MAAA,CAAA,QAAA,CAAA,MAAA,CAAA,cAAA,CAAA,cAAA;AAAA,KAUtB,0BAAA;EACV,aAAA,GAAgB,cAAA;AAAA;AAAA,cAGL,qBAAA,EAAuB,EAAA,CAClC,iBAAA,CAAkB,0BAAA;AAAA,cAOP,gBAAA,QAAgB,cAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"DictionariesRecordContext.d.ts","names":[],"sources":["../../src/DictionariesRecordContext.tsx"],"sourcesContent":[],"mappings":";;;;KAeY,iBAAA,GAAoB,OAAO,mBAAmB;KAKrD,oCAAA;EALO,qBAAiB,EAMJ,QANI,CAMK,cANL,CAMoB,iBANpB,CAAA,CAAA;EAAU,mBAAA,EAAA,CAAA,UAAA,EAOH,UAPG,EAAA,GAAA,IAAA;CAAmB;AAA1B,cAiBnB,0BAjBmB,EAiBS,EAjBT,CAiBY,iBAjBZ,CAAA;AAAM,cAyDzB,4BAzDyB,EAAA,GAAA,GAyDG,oCAzDH;AAKjC,cAuDQ,qBAvDR,EAAoC,GAAA,GAAA;EACQ,qBAAA,EAAxB,QAAwB,CAAf,cAAe,CAAA,iBAAA,CAAA,CAAA;EAAf,mBAAA,EAAA,CAAA,UAAA,EACE,UADF,EAAA,GAAA,IAAA;EAAT,kBAAA,EAHH,iBAGG;CACW"}
+{"version":3,"file":"DictionariesRecordContext.d.ts","names":[],"sources":["../../src/DictionariesRecordContext.tsx"],"mappings":";;;;KAeY,iBAAA,GAAoB,MAAA,CAAO,iBAAA,EAAmB,UAAA;AAAA,KAKrD,oCAAA;EACH,qBAAA,EAAuB,QAAA,CAAS,cAAA,CAAe,iBAAA;EAC/C,mBAAA,GAAsB,UAAA,EAAY,UAAA;AAAA;AAAA,cAUvB,0BAAA,EAA4B,EAAA,CAAG,iBAAA;AAAA,cAwC/B,4BAAA,QAA4B,oCAAA;AAAA,cAG5B,qBAAA;yBAtDY,QAAA,CAAS,cAAA,CAAe,iBAAA;wBACzB,UAAA,EAAY,UAAA;sBAJd,iBAAA;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"EditedContentContext.d.ts","names":[],"sources":["../../src/EditedContentContext.tsx"],"sourcesContent":[],"mappings":";;;;;cAuCa,yDACe,uBAAU;cAOzB,wDACe,uBAAU;AATtC,KAgBK,+BAAA,GAVF;EAEU,qBAAA,EAAA,CAAA,aAMV,EAGsC,iBARH,EAAA,GAAA,IAAA;EAOjC,mBAAA,EAEkB,QAFlB,CAE2B,cAFI,CAEW,UAFX,CAAA,CAAA;EACK,gBAAA,EAAA,CAAA,iBAAA,EAGlB,iBAHkB,EAAA,QAAA,EAI3B,UAJ2B,CAAA,SAAA,CAAA,EAAA,GAAA,IAAA;EACM,gBAAA,EAAA,CAAA,iBAAA,EAMxB,iBANwB,EAAA,QAAA,EAOjC,WAPiC,CAAA,GAAA,CAAA,EAAA,OAAA,CAAA,EAQjC,OARiC,EAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAf,mBAAA,EAAA,CAAA,iBAAA,EAYT,iBAZS,EAAA,MAAA,EAapB,OAboB,CAAA,KAAA,CAAA,EAAA,OAAA,CAAA,EAclB,OAdkB,EAAA,EAAA,GAAA,IAAA;EAAT,mBAAA,EAAA,CAAA,iBAAA,EAiBA,iBAjBA,EAAA,OAAA,EAkBV,OAlBU,EAAA,EAAA,GAAA,IAAA;EAEA,oBAAA,EAAA,CAAA,iBAAA,EAkBqB,iBAlBrB,EAAA,GAAA,IAAA;EACT,4BAAA,EAAA,CAAA,iBAAA,EAkBsC,iBAlBtC,EAAA,GAAA,IAAA;EAGS,kBAAA,EAAA,GAAA,GAAA,IAAA;EACT,qBAAA,EAAA,CAAA,sBAAA,EAiBc,iBAjBd,GAiBkC,UAjBlC,CAAA,KAAA,CAAA,GAAA,MAAA,EAAA,OAAA,EAkBD,OAlBC,EAAA,EAAA,GAmBP,WAnBO,GAAA,SAAA;CACA;AAIS,cA0BV,qBA1BU,EA0Ba,EA1Bb,CA0BgB,iBA1BhB,CAAA;AACX,cA6RC,uBA7RD,EAAA,GAAA,GA6RwB,+BA7RxB;AACE,cA+RD,gBA/RC,EAAA,GAAA,GAAA;EAGS,qBAAA,EAAA,CAAA,aAAA,EAlBkB,iBAkBlB,EAAA,GAAA,IAAA;EACV,mBAAA,EAlBU,QAkBV,CAlBmB,cAkBnB,CAlBkC,UAkBlC,CAAA,CAAA;EAE+B,gBAAA,EAAA,CAAA,iBAAA,EAlBrB,iBAkBqB,EAAA,QAAA,EAjB9B,UAiB8B,CAAA,SAAA,CAAA,EAAA,GAAA,IAAA;EACQ,gBAAA,EAAA,CAAA,iBAAA,EAf7B,iBAe6B,EAAA,QAAA,EAdtC,WAcsC,CAAA,GAAA,CAAA,EAAA,OAAA,CAAA,EAbtC,OAasC,EAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAGxB,mBAAA,EAAA,CAAA,iBAAA,EAZL,iBAYK,EAAA,MAAA,EAXhB,OAWgB,CAAA,KAAA,CAAA,EAAA,OAAA,CAAA,EAVd,OAUc,EAAA,EAAA,GAAA,IAAA;EAAoB,mBAAA,EAAA,CAAA,iBAAA,EAPzB,iBAOyB,EAAA,OAAA,EANnC,OAMmC,EAAA,EAAA,GAAA,IAAA;EACnC,oBAAA,EAAA,CAAA,iBAAA,EAL+B,iBAK/B,EAAA,GAAA,IAAA;EACN,4BAAA,EAAA,CAAA,iBAAA,EAL6C,iBAK7C,EAAA,GAAA,IAAA;EAAW,kBAAA,EAAA,GAAA,GAAA,IAAA;EAYL,qBAAA,EAAA,CAkQZ,sBAlQsC,EAdX,iBAcU,GAdU,UAcV,CAAA,KAAA,CAAA,GAAA,MAAA,EAAA,OAAA,EAbzB,OAayB,EAAA,EAAA,GAZ/B,WAY+B,GAAA,SAAA;EAoQzB,aAAA,EAnUI,MAmUJ,CAnUW,iBAmUY,EAnUO,UAmUP,CAAA,GAAA,SAAA;AAGpC,CAAA"}
+{"version":3,"file":"EditedContentContext.d.ts","names":[],"sources":["../../src/EditedContentContext.tsx"],"mappings":";;;;;cAuCa,yBAAA,MACX,gBAAA,IAAoB,IAAA,EAAM,CAAA,eAAU,IAAA,GAAA,CAAA;AAAA,cAOzB,wBAAA,MACX,gBAAA,IAAoB,IAAA,EAAM,CAAA,eAAU,IAAA,GAAA,CAAA;AAAA,KAOjC,+BAAA;EACH,qBAAA,GAAwB,aAAA,EAAe,iBAAA;EACvC,mBAAA,EAAqB,QAAA,CAAS,cAAA,CAAe,UAAA;EAC7C,gBAAA,GACE,iBAAA,EAAmB,iBAAA,EACnB,QAAA,EAAU,UAAA;EAEZ,gBAAA,GACE,iBAAA,EAAmB,iBAAA,EACnB,QAAA,EAAU,WAAA,OACV,OAAA,GAAU,OAAA,IACV,SAAA;EAEF,mBAAA,GACE,iBAAA,EAAmB,iBAAA,EACnB,MAAA,EAAQ,OAAA,SACR,OAAA,GAAU,OAAA;EAEZ,mBAAA,GACE,iBAAA,EAAmB,iBAAA,EACnB,OAAA,EAAS,OAAA;EAEX,oBAAA,GAAuB,iBAAA,EAAmB,iBAAA;EAC1C,4BAAA,GAA+B,iBAAA,EAAmB,iBAAA;EAClD,kBAAA;EACA,qBAAA,GACE,sBAAA,EAAwB,iBAAA,GAAoB,UAAA,kBAC5C,OAAA,EAAS,OAAA,OACN,WAAA;AAAA;AAAA,cAYM,qBAAA,EAAuB,EAAA,CAAG,iBAAA;AAAA,cAoQ1B,uBAAA,QAAuB,+BAAA;AAAA,cAGvB,gBAAA;0BA9Sa,aAAA,EAAe,iBAAA;uBAClB,QAAA,CAAS,cAAA,CAAe,UAAA;qBAE3C,iBAAA,EAAmB,iBAAA,EACnB,QAAA,EAAU,UAAA;qBAGV,iBAAA,EAAmB,iBAAA,EACnB,QAAA,EAAU,WAAA,OACV,OAAA,GAAU,OAAA,IACV,SAAA;wBAGA,iBAAA,EAAmB,iBAAA,EACnB,MAAA,EAAQ,OAAA,SACR,OAAA,GAAU,OAAA;wBAGV,iBAAA,EAAmB,iBAAA,EACnB,OAAA,EAAS,OAAA;yBAEY,iBAAA,EAAmB,iBAAA;iCACX,iBAAA,EAAmB,iBAAA;;0BAGhD,sBAAA,EAAwB,iBAAA,GAAoB,UAAA,kBAC5C,OAAA,EAAS,OAAA,OACN,WAAA;iBAnDU,MAAA,CAAO,iBAAA,EAAmB,UAAA;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"EditorEnabledContext.d.ts","names":[],"sources":["../../src/EditorEnabledContext.tsx"],"sourcesContent":[],"mappings":";;;;;KAeY,uBAAA;;;AAAA,cAQC,qBARsB,EAAA,CAAA,OAAA,CAAA,EAQa,sBARb,EAAA,GAAA,CAAA,OAAA,EAQmC,MAAA,CAAA,QARnC,CAQmC,MAAA,CAAA,cARnC,CAAA,OAAA,CAAA,CAAA,EAAA,GAAA,GAAA,IAAA,CAAA;AAQtB,cAGA,yBAF2D,EAAA,CAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,IAAA,EAG5C,CAH4C,EAAA,GAAA,IAAA,EAAA,GAAA,CAAA,IAAA,CAAA,EAGlC,CAHkC,EAAA,GAAA,IAAA;AADxB,cAWnC,wBAXmC,EAAA,CAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,IAAA,EAYpB,CAZoB,EAAA,GAAA,IAAA,EAAA,GAAA,CAAA,IAAA,CAAA,EAYV,CAZU,EAAA,GAAA,IAAA;AAAsB,cAmBzD,qBAnByD,EAmBlC,EAnBkC,CAmB/B,iBAnB+B,CAAA;AAAA,cAgCzD,gBAhCyD,EAAA,GAAA,GAgCzC,uBAhCyC"}
+{"version":3,"file":"EditorEnabledContext.d.ts","names":[],"sources":["../../src/EditorEnabledContext.tsx"],"mappings":";;;;;KAeY,uBAAA;EACV,OAAA;AAAA;AAAA,cAOW,qBAAA,GAAyB,OAAA,GAAU,sBAAA,eAAsB,MAAA,CAAA,QAAA,CAAA,MAAA,CAAA,cAAA;AAAA,cAGzD,yBAAA,MACX,gBAAA,IAAoB,IAAA,EAAM,CAAA,eAAU,IAAA,GAAA,CAAA;AAAA,cAOzB,wBAAA,MACX,gBAAA,IAAoB,IAAA,EAAM,CAAA,eAAU,IAAA,GAAA,CAAA;AAAA,cAOzB,qBAAA,EAAuB,EAAA,CAAG,iBAAA;AAAA,cAa1B,gBAAA,QAAgB,uBAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"EditorProvider.d.ts","names":[],"sources":["../../src/EditorProvider.tsx"],"sourcesContent":[],"mappings":";;;;;KA2FY,mBAAA,GAAsB,4BAChC;;AADF,CAAA;AAKa,cAAA,cAsBZ,EAtB4B,EAsB5B,CAtB+B,iBAsB/B,CAtBiD,mBAsBjD,CAAA,CAAA"}
+{"version":3,"file":"EditorProvider.d.ts","names":[],"sources":["../../src/EditorProvider.tsx"],"mappings":";;;;;KA2FY,mBAAA,GAAsB,yBAAA,GAChC,0BAAA;EACE,IAAA;AAAA;AAAA,cAGS,cAAA,EAAgB,EAAA,CAAG,iBAAA,CAAkB,mBAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"FocusDictionaryContext.d.ts","names":[],"sources":["../../src/FocusDictionaryContext.tsx"],"sourcesContent":[],"mappings":";;;;KAkBY,WAAA;;EAAA,iBAAW,CAAA,EAED,iBAAA;EAIV,OAAA,CAAA,EAHA,OAGA,EAAA;AAIZ,CAAA;AAC6C,KALjC,oBAAA,GAKiC;EAAf,cAAA,EAJZ,WAIY,GAAA,IAAA;CAAT;AACiB,KAF1B,sBAAA,GAE0B;EAAO,iBAAA,EADxB,QACwB,CADf,cACe,CADA,WACA,GAAA,IAAA,CAAA,CAAA;EAUhC,wBAAA,EAoCZ,CAAA,OAAA,EA9CqC,OAUG,EAAA,EAAA,GAAA,IAAA;AAsCzC,CAAA;AAUa,cAhDA,uBA2DZ,EA3DqC,EA2DrC,CA3DwC,iBA2DxC,CAAA;AAtE4C,cAiDhC,yBAjDgC,EAAA,GAAA,GAiDP,sBAjDO;AAAf,cA2DjB,kBA3DiB,EAAA,GAAA,GAAA;EAAT,iBAAA,EAAA,QAAA,CAAS,cAAT,CAAwB,WAAxB,GAAA,IAAA,CAAA,CAAA;EACiB,wBAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,EAAA,GAAA,IAAA;EALpB,cAAA,EAAA,WAAA,GAAA,IAAA;CAAW"}
+{"version":3,"file":"FocusDictionaryContext.d.ts","names":[],"sources":["../../src/FocusDictionaryContext.tsx"],"mappings":";;;;KAkBY,WAAA;EACV,aAAA;EACA,iBAAA,GAAoB,iBAAA;EACpB,OAAA,GAAU,OAAA;AAAA;AAAA,KAGA,oBAAA;EACV,cAAA,EAAgB,WAAA;AAAA;AAAA,KAGN,sBAAA;EACV,iBAAA,EAAmB,QAAA,CAAS,cAAA,CAAe,WAAA;EAC3C,wBAAA,GAA2B,OAAA,EAAS,OAAA;AAAA;AAAA,cAUzB,uBAAA,EAAyB,EAAA,CAAG,iBAAA;AAAA,cAsC5B,yBAAA,QAAyB,sBAAA;AAAA,cAUzB,kBAAA;qBA3DQ,QAAA,CAAS,cAAA,CAAe,WAAA;6BAChB,OAAA,EAAS,OAAA;kBALpB,WAAA;AAAA"}

package/dist/types/useCrossFrameMessageListener.d.ts

@@ -1,7 +1,6 @@
 import { MessageKey } from "@intlayer/editor";
 
 //#region src/useCrossFrameMessageListener.d.ts
-
 /**
  * useCrossFrameMessageListener
  *

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

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameMessageListener.d.ts","names":[],"sources":["../../src/useCrossFrameMessageListener.tsx"],"sourcesContent":[],"mappings":";;;;;;AAsBA;;;;;;;;;;;;;;cAAa,0CACH,kBAAkB,uBAAuB,4CACvB,0CAuDQ"}
+{"version":3,"file":"useCrossFrameMessageListener.d.ts","names":[],"sources":["../../src/useCrossFrameMessageListener.tsx"],"mappings":";;;;;AAsBA;;;;;;;;;;;;;;cAAa,4BAAA,MACX,GAAA,KAAQ,UAAA,QAAkB,UAAA,aAAuB,UAAA,QACjD,gBAAA,IAAoB,IAAA,EAAM,CAAA,WAC1B,WAAA,YAAiB,IAAA,GAsDiB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameState.d.ts","names":[],"sources":["../../src/useCrossFrameState.tsx"],"sourcesContent":[],"mappings":";;;;KAOY,sBAAA;;EAAA,OAAA,CAAA,EAAA,OAAA;AAgCZ,CAAA;;;;;;;;;;;;;;;;;;;;;;cAAa,gCACH,6BACO,WAAW,cAChB,4BACR,GAAG,SAAS,eAAe"}
+{"version":3,"file":"useCrossFrameState.d.ts","names":[],"sources":["../../src/useCrossFrameState.tsx"],"mappings":";;;;KAOY,sBAAA;EACV,IAAA;EACA,OAAA;AAAA;;;;AA8BF;;;;;;;;;;;;;;;;;;cAAa,kBAAA,MACX,GAAA,KAAQ,UAAA,IACR,YAAA,GAAe,CAAA,UAAW,CAAA,GAC1B,OAAA,GAAU,sBAAA,MACR,CAAA,EAAG,QAAA,CAAS,cAAA,CAAe,CAAA"}

package/dist/types/useCrossURLPathState.d.ts

@@ -1,9 +1,9 @@
 import { CrossFrameStateOptions } from "./useCrossFrameState.js";
-import * as react0 from "react";
+import * as react1 from "react";
 
 //#region src/useCrossURLPathState.d.ts
-declare const useCrossURLPathState: (initialState?: string, options?: CrossFrameStateOptions) => [string, react0.Dispatch<react0.SetStateAction<string>>, () => void];
-declare const useCrossURLPathSetter: (initialState?: string) => [string, react0.Dispatch<react0.SetStateAction<string>>, () => void];
+declare const useCrossURLPathState: (initialState?: string, options?: CrossFrameStateOptions) => [string, react1.Dispatch<react1.SetStateAction<string>>, () => void];
+declare const useCrossURLPathSetter: (initialState?: string) => [string, react1.Dispatch<react1.SetStateAction<string>>, () => void];
 //#endregion
 export { useCrossURLPathSetter, useCrossURLPathState };
 //# sourceMappingURL=useCrossURLPathState.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCrossURLPathState.d.ts","names":[],"sources":["../../src/useCrossURLPathState.tsx"],"sourcesContent":[],"mappings":";;;;cASa,wDAED,oCAAsB,MAAA,CAAA,SAAA,MAAA,CAAA;cAGrB,2DAA8C,MAAA,CAAA,SA8D1D,MAAA,CA9D0D"}
+{"version":3,"file":"useCrossURLPathState.d.ts","names":[],"sources":["../../src/useCrossURLPathState.tsx"],"mappings":";;;;cASa,oBAAA,GACX,YAAA,WACA,OAAA,GAAU,sBAAA,cAAsB,MAAA,CAAA,QAAA,CAAA,MAAA,CAAA,cAAA;AAAA,cAGrB,qBAAA,GAAyB,YAAA,uBAAqB,MAAA,CAAA,QAAA,CA8D1D,MAAA,CA9D0D,cAAA"}

package/dist/types/useEditorLocale.d.ts

@@ -1,9 +1,9 @@
-import * as react5 from "react";
+import * as react9 from "react";
 import { Locale } from "@intlayer/types";
 
 //#region src/useEditorLocale.d.ts
 declare const useEditorLocale: () => Locale;
-declare const useSetEditorLocale: () => [Locale, react5.Dispatch<react5.SetStateAction<Locale>>, () => void];
+declare const useSetEditorLocale: () => [Locale, react9.Dispatch<react9.SetStateAction<Locale>>, () => void];
 //#endregion
 export { useEditorLocale, useSetEditorLocale };
 //# sourceMappingURL=useEditorLocale.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEditorLocale.d.ts","names":[],"sources":["../../src/useEditorLocale.tsx"],"sourcesContent":[],"mappings":";;;;cAIa,uBAAe;cAaf,2BAAkB,QAAA,MAAA,CAAA,SAAA,MAAA,CAAA,eAAA"}
+{"version":3,"file":"useEditorLocale.d.ts","names":[],"sources":["../../src/useEditorLocale.tsx"],"mappings":";;;;cAIa,eAAA,QAAe,MAAA;AAAA,cAaf,kBAAA,SAAkB,MAAA,EAAA,MAAA,CAAA,QAAA,CAAA,MAAA,CAAA,cAAA,CAAA,MAAA"}

package/dist/types/useFocusUnmergedDictionary.d.ts

@@ -1,11 +1,11 @@
 import { FileContent } from "./FocusDictionaryContext.js";
-import * as react3 from "react";
+import * as react5 from "react";
 import { KeyPath } from "@intlayer/types";
 
 //#region src/useFocusUnmergedDictionary.d.ts
 declare const useFocusUnmergedDictionary: () => {
   focusedContent: FileContent;
-  setFocusedContent: react3.Dispatch<react3.SetStateAction<FileContent>>;
+  setFocusedContent: react5.Dispatch<react5.SetStateAction<FileContent>>;
   setFocusedContentKeyPath: (keyPath: KeyPath[]) => void;
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusUnmergedDictionary.d.ts","names":[],"sources":["../../src/useFocusUnmergedDictionary.tsx"],"sourcesContent":[],"mappings":";;;;;cAiDa;;;EAAA,wBAAA,EAAA,CAAA,OAmCZ,SAAA,EAAA,EAAA,GAAA,IAAA"}
+{"version":3,"file":"useFocusUnmergedDictionary.d.ts","names":[],"sources":["../../src/useFocusUnmergedDictionary.tsx"],"mappings":";;;;;cAiDa,0BAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"useIframeClickInterceptor.d.ts","names":[],"sources":["../../src/useIframeClickInterceptor.tsx"],"sourcesContent":[],"mappings":";cAMa;AAAA,cAgBA,oBAFZ,EAAA,GAAA,GAAA,CAAA,IAAA,CAAA,EAEgC,YAFhC,CAAA,GAAA,CAAA,EAAA,GAAA,IAAA"}
+{"version":3,"file":"useIframeClickInterceptor.d.ts","names":[],"sources":["../../src/useIframeClickInterceptor.tsx"],"mappings":";cAMa,yBAAA;AAAA,cAgBA,oBAAA,SAAoB,IAAA,GAAA,YAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/editor-react",
-  "version": "8.0.0-canary.0",
+  "version": "8.0.0-canary.2",
   "private": false,
   "description": "Provides the states, contexts, hooks and components to interact with the Intlayer editor for a React application",
   "keywords": [
@@ -71,11 +71,11 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/config": "8.0.0-canary.0",
-    "@intlayer/core": "8.0.0-canary.0",
-    "@intlayer/editor": "8.0.0-canary.0",
-    "@intlayer/types": "8.0.0-canary.0",
-    "@intlayer/unmerged-dictionaries-entry": "8.0.0-canary.0"
+    "@intlayer/config": "8.0.0-canary.2",
+    "@intlayer/core": "8.0.0-canary.2",
+    "@intlayer/editor": "8.0.0-canary.2",
+    "@intlayer/types": "8.0.0-canary.2",
+    "@intlayer/unmerged-dictionaries-entry": "8.0.0-canary.2"
   },
   "devDependencies": {
     "@types/node": "25.0.9",
@@ -87,9 +87,9 @@
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
     "rimraf": "6.1.2",
-    "tsdown": "0.19.0",
+    "tsdown": "0.20.0",
     "typescript": "5.9.3",
-    "vitest": "4.0.17"
+    "vitest": "4.0.18"
   },
   "peerDependencies": {
     "react": ">=16.0.0",