react-intlayer 7.0.8 → 7.0.9-canary.2

package/dist/esm/@intlayer/editor-react/dist/esm/core/dist/esm/dictionaryManipulator/renameContentNodeByKeyPath.mjs

@@ -0,0 +1,38 @@
+import { NodeType } from "../types/dist/esm/nodeType.mjs";
+
+//#region ../@intlayer/editor-react/dist/esm/core/dist/esm/dictionaryManipulator/renameContentNodeByKeyPath.mjs
+const renameContentNodeByKeyPath = (dictionaryContent, newKey, keyPath) => {
+	let currentValue = dictionaryContent;
+	let parentValue = null;
+	let lastKey = null;
+	for (const keyObj of keyPath) {
+		parentValue = currentValue;
+		if (keyObj.type === NodeType.Object || keyObj.type === NodeType.Array) {
+			lastKey = keyObj.key;
+			currentValue = currentValue[keyObj.key];
+		}
+		if (keyObj.type === NodeType.Translation || keyObj.type === NodeType.Enumeration || keyObj.type === NodeType.Condition) {
+			lastKey = keyObj.type;
+			currentValue = currentValue[keyObj.type][keyObj.key];
+		}
+		if (keyObj.type === NodeType.Markdown || keyObj.type === NodeType.ReactNode || keyObj.type === NodeType.Insertion || keyObj.type === NodeType.File) {
+			lastKey = keyObj.type;
+			currentValue = currentValue[keyObj.type];
+		}
+	}
+	if (parentValue && lastKey !== null) if (Array.isArray(parentValue)) parentValue[lastKey] = currentValue;
+	else {
+		const newParentValue = {};
+		for (const key of Object.keys(parentValue)) if (key === lastKey && typeof newKey !== "undefined") newParentValue[newKey] = currentValue;
+		else newParentValue[key] = parentValue[key];
+		Object.keys(parentValue).forEach((key) => {
+			delete parentValue[key];
+		});
+		Object.assign(parentValue, newParentValue);
+	}
+	return dictionaryContent;
+};
+
+//#endregion
+export { renameContentNodeByKeyPath };
+//# sourceMappingURL=renameContentNodeByKeyPath.mjs.map

package/dist/esm/@intlayer/editor-react/dist/esm/core/dist/esm/dictionaryManipulator/renameContentNodeByKeyPath.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renameContentNodeByKeyPath.mjs","names":[],"sources":["../../../../../../../../../../../@intlayer/editor-react/dist/esm/core/dist/esm/dictionaryManipulator/renameContentNodeByKeyPath.mjs"],"sourcesContent":["import { NodeType } from \"../types/dist/esm/nodeType.mjs\";\n\n//#region ../core/dist/esm/dictionaryManipulator/renameContentNodeByKeyPath.mjs\nconst renameContentNodeByKeyPath = (dictionaryContent, newKey, keyPath) => {\n\tlet currentValue = dictionaryContent;\n\tlet parentValue = null;\n\tlet lastKey = null;\n\tfor (const keyObj of keyPath) {\n\t\tparentValue = currentValue;\n\t\tif (keyObj.type === NodeType.Object || keyObj.type === NodeType.Array) {\n\t\t\tlastKey = keyObj.key;\n\t\t\tcurrentValue = currentValue[keyObj.key];\n\t\t}\n\t\tif (keyObj.type === NodeType.Translation || keyObj.type === NodeType.Enumeration || keyObj.type === NodeType.Condition) {\n\t\t\tlastKey = keyObj.type;\n\t\t\tcurrentValue = currentValue[keyObj.type][keyObj.key];\n\t\t}\n\t\tif (keyObj.type === NodeType.Markdown || keyObj.type === NodeType.ReactNode || keyObj.type === NodeType.Insertion || keyObj.type === NodeType.File) {\n\t\t\tlastKey = keyObj.type;\n\t\t\tcurrentValue = currentValue[keyObj.type];\n\t\t}\n\t}\n\tif (parentValue && lastKey !== null) if (Array.isArray(parentValue)) parentValue[lastKey] = currentValue;\n\telse {\n\t\tconst newParentValue = {};\n\t\tfor (const key of Object.keys(parentValue)) if (key === lastKey && typeof newKey !== \"undefined\") newParentValue[newKey] = currentValue;\n\t\telse newParentValue[key] = parentValue[key];\n\t\tObject.keys(parentValue).forEach((key) => {\n\t\t\tdelete parentValue[key];\n\t\t});\n\t\tObject.assign(parentValue, newParentValue);\n\t}\n\treturn dictionaryContent;\n};\n\n//#endregion\nexport { renameContentNodeByKeyPath };\n//# sourceMappingURL=renameContentNodeByKeyPath.mjs.map"],"mappings":";;;AAGA,MAAM,8BAA8B,mBAAmB,QAAQ,YAAY;CAC1E,IAAI,eAAe;CACnB,IAAI,cAAc;CAClB,IAAI,UAAU;AACd,MAAK,MAAM,UAAU,SAAS;AAC7B,gBAAc;AACd,MAAI,OAAO,SAAS,SAAS,UAAU,OAAO,SAAS,SAAS,OAAO;AACtE,aAAU,OAAO;AACjB,kBAAe,aAAa,OAAO;;AAEpC,MAAI,OAAO,SAAS,SAAS,eAAe,OAAO,SAAS,SAAS,eAAe,OAAO,SAAS,SAAS,WAAW;AACvH,aAAU,OAAO;AACjB,kBAAe,aAAa,OAAO,MAAM,OAAO;;AAEjD,MAAI,OAAO,SAAS,SAAS,YAAY,OAAO,SAAS,SAAS,aAAa,OAAO,SAAS,SAAS,aAAa,OAAO,SAAS,SAAS,MAAM;AACnJ,aAAU,OAAO;AACjB,kBAAe,aAAa,OAAO;;;AAGrC,KAAI,eAAe,YAAY,KAAM,KAAI,MAAM,QAAQ,YAAY,CAAE,aAAY,WAAW;MACvF;EACJ,MAAM,iBAAiB,EAAE;AACzB,OAAK,MAAM,OAAO,OAAO,KAAK,YAAY,CAAE,KAAI,QAAQ,WAAW,OAAO,WAAW,YAAa,gBAAe,UAAU;MACtH,gBAAe,OAAO,YAAY;AACvC,SAAO,KAAK,YAAY,CAAC,SAAS,QAAQ;AACzC,UAAO,YAAY;IAClB;AACF,SAAO,OAAO,aAAa,eAAe;;AAE3C,QAAO"}

package/dist/esm/@intlayer/editor-react/dist/esm/core/dist/esm/types/dist/esm/nodeType.mjs

@@ -0,0 +1,24 @@
+//#region ../@intlayer/editor-react/dist/esm/core/dist/esm/types/dist/esm/nodeType.mjs
+let NodeType = /* @__PURE__ */ function(NodeType$1) {
+	NodeType$1["Translation"] = "translation";
+	NodeType$1["Enumeration"] = "enumeration";
+	NodeType$1["Condition"] = "condition";
+	NodeType$1["Insertion"] = "insertion";
+	NodeType$1["File"] = "file";
+	NodeType$1["Object"] = "object";
+	NodeType$1["Array"] = "array";
+	NodeType$1["Nested"] = "nested";
+	NodeType$1["ReactNode"] = "reactNode";
+	NodeType$1["Markdown"] = "markdown";
+	NodeType$1["Text"] = "text";
+	NodeType$1["Number"] = "number";
+	NodeType$1["Boolean"] = "boolean";
+	NodeType$1["Gender"] = "gender";
+	NodeType$1["Null"] = "null";
+	NodeType$1["Unknown"] = "unknown";
+	return NodeType$1;
+}({});
+
+//#endregion
+export { NodeType };
+//# sourceMappingURL=nodeType.mjs.map

package/dist/esm/@intlayer/editor-react/dist/esm/core/dist/esm/types/dist/esm/nodeType.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeType.mjs","names":[],"sources":["../../../../../../../../../../../../../@intlayer/editor-react/dist/esm/core/dist/esm/types/dist/esm/nodeType.mjs"],"sourcesContent":["//#region ../core/dist/esm/types/dist/esm/nodeType.mjs\nlet NodeType = /* @__PURE__ */ function(NodeType$1) {\n\tNodeType$1[\"Translation\"] = \"translation\";\n\tNodeType$1[\"Enumeration\"] = \"enumeration\";\n\tNodeType$1[\"Condition\"] = \"condition\";\n\tNodeType$1[\"Insertion\"] = \"insertion\";\n\tNodeType$1[\"File\"] = \"file\";\n\tNodeType$1[\"Object\"] = \"object\";\n\tNodeType$1[\"Array\"] = \"array\";\n\tNodeType$1[\"Nested\"] = \"nested\";\n\tNodeType$1[\"ReactNode\"] = \"reactNode\";\n\tNodeType$1[\"Markdown\"] = \"markdown\";\n\tNodeType$1[\"Text\"] = \"text\";\n\tNodeType$1[\"Number\"] = \"number\";\n\tNodeType$1[\"Boolean\"] = \"boolean\";\n\tNodeType$1[\"Gender\"] = \"gender\";\n\tNodeType$1[\"Null\"] = \"null\";\n\tNodeType$1[\"Unknown\"] = \"unknown\";\n\treturn NodeType$1;\n}({});\n\n//#endregion\nexport { NodeType };\n//# sourceMappingURL=nodeType.mjs.map"],"mappings":";AACA,IAAI,WAA2B,yBAAS,YAAY;AACnD,YAAW,iBAAiB;AAC5B,YAAW,iBAAiB;AAC5B,YAAW,eAAe;AAC1B,YAAW,eAAe;AAC1B,YAAW,UAAU;AACrB,YAAW,YAAY;AACvB,YAAW,WAAW;AACtB,YAAW,YAAY;AACvB,YAAW,eAAe;AAC1B,YAAW,cAAc;AACzB,YAAW,UAAU;AACrB,YAAW,YAAY;AACvB,YAAW,aAAa;AACxB,YAAW,YAAY;AACvB,YAAW,UAAU;AACrB,YAAW,aAAa;AACxB,QAAO;EACN,EAAE,CAAC"}

package/dist/esm/@intlayer/editor-react/dist/esm/editor/dist/esm/compareUrls.mjs

@@ -0,0 +1,38 @@
+//#region ../@intlayer/editor-react/dist/esm/editor/dist/esm/compareUrls.mjs
+/**
+* Compare two URLs for equality.
+* This function is used to determine if a message originates from the same origin.
+*
+* ```js
+* // Example usage
+* console.log(compareUrls("http://localhost:5173/", "http://localhost:5173")); // true
+* console.log(compareUrls("http://localhost:5173", "http://localhost:5173?myParam=true")); // true
+* console.log(compareUrls("http://localhost:5173/subpath", "http://localhost:5173")); // true
+* console.log(compareUrls("http://localhost:5172", "http://localhost:5173")); // false
+* ```
+*
+* @param url1 - The first URL to compare.
+* @param url2 - The second URL to compare.
+* @returns Whether the two URLs are equal.
+*/
+const compareUrls = (url1, url2) => {
+	try {
+		const parsedUrl1 = new URL(url1);
+		const parsedUrl2 = new URL(url2);
+		if (parsedUrl1.protocol !== parsedUrl2.protocol || parsedUrl1.hostname !== parsedUrl2.hostname || parsedUrl1.port !== parsedUrl2.port) return false;
+		const path1 = parsedUrl1.pathname.replace(/\/$/, "");
+		const path2 = parsedUrl2.pathname.replace(/\/$/, "");
+		if (path1 !== "" && path2 !== "" && path1 !== path2) return false;
+		return true;
+	} catch (error) {
+		console.error("Invalid URL(s)", error, {
+			url1,
+			url2
+		});
+		return false;
+	}
+};
+
+//#endregion
+export { compareUrls };
+//# sourceMappingURL=compareUrls.mjs.map

package/dist/esm/@intlayer/editor-react/dist/esm/editor/dist/esm/compareUrls.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"compareUrls.mjs","names":[],"sources":["../../../../../../../../../../@intlayer/editor-react/dist/esm/editor/dist/esm/compareUrls.mjs"],"sourcesContent":["//#region ../editor/dist/esm/compareUrls.mjs\n/**\n* Compare two URLs for equality.\n* This function is used to determine if a message originates from the same origin.\n*\n* ```js\n* // Example usage\n* console.log(compareUrls(\"http://localhost:5173/\", \"http://localhost:5173\")); // true\n* console.log(compareUrls(\"http://localhost:5173\", \"http://localhost:5173?myParam=true\")); // true\n* console.log(compareUrls(\"http://localhost:5173/subpath\", \"http://localhost:5173\")); // true\n* console.log(compareUrls(\"http://localhost:5172\", \"http://localhost:5173\")); // false\n* ```\n*\n* @param url1 - The first URL to compare.\n* @param url2 - The second URL to compare.\n* @returns Whether the two URLs are equal.\n*/\nconst compareUrls = (url1, url2) => {\n\ttry {\n\t\tconst parsedUrl1 = new URL(url1);\n\t\tconst parsedUrl2 = new URL(url2);\n\t\tif (parsedUrl1.protocol !== parsedUrl2.protocol || parsedUrl1.hostname !== parsedUrl2.hostname || parsedUrl1.port !== parsedUrl2.port) return false;\n\t\tconst path1 = parsedUrl1.pathname.replace(/\\/$/, \"\");\n\t\tconst path2 = parsedUrl2.pathname.replace(/\\/$/, \"\");\n\t\tif (path1 !== \"\" && path2 !== \"\" && path1 !== path2) return false;\n\t\treturn true;\n\t} catch (error) {\n\t\tconsole.error(\"Invalid URL(s)\", error, {\n\t\t\turl1,\n\t\t\turl2\n\t\t});\n\t\treturn false;\n\t}\n};\n\n//#endregion\nexport { compareUrls };\n//# sourceMappingURL=compareUrls.mjs.map"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,eAAe,MAAM,SAAS;AACnC,KAAI;EACH,MAAM,aAAa,IAAI,IAAI,KAAK;EAChC,MAAM,aAAa,IAAI,IAAI,KAAK;AAChC,MAAI,WAAW,aAAa,WAAW,YAAY,WAAW,aAAa,WAAW,YAAY,WAAW,SAAS,WAAW,KAAM,QAAO;EAC9I,MAAM,QAAQ,WAAW,SAAS,QAAQ,OAAO,GAAG;EACpD,MAAM,QAAQ,WAAW,SAAS,QAAQ,OAAO,GAAG;AACpD,MAAI,UAAU,MAAM,UAAU,MAAM,UAAU,MAAO,QAAO;AAC5D,SAAO;UACC,OAAO;AACf,UAAQ,MAAM,kBAAkB,OAAO;GACtC;GACA;GACA,CAAC;AACF,SAAO"}

package/dist/esm/@intlayer/editor-react/dist/esm/editor/dist/esm/messagesKeys.mjs

@@ -0,0 +1,18 @@
+//#region ../@intlayer/editor-react/dist/esm/editor/dist/esm/messagesKeys.mjs
+let MessageKey = /* @__PURE__ */ function(MessageKey$1) {
+	MessageKey$1["INTLAYER_CONFIGURATION"] = "INTLAYER_CONFIGURATION";
+	MessageKey$1["INTLAYER_CURRENT_LOCALE"] = "INTLAYER_CURRENT_LOCALE";
+	MessageKey$1["INTLAYER_EDITOR_ENABLED"] = "INTLAYER_EDITOR_ENABLED";
+	MessageKey$1["INTLAYER_URL_CHANGE"] = "INTLAYER_URL_CHANGE";
+	MessageKey$1["INTLAYER_HOVERED_CONTENT_CHANGED"] = "INTLAYER_HOVERED_CONTENT_CHANGED";
+	MessageKey$1["INTLAYER_FOCUSED_CONTENT_CHANGED"] = "INTLAYER_FOCUSED_CONTENT_CHANGED";
+	MessageKey$1["INTLAYER_LOCALE_DICTIONARIES_CHANGED"] = "INTLAYER_LOCALE_DICTIONARIES_CHANGED";
+	MessageKey$1["INTLAYER_DISTANT_DICTIONARIES_CHANGED"] = "INTLAYER_DISTANT_DICTIONARIES_CHANGED";
+	MessageKey$1["INTLAYER_EDITED_CONTENT_CHANGED"] = "INTLAYER_EDITED_CONTENT_CHANGED";
+	MessageKey$1["INTLAYER_IFRAME_CLICKED"] = "INTLAYER_IFRAME_CLICKED";
+	return MessageKey$1;
+}({});
+
+//#endregion
+export { MessageKey };
+//# sourceMappingURL=messagesKeys.mjs.map

package/dist/esm/@intlayer/editor-react/dist/esm/editor/dist/esm/messagesKeys.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"messagesKeys.mjs","names":[],"sources":["../../../../../../../../../../@intlayer/editor-react/dist/esm/editor/dist/esm/messagesKeys.mjs"],"sourcesContent":["//#region ../editor/dist/esm/messagesKeys.mjs\nlet MessageKey = /* @__PURE__ */ function(MessageKey$1) {\n\tMessageKey$1[\"INTLAYER_CONFIGURATION\"] = \"INTLAYER_CONFIGURATION\";\n\tMessageKey$1[\"INTLAYER_CURRENT_LOCALE\"] = \"INTLAYER_CURRENT_LOCALE\";\n\tMessageKey$1[\"INTLAYER_EDITOR_ENABLED\"] = \"INTLAYER_EDITOR_ENABLED\";\n\tMessageKey$1[\"INTLAYER_URL_CHANGE\"] = \"INTLAYER_URL_CHANGE\";\n\tMessageKey$1[\"INTLAYER_HOVERED_CONTENT_CHANGED\"] = \"INTLAYER_HOVERED_CONTENT_CHANGED\";\n\tMessageKey$1[\"INTLAYER_FOCUSED_CONTENT_CHANGED\"] = \"INTLAYER_FOCUSED_CONTENT_CHANGED\";\n\tMessageKey$1[\"INTLAYER_LOCALE_DICTIONARIES_CHANGED\"] = \"INTLAYER_LOCALE_DICTIONARIES_CHANGED\";\n\tMessageKey$1[\"INTLAYER_DISTANT_DICTIONARIES_CHANGED\"] = \"INTLAYER_DISTANT_DICTIONARIES_CHANGED\";\n\tMessageKey$1[\"INTLAYER_EDITED_CONTENT_CHANGED\"] = \"INTLAYER_EDITED_CONTENT_CHANGED\";\n\tMessageKey$1[\"INTLAYER_IFRAME_CLICKED\"] = \"INTLAYER_IFRAME_CLICKED\";\n\treturn MessageKey$1;\n}({});\n\n//#endregion\nexport { MessageKey };\n//# sourceMappingURL=messagesKeys.mjs.map"],"mappings":";AACA,IAAI,aAA6B,yBAAS,cAAc;AACvD,cAAa,4BAA4B;AACzC,cAAa,6BAA6B;AAC1C,cAAa,6BAA6B;AAC1C,cAAa,yBAAyB;AACtC,cAAa,sCAAsC;AACnD,cAAa,sCAAsC;AACnD,cAAa,0CAA0C;AACvD,cAAa,2CAA2C;AACxD,cAAa,qCAAqC;AAClD,cAAa,6BAA6B;AAC1C,QAAO;EACN,EAAE,CAAC"}

package/dist/esm/@intlayer/editor-react/dist/esm/types/dist/esm/nodeType.mjs

@@ -0,0 +1,24 @@
+//#region ../@intlayer/editor-react/dist/esm/types/dist/esm/nodeType.mjs
+let NodeType = /* @__PURE__ */ function(NodeType$1) {
+	NodeType$1["Translation"] = "translation";
+	NodeType$1["Enumeration"] = "enumeration";
+	NodeType$1["Condition"] = "condition";
+	NodeType$1["Insertion"] = "insertion";
+	NodeType$1["File"] = "file";
+	NodeType$1["Object"] = "object";
+	NodeType$1["Array"] = "array";
+	NodeType$1["Nested"] = "nested";
+	NodeType$1["ReactNode"] = "reactNode";
+	NodeType$1["Markdown"] = "markdown";
+	NodeType$1["Text"] = "text";
+	NodeType$1["Number"] = "number";
+	NodeType$1["Boolean"] = "boolean";
+	NodeType$1["Gender"] = "gender";
+	NodeType$1["Null"] = "null";
+	NodeType$1["Unknown"] = "unknown";
+	return NodeType$1;
+}({});
+
+//#endregion
+export { NodeType };
+//# sourceMappingURL=nodeType.mjs.map

package/dist/esm/@intlayer/editor-react/dist/esm/types/dist/esm/nodeType.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeType.mjs","names":[],"sources":["../../../../../../../../../../@intlayer/editor-react/dist/esm/types/dist/esm/nodeType.mjs"],"sourcesContent":["//#region ../types/dist/esm/nodeType.mjs\nlet NodeType = /* @__PURE__ */ function(NodeType$1) {\n\tNodeType$1[\"Translation\"] = \"translation\";\n\tNodeType$1[\"Enumeration\"] = \"enumeration\";\n\tNodeType$1[\"Condition\"] = \"condition\";\n\tNodeType$1[\"Insertion\"] = \"insertion\";\n\tNodeType$1[\"File\"] = \"file\";\n\tNodeType$1[\"Object\"] = \"object\";\n\tNodeType$1[\"Array\"] = \"array\";\n\tNodeType$1[\"Nested\"] = \"nested\";\n\tNodeType$1[\"ReactNode\"] = \"reactNode\";\n\tNodeType$1[\"Markdown\"] = \"markdown\";\n\tNodeType$1[\"Text\"] = \"text\";\n\tNodeType$1[\"Number\"] = \"number\";\n\tNodeType$1[\"Boolean\"] = \"boolean\";\n\tNodeType$1[\"Gender\"] = \"gender\";\n\tNodeType$1[\"Null\"] = \"null\";\n\tNodeType$1[\"Unknown\"] = \"unknown\";\n\treturn NodeType$1;\n}({});\n\n//#endregion\nexport { NodeType };\n//# sourceMappingURL=nodeType.mjs.map"],"mappings":";AACA,IAAI,WAA2B,yBAAS,YAAY;AACnD,YAAW,iBAAiB;AAC5B,YAAW,iBAAiB;AAC5B,YAAW,eAAe;AAC1B,YAAW,eAAe;AAC1B,YAAW,UAAU;AACrB,YAAW,YAAY;AACvB,YAAW,WAAW;AACtB,YAAW,YAAY;AACvB,YAAW,eAAe;AAC1B,YAAW,cAAc;AACzB,YAAW,UAAU;AACrB,YAAW,YAAY;AACvB,YAAW,aAAa;AACxB,YAAW,YAAY;AACvB,YAAW,UAAU;AACrB,YAAW,aAAa;AACxB,QAAO;EACN,EAAE,CAAC"}

package/dist/esm/@intlayer/editor-react/dist/esm/useCrossFrameMessageListener.mjs

@@ -0,0 +1,78 @@
+'use client';
+
+
+import { useCommunicator } from "./CommunicatorContext.mjs";
+import { compareUrls } from "./editor/dist/esm/compareUrls.mjs";
+import { useEffect } from "react";
+
+//#region ../@intlayer/editor-react/dist/esm/useCrossFrameMessageListener.mjs
+/**
+* useCrossFrameMessageListener
+*
+* This React hook listens for messages sent via the `postMessage` API and triggers a callback
+* whenever a message of the specified type (`key`) is received. It is useful for synchronizing
+* state or events across different windows, iframes, or contexts.
+*
+* @template S - The type of the data payload in the message.
+* @param key - A unique identifier for the message type to listen for.
+* @param [onEventTriggered] - A callback function triggered when a message
+* @param [revalidator] - A function that re-suscribes the listener. Could be usefull if onEventTriggered depend of some state
+* with the specified key is received. The callback receives the message data as its argument.
+*
+* @returns {{ postMessage: (data: S) => void }} An object containing a `postMessage` function
+* that allows broadcasting messages with the specified key and data.
+*/
+const useCrossFrameMessageListener = (key, onEventTriggered, revalidator) => {
+	const { allowedOrigins, postMessage, senderId } = useCommunicator();
+	useEffect(() => {
+		if (onEventTriggered) {
+			/**
+			* Message handler to process incoming messages.
+			*
+			* - **Message Filtering:** Ensures only messages with the specified `key` are processed.
+			* - **Origin Validation:** Checks that the origin of the message is within the allowed origins.
+			*
+			* @param {MessageEvent<{ type: string; data: S }>} event - The incoming message event object.
+			*/
+			const handleMessage = (event) => {
+				const { type, data, senderId: msgSenderId } = event.data;
+				if (type !== key) return;
+				if (msgSenderId === senderId) return;
+				if (typeof allowedOrigins === "undefined" || allowedOrigins?.filter((url) => ![
+					null,
+					void 0,
+					"",
+					"*"
+				].includes(url)).some((url) => compareUrls(url, event.origin)) || allowedOrigins?.includes("*")) onEventTriggered(data);
+			};
+			window.addEventListener("message", handleMessage);
+			return () => window.removeEventListener("message", handleMessage);
+		}
+	}, [
+		allowedOrigins,
+		postMessage,
+		senderId,
+		revalidator
+	]);
+	/**
+	* A wrapper function around the `postMessage` function to broadcast messages efficiently.
+	*
+	* - **Encapsulation:** Ensures the `postMessage` function is scoped to the provided key.
+	* - **Ease of Use:** Simplifies broadcasting messages with consistent type and format.
+	*
+	* @param {S} data - The data payload to include in the message.
+	* @returns {void}
+	*/
+	const postMessageWrapper = (data) => {
+		postMessage({
+			type: key,
+			data,
+			senderId
+		});
+	};
+	return postMessageWrapper;
+};
+
+//#endregion
+export { useCrossFrameMessageListener };
+//# sourceMappingURL=useCrossFrameMessageListener.mjs.map

package/dist/esm/@intlayer/editor-react/dist/esm/useCrossFrameMessageListener.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCrossFrameMessageListener.mjs","names":[],"sources":["../../../../../../../@intlayer/editor-react/dist/esm/useCrossFrameMessageListener.mjs"],"sourcesContent":["'use client';\n\n\nimport { useCommunicator } from \"./CommunicatorContext.mjs\";\nimport { compareUrls } from \"./editor/dist/esm/compareUrls.mjs\";\nimport { useEffect } from \"react\";\n\n//#region src/useCrossFrameMessageListener.tsx\n/**\n* useCrossFrameMessageListener\n*\n* This React hook listens for messages sent via the `postMessage` API and triggers a callback\n* whenever a message of the specified type (`key`) is received. It is useful for synchronizing\n* state or events across different windows, iframes, or contexts.\n*\n* @template S - The type of the data payload in the message.\n* @param key - A unique identifier for the message type to listen for.\n* @param [onEventTriggered] - A callback function triggered when a message\n* @param [revalidator] - A function that re-suscribes the listener. Could be usefull if onEventTriggered depend of some state\n* with the specified key is received. The callback receives the message data as its argument.\n*\n* @returns {{ postMessage: (data: S) => void }} An object containing a `postMessage` function\n* that allows broadcasting messages with the specified key and data.\n*/\nconst useCrossFrameMessageListener = (key, onEventTriggered, revalidator) => {\n\tconst { allowedOrigins, postMessage, senderId } = useCommunicator();\n\tuseEffect(() => {\n\t\tif (onEventTriggered) {\n\t\t\t/**\n\t\t\t* Message handler to process incoming messages.\n\t\t\t*\n\t\t\t* - **Message Filtering:** Ensures only messages with the specified `key` are processed.\n\t\t\t* - **Origin Validation:** Checks that the origin of the message is within the allowed origins.\n\t\t\t*\n\t\t\t* @param {MessageEvent<{ type: string; data: S }>} event - The incoming message event object.\n\t\t\t*/\n\t\t\tconst handleMessage = (event) => {\n\t\t\t\tconst { type, data, senderId: msgSenderId } = event.data;\n\t\t\t\tif (type !== key) return;\n\t\t\t\tif (msgSenderId === senderId) return;\n\t\t\t\tif (typeof allowedOrigins === \"undefined\" || allowedOrigins?.filter((url) => ![\n\t\t\t\t\tnull,\n\t\t\t\t\tvoid 0,\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"*\"\n\t\t\t\t].includes(url)).some((url) => compareUrls(url, event.origin)) || allowedOrigins?.includes(\"*\")) onEventTriggered(data);\n\t\t\t};\n\t\t\twindow.addEventListener(\"message\", handleMessage);\n\t\t\treturn () => window.removeEventListener(\"message\", handleMessage);\n\t\t}\n\t}, [\n\t\tallowedOrigins,\n\t\tpostMessage,\n\t\tsenderId,\n\t\trevalidator\n\t]);\n\t/**\n\t* A wrapper function around the `postMessage` function to broadcast messages efficiently.\n\t*\n\t* - **Encapsulation:** Ensures the `postMessage` function is scoped to the provided key.\n\t* - **Ease of Use:** Simplifies broadcasting messages with consistent type and format.\n\t*\n\t* @param {S} data - The data payload to include in the message.\n\t* @returns {void}\n\t*/\n\tconst postMessageWrapper = (data) => {\n\t\tpostMessage({\n\t\t\ttype: key,\n\t\t\tdata,\n\t\t\tsenderId\n\t\t});\n\t};\n\treturn postMessageWrapper;\n};\n\n//#endregion\nexport { useCrossFrameMessageListener };\n//# sourceMappingURL=useCrossFrameMessageListener.mjs.map"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,gCAAgC,KAAK,kBAAkB,gBAAgB;CAC5E,MAAM,EAAE,gBAAgB,aAAa,aAAa,iBAAiB;AACnE,iBAAgB;AACf,MAAI,kBAAkB;;;;;;;;;GASrB,MAAM,iBAAiB,UAAU;IAChC,MAAM,EAAE,MAAM,MAAM,UAAU,gBAAgB,MAAM;AACpD,QAAI,SAAS,IAAK;AAClB,QAAI,gBAAgB,SAAU;AAC9B,QAAI,OAAO,mBAAmB,eAAe,gBAAgB,QAAQ,QAAQ,CAAC;KAC7E;KACA,KAAK;KACL;KACA;KACA,CAAC,SAAS,IAAI,CAAC,CAAC,MAAM,QAAQ,YAAY,KAAK,MAAM,OAAO,CAAC,IAAI,gBAAgB,SAAS,IAAI,CAAE,kBAAiB,KAAK;;AAExH,UAAO,iBAAiB,WAAW,cAAc;AACjD,gBAAa,OAAO,oBAAoB,WAAW,cAAc;;IAEhE;EACF;EACA;EACA;EACA;EACA,CAAC;;;;;;;;;;CAUF,MAAM,sBAAsB,SAAS;AACpC,cAAY;GACX,MAAM;GACN;GACA;GACA,CAAC;;AAEH,QAAO"}

package/dist/esm/@intlayer/editor-react/dist/esm/useCrossFrameState.mjs

@@ -0,0 +1,108 @@
+'use client';
+
+
+import { useCommunicator } from "./CommunicatorContext.mjs";
+import { useCrossFrameMessageListener } from "./useCrossFrameMessageListener.mjs";
+import { useEffect, useState } from "react";
+
+//#region ../@intlayer/editor-react/dist/esm/useCrossFrameState.mjs
+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 } = 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] = 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.
+	*/
+	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.
+	*/
+	useCrossFrameMessageListener(`${key}/get`, emit ? onGetMessage : void 0, state);
+	useEffect(() => {
+		if (receive && typeof postMessage === "function" && typeof state === "undefined") postMessage({
+			type: `${key}/get`,
+			senderId
+		});
+	}, []);
+	return [
+		state,
+		setStateWrapper,
+		postState
+	];
+};
+
+//#endregion
+export { useCrossFrameState };
+//# sourceMappingURL=useCrossFrameState.mjs.map

package/dist/esm/@intlayer/editor-react/dist/esm/useCrossFrameState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCrossFrameState.mjs","names":[],"sources":["../../../../../../../@intlayer/editor-react/dist/esm/useCrossFrameState.mjs"],"sourcesContent":["'use client';\n\n\nimport { useCommunicator } from \"./CommunicatorContext.mjs\";\nimport { useCrossFrameMessageListener } from \"./useCrossFrameMessageListener.mjs\";\nimport { useEffect, useState } from \"react\";\n\n//#region src/useCrossFrameState.tsx\nconst resolveState = (state, prevState) => typeof state === \"function\" ? state(prevState) : state;\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* 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*/\nconst useCrossFrameState = (key, initialState, options) => {\n\tconst { postMessage, senderId } = useCommunicator();\n\tconst { emit, receive } = options ?? {\n\t\temit: true,\n\t\treceive: true\n\t};\n\tconst handleStateChange = (state$1, prevState) => {\n\t\tconst resolvedState = resolveState(state$1, prevState);\n\t\tif (emit && typeof postMessage === \"function\" && typeof resolvedState !== \"undefined\") postMessage({\n\t\t\ttype: `${key}/post`,\n\t\t\tdata: resolvedState,\n\t\t\tsenderId\n\t\t});\n\t\treturn resolvedState;\n\t};\n\tconst postState = () => {\n\t\tif (typeof postMessage !== \"function\") return;\n\t\tpostMessage({\n\t\t\ttype: `${key}/post`,\n\t\t\tdata: state,\n\t\t\tsenderId\n\t\t});\n\t};\n\tconst [state, setState] = useState(() => handleStateChange(initialState));\n\t/**\n\t* A wrapper function around the `setState` function to handle messaging efficiently.\n\t*\n\t* This approach has several advantages over using an additional `useEffect`:\n\t* - **Avoid Redundant Re-renders:** By emitting the message directly within the `setState` logic,\n\t*   it prevents the extra render cycle that would be triggered when using `useEffect`.\n\t* - **Consistency:** Ensures the message is emitted immediately when the state is updated,\n\t*   avoiding potential delays caused by the asynchronous nature of `useEffect`.\n\t*\n\t* This function keeps the same API as `setState` and is memoized using `useCallback`\n\t* to prevent unnecessary re-renders of dependent components.\n\t*\n\t* @template S - The type of the state.\n\t* @param {SetStateAction<S>} valueOrUpdater - The new state or a function to produce it.\n\t* @returns {void}\n\t*/\n\tconst setStateWrapper = (valueOrUpdater) => setState((prevState) => handleStateChange(valueOrUpdater, prevState));\n\t/**\n\t* Listen for messages with the specified key and update the state accordingly.\n\t*/\n\tuseCrossFrameMessageListener(`${key}/post`, receive ? (data) => {\n\t\tsetState(data);\n\t} : void 0);\n\tconst onGetMessage = (_, originSenderId) => {\n\t\tif (!emit) return;\n\t\tif (typeof postMessage !== \"function\") return;\n\t\tif (originSenderId === senderId) return;\n\t\tif (typeof state === \"undefined\") return;\n\t\tpostMessage({\n\t\t\ttype: `${key}/post`,\n\t\t\tdata: state,\n\t\t\tsenderId\n\t\t});\n\t};\n\t/**\n\t* Listen for messages request to get the state content and send it back.\n\t*/\n\tuseCrossFrameMessageListener(`${key}/get`, emit ? onGetMessage : void 0, state);\n\tuseEffect(() => {\n\t\tif (receive && typeof postMessage === \"function\" && typeof state === \"undefined\") postMessage({\n\t\t\ttype: `${key}/get`,\n\t\t\tsenderId\n\t\t});\n\t}, []);\n\treturn [\n\t\tstate,\n\t\tsetStateWrapper,\n\t\tpostState\n\t];\n};\n\n//#endregion\nexport { useCrossFrameState };\n//# sourceMappingURL=useCrossFrameState.mjs.map"],"mappings":";;;;;;;;AAQA,MAAM,gBAAgB,OAAO,cAAc,OAAO,UAAU,aAAa,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;AAsB5F,MAAM,sBAAsB,KAAK,cAAc,YAAY;CAC1D,MAAM,EAAE,aAAa,aAAa,iBAAiB;CACnD,MAAM,EAAE,MAAM,YAAY,WAAW;EACpC,MAAM;EACN,SAAS;EACT;CACD,MAAM,qBAAqB,SAAS,cAAc;EACjD,MAAM,gBAAgB,aAAa,SAAS,UAAU;AACtD,MAAI,QAAQ,OAAO,gBAAgB,cAAc,OAAO,kBAAkB,YAAa,aAAY;GAClG,MAAM,GAAG,IAAI;GACb,MAAM;GACN;GACA,CAAC;AACF,SAAO;;CAER,MAAM,kBAAkB;AACvB,MAAI,OAAO,gBAAgB,WAAY;AACvC,cAAY;GACX,MAAM,GAAG,IAAI;GACb,MAAM;GACN;GACA,CAAC;;CAEH,MAAM,CAAC,OAAO,YAAY,eAAe,kBAAkB,aAAa,CAAC;;;;;;;;;;;;;;;;;CAiBzE,MAAM,mBAAmB,mBAAmB,UAAU,cAAc,kBAAkB,gBAAgB,UAAU,CAAC;;;;AAIjH,8BAA6B,GAAG,IAAI,QAAQ,WAAW,SAAS;AAC/D,WAAS,KAAK;KACX,KAAK,EAAE;CACX,MAAM,gBAAgB,GAAG,mBAAmB;AAC3C,MAAI,CAAC,KAAM;AACX,MAAI,OAAO,gBAAgB,WAAY;AACvC,MAAI,mBAAmB,SAAU;AACjC,MAAI,OAAO,UAAU,YAAa;AAClC,cAAY;GACX,MAAM,GAAG,IAAI;GACb,MAAM;GACN;GACA,CAAC;;;;;AAKH,8BAA6B,GAAG,IAAI,OAAO,OAAO,eAAe,KAAK,GAAG,MAAM;AAC/E,iBAAgB;AACf,MAAI,WAAW,OAAO,gBAAgB,cAAc,OAAO,UAAU,YAAa,aAAY;GAC7F,MAAM,GAAG,IAAI;GACb;GACA,CAAC;IACA,EAAE,CAAC;AACN,QAAO;EACN;EACA;EACA;EACA"}

package/dist/esm/@intlayer/editor-react/dist/esm/useCrossURLPathState.mjs

@@ -0,0 +1,66 @@
+'use client';
+
+
+import { MessageKey } from "./editor/dist/esm/messagesKeys.mjs";
+import { useCrossFrameState } from "./useCrossFrameState.mjs";
+import { useEffect } from "react";
+
+//#region ../@intlayer/editor-react/dist/esm/useCrossURLPathState.mjs
+const useCrossURLPathState = (initialState, options) => useCrossFrameState(MessageKey.INTLAYER_URL_CHANGE, initialState, options);
+const useCrossURLPathSetter = (initialState) => {
+	const states = useCrossURLPathState(initialState, {
+		emit: true,
+		receive: false
+	});
+	const [_state, setState] = states;
+	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;
+};
+
+//#endregion
+export { useCrossURLPathSetter };
+//# sourceMappingURL=useCrossURLPathState.mjs.map

package/dist/esm/@intlayer/editor-react/dist/esm/useCrossURLPathState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCrossURLPathState.mjs","names":[],"sources":["../../../../../../../@intlayer/editor-react/dist/esm/useCrossURLPathState.mjs"],"sourcesContent":["'use client';\n\n\nimport { MessageKey } from \"./editor/dist/esm/messagesKeys.mjs\";\nimport { useCrossFrameState } from \"./useCrossFrameState.mjs\";\nimport { useEffect } from \"react\";\n\n//#region src/useCrossURLPathState.tsx\nconst useCrossURLPathState = (initialState, options) => useCrossFrameState(MessageKey.INTLAYER_URL_CHANGE, initialState, options);\nconst useCrossURLPathSetter = (initialState) => {\n\tconst states = useCrossURLPathState(initialState, {\n\t\temit: true,\n\t\treceive: false\n\t});\n\tconst [_state, setState] = states;\n\tuseEffect(() => {\n\t\t/**\n\t\t* 1) Monkey patch history methods (pushState, replaceState)\n\t\t*    to dispatch a custom event whenever they are called.\n\t\t*/\n\t\tconst originalPushState = history.pushState;\n\t\tconst originalReplaceState = history.replaceState;\n\t\tconst injectLocationChangeEvent = (method) => function(...args) {\n\t\t\tmethod.apply(this, args);\n\t\t\twindow.dispatchEvent(new Event(\"locationchange\"));\n\t\t};\n\t\thistory.pushState = injectLocationChangeEvent(originalPushState);\n\t\thistory.replaceState = injectLocationChangeEvent(originalReplaceState);\n\t\t/**\n\t\t* 2) The callback to update our state whenever the URL changes.\n\t\t*/\n\t\tconst updateURLState = () => {\n\t\t\tsetState(window.location.pathname);\n\t\t};\n\t\t/**\n\t\t* 3) Attach event listeners for locationchange, popstate, hashchange.\n\t\t*    - 'locationchange' is our custom event triggered by push/replaceState overrides.\n\t\t*    - 'popstate' is fired on back/forward navigation.\n\t\t*    - 'hashchange' is for URL hash (#) changes.\n\t\t*    - 'load' is when new page is loaded\n\t\t*/\n\t\twindow.addEventListener(\"locationchange\", updateURLState);\n\t\twindow.addEventListener(\"popstate\", updateURLState);\n\t\twindow.addEventListener(\"hashchange\", updateURLState);\n\t\twindow.addEventListener(\"load\", updateURLState);\n\t\tupdateURLState();\n\t\t/**\n\t\t* 4) Cleanup when the component unmounts:\n\t\t*    - Remove event listeners.\n\t\t*    - Restore original pushState & replaceState to avoid side effects.\n\t\t*/\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"locationchange\", updateURLState);\n\t\t\twindow.removeEventListener(\"popstate\", updateURLState);\n\t\t\twindow.removeEventListener(\"hashchange\", updateURLState);\n\t\t\twindow.removeEventListener(\"load\", updateURLState);\n\t\t\thistory.pushState = originalPushState;\n\t\t\thistory.replaceState = originalReplaceState;\n\t\t};\n\t}, []);\n\treturn states;\n};\n\n//#endregion\nexport { useCrossURLPathSetter, useCrossURLPathState };\n//# sourceMappingURL=useCrossURLPathState.mjs.map"],"mappings":";;;;;;;;AAQA,MAAM,wBAAwB,cAAc,YAAY,mBAAmB,WAAW,qBAAqB,cAAc,QAAQ;AACjI,MAAM,yBAAyB,iBAAiB;CAC/C,MAAM,SAAS,qBAAqB,cAAc;EACjD,MAAM;EACN,SAAS;EACT,CAAC;CACF,MAAM,CAAC,QAAQ,YAAY;AAC3B,iBAAgB;;;;;EAKf,MAAM,oBAAoB,QAAQ;EAClC,MAAM,uBAAuB,QAAQ;EACrC,MAAM,6BAA6B,WAAW,SAAS,GAAG,MAAM;AAC/D,UAAO,MAAM,MAAM,KAAK;AACxB,UAAO,cAAc,IAAI,MAAM,iBAAiB,CAAC;;AAElD,UAAQ,YAAY,0BAA0B,kBAAkB;AAChE,UAAQ,eAAe,0BAA0B,qBAAqB;;;;EAItE,MAAM,uBAAuB;AAC5B,YAAS,OAAO,SAAS,SAAS;;;;;;;;;AASnC,SAAO,iBAAiB,kBAAkB,eAAe;AACzD,SAAO,iBAAiB,YAAY,eAAe;AACnD,SAAO,iBAAiB,cAAc,eAAe;AACrD,SAAO,iBAAiB,QAAQ,eAAe;AAC/C,kBAAgB;;;;;;AAMhB,eAAa;AACZ,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;;IAEtB,EAAE,CAAC;AACN,QAAO"}

package/dist/esm/@intlayer/editor-react/dist/esm/useEditorLocale.mjs

@@ -0,0 +1,15 @@
+import { MessageKey } from "./editor/dist/esm/messagesKeys.mjs";
+import { useCrossFrameState } from "./useCrossFrameState.mjs";
+
+//#region ../@intlayer/editor-react/dist/esm/useEditorLocale.mjs
+const useEditorLocale = () => {
+	const [currentLocale] = useCrossFrameState(MessageKey.INTLAYER_CURRENT_LOCALE, void 0, {
+		receive: true,
+		emit: false
+	});
+	return currentLocale;
+};
+
+//#endregion
+export { useEditorLocale };
+//# sourceMappingURL=useEditorLocale.mjs.map

package/dist/esm/@intlayer/editor-react/dist/esm/useEditorLocale.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorLocale.mjs","names":[],"sources":["../../../../../../../@intlayer/editor-react/dist/esm/useEditorLocale.mjs"],"sourcesContent":["import { MessageKey } from \"./editor/dist/esm/messagesKeys.mjs\";\nimport { useCrossFrameState } from \"./useCrossFrameState.mjs\";\n\n//#region src/useEditorLocale.tsx\nconst useEditorLocale = () => {\n\tconst [currentLocale] = useCrossFrameState(MessageKey.INTLAYER_CURRENT_LOCALE, void 0, {\n\t\treceive: true,\n\t\temit: false\n\t});\n\treturn currentLocale;\n};\nconst useSetEditorLocale = () => {\n\treturn useCrossFrameState(MessageKey.INTLAYER_CURRENT_LOCALE, void 0, {\n\t\treceive: true,\n\t\temit: false\n\t});\n};\n\n//#endregion\nexport { useEditorLocale, useSetEditorLocale };\n//# sourceMappingURL=useEditorLocale.mjs.map"],"mappings":";;;;AAIA,MAAM,wBAAwB;CAC7B,MAAM,CAAC,iBAAiB,mBAAmB,WAAW,yBAAyB,KAAK,GAAG;EACtF,SAAS;EACT,MAAM;EACN,CAAC;AACF,QAAO"}

package/dist/esm/@intlayer/editor-react/dist/esm/useIframeClickInterceptor.mjs

@@ -0,0 +1,22 @@
+'use client';
+
+
+import { MessageKey } from "./editor/dist/esm/messagesKeys.mjs";
+import { useCrossFrameMessageListener } from "./useCrossFrameMessageListener.mjs";
+import { useEffect } from "react";
+
+//#region ../@intlayer/editor-react/dist/esm/useIframeClickInterceptor.mjs
+const useIframeClickInterceptor = () => {
+	const postMessage = useCrossFrameMessageListener(MessageKey.INTLAYER_IFRAME_CLICKED);
+	const handlePostMessageEvent = () => {
+		postMessage();
+	};
+	useEffect(() => {
+		window.addEventListener("mousedown", handlePostMessageEvent);
+		return () => window.removeEventListener("mousedown", handlePostMessageEvent);
+	}, [postMessage]);
+};
+
+//#endregion
+export { useIframeClickInterceptor };
+//# sourceMappingURL=useIframeClickInterceptor.mjs.map

package/dist/esm/@intlayer/editor-react/dist/esm/useIframeClickInterceptor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIframeClickInterceptor.mjs","names":[],"sources":["../../../../../../../@intlayer/editor-react/dist/esm/useIframeClickInterceptor.mjs"],"sourcesContent":["'use client';\n\n\nimport { mergeIframeClick } from \"./editor/dist/esm/mergeIframeClick.mjs\";\nimport { MessageKey } from \"./editor/dist/esm/messagesKeys.mjs\";\nimport { useCrossFrameMessageListener } from \"./useCrossFrameMessageListener.mjs\";\nimport { useEffect } from \"react\";\n\n//#region src/useIframeClickInterceptor.tsx\nconst useIframeClickInterceptor = () => {\n\tconst postMessage = useCrossFrameMessageListener(MessageKey.INTLAYER_IFRAME_CLICKED);\n\tconst handlePostMessageEvent = () => {\n\t\tpostMessage();\n\t};\n\tuseEffect(() => {\n\t\twindow.addEventListener(\"mousedown\", handlePostMessageEvent);\n\t\treturn () => window.removeEventListener(\"mousedown\", handlePostMessageEvent);\n\t}, [postMessage]);\n};\nconst useIframeClickMerger = () => useCrossFrameMessageListener(MessageKey.INTLAYER_IFRAME_CLICKED, mergeIframeClick);\n\n//#endregion\nexport { useIframeClickInterceptor, useIframeClickMerger };\n//# sourceMappingURL=useIframeClickInterceptor.mjs.map"],"mappings":";;;;;;;;AASA,MAAM,kCAAkC;CACvC,MAAM,cAAc,6BAA6B,WAAW,wBAAwB;CACpF,MAAM,+BAA+B;AACpC,eAAa;;AAEd,iBAAgB;AACf,SAAO,iBAAiB,aAAa,uBAAuB;AAC5D,eAAa,OAAO,oBAAoB,aAAa,uBAAuB;IAC1E,CAAC,YAAY,CAAC"}

package/dist/esm/@intlayer/types/dist/esm/nodeType.mjs

@@ -0,0 +1,24 @@
+//#region ../@intlayer/types/dist/esm/nodeType.mjs
+let NodeType = /* @__PURE__ */ function(NodeType$1) {
+	NodeType$1["Translation"] = "translation";
+	NodeType$1["Enumeration"] = "enumeration";
+	NodeType$1["Condition"] = "condition";
+	NodeType$1["Insertion"] = "insertion";
+	NodeType$1["File"] = "file";
+	NodeType$1["Object"] = "object";
+	NodeType$1["Array"] = "array";
+	NodeType$1["Nested"] = "nested";
+	NodeType$1["ReactNode"] = "reactNode";
+	NodeType$1["Markdown"] = "markdown";
+	NodeType$1["Text"] = "text";
+	NodeType$1["Number"] = "number";
+	NodeType$1["Boolean"] = "boolean";
+	NodeType$1["Gender"] = "gender";
+	NodeType$1["Null"] = "null";
+	NodeType$1["Unknown"] = "unknown";
+	return NodeType$1;
+}({});
+
+//#endregion
+export { NodeType };
+//# sourceMappingURL=nodeType.mjs.map

package/dist/esm/@intlayer/types/dist/esm/nodeType.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeType.mjs","names":[],"sources":["../../../../../../../@intlayer/types/dist/esm/nodeType.mjs"],"sourcesContent":["//#region src/nodeType.ts\nlet NodeType = /* @__PURE__ */ function(NodeType$1) {\n\tNodeType$1[\"Translation\"] = \"translation\";\n\tNodeType$1[\"Enumeration\"] = \"enumeration\";\n\tNodeType$1[\"Condition\"] = \"condition\";\n\tNodeType$1[\"Insertion\"] = \"insertion\";\n\tNodeType$1[\"File\"] = \"file\";\n\tNodeType$1[\"Object\"] = \"object\";\n\tNodeType$1[\"Array\"] = \"array\";\n\tNodeType$1[\"Nested\"] = \"nested\";\n\tNodeType$1[\"ReactNode\"] = \"reactNode\";\n\tNodeType$1[\"Markdown\"] = \"markdown\";\n\tNodeType$1[\"Text\"] = \"text\";\n\tNodeType$1[\"Number\"] = \"number\";\n\tNodeType$1[\"Boolean\"] = \"boolean\";\n\tNodeType$1[\"Gender\"] = \"gender\";\n\tNodeType$1[\"Null\"] = \"null\";\n\tNodeType$1[\"Unknown\"] = \"unknown\";\n\treturn NodeType$1;\n}({});\nconst formatNodeType = (nodeType, content, additionalAttributes) => ({\n\t...additionalAttributes,\n\tnodeType,\n\t[nodeType]: content\n});\n\n//#endregion\nexport { NodeType, formatNodeType };\n//# sourceMappingURL=nodeType.mjs.map"],"mappings":";AACA,IAAI,WAA2B,yBAAS,YAAY;AACnD,YAAW,iBAAiB;AAC5B,YAAW,iBAAiB;AAC5B,YAAW,eAAe;AAC1B,YAAW,eAAe;AAC1B,YAAW,UAAU;AACrB,YAAW,YAAY;AACvB,YAAW,WAAW;AACtB,YAAW,YAAY;AACvB,YAAW,eAAe;AAC1B,YAAW,cAAc;AACzB,YAAW,UAAU;AACrB,YAAW,YAAY;AACvB,YAAW,aAAa;AACxB,YAAW,YAAY;AACvB,YAAW,UAAU;AACrB,YAAW,aAAa;AACxB,QAAO;EACN,EAAE,CAAC"}

package/dist/esm/@intlayer/unmerged-dictionaries-entry/dist/esm/_virtual/rolldown_runtime.mjs

@@ -0,0 +1,11 @@
+import { __require as __require$1 } from "../../../../../_virtual/rolldown_runtime.mjs";
+
+//#region ../@intlayer/unmerged-dictionaries-entry/dist/esm/_virtual/rolldown_runtime.mjs
+var __require = /* @__PURE__ */ ((x) => typeof __require$1 !== "undefined" ? __require$1 : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof __require$1 !== "undefined" ? __require$1 : a)[b] }) : x)(function(x) {
+	if (typeof __require$1 !== "undefined") return __require$1.apply(this, arguments);
+	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function.");
+});
+
+//#endregion
+export { __require };
+//# sourceMappingURL=rolldown_runtime.mjs.map

package/dist/esm/@intlayer/unmerged-dictionaries-entry/dist/esm/_virtual/rolldown_runtime.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolldown_runtime.mjs","names":[],"sources":["../../../../../../../../@intlayer/unmerged-dictionaries-entry/dist/esm/_virtual/rolldown_runtime.mjs"],"sourcesContent":["//#region rolldown:runtime\nvar __require = /* @__PURE__ */ ((x) => typeof require !== \"undefined\" ? require : typeof Proxy !== \"undefined\" ? new Proxy(x, { get: (a, b) => (typeof require !== \"undefined\" ? require : a)[b] }) : x)(function(x) {\n\tif (typeof require !== \"undefined\") return require.apply(this, arguments);\n\tthrow Error(\"Calling `require` for \\\"\" + x + \"\\\" in an environment that doesn't expose the `require` function.\");\n});\n\n//#endregion\nexport { __require };"],"mappings":";;;AACA,IAAI,YAA4B,kBAAE,MAAM,uBAAmB,4BAAwB,OAAO,UAAU,cAAc,IAAI,MAAM,GAAG,EAAE,MAAM,GAAG,OAAO,uBAAmB,4BAAwB,GAAG,IAAI,CAAC,GAAG,GAAG,SAAS,GAAG;AACrN,KAAI,uBAAmB,YAAa,oBAAe,MAAM,MAAM,UAAU;AACzE,OAAM,MAAM,6BAA6B,IAAI,mEAAmE;EAC/G"}

package/dist/esm/@intlayer/unmerged-dictionaries-entry/dist/esm/config/dist/esm/_virtual/rolldown_runtime.mjs

@@ -0,0 +1,11 @@
+import { __require } from "../../../../_virtual/rolldown_runtime.mjs";
+
+//#region ../@intlayer/unmerged-dictionaries-entry/dist/esm/config/dist/esm/_virtual/rolldown_runtime.mjs
+var __require$1 = /* @__PURE__ */ ((x) => typeof __require !== "undefined" ? __require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof __require !== "undefined" ? __require : a)[b] }) : x)(function(x) {
+	if (typeof __require !== "undefined") return __require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function.");
+});
+
+//#endregion
+export { __require$1 as __require };
+//# sourceMappingURL=rolldown_runtime.mjs.map

package/dist/esm/@intlayer/unmerged-dictionaries-entry/dist/esm/config/dist/esm/_virtual/rolldown_runtime.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolldown_runtime.mjs","names":["__require","__require$1"],"sources":["../../../../../../../../../../../@intlayer/unmerged-dictionaries-entry/dist/esm/config/dist/esm/_virtual/rolldown_runtime.mjs"],"sourcesContent":["import { __require as __require$1 } from \"../../../../_virtual/rolldown_runtime.mjs\";\n\n//#region ../config/dist/esm/_virtual/rolldown_runtime.mjs\nvar __require = /* @__PURE__ */ ((x) => typeof __require$1 !== \"undefined\" ? __require$1 : typeof Proxy !== \"undefined\" ? new Proxy(x, { get: (a, b) => (typeof __require$1 !== \"undefined\" ? __require$1 : a)[b] }) : x)(function(x) {\n\tif (typeof __require$1 !== \"undefined\") return __require$1.apply(this, arguments);\n\tthrow Error(\"Calling `require` for \\\"\" + x + \"\\\" in an environment that doesn't expose the `require` function.\");\n});\n\n//#endregion\nexport { __require };\n//# sourceMappingURL=rolldown_runtime.mjs.map"],"mappings":";;;AAGA,IAAIA,cAA4B,kBAAE,MAAM,OAAOC,cAAgB,cAAcA,YAAc,OAAO,UAAU,cAAc,IAAI,MAAM,GAAG,EAAE,MAAM,GAAG,OAAO,OAAOA,cAAgB,cAAcA,YAAc,GAAG,IAAI,CAAC,GAAG,GAAG,SAAS,GAAG;AACrO,KAAI,OAAOA,cAAgB,YAAa,QAAOA,UAAY,MAAM,MAAM,UAAU;AACjF,OAAM,MAAM,6BAA6B,IAAI,mEAAmE;EAC/G"}

package/dist/esm/@intlayer/unmerged-dictionaries-entry/dist/esm/config/dist/esm/built.mjs

@@ -0,0 +1,8 @@
+import { getConfiguration } from "./configFile/getConfiguration.mjs";
+
+//#region ../@intlayer/unmerged-dictionaries-entry/dist/esm/config/dist/esm/built.mjs
+var built_default = getConfiguration();
+
+//#endregion
+export { built_default };
+//# sourceMappingURL=built.mjs.map

package/dist/esm/@intlayer/unmerged-dictionaries-entry/dist/esm/config/dist/esm/built.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"built.mjs","names":[],"sources":["../../../../../../../../../../@intlayer/unmerged-dictionaries-entry/dist/esm/config/dist/esm/built.mjs"],"sourcesContent":["import { getConfiguration } from \"./configFile/getConfiguration.mjs\";\n\n//#region ../config/dist/esm/built.mjs\nvar built_default = getConfiguration();\n\n//#endregion\nexport { built_default };\n//# sourceMappingURL=built.mjs.map"],"mappings":";;;AAGA,IAAI,gBAAgB,kBAAkB"}