@intlayer/editor-react 6.1.6-canary.0 → 7.0.0-canary.0

package/dist/cjs/useCrossFrameState.cjs

@@ -1,77 +1,110 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useCrossFrameState_exports = {};
-__export(useCrossFrameState_exports, {
-  useCrossFrameState: () => useCrossFrameState
-});
-module.exports = __toCommonJS(useCrossFrameState_exports);
-var import_react = require("react");
-var import_CommunicatorContext = require('./CommunicatorContext.cjs');
-var import_useCrossFrameMessageListener = require('./useCrossFrameMessageListener.cjs');
+'use client';
+
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_CommunicatorContext = require('./CommunicatorContext.cjs');
+const require_useCrossFrameMessageListener = require('./useCrossFrameMessageListener.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/useCrossFrameState.tsx
 const resolveState = (state, prevState) => typeof state === "function" ? state(prevState) : state;
+/**
+* Configuration options for `useCrossFrameState`.
+* @typedef {Object} CrossFrameStateOptions
+* @property {boolean} [emit=true] - Whether to broadcast state changes to other instances.
+* @property {boolean} [receive=true] - Whether to listen for state updates from other instances.
+*/
+/**
+* useCrossFrameState
+*
+* This React hook synchronizes state across multiple instances (e.g., different iframes or windows).
+* It uses the `postMessage` API to communicate state changes and updates between instances.
+*
+* @template S - The type of the state.
+* @param key - A unique identifier for the state to synchronize.
+* @param initialState - The initial state value or a function to compute it lazily.
+* @param options - Configuration options to control emitting and receiving messages.
+*   - `emit` (default: true): Whether to broadcast state changes to other instances.
+*   - `receive` (default: true): Whether to listen for state updates from other instances.
+*
+* @returns {[S, Dispatch<SetStateAction<S>>]} An array containing the current state and a setter function.
+*/
 const useCrossFrameState = (key, initialState, options) => {
-  const { postMessage, senderId } = (0, import_CommunicatorContext.useCommunicator)();
-  const { emit, receive } = options ?? { emit: true, receive: true };
-  const handleStateChange = (state2, prevState) => {
-    const resolvedState = resolveState(state2, prevState);
-    if (emit && typeof postMessage === "function" && typeof resolvedState !== "undefined") {
-      postMessage({ type: `${key}/post`, data: resolvedState, senderId });
-    }
-    return resolvedState;
-  };
-  const postState = () => {
-    if (typeof postMessage !== "function") return;
-    postMessage({ type: `${key}/post`, data: state, senderId });
-  };
-  const [state, setState] = (0, import_react.useState)(() => handleStateChange(initialState));
-  const setStateWrapper = (valueOrUpdater) => setState((prevState) => handleStateChange(valueOrUpdater, prevState));
-  (0, import_useCrossFrameMessageListener.useCrossFrameMessageListener)(
-    `${key}/post`,
-    // Only activate the state listener if the `receive` option is true
-    receive ? (data) => {
-      setState(data);
-    } : void 0
-  );
-  const onGetMessage = (_, originSenderId) => {
-    if (!emit) return;
-    if (typeof postMessage !== "function") return;
-    if (originSenderId === senderId) return;
-    if (typeof state === "undefined") return;
-    postMessage({ type: `${key}/post`, data: state, senderId });
-  };
-  (0, import_useCrossFrameMessageListener.useCrossFrameMessageListener)(
-    `${key}/get`,
-    // Only activate the state listener if the `emit` option is true
-    emit ? onGetMessage : void 0,
-    state
-    // Revalidate the listener if the state changes
-  );
-  (0, import_react.useEffect)(() => {
-    if (receive && typeof postMessage === "function" && typeof state === "undefined") {
-      postMessage({ type: `${key}/get`, senderId });
-    }
-  }, []);
-  return [state, setStateWrapper, postState];
+	const { postMessage, senderId } = require_CommunicatorContext.useCommunicator();
+	const { emit, receive } = options ?? {
+		emit: true,
+		receive: true
+	};
+	const handleStateChange = (state$1, prevState) => {
+		const resolvedState = resolveState(state$1, prevState);
+		if (emit && typeof postMessage === "function" && typeof resolvedState !== "undefined") postMessage({
+			type: `${key}/post`,
+			data: resolvedState,
+			senderId
+		});
+		return resolvedState;
+	};
+	const postState = () => {
+		if (typeof postMessage !== "function") return;
+		postMessage({
+			type: `${key}/post`,
+			data: state,
+			senderId
+		});
+	};
+	const [state, setState] = (0, react.useState)(() => handleStateChange(initialState));
+	/**
+	* A wrapper function around the `setState` function to handle messaging efficiently.
+	*
+	* This approach has several advantages over using an additional `useEffect`:
+	* - **Avoid Redundant Re-renders:** By emitting the message directly within the `setState` logic,
+	*   it prevents the extra render cycle that would be triggered when using `useEffect`.
+	* - **Consistency:** Ensures the message is emitted immediately when the state is updated,
+	*   avoiding potential delays caused by the asynchronous nature of `useEffect`.
+	*
+	* This function keeps the same API as `setState` and is memoized using `useCallback`
+	* to prevent unnecessary re-renders of dependent components.
+	*
+	* @template S - The type of the state.
+	* @param {SetStateAction<S>} valueOrUpdater - The new state or a function to produce it.
+	* @returns {void}
+	*/
+	const setStateWrapper = (valueOrUpdater) => setState((prevState) => handleStateChange(valueOrUpdater, prevState));
+	/**
+	* Listen for messages with the specified key and update the state accordingly.
+	*/
+	require_useCrossFrameMessageListener.useCrossFrameMessageListener(`${key}/post`, receive ? (data) => {
+		setState(data);
+	} : void 0);
+	const onGetMessage = (_, originSenderId) => {
+		if (!emit) return;
+		if (typeof postMessage !== "function") return;
+		if (originSenderId === senderId) return;
+		if (typeof state === "undefined") return;
+		postMessage({
+			type: `${key}/post`,
+			data: state,
+			senderId
+		});
+	};
+	/**
+	* Listen for messages request to get the state content and send it back.
+	*/
+	require_useCrossFrameMessageListener.useCrossFrameMessageListener(`${key}/get`, emit ? onGetMessage : void 0, state);
+	(0, react.useEffect)(() => {
+		if (receive && typeof postMessage === "function" && typeof state === "undefined") postMessage({
+			type: `${key}/get`,
+			senderId
+		});
+	}, []);
+	return [
+		state,
+		setStateWrapper,
+		postState
+	];
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useCrossFrameState
-});
+
+//#endregion
+exports.useCrossFrameState = useCrossFrameState;
 //# sourceMappingURL=useCrossFrameState.cjs.map

package/dist/cjs/useCrossFrameState.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/useCrossFrameState.tsx"],"sourcesContent":["'use client';\n\nimport { type MessageKey } from '@intlayer/editor';\nimport { useEffect, useState, type Dispatch, type SetStateAction } 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":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAwE;AACxE,iCAAgC;AAChC,0CAA6C;AAO7C,MAAM,eAAe,CAAK,OAA2B,cACnD,OAAO,UAAU,aACZ,MAA+B,SAAS,IACxC;AAwBA,MAAM,qBAAqB,CAChC,KACA,cACA,YACuD;AACvD,QAAM,EAAE,aAAa,SAAS,QAAI,4CAAgB;AAElD,QAAM,EAAE,MAAM,QAAQ,IAAI,WAAW,EAAE,MAAM,MAAM,SAAS,KAAK;AAEjE,QAAM,oBAAoB,CAACA,QAA2B,cAAkB;AAEtE,UAAM,gBAAmB,aAAaA,QAAO,SAAS;AAGtD,QACE,QACA,OAAO,gBAAgB,cACvB,OAAO,kBAAkB,aACzB;AACA,kBAAY,EAAE,MAAM,GAAG,GAAG,SAAS,MAAM,eAAe,SAAS,CAAC;AAAA,IACpE;AAEA,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,MAAM;AACtB,QAAI,OAAO,gBAAgB,WAAY;AACvC,gBAAY,EAAE,MAAM,GAAG,GAAG,SAAS,MAAM,OAAO,SAAS,CAAC;AAAA,EAC5D;AAEA,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAY,MAAM,kBAAkB,YAAY,CAAC;AAkB3E,QAAM,kBAA+C,CAAC,mBACpD,SAAS,CAAC,cAAc,kBAAkB,gBAAgB,SAAS,CAAC;AAKtE;AAAA,IACE,GAAG,GAAG;AAAA;AAAA,IAEN,UACI,CAAC,SAAS;AACR,eAAS,IAAI;AAAA,IACf,IACA;AAAA,EACN;AAEA,QAAM,eAAe,CAAC,GAAY,mBAA4B;AAC5D,QAAI,CAAC,KAAM;AACX,QAAI,OAAO,gBAAgB,WAAY;AACvC,QAAI,mBAAmB,SAAU;AACjC,QAAI,OAAO,UAAU,YAAa;AAElC,gBAAY,EAAE,MAAM,GAAG,GAAG,SAAS,MAAM,OAAO,SAAS,CAAC;AAAA,EAC5D;AAKA;AAAA,IACE,GAAG,GAAG;AAAA;AAAA,IAEN,OAAO,eAAe;AAAA,IACtB;AAAA;AAAA,EACF;AAEA,8BAAU,MAAM;AAGd,QACE,WACA,OAAO,gBAAgB,cACvB,OAAO,UAAU,aACjB;AACA,kBAAY,EAAE,MAAM,GAAG,GAAG,QAAQ,SAAS,CAAC;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,SAAO,CAAC,OAAO,iBAAiB,SAAS;AAC3C;","names":["state"]}
+{"version":3,"file":"useCrossFrameState.cjs","names":["useCommunicator","resolvedState: S","state","setStateWrapper: Dispatch<SetStateAction<S>>"],"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,MAAMC,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,MAAMC,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/cjs/useCrossURLPathState.cjs

@@ -1,69 +1,70 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useCrossURLPathState_exports = {};
-__export(useCrossURLPathState_exports, {
-  useCrossURLPathSetter: () => useCrossURLPathSetter,
-  useCrossURLPathState: () => useCrossURLPathState
-});
-module.exports = __toCommonJS(useCrossURLPathState_exports);
-var import_editor = require("@intlayer/editor");
-var import_react = require("react");
-var import_useCrossFrameState = require('./useCrossFrameState.cjs');
-const useCrossURLPathState = (initialState, options) => (0, import_useCrossFrameState.useCrossFrameState)(import_editor.MessageKey.INTLAYER_URL_CHANGE, initialState, options);
+'use client';
+
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_useCrossFrameState = require('./useCrossFrameState.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __intlayer_editor = require("@intlayer/editor");
+__intlayer_editor = require_rolldown_runtime.__toESM(__intlayer_editor);
+
+//#region src/useCrossURLPathState.tsx
+const useCrossURLPathState = (initialState, options) => require_useCrossFrameState.useCrossFrameState(__intlayer_editor.MessageKey.INTLAYER_URL_CHANGE, initialState, options);
 const useCrossURLPathSetter = (initialState) => {
-  const states = useCrossURLPathState(initialState, {
-    emit: true,
-    receive: false
-  });
-  const [_state, setState] = states;
-  (0, import_react.useEffect)(() => {
-    const originalPushState = history.pushState;
-    const originalReplaceState = history.replaceState;
-    const injectLocationChangeEvent = (method) => function(...args) {
-      method.apply(this, args);
-      window.dispatchEvent(new Event("locationchange"));
-    };
-    history.pushState = injectLocationChangeEvent(originalPushState);
-    history.replaceState = injectLocationChangeEvent(originalReplaceState);
-    const updateURLState = () => {
-      setState(window.location.pathname);
-    };
-    window.addEventListener("locationchange", updateURLState);
-    window.addEventListener("popstate", updateURLState);
-    window.addEventListener("hashchange", updateURLState);
-    window.addEventListener("load", updateURLState);
-    updateURLState();
-    return () => {
-      window.removeEventListener("locationchange", updateURLState);
-      window.removeEventListener("popstate", updateURLState);
-      window.removeEventListener("hashchange", updateURLState);
-      window.removeEventListener("load", updateURLState);
-      history.pushState = originalPushState;
-      history.replaceState = originalReplaceState;
-    };
-  }, []);
-  return states;
+	const states = useCrossURLPathState(initialState, {
+		emit: true,
+		receive: false
+	});
+	const [_state, setState] = states;
+	(0, react.useEffect)(() => {
+		/**
+		* 1) Monkey patch history methods (pushState, replaceState)
+		*    to dispatch a custom event whenever they are called.
+		*/
+		const originalPushState = history.pushState;
+		const originalReplaceState = history.replaceState;
+		const injectLocationChangeEvent = (method) => function(...args) {
+			method.apply(this, args);
+			window.dispatchEvent(new Event("locationchange"));
+		};
+		history.pushState = injectLocationChangeEvent(originalPushState);
+		history.replaceState = injectLocationChangeEvent(originalReplaceState);
+		/**
+		* 2) The callback to update our state whenever the URL changes.
+		*/
+		const updateURLState = () => {
+			setState(window.location.pathname);
+		};
+		/**
+		* 3) Attach event listeners for locationchange, popstate, hashchange.
+		*    - 'locationchange' is our custom event triggered by push/replaceState overrides.
+		*    - 'popstate' is fired on back/forward navigation.
+		*    - 'hashchange' is for URL hash (#) changes.
+		*    - 'load' is when new page is loaded
+		*/
+		window.addEventListener("locationchange", updateURLState);
+		window.addEventListener("popstate", updateURLState);
+		window.addEventListener("hashchange", updateURLState);
+		window.addEventListener("load", updateURLState);
+		updateURLState();
+		/**
+		* 4) Cleanup when the component unmounts:
+		*    - Remove event listeners.
+		*    - Restore original pushState & replaceState to avoid side effects.
+		*/
+		return () => {
+			window.removeEventListener("locationchange", updateURLState);
+			window.removeEventListener("popstate", updateURLState);
+			window.removeEventListener("hashchange", updateURLState);
+			window.removeEventListener("load", updateURLState);
+			history.pushState = originalPushState;
+			history.replaceState = originalReplaceState;
+		};
+	}, []);
+	return states;
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useCrossURLPathSetter,
-  useCrossURLPathState
-});
+
+//#endregion
+exports.useCrossURLPathSetter = useCrossURLPathSetter;
+exports.useCrossURLPathState = useCrossURLPathState;
 //# sourceMappingURL=useCrossURLPathState.cjs.map

package/dist/cjs/useCrossURLPathState.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/useCrossURLPathState.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport { useEffect } from 'react';\nimport {\n  useCrossFrameState,\n  type CrossFrameStateOptions,\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  const states = useCrossURLPathState(initialState, {\n    emit: true,\n    receive: false,\n  });\n  const [_state, setState] = states;\n\n  useEffect(() => {\n    /**\n     * 1) Monkey patch history methods (pushState, replaceState)\n     *    to dispatch a custom event whenever they are called.\n     */\n    const originalPushState = history.pushState;\n    const originalReplaceState = history.replaceState;\n\n    const injectLocationChangeEvent = (method: (...args: any[]) => void) =>\n      function (this: typeof history, ...args: [any, string, string?]) {\n        method.apply(this, args);\n        window.dispatchEvent(new Event('locationchange'));\n      };\n\n    history.pushState = injectLocationChangeEvent(originalPushState);\n    history.replaceState = injectLocationChangeEvent(originalReplaceState);\n\n    /**\n     * 2) The callback to update our state whenever the URL changes.\n     */\n    const updateURLState = () => {\n      setState(window.location.pathname);\n    };\n\n    /**\n     * 3) Attach event listeners for locationchange, popstate, hashchange.\n     *    - 'locationchange' is our custom event triggered by push/replaceState overrides.\n     *    - 'popstate' is fired on back/forward navigation.\n     *    - 'hashchange' is for URL hash (#) changes.\n     *    - 'load' is when new page is loaded\n     */\n    window.addEventListener('locationchange', updateURLState);\n    window.addEventListener('popstate', updateURLState);\n    window.addEventListener('hashchange', updateURLState);\n    window.addEventListener('load', updateURLState);\n\n    // Initialize our state immediately on mount\n    updateURLState();\n\n    /**\n     * 4) Cleanup when the component unmounts:\n     *    - Remove event listeners.\n     *    - Restore original pushState & replaceState to avoid side effects.\n     */\n    return () => {\n      window.removeEventListener('locationchange', updateURLState);\n      window.removeEventListener('popstate', updateURLState);\n      window.removeEventListener('hashchange', updateURLState);\n      window.removeEventListener('load', updateURLState);\n      history.pushState = originalPushState;\n      history.replaceState = originalReplaceState;\n    };\n  }, []);\n\n  return states;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oBAA2B;AAC3B,mBAA0B;AAC1B,gCAGO;AAEA,MAAM,uBAAuB,CAClC,cACA,gBACG,8CAAmB,yBAAW,qBAAqB,cAAc,OAAO;AAEtE,MAAM,wBAAwB,CAAC,iBAA0B;AAC9D,QAAM,SAAS,qBAAqB,cAAc;AAAA,IAChD,MAAM;AAAA,IACN,SAAS;AAAA,EACX,CAAC;AACD,QAAM,CAAC,QAAQ,QAAQ,IAAI;AAE3B,8BAAU,MAAM;AAKd,UAAM,oBAAoB,QAAQ;AAClC,UAAM,uBAAuB,QAAQ;AAErC,UAAM,4BAA4B,CAAC,WACjC,YAAmC,MAA8B;AAC/D,aAAO,MAAM,MAAM,IAAI;AACvB,aAAO,cAAc,IAAI,MAAM,gBAAgB,CAAC;AAAA,IAClD;AAEF,YAAQ,YAAY,0BAA0B,iBAAiB;AAC/D,YAAQ,eAAe,0BAA0B,oBAAoB;AAKrE,UAAM,iBAAiB,MAAM;AAC3B,eAAS,OAAO,SAAS,QAAQ;AAAA,IACnC;AASA,WAAO,iBAAiB,kBAAkB,cAAc;AACxD,WAAO,iBAAiB,YAAY,cAAc;AAClD,WAAO,iBAAiB,cAAc,cAAc;AACpD,WAAO,iBAAiB,QAAQ,cAAc;AAG9C,mBAAe;AAOf,WAAO,MAAM;AACX,aAAO,oBAAoB,kBAAkB,cAAc;AAC3D,aAAO,oBAAoB,YAAY,cAAc;AACrD,aAAO,oBAAoB,cAAc,cAAc;AACvD,aAAO,oBAAoB,QAAQ,cAAc;AACjD,cAAQ,YAAY;AACpB,cAAQ,eAAe;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;","names":[]}
+{"version":3,"file":"useCrossURLPathState.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../src/useCrossURLPathState.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport { useEffect } from 'react';\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  const states = useCrossURLPathState(initialState, {\n    emit: true,\n    receive: false,\n  });\n  const [_state, setState] = states;\n\n  useEffect(() => {\n    /**\n     * 1) Monkey patch history methods (pushState, replaceState)\n     *    to dispatch a custom event whenever they are called.\n     */\n    const originalPushState = history.pushState;\n    const originalReplaceState = history.replaceState;\n\n    const injectLocationChangeEvent = (method: (...args: any[]) => void) =>\n      function (this: typeof history, ...args: [any, string, string?]) {\n        method.apply(this, args);\n        window.dispatchEvent(new Event('locationchange'));\n      };\n\n    history.pushState = injectLocationChangeEvent(originalPushState);\n    history.replaceState = injectLocationChangeEvent(originalReplaceState);\n\n    /**\n     * 2) The callback to update our state whenever the URL changes.\n     */\n    const updateURLState = () => {\n      setState(window.location.pathname);\n    };\n\n    /**\n     * 3) Attach event listeners for locationchange, popstate, hashchange.\n     *    - 'locationchange' is our custom event triggered by push/replaceState overrides.\n     *    - 'popstate' is fired on back/forward navigation.\n     *    - 'hashchange' is for URL hash (#) changes.\n     *    - 'load' is when new page is loaded\n     */\n    window.addEventListener('locationchange', updateURLState);\n    window.addEventListener('popstate', updateURLState);\n    window.addEventListener('hashchange', updateURLState);\n    window.addEventListener('load', updateURLState);\n\n    // Initialize our state immediately on mount\n    updateURLState();\n\n    /**\n     * 4) Cleanup when the component unmounts:\n     *    - Remove event listeners.\n     *    - Restore original pushState & replaceState to avoid side effects.\n     */\n    return () => {\n      window.removeEventListener('locationchange', updateURLState);\n      window.removeEventListener('popstate', updateURLState);\n      window.removeEventListener('hashchange', updateURLState);\n      window.removeEventListener('load', updateURLState);\n      history.pushState = originalPushState;\n      history.replaceState = originalReplaceState;\n    };\n  }, []);\n\n  return states;\n};\n"],"mappings":";;;;;;;;;;;AASA,MAAa,wBACX,cACA,YACGA,8CAAmBC,6BAAW,qBAAqB,cAAc,QAAQ;AAE9E,MAAa,yBAAyB,iBAA0B;CAC9D,MAAM,SAAS,qBAAqB,cAAc;EAChD,MAAM;EACN,SAAS;EACV,CAAC;CACF,MAAM,CAAC,QAAQ,YAAY;AAE3B,4BAAgB;;;;;EAKd,MAAM,oBAAoB,QAAQ;EAClC,MAAM,uBAAuB,QAAQ;EAErC,MAAM,6BAA6B,WACjC,SAAgC,GAAG,MAA8B;AAC/D,UAAO,MAAM,MAAM,KAAK;AACxB,UAAO,cAAc,IAAI,MAAM,iBAAiB,CAAC;;AAGrD,UAAQ,YAAY,0BAA0B,kBAAkB;AAChE,UAAQ,eAAe,0BAA0B,qBAAqB;;;;EAKtE,MAAM,uBAAuB;AAC3B,YAAS,OAAO,SAAS,SAAS;;;;;;;;;AAUpC,SAAO,iBAAiB,kBAAkB,eAAe;AACzD,SAAO,iBAAiB,YAAY,eAAe;AACnD,SAAO,iBAAiB,cAAc,eAAe;AACrD,SAAO,iBAAiB,QAAQ,eAAe;AAG/C,kBAAgB;;;;;;AAOhB,eAAa;AACX,UAAO,oBAAoB,kBAAkB,eAAe;AAC5D,UAAO,oBAAoB,YAAY,eAAe;AACtD,UAAO,oBAAoB,cAAc,eAAe;AACxD,UAAO,oBAAoB,QAAQ,eAAe;AAClD,WAAQ,YAAY;AACpB,WAAQ,eAAe;;IAExB,EAAE,CAAC;AAEN,QAAO"}

package/dist/cjs/useIframeClickInterceptor.cjs

@@ -1,50 +1,27 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useIframeClickInterceptor_exports = {};
-__export(useIframeClickInterceptor_exports, {
-  useIframeClickInterceptor: () => useIframeClickInterceptor,
-  useIframeClickMerger: () => useIframeClickMerger
-});
-module.exports = __toCommonJS(useIframeClickInterceptor_exports);
-var import_editor = require("@intlayer/editor");
-var import_react = require("react");
-var import_useCrossFrameMessageListener = require('./useCrossFrameMessageListener.cjs');
+'use client';
+
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_useCrossFrameMessageListener = require('./useCrossFrameMessageListener.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __intlayer_editor = require("@intlayer/editor");
+__intlayer_editor = require_rolldown_runtime.__toESM(__intlayer_editor);
+
+//#region src/useIframeClickInterceptor.tsx
 const useIframeClickInterceptor = () => {
-  const postMessage = (0, import_useCrossFrameMessageListener.useCrossFrameMessageListener)(
-    import_editor.MessageKey.INTLAYER_IFRAME_CLICKED
-  );
-  const handlePostMessageEvent = () => {
-    postMessage();
-  };
-  (0, import_react.useEffect)(() => {
-    window.addEventListener("mousedown", handlePostMessageEvent);
-    return () => window.removeEventListener("mousedown", handlePostMessageEvent);
-  }, [postMessage]);
+	const postMessage = require_useCrossFrameMessageListener.useCrossFrameMessageListener(__intlayer_editor.MessageKey.INTLAYER_IFRAME_CLICKED);
+	const handlePostMessageEvent = () => {
+		postMessage();
+	};
+	(0, react.useEffect)(() => {
+		window.addEventListener("mousedown", handlePostMessageEvent);
+		return () => window.removeEventListener("mousedown", handlePostMessageEvent);
+	}, [postMessage]);
 };
-const useIframeClickMerger = () => (0, import_useCrossFrameMessageListener.useCrossFrameMessageListener)(
-  import_editor.MessageKey.INTLAYER_IFRAME_CLICKED,
-  import_editor.mergeIframeClick
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useIframeClickInterceptor,
-  useIframeClickMerger
-});
+const useIframeClickMerger = () => require_useCrossFrameMessageListener.useCrossFrameMessageListener(__intlayer_editor.MessageKey.INTLAYER_IFRAME_CLICKED, __intlayer_editor.mergeIframeClick);
+
+//#endregion
+exports.useIframeClickInterceptor = useIframeClickInterceptor;
+exports.useIframeClickMerger = useIframeClickMerger;
 //# sourceMappingURL=useIframeClickInterceptor.cjs.map

package/dist/cjs/useIframeClickInterceptor.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/useIframeClickInterceptor.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey, mergeIframeClick } from '@intlayer/editor';\nimport { useEffect } from 'react';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport const useIframeClickInterceptor = () => {\n  const postMessage = useCrossFrameMessageListener<undefined>(\n    MessageKey.INTLAYER_IFRAME_CLICKED\n  );\n  const handlePostMessageEvent: EventListener = () => {\n    postMessage();\n  };\n\n  useEffect(() => {\n    window.addEventListener('mousedown', handlePostMessageEvent);\n\n    return () =>\n      window.removeEventListener('mousedown', handlePostMessageEvent);\n  }, [postMessage]);\n};\n\nexport const useIframeClickMerger = () =>\n  useCrossFrameMessageListener<MessageEvent>(\n    MessageKey.INTLAYER_IFRAME_CLICKED,\n    mergeIframeClick\n  );\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oBAA6C;AAC7C,mBAA0B;AAC1B,0CAA6C;AAEtC,MAAM,4BAA4B,MAAM;AAC7C,QAAM,kBAAc;AAAA,IAClB,yBAAW;AAAA,EACb;AACA,QAAM,yBAAwC,MAAM;AAClD,gBAAY;AAAA,EACd;AAEA,8BAAU,MAAM;AACd,WAAO,iBAAiB,aAAa,sBAAsB;AAE3D,WAAO,MACL,OAAO,oBAAoB,aAAa,sBAAsB;AAAA,EAClE,GAAG,CAAC,WAAW,CAAC;AAClB;AAEO,MAAM,uBAAuB,UAClC;AAAA,EACE,yBAAW;AAAA,EACX;AACF;","names":[]}
+{"version":3,"file":"useIframeClickInterceptor.cjs","names":["useCrossFrameMessageListener","MessageKey","handlePostMessageEvent: EventListener","mergeIframeClick"],"sources":["../../src/useIframeClickInterceptor.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey, mergeIframeClick } from '@intlayer/editor';\nimport { useEffect } from 'react';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport const useIframeClickInterceptor = () => {\n  const postMessage = useCrossFrameMessageListener<undefined>(\n    MessageKey.INTLAYER_IFRAME_CLICKED\n  );\n  const handlePostMessageEvent: EventListener = () => {\n    postMessage();\n  };\n\n  useEffect(() => {\n    window.addEventListener('mousedown', handlePostMessageEvent);\n\n    return () =>\n      window.removeEventListener('mousedown', handlePostMessageEvent);\n  }, [postMessage]);\n};\n\nexport const useIframeClickMerger = () =>\n  useCrossFrameMessageListener<MessageEvent>(\n    MessageKey.INTLAYER_IFRAME_CLICKED,\n    mergeIframeClick\n  );\n"],"mappings":";;;;;;;;;;;AAMA,MAAa,kCAAkC;CAC7C,MAAM,cAAcA,kEAClBC,6BAAW,wBACZ;CACD,MAAMC,+BAA8C;AAClD,eAAa;;AAGf,4BAAgB;AACd,SAAO,iBAAiB,aAAa,uBAAuB;AAE5D,eACE,OAAO,oBAAoB,aAAa,uBAAuB;IAChE,CAAC,YAAY,CAAC;;AAGnB,MAAa,6BACXF,kEACEC,6BAAW,yBACXE,mCACD"}

package/dist/esm/CommunicatorContext.mjs

@@ -1,38 +1,40 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+'use client';
+
+
 import configuration from "@intlayer/config/built";
-import {
-  createContext,
-  useContext,
-  useMemo,
-  useRef
-} from "react";
-import { v4 as uuid } from "uuid";
-const { editor } = configuration;
+import { createContext, useContext, useMemo, useRef } from "react";
+import { v4 } from "uuid";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/CommunicatorContext.tsx
+const { editor } = configuration ?? {};
 const CommunicatorContext = createContext({
-  postMessage: () => null,
-  allowedOrigins: [
-    editor?.applicationURL,
-    editor?.editorURL,
-    editor?.cmsURL
-  ],
-  senderId: ""
+	postMessage: () => null,
+	allowedOrigins: [
+		editor?.applicationURL,
+		editor?.editorURL,
+		editor?.cmsURL
+	],
+	senderId: ""
 });
-const CommunicatorProvider = ({
-  children,
-  allowedOrigins,
-  postMessage
-}) => {
-  const senderIdRef = useRef(uuid());
-  const value = useMemo(
-    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),
-    [postMessage, allowedOrigins, senderIdRef.current]
-  );
-  return /* @__PURE__ */ jsx(CommunicatorContext.Provider, { value, children });
+const CommunicatorProvider = ({ children, allowedOrigins, postMessage }) => {
+	const senderIdRef = useRef(v4());
+	const value = useMemo(() => ({
+		postMessage,
+		allowedOrigins,
+		senderId: senderIdRef.current
+	}), [
+		postMessage,
+		allowedOrigins,
+		senderIdRef.current
+	]);
+	return /* @__PURE__ */ jsx(CommunicatorContext.Provider, {
+		value,
+		children
+	});
 };
 const useCommunicator = () => useContext(CommunicatorContext);
-export {
-  CommunicatorProvider,
-  useCommunicator
-};
+
+//#endregion
+export { CommunicatorProvider, useCommunicator };
 //# sourceMappingURL=CommunicatorContext.mjs.map

package/dist/esm/CommunicatorContext.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/CommunicatorContext.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  useRef,\n  type FC,\n  type PropsWithChildren,\n} from 'react';\nimport { v4 as uuid } from 'uuid'; // if you prefer a UUID library\n\nexport type UseCrossPlatformStateProps = {\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n  senderId: string;\n};\n\nconst { editor } = configuration;\n\nconst CommunicatorContext = createContext<UseCrossPlatformStateProps>({\n  postMessage: () => null,\n  allowedOrigins: [\n    editor?.applicationURL,\n    editor?.editorURL,\n    editor?.cmsURL,\n  ] as string[],\n  senderId: '',\n});\n\nexport type CommunicatorProviderProps = PropsWithChildren<\n  Omit<UseCrossPlatformStateProps, 'senderId'>\n>;\n\nexport const CommunicatorProvider: FC<CommunicatorProviderProps> = ({\n  children,\n  allowedOrigins,\n  postMessage,\n}) => {\n  // Create a stable, unique ID for the lifetime of this app/iframe instance.\n  const senderIdRef = useRef(uuid());\n\n  const value = useMemo(\n    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),\n    [postMessage, allowedOrigins, senderIdRef.current]\n  );\n\n  return (\n    <CommunicatorContext.Provider value={value}>\n      {children}\n    </CommunicatorContext.Provider>\n  );\n};\n\nexport const useCommunicator = () => useContext(CommunicatorContext);\n"],"mappings":";AAkDI;AAhDJ,OAAO,mBAAmB;AAE1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,MAAM,YAAY;AAQ3B,MAAM,EAAE,OAAO,IAAI;AAEnB,MAAM,sBAAsB,cAA0C;AAAA,EACpE,aAAa,MAAM;AAAA,EACnB,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AACZ,CAAC;AAMM,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,QAAM,cAAc,OAAO,KAAK,CAAC;AAEjC,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,aAAa,gBAAgB,UAAU,YAAY,QAAQ;AAAA,IACpE,CAAC,aAAa,gBAAgB,YAAY,OAAO;AAAA,EACnD;AAEA,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAC3B,UACH;AAEJ;AAEO,MAAM,kBAAkB,MAAM,WAAW,mBAAmB;","names":[]}
+{"version":3,"file":"CommunicatorContext.mjs","names":["CommunicatorProvider: FC<CommunicatorProviderProps>","uuid"],"sources":["../../src/CommunicatorContext.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\nimport { v4 as uuid } from 'uuid'; // if you prefer a UUID library\n\nexport type UseCrossPlatformStateProps = {\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n  senderId: string;\n};\n\nconst { editor } = configuration ?? {};\n\nconst CommunicatorContext = createContext<UseCrossPlatformStateProps>({\n  postMessage: () => null,\n  allowedOrigins: [\n    editor?.applicationURL,\n    editor?.editorURL,\n    editor?.cmsURL,\n  ] as string[],\n  senderId: '',\n});\n\nexport type CommunicatorProviderProps = PropsWithChildren<\n  Omit<UseCrossPlatformStateProps, 'senderId'>\n>;\n\nexport const CommunicatorProvider: FC<CommunicatorProviderProps> = ({\n  children,\n  allowedOrigins,\n  postMessage,\n}) => {\n  // Create a stable, unique ID for the lifetime of this app/iframe instance.\n  const senderIdRef = useRef(uuid());\n\n  const value = useMemo(\n    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),\n    [postMessage, allowedOrigins, senderIdRef.current]\n  );\n\n  return (\n    <CommunicatorContext.Provider value={value}>\n      {children}\n    </CommunicatorContext.Provider>\n  );\n};\n\nexport const useCommunicator = () => useContext(CommunicatorContext);\n"],"mappings":";;;;;;;;;AAmBA,MAAM,EAAE,WAAW,iBAAiB,EAAE;AAEtC,MAAM,sBAAsB,cAA0C;CACpE,mBAAmB;CACnB,gBAAgB;EACd,QAAQ;EACR,QAAQ;EACR,QAAQ;EACT;CACD,UAAU;CACX,CAAC;AAMF,MAAaA,wBAAuD,EAClE,UACA,gBACA,kBACI;CAEJ,MAAM,cAAc,OAAOC,IAAM,CAAC;CAElC,MAAM,QAAQ,eACL;EAAE;EAAa;EAAgB,UAAU,YAAY;EAAS,GACrE;EAAC;EAAa;EAAgB,YAAY;EAAQ,CACnD;AAED,QACE,oBAAC,oBAAoB;EAAgB;EAClC;GAC4B;;AAInC,MAAa,wBAAwB,WAAW,oBAAoB"}

package/dist/esm/ConfigurationContext.mjs

@@ -1,27 +1,23 @@
-"use client";
+'use client';
+
+
+import { useCrossFrameState } from "./useCrossFrameState.mjs";
+import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 import { MessageKey } from "@intlayer/editor";
-import {
-  createContext,
-  useContext
-} from "react";
-import { useCrossFrameState } from "./useCrossFrameState.mjs";
-const ConfigurationStatesContext = createContext(
-  void 0
-);
-const useConfigurationState = () => useCrossFrameState(
-  MessageKey.INTLAYER_CONFIGURATION,
-  void 0,
-  {
-    receive: false,
-    emit: true
-  }
-);
-const ConfigurationProvider = ({ children, configuration }) => /* @__PURE__ */ jsx(ConfigurationStatesContext.Provider, { value: configuration, children });
+
+//#region src/ConfigurationContext.tsx
+const ConfigurationStatesContext = createContext(void 0);
+const useConfigurationState = () => useCrossFrameState(MessageKey.INTLAYER_CONFIGURATION, void 0, {
+	receive: false,
+	emit: true
+});
+const ConfigurationProvider = ({ children, configuration }) => /* @__PURE__ */ jsx(ConfigurationStatesContext.Provider, {
+	value: configuration,
+	children
+});
 const useConfiguration = () => useContext(ConfigurationStatesContext);
-export {
-  ConfigurationProvider,
-  useConfiguration,
-  useConfigurationState
-};
+
+//#endregion
+export { ConfigurationProvider, useConfiguration, useConfigurationState };
 //# sourceMappingURL=ConfigurationContext.mjs.map

package/dist/esm/ConfigurationContext.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  type FC,\n  type PropsWithChildren,\n  createContext,\n  useContext,\n} from 'react';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nconst ConfigurationStatesContext = createContext<IntlayerConfig | undefined>(\n  undefined\n);\n\nexport const useConfigurationState = () =>\n  useCrossFrameState<IntlayerConfig>(\n    MessageKey.INTLAYER_CONFIGURATION,\n    undefined,\n    {\n      receive: false,\n      emit: true,\n    }\n  );\n\nexport type ConfigurationProviderProps = {\n  configuration?: IntlayerConfig;\n};\n\nexport const ConfigurationProvider: FC<\n  PropsWithChildren<ConfigurationProviderProps>\n> = ({ children, configuration }) => (\n  <ConfigurationStatesContext.Provider value={configuration}>\n    {children}\n  </ConfigurationStatesContext.Provider>\n);\n\nexport const useConfiguration = () => useContext(ConfigurationStatesContext);\n"],"mappings":";AAiCE;AA9BF,SAAS,kBAAkB;AAC3B;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AAEnC,MAAM,6BAA6B;AAAA,EACjC;AACF;AAEO,MAAM,wBAAwB,MACnC;AAAA,EACE,WAAW;AAAA,EACX;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF;AAMK,MAAM,wBAET,CAAC,EAAE,UAAU,cAAc,MAC7B,oBAAC,2BAA2B,UAA3B,EAAoC,OAAO,eACzC,UACH;AAGK,MAAM,mBAAmB,MAAM,WAAW,0BAA0B;","names":[]}
+{"version":3,"file":"ConfigurationContext.mjs","names":["ConfigurationProvider: FC<\n  PropsWithChildren<ConfigurationProviderProps>\n>"],"sources":["../../src/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types';\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useContext,\n} from 'react';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nconst ConfigurationStatesContext = createContext<IntlayerConfig | undefined>(\n  undefined\n);\n\nexport const useConfigurationState = () =>\n  useCrossFrameState<IntlayerConfig>(\n    MessageKey.INTLAYER_CONFIGURATION,\n    undefined,\n    {\n      receive: false,\n      emit: true,\n    }\n  );\n\nexport type ConfigurationProviderProps = {\n  configuration?: IntlayerConfig;\n};\n\nexport const ConfigurationProvider: FC<\n  PropsWithChildren<ConfigurationProviderProps>\n> = ({ children, configuration }) => (\n  <ConfigurationStatesContext.Provider value={configuration}>\n    {children}\n  </ConfigurationStatesContext.Provider>\n);\n\nexport const useConfiguration = () => useContext(ConfigurationStatesContext);\n"],"mappings":";;;;;;;;;AAYA,MAAM,6BAA6B,cACjC,OACD;AAED,MAAa,8BACX,mBACE,WAAW,wBACX,QACA;CACE,SAAS;CACT,MAAM;CACP,CACF;AAMH,MAAaA,yBAER,EAAE,UAAU,oBACf,oBAAC,2BAA2B;CAAS,OAAO;CACzC;EACmC;AAGxC,MAAa,yBAAyB,WAAW,2BAA2B"}