react-intlayer 9.6.0 → 9.7.0

package/dist/cjs/editor/useEditor.cjs

@@ -12,16 +12,24 @@ let _intlayer_editor_isEnabled = require("@intlayer/editor/isEnabled");
 * the editor always knows which locale the app is displaying.
 */
 const useEditor = () => {
-	const { locale } = (0, react.useContext)(require_client_IntlayerProvider.IntlayerClientContext) ?? {};
+	const { locale, setLocale } = (0, react.useContext)(require_client_IntlayerProvider.IntlayerClientContext) ?? {};
 	const managerRef = (0, react.useRef)(null);
+	const setLocaleRef = (0, react.useRef)(setLocale);
+	setLocaleRef.current = setLocale;
 	(0, react.useEffect)(() => {
 		if (process.env.INTLAYER_EDITOR_ENABLED === "false" || !_intlayer_editor_isEnabled.isEnabled) return;
+		let unsubscribeLocaleRequest = null;
+		let isStopped = false;
 		import("@intlayer/editor").then(({ initEditorClient }) => {
+			if (isStopped) return;
 			const manager = initEditorClient();
 			managerRef.current = manager;
 			if (locale) manager.currentLocale.set(locale);
+			unsubscribeLocaleRequest = manager.onLocaleChangeRequested((requestedLocale) => setLocaleRef.current?.(requestedLocale));
 		}).catch(() => {});
 		return () => {
+			isStopped = true;
+			unsubscribeLocaleRequest?.();
 			managerRef.current = null;
 			import("@intlayer/editor").then(({ stopEditorClient }) => {
 				stopEditorClient();

package/dist/cjs/editor/useEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEditor.cjs","names":["useContext","IntlayerClientContext","useRef","isEnabled"],"sources":["../../../src/editor/useEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { EditorStateManager } from '@intlayer/editor';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { useContext, useEffect, useRef } from 'react';\nimport { IntlayerClientContext } from '../client/IntlayerProvider';\n\n/**\n * Initializes the Intlayer editor client singleton when the editor is enabled.\n * Syncs the current locale from the Intlayer context into the editor manager so\n * the editor always knows which locale the app is displaying.\n */\nexport const useEditor = () => {\n  const { locale } = useContext(IntlayerClientContext) ?? {};\n  const managerRef = useRef<EditorStateManager | null>(null);\n\n  useEffect(() => {\n    if (process.env.INTLAYER_EDITOR_ENABLED === 'false' || !isEnabled) return;\n\n    import('@intlayer/editor')\n      .then(({ initEditorClient }) => {\n        const manager = initEditorClient();\n        managerRef.current = manager;\n\n        if (locale) manager.currentLocale.set(locale as Locale);\n      })\n      .catch(() => {});\n\n    return () => {\n      managerRef.current = null;\n      import('@intlayer/editor')\n        .then(({ stopEditorClient }) => {\n          stopEditorClient();\n        })\n        .catch(() => {});\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!locale || !managerRef.current) return;\n\n    managerRef.current.currentLocale.set(locale as Locale);\n  }, [locale]);\n};\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAa,kBAAkB;CAC7B,MAAM,EAAE,eAAWA,kBAAWC,qDAAqB,KAAK,CAAC;CACzD,MAAM,iBAAaC,cAAkC,IAAI;CAEzD,2BAAgB;EACd,IAAI,QAAQ,IAAI,4BAA4B,WAAW,CAACC,sCAAW;EAEnE,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;GAC9B,MAAM,UAAU,iBAAiB;GACjC,WAAW,UAAU;GAErB,IAAI,QAAQ,QAAQ,cAAc,IAAI,MAAgB;EACxD,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;EAEjB,aAAa;GACX,WAAW,UAAU;GACrB,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;IAC9B,iBAAiB;GACnB,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;EACnB;CACF,GAAG,CAAC,CAAC;CAEL,2BAAgB;EACd,IAAI,CAAC,UAAU,CAAC,WAAW,SAAS;EAEpC,WAAW,QAAQ,cAAc,IAAI,MAAgB;CACvD,GAAG,CAAC,MAAM,CAAC;AACb"}
+{"version":3,"file":"useEditor.cjs","names":["useContext","IntlayerClientContext","useRef","isEnabled"],"sources":["../../../src/editor/useEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { EditorStateManager } from '@intlayer/editor';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { useContext, useEffect, useRef } from 'react';\nimport { IntlayerClientContext } from '../client/IntlayerProvider';\n\n/**\n * Initializes the Intlayer editor client singleton when the editor is enabled.\n * Syncs the current locale from the Intlayer context into the editor manager so\n * the editor always knows which locale the app is displaying.\n */\nexport const useEditor = () => {\n  const { locale, setLocale } = useContext(IntlayerClientContext) ?? {};\n  const managerRef = useRef<EditorStateManager | null>(null);\n  // Read through a ref: the subscription outlives the render that created it\n  const setLocaleRef = useRef(setLocale);\n  setLocaleRef.current = setLocale;\n\n  useEffect(() => {\n    if (process.env.INTLAYER_EDITOR_ENABLED === 'false' || !isEnabled) return;\n\n    let unsubscribeLocaleRequest: (() => void) | null = null;\n    let isStopped = false;\n\n    import('@intlayer/editor')\n      .then(({ initEditorClient }) => {\n        if (isStopped) return;\n\n        const manager = initEditorClient();\n        managerRef.current = manager;\n\n        if (locale) manager.currentLocale.set(locale as Locale);\n\n        unsubscribeLocaleRequest = manager.onLocaleChangeRequested(\n          (requestedLocale) => setLocaleRef.current?.(requestedLocale)\n        );\n      })\n      .catch(() => {});\n\n    return () => {\n      isStopped = true;\n      unsubscribeLocaleRequest?.();\n      managerRef.current = null;\n      import('@intlayer/editor')\n        .then(({ stopEditorClient }) => {\n          stopEditorClient();\n        })\n        .catch(() => {});\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!locale || !managerRef.current) return;\n\n    managerRef.current.currentLocale.set(locale as Locale);\n  }, [locale]);\n};\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAa,kBAAkB;CAC7B,MAAM,EAAE,QAAQ,kBAAcA,kBAAWC,qDAAqB,KAAK,CAAC;CACpE,MAAM,iBAAaC,cAAkC,IAAI;CAEzD,MAAM,mBAAeA,cAAO,SAAS;CACrC,aAAa,UAAU;CAEvB,2BAAgB;EACd,IAAI,QAAQ,IAAI,4BAA4B,WAAW,CAACC,sCAAW;EAEnE,IAAI,2BAAgD;EACpD,IAAI,YAAY;EAEhB,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;GAC9B,IAAI,WAAW;GAEf,MAAM,UAAU,iBAAiB;GACjC,WAAW,UAAU;GAErB,IAAI,QAAQ,QAAQ,cAAc,IAAI,MAAgB;GAEtD,2BAA2B,QAAQ,yBAChC,oBAAoB,aAAa,UAAU,eAAe,CAC7D;EACF,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;EAEjB,aAAa;GACX,YAAY;GACZ,2BAA2B;GAC3B,WAAW,UAAU;GACrB,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;IAC9B,iBAAiB;GACnB,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;EACnB;CACF,GAAG,CAAC,CAAC;CAEL,2BAAgB;EACd,IAAI,CAAC,UAAU,CAAC,WAAW,SAAS;EAEpC,WAAW,QAAQ,cAAc,IAAI,MAAgB;CACvD,GAAG,CAAC,MAAM,CAAC;AACb"}

package/dist/cjs/server/format/useIntl.cjs

@@ -1,7 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_server_serverContext = require('../serverContext.cjs');
 const require_server_IntlayerServerProvider = require('../IntlayerServerProvider.cjs');
-let _intlayer_config_built = require("@intlayer/config/built");
 let _intlayer_core_formatters = require("@intlayer/core/formatters");
 
 //#region src/server/format/useIntl.ts
@@ -35,7 +34,7 @@ let _intlayer_core_formatters = require("@intlayer/core/formatters");
 */
 const useIntl = (locale) => {
 	const currentLocale = require_server_serverContext.getServerContext(require_server_IntlayerServerProvider.IntlayerServerContext);
-	return (0, _intlayer_core_formatters.bindIntl)(locale ?? currentLocale ?? _intlayer_config_built.internationalization?.defaultLocale);
+	return (0, _intlayer_core_formatters.bindIntl)(locale ?? currentLocale);
 };
 
 //#endregion

package/dist/cjs/server/format/useIntl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntl.cjs","names":["getServerContext","IntlayerServerContext","bindIntl","internationalization"],"sources":["../../../../src/server/format/useIntl.ts"],"sourcesContent":["import { internationalization } from '@intlayer/config/built';\nimport { bindIntl, type WrappedIntl } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a locale-bound `Intl` object.\n *\n * It acts exactly like the native `Intl` object, but acts as a proxy to:\n * 1. Inject the current locale automatically if none is provided.\n * 2. Use the performance-optimized `CachedIntl` under the hood.\n *\n * @example\n * ```tsx\n * const intl = useIntl(); // uses context locale\n *\n * // Standard API, but no need to pass 'en-US' as the first argument\n * const formatted = new intl.NumberFormat({\n * style: 'currency',\n * currency: 'USD'\n * }).format(123.45);\n * ```\n *\n * @example\n * ```tsx\n * const intl = useIntl();\n *\n * // You can still override the locale if needed\n * const date = new intl.DateTimeFormat({ locale: 'fr-FR' }).format(new Date());\n * // or\n * const date2 = new intl.DateTimeFormat('fr-FR').format(new Date());\n * ```\n */\nexport const useIntl = (locale?: LocalesValues): WrappedIntl => {\n  const currentLocale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return bindIntl(\n    locale ?? currentLocale ?? internationalization?.defaultLocale\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAa,WAAW,WAAwC;CAC9D,MAAM,gBAAgBA,8CAAgCC,2DAAqB;CAE3E,WAAOC,oCACL,UAAU,iBAAiBC,6CAAsB,aACnD;AACF"}
+{"version":3,"file":"useIntl.cjs","names":["getServerContext","IntlayerServerContext","bindIntl"],"sources":["../../../../src/server/format/useIntl.ts"],"sourcesContent":["import { bindIntl, type WrappedIntl } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a locale-bound `Intl` object.\n *\n * It acts exactly like the native `Intl` object, but acts as a proxy to:\n * 1. Inject the current locale automatically if none is provided.\n * 2. Use the performance-optimized `CachedIntl` under the hood.\n *\n * @example\n * ```tsx\n * const intl = useIntl(); // uses context locale\n *\n * // Standard API, but no need to pass 'en-US' as the first argument\n * const formatted = new intl.NumberFormat({\n * style: 'currency',\n * currency: 'USD'\n * }).format(123.45);\n * ```\n *\n * @example\n * ```tsx\n * const intl = useIntl();\n *\n * // You can still override the locale if needed\n * const date = new intl.DateTimeFormat({ locale: 'fr-FR' }).format(new Date());\n * // or\n * const date2 = new intl.DateTimeFormat('fr-FR').format(new Date());\n * ```\n */\nexport const useIntl = (locale?: LocalesValues): WrappedIntl => {\n  const currentLocale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return bindIntl(locale ?? currentLocale);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAa,WAAW,WAAwC;CAC9D,MAAM,gBAAgBA,8CAAgCC,2DAAqB;CAE3E,WAAOC,oCAAS,UAAU,aAAa;AACzC"}

package/dist/esm/editor/useEditor.mjs

@@ -11,16 +11,24 @@ import { isEnabled } from "@intlayer/editor/isEnabled";
 * the editor always knows which locale the app is displaying.
 */
 const useEditor = () => {
-	const { locale } = useContext(IntlayerClientContext) ?? {};
+	const { locale, setLocale } = useContext(IntlayerClientContext) ?? {};
 	const managerRef = useRef(null);
+	const setLocaleRef = useRef(setLocale);
+	setLocaleRef.current = setLocale;
 	useEffect(() => {
 		if (process.env.INTLAYER_EDITOR_ENABLED === "false" || !isEnabled) return;
+		let unsubscribeLocaleRequest = null;
+		let isStopped = false;
 		import("@intlayer/editor").then(({ initEditorClient }) => {
+			if (isStopped) return;
 			const manager = initEditorClient();
 			managerRef.current = manager;
 			if (locale) manager.currentLocale.set(locale);
+			unsubscribeLocaleRequest = manager.onLocaleChangeRequested((requestedLocale) => setLocaleRef.current?.(requestedLocale));
 		}).catch(() => {});
 		return () => {
+			isStopped = true;
+			unsubscribeLocaleRequest?.();
 			managerRef.current = null;
 			import("@intlayer/editor").then(({ stopEditorClient }) => {
 				stopEditorClient();

package/dist/esm/editor/useEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEditor.mjs","names":[],"sources":["../../../src/editor/useEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { EditorStateManager } from '@intlayer/editor';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { useContext, useEffect, useRef } from 'react';\nimport { IntlayerClientContext } from '../client/IntlayerProvider';\n\n/**\n * Initializes the Intlayer editor client singleton when the editor is enabled.\n * Syncs the current locale from the Intlayer context into the editor manager so\n * the editor always knows which locale the app is displaying.\n */\nexport const useEditor = () => {\n  const { locale } = useContext(IntlayerClientContext) ?? {};\n  const managerRef = useRef<EditorStateManager | null>(null);\n\n  useEffect(() => {\n    if (process.env.INTLAYER_EDITOR_ENABLED === 'false' || !isEnabled) return;\n\n    import('@intlayer/editor')\n      .then(({ initEditorClient }) => {\n        const manager = initEditorClient();\n        managerRef.current = manager;\n\n        if (locale) manager.currentLocale.set(locale as Locale);\n      })\n      .catch(() => {});\n\n    return () => {\n      managerRef.current = null;\n      import('@intlayer/editor')\n        .then(({ stopEditorClient }) => {\n          stopEditorClient();\n        })\n        .catch(() => {});\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!locale || !managerRef.current) return;\n\n    managerRef.current.currentLocale.set(locale as Locale);\n  }, [locale]);\n};\n"],"mappings":";;;;;;;;;;;;AAaA,MAAa,kBAAkB;CAC7B,MAAM,EAAE,WAAW,WAAW,qBAAqB,KAAK,CAAC;CACzD,MAAM,aAAa,OAAkC,IAAI;CAEzD,gBAAgB;EACd,IAAI,QAAQ,IAAI,4BAA4B,WAAW,CAAC,WAAW;EAEnE,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;GAC9B,MAAM,UAAU,iBAAiB;GACjC,WAAW,UAAU;GAErB,IAAI,QAAQ,QAAQ,cAAc,IAAI,MAAgB;EACxD,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;EAEjB,aAAa;GACX,WAAW,UAAU;GACrB,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;IAC9B,iBAAiB;GACnB,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;EACnB;CACF,GAAG,CAAC,CAAC;CAEL,gBAAgB;EACd,IAAI,CAAC,UAAU,CAAC,WAAW,SAAS;EAEpC,WAAW,QAAQ,cAAc,IAAI,MAAgB;CACvD,GAAG,CAAC,MAAM,CAAC;AACb"}
+{"version":3,"file":"useEditor.mjs","names":[],"sources":["../../../src/editor/useEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { EditorStateManager } from '@intlayer/editor';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { useContext, useEffect, useRef } from 'react';\nimport { IntlayerClientContext } from '../client/IntlayerProvider';\n\n/**\n * Initializes the Intlayer editor client singleton when the editor is enabled.\n * Syncs the current locale from the Intlayer context into the editor manager so\n * the editor always knows which locale the app is displaying.\n */\nexport const useEditor = () => {\n  const { locale, setLocale } = useContext(IntlayerClientContext) ?? {};\n  const managerRef = useRef<EditorStateManager | null>(null);\n  // Read through a ref: the subscription outlives the render that created it\n  const setLocaleRef = useRef(setLocale);\n  setLocaleRef.current = setLocale;\n\n  useEffect(() => {\n    if (process.env.INTLAYER_EDITOR_ENABLED === 'false' || !isEnabled) return;\n\n    let unsubscribeLocaleRequest: (() => void) | null = null;\n    let isStopped = false;\n\n    import('@intlayer/editor')\n      .then(({ initEditorClient }) => {\n        if (isStopped) return;\n\n        const manager = initEditorClient();\n        managerRef.current = manager;\n\n        if (locale) manager.currentLocale.set(locale as Locale);\n\n        unsubscribeLocaleRequest = manager.onLocaleChangeRequested(\n          (requestedLocale) => setLocaleRef.current?.(requestedLocale)\n        );\n      })\n      .catch(() => {});\n\n    return () => {\n      isStopped = true;\n      unsubscribeLocaleRequest?.();\n      managerRef.current = null;\n      import('@intlayer/editor')\n        .then(({ stopEditorClient }) => {\n          stopEditorClient();\n        })\n        .catch(() => {});\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!locale || !managerRef.current) return;\n\n    managerRef.current.currentLocale.set(locale as Locale);\n  }, [locale]);\n};\n"],"mappings":";;;;;;;;;;;;AAaA,MAAa,kBAAkB;CAC7B,MAAM,EAAE,QAAQ,cAAc,WAAW,qBAAqB,KAAK,CAAC;CACpE,MAAM,aAAa,OAAkC,IAAI;CAEzD,MAAM,eAAe,OAAO,SAAS;CACrC,aAAa,UAAU;CAEvB,gBAAgB;EACd,IAAI,QAAQ,IAAI,4BAA4B,WAAW,CAAC,WAAW;EAEnE,IAAI,2BAAgD;EACpD,IAAI,YAAY;EAEhB,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;GAC9B,IAAI,WAAW;GAEf,MAAM,UAAU,iBAAiB;GACjC,WAAW,UAAU;GAErB,IAAI,QAAQ,QAAQ,cAAc,IAAI,MAAgB;GAEtD,2BAA2B,QAAQ,yBAChC,oBAAoB,aAAa,UAAU,eAAe,CAC7D;EACF,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;EAEjB,aAAa;GACX,YAAY;GACZ,2BAA2B;GAC3B,WAAW,UAAU;GACrB,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;IAC9B,iBAAiB;GACnB,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;EACnB;CACF,GAAG,CAAC,CAAC;CAEL,gBAAgB;EACd,IAAI,CAAC,UAAU,CAAC,WAAW,SAAS;EAEpC,WAAW,QAAQ,cAAc,IAAI,MAAgB;CACvD,GAAG,CAAC,MAAM,CAAC;AACb"}

package/dist/esm/server/format/useIntl.mjs

@@ -1,6 +1,5 @@
 import { getServerContext } from "../serverContext.mjs";
 import { IntlayerServerContext } from "../IntlayerServerProvider.mjs";
-import { internationalization } from "@intlayer/config/built";
 import { bindIntl } from "@intlayer/core/formatters";
 
 //#region src/server/format/useIntl.ts
@@ -34,7 +33,7 @@ import { bindIntl } from "@intlayer/core/formatters";
 */
 const useIntl = (locale) => {
 	const currentLocale = getServerContext(IntlayerServerContext);
-	return bindIntl(locale ?? currentLocale ?? internationalization?.defaultLocale);
+	return bindIntl(locale ?? currentLocale);
 };
 
 //#endregion

package/dist/esm/server/format/useIntl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntl.mjs","names":[],"sources":["../../../../src/server/format/useIntl.ts"],"sourcesContent":["import { internationalization } from '@intlayer/config/built';\nimport { bindIntl, type WrappedIntl } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a locale-bound `Intl` object.\n *\n * It acts exactly like the native `Intl` object, but acts as a proxy to:\n * 1. Inject the current locale automatically if none is provided.\n * 2. Use the performance-optimized `CachedIntl` under the hood.\n *\n * @example\n * ```tsx\n * const intl = useIntl(); // uses context locale\n *\n * // Standard API, but no need to pass 'en-US' as the first argument\n * const formatted = new intl.NumberFormat({\n * style: 'currency',\n * currency: 'USD'\n * }).format(123.45);\n * ```\n *\n * @example\n * ```tsx\n * const intl = useIntl();\n *\n * // You can still override the locale if needed\n * const date = new intl.DateTimeFormat({ locale: 'fr-FR' }).format(new Date());\n * // or\n * const date2 = new intl.DateTimeFormat('fr-FR').format(new Date());\n * ```\n */\nexport const useIntl = (locale?: LocalesValues): WrappedIntl => {\n  const currentLocale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return bindIntl(\n    locale ?? currentLocale ?? internationalization?.defaultLocale\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAa,WAAW,WAAwC;CAC9D,MAAM,gBAAgB,iBAAgC,qBAAqB;CAE3E,OAAO,SACL,UAAU,iBAAiB,sBAAsB,aACnD;AACF"}
+{"version":3,"file":"useIntl.mjs","names":[],"sources":["../../../../src/server/format/useIntl.ts"],"sourcesContent":["import { bindIntl, type WrappedIntl } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a locale-bound `Intl` object.\n *\n * It acts exactly like the native `Intl` object, but acts as a proxy to:\n * 1. Inject the current locale automatically if none is provided.\n * 2. Use the performance-optimized `CachedIntl` under the hood.\n *\n * @example\n * ```tsx\n * const intl = useIntl(); // uses context locale\n *\n * // Standard API, but no need to pass 'en-US' as the first argument\n * const formatted = new intl.NumberFormat({\n * style: 'currency',\n * currency: 'USD'\n * }).format(123.45);\n * ```\n *\n * @example\n * ```tsx\n * const intl = useIntl();\n *\n * // You can still override the locale if needed\n * const date = new intl.DateTimeFormat({ locale: 'fr-FR' }).format(new Date());\n * // or\n * const date2 = new intl.DateTimeFormat('fr-FR').format(new Date());\n * ```\n */\nexport const useIntl = (locale?: LocalesValues): WrappedIntl => {\n  const currentLocale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return bindIntl(locale ?? currentLocale);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAa,WAAW,WAAwC;CAC9D,MAAM,gBAAgB,iBAAgC,qBAAqB;CAE3E,OAAO,SAAS,UAAU,aAAa;AACzC"}

package/dist/types/server/format/useIntl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIntl.d.ts","names":[],"sources":["../../../../src/server/format/useIntl.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAkCa,UAAO,SAAa,kBAAgB"}
+{"version":3,"file":"useIntl.d.ts","names":[],"sources":["../../../../src/server/format/useIntl.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAiCa,UAAO,SAAa,kBAAgB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-intlayer",
-  "version": "9.6.0",
+  "version": "9.7.0",
   "private": false,
   "description": "Easily internationalize i18n your React applications with type-safe multilingual content management.",
   "keywords": [
@@ -133,17 +133,17 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "9.6.0",
+    "@intlayer/api": "9.7.0",
     "@intlayer/config": "9.6.0",
-    "@intlayer/core": "9.6.0",
+    "@intlayer/core": "9.7.0",
     "@intlayer/dictionaries-entry": "9.6.0",
-    "@intlayer/editor": "9.6.0",
-    "@intlayer/types": "9.6.0"
+    "@intlayer/editor": "9.7.0",
+    "@intlayer/types": "9.7.0"
   },
   "devDependencies": {
     "@craco/types": "7.1.0",
     "@testing-library/react": "16.3.3",
-    "@types/node": "^22",
+    "@types/node": "^26",
     "@types/react": ">=16.0.0",
     "@types/react-dom": ">=16.0.0",
     "@utils/ts-config": "1.0.4",
@@ -159,7 +159,7 @@
     "react-dom": ">=16.0.0"
   },
   "optionalDependencies": {
-    "@intlayer/analytics": "9.6.0"
+    "@intlayer/analytics": "9.7.0"
   },
   "engines": {
     "node": ">=14.18"