react-native-intlayer 7.0.8 → 7.0.9-canary.2

package/dist/esm/react-intlayer/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 ../react-intlayer/dist/esm/@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/react-intlayer/dist/esm/@intlayer/editor-react/dist/esm/useCrossFrameMessageListener.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCrossFrameMessageListener.mjs","names":[],"sources":["../../../../../../../../../../react-intlayer/dist/esm/@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 ../@intlayer/editor-react/dist/esm/useCrossFrameMessageListener.mjs\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/react-intlayer/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 ../react-intlayer/dist/esm/@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/react-intlayer/dist/esm/@intlayer/editor-react/dist/esm/useCrossFrameState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCrossFrameState.mjs","names":[],"sources":["../../../../../../../../../../react-intlayer/dist/esm/@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 ../@intlayer/editor-react/dist/esm/useCrossFrameState.mjs\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/react-intlayer/dist/esm/_virtual/rolldown_runtime.mjs

@@ -0,0 +1,11 @@
+import { __require as __require$1 } from "../../../../_virtual/rolldown_runtime.mjs";
+
+//#region ../react-intlayer/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/react-intlayer/dist/esm/_virtual/rolldown_runtime.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolldown_runtime.mjs","names":[],"sources":["../../../../../../../react-intlayer/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/react-intlayer/dist/esm/client/IntlayerProvider.mjs

@@ -0,0 +1,53 @@
+'use client';
+
+
+import { localeInStorage, setLocaleInStorage } from "./useLocaleStorage.mjs";
+import { localeResolver } from "../@intlayer/core/dist/esm/localization/localeResolver.mjs";
+import { MessageKey } from "../@intlayer/editor-react/dist/esm/editor/dist/esm/messagesKeys.mjs";
+import { useCrossFrameState } from "../@intlayer/editor-react/dist/esm/useCrossFrameState.mjs";
+import { built_default } from "../@intlayer/config/dist/esm/built.mjs";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../react-intlayer/dist/esm/client/IntlayerProvider.mjs
+/**
+* Context that store the current locale on the client side
+*/
+const IntlayerClientContext = createContext({
+	locale: localeInStorage ?? built_default?.internationalization?.defaultLocale,
+	setLocale: () => null,
+	isCookieEnabled: true,
+	disableEditor: false
+});
+/**
+* Provider that store the current locale on the client side
+*/
+const IntlayerProviderContent = ({ locale: localeProp, defaultLocale: defaultLocaleProp, children, setLocale: setLocaleProp, disableEditor, isCookieEnabled }) => {
+	const { internationalization } = built_default ?? {};
+	const { defaultLocale: defaultLocaleConfig, locales: availableLocales } = internationalization ?? {};
+	const defaultLocale = localeProp ?? localeInStorage ?? defaultLocaleProp ?? defaultLocaleConfig;
+	const [currentLocale, setCurrentLocale] = useCrossFrameState(MessageKey.INTLAYER_CURRENT_LOCALE, defaultLocale);
+	const setLocaleBase = (newLocale) => {
+		if (currentLocale.toString() === newLocale.toString()) return;
+		if (!availableLocales?.map(String).includes(newLocale)) {
+			console.error(`Locale ${newLocale} is not available`);
+			return;
+		}
+		setCurrentLocale(newLocale);
+		setLocaleInStorage(newLocale, isCookieEnabled);
+	};
+	const setLocale = setLocaleProp ?? setLocaleBase;
+	const resolvedLocale = localeResolver(localeProp ?? currentLocale);
+	return /* @__PURE__ */ jsx(IntlayerClientContext.Provider, {
+		value: {
+			locale: resolvedLocale,
+			setLocale,
+			disableEditor
+		},
+		children
+	});
+};
+
+//#endregion
+export { IntlayerProviderContent };
+//# sourceMappingURL=IntlayerProvider.mjs.map

package/dist/esm/react-intlayer/dist/esm/client/IntlayerProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntlayerProvider.mjs","names":[],"sources":["../../../../../../../react-intlayer/dist/esm/client/IntlayerProvider.mjs"],"sourcesContent":["'use client';\n\n\nimport { localeResolver } from \"../@intlayer/core/dist/esm/localization/localeResolver.mjs\";\nimport { MessageKey } from \"../@intlayer/editor-react/dist/esm/editor/dist/esm/messagesKeys.mjs\";\nimport { useCrossFrameState } from \"../@intlayer/editor-react/dist/esm/useCrossFrameState.mjs\";\nimport { built_default } from \"../@intlayer/config/dist/esm/built.mjs\";\nimport { IntlayerEditorProvider } from \"../editor/IntlayerEditorProvider.mjs\";\nimport { localeInStorage, setLocaleInStorage } from \"./useLocaleStorage.mjs\";\nimport { createContext, useContext } from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\n\n//#region src/client/IntlayerProvider.tsx\n/**\n* Context that store the current locale on the client side\n*/\nconst IntlayerClientContext = createContext({\n\tlocale: localeInStorage ?? built_default?.internationalization?.defaultLocale,\n\tsetLocale: () => null,\n\tisCookieEnabled: true,\n\tdisableEditor: false\n});\n/**\n* Hook that provides the current locale\n*/\nconst useIntlayerContext = () => useContext(IntlayerClientContext);\n/**\n* Provider that store the current locale on the client side\n*/\nconst IntlayerProviderContent = ({ locale: localeProp, defaultLocale: defaultLocaleProp, children, setLocale: setLocaleProp, disableEditor, isCookieEnabled }) => {\n\tconst { internationalization } = built_default ?? {};\n\tconst { defaultLocale: defaultLocaleConfig, locales: availableLocales } = internationalization ?? {};\n\tconst defaultLocale = localeProp ?? localeInStorage ?? defaultLocaleProp ?? defaultLocaleConfig;\n\tconst [currentLocale, setCurrentLocale] = useCrossFrameState(MessageKey.INTLAYER_CURRENT_LOCALE, defaultLocale);\n\tconst setLocaleBase = (newLocale) => {\n\t\tif (currentLocale.toString() === newLocale.toString()) return;\n\t\tif (!availableLocales?.map(String).includes(newLocale)) {\n\t\t\tconsole.error(`Locale ${newLocale} is not available`);\n\t\t\treturn;\n\t\t}\n\t\tsetCurrentLocale(newLocale);\n\t\tsetLocaleInStorage(newLocale, isCookieEnabled);\n\t};\n\tconst setLocale = setLocaleProp ?? setLocaleBase;\n\tconst resolvedLocale = localeResolver(localeProp ?? currentLocale);\n\treturn /* @__PURE__ */ jsx(IntlayerClientContext.Provider, {\n\t\tvalue: {\n\t\t\tlocale: resolvedLocale,\n\t\t\tsetLocale,\n\t\t\tdisableEditor\n\t\t},\n\t\tchildren\n\t});\n};\nconst IntlayerProvider = (props) => /* @__PURE__ */ jsx(IntlayerEditorProvider, { children: /* @__PURE__ */ jsx(IntlayerProviderContent, { ...props }) });\n\n//#endregion\nexport { IntlayerClientContext, IntlayerProvider, IntlayerProviderContent, useIntlayerContext };\n//# sourceMappingURL=IntlayerProvider.mjs.map"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAM,wBAAwB,cAAc;CAC3C,QAAQ,mBAAmB,eAAe,sBAAsB;CAChE,iBAAiB;CACjB,iBAAiB;CACjB,eAAe;CACf,CAAC;;;;AAQF,MAAM,2BAA2B,EAAE,QAAQ,YAAY,eAAe,mBAAmB,UAAU,WAAW,eAAe,eAAe,sBAAsB;CACjK,MAAM,EAAE,yBAAyB,iBAAiB,EAAE;CACpD,MAAM,EAAE,eAAe,qBAAqB,SAAS,qBAAqB,wBAAwB,EAAE;CACpG,MAAM,gBAAgB,cAAc,mBAAmB,qBAAqB;CAC5E,MAAM,CAAC,eAAe,oBAAoB,mBAAmB,WAAW,yBAAyB,cAAc;CAC/G,MAAM,iBAAiB,cAAc;AACpC,MAAI,cAAc,UAAU,KAAK,UAAU,UAAU,CAAE;AACvD,MAAI,CAAC,kBAAkB,IAAI,OAAO,CAAC,SAAS,UAAU,EAAE;AACvD,WAAQ,MAAM,UAAU,UAAU,mBAAmB;AACrD;;AAED,mBAAiB,UAAU;AAC3B,qBAAmB,WAAW,gBAAgB;;CAE/C,MAAM,YAAY,iBAAiB;CACnC,MAAM,iBAAiB,eAAe,cAAc,cAAc;AAClE,QAAuB,oBAAI,sBAAsB,UAAU;EAC1D,OAAO;GACN,QAAQ;GACR;GACA;GACA;EACD;EACA,CAAC"}

package/dist/esm/react-intlayer/dist/esm/client/useLocaleStorage.mjs

@@ -0,0 +1,23 @@
+import { getLocaleFromStorage, setLocaleInStorage } from "../@intlayer/core/dist/esm/utils/localeStorage.mjs";
+import { localeStorageOptions } from "../@intlayer/core/dist/esm/localization/getBrowserLocale.mjs";
+import "react";
+
+//#region ../react-intlayer/dist/esm/client/useLocaleStorage.mjs
+/**
+* Get the locale cookie
+*/
+/**
+* Get the locale cookie
+*/
+const localeInStorage = getLocaleFromStorage(localeStorageOptions);
+/**
+* Set the locale cookie
+*/
+const setLocaleInStorage$1 = (locale, isCookieEnabled) => setLocaleInStorage(locale, {
+	...localeStorageOptions,
+	isCookieEnabled
+});
+
+//#endregion
+export { localeInStorage, setLocaleInStorage$1 as setLocaleInStorage };
+//# sourceMappingURL=useLocaleStorage.mjs.map

package/dist/esm/react-intlayer/dist/esm/client/useLocaleStorage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocaleStorage.mjs","names":["setLocaleInStorage","setLocaleInStorage$1"],"sources":["../../../../../../../react-intlayer/dist/esm/client/useLocaleStorage.mjs"],"sourcesContent":["import { LocaleStorage, getLocaleFromStorage, setLocaleInStorage as setLocaleInStorage$1 } from \"../@intlayer/core/dist/esm/utils/localeStorage.mjs\";\nimport { localeStorageOptions } from \"../@intlayer/core/dist/esm/localization/getBrowserLocale.mjs\";\nimport { useMemo } from \"react\";\n\n//#region src/client/useLocaleStorage.ts\n/**\n* Get the locale cookie\n*/\n/**\n* Get the locale cookie\n*/\nconst localeInStorage = getLocaleFromStorage(localeStorageOptions);\n/**\n* @deprecated Use localeInStorage instead\n*\n* Get the locale cookie\n*/\nconst localeCookie = localeInStorage;\n/**\n* Set the locale cookie\n*/\nconst setLocaleInStorage = (locale, isCookieEnabled) => setLocaleInStorage$1(locale, {\n\t...localeStorageOptions,\n\tisCookieEnabled\n});\n/**\n* @deprecated Use setLocaleInStorage instead\n*\n* Set the locale cookie\n*/\nconst setLocaleCookie = setLocaleInStorage;\n/**\n* Hook that provides the locale cookie and a function to set it\n*/\nconst useLocaleStorage = (isCookieEnabled) => useMemo(() => LocaleStorage({\n\t...localeStorageOptions,\n\tisCookieEnabled\n}), [isCookieEnabled]);\n/**\n* @deprecated Use useLocaleStorage instead\n*\n* For GDPR compliance, use useLocaleStorage instead\n*\n* Hook that provides the locale cookie and a function to set it\n*/\nconst useLocaleCookie = (isCookieEnabled) => {\n\tconst storage = useLocaleStorage(isCookieEnabled);\n\treturn {\n\t\tlocaleCookie: storage.getLocale(),\n\t\tsetLocaleCookie: storage.setLocale\n\t};\n};\n\n//#endregion\nexport { localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorage };\n//# sourceMappingURL=useLocaleStorage.mjs.map"],"mappings":";;;;;;;;;;;AAWA,MAAM,kBAAkB,qBAAqB,qBAAqB;;;;AAUlE,MAAMA,wBAAsB,QAAQ,oBAAoBC,mBAAqB,QAAQ;CACpF,GAAG;CACH;CACA,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-intlayer",
-  "version": "7.0.8",
+  "version": "7.0.9-canary.2",
   "private": false,
   "description": "A React Native plugin for seamless internationalization (i18n), providing locale detection, redirection, and environment-based configuration",
   "keywords": [
@@ -78,40 +78,43 @@
     "lint": "biome lint .",
     "lint:fix": "biome lint --write .",
     "prepublish": "cp -f ../../README.md ./README.md",
+    "publish": "bun publish --access public || true",
+    "publish:canary": "bun publish --tag canary --access public || true",
+    "publish:latest": "bun publish --tag latest --access public || true",
     "test": "vitest run",
     "test:watch": "vitest",
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/chokidar": "7.0.8",
-    "@intlayer/config": "7.0.8",
-    "@intlayer/core": "7.0.8",
-    "@intlayer/types": "7.0.8",
-    "react-intlayer": "7.0.8"
+    "@intlayer/chokidar": "7.0.9-canary.2",
+    "@intlayer/config": "7.0.9-canary.2",
+    "@intlayer/core": "7.0.9-canary.2",
+    "@intlayer/types": "7.0.9-canary.2",
+    "react-intlayer": "7.0.9-canary.2"
   },
   "devDependencies": {
-    "@types/node": "24.10.0",
+    "@types/node": "24.10.1",
     "@types/react": ">=18.0.0",
-    "@utils/ts-config": "7.0.8",
-    "@utils/ts-config-types": "7.0.8",
-    "@utils/tsdown-config": "7.0.8",
+    "@utils/ts-config": "1.0.4",
+    "@utils/ts-config-types": "1.0.4",
+    "@utils/tsdown-config": "1.0.4",
     "expo": "54.0.12",
     "metro-resolver": "0.82.0",
     "react": ">=18.0.0",
     "rimraf": "6.1.0",
-    "tsdown": "0.16.0",
+    "tsdown": "0.16.4",
     "typescript": "5.9.3",
-    "vitest": "4.0.7"
+    "vitest": "4.0.8"
   },
   "peerDependencies": {
-    "@intlayer/chokidar": "7.0.8",
-    "@intlayer/config": "7.0.8",
-    "@intlayer/core": "7.0.8",
-    "@intlayer/types": "7.0.8",
+    "@intlayer/chokidar": "7.0.9-canary.2",
+    "@intlayer/config": "7.0.9-canary.2",
+    "@intlayer/core": "7.0.9-canary.2",
+    "@intlayer/types": "7.0.9-canary.2",
     "expo": ">=52",
     "metro-resolver": ">=0.80",
     "react": ">=18.0.0",
-    "react-intlayer": "7.0.8"
+    "react-intlayer": "7.0.9-canary.2"
   },
   "engines": {
     "node": ">=14.18"