preact-intlayer 8.1.2 → 8.1.3

package/dist/cjs/client/useLocaleBase.cjs

@@ -1,27 +1,2 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_client_IntlayerProvider = require('./IntlayerProvider.cjs');
-let preact_hooks = require("preact/hooks");
-let _intlayer_config_built = require("@intlayer/config/built");
-_intlayer_config_built = require_runtime.__toESM(_intlayer_config_built);
-
-//#region src/client/useLocaleBase.ts
-const { defaultLocale, locales: availableLocales } = _intlayer_config_built.default.internationalization;
-/**
-* On the client side, hook to get the current locale and all related fields
-*/
-const useLocaleBase = () => {
-	const { locale, setLocale } = (0, preact_hooks.useContext)(require_client_IntlayerProvider.IntlayerClientContext);
-	return {
-		locale,
-		defaultLocale,
-		availableLocales,
-		setLocale
-	};
-};
-
-//#endregion
-exports.useLocaleBase = useLocaleBase;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`./IntlayerProvider.cjs`);let n=require(`preact/hooks`),r=require(`@intlayer/config/built`);r=e.__toESM(r);const{defaultLocale:i,locales:a}=r.default.internationalization,o=()=>{let{locale:e,setLocale:r}=(0,n.useContext)(t.IntlayerClientContext);return{locale:e,defaultLocale:i,availableLocales:a,setLocale:r}};exports.useLocaleBase=o;
 //# sourceMappingURL=useLocaleBase.cjs.map

package/dist/cjs/client/useLocaleBase.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLocaleBase.cjs","names":["configuration","IntlayerClientContext"],"sources":["../../../src/client/useLocaleBase.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\nconst { defaultLocale, locales: availableLocales } =\n  configuration.internationalization;\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocaleBase = () => {\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;;;;;;;;;AAMA,MAAM,EAAE,eAAe,SAAS,qBAC9BA,+BAAc;;;;AAKhB,MAAa,sBAAsB;CACjC,MAAM,EAAE,QAAQ,2CAAyBC,sDAAsB;AAE/D,QAAO;EACL;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"useLocaleBase.cjs","names":["configuration","IntlayerClientContext"],"sources":["../../../src/client/useLocaleBase.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\nconst { defaultLocale, locales: availableLocales } =\n  configuration.internationalization;\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocaleBase = () => {\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":"0PAMA,KAAM,CAAE,gBAAe,QAAS,GAC9BA,EAAAA,QAAc,qBAKH,MAAsB,CACjC,GAAM,CAAE,SAAQ,cAAA,EAAA,EAAA,YAAyBC,EAAAA,sBAAsB,CAE/D,MAAO,CACL,SACA,gBACA,mBACA,YACD"}

package/dist/cjs/client/useLocaleStorage.cjs

@@ -1,59 +1,2 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-let _intlayer_core = require("@intlayer/core");
-let preact_hooks = require("preact/hooks");
-
-//#region src/client/useLocaleStorage.ts
-/**
-* Get the locale cookie
-*/
-const localeInStorage = (0, _intlayer_core.getLocaleFromStorage)(_intlayer_core.localeStorageOptions);
-/**
-* @deprecated Use localeInStorage instead
-*
-* Get the locale cookie
-*/
-const localeCookie = localeInStorage;
-/**
-* Set the locale cookie
-*/
-const setLocaleInStorage = (locale, isCookieEnabled) => (0, _intlayer_core.setLocaleInStorage)(locale, {
-	..._intlayer_core.localeStorageOptions,
-	isCookieEnabled
-});
-/**
-* @deprecated Use setLocaleInStorage instead
-*
-* Set the locale cookie
-*/
-const setLocaleCookie = setLocaleInStorage;
-/**
-* Hook that provides the locale storage and a function to set it
-*/
-const useLocaleStorage = (isCookieEnabled) => (0, preact_hooks.useMemo)(() => (0, _intlayer_core.LocaleStorage)({
-	..._intlayer_core.localeStorageOptions,
-	isCookieEnabled
-}), [isCookieEnabled]);
-/**
-* @deprecated Use useLocaleStorage instead
-*
-* For GDPR compliance, use useLocaleStorage instead
-*
-* Hook that provides the locale cookie and a function to set it
-*/
-const useLocaleCookie = (isCookieEnabled) => {
-	const storage = useLocaleStorage(isCookieEnabled);
-	return {
-		localeCookie: storage.getLocale(),
-		setLocaleCookie: storage.setLocale
-	};
-};
-
-//#endregion
-exports.localeCookie = localeCookie;
-exports.localeInStorage = localeInStorage;
-exports.setLocaleCookie = setLocaleCookie;
-exports.setLocaleInStorage = setLocaleInStorage;
-exports.useLocaleCookie = useLocaleCookie;
-exports.useLocaleStorage = useLocaleStorage;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);let e=require(`@intlayer/core/utils`),t=require(`preact/hooks`),n=require(`@intlayer/core/localization`);const r=(0,e.getLocaleFromStorage)(n.localeStorageOptions),i=r,a=(t,r)=>(0,e.setLocaleInStorage)(t,{...n.localeStorageOptions,isCookieEnabled:r}),o=a,s=r=>(0,t.useMemo)(()=>(0,e.LocaleStorage)({...n.localeStorageOptions,isCookieEnabled:r}),[r]),c=e=>{let t=s(e);return{localeCookie:t.getLocale(),setLocaleCookie:t.setLocale}};exports.localeCookie=i,exports.localeInStorage=r,exports.setLocaleCookie=o,exports.setLocaleInStorage=a,exports.useLocaleCookie=c,exports.useLocaleStorage=s;
 //# sourceMappingURL=useLocaleStorage.cjs.map

package/dist/cjs/client/useLocaleStorage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLocaleStorage.cjs","names":["localeStorageOptions"],"sources":["../../../src/client/useLocaleStorage.ts"],"sourcesContent":["import {\n  getLocaleFromStorage,\n  LocaleStorage,\n  localeStorageOptions,\n  setLocaleInStorage as setLocaleInStorageCore,\n} from '@intlayer/core';\nimport type { LocalesValues } from '@intlayer/types';\nimport { useMemo } from 'preact/hooks';\n\n/**\n * Get the locale cookie\n */\nexport const localeInStorage = getLocaleFromStorage(localeStorageOptions);\n/**\n * @deprecated Use localeInStorage instead\n *\n * Get the locale cookie\n */\nexport const localeCookie = localeInStorage;\n\n/**\n * Set the locale cookie\n */\nexport const setLocaleInStorage = (\n  locale: LocalesValues,\n  isCookieEnabled: boolean\n) =>\n  setLocaleInStorageCore(locale, {\n    ...localeStorageOptions,\n    isCookieEnabled,\n  });\n\n/**\n * @deprecated Use setLocaleInStorage instead\n *\n * Set the locale cookie\n */\nexport const setLocaleCookie = setLocaleInStorage;\n\n/**\n * Hook that provides the locale storage and a function to set it\n */\nexport const useLocaleStorage = (isCookieEnabled?: boolean) =>\n  useMemo(\n    () =>\n      LocaleStorage({\n        ...localeStorageOptions,\n        isCookieEnabled,\n      }),\n    [isCookieEnabled]\n  );\n\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 */\nexport const useLocaleCookie = (isCookieEnabled?: boolean) => {\n  const storage = useLocaleStorage(isCookieEnabled);\n  return {\n    localeCookie: storage.getLocale(),\n    setLocaleCookie: storage.setLocale,\n  };\n};\n"],"mappings":";;;;;;;;;AAYA,MAAa,2DAAuCA,oCAAqB;;;;;;AAMzE,MAAa,eAAe;;;;AAK5B,MAAa,sBACX,QACA,2DAEuB,QAAQ;CAC7B,GAAGA;CACH;CACD,CAAC;;;;;;AAOJ,MAAa,kBAAkB;;;;AAK/B,MAAa,oBAAoB,sFAGb;CACZ,GAAGA;CACH;CACD,CAAC,EACJ,CAAC,gBAAgB,CAClB;;;;;;;;AASH,MAAa,mBAAmB,oBAA8B;CAC5D,MAAM,UAAU,iBAAiB,gBAAgB;AACjD,QAAO;EACL,cAAc,QAAQ,WAAW;EACjC,iBAAiB,QAAQ;EAC1B"}
+{"version":3,"file":"useLocaleStorage.cjs","names":["localeStorageOptions"],"sources":["../../../src/client/useLocaleStorage.ts"],"sourcesContent":["import { localeStorageOptions } from '@intlayer/core/localization';\nimport {\n  getLocaleFromStorage,\n  LocaleStorage,\n  setLocaleInStorage as setLocaleInStorageCore,\n} from '@intlayer/core/utils';\nimport type { LocalesValues } from '@intlayer/types';\nimport { useMemo } from 'preact/hooks';\n\n/**\n * Get the locale cookie\n */\nexport const localeInStorage = getLocaleFromStorage(localeStorageOptions);\n/**\n * @deprecated Use localeInStorage instead\n *\n * Get the locale cookie\n */\nexport const localeCookie = localeInStorage;\n\n/**\n * Set the locale cookie\n */\nexport const setLocaleInStorage = (\n  locale: LocalesValues,\n  isCookieEnabled: boolean\n) =>\n  setLocaleInStorageCore(locale, {\n    ...localeStorageOptions,\n    isCookieEnabled,\n  });\n\n/**\n * @deprecated Use setLocaleInStorage instead\n *\n * Set the locale cookie\n */\nexport const setLocaleCookie = setLocaleInStorage;\n\n/**\n * Hook that provides the locale storage and a function to set it\n */\nexport const useLocaleStorage = (isCookieEnabled?: boolean) =>\n  useMemo(\n    () =>\n      LocaleStorage({\n        ...localeStorageOptions,\n        isCookieEnabled,\n      }),\n    [isCookieEnabled]\n  );\n\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 */\nexport const useLocaleCookie = (isCookieEnabled?: boolean) => {\n  const storage = useLocaleStorage(isCookieEnabled);\n  return {\n    localeCookie: storage.getLocale(),\n    setLocaleCookie: storage.setLocale,\n  };\n};\n"],"mappings":"yNAYA,MAAa,GAAA,EAAA,EAAA,sBAAuCA,EAAAA,qBAAqB,CAM5D,EAAe,EAKf,GACX,EACA,KAAA,EAAA,EAAA,oBAEuB,EAAQ,CAC7B,GAAGA,EAAAA,qBACH,kBACD,CAAC,CAOS,EAAkB,EAKlB,EAAoB,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,eAGb,CACZ,GAAGA,EAAAA,qBACH,kBACD,CAAC,CACJ,CAAC,EAAgB,CAClB,CASU,EAAmB,GAA8B,CAC5D,IAAM,EAAU,EAAiB,EAAgB,CACjD,MAAO,CACL,aAAc,EAAQ,WAAW,CACjC,gBAAiB,EAAQ,UAC1B"}

package/dist/cjs/client/useTraduction.cjs

@@ -1,36 +1,2 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_client_IntlayerProvider = require('./IntlayerProvider.cjs');
-let _intlayer_core = require("@intlayer/core");
-let preact_hooks = require("preact/hooks");
-
-//#region src/client/useTraduction.ts
-/**
-* On the client side, Hook that picking one dictionary by its id and return the content.
-*
-* If not locale found, it will return the content related to the default locale.
-*
-* Return either the content editor, or the content itself depending on the configuration.
-*
-* Usage:
-*
-* ```tsx
-* const content = useTranslation<string>({
-*  en: 'Hello',
-*  fr: 'Bonjour',
-* }, 'fr');
-* // 'Bonjour'
-* ```
-*
-* Using TypeScript:
-* - this function will require each locale to be defined if defined in the project configuration.
-* - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.
-*/
-const useTranslation = (languageContent) => {
-	const { locale } = (0, preact_hooks.useContext)(require_client_IntlayerProvider.IntlayerClientContext);
-	return (0, preact_hooks.useMemo)(() => (0, _intlayer_core.getTranslation)(languageContent, locale), [languageContent, locale]);
-};
-
-//#endregion
-exports.useTranslation = useTranslation;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./IntlayerProvider.cjs`);let t=require(`@intlayer/core/interpreter`),n=require(`preact/hooks`);const r=r=>{let{locale:i}=(0,n.useContext)(e.IntlayerClientContext);return(0,n.useMemo)(()=>(0,t.getTranslation)(r,i),[r,i])};exports.useTranslation=r;
 //# sourceMappingURL=useTraduction.cjs.map

package/dist/cjs/client/useTraduction.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTraduction.cjs","names":["IntlayerClientContext"],"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import { getTranslation } from '@intlayer/core';\nimport type { StrictModeLocaleMap } from '@intlayer/types';\nimport { useContext, useMemo } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTranslation<string>({\n *  en: 'Hello',\n *  fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTranslation = <Content = string>(\n  languageContent: StrictModeLocaleMap<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useMemo(\n    () => getTranslation(languageContent, locale),\n    [languageContent, locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,kBACX,oBACY;CACZ,MAAM,EAAE,wCAAsBA,sDAAsB;AAEpD,2EACuB,iBAAiB,OAAO,EAC7C,CAAC,iBAAiB,OAAO,CAC1B"}
+{"version":3,"file":"useTraduction.cjs","names":["IntlayerClientContext"],"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import { getTranslation } from '@intlayer/core/interpreter';\nimport type { StrictModeLocaleMap } from '@intlayer/types';\nimport { useContext, useMemo } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTranslation<string>({\n *  en: 'Hello',\n *  fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTranslation = <Content = string>(\n  languageContent: StrictModeLocaleMap<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useMemo(\n    () => getTranslation(languageContent, locale),\n    [languageContent, locale]\n  );\n};\n"],"mappings":"gOA0BA,MAAa,EACX,GACY,CACZ,GAAM,CAAE,WAAA,EAAA,EAAA,YAAsBA,EAAAA,sBAAsB,CAEpD,OAAA,EAAA,EAAA,cAAA,EAAA,EAAA,gBACuB,EAAiB,EAAO,CAC7C,CAAC,EAAiB,EAAO,CAC1B"}

package/dist/cjs/editor/CommunicatorContext.cjs

@@ -1,40 +1,2 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-let preact = require("preact");
-let preact_hooks = require("preact/hooks");
-let _intlayer_config_built = require("@intlayer/config/built");
-_intlayer_config_built = require_runtime.__toESM(_intlayer_config_built);
-let preact_jsx_runtime = require("preact/jsx-runtime");
-
-//#region src/editor/CommunicatorContext.tsx
-const randomUUID = () => Math.random().toString(36).slice(2);
-const { editor } = _intlayer_config_built.default;
-const CommunicatorContext = (0, preact.createContext)({
-	postMessage: () => null,
-	allowedOrigins: [
-		editor?.applicationURL,
-		editor?.editorURL,
-		editor?.cmsURL
-	],
-	senderId: ""
-});
-const CommunicatorProvider = ({ children, allowedOrigins, postMessage }) => {
-	const senderIdRef = (0, preact_hooks.useRef)(randomUUID());
-	const value = (0, preact_hooks.useMemo)(() => ({
-		postMessage,
-		allowedOrigins,
-		senderId: senderIdRef.current
-	}), [postMessage, allowedOrigins]);
-	return /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(CommunicatorContext.Provider, {
-		value,
-		children
-	});
-};
-const useCommunicator = () => (0, preact_hooks.useContext)(CommunicatorContext);
-
-//#endregion
-exports.CommunicatorProvider = CommunicatorProvider;
-exports.useCommunicator = useCommunicator;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../_virtual/_rolldown/runtime.cjs`);let t=require(`preact`),n=require(`preact/hooks`),r=require(`@intlayer/config/built`);r=e.__toESM(r);let i=require(`preact/jsx-runtime`);const a=()=>Math.random().toString(36).slice(2),{editor:o}=r.default,s=(0,t.createContext)({postMessage:()=>null,allowedOrigins:[o?.applicationURL,o?.editorURL,o?.cmsURL],senderId:``}),c=({children:e,allowedOrigins:t,postMessage:r})=>{let o=(0,n.useRef)(a()),c=(0,n.useMemo)(()=>({postMessage:r,allowedOrigins:t,senderId:o.current}),[r,t]);return(0,i.jsx)(s.Provider,{value:c,children:e})},l=()=>(0,n.useContext)(s);exports.CommunicatorProvider=c,exports.useCommunicator=l;
 //# sourceMappingURL=CommunicatorContext.cjs.map

package/dist/cjs/editor/CommunicatorContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommunicatorContext.cjs","names":["configuration"],"sources":["../../../src/editor/CommunicatorContext.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport {\n  type ComponentChildren,\n  createContext,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext, useMemo, useRef } from 'preact/hooks';\n\nconst randomUUID = () => Math.random().toString(36).slice(2);\n\nexport type UseCrossPlatformStateProps = {\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n  senderId: string;\n};\n\nconst { editor } = configuration;\n\nconst CommunicatorContext = createContext<UseCrossPlatformStateProps>({\n  postMessage: () => null,\n  allowedOrigins: [\n    editor?.applicationURL,\n    editor?.editorURL,\n    editor?.cmsURL,\n  ] as string[],\n  senderId: '',\n});\n\nexport type CommunicatorProviderProps = {\n  children?: ComponentChildren;\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n};\n\nexport const CommunicatorProvider: FunctionComponent<\n  CommunicatorProviderProps\n> = ({ children, allowedOrigins, postMessage }) => {\n  // Create a stable, unique ID for the lifetime of this app/iframe instance.\n  const senderIdRef = useRef(randomUUID());\n\n  const value = useMemo(\n    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),\n    [postMessage, allowedOrigins] // senderIdRef.current is stable\n  );\n\n  return (\n    <CommunicatorContext.Provider value={value}>\n      {children}\n    </CommunicatorContext.Provider>\n  );\n};\n\nexport const useCommunicator = () => useContext(CommunicatorContext);\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,mBAAmB,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE;AAQ5D,MAAM,EAAE,WAAWA;AAEnB,MAAM,gDAAgE;CACpE,mBAAmB;CACnB,gBAAgB;EACd,QAAQ;EACR,QAAQ;EACR,QAAQ;EACT;CACD,UAAU;CACX,CAAC;AAQF,MAAa,wBAER,EAAE,UAAU,gBAAgB,kBAAkB;CAEjD,MAAM,uCAAqB,YAAY,CAAC;CAExC,MAAM,yCACG;EAAE;EAAa;EAAgB,UAAU,YAAY;EAAS,GACrE,CAAC,aAAa,eAAe,CAC9B;AAED,QACE,4CAAC,oBAAoB;EAAgB;EAClC;GAC4B;;AAInC,MAAa,qDAAmC,oBAAoB"}
+{"version":3,"file":"CommunicatorContext.cjs","names":["configuration"],"sources":["../../../src/editor/CommunicatorContext.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport {\n  type ComponentChildren,\n  createContext,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext, useMemo, useRef } from 'preact/hooks';\n\nconst randomUUID = () => Math.random().toString(36).slice(2);\n\nexport type UseCrossPlatformStateProps = {\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n  senderId: string;\n};\n\nconst { editor } = configuration;\n\nconst CommunicatorContext = createContext<UseCrossPlatformStateProps>({\n  postMessage: () => null,\n  allowedOrigins: [\n    editor?.applicationURL,\n    editor?.editorURL,\n    editor?.cmsURL,\n  ] as string[],\n  senderId: '',\n});\n\nexport type CommunicatorProviderProps = {\n  children?: ComponentChildren;\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n};\n\nexport const CommunicatorProvider: FunctionComponent<\n  CommunicatorProviderProps\n> = ({ children, allowedOrigins, postMessage }) => {\n  // Create a stable, unique ID for the lifetime of this app/iframe instance.\n  const senderIdRef = useRef(randomUUID());\n\n  const value = useMemo(\n    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),\n    [postMessage, allowedOrigins] // senderIdRef.current is stable\n  );\n\n  return (\n    <CommunicatorContext.Provider value={value}>\n      {children}\n    </CommunicatorContext.Provider>\n  );\n};\n\nexport const useCommunicator = () => useContext(CommunicatorContext);\n"],"mappings":"8QAUA,MAAM,MAAmB,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,CAQtD,CAAE,UAAWA,EAAAA,QAEb,GAAA,EAAA,EAAA,eAAgE,CACpE,gBAAmB,KACnB,eAAgB,CACd,GAAQ,eACR,GAAQ,UACR,GAAQ,OACT,CACD,SAAU,GACX,CAAC,CAQW,GAER,CAAE,WAAU,iBAAgB,iBAAkB,CAEjD,IAAM,GAAA,EAAA,EAAA,QAAqB,GAAY,CAAC,CAElC,GAAA,EAAA,EAAA,cACG,CAAE,cAAa,iBAAgB,SAAU,EAAY,QAAS,EACrE,CAAC,EAAa,EAAe,CAC9B,CAED,OACE,EAAA,EAAA,KAAC,EAAoB,SAAA,CAAgB,QAClC,YAC4B,EAItB,OAAA,EAAA,EAAA,YAAmC,EAAoB"}

package/dist/cjs/editor/ConfigurationContext.cjs

@@ -1,27 +1,2 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_useCrossFrameState = require('./useCrossFrameState.cjs');
-let preact = require("preact");
-let _intlayer_editor = require("@intlayer/editor");
-let preact_hooks = require("preact/hooks");
-let preact_jsx_runtime = require("preact/jsx-runtime");
-
-//#region src/editor/ConfigurationContext.tsx
-const ConfigurationStatesContext = (0, preact.createContext)(void 0);
-const useConfigurationState = () => require_editor_useCrossFrameState.useCrossFrameState(_intlayer_editor.MessageKey.INTLAYER_CONFIGURATION, void 0, {
-	receive: false,
-	emit: true
-});
-const ConfigurationProvider = ({ children, configuration }) => /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(ConfigurationStatesContext.Provider, {
-	value: configuration,
-	children
-});
-const useConfiguration = () => (0, preact_hooks.useContext)(ConfigurationStatesContext);
-
-//#endregion
-exports.ConfigurationProvider = ConfigurationProvider;
-exports.useConfiguration = useConfiguration;
-exports.useConfigurationState = useConfigurationState;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameState.cjs`);let t=require(`preact`),n=require(`@intlayer/editor`),r=require(`preact/hooks`),i=require(`preact/jsx-runtime`);const a=(0,t.createContext)(void 0),o=()=>e.useCrossFrameState(n.MessageKey.INTLAYER_CONFIGURATION,void 0,{receive:!1,emit:!0}),s=({children:e,configuration:t})=>(0,i.jsx)(a.Provider,{value:t,children:e}),c=()=>(0,r.useContext)(a);exports.ConfigurationProvider=s,exports.useConfiguration=c,exports.useConfigurationState=o;
 //# sourceMappingURL=ConfigurationContext.cjs.map

package/dist/cjs/editor/ConfigurationContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurationContext.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../../src/editor/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nconst ConfigurationStatesContext = createContext<IntlayerConfig | undefined>(\n  undefined\n);\n\nexport const useConfigurationState = () =>\n  useCrossFrameState<IntlayerConfig>(\n    MessageKey.INTLAYER_CONFIGURATION,\n    undefined,\n    {\n      receive: false,\n      emit: true,\n    }\n  );\n\nexport type ConfigurationProviderProps = {\n  configuration?: IntlayerConfig;\n};\n\nexport const ConfigurationProvider: FunctionalComponent<\n  RenderableProps<ConfigurationProviderProps>\n> = ({ children, configuration }) => (\n  <ConfigurationStatesContext.Provider value={configuration}>\n    {children}\n  </ConfigurationStatesContext.Provider>\n);\n\nexport const useConfiguration = () => useContext(ConfigurationStatesContext);\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,uDACJ,OACD;AAED,MAAa,8BACXA,qDACEC,4BAAW,wBACX,QACA;CACE,SAAS;CACT,MAAM;CACP,CACF;AAMH,MAAa,yBAER,EAAE,UAAU,oBACf,4CAAC,2BAA2B;CAAS,OAAO;CACzC;EACmC;AAGxC,MAAa,sDAAoC,2BAA2B"}
+{"version":3,"file":"ConfigurationContext.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../../src/editor/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nconst ConfigurationStatesContext = createContext<IntlayerConfig | undefined>(\n  undefined\n);\n\nexport const useConfigurationState = () =>\n  useCrossFrameState<IntlayerConfig>(\n    MessageKey.INTLAYER_CONFIGURATION,\n    undefined,\n    {\n      receive: false,\n      emit: true,\n    }\n  );\n\nexport type ConfigurationProviderProps = {\n  configuration?: IntlayerConfig;\n};\n\nexport const ConfigurationProvider: FunctionalComponent<\n  RenderableProps<ConfigurationProviderProps>\n> = ({ children, configuration }) => (\n  <ConfigurationStatesContext.Provider value={configuration}>\n    {children}\n  </ConfigurationStatesContext.Provider>\n);\n\nexport const useConfiguration = () => useContext(ConfigurationStatesContext);\n"],"mappings":"yRAYA,MAAM,GAAA,EAAA,EAAA,eACJ,IAAA,GACD,CAEY,MACXA,EAAAA,mBACEC,EAAAA,WAAW,uBACX,IAAA,GACA,CACE,QAAS,GACT,KAAM,GACP,CACF,CAMU,GAER,CAAE,WAAU,oBACf,EAAA,EAAA,KAAC,EAA2B,SAAA,CAAS,MAAO,EACzC,YACmC,CAG3B,OAAA,EAAA,EAAA,YAAoC,EAA2B"}

package/dist/cjs/editor/ContentSelectorWrapper.cjs

@@ -1,59 +1,2 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_CommunicatorContext = require('./CommunicatorContext.cjs');
-const require_editor_EditorEnabledContext = require('./EditorEnabledContext.cjs');
-const require_editor_FocusDictionaryContext = require('./FocusDictionaryContext.cjs');
-const require_client_IntlayerProvider = require('../client/IntlayerProvider.cjs');
-const require_UI_ContentSelector = require('../UI/ContentSelector.cjs');
-let _intlayer_core = require("@intlayer/core");
-let _intlayer_types = require("@intlayer/types");
-let _intlayer_editor = require("@intlayer/editor");
-let preact_hooks = require("preact/hooks");
-let preact_jsx_runtime = require("preact/jsx-runtime");
-
-//#region src/editor/ContentSelectorWrapper.tsx
-const ContentSelectorWrapperContent = ({ children, dictionaryKey, keyPath }) => {
-	const { focusedContent, setFocusedContent } = require_editor_FocusDictionaryContext.useFocusDictionary();
-	const { postMessage, senderId } = require_editor_CommunicatorContext.useCommunicator();
-	const filteredKeyPath = (0, preact_hooks.useMemo)(() => keyPath.filter((key) => key.type !== _intlayer_types.NodeType.Translation), [keyPath]);
-	return /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(require_UI_ContentSelector.ContentSelector, {
-		onPress: (0, preact_hooks.useCallback)(() => setFocusedContent({
-			dictionaryKey,
-			keyPath: filteredKeyPath
-		}), [dictionaryKey, filteredKeyPath]),
-		onHover: (0, preact_hooks.useCallback)(() => postMessage({
-			type: `${_intlayer_editor.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
-			data: {
-				dictionaryKey,
-				keyPath: filteredKeyPath
-			},
-			senderId
-		}), [dictionaryKey, filteredKeyPath]),
-		onUnhover: (0, preact_hooks.useCallback)(() => postMessage({
-			type: `${_intlayer_editor.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
-			data: null,
-			senderId
-		}), [senderId]),
-		isSelecting: (0, preact_hooks.useMemo)(() => (focusedContent?.dictionaryKey === dictionaryKey && (focusedContent?.keyPath?.length ?? 0) > 0 && (0, _intlayer_core.isSameKeyPath)(focusedContent?.keyPath ?? [], filteredKeyPath)) ?? false, [
-			focusedContent,
-			filteredKeyPath,
-			dictionaryKey
-		]),
-		children
-	});
-};
-const ContentSelectorRenderer = ({ children, ...props }) => {
-	const { enabled } = require_editor_EditorEnabledContext.useEditorEnabled();
-	const { disableEditor } = require_client_IntlayerProvider.useIntlayerContext();
-	if (enabled && !disableEditor) return /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(ContentSelectorWrapperContent, {
-		...props,
-		children
-	});
-	return children;
-};
-
-//#endregion
-exports.ContentSelectorRenderer = ContentSelectorRenderer;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./CommunicatorContext.cjs`),t=require(`./EditorEnabledContext.cjs`),n=require(`./FocusDictionaryContext.cjs`),r=require(`../client/IntlayerProvider.cjs`),i=require(`../UI/ContentSelector.cjs`);let a=require(`@intlayer/types`),o=require(`@intlayer/core/utils`),s=require(`@intlayer/editor`),c=require(`preact/hooks`),l=require(`preact/jsx-runtime`);const u=({children:t,dictionaryKey:r,keyPath:u})=>{let{focusedContent:d,setFocusedContent:f}=n.useFocusDictionary(),{postMessage:p,senderId:m}=e.useCommunicator(),h=(0,c.useMemo)(()=>u.filter(e=>e.type!==a.NodeType.Translation),[u]);return(0,l.jsx)(i.ContentSelector,{onPress:(0,c.useCallback)(()=>f({dictionaryKey:r,keyPath:h}),[r,h]),onHover:(0,c.useCallback)(()=>p({type:`${s.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,data:{dictionaryKey:r,keyPath:h},senderId:m}),[r,h]),onUnhover:(0,c.useCallback)(()=>p({type:`${s.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,data:null,senderId:m}),[m]),isSelecting:(0,c.useMemo)(()=>(d?.dictionaryKey===r&&(d?.keyPath?.length??0)>0&&(0,o.isSameKeyPath)(d?.keyPath??[],h))??!1,[d,h,r]),children:t})},d=({children:e,...n})=>{let{enabled:i}=t.useEditorEnabled(),{disableEditor:a}=r.useIntlayerContext();return i&&!a?(0,l.jsx)(u,{...n,children:e}):e};exports.ContentSelectorRenderer=d;
 //# sourceMappingURL=ContentSelectorWrapper.cjs.map

package/dist/cjs/editor/ContentSelectorWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentSelectorWrapper.cjs","names":["useFocusDictionary","useCommunicator","NodeType","ContentSelector","MessageKey","useEditorEnabled","useIntlayerContext"],"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { isSameKeyPath, type NodeProps } from '@intlayer/core';\nimport { MessageKey } from '@intlayer/editor';\nimport { NodeType } from '@intlayer/types';\nimport type { FunctionalComponent, JSX } from 'preact';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { useIntlayerContext } from '../client';\nimport { ContentSelector } from '../UI/ContentSelector';\nimport { useCommunicator } from './CommunicatorContext';\nimport { useEditorEnabled } from './EditorEnabledContext';\nimport { useFocusDictionary } from './FocusDictionaryContext';\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst ContentSelectorWrapperContent: FunctionalComponent<\n  ContentSelectorWrapperProps\n> = ({ children, dictionaryKey, keyPath }) => {\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n  const { postMessage, senderId } = useCommunicator();\n\n  // Filter out translation nodes for more flexibility with the editor that can have different format\n  const filteredKeyPath = useMemo(\n    () => keyPath.filter((key) => key.type !== NodeType.Translation),\n    [keyPath]\n  );\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        keyPath: filteredKeyPath,\n      }),\n    [dictionaryKey, filteredKeyPath]\n  );\n\n  const handleHover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: {\n          dictionaryKey,\n          keyPath: filteredKeyPath,\n        },\n        senderId,\n      }),\n    [dictionaryKey, filteredKeyPath]\n  );\n\n  const handleUnhover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: null,\n        senderId,\n      }),\n    [senderId]\n  );\n\n  const isSelected = useMemo(\n    () =>\n      (focusedContent?.dictionaryKey === dictionaryKey &&\n        (focusedContent?.keyPath?.length ?? 0) > 0 &&\n        isSameKeyPath(focusedContent?.keyPath ?? [], filteredKeyPath)) ??\n      false,\n    [focusedContent, filteredKeyPath, dictionaryKey]\n  );\n\n  return (\n    <ContentSelector\n      onPress={handleSelect}\n      onHover={handleHover}\n      onUnhover={handleUnhover}\n      isSelecting={isSelected}\n    >\n      {children}\n    </ContentSelector>\n  );\n};\n\nexport const ContentSelectorRenderer: FunctionalComponent<\n  ContentSelectorWrapperProps\n> = ({ children, ...props }) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return children;\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAM,iCAED,EAAE,UAAU,eAAe,cAAc;CAC5C,MAAM,EAAE,gBAAgB,sBAAsBA,0DAAoB;CAClE,MAAM,EAAE,aAAa,aAAaC,oDAAiB;CAGnD,MAAM,kDACE,QAAQ,QAAQ,QAAQ,IAAI,SAASC,yBAAS,YAAY,EAChE,CAAC,QAAQ,CACV;AA2CD,QACE,4CAACC;EACC,6CAzCA,kBAAkB;GAChB;GACA,SAAS;GACV,CAAC,EACJ,CAAC,eAAe,gBAAgB,CACjC;EAqCG,6CAjCA,YAAY;GACV,MAAM,GAAGC,4BAAW,iCAAiC;GACrD,MAAM;IACJ;IACA,SAAS;IACV;GACD;GACD,CAAC,EACJ,CAAC,eAAe,gBAAgB,CACjC;EAyBG,+CArBA,YAAY;GACV,MAAM,GAAGA,4BAAW,iCAAiC;GACrD,MAAM;GACN;GACD,CAAC,EACJ,CAAC,SAAS,CACX;EAgBG,8CAZC,gBAAgB,kBAAkB,kBAChC,gBAAgB,SAAS,UAAU,KAAK,uCAC3B,gBAAgB,WAAW,EAAE,EAAE,gBAAgB,KAC/D,OACF;GAAC;GAAgB;GAAiB;GAAc,CACjD;EASI;GACe;;AAItB,MAAa,2BAER,EAAE,UAAU,GAAG,YAAY;CAC9B,MAAM,EAAE,YAAYC,sDAAkB;CACtC,MAAM,EAAE,kBAAkBC,oDAAoB;AAE9C,KAAI,WAAW,CAAC,cACd,QACE,4CAAC;EAA8B,GAAI;EAChC;GAC6B;AAIpC,QAAO"}
+{"version":3,"file":"ContentSelectorWrapper.cjs","names":["useFocusDictionary","useCommunicator","NodeType","ContentSelector","MessageKey","useEditorEnabled","useIntlayerContext"],"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport type { NodeProps } from '@intlayer/core/interpreter';\nimport { isSameKeyPath } from '@intlayer/core/utils';\nimport { MessageKey } from '@intlayer/editor';\nimport { NodeType } from '@intlayer/types';\nimport type { FunctionalComponent, JSX } from 'preact';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { useIntlayerContext } from '../client';\nimport { ContentSelector } from '../UI/ContentSelector';\nimport { useCommunicator } from './CommunicatorContext';\nimport { useEditorEnabled } from './EditorEnabledContext';\nimport { useFocusDictionary } from './FocusDictionaryContext';\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst ContentSelectorWrapperContent: FunctionalComponent<\n  ContentSelectorWrapperProps\n> = ({ children, dictionaryKey, keyPath }) => {\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n  const { postMessage, senderId } = useCommunicator();\n\n  // Filter out translation nodes for more flexibility with the editor that can have different format\n  const filteredKeyPath = useMemo(\n    () => keyPath.filter((key) => key.type !== NodeType.Translation),\n    [keyPath]\n  );\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        keyPath: filteredKeyPath,\n      }),\n    [dictionaryKey, filteredKeyPath]\n  );\n\n  const handleHover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: {\n          dictionaryKey,\n          keyPath: filteredKeyPath,\n        },\n        senderId,\n      }),\n    [dictionaryKey, filteredKeyPath]\n  );\n\n  const handleUnhover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: null,\n        senderId,\n      }),\n    [senderId]\n  );\n\n  const isSelected = useMemo(\n    () =>\n      (focusedContent?.dictionaryKey === dictionaryKey &&\n        (focusedContent?.keyPath?.length ?? 0) > 0 &&\n        isSameKeyPath(focusedContent?.keyPath ?? [], filteredKeyPath)) ??\n      false,\n    [focusedContent, filteredKeyPath, dictionaryKey]\n  );\n\n  return (\n    <ContentSelector\n      onPress={handleSelect}\n      onHover={handleHover}\n      onUnhover={handleUnhover}\n      isSelecting={isSelected}\n    >\n      {children}\n    </ContentSelector>\n  );\n};\n\nexport const ContentSelectorRenderer: FunctionalComponent<\n  ContentSelectorWrapperProps\n> = ({ children, ...props }) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return children;\n};\n"],"mappings":"0eAiBA,MAAM,GAED,CAAE,WAAU,gBAAe,aAAc,CAC5C,GAAM,CAAE,iBAAgB,qBAAsBA,EAAAA,oBAAoB,CAC5D,CAAE,cAAa,YAAaC,EAAAA,iBAAiB,CAG7C,GAAA,EAAA,EAAA,aACE,EAAQ,OAAQ,GAAQ,EAAI,OAASC,EAAAA,SAAS,YAAY,CAChE,CAAC,EAAQ,CACV,CA2CD,OACE,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CACC,SAAA,EAAA,EAAA,iBAzCA,EAAkB,CAChB,gBACA,QAAS,EACV,CAAC,CACJ,CAAC,EAAe,EAAgB,CACjC,CAqCG,SAAA,EAAA,EAAA,iBAjCA,EAAY,CACV,KAAM,GAAGC,EAAAA,WAAW,iCAAiC,OACrD,KAAM,CACJ,gBACA,QAAS,EACV,CACD,WACD,CAAC,CACJ,CAAC,EAAe,EAAgB,CACjC,CAyBG,WAAA,EAAA,EAAA,iBArBA,EAAY,CACV,KAAM,GAAGA,EAAAA,WAAW,iCAAiC,OACrD,KAAM,KACN,WACD,CAAC,CACJ,CAAC,EAAS,CACX,CAgBG,aAAA,EAAA,EAAA,cAZC,GAAgB,gBAAkB,IAChC,GAAgB,SAAS,QAAU,GAAK,IAAA,EAAA,EAAA,eAC3B,GAAgB,SAAW,EAAE,CAAE,EAAgB,GAC/D,GACF,CAAC,EAAgB,EAAiB,EAAc,CACjD,CASI,YACe,EAIT,GAER,CAAE,WAAU,GAAG,KAAY,CAC9B,GAAM,CAAE,WAAYC,EAAAA,kBAAkB,CAChC,CAAE,iBAAkBC,EAAAA,oBAAoB,CAU9C,OARI,GAAW,CAAC,GAEZ,EAAA,EAAA,KAAC,EAAA,CAA8B,GAAI,EAChC,YAC6B,CAI7B"}

package/dist/cjs/editor/DictionariesRecordContext.cjs

@@ -1,49 +1,2 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_useCrossFrameState = require('./useCrossFrameState.cjs');
-let preact = require("preact");
-let _intlayer_editor = require("@intlayer/editor");
-let preact_hooks = require("preact/hooks");
-let preact_jsx_runtime = require("preact/jsx-runtime");
-
-//#region src/editor/DictionariesRecordContext.tsx
-const DictionariesRecordStatesContext = (0, preact.createContext)(void 0);
-const DictionariesRecordActionsContext = (0, preact.createContext)(void 0);
-const DictionariesRecordProvider = ({ children }) => {
-	const [localeDictionaries, setLocaleDictionaries] = require_editor_useCrossFrameState.useCrossFrameState(_intlayer_editor.MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED, void 0);
-	const stateValue = (0, preact_hooks.useMemo)(() => ({ localeDictionaries: localeDictionaries ?? {} }), [localeDictionaries]);
-	const actionValue = (0, preact_hooks.useMemo)(() => ({
-		setLocaleDictionaries,
-		setLocaleDictionary: (dictionary) => {
-			setLocaleDictionaries((dictionaries) => ({
-				...dictionaries,
-				[String(dictionary.localId)]: dictionary
-			}));
-		}
-	}), [setLocaleDictionaries]);
-	return /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(DictionariesRecordStatesContext.Provider, {
-		value: stateValue,
-		children: /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(DictionariesRecordActionsContext.Provider, {
-			value: actionValue,
-			children
-		})
-	});
-};
-const useDictionariesRecordActions = () => (0, preact_hooks.useContext)(DictionariesRecordActionsContext);
-const useDictionariesRecord = () => {
-	const actionsContext = useDictionariesRecordActions();
-	const statesContext = (0, preact_hooks.useContext)(DictionariesRecordStatesContext);
-	if (!statesContext) throw new Error("useDictionariesRecordStates must be used within a DictionariesRecordProvider");
-	return {
-		...statesContext,
-		...actionsContext
-	};
-};
-
-//#endregion
-exports.DictionariesRecordProvider = DictionariesRecordProvider;
-exports.useDictionariesRecord = useDictionariesRecord;
-exports.useDictionariesRecordActions = useDictionariesRecordActions;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameState.cjs`);let t=require(`preact`),n=require(`@intlayer/editor`),r=require(`preact/hooks`),i=require(`preact/jsx-runtime`);const a=(0,t.createContext)(void 0),o=(0,t.createContext)(void 0),s=({children:t})=>{let[s,c]=e.useCrossFrameState(n.MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,void 0),l=(0,r.useMemo)(()=>({localeDictionaries:s??{}}),[s]),u=(0,r.useMemo)(()=>({setLocaleDictionaries:c,setLocaleDictionary:e=>{c(t=>({...t,[String(e.localId)]:e}))}}),[c]);return(0,i.jsx)(a.Provider,{value:l,children:(0,i.jsx)(o.Provider,{value:u,children:t})})},c=()=>(0,r.useContext)(o),l=()=>{let e=c(),t=(0,r.useContext)(a);if(!t)throw Error(`useDictionariesRecordStates must be used within a DictionariesRecordProvider`);return{...t,...e}};exports.DictionariesRecordProvider=s,exports.useDictionariesRecord=l,exports.useDictionariesRecordActions=c;
 //# sourceMappingURL=DictionariesRecordContext.cjs.map

package/dist/cjs/editor/DictionariesRecordContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DictionariesRecordContext.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../../src/editor/DictionariesRecordContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { Dictionary } from '@intlayer/types';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext, useMemo } from 'preact/hooks';\nimport {\n  type CrossFrameStateUpdater,\n  useCrossFrameState,\n} from './useCrossFrameState';\n\nexport type DictionaryContent = Record<Dictionary['key'], Dictionary>;\n\ntype DictionariesRecordStatesContextType = {\n  localeDictionaries: DictionaryContent;\n};\ntype DictionariesRecordActionsContextType = {\n  setLocaleDictionaries: CrossFrameStateUpdater<DictionaryContent>;\n  setLocaleDictionary: (dictionary: Dictionary) => void;\n};\n\nconst DictionariesRecordStatesContext = createContext<\n  DictionariesRecordStatesContextType | undefined\n>(undefined);\nconst DictionariesRecordActionsContext = createContext<\n  DictionariesRecordActionsContextType | undefined\n>(undefined);\n\nexport const DictionariesRecordProvider: FunctionalComponent<\n  RenderableProps<{}>\n> = ({ children }) => {\n  const [localeDictionaries, setLocaleDictionaries] =\n    useCrossFrameState<DictionaryContent>(\n      MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,\n      undefined\n    );\n\n  const stateValue = useMemo(\n    () => ({\n      localeDictionaries: localeDictionaries ?? {},\n    }),\n    [localeDictionaries]\n  );\n\n  const actionValue = useMemo(\n    () => ({\n      setLocaleDictionaries,\n      setLocaleDictionary: (dictionary: Dictionary) => {\n        setLocaleDictionaries((dictionaries) => ({\n          ...dictionaries,\n          [String(dictionary.localId)]: dictionary,\n        }));\n      },\n    }),\n    [setLocaleDictionaries]\n  );\n\n  return (\n    <DictionariesRecordStatesContext.Provider value={stateValue}>\n      <DictionariesRecordActionsContext.Provider value={actionValue}>\n        {children}\n      </DictionariesRecordActionsContext.Provider>\n    </DictionariesRecordStatesContext.Provider>\n  );\n};\n\nexport const useDictionariesRecordActions = () =>\n  useContext(DictionariesRecordActionsContext);\n\nexport const useDictionariesRecord = () => {\n  const actionsContext = useDictionariesRecordActions();\n  const statesContext = useContext(DictionariesRecordStatesContext);\n\n  if (!statesContext) {\n    throw new Error(\n      'useDictionariesRecordStates must be used within a DictionariesRecordProvider'\n    );\n  }\n\n  return { ...statesContext, ...actionsContext };\n};\n"],"mappings":";;;;;;;;;;;AAyBA,MAAM,4DAEJ,OAAU;AACZ,MAAM,6DAEJ,OAAU;AAEZ,MAAa,8BAER,EAAE,eAAe;CACpB,MAAM,CAAC,oBAAoB,yBACzBA,qDACEC,4BAAW,sCACX,OACD;CAEH,MAAM,8CACG,EACL,oBAAoB,sBAAsB,EAAE,EAC7C,GACD,CAAC,mBAAmB,CACrB;CAED,MAAM,+CACG;EACL;EACA,sBAAsB,eAA2B;AAC/C,0BAAuB,kBAAkB;IACvC,GAAG;KACF,OAAO,WAAW,QAAQ,GAAG;IAC/B,EAAE;;EAEN,GACD,CAAC,sBAAsB,CACxB;AAED,QACE,4CAAC,gCAAgC;EAAS,OAAO;YAC/C,4CAAC,iCAAiC;GAAS,OAAO;GAC/C;IACyC;GACH;;AAI/C,MAAa,kEACA,iCAAiC;AAE9C,MAAa,8BAA8B;CACzC,MAAM,iBAAiB,8BAA8B;CACrD,MAAM,6CAA2B,gCAAgC;AAEjE,KAAI,CAAC,cACH,OAAM,IAAI,MACR,+EACD;AAGH,QAAO;EAAE,GAAG;EAAe,GAAG;EAAgB"}
+{"version":3,"file":"DictionariesRecordContext.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../../src/editor/DictionariesRecordContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { Dictionary } from '@intlayer/types';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext, useMemo } from 'preact/hooks';\nimport {\n  type CrossFrameStateUpdater,\n  useCrossFrameState,\n} from './useCrossFrameState';\n\nexport type DictionaryContent = Record<Dictionary['key'], Dictionary>;\n\ntype DictionariesRecordStatesContextType = {\n  localeDictionaries: DictionaryContent;\n};\ntype DictionariesRecordActionsContextType = {\n  setLocaleDictionaries: CrossFrameStateUpdater<DictionaryContent>;\n  setLocaleDictionary: (dictionary: Dictionary) => void;\n};\n\nconst DictionariesRecordStatesContext = createContext<\n  DictionariesRecordStatesContextType | undefined\n>(undefined);\nconst DictionariesRecordActionsContext = createContext<\n  DictionariesRecordActionsContextType | undefined\n>(undefined);\n\nexport const DictionariesRecordProvider: FunctionalComponent<\n  RenderableProps<{}>\n> = ({ children }) => {\n  const [localeDictionaries, setLocaleDictionaries] =\n    useCrossFrameState<DictionaryContent>(\n      MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,\n      undefined\n    );\n\n  const stateValue = useMemo(\n    () => ({\n      localeDictionaries: localeDictionaries ?? {},\n    }),\n    [localeDictionaries]\n  );\n\n  const actionValue = useMemo(\n    () => ({\n      setLocaleDictionaries,\n      setLocaleDictionary: (dictionary: Dictionary) => {\n        setLocaleDictionaries((dictionaries) => ({\n          ...dictionaries,\n          [String(dictionary.localId)]: dictionary,\n        }));\n      },\n    }),\n    [setLocaleDictionaries]\n  );\n\n  return (\n    <DictionariesRecordStatesContext.Provider value={stateValue}>\n      <DictionariesRecordActionsContext.Provider value={actionValue}>\n        {children}\n      </DictionariesRecordActionsContext.Provider>\n    </DictionariesRecordStatesContext.Provider>\n  );\n};\n\nexport const useDictionariesRecordActions = () =>\n  useContext(DictionariesRecordActionsContext);\n\nexport const useDictionariesRecord = () => {\n  const actionsContext = useDictionariesRecordActions();\n  const statesContext = useContext(DictionariesRecordStatesContext);\n\n  if (!statesContext) {\n    throw new Error(\n      'useDictionariesRecordStates must be used within a DictionariesRecordProvider'\n    );\n  }\n\n  return { ...statesContext, ...actionsContext };\n};\n"],"mappings":"yRAyBA,MAAM,GAAA,EAAA,EAAA,eAEJ,IAAA,GAAU,CACN,GAAA,EAAA,EAAA,eAEJ,IAAA,GAAU,CAEC,GAER,CAAE,cAAe,CACpB,GAAM,CAAC,EAAoB,GACzBA,EAAAA,mBACEC,EAAAA,WAAW,qCACX,IAAA,GACD,CAEG,GAAA,EAAA,EAAA,cACG,CACL,mBAAoB,GAAsB,EAAE,CAC7C,EACD,CAAC,EAAmB,CACrB,CAEK,GAAA,EAAA,EAAA,cACG,CACL,wBACA,oBAAsB,GAA2B,CAC/C,EAAuB,IAAkB,CACvC,GAAG,GACF,OAAO,EAAW,QAAQ,EAAG,EAC/B,EAAE,EAEN,EACD,CAAC,EAAsB,CACxB,CAED,OACE,EAAA,EAAA,KAAC,EAAgC,SAAA,CAAS,MAAO,YAC/C,EAAA,EAAA,KAAC,EAAiC,SAAA,CAAS,MAAO,EAC/C,YACyC,EACH,EAIlC,OAAA,EAAA,EAAA,YACA,EAAiC,CAEjC,MAA8B,CACzC,IAAM,EAAiB,GAA8B,CAC/C,GAAA,EAAA,EAAA,YAA2B,EAAgC,CAEjE,GAAI,CAAC,EACH,MAAU,MACR,+EACD,CAGH,MAAO,CAAE,GAAG,EAAe,GAAG,EAAgB"}

package/dist/cjs/editor/EditedContentContext.cjs

@@ -1,164 +1,2 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_useCrossFrameMessageListener = require('./useCrossFrameMessageListener.cjs');
-const require_editor_useCrossFrameState = require('./useCrossFrameState.cjs');
-const require_editor_DictionariesRecordContext = require('./DictionariesRecordContext.cjs');
-let preact = require("preact");
-let _intlayer_core = require("@intlayer/core");
-let _intlayer_types = require("@intlayer/types");
-let _intlayer_editor = require("@intlayer/editor");
-let preact_hooks = require("preact/hooks");
-let preact_jsx_runtime = require("preact/jsx-runtime");
-
-//#region src/editor/EditedContentContext.tsx
-const EditedContentStateContext = (0, preact.createContext)(void 0);
-const usePostEditedContentState = (onEventTriggered) => require_editor_useCrossFrameMessageListener.useCrossFrameMessageListener(`${_intlayer_editor.MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/post`, onEventTriggered);
-const useGetEditedContentState = (onEventTriggered) => require_editor_useCrossFrameMessageListener.useCrossFrameMessageListener(`${_intlayer_editor.MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/get`, onEventTriggered);
-const EditedContentActionsContext = (0, preact.createContext)(void 0);
-const resolveState = (state, prevState) => typeof state === "function" ? state(prevState) : state;
-const EditedContentProvider = ({ children }) => {
-	const { localeDictionaries } = require_editor_DictionariesRecordContext.useDictionariesRecord();
-	const [editedContent, setEditedContentState] = require_editor_useCrossFrameState.useCrossFrameState(_intlayer_editor.MessageKey.INTLAYER_EDITED_CONTENT_CHANGED);
-	const setEditedDictionary = (newValue) => {
-		let updatedDictionaries = resolveState(newValue);
-		setEditedContentState((prev) => {
-			updatedDictionaries = resolveState(newValue, prev?.[updatedDictionaries.key]);
-			return {
-				...prev,
-				[updatedDictionaries.key]: updatedDictionaries
-			};
-		});
-	};
-	const setEditedContent = (dictionaryLocalId, newValue) => {
-		setEditedContentState((prev) => ({
-			...prev,
-			[dictionaryLocalId]: {
-				...prev?.[dictionaryLocalId],
-				content: newValue
-			}
-		}));
-	};
-	const addEditedContent = (dictionaryLocalId, newValue, keyPath = [], overwrite = true) => {
-		setEditedContentState((prev) => {
-			const originalContent = localeDictionaries[dictionaryLocalId]?.content;
-			const currentContent = structuredClone(prev?.[dictionaryLocalId]?.content ?? originalContent);
-			let newKeyPath = keyPath;
-			if (!overwrite) {
-				let index = 0;
-				const otherKeyPath = keyPath.slice(0, -1);
-				const lastKeyPath = keyPath[keyPath.length - 1];
-				let finalKey = lastKeyPath.key;
-				while (typeof (0, _intlayer_core.getContentNodeByKeyPath)(currentContent, newKeyPath) !== "undefined") {
-					index++;
-					finalKey = index === 0 ? lastKeyPath.key : `${lastKeyPath.key} (${index})`;
-					newKeyPath = [...otherKeyPath, {
-						...lastKeyPath,
-						key: finalKey
-					}];
-				}
-			}
-			const updatedContent = (0, _intlayer_core.editDictionaryByKeyPath)(currentContent, newKeyPath, newValue);
-			return {
-				...prev,
-				[dictionaryLocalId]: {
-					...prev?.[dictionaryLocalId],
-					content: updatedContent
-				}
-			};
-		});
-	};
-	const renameEditedContent = (dictionaryLocalId, newKey, keyPath = []) => {
-		setEditedContentState((prev) => {
-			const originalContent = localeDictionaries[dictionaryLocalId]?.content;
-			const contentWithNewField = (0, _intlayer_core.renameContentNodeByKeyPath)(structuredClone(prev?.[dictionaryLocalId]?.content ?? originalContent), newKey, keyPath);
-			return {
-				...prev,
-				[dictionaryLocalId]: {
-					...prev?.[dictionaryLocalId],
-					content: contentWithNewField
-				}
-			};
-		});
-	};
-	const removeEditedContent = (dictionaryLocalId, keyPath) => {
-		setEditedContentState((prev) => {
-			const originalContent = localeDictionaries[dictionaryLocalId]?.content;
-			const restoredContent = (0, _intlayer_core.editDictionaryByKeyPath)(structuredClone(prev?.[dictionaryLocalId]?.content ?? originalContent), keyPath, (0, _intlayer_core.getContentNodeByKeyPath)(originalContent, keyPath));
-			return {
-				...prev,
-				[dictionaryLocalId]: {
-					...prev?.[dictionaryLocalId],
-					content: restoredContent
-				}
-			};
-		});
-	};
-	const restoreEditedContent = (dictionaryLocalId) => {
-		setEditedContentState((prev) => {
-			const updated = { ...prev };
-			delete updated[dictionaryLocalId];
-			return updated;
-		});
-	};
-	const clearEditedDictionaryContent = (dictionaryLocalId) => {
-		setEditedContentState((prev) => {
-			return Object.entries(prev).reduce((acc, [key, value]) => {
-				if (key === dictionaryLocalId) return acc;
-				return {
-					...acc,
-					[key]: value
-				};
-			}, {});
-		});
-	};
-	const clearEditedContent = () => {
-		setEditedContentState({});
-	};
-	const getEditedContentValue = (localDictionaryIdOrKey, keyPath) => {
-		if (!editedContent) return void 0;
-		const filteredKeyPath = keyPath.filter((key) => key.type !== _intlayer_types.NodeType.Translation);
-		if (localDictionaryIdOrKey.includes(":local:") || localDictionaryIdOrKey.includes(":remote:")) return (0, _intlayer_core.getContentNodeByKeyPath)(editedContent?.[localDictionaryIdOrKey]?.content ?? {}, filteredKeyPath);
-		const filteredDictionariesLocalId = Object.keys(editedContent).filter((key) => key.startsWith(`${localDictionaryIdOrKey}:`));
-		for (const localDictionaryId of filteredDictionariesLocalId) {
-			const contentNode = (0, _intlayer_core.getContentNodeByKeyPath)(editedContent?.[localDictionaryId]?.content ?? {}, filteredKeyPath);
-			if (contentNode) return contentNode;
-		}
-	};
-	return /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(EditedContentStateContext.Provider, {
-		value: { editedContent },
-		children: /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(EditedContentActionsContext.Provider, {
-			value: {
-				setEditedContentState,
-				setEditedDictionary,
-				setEditedContent,
-				addEditedContent,
-				renameEditedContent,
-				removeEditedContent,
-				restoreEditedContent,
-				clearEditedDictionaryContent,
-				clearEditedContent,
-				getEditedContentValue
-			},
-			children
-		})
-	});
-};
-const useEditedContentActions = () => (0, preact_hooks.useContext)(EditedContentActionsContext);
-const useEditedContent = () => {
-	const stateContext = (0, preact_hooks.useContext)(EditedContentStateContext);
-	const actionContext = useEditedContentActions();
-	return {
-		...stateContext,
-		...actionContext
-	};
-};
-
-//#endregion
-exports.EditedContentProvider = EditedContentProvider;
-exports.useEditedContent = useEditedContent;
-exports.useEditedContentActions = useEditedContentActions;
-exports.useGetEditedContentState = useGetEditedContentState;
-exports.usePostEditedContentState = usePostEditedContentState;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameMessageListener.cjs`),t=require(`./useCrossFrameState.cjs`),n=require(`./DictionariesRecordContext.cjs`);let r=require(`preact`),i=require(`@intlayer/types`),a=require(`@intlayer/editor`),o=require(`preact/hooks`),s=require(`preact/jsx-runtime`),c=require(`@intlayer/core/dictionaryManipulator`);const l=(0,r.createContext)(void 0),u=t=>e.useCrossFrameMessageListener(`${a.MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/post`,t),d=t=>e.useCrossFrameMessageListener(`${a.MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/get`,t),f=(0,r.createContext)(void 0),p=(e,t)=>typeof e==`function`?e(t):e,m=({children:e})=>{let{localeDictionaries:r}=n.useDictionariesRecord(),[o,u]=t.useCrossFrameState(a.MessageKey.INTLAYER_EDITED_CONTENT_CHANGED);return(0,s.jsx)(l.Provider,{value:{editedContent:o},children:(0,s.jsx)(f.Provider,{value:{setEditedContentState:u,setEditedDictionary:e=>{let t=p(e);u(n=>(t=p(e,n?.[t.key]),{...n,[t.key]:t}))},setEditedContent:(e,t)=>{u(n=>({...n,[e]:{...n?.[e],content:t}}))},addEditedContent:(e,t,n=[],i=!0)=>{u(a=>{let o=r[e]?.content,s=structuredClone(a?.[e]?.content??o),l=n;if(!i){let e=0,t=n.slice(0,-1),r=n[n.length-1],i=r.key;for(;(0,c.getContentNodeByKeyPath)(s,l)!==void 0;)e++,i=e===0?r.key:`${r.key} (${e})`,l=[...t,{...r,key:i}]}let u=(0,c.editDictionaryByKeyPath)(s,l,t);return{...a,[e]:{...a?.[e],content:u}}})},renameEditedContent:(e,t,n=[])=>{u(i=>{let a=r[e]?.content,o=(0,c.renameContentNodeByKeyPath)(structuredClone(i?.[e]?.content??a),t,n);return{...i,[e]:{...i?.[e],content:o}}})},removeEditedContent:(e,t)=>{u(n=>{let i=r[e]?.content,a=(0,c.editDictionaryByKeyPath)(structuredClone(n?.[e]?.content??i),t,(0,c.getContentNodeByKeyPath)(i,t));return{...n,[e]:{...n?.[e],content:a}}})},restoreEditedContent:e=>{u(t=>{let n={...t};return delete n[e],n})},clearEditedDictionaryContent:e=>{u(t=>{let n={...t};return delete n[e],n})},clearEditedContent:()=>{u({})},getEditedContentValue:(e,t)=>{if(!o)return;let n=t.filter(e=>e.type!==i.NodeType.Translation);if(e.includes(`:local:`)||e.includes(`:remote:`))return(0,c.getContentNodeByKeyPath)(o?.[e]?.content??{},n);let r=Object.keys(o).filter(t=>t.startsWith(`${e}:`));for(let e of r){let t=(0,c.getContentNodeByKeyPath)(o?.[e]?.content??{},n);if(t)return t}}},children:e})})},h=()=>(0,o.useContext)(f),g=()=>{let e=(0,o.useContext)(l),t=h();return{...e,...t}};exports.EditedContentProvider=m,exports.useEditedContent=g,exports.useEditedContentActions=h,exports.useGetEditedContentState=d,exports.usePostEditedContentState=u;
 //# sourceMappingURL=EditedContentContext.cjs.map