preact-intlayer 8.3.2 → 8.3.4

package/dist/esm/client/useDictionaryAsync.mjs

@@ -1,2 +1,2 @@
-"use client";import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{useDictionary as t}from"./useDictionary.mjs";import n from"@intlayer/config/built";import{useContext as r,useMemo as i}from"preact/hooks";const a=async(a,o)=>{let{locale:s}=r(e),c=i(()=>o??s??n?.internationalization.defaultLocale,[s,o]);return t(await i(async()=>await a[c]?.(),[a,c]),c)};export{a as useDictionaryAsync};
+import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{useDictionary as t}from"./useDictionary.mjs";import n from"@intlayer/config/built";import{useContext as r,useMemo as i}from"preact/hooks";const a=async(a,o)=>{let{locale:s}=r(e),c=i(()=>o??s??n?.internationalization.defaultLocale,[s,o]);return t(await i(async()=>await a[c]?.(),[a,c]),c)};export{a as useDictionaryAsync};
 //# sourceMappingURL=useDictionaryAsync.mjs.map

package/dist/esm/client/useDictionaryAsync.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDictionaryAsync.mjs","names":[],"sources":["../../../src/client/useDictionaryAsync.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { LocalesValues, StrictModeLocaleMap } from '@intlayer/types/module_augmentation';\nimport { useContext, useMemo } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useDictionary } from './useDictionary';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryAsync = async <T extends Dictionary>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  locale?: LocalesValues\n): Promise<T> => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  const localeTarget = useMemo(\n    () =>\n      locale ??\n      currentLocale ??\n      configuration?.internationalization.defaultLocale,\n    [currentLocale, locale]\n  );\n\n  const dictionary = await useMemo(\n    async () =>\n      (await dictionaryPromise[\n        localeTarget as keyof typeof dictionaryPromise\n      ]?.()) as T,\n    [dictionaryPromise, localeTarget]\n  );\n\n  return useDictionary(dictionary, localeTarget) as any;\n};\n"],"mappings":"6NAcA,MAAa,EAAqB,MAChC,EACA,IACe,CACf,GAAM,CAAE,OAAQ,GAAkB,EAAW,EAAsB,CAE7D,EAAe,MAEjB,GACA,GACA,GAAe,qBAAqB,cACtC,CAAC,EAAe,EAAO,CACxB,CAUD,OAAO,EARY,MAAM,EACvB,SACG,MAAM,EACL,MACG,CACP,CAAC,EAAmB,EAAa,CAClC,CAEgC,EAAa"}
+{"version":3,"file":"useDictionaryAsync.mjs","names":[],"sources":["../../../src/client/useDictionaryAsync.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type {\n  LocalesValues,\n  StrictModeLocaleMap,\n} from '@intlayer/types/module_augmentation';\nimport { useContext, useMemo } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useDictionary } from './useDictionary';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryAsync = async <T extends Dictionary>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  locale?: LocalesValues\n): Promise<T> => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  const localeTarget = useMemo(\n    () =>\n      locale ??\n      currentLocale ??\n      configuration?.internationalization.defaultLocale,\n    [currentLocale, locale]\n  );\n\n  const dictionary = await useMemo(\n    async () =>\n      (await dictionaryPromise[\n        localeTarget as keyof typeof dictionaryPromise\n      ]?.()) as T,\n    [dictionaryPromise, localeTarget]\n  );\n\n  return useDictionary(dictionary, localeTarget) as any;\n};\n"],"mappings":"gNAeA,MAAa,EAAqB,MAChC,EACA,IACe,CACf,GAAM,CAAE,OAAQ,GAAkB,EAAW,EAAsB,CAE7D,EAAe,MAEjB,GACA,GACA,GAAe,qBAAqB,cACtC,CAAC,EAAe,EAAO,CACxB,CAUD,OAAO,EARY,MAAM,EACvB,SACG,MAAM,EACL,MACG,CACP,CAAC,EAAmB,EAAa,CAClC,CAEgC,EAAa"}

package/dist/esm/client/useDictionaryDynamic.mjs

@@ -1,2 +1,2 @@
-"use client";import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{useDictionary as t}from"./useDictionary.mjs";import{useLoadDynamic as n}from"./useLoadDynamic.mjs";import{useContext as r,useMemo as i}from"preact/hooks";const a=(a,o,s)=>{let{locale:c}=r(e),l=i(()=>s??c,[c,s]);return t(n(`${String(o)}.${l}`,a[l]?.()),l)};export{a as useDictionaryDynamic};
+import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{useDictionary as t}from"./useDictionary.mjs";import{useLoadDynamic as n}from"./useLoadDynamic.mjs";import{useContext as r,useMemo as i}from"preact/hooks";const a=(a,o,s)=>{let{locale:c}=r(e),l=i(()=>s??c,[c,s]);return t(n(`${String(o)}.${l}`,a[l]?.()),l)};export{a as useDictionaryDynamic};
 //# sourceMappingURL=useDictionaryDynamic.mjs.map

package/dist/esm/client/useDictionaryDynamic.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDictionaryDynamic.mjs","names":[],"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { DictionaryKeys, LocalesValues, StrictModeLocaleMap } from '@intlayer/types/module_augmentation';\nimport { useContext, useMemo } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useDictionary } from './useDictionary';\nimport { useLoadDynamic } from './useLoadDynamic';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryDynamic = <\n  T extends Dictionary,\n  K extends DictionaryKeys,\n>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  key: K,\n  locale?: LocalesValues\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = useMemo(\n    () => locale ?? currentLocale,\n    [currentLocale, locale]\n  );\n\n  const dictionary = useLoadDynamic<T>(\n    `${String(key)}.${localeTarget}`,\n    (dictionaryPromise as any)[localeTarget]?.()\n  ) as T;\n\n  return useDictionary(dictionary, localeTarget);\n};\n"],"mappings":"6OAcA,MAAa,GAIX,EACA,EACA,IACG,CACH,GAAM,CAAE,OAAQ,GAAkB,EAAW,EAAsB,CAC7D,EAAe,MACb,GAAU,EAChB,CAAC,EAAe,EAAO,CACxB,CAOD,OAAO,EALY,EACjB,GAAG,OAAO,EAAI,CAAC,GAAG,IACjB,EAA0B,MAAiB,CAC7C,CAEgC,EAAa"}
+{"version":3,"file":"useDictionaryDynamic.mjs","names":[],"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["import type { Dictionary } from '@intlayer/types/dictionary';\nimport type {\n  DictionaryKeys,\n  LocalesValues,\n  StrictModeLocaleMap,\n} from '@intlayer/types/module_augmentation';\nimport { useContext, useMemo } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useDictionary } from './useDictionary';\nimport { useLoadDynamic } from './useLoadDynamic';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryDynamic = <\n  T extends Dictionary,\n  K extends DictionaryKeys,\n>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  key: K,\n  locale?: LocalesValues\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = useMemo(\n    () => locale ?? currentLocale,\n    [currentLocale, locale]\n  );\n\n  const dictionary = useLoadDynamic<T>(\n    `${String(key)}.${localeTarget}`,\n    (dictionaryPromise as any)[localeTarget]?.()\n  ) as T;\n\n  return useDictionary(dictionary, localeTarget);\n};\n"],"mappings":"gOAgBA,MAAa,GAIX,EACA,EACA,IACG,CACH,GAAM,CAAE,OAAQ,GAAkB,EAAW,EAAsB,CAC7D,EAAe,MACb,GAAU,EAChB,CAAC,EAAe,EAAO,CACxB,CAOD,OAAO,EALY,EACjB,GAAG,OAAO,EAAI,CAAC,GAAG,IACjB,EAA0B,MAAiB,CAC7C,CAEgC,EAAa"}

package/dist/esm/client/useIntlayer.mjs

@@ -1,2 +1,2 @@
-"use client";import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{getIntlayer as t}from"../getIntlayer.mjs";import{useContext as n,useMemo as r}from"preact/hooks";const i=(i,a)=>{let{locale:o}=n(e);return r(()=>t(i,a??o),[i,o,a])};export{i as useIntlayer};
+import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{getIntlayer as t}from"../getIntlayer.mjs";import{useContext as n,useMemo as r}from"preact/hooks";const i=(i,a)=>{let{locale:o}=n(e);return r(()=>t(i,a??o),[i,o,a])};export{i as useIntlayer};
 //# sourceMappingURL=useIntlayer.mjs.map

package/dist/esm/client/useIntlayer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayer.mjs","names":[],"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["'use client';\n\nimport type { DictionaryKeys, DictionaryRegistryContent, LocalesValues } from '@intlayer/types/module_augmentation';\nimport { useContext, useMemo } from 'preact/hooks';\nimport { getIntlayer } from '../getIntlayer';\nimport type { DeepTransformContent } from '../plugins';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * Preact hook that picks one dictionary by its key and returns its content.\n *\n * If the locale is not provided, it will use the locale from the client context.\n *\n * @param key - The unique key of the dictionary to retrieve.\n * @param locale - Optional locale to override the current context locale.\n * @returns The transformed dictionary content.\n *\n * @example\n * ```tsx\n * import { useIntlayer } from 'preact-intlayer';\n *\n * const MyComponent = () => {\n *   const content = useIntlayer('my-dictionary-key');\n *\n *   return <div>{content.myField.value}</div>;\n * };\n * ```\n */\nexport const useIntlayer = <T extends DictionaryKeys, L extends LocalesValues>(\n  key: T,\n  locale?: L\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  return useMemo(() => {\n    const localeTarget = locale ?? currentLocale;\n\n    // @ts-ignore Type instantiation is excessively deep and possibly infinite\n    return getIntlayer<T, L>(key, localeTarget as L) as DeepTransformContent<\n      DictionaryRegistryContent<T>\n    >;\n  }, [key, currentLocale, locale]);\n};\n"],"mappings":"oLA4BA,MAAa,GACX,EACA,IACG,CACH,GAAM,CAAE,OAAQ,GAAkB,EAAW,EAAsB,CAEnE,OAAO,MAIE,EAAkB,EAHJ,GAAU,EAGiB,CAG/C,CAAC,EAAK,EAAe,EAAO,CAAC"}
+{"version":3,"file":"useIntlayer.mjs","names":[],"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["import type {\n  DictionaryKeys,\n  DictionaryRegistryContent,\n  LocalesValues,\n} from '@intlayer/types/module_augmentation';\nimport { useContext, useMemo } from 'preact/hooks';\nimport { getIntlayer } from '../getIntlayer';\nimport type { DeepTransformContent } from '../plugins';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * Preact hook that picks one dictionary by its key and returns its content.\n *\n * If the locale is not provided, it will use the locale from the client context.\n *\n * @param key - The unique key of the dictionary to retrieve.\n * @param locale - Optional locale to override the current context locale.\n * @returns The transformed dictionary content.\n *\n * @example\n * ```tsx\n * import { useIntlayer } from 'preact-intlayer';\n *\n * const MyComponent = () => {\n *   const content = useIntlayer('my-dictionary-key');\n *\n *   return <div>{content.myField.value}</div>;\n * };\n * ```\n */\nexport const useIntlayer = <T extends DictionaryKeys, L extends LocalesValues>(\n  key: T,\n  locale?: L\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  return useMemo(() => {\n    const localeTarget = locale ?? currentLocale;\n\n    // @ts-ignore Type instantiation is excessively deep and possibly infinite\n    return getIntlayer<T, L>(key, localeTarget as L) as DeepTransformContent<\n      DictionaryRegistryContent<T>\n    >;\n  }, [key, currentLocale, locale]);\n};\n"],"mappings":"uKA8BA,MAAa,GACX,EACA,IACG,CACH,GAAM,CAAE,OAAQ,GAAkB,EAAW,EAAsB,CAEnE,OAAO,MAIE,EAAkB,EAHJ,GAAU,EAGiB,CAG/C,CAAC,EAAK,EAAe,EAAO,CAAC"}

package/dist/esm/client/useLocale.mjs

@@ -1,2 +1,2 @@
-"use client";import{setLocaleInStorage as e}from"./useLocaleStorage.mjs";import{IntlayerClientContext as t}from"./IntlayerProvider.mjs";import n from"@intlayer/config/built";import{useContext as r}from"preact/hooks";const i=({isCookieEnabled:i,onLocaleChange:a}={})=>{let{defaultLocale:o,locales:s}=n?.internationalization??{},{locale:c,setLocale:l,isCookieEnabled:u}=r(t);return{locale:c,defaultLocale:o,availableLocales:s,setLocale:t=>{if(!s?.map(String).includes(t)){console.error(`Locale ${t} is not available`);return}l(t),e(t,i??u??!0),a?.(t)}}};export{i as useLocale};
+import{setLocaleInStorage as e}from"./useLocaleStorage.mjs";import{IntlayerClientContext as t}from"./IntlayerProvider.mjs";import n from"@intlayer/config/built";import{useContext as r}from"preact/hooks";const i=({isCookieEnabled:i,onLocaleChange:a}={})=>{let{defaultLocale:o,locales:s}=n?.internationalization??{},{locale:c,setLocale:l,isCookieEnabled:u}=r(t);return{locale:c,defaultLocale:o,availableLocales:s,setLocale:t=>{if(!s?.map(String).includes(t)){console.error(`Locale ${t} is not available`);return}l(t),e(t,i??u??!0),a?.(t)}}};export{i as useLocale};
 //# sourceMappingURL=useLocale.mjs.map

package/dist/esm/client/useLocale.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLocale.mjs","names":[],"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { setLocaleInStorage } from './useLocaleStorage';\n\ntype useLocaleProps = {\n  isCookieEnabled?: boolean;\n  onLocaleChange?: (locale: LocalesValues) => void;\n};\n\n/**\n * Preact hook to get the current locale and related locale management functions.\n *\n * @param props - Optional properties for the hook.\n * @returns An object containing the current locale, default locale, available locales, and a function to update the locale.\n *\n * @example\n * ```tsx\n * import { useLocale } from 'preact-intlayer';\n *\n * const LocaleSwitcher = () => {\n *   const { locale, setLocale, availableLocales } = useLocale();\n *\n *   return (\n *     <select value={locale} onChange={(e) => setLocale(e.target.value)}>\n *       {availableLocales.map((loc) => (\n *         <option key={loc} value={loc}>{loc}</option>\n *       ))}\n *     </select>\n *   );\n * };\n * ```\n */\nexport const useLocale = ({\n  isCookieEnabled,\n  onLocaleChange,\n}: useLocaleProps = {}) => {\n  const { defaultLocale, locales: availableLocales } =\n    configuration?.internationalization ?? {};\n\n  const {\n    locale,\n    setLocale: setLocaleState,\n    isCookieEnabled: isCookieEnabledContext,\n  } = useContext(IntlayerClientContext);\n\n  const setLocale = (locale: LocalesValues) => {\n    if (!availableLocales?.map(String).includes(locale)) {\n      console.error(`Locale ${locale} is not available`);\n      return;\n    }\n\n    setLocaleState(locale);\n\n    setLocaleInStorage(\n      locale,\n      isCookieEnabled ?? isCookieEnabledContext ?? true\n    );\n\n    onLocaleChange?.(locale);\n  };\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":"wNAoCA,MAAa,GAAa,CACxB,kBACA,kBACkB,EAAE,GAAK,CACzB,GAAM,CAAE,gBAAe,QAAS,GAC9B,GAAe,sBAAwB,EAAE,CAErC,CACJ,SACA,UAAW,EACX,gBAAiB,GACf,EAAW,EAAsB,CAkBrC,MAAO,CACL,SACA,gBACA,mBACA,UApBiB,GAA0B,CAC3C,GAAI,CAAC,GAAkB,IAAI,OAAO,CAAC,SAAS,EAAO,CAAE,CACnD,QAAQ,MAAM,UAAU,EAAO,mBAAmB,CAClD,OAGF,EAAe,EAAO,CAEtB,EACE,EACA,GAAmB,GAA0B,GAC9C,CAED,IAAiB,EAAO,EAQzB"}
+{"version":3,"file":"useLocale.mjs","names":[],"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { setLocaleInStorage } from './useLocaleStorage';\n\ntype useLocaleProps = {\n  isCookieEnabled?: boolean;\n  onLocaleChange?: (locale: LocalesValues) => void;\n};\n\n/**\n * Preact hook to get the current locale and related locale management functions.\n *\n * @param props - Optional properties for the hook.\n * @returns An object containing the current locale, default locale, available locales, and a function to update the locale.\n *\n * @example\n * ```tsx\n * import { useLocale } from 'preact-intlayer';\n *\n * const LocaleSwitcher = () => {\n *   const { locale, setLocale, availableLocales } = useLocale();\n *\n *   return (\n *     <select value={locale} onChange={(e) => setLocale(e.target.value)}>\n *       {availableLocales.map((loc) => (\n *         <option key={loc} value={loc}>{loc}</option>\n *       ))}\n *     </select>\n *   );\n * };\n * ```\n */\nexport const useLocale = ({\n  isCookieEnabled,\n  onLocaleChange,\n}: useLocaleProps = {}) => {\n  const { defaultLocale, locales: availableLocales } =\n    configuration?.internationalization ?? {};\n\n  const {\n    locale,\n    setLocale: setLocaleState,\n    isCookieEnabled: isCookieEnabledContext,\n  } = useContext(IntlayerClientContext);\n\n  const setLocale = (locale: LocalesValues) => {\n    if (!availableLocales?.map(String).includes(locale)) {\n      console.error(`Locale ${locale} is not available`);\n      return;\n    }\n\n    setLocaleState(locale);\n\n    setLocaleInStorage(\n      locale,\n      isCookieEnabled ?? isCookieEnabledContext ?? true\n    );\n\n    onLocaleChange?.(locale);\n  };\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":"2MAkCA,MAAa,GAAa,CACxB,kBACA,kBACkB,EAAE,GAAK,CACzB,GAAM,CAAE,gBAAe,QAAS,GAC9B,GAAe,sBAAwB,EAAE,CAErC,CACJ,SACA,UAAW,EACX,gBAAiB,GACf,EAAW,EAAsB,CAkBrC,MAAO,CACL,SACA,gBACA,mBACA,UApBiB,GAA0B,CAC3C,GAAI,CAAC,GAAkB,IAAI,OAAO,CAAC,SAAS,EAAO,CAAE,CACnD,QAAQ,MAAM,UAAU,EAAO,mBAAmB,CAClD,OAGF,EAAe,EAAO,CAEtB,EACE,EACA,GAAmB,GAA0B,GAC9C,CAED,IAAiB,EAAO,EAQzB"}

package/dist/esm/client/useLocaleBase.mjs

@@ -1,2 +1,2 @@
-"use client";import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import t from"@intlayer/config/built";import{useContext as n}from"preact/hooks";const{defaultLocale:r,locales:i}=t.internationalization,a=()=>{let{locale:t,setLocale:a}=n(e);return{locale:t,defaultLocale:r,availableLocales:i,setLocale:a}};export{a as useLocaleBase};
+import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import t from"@intlayer/config/built";import{useContext as n}from"preact/hooks";const{defaultLocale:r,locales:i}=t.internationalization,a=()=>{let{locale:t,setLocale:a}=n(e);return{locale:t,defaultLocale:r,availableLocales:i,setLocale:a}};export{a as useLocaleBase};
 //# sourceMappingURL=useLocaleBase.mjs.map

package/dist/esm/client/useLocaleBase.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLocaleBase.mjs","names":[],"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":"4JAMA,KAAM,CAAE,gBAAe,QAAS,GAC9B,EAAc,qBAKH,MAAsB,CACjC,GAAM,CAAE,SAAQ,aAAc,EAAW,EAAsB,CAE/D,MAAO,CACL,SACA,gBACA,mBACA,YACD"}
+{"version":3,"file":"useLocaleBase.mjs","names":[],"sources":["../../../src/client/useLocaleBase.ts"],"sourcesContent":["import 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":"+IAIA,KAAM,CAAE,gBAAe,QAAS,GAC9B,EAAc,qBAKH,MAAsB,CACjC,GAAM,CAAE,SAAQ,aAAc,EAAW,EAAsB,CAE/D,MAAO,CACL,SACA,gBACA,mBACA,YACD"}

package/dist/esm/editor/CommunicatorContext.mjs

@@ -1,2 +1,2 @@
-"use client";import e from"@intlayer/config/built";import{createContext as t}from"preact";import{useContext as n,useMemo as r,useRef as i}from"preact/hooks";import{jsx as a}from"preact/jsx-runtime";const o=()=>Math.random().toString(36).slice(2),{editor:s}=e,c=t({postMessage:()=>null,allowedOrigins:[s?.applicationURL,s?.editorURL,s?.cmsURL],senderId:``}),l=({children:e,allowedOrigins:t,postMessage:n})=>{let s=i(o()),l=r(()=>({postMessage:n,allowedOrigins:t,senderId:s.current}),[n,t]);return a(c.Provider,{value:l,children:e})},u=()=>n(c);export{l as CommunicatorProvider,u as useCommunicator};
+import{useEditorStateManager as e}from"./EditorStateContext.mjs";const t=()=>{let t=e();return{postMessage:e=>t.messenger.send(e.type,e.data),senderId:t.messenger.senderId}};export{t as useCommunicator};
 //# sourceMappingURL=CommunicatorContext.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommunicatorContext.mjs","names":[],"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":"sMAUA,MAAM,MAAmB,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,CAQtD,CAAE,UAAW,EAEb,EAAsB,EAA0C,CACpE,gBAAmB,KACnB,eAAgB,CACd,GAAQ,eACR,GAAQ,UACR,GAAQ,OACT,CACD,SAAU,GACX,CAAC,CAQW,GAER,CAAE,WAAU,iBAAgB,iBAAkB,CAEjD,IAAM,EAAc,EAAO,GAAY,CAAC,CAElC,EAAQ,OACL,CAAE,cAAa,iBAAgB,SAAU,EAAY,QAAS,EACrE,CAAC,EAAa,EAAe,CAC9B,CAED,OACE,EAAC,EAAoB,SAArB,CAAqC,QAClC,WAC4B,CAAA,EAItB,MAAwB,EAAW,EAAoB"}
+{"version":3,"file":"CommunicatorContext.mjs","names":[],"sources":["../../../src/editor/CommunicatorContext.tsx"],"sourcesContent":["import { useEditorStateManager } from './EditorStateContext';\n\nexport const useCommunicator = () => {\n  const manager = useEditorStateManager();\n  return {\n    postMessage: (data: any) => manager.messenger.send(data.type, data.data),\n    senderId: manager.messenger.senderId,\n  };\n};\n\n// Backward-compat types\nexport type CommunicatorProviderProps = {\n  postMessage?: (data: any) => void;\n  allowedOrigins?: string[];\n};\n"],"mappings":"iEAEA,MAAa,MAAwB,CACnC,IAAM,EAAU,GAAuB,CACvC,MAAO,CACL,YAAc,GAAc,EAAQ,UAAU,KAAK,EAAK,KAAM,EAAK,KAAK,CACxE,SAAU,EAAQ,UAAU,SAC7B"}

package/dist/esm/editor/ConfigurationContext.mjs

@@ -1,2 +1,2 @@
-"use client";import{useCrossFrameState as e}from"./useCrossFrameState.mjs";import{createContext as t}from"preact";import{MessageKey as n}from"@intlayer/editor";import{useContext as r}from"preact/hooks";import{jsx as i}from"preact/jsx-runtime";const a=t(void 0),o=()=>e(n.INTLAYER_CONFIGURATION,void 0,{receive:!1,emit:!0}),s=({children:e,configuration:t})=>i(a.Provider,{value:t,children:e}),c=()=>r(a);export{s as ConfigurationProvider,c as useConfiguration,o as useConfigurationState};
+import{useEditorStateManager as e}from"./EditorStateContext.mjs";import{useEffect as t,useState as n}from"preact/hooks";const r=()=>{let r=e(),[i,a]=n(r.configuration.value);return t(()=>{let e=e=>a(e.detail);return r.configuration.addEventListener(`change`,e),()=>r.configuration.removeEventListener(`change`,e)},[r]),i};export{r as useConfiguration};
 //# sourceMappingURL=ConfigurationContext.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConfigurationContext.mjs","names":[],"sources":["../../../src/editor/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types/config';\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":"mPAYA,MAAM,EAA6B,EACjC,IAAA,GACD,CAEY,MACX,EACE,EAAW,uBACX,IAAA,GACA,CACE,QAAS,GACT,KAAM,GACP,CACF,CAMU,GAER,CAAE,WAAU,mBACf,EAAC,EAA2B,SAA5B,CAAqC,MAAO,EACzC,WACmC,CAAA,CAG3B,MAAyB,EAAW,EAA2B"}
+{"version":3,"file":"ConfigurationContext.mjs","names":[],"sources":["../../../src/editor/ConfigurationContext.tsx"],"sourcesContent":["import type { IntlayerConfig } from '@intlayer/types/config';\nimport { useEffect, useState } from 'preact/hooks';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport const useConfiguration = (): IntlayerConfig | undefined => {\n  const manager = useEditorStateManager();\n  const [config, setConfig] = useState<IntlayerConfig | undefined>(\n    manager.configuration.value\n  );\n\n  useEffect(() => {\n    const handler = (e: Event) =>\n      setConfig((e as CustomEvent<IntlayerConfig>).detail);\n    manager.configuration.addEventListener('change', handler);\n    return () => manager.configuration.removeEventListener('change', handler);\n  }, [manager]);\n\n  return config;\n};\n\nexport type ConfigurationProviderProps = { configuration?: IntlayerConfig };\n"],"mappings":"wHAIA,MAAa,MAAqD,CAChE,IAAM,EAAU,GAAuB,CACjC,CAAC,EAAQ,GAAa,EAC1B,EAAQ,cAAc,MACvB,CASD,OAPA,MAAgB,CACd,IAAM,EAAW,GACf,EAAW,EAAkC,OAAO,CAEtD,OADA,EAAQ,cAAc,iBAAiB,SAAU,EAAQ,KAC5C,EAAQ,cAAc,oBAAoB,SAAU,EAAQ,EACxE,CAAC,EAAQ,CAAC,CAEN"}

package/dist/esm/editor/ContentSelectorWrapper.mjs

@@ -1,2 +1,2 @@
-"use client";import{useCommunicator as e}from"./CommunicatorContext.mjs";import{useEditorEnabled as t}from"./EditorEnabledContext.mjs";import{useFocusDictionary as n}from"./FocusDictionaryContext.mjs";import{useIntlayerContext as r}from"../client/IntlayerProvider.mjs";import{ContentSelector as i}from"../UI/ContentSelector.mjs";import{NodeType as a}from"@intlayer/types/nodeType";import{isSameKeyPath as o}from"@intlayer/core/utils";import{MessageKey as s}from"@intlayer/editor";import{useCallback as c,useMemo as l}from"preact/hooks";import{jsx as u}from"preact/jsx-runtime";const d=({children:t,dictionaryKey:r,keyPath:d})=>{let{focusedContent:f,setFocusedContent:p}=n(),{postMessage:m,senderId:h}=e(),g=l(()=>d.filter(e=>e.type!==a.Translation),[d]);return u(i,{onPress:c(()=>p({dictionaryKey:r,keyPath:g}),[r,g]),onHover:c(()=>m({type:`${s.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,data:{dictionaryKey:r,keyPath:g},senderId:h}),[r,g]),onUnhover:c(()=>m({type:`${s.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,data:null,senderId:h}),[h]),isSelecting:l(()=>(f?.dictionaryKey===r&&(f?.keyPath?.length??0)>0&&o(f?.keyPath??[],g))??!1,[f,g,r]),children:t})},f=({children:e,...n})=>{let{enabled:i}=t(),{disableEditor:a}=r();return i&&!a?u(d,{...n,children:e}):e};export{f as ContentSelectorRenderer};
+import{useEditorStateManager as e}from"./EditorStateContext.mjs";import{useEditorEnabled as t}from"./EditorEnabledContext.mjs";import{useIntlayerContext as n}from"../client/IntlayerProvider.mjs";import{useFocusDictionary as r}from"./FocusDictionaryContext.mjs";import{NodeType as i}from"@intlayer/types/nodeType";import{isSameKeyPath as a}from"@intlayer/core/utils";import{MessageKey as o,defineIntlayerElements as s}from"@intlayer/editor";import{useEffect as c,useRef as l}from"preact/hooks";import{jsx as u}from"preact/jsx-runtime";const d=({children:t,dictionaryKey:n,keyPath:s})=>{let{focusedContent:d,setFocusedContent:f}=r(),p=e(),m=l(null),h=s.filter(e=>e.type!==i.Translation),g=(d?.dictionaryKey===n&&(d?.keyPath?.length??0)>0&&a(d?.keyPath??[],h))??!1;return c(()=>{let e=m.current;if(!e)return;let t=()=>{f({dictionaryKey:n,keyPath:h})},r=()=>{p.messenger.send(`${o.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,{dictionaryKey:n,keyPath:h})},i=()=>{p.messenger.send(`${o.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,null)};return e.addEventListener(`intlayer:press`,t),e.addEventListener(`intlayer:hover`,r),e.addEventListener(`intlayer:unhover`,i),()=>{e.removeEventListener(`intlayer:press`,t),e.removeEventListener(`intlayer:hover`,r),e.removeEventListener(`intlayer:unhover`,i)}}),u(`intlayer-content-selector`,{ref:m,"is-selecting":g||void 0,children:t})},f=({children:e,...r})=>{let{enabled:i}=t(),{disableEditor:a}=n();return c(()=>{s()},[]),i&&!a?u(d,{...r,children:e}):e};export{f as ContentSelectorRenderer};
 //# sourceMappingURL=ContentSelectorWrapper.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentSelectorWrapper.mjs","names":[],"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/nodeType';\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":"ikBAiBA,MAAM,GAED,CAAE,WAAU,gBAAe,aAAc,CAC5C,GAAM,CAAE,iBAAgB,qBAAsB,GAAoB,CAC5D,CAAE,cAAa,YAAa,GAAiB,CAG7C,EAAkB,MAChB,EAAQ,OAAQ,GAAQ,EAAI,OAAS,EAAS,YAAY,CAChE,CAAC,EAAQ,CACV,CA2CD,OACE,EAAC,EAAD,CACE,QA3CiB,MAEjB,EAAkB,CAChB,gBACA,QAAS,EACV,CAAC,CACJ,CAAC,EAAe,EAAgB,CACjC,CAqCG,QAnCgB,MAEhB,EAAY,CACV,KAAM,GAAG,EAAW,iCAAiC,OACrD,KAAM,CACJ,gBACA,QAAS,EACV,CACD,WACD,CAAC,CACJ,CAAC,EAAe,EAAgB,CACjC,CAyBG,UAvBkB,MAElB,EAAY,CACV,KAAM,GAAG,EAAW,iCAAiC,OACrD,KAAM,KACN,WACD,CAAC,CACJ,CAAC,EAAS,CACX,CAgBG,YAde,OAEd,GAAgB,gBAAkB,IAChC,GAAgB,SAAS,QAAU,GAAK,GACzC,EAAc,GAAgB,SAAW,EAAE,CAAE,EAAgB,GAC/D,GACF,CAAC,EAAgB,EAAiB,EAAc,CACjD,CASI,WACe,CAAA,EAIT,GAER,CAAE,WAAU,GAAG,KAAY,CAC9B,GAAM,CAAE,WAAY,GAAkB,CAChC,CAAE,iBAAkB,GAAoB,CAU9C,OARI,GAAW,CAAC,EAEZ,EAAC,EAAD,CAA+B,GAAI,EAChC,WAC6B,CAAA,CAI7B"}
+{"version":3,"file":"ContentSelectorWrapper.mjs","names":[],"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["import type { NodeProps } from '@intlayer/core/interpreter';\nimport { isSameKeyPath } from '@intlayer/core/utils';\nimport { defineIntlayerElements, MessageKey } from '@intlayer/editor';\nimport { NodeType } from '@intlayer/types/nodeType';\nimport type { FunctionalComponent, JSX } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { useIntlayerContext } from '../client';\nimport { useEditorEnabled } from './EditorEnabledContext';\nimport { useEditorStateManager } from './EditorStateContext';\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 manager = useEditorStateManager();\n  const ref = useRef<HTMLElement>(null);\n\n  const filteredKeyPath = keyPath.filter(\n    (key) => key.type !== NodeType.Translation\n  );\n\n  const isSelected =\n    (focusedContent?.dictionaryKey === dictionaryKey &&\n      (focusedContent?.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent?.keyPath ?? [], filteredKeyPath)) ??\n    false;\n\n  // Preact (like React 18) requires addEventListener for web component custom events\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n\n    const handlePress = () => {\n      setFocusedContent({ dictionaryKey, keyPath: filteredKeyPath });\n    };\n\n    const handleHover = () => {\n      manager.messenger.send(\n        `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        { dictionaryKey, keyPath: filteredKeyPath }\n      );\n    };\n\n    const handleUnhover = () => {\n      manager.messenger.send(\n        `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        null\n      );\n    };\n\n    el.addEventListener('intlayer:press', handlePress);\n    el.addEventListener('intlayer:hover', handleHover);\n    el.addEventListener('intlayer:unhover', handleUnhover);\n    return () => {\n      el.removeEventListener('intlayer:press', handlePress);\n      el.removeEventListener('intlayer:hover', handleHover);\n      el.removeEventListener('intlayer:unhover', handleUnhover);\n    };\n  });\n\n  return (\n    // @ts-ignore — custom element typing\n    <intlayer-content-selector ref={ref} is-selecting={isSelected || undefined}>\n      {children}\n    </intlayer-content-selector>\n  );\n};\n\nexport const ContentSelectorRenderer: FunctionalComponent<\n  ContentSelectorWrapperProps\n> = ({ children, ...props }) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  useEffect(() => {\n    defineIntlayerElements();\n  }, []);\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return children;\n};\n"],"mappings":"shBAcA,MAAM,GAED,CAAE,WAAU,gBAAe,aAAc,CAC5C,GAAM,CAAE,iBAAgB,qBAAsB,GAAoB,CAC5D,EAAU,GAAuB,CACjC,EAAM,EAAoB,KAAK,CAE/B,EAAkB,EAAQ,OAC7B,GAAQ,EAAI,OAAS,EAAS,YAChC,CAEK,GACH,GAAgB,gBAAkB,IAChC,GAAgB,SAAS,QAAU,GAAK,GACzC,EAAc,GAAgB,SAAW,EAAE,CAAE,EAAgB,GAC/D,GAmCF,OAhCA,MAAgB,CACd,IAAM,EAAK,EAAI,QACf,GAAI,CAAC,EAAI,OAET,IAAM,MAAoB,CACxB,EAAkB,CAAE,gBAAe,QAAS,EAAiB,CAAC,EAG1D,MAAoB,CACxB,EAAQ,UAAU,KAChB,GAAG,EAAW,iCAAiC,OAC/C,CAAE,gBAAe,QAAS,EAAiB,CAC5C,EAGG,MAAsB,CAC1B,EAAQ,UAAU,KAChB,GAAG,EAAW,iCAAiC,OAC/C,KACD,EAMH,OAHA,EAAG,iBAAiB,iBAAkB,EAAY,CAClD,EAAG,iBAAiB,iBAAkB,EAAY,CAClD,EAAG,iBAAiB,mBAAoB,EAAc,KACzC,CACX,EAAG,oBAAoB,iBAAkB,EAAY,CACrD,EAAG,oBAAoB,iBAAkB,EAAY,CACrD,EAAG,oBAAoB,mBAAoB,EAAc,GAE3D,CAIA,EAAC,4BAAD,CAAgC,MAAK,eAAc,GAAc,IAAA,GAC9D,WACyB,CAAA,EAInB,GAER,CAAE,WAAU,GAAG,KAAY,CAC9B,GAAM,CAAE,WAAY,GAAkB,CAChC,CAAE,iBAAkB,GAAoB,CAc9C,OAZA,MAAgB,CACd,GAAwB,EACvB,EAAE,CAAC,CAEF,GAAW,CAAC,EAEZ,EAAC,EAAD,CAA+B,GAAI,EAChC,WAC6B,CAAA,CAI7B"}

package/dist/esm/editor/DictionariesRecordContext.mjs

@@ -1,2 +1,2 @@
-"use client";import{useCrossFrameState as e}from"./useCrossFrameState.mjs";import{createContext as t}from"preact";import{MessageKey as n}from"@intlayer/editor";import{useContext as r,useMemo as i}from"preact/hooks";import{jsx as a}from"preact/jsx-runtime";const o=t(void 0),s=t(void 0),c=({children:t})=>{let[r,c]=e(n.INTLAYER_LOCALE_DICTIONARIES_CHANGED,void 0),l=i(()=>({localeDictionaries:r??{}}),[r]),u=i(()=>({setLocaleDictionaries:c,setLocaleDictionary:e=>{c(t=>({...t,[String(e.localId)]:e}))}}),[c]);return a(o.Provider,{value:l,children:a(s.Provider,{value:u,children:t})})},l=()=>r(s),u=()=>{let e=l(),t=r(o);if(!t)throw Error(`useDictionariesRecordStates must be used within a DictionariesRecordProvider`);return{...t,...e}};export{c as DictionariesRecordProvider,u as useDictionariesRecord,l as useDictionariesRecordActions};
+import{useEditorStateManager as e}from"./EditorStateContext.mjs";import{useEffect as t,useState as n}from"preact/hooks";const r=()=>{let r=e(),[i,a]=n(r.localeDictionaries.value??{});return t(()=>{let e=e=>a(e.detail??{});return r.localeDictionaries.addEventListener(`change`,e),()=>r.localeDictionaries.removeEventListener(`change`,e)},[r]),{localeDictionaries:i,setLocaleDictionaries:e=>r.localeDictionaries.set(e),setLocaleDictionary:e=>r.setLocaleDictionary(e)}},i=()=>{let{setLocaleDictionaries:e,setLocaleDictionary:t}=r();return{setLocaleDictionaries:e,setLocaleDictionary:t}};export{r as useDictionariesRecord,i as useDictionariesRecordActions};
 //# sourceMappingURL=DictionariesRecordContext.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DictionariesRecordContext.mjs","names":[],"sources":["../../../src/editor/DictionariesRecordContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { Dictionary } from '@intlayer/types/dictionary';\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":"gQAyBA,MAAM,EAAkC,EAEtC,IAAA,GAAU,CACN,EAAmC,EAEvC,IAAA,GAAU,CAEC,GAER,CAAE,cAAe,CACpB,GAAM,CAAC,EAAoB,GACzB,EACE,EAAW,qCACX,IAAA,GACD,CAEG,EAAa,OACV,CACL,mBAAoB,GAAsB,EAAE,CAC7C,EACD,CAAC,EAAmB,CACrB,CAEK,EAAc,OACX,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,EAAC,EAAgC,SAAjC,CAA0C,MAAO,WAC/C,EAAC,EAAiC,SAAlC,CAA2C,MAAO,EAC/C,WACyC,CAAA,CACH,CAAA,EAIlC,MACX,EAAW,EAAiC,CAEjC,MAA8B,CACzC,IAAM,EAAiB,GAA8B,CAC/C,EAAgB,EAAW,EAAgC,CAEjE,GAAI,CAAC,EACH,MAAU,MACR,+EACD,CAGH,MAAO,CAAE,GAAG,EAAe,GAAG,EAAgB"}
+{"version":3,"file":"DictionariesRecordContext.mjs","names":[],"sources":["../../../src/editor/DictionariesRecordContext.tsx"],"sourcesContent":["import type { DictionaryContent } from '@intlayer/editor';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport { useEffect, useState } from 'preact/hooks';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { DictionaryContent };\n\nexport const useDictionariesRecord = () => {\n  const manager = useEditorStateManager();\n  const [localeDictionaries, setLocaleDictionariesState] =\n    useState<DictionaryContent>(manager.localeDictionaries.value ?? {});\n\n  useEffect(() => {\n    const handler = (e: Event) =>\n      setLocaleDictionariesState(\n        (e as CustomEvent<DictionaryContent>).detail ?? {}\n      );\n    manager.localeDictionaries.addEventListener('change', handler);\n    return () =>\n      manager.localeDictionaries.removeEventListener('change', handler);\n  }, [manager]);\n\n  return {\n    localeDictionaries,\n    setLocaleDictionaries: (value: DictionaryContent) =>\n      manager.localeDictionaries.set(value),\n    setLocaleDictionary: (dictionary: Dictionary) =>\n      manager.setLocaleDictionary(dictionary),\n  };\n};\n\nexport const useDictionariesRecordActions = () => {\n  const { setLocaleDictionaries, setLocaleDictionary } =\n    useDictionariesRecord();\n  return { setLocaleDictionaries, setLocaleDictionary };\n};\n"],"mappings":"wHAOA,MAAa,MAA8B,CACzC,IAAM,EAAU,GAAuB,CACjC,CAAC,EAAoB,GACzB,EAA4B,EAAQ,mBAAmB,OAAS,EAAE,CAAC,CAYrE,OAVA,MAAgB,CACd,IAAM,EAAW,GACf,EACG,EAAqC,QAAU,EAAE,CACnD,CAEH,OADA,EAAQ,mBAAmB,iBAAiB,SAAU,EAAQ,KAE5D,EAAQ,mBAAmB,oBAAoB,SAAU,EAAQ,EAClE,CAAC,EAAQ,CAAC,CAEN,CACL,qBACA,sBAAwB,GACtB,EAAQ,mBAAmB,IAAI,EAAM,CACvC,oBAAsB,GACpB,EAAQ,oBAAoB,EAAW,CAC1C,EAGU,MAAqC,CAChD,GAAM,CAAE,wBAAuB,uBAC7B,GAAuB,CACzB,MAAO,CAAE,wBAAuB,sBAAqB"}

package/dist/esm/editor/EditedContentContext.mjs

@@ -1,2 +1,2 @@
-"use client";import{useCrossFrameMessageListener as e}from"./useCrossFrameMessageListener.mjs";import{useCrossFrameState as t}from"./useCrossFrameState.mjs";import{useDictionariesRecord as n}from"./DictionariesRecordContext.mjs";import{NodeType as r}from"@intlayer/types/nodeType";import{createContext as i}from"preact";import{MessageKey as a}from"@intlayer/editor";import{useContext as o}from"preact/hooks";import{jsx as s}from"preact/jsx-runtime";import{editDictionaryByKeyPath as c,getContentNodeByKeyPath as l,renameContentNodeByKeyPath as u}from"@intlayer/core/dictionaryManipulator";const d=i(void 0),f=t=>e(`${a.INTLAYER_EDITED_CONTENT_CHANGED}/post`,t),p=t=>e(`${a.INTLAYER_EDITED_CONTENT_CHANGED}/get`,t),m=i(void 0),h=(e,t)=>typeof e==`function`?e(t):e,g=({children:e})=>{let{localeDictionaries:i}=n(),[o,f]=t(a.INTLAYER_EDITED_CONTENT_CHANGED);return s(d.Provider,{value:{editedContent:o},children:s(m.Provider,{value:{setEditedContentState:f,setEditedDictionary:e=>{let t=h(e);f(n=>(t=h(e,n?.[t.key]),{...n,[t.key]:t}))},setEditedContent:(e,t)=>{f(n=>({...n,[e]:{...n?.[e],content:t}}))},addEditedContent:(e,t,n=[],r=!0)=>{f(a=>{let o=i[e]?.content,s=structuredClone(a?.[e]?.content??o),u=n;if(!r){let e=0,t=n.slice(0,-1),r=n[n.length-1],i=r.key;for(;l(s,u)!==void 0;)e++,i=e===0?r.key:`${r.key} (${e})`,u=[...t,{...r,key:i}]}let d=c(s,u,t);return{...a,[e]:{...a?.[e],content:d}}})},renameEditedContent:(e,t,n=[])=>{f(r=>{let a=i[e]?.content,o=u(structuredClone(r?.[e]?.content??a),t,n);return{...r,[e]:{...r?.[e],content:o}}})},removeEditedContent:(e,t)=>{f(n=>{let r=i[e]?.content,a=c(structuredClone(n?.[e]?.content??r),t,l(r,t));return{...n,[e]:{...n?.[e],content:a}}})},restoreEditedContent:e=>{f(t=>{let n={...t};return delete n[e],n})},clearEditedDictionaryContent:e=>{f(t=>{let n={...t};return delete n[e],n})},clearEditedContent:()=>{f({})},getEditedContentValue:(e,t)=>{if(!o)return;let n=t.filter(e=>e.type!==r.Translation);if(e.includes(`:local:`)||e.includes(`:remote:`))return l(o?.[e]?.content??{},n);let i=Object.keys(o).filter(t=>t.startsWith(`${e}:`));for(let e of i){let t=l(o?.[e]?.content??{},n);if(t)return t}}},children:e})})},_=()=>o(m),v=()=>{let e=o(d),t=_();return{...e,...t}};export{g as EditedContentProvider,v as useEditedContent,_ as useEditedContentActions,p as useGetEditedContentState,f as usePostEditedContentState};
+import{useEditorStateManager as e}from"./EditorStateContext.mjs";import{useEffect as t,useState as n}from"preact/hooks";const r=()=>{let r=e(),[i,a]=n(r.editedContent.value);return t(()=>{let e=e=>a(e.detail);return r.editedContent.addEventListener(`change`,e),()=>r.editedContent.removeEventListener(`change`,e)},[r]),{editedContent:i,setEditedContentState:e=>r.editedContent.set(e),setEditedDictionary:e=>r.setEditedDictionary(e),setEditedContent:(e,t)=>r.setEditedContent(e,t),addEditedContent:(e,t,n,i)=>r.addContent(e,t,n,i),renameEditedContent:(e,t,n)=>r.renameContent(e,t,n),removeEditedContent:(e,t)=>r.removeContent(e,t),restoreEditedContent:e=>r.restoreContent(e),clearEditedDictionaryContent:e=>r.clearContent(e),clearEditedContent:()=>r.clearAllContent(),getEditedContentValue:(e,t)=>r.getContentValue(e,t)}},i=()=>{let{editedContent:e,...t}=r();return t},a=()=>{let t=e();return()=>t.messenger.send(`INTLAYER_EDITED_CONTENT_CHANGED/get`)},o=()=>{let t=e();return()=>t.editedContent.postCurrentValue()};export{r as useEditedContent,i as useEditedContentActions,a as useGetEditedContentState,o as usePostEditedContentState};
 //# sourceMappingURL=EditedContentContext.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditedContentContext.mjs","names":[],"sources":["../../../src/editor/EditedContentContext.tsx"],"sourcesContent":["'use client';\n\nimport {\n  editDictionaryByKeyPath,\n  getContentNodeByKeyPath,\n  renameContentNodeByKeyPath,\n} from '@intlayer/core/dictionaryManipulator';\nimport { MessageKey } from '@intlayer/editor';\nimport type {\n  ContentNode,\n  Dictionary,\n  LocalDictionaryId,\n} from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { NodeType } from '@intlayer/types/nodeType';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport {\n  type DictionaryContent,\n  useDictionariesRecord,\n} from './DictionariesRecordContext';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\nimport {\n  type CrossFrameStateUpdater,\n  useCrossFrameState,\n} from './useCrossFrameState';\n\ntype EditedContentStateContextType = {\n  editedContent: Record<LocalDictionaryId, Dictionary> | undefined;\n};\n\nconst EditedContentStateContext = createContext<\n  EditedContentStateContextType | undefined\n>(undefined);\n\nexport const usePostEditedContentState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/post`,\n    onEventTriggered\n  );\n\nexport const useGetEditedContentState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/get`,\n    onEventTriggered\n  );\n\ntype EditedContentActionsContextType = {\n  setEditedContentState: (\n    editedContent: Record<LocalDictionaryId, Dictionary>\n  ) => void;\n  setEditedDictionary: CrossFrameStateUpdater<Dictionary>;\n  setEditedContent: (\n    dictionaryLocalId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => void;\n  addEditedContent: (\n    dictionaryLocalId: LocalDictionaryId,\n    newValue: ContentNode<any>,\n    keyPath?: KeyPath[],\n    overwrite?: boolean\n  ) => void;\n  renameEditedContent: (\n    dictionaryLocalId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath?: KeyPath[]\n  ) => void;\n  removeEditedContent: (\n    dictionaryLocalId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => void;\n  restoreEditedContent: (dictionaryLocalId: LocalDictionaryId) => void;\n  clearEditedDictionaryContent: (dictionaryLocalId: LocalDictionaryId) => void;\n  clearEditedContent: () => void;\n  getEditedContentValue: (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ) => ContentNode | undefined;\n};\n\nconst EditedContentActionsContext = createContext<\n  EditedContentActionsContextType | undefined\n>(undefined);\n\nconst resolveState = <S,>(\n  state?: S | ((prevState: S) => S),\n  prevState?: S\n): S =>\n  typeof state === 'function'\n    ? (state as (prevState?: S) => S)(prevState)\n    : (state as S);\n\nexport const EditedContentProvider: FunctionalComponent<\n  RenderableProps<{}>\n> = ({ children }) => {\n  const { localeDictionaries } = useDictionariesRecord();\n\n  const [editedContent, setEditedContentState] =\n    useCrossFrameState<DictionaryContent>(\n      MessageKey.INTLAYER_EDITED_CONTENT_CHANGED\n    );\n\n  const setEditedDictionary: CrossFrameStateUpdater<Dictionary> = (\n    newValue\n  ) => {\n    let updatedDictionaries: Dictionary = resolveState(newValue);\n\n    setEditedContentState((prev) => {\n      updatedDictionaries = resolveState(\n        newValue,\n        prev?.[updatedDictionaries.key]\n      );\n\n      return {\n        ...prev,\n        [updatedDictionaries.key]: updatedDictionaries,\n      };\n    });\n  };\n\n  const setEditedContent = (\n    dictionaryLocalId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => {\n    setEditedContentState((prev) => ({\n      ...prev,\n      [dictionaryLocalId]: {\n        ...prev?.[dictionaryLocalId],\n        content: newValue,\n      },\n    }));\n  };\n\n  const addEditedContent = (\n    dictionaryLocalId: LocalDictionaryId,\n    newValue: ContentNode,\n    keyPath: KeyPath[] = [],\n    overwrite: boolean = true\n  ) => {\n    setEditedContentState((prev) => {\n      // Get the starting content: edited version if available, otherwise a deep copy of the original\n      const originalContent = localeDictionaries[dictionaryLocalId]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryLocalId]?.content ?? originalContent\n      );\n\n      let newKeyPath = keyPath;\n      if (!overwrite) {\n        // Find a unique key based on the keyPath provided\n        let index = 0;\n        const otherKeyPath = keyPath.slice(0, -1);\n        const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n        let finalKey = lastKeyPath.key;\n\n        // Loop until we find a key that does not exist\n        while (\n          typeof getContentNodeByKeyPath(currentContent, newKeyPath) !==\n          'undefined'\n        ) {\n          index++;\n          finalKey =\n            index === 0 ? lastKeyPath.key : `${lastKeyPath.key} (${index})`;\n          newKeyPath = [\n            ...otherKeyPath,\n            { ...lastKeyPath, key: finalKey } as KeyPath,\n          ];\n        }\n      }\n\n      const updatedContent = editDictionaryByKeyPath(\n        currentContent,\n        newKeyPath,\n        newValue\n      );\n\n      return {\n        ...prev,\n        [dictionaryLocalId]: {\n          ...prev?.[dictionaryLocalId],\n          content: updatedContent as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const renameEditedContent = (\n    dictionaryLocalId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath: KeyPath[] = []\n  ) => {\n    setEditedContentState((prev) => {\n      // Retrieve the base content: use edited version if available, otherwise deep copy of original\n      const originalContent = localeDictionaries[dictionaryLocalId]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryLocalId]?.content ?? originalContent\n      );\n\n      const contentWithNewField = renameContentNodeByKeyPath(\n        currentContent,\n        newKey,\n        keyPath\n      );\n\n      return {\n        ...prev,\n        [dictionaryLocalId]: {\n          ...prev?.[dictionaryLocalId],\n          content: contentWithNewField as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const removeEditedContent = (\n    dictionaryLocalId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => {\n    setEditedContentState((prev) => {\n      // Retrieve the original content as reference\n      const originalContent = localeDictionaries[dictionaryLocalId]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryLocalId]?.content ?? originalContent\n      );\n\n      // Get the initial value from the original dictionary content\n      const initialContent = getContentNodeByKeyPath(originalContent, keyPath);\n\n      // Restore the value at the given keyPath\n      const restoredContent = editDictionaryByKeyPath(\n        currentContent,\n        keyPath,\n        initialContent\n      );\n\n      return {\n        ...prev,\n        [dictionaryLocalId]: {\n          ...prev?.[dictionaryLocalId],\n          content: restoredContent as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const restoreEditedContent = (dictionaryLocalId: LocalDictionaryId) => {\n    setEditedContentState((prev) => {\n      const updated = { ...prev };\n      delete updated[dictionaryLocalId];\n      return updated;\n    });\n  };\n\n  const clearEditedDictionaryContent = (\n    dictionaryLocalId: LocalDictionaryId\n  ) => {\n    setEditedContentState((prev) => {\n      const filtered = { ...prev };\n      delete filtered[dictionaryLocalId];\n      return filtered;\n    });\n  };\n\n  const clearEditedContent = () => {\n    setEditedContentState({});\n  };\n\n  const getEditedContentValue = (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ): ContentNode | undefined => {\n    if (!editedContent) return undefined;\n\n    const filteredKeyPath = keyPath.filter(\n      (key) => key.type !== NodeType.Translation\n    );\n\n    const isDictionaryId =\n      localDictionaryIdOrKey.includes(':local:') ||\n      localDictionaryIdOrKey.includes(':remote:');\n\n    if (isDictionaryId) {\n      const currentContent =\n        editedContent?.[localDictionaryIdOrKey as LocalDictionaryId]?.content ??\n        {};\n\n      const contentNode = getContentNodeByKeyPath(\n        currentContent,\n        filteredKeyPath\n      );\n\n      return contentNode;\n    }\n\n    const filteredDictionariesLocalId = Object.keys(editedContent).filter(\n      (key) => key.startsWith(`${localDictionaryIdOrKey}:`)\n    );\n\n    for (const localDictionaryId of filteredDictionariesLocalId) {\n      const currentContent =\n        editedContent?.[localDictionaryId as LocalDictionaryId]?.content ?? {};\n      const contentNode = getContentNodeByKeyPath(\n        currentContent,\n        filteredKeyPath\n      );\n\n      if (contentNode) return contentNode;\n    }\n\n    return undefined;\n  };\n\n  return (\n    <EditedContentStateContext.Provider\n      value={{\n        editedContent,\n      }}\n    >\n      <EditedContentActionsContext.Provider\n        value={{\n          setEditedContentState,\n          setEditedDictionary,\n          setEditedContent,\n          addEditedContent,\n          renameEditedContent,\n          removeEditedContent,\n          restoreEditedContent,\n          clearEditedDictionaryContent,\n          clearEditedContent,\n          getEditedContentValue,\n        }}\n      >\n        {children}\n      </EditedContentActionsContext.Provider>\n    </EditedContentStateContext.Provider>\n  );\n};\n\nexport const useEditedContentActions = () =>\n  useContext(EditedContentActionsContext);\n\nexport const useEditedContent = () => {\n  const stateContext = useContext(EditedContentStateContext);\n  const actionContext = useEditedContentActions();\n\n  return { ...stateContext, ...actionContext };\n};\n"],"mappings":"6kBAmCA,MAAM,EAA4B,EAEhC,IAAA,GAAU,CAEC,EACX,GAEA,EACE,GAAG,EAAW,gCAAgC,OAC9C,EACD,CAEU,EACX,GAEA,EACE,GAAG,EAAW,gCAAgC,MAC9C,EACD,CAmCG,EAA8B,EAElC,IAAA,GAAU,CAEN,GACJ,EACA,IAEA,OAAO,GAAU,WACZ,EAA+B,EAAU,CACzC,EAEM,GAER,CAAE,cAAe,CACpB,GAAM,CAAE,sBAAuB,GAAuB,CAEhD,CAAC,EAAe,GACpB,EACE,EAAW,gCACZ,CAmNH,OACE,EAAC,EAA0B,SAA3B,CACE,MAAO,CACL,gBACD,UAED,EAAC,EAA4B,SAA7B,CACE,MAAO,CACL,wBACA,oBAzNN,GACG,CACH,IAAI,EAAkC,EAAa,EAAS,CAE5D,EAAuB,IACrB,EAAsB,EACpB,EACA,IAAO,EAAoB,KAC5B,CAEM,CACL,GAAG,GACF,EAAoB,KAAM,EAC5B,EACD,EA4MI,kBAxMN,EACA,IACG,CACH,EAAuB,IAAU,CAC/B,GAAG,GACF,GAAoB,CACnB,GAAG,IAAO,GACV,QAAS,EACV,CACF,EAAE,EAgMG,kBA5LN,EACA,EACA,EAAqB,EAAE,CACvB,EAAqB,KAClB,CACH,EAAuB,GAAS,CAE9B,IAAM,EAAkB,EAAmB,IAAoB,QACzD,EAAiB,gBACrB,IAAO,IAAoB,SAAW,EACvC,CAEG,EAAa,EACjB,GAAI,CAAC,EAAW,CAEd,IAAI,EAAQ,EACN,EAAe,EAAQ,MAAM,EAAG,GAAG,CACnC,EAAuB,EAAQ,EAAQ,OAAS,GAClD,EAAW,EAAY,IAG3B,KACS,EAAwB,EAAgB,EAAW,GAC1D,QAEA,IACA,EACE,IAAU,EAAI,EAAY,IAAM,GAAG,EAAY,IAAI,IAAI,EAAM,GAC/D,EAAa,CACX,GAAG,EACH,CAAE,GAAG,EAAa,IAAK,EAAU,CAClC,CAIL,IAAM,EAAiB,EACrB,EACA,EACA,EACD,CAED,MAAO,CACL,GAAG,GACF,GAAoB,CACnB,GAAG,IAAO,GACV,QAAS,EACV,CACF,EACD,EA6II,qBAzIN,EACA,EACA,EAAqB,EAAE,GACpB,CACH,EAAuB,GAAS,CAE9B,IAAM,EAAkB,EAAmB,IAAoB,QAKzD,EAAsB,EAJL,gBACrB,IAAO,IAAoB,SAAW,EACvC,CAIC,EACA,EACD,CAED,MAAO,CACL,GAAG,GACF,GAAoB,CACnB,GAAG,IAAO,GACV,QAAS,EACV,CACF,EACD,EAkHI,qBA9GN,EACA,IACG,CACH,EAAuB,GAAS,CAE9B,IAAM,EAAkB,EAAmB,IAAoB,QASzD,EAAkB,EARD,gBACrB,IAAO,IAAoB,SAAW,EACvC,CAQC,EALqB,EAAwB,EAAiB,EAAQ,CAOvE,CAED,MAAO,CACL,GAAG,GACF,GAAoB,CACnB,GAAG,IAAO,GACV,QAAS,EACV,CACF,EACD,EAoFI,qBAjFsB,GAAyC,CACrE,EAAuB,GAAS,CAC9B,IAAM,EAAU,CAAE,GAAG,EAAM,CAE3B,OADA,OAAO,EAAQ,GACR,GACP,EA6EI,6BAzEN,GACG,CACH,EAAuB,GAAS,CAC9B,IAAM,EAAW,CAAE,GAAG,EAAM,CAE5B,OADA,OAAO,EAAS,GACT,GACP,EAoEI,uBAjEyB,CAC/B,EAAsB,EAAE,CAAC,EAiEnB,uBA7DN,EACA,IAC4B,CAC5B,GAAI,CAAC,EAAe,OAEpB,IAAM,EAAkB,EAAQ,OAC7B,GAAQ,EAAI,OAAS,EAAS,YAChC,CAMD,GAHE,EAAuB,SAAS,UAAU,EAC1C,EAAuB,SAAS,WAAW,CAY3C,OALoB,EAHlB,IAAgB,IAA8C,SAC9D,EAAE,CAIF,EACD,CAKH,IAAM,EAA8B,OAAO,KAAK,EAAc,CAAC,OAC5D,GAAQ,EAAI,WAAW,GAAG,EAAuB,GAAG,CACtD,CAED,IAAK,IAAM,KAAqB,EAA6B,CAG3D,IAAM,EAAc,EADlB,IAAgB,IAAyC,SAAW,EAAE,CAGtE,EACD,CAED,GAAI,EAAa,OAAO,IAwBrB,CAEA,WACoC,CAAA,CACJ,CAAA,EAI5B,MACX,EAAW,EAA4B,CAE5B,MAAyB,CACpC,IAAM,EAAe,EAAW,EAA0B,CACpD,EAAgB,GAAyB,CAE/C,MAAO,CAAE,GAAG,EAAc,GAAG,EAAe"}
+{"version":3,"file":"EditedContentContext.mjs","names":[],"sources":["../../../src/editor/EditedContentContext.tsx"],"sourcesContent":["import type { DictionaryContent } from '@intlayer/editor';\nimport type {\n  ContentNode,\n  Dictionary,\n  LocalDictionaryId,\n} from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { useEffect, useState } from 'preact/hooks';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport const useEditedContent = () => {\n  const manager = useEditorStateManager();\n  const [editedContent, setEditedContentState] = useState<\n    DictionaryContent | undefined\n  >(manager.editedContent.value);\n\n  useEffect(() => {\n    const handler = (e: Event) =>\n      setEditedContentState((e as CustomEvent<DictionaryContent>).detail);\n    manager.editedContent.addEventListener('change', handler);\n    return () => manager.editedContent.removeEventListener('change', handler);\n  }, [manager]);\n\n  return {\n    editedContent,\n    setEditedContentState: (value: DictionaryContent) =>\n      manager.editedContent.set(value),\n    setEditedDictionary: (dict: Dictionary) =>\n      manager.setEditedDictionary(dict),\n    setEditedContent: (\n      localId: LocalDictionaryId,\n      value: Dictionary['content']\n    ) => manager.setEditedContent(localId, value),\n    addEditedContent: (\n      localId: LocalDictionaryId,\n      value: ContentNode,\n      keyPath?: KeyPath[],\n      overwrite?: boolean\n    ) => manager.addContent(localId, value, keyPath, overwrite),\n    renameEditedContent: (\n      localId: LocalDictionaryId,\n      newKey: KeyPath['key'],\n      keyPath?: KeyPath[]\n    ) => manager.renameContent(localId, newKey, keyPath),\n    removeEditedContent: (localId: LocalDictionaryId, keyPath: KeyPath[]) =>\n      manager.removeContent(localId, keyPath),\n    restoreEditedContent: (localId: LocalDictionaryId) =>\n      manager.restoreContent(localId),\n    clearEditedDictionaryContent: (localId: LocalDictionaryId) =>\n      manager.clearContent(localId),\n    clearEditedContent: () => manager.clearAllContent(),\n    getEditedContentValue: (\n      localIdOrKey: LocalDictionaryId | string,\n      keyPath: KeyPath[]\n    ): ContentNode | undefined =>\n      manager.getContentValue(localIdOrKey, keyPath),\n  };\n};\n\nexport const useEditedContentActions = () => {\n  const actions = useEditedContent();\n  const { editedContent, ...rest } = actions;\n  return rest;\n};\n\nexport const useGetEditedContentState = () => {\n  const manager = useEditorStateManager();\n  return () => manager.messenger.send('INTLAYER_EDITED_CONTENT_CHANGED/get');\n};\n\nexport const usePostEditedContentState = () => {\n  const manager = useEditorStateManager();\n  return () => manager.editedContent.postCurrentValue();\n};\n"],"mappings":"wHAUA,MAAa,MAAyB,CACpC,IAAM,EAAU,GAAuB,CACjC,CAAC,EAAe,GAAyB,EAE7C,EAAQ,cAAc,MAAM,CAS9B,OAPA,MAAgB,CACd,IAAM,EAAW,GACf,EAAuB,EAAqC,OAAO,CAErE,OADA,EAAQ,cAAc,iBAAiB,SAAU,EAAQ,KAC5C,EAAQ,cAAc,oBAAoB,SAAU,EAAQ,EACxE,CAAC,EAAQ,CAAC,CAEN,CACL,gBACA,sBAAwB,GACtB,EAAQ,cAAc,IAAI,EAAM,CAClC,oBAAsB,GACpB,EAAQ,oBAAoB,EAAK,CACnC,kBACE,EACA,IACG,EAAQ,iBAAiB,EAAS,EAAM,CAC7C,kBACE,EACA,EACA,EACA,IACG,EAAQ,WAAW,EAAS,EAAO,EAAS,EAAU,CAC3D,qBACE,EACA,EACA,IACG,EAAQ,cAAc,EAAS,EAAQ,EAAQ,CACpD,qBAAsB,EAA4B,IAChD,EAAQ,cAAc,EAAS,EAAQ,CACzC,qBAAuB,GACrB,EAAQ,eAAe,EAAQ,CACjC,6BAA+B,GAC7B,EAAQ,aAAa,EAAQ,CAC/B,uBAA0B,EAAQ,iBAAiB,CACnD,uBACE,EACA,IAEA,EAAQ,gBAAgB,EAAc,EAAQ,CACjD,EAGU,MAAgC,CAE3C,GAAM,CAAE,gBAAe,GAAG,GADV,GAAkB,CAElC,OAAO,GAGI,MAAiC,CAC5C,IAAM,EAAU,GAAuB,CACvC,UAAa,EAAQ,UAAU,KAAK,sCAAsC,EAG/D,MAAkC,CAC7C,IAAM,EAAU,GAAuB,CACvC,UAAa,EAAQ,cAAc,kBAAkB"}

package/dist/esm/editor/EditorEnabledContext.mjs

@@ -1,2 +1,2 @@
-"use client";import{useCrossFrameMessageListener as e}from"./useCrossFrameMessageListener.mjs";import{useCrossFrameState as t}from"./useCrossFrameState.mjs";import{createContext as n}from"preact";import{MessageKey as r}from"@intlayer/editor";import{useContext as i}from"preact/hooks";import{jsx as a}from"preact/jsx-runtime";const o=n({enabled:!1}),s=e=>t(r.INTLAYER_EDITOR_ENABLED,!1,e),c=t=>e(`${r.INTLAYER_EDITOR_ENABLED}/post`,t),l=t=>e(`${r.INTLAYER_EDITOR_ENABLED}/get`,t),u=({children:e})=>{let[t]=s({emit:!1,receive:!0});return a(o.Provider,{value:{enabled:t},children:e})},d=()=>i(o);export{u as EditorEnabledProvider,d as useEditorEnabled,s as useEditorEnabledState,l as useGetEditorEnabledState,c as usePostEditorEnabledState};
+import{useEditorStateManager as e}from"./EditorStateContext.mjs";import{MessageKey as t}from"@intlayer/editor";import{useEffect as n,useState as r}from"preact/hooks";const i=()=>{let t=e(),[i,a]=r(t.editorEnabled.value??!1);return n(()=>{let e=e=>a(e.detail);return t.editorEnabled.addEventListener(`change`,e),()=>t.editorEnabled.removeEventListener(`change`,e)},[t]),{enabled:i}},a=()=>{let{enabled:t}=i(),n=e();return[t,e=>n.editorEnabled.set(e)]},o=()=>{let n=e();return()=>{n.messenger.send(`${t.INTLAYER_EDITOR_ENABLED}/get`)}},s=()=>{let t=e();return()=>t.editorEnabled.postCurrentValue()};export{i as useEditorEnabled,a as useEditorEnabledState,o as useGetEditorEnabledState,s as usePostEditorEnabledState};
 //# sourceMappingURL=EditorEnabledContext.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditorEnabledContext.mjs","names":[],"sources":["../../../src/editor/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\nimport {\n  type CrossFrameStateOptions,\n  useCrossFrameState,\n} from './useCrossFrameState';\n\nexport type EditorEnabledStateProps = {\n  enabled: boolean;\n};\n\nconst EditorEnabledContext = createContext<EditorEnabledStateProps>({\n  enabled: false,\n});\n\nexport const useEditorEnabledState = (options?: CrossFrameStateOptions) =>\n  useCrossFrameState(MessageKey.INTLAYER_EDITOR_ENABLED, false, options);\n\nexport const usePostEditorEnabledState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITOR_ENABLED}/post`,\n    onEventTriggered\n  );\n\nexport const useGetEditorEnabledState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITOR_ENABLED}/get`,\n    onEventTriggered\n  );\n\nexport const EditorEnabledProvider: FunctionalComponent<\n  RenderableProps<{}>\n> = ({ children }) => {\n  const [isEnabled] = useEditorEnabledState({\n    emit: false,\n    receive: true,\n  });\n\n  return (\n    <EditorEnabledContext.Provider value={{ enabled: isEnabled }}>\n      {children}\n    </EditorEnabledContext.Provider>\n  );\n};\n\nexport const useEditorEnabled = () => useContext(EditorEnabledContext);\n"],"mappings":"qUAmBA,MAAM,EAAuB,EAAuC,CAClE,QAAS,GACV,CAAC,CAEW,EAAyB,GACpC,EAAmB,EAAW,wBAAyB,GAAO,EAAQ,CAE3D,EACX,GAEA,EACE,GAAG,EAAW,wBAAwB,OACtC,EACD,CAEU,EACX,GAEA,EACE,GAAG,EAAW,wBAAwB,MACtC,EACD,CAEU,GAER,CAAE,cAAe,CACpB,GAAM,CAAC,GAAa,EAAsB,CACxC,KAAM,GACN,QAAS,GACV,CAAC,CAEF,OACE,EAAC,EAAqB,SAAtB,CAA+B,MAAO,CAAE,QAAS,EAAW,CACzD,WAC6B,CAAA,EAIvB,MAAyB,EAAW,EAAqB"}
+{"version":3,"file":"EditorEnabledContext.mjs","names":[],"sources":["../../../src/editor/EditorEnabledContext.tsx"],"sourcesContent":["import { MessageKey } from '@intlayer/editor';\nimport { useEffect, useState } from 'preact/hooks';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type EditorEnabledStateProps = {\n  enabled: boolean;\n};\n\nexport const useEditorEnabled = (): EditorEnabledStateProps => {\n  const manager = useEditorStateManager();\n  const [enabled, setEnabled] = useState<boolean>(\n    manager.editorEnabled.value ?? false\n  );\n\n  useEffect(() => {\n    const handler = (e: Event) =>\n      setEnabled((e as CustomEvent<boolean>).detail);\n    manager.editorEnabled.addEventListener('change', handler);\n    return () => manager.editorEnabled.removeEventListener('change', handler);\n  }, [manager]);\n\n  return { enabled };\n};\n\nexport const useEditorEnabledState = () => {\n  const { enabled } = useEditorEnabled();\n  const manager = useEditorStateManager();\n  return [\n    enabled,\n    (value: boolean) => manager.editorEnabled.set(value),\n  ] as const;\n};\n\nexport const useGetEditorEnabledState = () => {\n  const manager = useEditorStateManager();\n  return () => {\n    manager.messenger.send(`${MessageKey.INTLAYER_EDITOR_ENABLED}/get`);\n  };\n};\n\nexport const usePostEditorEnabledState = () => {\n  const manager = useEditorStateManager();\n  return () => manager.editorEnabled.postCurrentValue();\n};\n"],"mappings":"sKAQA,MAAa,MAAkD,CAC7D,IAAM,EAAU,GAAuB,CACjC,CAAC,EAAS,GAAc,EAC5B,EAAQ,cAAc,OAAS,GAChC,CASD,OAPA,MAAgB,CACd,IAAM,EAAW,GACf,EAAY,EAA2B,OAAO,CAEhD,OADA,EAAQ,cAAc,iBAAiB,SAAU,EAAQ,KAC5C,EAAQ,cAAc,oBAAoB,SAAU,EAAQ,EACxE,CAAC,EAAQ,CAAC,CAEN,CAAE,UAAS,EAGP,MAA8B,CACzC,GAAM,CAAE,WAAY,GAAkB,CAChC,EAAU,GAAuB,CACvC,MAAO,CACL,EACC,GAAmB,EAAQ,cAAc,IAAI,EAAM,CACrD,EAGU,MAAiC,CAC5C,IAAM,EAAU,GAAuB,CACvC,UAAa,CACX,EAAQ,UAAU,KAAK,GAAG,EAAW,wBAAwB,MAAM,GAI1D,MAAkC,CAC7C,IAAM,EAAU,GAAuB,CACvC,UAAa,EAAQ,cAAc,kBAAkB"}

package/dist/esm/editor/EditorProvider.mjs

@@ -1,2 +1,2 @@
-"use client";import{CommunicatorProvider as e}from"./CommunicatorContext.mjs";import{DictionariesRecordProvider as t}from"./DictionariesRecordContext.mjs";import{EditorEnabledProvider as n,useEditorEnabled as r,useGetEditorEnabledState as i}from"./EditorEnabledContext.mjs";import{ConfigurationProvider as a}from"./ConfigurationContext.mjs";import{EditedContentProvider as o,useGetEditedContentState as s}from"./EditedContentContext.mjs";import{FocusDictionaryProvider as c}from"./FocusDictionaryContext.mjs";import{useEffect as l,useState as u}from"preact/hooks";import{jsx as d}from"preact/jsx-runtime";const f=({children:e})=>{let n=s();return l(()=>{n()},[]),d(t,{children:d(o,{children:d(c,{children:e})})})},p=({children:e,fallback:t})=>{let n=i(),{enabled:a}=r();return l(()=>{a||n()},[a]),a?e:t},m=({children:e,fallback:t})=>{let[n,r]=u(!1);return l(()=>{r(window.self!==window.top)},[]),n?e:t},h=({children:t,configuration:r,...i})=>d(n,{children:d(a,{configuration:r,children:d(m,{fallback:t,children:d(e,{...i,children:d(p,{fallback:t,children:d(f,{children:t})})})})})});export{h as EditorProvider};
+import{EditorStateProvider as e}from"./EditorStateContext.mjs";import{useEditorEnabled as t}from"./EditorEnabledContext.mjs";import n from"@intlayer/config/built";import{EditorStateManager as r,defineIntlayerElements as i}from"@intlayer/editor";import{useEffect as a,useRef as o,useState as s}from"preact/hooks";import{jsx as c}from"preact/jsx-runtime";const{editor:l}=n??{},u=()=>({allowedOrigins:[l?.applicationURL,l?.editorURL,l?.cmsURL].filter(Boolean),postMessageFn:(e,t)=>{typeof window>`u`||window.self!==window.top&&(window.parent?.postMessage(e,t),window.postMessage(e,t))}}),d=({children:e,fallback:n})=>{let{enabled:r}=t();return r?e:n},f=({children:e,fallback:t})=>{let[n,r]=s(!1);return a(()=>{r(window.self!==window.top)},[]),n?e:t},p=({children:t,mode:s=`client`,configuration:l,postMessage:p,allowedOrigins:m})=>{let h=o(null);h.current||=new r({mode:s,messenger:p||m?{allowedOrigins:m??[`*`],postMessageFn:p?e=>p(e):u().postMessageFn}:u(),configuration:l??n});let g=h.current;return a(()=>(i(),g.start(),()=>g.stop()),[g]),c(e,{manager:g,children:s===`editor`?t:c(f,{fallback:t,children:c(d,{fallback:t,children:t})})})};export{p as EditorProvider};
 //# sourceMappingURL=EditorProvider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditorProvider.mjs","names":[],"sources":["../../../src/editor/EditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  ComponentChildren,\n  FunctionalComponent,\n  RenderableProps,\n} from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport {\n  CommunicatorProvider,\n  type CommunicatorProviderProps,\n} from './CommunicatorContext';\nimport {\n  ConfigurationProvider,\n  type ConfigurationProviderProps,\n} from './ConfigurationContext';\nimport { DictionariesRecordProvider } from './DictionariesRecordContext';\nimport {\n  EditedContentProvider,\n  useGetEditedContentState,\n} from './EditedContentContext';\nimport {\n  EditorEnabledProvider,\n  useEditorEnabled,\n  useGetEditorEnabledState,\n} from './EditorEnabledContext';\nimport { FocusDictionaryProvider } from './FocusDictionaryContext';\n\n/**\n * This component add all the providers needed by the editor.\n * It is used to wrap the application, or the editor to work together.\n */\nconst EditorProvidersWrapper: FunctionalComponent<RenderableProps<{}>> = ({\n  children,\n}) => {\n  const getEditedContentState = useGetEditedContentState();\n\n  useEffect(() => {\n    getEditedContentState();\n  }, []);\n\n  return (\n    <DictionariesRecordProvider>\n      <EditedContentProvider>\n        <FocusDictionaryProvider>{children}</FocusDictionaryProvider>\n      </EditedContentProvider>\n    </DictionariesRecordProvider>\n  );\n};\n\ntype FallbackProps = {\n  fallback: ComponentChildren;\n};\n\n/**\n * This component check if the editor is enabled to render the editor providers.\n */\nconst EditorEnabledCheckRenderer: FunctionalComponent<\n  RenderableProps<FallbackProps>\n> = ({ children, fallback }) => {\n  const getEditorEnabled = useGetEditorEnabledState();\n\n  const { enabled } = useEditorEnabled();\n\n  useEffect(() => {\n    if (enabled) return;\n\n    // Check if the editor is wrapping the application\n    getEditorEnabled();\n  }, [enabled]);\n\n  return enabled ? children : fallback;\n};\n\n/**\n * This component is used to check if the editor is wrapping the application.\n * It avoid to send window.postMessage to the application if the editor is not wrapping the application.\n */\nconst IframeCheckRenderer: FunctionalComponent<\n  RenderableProps<FallbackProps>\n> = ({ children, fallback }) => {\n  const [isInIframe, setIsInIframe] = useState(false);\n\n  useEffect(() => {\n    setIsInIframe(window.self !== window.top);\n  }, []);\n\n  return isInIframe ? children : fallback;\n};\n\nexport type EditorProviderProps = CommunicatorProviderProps &\n  ConfigurationProviderProps;\n\nexport const EditorProvider: FunctionalComponent<\n  RenderableProps<EditorProviderProps>\n> = ({ children, configuration, ...props }) => (\n  <EditorEnabledProvider>\n    <ConfigurationProvider configuration={configuration}>\n      <IframeCheckRenderer fallback={children}>\n        <CommunicatorProvider {...props}>\n          <EditorEnabledCheckRenderer fallback={children}>\n            <EditorProvidersWrapper>{children}</EditorProvidersWrapper>\n          </EditorEnabledCheckRenderer>\n        </CommunicatorProvider>\n      </IframeCheckRenderer>\n    </ConfigurationProvider>\n  </EditorEnabledProvider>\n);\n"],"mappings":"6lBAgCA,MAAM,GAAoE,CACxE,cACI,CACJ,IAAM,EAAwB,GAA0B,CAMxD,OAJA,MAAgB,CACd,GAAuB,EACtB,EAAE,CAAC,CAGJ,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAA0B,WAAmC,CAAA,CACvC,CAAA,CACG,CAAA,EAW3B,GAED,CAAE,WAAU,cAAe,CAC9B,IAAM,EAAmB,GAA0B,CAE7C,CAAE,WAAY,GAAkB,CAStC,OAPA,MAAgB,CACV,GAGJ,GAAkB,EACjB,CAAC,EAAQ,CAAC,CAEN,EAAU,EAAW,GAOxB,GAED,CAAE,WAAU,cAAe,CAC9B,GAAM,CAAC,EAAY,GAAiB,EAAS,GAAM,CAMnD,OAJA,MAAgB,CACd,EAAc,OAAO,OAAS,OAAO,IAAI,EACxC,EAAE,CAAC,CAEC,EAAa,EAAW,GAMpB,GAER,CAAE,WAAU,gBAAe,GAAG,KACjC,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAsC,yBACpC,EAAC,EAAD,CAAqB,SAAU,WAC7B,EAAC,EAAD,CAAsB,GAAI,WACxB,EAAC,EAAD,CAA4B,SAAU,WACpC,EAAC,EAAD,CAAyB,WAAkC,CAAA,CAChC,CAAA,CACR,CAAA,CACH,CAAA,CACA,CAAA,CACF,CAAA"}
+{"version":3,"file":"EditorProvider.mjs","names":[],"sources":["../../../src/editor/EditorProvider.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport {\n  defineIntlayerElements,\n  EditorStateManager,\n  type MessengerConfig,\n} from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport type { ComponentChildren, FunctionComponent } from 'preact';\nimport { useEffect, useRef, useState } from 'preact/hooks';\nimport { useEditorEnabled } from './EditorEnabledContext';\nimport { EditorStateProvider } from './EditorStateContext';\n\nconst { editor } = configuration ?? {};\n\nconst buildDefaultMessengerConfig = (): MessengerConfig => ({\n  allowedOrigins: [\n    editor?.applicationURL,\n    editor?.editorURL,\n    editor?.cmsURL,\n  ].filter(Boolean) as string[],\n  postMessageFn: (payload, origin) => {\n    if (typeof window === 'undefined') return;\n    const isInIframe = window.self !== window.top;\n    if (!isInIframe) return;\n    window.parent?.postMessage(payload, origin);\n    window.postMessage(payload, origin);\n  },\n});\n\ntype FallbackProps = {\n  fallback: ComponentChildren;\n  children?: ComponentChildren;\n};\n\nconst EditorEnabledCheckRenderer: FunctionComponent<FallbackProps> = ({\n  children,\n  fallback,\n}) => {\n  const { enabled } = useEditorEnabled();\n  return enabled ? children : fallback;\n};\n\nconst IframeCheckRenderer: FunctionComponent<FallbackProps> = ({\n  children,\n  fallback,\n}) => {\n  const [isInIframe, setIsInIframe] = useState(false);\n\n  useEffect(() => {\n    setIsInIframe(window.self !== window.top);\n  }, []);\n\n  return isInIframe ? children : fallback;\n};\n\nexport type EditorProviderProps = {\n  mode?: 'editor' | 'client';\n  configuration?: IntlayerConfig;\n  postMessage?: (data: any) => void;\n  allowedOrigins?: string[];\n  children?: ComponentChildren;\n};\n\nexport const EditorProvider: FunctionComponent<EditorProviderProps> = ({\n  children,\n  mode = 'client',\n  configuration: configProp,\n  postMessage: customPostMessage,\n  allowedOrigins: customAllowedOrigins,\n}) => {\n  const managerRef = useRef<EditorStateManager | null>(null);\n  if (!managerRef.current) {\n    const messengerConfig: MessengerConfig =\n      customPostMessage || customAllowedOrigins\n        ? {\n            allowedOrigins: customAllowedOrigins ?? ['*'],\n            postMessageFn: customPostMessage\n              ? (payload) => customPostMessage(payload)\n              : buildDefaultMessengerConfig().postMessageFn,\n          }\n        : buildDefaultMessengerConfig();\n    managerRef.current = new EditorStateManager({\n      mode,\n      messenger: messengerConfig,\n      configuration: configProp ?? configuration,\n    });\n  }\n  const manager = managerRef.current;\n\n  useEffect(() => {\n    defineIntlayerElements();\n    manager.start();\n    return () => manager.stop();\n  }, [manager]);\n\n  const content =\n    mode === 'editor' ? (\n      children\n    ) : (\n      <IframeCheckRenderer fallback={children}>\n        <EditorEnabledCheckRenderer fallback={children}>\n          {children}\n        </EditorEnabledCheckRenderer>\n      </IframeCheckRenderer>\n    );\n\n  return <EditorStateProvider manager={manager}>{content}</EditorStateProvider>;\n};\n\n// Backward-compat types\nexport type CommunicatorProviderProps = {\n  postMessage?: (data: any) => void;\n  allowedOrigins?: string[];\n};\nexport type ConfigurationProviderProps = { configuration?: IntlayerConfig };\n"],"mappings":"iWAYA,KAAM,CAAE,UAAW,GAAiB,EAAE,CAEhC,OAAsD,CAC1D,eAAgB,CACd,GAAQ,eACR,GAAQ,UACR,GAAQ,OACT,CAAC,OAAO,QAAQ,CACjB,eAAgB,EAAS,IAAW,CAC9B,OAAO,OAAW,KACH,OAAO,OAAS,OAAO,MAE1C,OAAO,QAAQ,YAAY,EAAS,EAAO,CAC3C,OAAO,YAAY,EAAS,EAAO,GAEtC,EAOK,GAAgE,CACpE,WACA,cACI,CACJ,GAAM,CAAE,WAAY,GAAkB,CACtC,OAAO,EAAU,EAAW,GAGxB,GAAyD,CAC7D,WACA,cACI,CACJ,GAAM,CAAC,EAAY,GAAiB,EAAS,GAAM,CAMnD,OAJA,MAAgB,CACd,EAAc,OAAO,OAAS,OAAO,IAAI,EACxC,EAAE,CAAC,CAEC,EAAa,EAAW,GAWpB,GAA0D,CACrE,WACA,OAAO,SACP,cAAe,EACf,YAAa,EACb,eAAgB,KACZ,CACJ,IAAM,EAAa,EAAkC,KAAK,CAC1D,AAUE,EAAW,UAAU,IAAI,EAAmB,CAC1C,OACA,UAVA,GAAqB,EACjB,CACE,eAAgB,GAAwB,CAAC,IAAI,CAC7C,cAAe,EACV,GAAY,EAAkB,EAAQ,CACvC,GAA6B,CAAC,cACnC,CACD,GAA6B,CAIjC,cAAe,GAAc,EAC9B,CAAC,CAEJ,IAAM,EAAU,EAAW,QAmB3B,OAjBA,OACE,GAAwB,CACxB,EAAQ,OAAO,KACF,EAAQ,MAAM,EAC1B,CAAC,EAAQ,CAAC,CAaN,EAAC,EAAD,CAA8B,mBAVnC,IAAS,SACP,EAEA,EAAC,EAAD,CAAqB,SAAU,WAC7B,EAAC,EAAD,CAA4B,SAAU,EACnC,WAC0B,CAAA,CACT,CAAA,CAGmD,CAAA"}

package/dist/esm/editor/EditorStateContext.mjs

@@ -0,0 +1,2 @@
+import{createContext as e}from"preact";import{useContext as t}from"preact/hooks";import{jsx as n}from"preact/jsx-runtime";const r=e(null),i=({manager:e,children:t})=>n(r.Provider,{value:e,children:t}),a=()=>{let e=t(r);if(!e)throw Error(`useEditorStateManager: no EditorStateProvider found`);return e};export{i as EditorStateProvider,a as useEditorStateManager};
+//# sourceMappingURL=EditorStateContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorStateContext.mjs","names":[],"sources":["../../../src/editor/EditorStateContext.tsx"],"sourcesContent":["import type { EditorStateManager } from '@intlayer/editor';\nimport {\n  type ComponentChildren,\n  createContext,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\n\nconst EditorStateContext = createContext<EditorStateManager | null>(null);\n\nexport const EditorStateProvider: FunctionComponent<{\n  manager: EditorStateManager;\n  children?: ComponentChildren;\n}> = ({ manager, children }) => (\n  <EditorStateContext.Provider value={manager}>\n    {children}\n  </EditorStateContext.Provider>\n);\n\nexport const useEditorStateManager = (): EditorStateManager => {\n  const ctx = useContext(EditorStateContext);\n  if (!ctx)\n    throw new Error('useEditorStateManager: no EditorStateProvider found');\n  return ctx;\n};\n"],"mappings":"0HAQA,MAAM,EAAqB,EAAyC,KAAK,CAE5D,GAGP,CAAE,UAAS,cACf,EAAC,EAAmB,SAApB,CAA6B,MAAO,EACjC,WAC2B,CAAA,CAGnB,MAAkD,CAC7D,IAAM,EAAM,EAAW,EAAmB,CAC1C,GAAI,CAAC,EACH,MAAU,MAAM,sDAAsD,CACxE,OAAO"}

package/dist/esm/editor/FocusDictionaryContext.mjs

@@ -1,2 +1,2 @@
-"use client";import{useCrossFrameState as e}from"./useCrossFrameState.mjs";import{createContext as t}from"preact";import{MessageKey as n}from"@intlayer/editor";import{useContext as r}from"preact/hooks";import{jsx as i}from"preact/jsx-runtime";const a=t(void 0),o=t(void 0),s=({children:t})=>{let[r,s]=e(n.INTLAYER_FOCUSED_CONTENT_CHANGED,null);return i(a.Provider,{value:{focusedContent:r},children:i(o.Provider,{value:{setFocusedContent:s,setFocusedContentKeyPath:e=>{s(t=>t&&{...t,keyPath:e})}},children:t})})},c=()=>{let e=r(o);if(e===void 0)throw Error(`useFocusDictionaryActions must be used within a FocusDictionaryProvider`);return e},l=()=>{let e=c(),t=r(a);if(t===void 0)throw Error(`useFocusDictionaryState must be used within a FocusDictionaryProvider`);return{...t,...e}};export{s as FocusDictionaryProvider,l as useFocusDictionary,c as useFocusDictionaryActions};
+import{useEditorStateManager as e}from"./EditorStateContext.mjs";import{useEffect as t,useState as n}from"preact/hooks";const r=()=>{let r=e(),[i,a]=n(r.focusedContent.value??null);return t(()=>{let e=e=>a(e.detail);return r.focusedContent.addEventListener(`change`,e),()=>r.focusedContent.removeEventListener(`change`,e)},[r]),{focusedContent:i,setFocusedContent:e=>r.focusedContent.set(e),setFocusedContentKeyPath:e=>r.setFocusedContentKeyPath(e)}},i=()=>{let{setFocusedContent:e,setFocusedContentKeyPath:t}=r();return{setFocusedContent:e,setFocusedContentKeyPath:t}};export{r as useFocusDictionary,i as useFocusDictionaryActions};
 //# sourceMappingURL=FocusDictionaryContext.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FocusDictionaryContext.mjs","names":[],"sources":["../../../src/editor/FocusDictionaryContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport {\n  type CrossFrameStateUpdater,\n  useCrossFrameState,\n} from './useCrossFrameState';\n\ntype DictionaryPath = string;\n\nexport type FileContent = {\n  dictionaryKey: string;\n  keyPath?: KeyPath[];\n  dictionaryPath?: DictionaryPath;\n};\n\ntype FocusDictionaryState = {\n  focusedContent: FileContent | null;\n};\n\ntype FocusDictionaryActions = {\n  setFocusedContent: CrossFrameStateUpdater<FileContent | null>;\n  setFocusedContentKeyPath: (keyPath: KeyPath[]) => void;\n};\n\nconst FocusDictionaryStateContext = createContext<\n  FocusDictionaryState | undefined\n>(undefined);\nconst FocusDictionaryActionsContext = createContext<\n  FocusDictionaryActions | undefined\n>(undefined);\n\nexport const FocusDictionaryProvider: FunctionalComponent<\n  RenderableProps<{}>\n> = ({ children }) => {\n  const [focusedContent, setFocusedContent] =\n    useCrossFrameState<FileContent | null>(\n      MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED,\n      null\n    );\n\n  const setFocusedContentKeyPath = (keyPath: KeyPath[]) => {\n    setFocusedContent((prev) => {\n      if (!prev) {\n        return prev; // nothing to update if there's no focused content\n      }\n      return { ...prev, keyPath };\n    });\n  };\n\n  return (\n    <FocusDictionaryStateContext.Provider value={{ focusedContent }}>\n      <FocusDictionaryActionsContext.Provider\n        value={{ setFocusedContent, setFocusedContentKeyPath }}\n      >\n        {children}\n      </FocusDictionaryActionsContext.Provider>\n    </FocusDictionaryStateContext.Provider>\n  );\n};\n\nexport const useFocusDictionaryActions = () => {\n  const context = useContext(FocusDictionaryActionsContext);\n  if (context === undefined) {\n    throw new Error(\n      'useFocusDictionaryActions must be used within a FocusDictionaryProvider'\n    );\n  }\n  return context;\n};\n\nexport const useFocusDictionary = () => {\n  const actionContext = useFocusDictionaryActions();\n  const stateContext = useContext(FocusDictionaryStateContext);\n\n  if (stateContext === undefined) {\n    throw new Error(\n      'useFocusDictionaryState must be used within a FocusDictionaryProvider'\n    );\n  }\n\n  return { ...stateContext, ...actionContext };\n};\n"],"mappings":"mPAgCA,MAAM,EAA8B,EAElC,IAAA,GAAU,CACN,EAAgC,EAEpC,IAAA,GAAU,CAEC,GAER,CAAE,cAAe,CACpB,GAAM,CAAC,EAAgB,GACrB,EACE,EAAW,iCACX,KACD,CAWH,OACE,EAAC,EAA4B,SAA7B,CAAsC,MAAO,CAAE,iBAAgB,UAC7D,EAAC,EAA8B,SAA/B,CACE,MAAO,CAAE,oBAAmB,yBAZA,GAAuB,CACvD,EAAmB,GACZ,GAGE,CAAE,GAAG,EAAM,UAAS,CAC3B,EAMwD,CAErD,WACsC,CAAA,CACJ,CAAA,EAI9B,MAAkC,CAC7C,IAAM,EAAU,EAAW,EAA8B,CACzD,GAAI,IAAY,IAAA,GACd,MAAU,MACR,0EACD,CAEH,OAAO,GAGI,MAA2B,CACtC,IAAM,EAAgB,GAA2B,CAC3C,EAAe,EAAW,EAA4B,CAE5D,GAAI,IAAiB,IAAA,GACnB,MAAU,MACR,wEACD,CAGH,MAAO,CAAE,GAAG,EAAc,GAAG,EAAe"}
+{"version":3,"file":"FocusDictionaryContext.mjs","names":[],"sources":["../../../src/editor/FocusDictionaryContext.tsx"],"sourcesContent":["import type { FileContent } from '@intlayer/editor';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { useEffect, useState } from 'preact/hooks';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { FileContent };\n\nexport const useFocusDictionary = () => {\n  const manager = useEditorStateManager();\n  const [focusedContent, setFocusedContentState] = useState<FileContent | null>(\n    manager.focusedContent.value ?? null\n  );\n\n  useEffect(() => {\n    const handler = (e: Event) =>\n      setFocusedContentState((e as CustomEvent<FileContent | null>).detail);\n    manager.focusedContent.addEventListener('change', handler);\n    return () => manager.focusedContent.removeEventListener('change', handler);\n  }, [manager]);\n\n  return {\n    focusedContent,\n    setFocusedContent: (value: FileContent | null) =>\n      manager.focusedContent.set(value),\n    setFocusedContentKeyPath: (keyPath: KeyPath[]) =>\n      manager.setFocusedContentKeyPath(keyPath),\n  };\n};\n\nexport const useFocusDictionaryActions = () => {\n  const { setFocusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  return { setFocusedContent, setFocusedContentKeyPath };\n};\n"],"mappings":"wHAOA,MAAa,MAA2B,CACtC,IAAM,EAAU,GAAuB,CACjC,CAAC,EAAgB,GAA0B,EAC/C,EAAQ,eAAe,OAAS,KACjC,CASD,OAPA,MAAgB,CACd,IAAM,EAAW,GACf,EAAwB,EAAsC,OAAO,CAEvE,OADA,EAAQ,eAAe,iBAAiB,SAAU,EAAQ,KAC7C,EAAQ,eAAe,oBAAoB,SAAU,EAAQ,EACzE,CAAC,EAAQ,CAAC,CAEN,CACL,iBACA,kBAAoB,GAClB,EAAQ,eAAe,IAAI,EAAM,CACnC,yBAA2B,GACzB,EAAQ,yBAAyB,EAAQ,CAC5C,EAGU,MAAkC,CAC7C,GAAM,CAAE,oBAAmB,4BAA6B,GAAoB,CAC5E,MAAO,CAAE,oBAAmB,2BAA0B"}

package/dist/esm/editor/IntlayerEditorProvider.mjs

@@ -1,2 +1,2 @@
-"use client";import{useDictionariesRecordActions as e}from"./DictionariesRecordContext.mjs";import{useEditorEnabled as t}from"./EditorEnabledContext.mjs";import{EditorProvider as n}from"./EditorProvider.mjs";import{useCrossURLPathSetter as r}from"./useCrossURLPathState.mjs";import{useIframeClickInterceptor as i}from"./useIframeClickInterceptor.mjs";import a from"@intlayer/config/built";import{useEffect as o}from"preact/hooks";import{Fragment as s,jsx as c,jsxs as l}from"preact/jsx-runtime";const u=()=>{r(),i();let{setLocaleDictionaries:t}=e()??{};return o(()=>{import(`@intlayer/unmerged-dictionaries-entry`).then(e=>{let n=e.getUnmergedDictionaries(),r=Object.fromEntries(Object.values(n).flat().map(e=>[e.localId,e]));t?.(r)})},[]),c(s,{})},{editor:d}=a,f=()=>{let{enabled:e}=t();return c(e?u:s,{})},p=({children:e})=>l(n,{postMessage:e=>{typeof window>`u`||window.self!==window.top&&(d.applicationURL.length>0&&window?.postMessage(e,d.applicationURL),d.editorURL.length>0&&window.parent?.postMessage(e,d.editorURL),d.cmsURL.length>0&&window.parent?.postMessage(e,d.cmsURL))},allowedOrigins:[d?.editorURL,d?.cmsURL,d?.applicationURL],configuration:a,children:[c(f,{}),e]});export{p as IntlayerEditorProvider};
+import{EditorProvider as e}from"./EditorProvider.mjs";import{jsx as t}from"preact/jsx-runtime";const n=({children:n})=>t(e,{mode:`client`,children:n});export{n as IntlayerEditorProvider};
 //# sourceMappingURL=IntlayerEditorProvider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"IntlayerEditorProvider.mjs","names":[],"sources":["../../../src/editor/IntlayerEditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { ComponentChildren, FunctionComponent } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { useDictionariesRecordActions } from './DictionariesRecordContext';\nimport { useEditorEnabled } from './EditorEnabledContext';\nimport { EditorProvider } from './EditorProvider';\nimport { useCrossURLPathSetter } from './useCrossURLPathState';\nimport { useIframeClickInterceptor } from './useIframeClickInterceptor';\n\nconst IntlayerEditorHooksEnabled: FunctionComponent = () => {\n  /**\n   * URL Messages\n   */\n  useCrossURLPathSetter();\n\n  /**\n   * Click Messages\n   */\n  useIframeClickInterceptor();\n\n  /**\n   * Sent local dictionaries to editor\n   */\n  const { setLocaleDictionaries } = useDictionariesRecordActions() ?? {};\n\n  useEffect(() => {\n    // Load dictionaries dynamically to do not impact the bundle, and send them to the editor\n    import('@intlayer/unmerged-dictionaries-entry').then((mod) => {\n      const unmergedDictionaries = mod.getUnmergedDictionaries();\n      const dictionariesList = Object.fromEntries(\n        Object.values(unmergedDictionaries)\n          .flat()\n          .map((dictionary) => [dictionary.localId, dictionary])\n      );\n\n      setLocaleDictionaries?.(dictionariesList);\n    });\n  }, []);\n\n  return <></>;\n};\n\nconst { editor } = configuration;\n\nconst IntlayerEditorHook: FunctionComponent = () => {\n  const { enabled } = useEditorEnabled();\n\n  return enabled ? <IntlayerEditorHooksEnabled /> : <></>;\n};\n\nexport const IntlayerEditorProvider: FunctionComponent<{\n  children?: ComponentChildren;\n}> = ({ children }) => {\n  return (\n    <EditorProvider\n      postMessage={(data: any) => {\n        if (typeof window === 'undefined') return;\n\n        const isInIframe = window.self !== window.top;\n        if (!isInIframe) return;\n\n        if (editor.applicationURL.length > 0) {\n          window?.postMessage(\n            data,\n            // Use to restrict the origin of the editor for security reasons.\n            // Correspond to the current application URL to synchronize the locales states.\n            editor.applicationURL\n          );\n        }\n\n        if (editor.editorURL.length > 0) {\n          window.parent?.postMessage(\n            data,\n            // Use to restrict the origin of the editor for security reasons.\n            // Correspond to the editor URL to synchronize the locales states.\n            editor.editorURL\n          );\n        }\n\n        if (editor.cmsURL.length > 0) {\n          window.parent?.postMessage(\n            data,\n            // Use to restrict the origin of the CMS for security reasons.\n            // Correspond to the CMS URL.\n            editor.cmsURL\n          );\n        }\n      }}\n      allowedOrigins={[\n        editor?.editorURL,\n        editor?.cmsURL,\n        editor?.applicationURL,\n      ]}\n      configuration={configuration}\n    >\n      <IntlayerEditorHook />\n      {children}\n    </EditorProvider>\n  );\n};\n"],"mappings":"+eAWA,MAAM,MAAsD,CAI1D,GAAuB,CAKvB,GAA2B,CAK3B,GAAM,CAAE,yBAA0B,GAA8B,EAAI,EAAE,CAgBtE,OAdA,MAAgB,CAEd,OAAO,yCAAyC,KAAM,GAAQ,CAC5D,IAAM,EAAuB,EAAI,yBAAyB,CACpD,EAAmB,OAAO,YAC9B,OAAO,OAAO,EAAqB,CAChC,MAAM,CACN,IAAK,GAAe,CAAC,EAAW,QAAS,EAAW,CAAC,CACzD,CAED,IAAwB,EAAiB,EACzC,EACD,EAAE,CAAC,CAEC,EAAA,EAAA,EAAK,CAAA,EAGR,CAAE,UAAW,EAEb,MAA8C,CAClD,GAAM,CAAE,WAAY,GAAkB,CAEtC,OAAiB,EAAV,EAAW,EAAgC,EAAjC,EAA8B,CAAQ,EAG5C,GAEP,CAAE,cAEJ,EAAC,EAAD,CACE,YAAc,GAAc,CACtB,OAAO,OAAW,KAEH,OAAO,OAAS,OAAO,MAGtC,EAAO,eAAe,OAAS,GACjC,QAAQ,YACN,EAGA,EAAO,eACR,CAGC,EAAO,UAAU,OAAS,GAC5B,OAAO,QAAQ,YACb,EAGA,EAAO,UACR,CAGC,EAAO,OAAO,OAAS,GACzB,OAAO,QAAQ,YACb,EAGA,EAAO,OACR,GAGL,eAAgB,CACd,GAAQ,UACR,GAAQ,OACR,GAAQ,eACT,CACc,yBAvCjB,CAyCE,EAAC,EAAD,EAAsB,CAAA,CACrB,EACc"}
+{"version":3,"file":"IntlayerEditorProvider.mjs","names":[],"sources":["../../../src/editor/IntlayerEditorProvider.tsx"],"sourcesContent":["import type { ComponentChildren, FunctionComponent } from 'preact';\nimport { EditorProvider } from './EditorProvider';\n\nexport const IntlayerEditorProvider: FunctionComponent<{\n  children?: ComponentChildren;\n}> = ({ children }) => (\n  <EditorProvider mode=\"client\">{children}</EditorProvider>\n);\n"],"mappings":"+FAGA,MAAa,GAEP,CAAE,cACN,EAAC,EAAD,CAAgB,KAAK,SAAU,WAA0B,CAAA"}

package/dist/esm/editor/index.mjs

@@ -1 +1 @@
-import{ContentSelectorRenderer as e}from"./ContentSelectorWrapper.mjs";export{e as ContentSelectorRenderer};
+import{EditorStateProvider as e,useEditorStateManager as t}from"./EditorStateContext.mjs";import{ContentSelectorRenderer as n}from"./ContentSelectorWrapper.mjs";export{n as ContentSelectorRenderer,e as EditorStateProvider,t as useEditorStateManager};

package/dist/esm/editor/useCrossFrameMessageListener.mjs

@@ -1,2 +1,2 @@
-"use client";import{useCommunicator as e}from"./CommunicatorContext.mjs";import{compareUrls as t}from"@intlayer/editor";import{useEffect as n}from"preact/hooks";const r=(r,i,a)=>{let{allowedOrigins:o,postMessage:s,senderId:c}=e();return n(()=>{if(i){let e=e=>{let{type:n,data:a,senderId:s}=e.data;n===r&&s!==c&&(o===void 0||o?.filter(e=>![null,void 0,``,`*`].includes(e)).some(n=>t(n,e.origin))||o?.includes(`*`))&&i(a)};return window.addEventListener(`message`,e),()=>window.removeEventListener(`message`,e)}},[o,s,c,a]),e=>{s({type:r,data:e,senderId:c})}};export{r as useCrossFrameMessageListener};
+import{useEditorStateManager as e}from"./EditorStateContext.mjs";import{useEffect as t}from"preact/hooks";const n=(n,r,i)=>{let a=e();return t(()=>{if(r)return a.messenger.subscribe(n,r)},[a,n,i]),e=>a.messenger.send(n,e)};export{n as useCrossFrameMessageListener};
 //# sourceMappingURL=useCrossFrameMessageListener.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameMessageListener.mjs","names":[],"sources":["../../../src/editor/useCrossFrameMessageListener.tsx"],"sourcesContent":["'use client';\n\nimport { compareUrls, type MessageKey } from '@intlayer/editor';\nimport { useEffect } from 'preact/hooks';\nimport { useCommunicator } from './CommunicatorContext';\n\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 */\nexport const useCrossFrameMessageListener = <S,>(\n  key: `${MessageKey}` | `${MessageKey}/post` | `${MessageKey}/get`,\n  onEventTriggered?: (data: S) => void,\n  revalidator?: any\n) => {\n  const { allowedOrigins, postMessage, senderId } = useCommunicator();\n\n  useEffect(() => {\n    if (onEventTriggered) {\n      /**\n       * Message handler to process incoming messages.\n       *\n       * - **Message Filtering:** Ensures only messages with the specified `key` are processed.\n       * - **Origin Validation:** Checks that the origin of the message is within the allowed origins.\n       *\n       * @param {MessageEvent<{ type: string; data: S }>} event - The incoming message event object.\n       */\n      const handleMessage = (\n        event: MessageEvent<{ type: string; data: S; senderId: string }>\n      ) => {\n        const { type, data, senderId: msgSenderId } = event.data;\n\n        // Ignore messages that do not match the current key\n        if (type !== key) return;\n\n        // Ignore messages from myself\n        if (msgSenderId === senderId) return;\n\n        // Check if the message origin is allowed\n        if (\n          typeof allowedOrigins === 'undefined' ||\n          allowedOrigins\n            ?.filter((url) => ![null, undefined, '', '*'].includes(url))\n            .some((url) => compareUrls(url, event.origin)) ||\n          allowedOrigins?.includes('*')\n        ) {\n          // Update the local state with the received data\n          onEventTriggered(data);\n        }\n      };\n\n      window.addEventListener('message', handleMessage);\n\n      // Clean up the event listener on unmount\n      return () => window.removeEventListener('message', handleMessage);\n    }\n  }, [allowedOrigins, postMessage, senderId, revalidator]);\n\n  /**\n   * A wrapper function around the `postMessage` function to broadcast messages efficiently.\n   *\n   * - **Encapsulation:** Ensures the `postMessage` function is scoped to the provided key.\n   * - **Ease of Use:** Simplifies broadcasting messages with consistent type and format.\n   *\n   * @param {S} data - The data payload to include in the message.\n   * @returns {void}\n   */\n  const postMessageWrapper: (data?: S) => void = (data) => {\n    postMessage({ type: key, data, senderId });\n  };\n\n  return postMessageWrapper;\n};\n"],"mappings":"iKAsBA,MAAa,GACX,EACA,EACA,IACG,CACH,GAAM,CAAE,iBAAgB,cAAa,YAAa,GAAiB,CAwDnE,OAtDA,MAAgB,CACd,GAAI,EAAkB,CASpB,IAAM,EACJ,GACG,CACH,GAAM,CAAE,OAAM,OAAM,SAAU,GAAgB,EAAM,KAGhD,IAAS,GAGT,IAAgB,IAIX,IAAmB,QAC1B,GACI,OAAQ,GAAQ,CAAC,CAAC,KAAM,IAAA,GAAW,GAAI,IAAI,CAAC,SAAS,EAAI,CAAC,CAC3D,KAAM,GAAQ,EAAY,EAAK,EAAM,OAAO,CAAC,EAChD,GAAgB,SAAS,IAAI,GAG7B,EAAiB,EAAK,EAO1B,OAHA,OAAO,iBAAiB,UAAW,EAAc,KAGpC,OAAO,oBAAoB,UAAW,EAAc,GAElE,CAAC,EAAgB,EAAa,EAAU,EAAY,CAAC,CAWR,GAAS,CACvD,EAAY,CAAE,KAAM,EAAK,OAAM,WAAU,CAAC"}
+{"version":3,"file":"useCrossFrameMessageListener.mjs","names":[],"sources":["../../../src/editor/useCrossFrameMessageListener.tsx"],"sourcesContent":["import type { MessageKey } from '@intlayer/editor';\nimport { useEffect } from 'preact/hooks';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport const useCrossFrameMessageListener = <S,>(\n  key: `${MessageKey}` | `${MessageKey}/post` | `${MessageKey}/get`,\n  onEventTriggered?: (data: S) => void,\n  revalidator?: any\n) => {\n  const manager = useEditorStateManager();\n\n  useEffect(() => {\n    if (!onEventTriggered) return;\n    return manager.messenger.subscribe<S>(key, onEventTriggered);\n  }, [manager, key, revalidator]);\n\n  return (data?: S) => manager.messenger.send(key, data);\n};\n"],"mappings":"0GAIA,MAAa,GACX,EACA,EACA,IACG,CACH,IAAM,EAAU,GAAuB,CAOvC,OALA,MAAgB,CACT,KACL,OAAO,EAAQ,UAAU,UAAa,EAAK,EAAiB,EAC3D,CAAC,EAAS,EAAK,EAAY,CAAC,CAEvB,GAAa,EAAQ,UAAU,KAAK,EAAK,EAAK"}

package/dist/esm/editor/useCrossFrameState.mjs

@@ -1,2 +1,2 @@
-"use client";import{useCommunicator as e}from"./CommunicatorContext.mjs";import{useCrossFrameMessageListener as t}from"./useCrossFrameMessageListener.mjs";import{useEffect as n,useState as r}from"preact/hooks";const i=(e,t)=>typeof e==`function`?e(t):e,a=(a,o,s)=>{let{postMessage:c,senderId:l}=e()??{},{emit:u,receive:d}=s??{emit:!0,receive:!0},f=(e,t)=>{let n=i(e,t);return u&&typeof c==`function`&&n!==void 0&&c({type:`${a}/post`,data:n,senderId:l}),n},p=()=>{typeof c==`function`&&c({type:`${a}/post`,data:m,senderId:l})},[m,h]=r(()=>f(o));return t(`${a}/post`,d?e=>{h(e)}:void 0),t(`${a}/get`,u?(e,t)=>{u&&typeof c==`function`&&t!==l&&m!==void 0&&c({type:`${a}/post`,data:m,senderId:l})}:void 0,m),n(()=>{d&&typeof c==`function`&&m===void 0&&c({type:`${a}/get`,senderId:l})},[]),[m,e=>h(t=>f(e,t)),p]};export{a as useCrossFrameState};
+import{useEditorStateManager as e}from"./EditorStateContext.mjs";import{CrossFrameStateManager as t}from"@intlayer/editor";import{useEffect as n,useRef as r,useState as i}from"preact/hooks";const a=(a,o,s)=>{let c=e(),l=typeof o==`function`?o():o,[u,d]=i(l),f=r(null);return n(()=>{let{emit:e=!0,receive:n=!0}=s??{},r=new t(a,c.messenger,{emit:e,receive:n,initialValue:l});f.current=r;let i=e=>{d(e.detail)};return r.addEventListener(`change`,i),r.start(),()=>{r.removeEventListener(`change`,i),r.stop(),f.current=null}},[a,c.messenger,s?.emit,s?.receive]),[u,e=>{d(t=>{let n=typeof e==`function`?e(t):e;return f.current?.set(n),n})},()=>f.current?.postCurrentValue()]};export{a as useCrossFrameState};
 //# sourceMappingURL=useCrossFrameState.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameState.mjs","names":[],"sources":["../../../src/editor/useCrossFrameState.tsx"],"sourcesContent":["'use client';\n\nimport type { MessageKey } from '@intlayer/editor';\nimport { useEffect, useState } from 'preact/hooks';\nimport { useCommunicator } from './CommunicatorContext';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport type CrossFrameStateOptions = {\n  emit?: boolean;\n  receive?: boolean;\n};\n\nexport type SetStateAction<S> = S | ((prevState: S) => S);\nexport type CrossFrameStateUpdater<S> = (value: SetStateAction<S>) => void;\n\nconst resolveState = <S,>(\n  valueOrUpdater?: SetStateAction<S>,\n  prevState?: S\n): S =>\n  typeof valueOrUpdater === 'function'\n    ? (valueOrUpdater as (prevState?: S) => S)(prevState!)\n    : (valueOrUpdater as S);\n\n/**\n * Configuration options for `useCrossFrameState`.\n * @typedef {Object} CrossFrameStateOptions\n * @property {boolean} [emit=true] - Whether to broadcast state changes to other instances.\n * @property {boolean} [receive=true] - Whether to listen for state updates from other instances.\n */\n\n/**\n * useCrossFrameState\n *\n * This Preact 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, CrossFrameStateUpdater<S>, typeof postState]} An array containing the current state and a setter function, and a function to manually post the state.\n */\nexport const useCrossFrameState = <S,>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options?: CrossFrameStateOptions\n): [S, CrossFrameStateUpdater<S>, typeof postState] => {\n  const { postMessage, senderId } = useCommunicator() ?? {};\n\n  const { emit, receive } = options ?? { emit: true, receive: true };\n\n  const handleStateChange = (\n    valueOrUpdater?: SetStateAction<S>,\n    prevState?: S\n  ): S => {\n    // Initialize state from the provided initial value, if defined\n    const resolvedState: S = resolveState(valueOrUpdater, prevState);\n\n    // Emit the initial state if `emit` is enabled and initial state is defined\n    if (\n      emit &&\n      typeof postMessage === 'function' &&\n      typeof resolvedState !== 'undefined'\n    ) {\n      postMessage({ type: `${key}/post`, data: resolvedState, senderId });\n    }\n\n    return resolvedState;\n  };\n\n  const postState = () => {\n    if (typeof postMessage !== 'function') return;\n    postMessage({ type: `${key}/post`, data: state, senderId });\n  };\n\n  const [state, setState] = useState<S>(() => handleStateChange(initialState));\n\n  /**\n   * A wrapper function around the `setState` function to handle messaging efficiently.\n   *\n   * This approach has several advantages over using an additional `useEffect`:\n   * - **Avoid Redundant Re-renders:** By emitting the message directly within the `setState` logic,\n   *   it prevents the extra render cycle that would be triggered when using `useEffect`.\n   * - **Consistency:** Ensures the message is emitted immediately when the state is updated,\n   *   avoiding potential delays caused by the asynchronous nature of `useEffect`.\n   *\n   * This function keeps the same API as `setState` and is memoized using `useCallback`\n   * to prevent unnecessary re-renders of dependent components.\n   *\n   * @template S - The type of the state.\n   * @param {S | ((prevState: S) => S)} valueOrUpdater - The new state or a function to produce it.\n   * @returns {void}\n   */\n  const setStateWrapper: CrossFrameStateUpdater<S> = (\n    valueOrUpdater: SetStateAction<S>\n  ) => setState((prevState) => handleStateChange(valueOrUpdater, prevState));\n\n  /**\n   * Listen for messages with the specified key and update the state accordingly.\n   */\n  useCrossFrameMessageListener<S>(\n    `${key}/post`,\n    // Only activate the state listener if the `receive` option is true\n    receive\n      ? (data) => {\n          setState(data);\n        }\n      : undefined\n  );\n\n  const onGetMessage = (_: unknown, originSenderId?: string) => {\n    if (!emit) return;\n    if (typeof postMessage !== 'function') return;\n    if (originSenderId === senderId) return;\n    if (typeof state === 'undefined') return;\n\n    postMessage({ type: `${key}/post`, data: state, senderId });\n  };\n\n  /**\n   * Listen for messages request to get the state content and send it back.\n   */\n  useCrossFrameMessageListener<S>(\n    `${key}/get`,\n    // Only activate the state listener if the `emit` option is true\n    emit ? onGetMessage : undefined,\n    state // Revalidate the listener if the state changes\n  );\n\n  useEffect(() => {\n    // If the component is mounted and the hook in receive mode,\n    // Request the state from the other instance\n    if (\n      receive &&\n      typeof postMessage === 'function' &&\n      typeof state === 'undefined'\n    ) {\n      postMessage({ type: `${key}/get`, senderId });\n    }\n  }, []);\n\n  // Return the useState state and setter\n  return [state, setStateWrapper, postState];\n};\n"],"mappings":"kNAeA,MAAM,GACJ,EACA,IAEA,OAAO,GAAmB,WACrB,EAAwC,EAAW,CACnD,EAwBM,GACX,EACA,EACA,IACqD,CACrD,GAAM,CAAE,cAAa,YAAa,GAAiB,EAAI,EAAE,CAEnD,CAAE,OAAM,WAAY,GAAW,CAAE,KAAM,GAAM,QAAS,GAAM,CAE5D,GACJ,EACA,IACM,CAEN,IAAM,EAAmB,EAAa,EAAgB,EAAU,CAWhE,OAPE,GACA,OAAO,GAAgB,YAChB,IAAkB,QAEzB,EAAY,CAAE,KAAM,GAAG,EAAI,OAAQ,KAAM,EAAe,WAAU,CAAC,CAG9D,GAGH,MAAkB,CAClB,OAAO,GAAgB,YAC3B,EAAY,CAAE,KAAM,GAAG,EAAI,OAAQ,KAAM,EAAO,WAAU,CAAC,EAGvD,CAAC,EAAO,GAAY,MAAkB,EAAkB,EAAa,CAAC,CAmE5E,OA1CA,EACE,GAAG,EAAI,OAEP,EACK,GAAS,CACR,EAAS,EAAK,EAEhB,IAAA,GACL,CAcD,EACE,GAAG,EAAI,MAEP,GAfoB,EAAY,IAA4B,CACvD,GACD,OAAO,GAAgB,YACvB,IAAmB,GACZ,IAAU,QAErB,EAAY,CAAE,KAAM,GAAG,EAAI,OAAQ,KAAM,EAAO,WAAU,CAAC,EASrC,IAAA,GACtB,EACD,CAED,MAAgB,CAIZ,GACA,OAAO,GAAgB,YAChB,IAAU,QAEjB,EAAY,CAAE,KAAM,GAAG,EAAI,MAAO,WAAU,CAAC,EAE9C,EAAE,CAAC,CAGC,CAAC,EAhDN,GACG,EAAU,GAAc,EAAkB,EAAgB,EAAU,CAAC,CA+C1C,EAAU"}
+{"version":3,"file":"useCrossFrameState.mjs","names":[],"sources":["../../../src/editor/useCrossFrameState.tsx"],"sourcesContent":["import { CrossFrameStateManager, type MessageKey } from '@intlayer/editor';\nimport {\n  type Dispatch,\n  type StateUpdater,\n  useEffect,\n  useRef,\n  useState,\n} from 'preact/hooks';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type CrossFrameStateOptions = {\n  emit?: boolean;\n  receive?: boolean;\n};\n\nexport type SetStateAction<S> = S | ((prevState: S) => S);\nexport type CrossFrameStateUpdater<S> = (value: SetStateAction<S>) => void;\n\nexport const useCrossFrameState = <S,>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options?: CrossFrameStateOptions\n): [S, CrossFrameStateUpdater<S>, () => void] => {\n  const manager = useEditorStateManager();\n\n  const resolvedInitial =\n    typeof initialState === 'function'\n      ? (initialState as () => S)()\n      : initialState;\n\n  const [value, setValueState] = useState<S>(resolvedInitial as S);\n  const stateManagerRef = useRef<CrossFrameStateManager<S> | null>(null);\n\n  useEffect(() => {\n    const { emit = true, receive = true } = options ?? {};\n    const stateManager = new CrossFrameStateManager<S>(key, manager.messenger, {\n      emit,\n      receive,\n      initialValue: resolvedInitial,\n    });\n    stateManagerRef.current = stateManager;\n\n    const handler = (e: Event) => {\n      setValueState((e as CustomEvent<S>).detail);\n    };\n    stateManager.addEventListener('change', handler);\n    stateManager.start();\n\n    return () => {\n      stateManager.removeEventListener('change', handler);\n      stateManager.stop();\n      stateManagerRef.current = null;\n    };\n  }, [key, manager.messenger, options?.emit, options?.receive]);\n\n  const setValue: CrossFrameStateUpdater<S> = (valueOrUpdater) => {\n    setValueState((prev) => {\n      const newValue =\n        typeof valueOrUpdater === 'function'\n          ? (valueOrUpdater as (prev: S) => S)(prev)\n          : valueOrUpdater;\n      stateManagerRef.current?.set(newValue);\n      return newValue;\n    });\n  };\n\n  const postState = () => stateManagerRef.current?.postCurrentValue();\n\n  return [value, setValue, postState];\n};\n"],"mappings":"8LAkBA,MAAa,GACX,EACA,EACA,IAC+C,CAC/C,IAAM,EAAU,GAAuB,CAEjC,EACJ,OAAO,GAAiB,WACnB,GAA0B,CAC3B,EAEA,CAAC,EAAO,GAAiB,EAAY,EAAqB,CAC1D,EAAkB,EAAyC,KAAK,CAqCtE,OAnCA,MAAgB,CACd,GAAM,CAAE,OAAO,GAAM,UAAU,IAAS,GAAW,EAAE,CAC/C,EAAe,IAAI,EAA0B,EAAK,EAAQ,UAAW,CACzE,OACA,UACA,aAAc,EACf,CAAC,CACF,EAAgB,QAAU,EAE1B,IAAM,EAAW,GAAa,CAC5B,EAAe,EAAqB,OAAO,EAK7C,OAHA,EAAa,iBAAiB,SAAU,EAAQ,CAChD,EAAa,OAAO,KAEP,CACX,EAAa,oBAAoB,SAAU,EAAQ,CACnD,EAAa,MAAM,CACnB,EAAgB,QAAU,OAE3B,CAAC,EAAK,EAAQ,UAAW,GAAS,KAAM,GAAS,QAAQ,CAAC,CAetD,CAAC,EAbqC,GAAmB,CAC9D,EAAe,GAAS,CACtB,IAAM,EACJ,OAAO,GAAmB,WACrB,EAAkC,EAAK,CACxC,EAEN,OADA,EAAgB,SAAS,IAAI,EAAS,CAC/B,GACP,MAGoB,EAAgB,SAAS,kBAAkB,CAEhC"}

package/dist/esm/editor/useCrossURLPathState.mjs

@@ -1,2 +1,2 @@
-"use client";import{useCrossFrameState as e}from"./useCrossFrameState.mjs";import{MessageKey as t}from"@intlayer/editor";import{useEffect as n}from"preact/hooks";const r=(n,r)=>e(t.INTLAYER_URL_CHANGE,n,r),i=e=>{let t=r(e,{emit:!0,receive:!1}),[i,a]=t;return n(()=>{let e=history.pushState,t=history.replaceState,n=e=>function(...t){e.apply(this,t),window.dispatchEvent(new Event(`locationchange`))};history.pushState=n(e),history.replaceState=n(t);let r=()=>{a(window.location.pathname)};return window.addEventListener(`locationchange`,r),window.addEventListener(`popstate`,r),window.addEventListener(`hashchange`,r),window.addEventListener(`load`,r),r(),()=>{window.removeEventListener(`locationchange`,r),window.removeEventListener(`popstate`,r),window.removeEventListener(`hashchange`,r),window.removeEventListener(`load`,r),history.pushState=e,history.replaceState=t}},[]),t};export{i as useCrossURLPathSetter,r as useCrossURLPathState};
+const e=()=>{},t=()=>{};export{e as useCrossURLPathSetter,t as useCrossURLPathState};
 //# sourceMappingURL=useCrossURLPathState.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCrossURLPathState.mjs","names":[],"sources":["../../../src/editor/useCrossURLPathState.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport { useEffect } from 'preact/hooks';\nimport {\n  type CrossFrameStateOptions,\n  useCrossFrameState,\n} from './useCrossFrameState';\n\nexport const useCrossURLPathState = (\n  initialState?: string,\n  options?: CrossFrameStateOptions\n) => useCrossFrameState(MessageKey.INTLAYER_URL_CHANGE, initialState, options);\n\nexport const useCrossURLPathSetter = (initialState?: string) => {\n  const states = useCrossURLPathState(initialState, {\n    emit: true,\n    receive: false,\n  });\n  const [_state, setState] = states;\n\n  useEffect(() => {\n    /**\n     * 1) Monkey patch history methods (pushState, replaceState)\n     *    to dispatch a custom event whenever they are called.\n     */\n    const originalPushState = history.pushState;\n    const originalReplaceState = history.replaceState;\n\n    const injectLocationChangeEvent = (method: (...args: any[]) => void) =>\n      function (this: typeof history, ...args: [any, string, string?]) {\n        method.apply(this, args);\n        window.dispatchEvent(new Event('locationchange'));\n      };\n\n    history.pushState = injectLocationChangeEvent(originalPushState);\n    history.replaceState = injectLocationChangeEvent(originalReplaceState);\n\n    /**\n     * 2) The callback to update our state whenever the URL changes.\n     */\n    const updateURLState = () => {\n      setState(window.location.pathname);\n    };\n\n    /**\n     * 3) Attach event listeners for locationchange, popstate, hashchange.\n     *    - 'locationchange' is our custom event triggered by push/replaceState overrides.\n     *    - 'popstate' is fired on back/forward navigation.\n     *    - 'hashchange' is for URL hash (#) changes.\n     *    - 'load' is when new page is loaded\n     */\n    window.addEventListener('locationchange', updateURLState);\n    window.addEventListener('popstate', updateURLState);\n    window.addEventListener('hashchange', updateURLState);\n    window.addEventListener('load', updateURLState);\n\n    // Initialize our state immediately on mount\n    updateURLState();\n\n    /**\n     * 4) Cleanup when the component unmounts:\n     *    - Remove event listeners.\n     *    - Restore original pushState & replaceState to avoid side effects.\n     */\n    return () => {\n      window.removeEventListener('locationchange', updateURLState);\n      window.removeEventListener('popstate', updateURLState);\n      window.removeEventListener('hashchange', updateURLState);\n      window.removeEventListener('load', updateURLState);\n      history.pushState = originalPushState;\n      history.replaceState = originalReplaceState;\n    };\n  }, []);\n\n  return states;\n};\n"],"mappings":"kKASA,MAAa,GACX,EACA,IACG,EAAmB,EAAW,oBAAqB,EAAc,EAAQ,CAEjE,EAAyB,GAA0B,CAC9D,IAAM,EAAS,EAAqB,EAAc,CAChD,KAAM,GACN,QAAS,GACV,CAAC,CACI,CAAC,EAAQ,GAAY,EAwD3B,OAtDA,MAAgB,CAKd,IAAM,EAAoB,QAAQ,UAC5B,EAAuB,QAAQ,aAE/B,EAA6B,GACjC,SAAgC,GAAG,EAA8B,CAC/D,EAAO,MAAM,KAAM,EAAK,CACxB,OAAO,cAAc,IAAI,MAAM,iBAAiB,CAAC,EAGrD,QAAQ,UAAY,EAA0B,EAAkB,CAChE,QAAQ,aAAe,EAA0B,EAAqB,CAKtE,IAAM,MAAuB,CAC3B,EAAS,OAAO,SAAS,SAAS,EAuBpC,OAbA,OAAO,iBAAiB,iBAAkB,EAAe,CACzD,OAAO,iBAAiB,WAAY,EAAe,CACnD,OAAO,iBAAiB,aAAc,EAAe,CACrD,OAAO,iBAAiB,OAAQ,EAAe,CAG/C,GAAgB,KAOH,CACX,OAAO,oBAAoB,iBAAkB,EAAe,CAC5D,OAAO,oBAAoB,WAAY,EAAe,CACtD,OAAO,oBAAoB,aAAc,EAAe,CACxD,OAAO,oBAAoB,OAAQ,EAAe,CAClD,QAAQ,UAAY,EACpB,QAAQ,aAAe,IAExB,EAAE,CAAC,CAEC"}
+{"version":3,"file":"useCrossURLPathState.mjs","names":[],"sources":["../../../src/editor/useCrossURLPathState.tsx"],"sourcesContent":["// UrlStateManager is started by EditorStateManager.start() in client mode.\n// Nothing extra needed here.\nexport const useCrossURLPathSetter = () => {\n  // No-op: managed by EditorStateManager\n};\n\nexport const useCrossURLPathState = () => {\n  // No-op: managed by EditorStateManager\n};\n"],"mappings":"AAEA,MAAa,MAA8B,GAI9B,MAA6B"}

package/dist/esm/editor/useEditedContentRenderer.mjs

@@ -1,2 +1,2 @@
-"use client";import{useEditedContentActions as e}from"./EditedContentContext.mjs";import{getContent as t}from"@intlayer/core/interpreter";const n=({dictionaryKey:t,keyPath:n,children:r})=>{let i=e();return i?i.getEditedContentValue(t,n)??r:r},r=e=>{let r=n(e);if(typeof r==`object`){let n=t(r,e,e.locale);return typeof n==`string`?n:(console.error(`Incorrect edited content format. Content type: ${typeof n}. Expected string. Value ${JSON.stringify(n)}`),e.children)}return r};export{r as EditedContentRenderer,n as useEditedContentRenderer};
+import{useEditedContentActions as e}from"./EditedContentContext.mjs";import{getBasePlugins as t,getContent as n}from"@intlayer/core/interpreter";const r=({dictionaryKey:t,keyPath:n,children:r})=>{let i=e();return i?i.getEditedContentValue(t,n)??r:r},i=e=>{let i=r(e);if(typeof i==`object`){let r=n(i,{...e,locale:e.locale},t(e.locale));return typeof r==`string`?r:(console.error(`Incorrect edited content format. Content type: ${typeof r}. Expected string. Value ${JSON.stringify(r)}`),e.children)}return i};export{i as EditedContentRenderer,r as useEditedContentRenderer};
 //# sourceMappingURL=useEditedContentRenderer.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEditedContentRenderer.mjs","names":[],"sources":["../../../src/editor/useEditedContentRenderer.tsx"],"sourcesContent":["'use client';\n\nimport { getContent } from '@intlayer/core/interpreter';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { FunctionalComponent } from 'preact';\nimport { useEditedContentActions } from './EditedContentContext';\n\ntype EditedContentRendererProps = {\n  dictionaryKey: Dictionary['key'];\n  keyPath: KeyPath[];\n  children: string;\n  locale?: Locale;\n};\n\nexport const useEditedContentRenderer = ({\n  dictionaryKey,\n  keyPath,\n  children,\n}: EditedContentRendererProps) => {\n  const editedContentContext = useEditedContentActions();\n\n  if (editedContentContext) {\n    const editedValue = editedContentContext.getEditedContentValue(\n      dictionaryKey,\n      keyPath\n    ) as string;\n\n    const value = editedValue ?? children;\n\n    return value;\n  }\n\n  return children;\n};\n\nexport const EditedContentRenderer: FunctionalComponent<\n  EditedContentRendererProps\n> = (props) => {\n  const content = useEditedContentRenderer(props);\n\n  if (typeof content === 'object') {\n    const transformedEditedContent = getContent(content, props, props.locale);\n\n    if (typeof transformedEditedContent !== 'string') {\n      console.error(\n        `Incorrect edited content format. Content type: ${typeof transformedEditedContent}. Expected string. Value ${JSON.stringify(transformedEditedContent)}`\n      );\n\n      return props.children;\n    }\n\n    return transformedEditedContent;\n  }\n\n  return content;\n};\n"],"mappings":"0IAgBA,MAAa,GAA4B,CACvC,gBACA,UACA,cACgC,CAChC,IAAM,EAAuB,GAAyB,CAatD,OAXI,EACkB,EAAqB,sBACvC,EACA,EACD,EAE4B,EAKxB,GAGI,EAER,GAAU,CACb,IAAM,EAAU,EAAyB,EAAM,CAE/C,GAAI,OAAO,GAAY,SAAU,CAC/B,IAAM,EAA2B,EAAW,EAAS,EAAO,EAAM,OAAO,CAUzE,OARI,OAAO,GAA6B,SAQjC,GAPL,QAAQ,MACN,kDAAkD,OAAO,EAAyB,2BAA2B,KAAK,UAAU,EAAyB,GACtJ,CAEM,EAAM,UAMjB,OAAO"}
+{"version":3,"file":"useEditedContentRenderer.mjs","names":[],"sources":["../../../src/editor/useEditedContentRenderer.tsx"],"sourcesContent":["import { getBasePlugins, getContent } from '@intlayer/core/interpreter';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { FunctionalComponent } from 'preact';\nimport { useEditedContentActions } from './EditedContentContext';\n\ntype EditedContentRendererProps = {\n  dictionaryKey: Dictionary['key'];\n  keyPath: KeyPath[];\n  children: string;\n  locale?: Locale;\n};\n\nexport const useEditedContentRenderer = ({\n  dictionaryKey,\n  keyPath,\n  children,\n}: EditedContentRendererProps) => {\n  const editedContentContext = useEditedContentActions();\n\n  if (editedContentContext) {\n    const editedValue = editedContentContext.getEditedContentValue(\n      dictionaryKey,\n      keyPath\n    ) as string;\n\n    const value = editedValue ?? children;\n\n    return value;\n  }\n\n  return children;\n};\n\nexport const EditedContentRenderer: FunctionalComponent<\n  EditedContentRendererProps\n> = (props) => {\n  const content = useEditedContentRenderer(props);\n\n  if (typeof content === 'object') {\n    const transformedEditedContent = getContent(\n      content,\n      { ...props, locale: props.locale },\n      getBasePlugins(props.locale)\n    );\n\n    if (typeof transformedEditedContent !== 'string') {\n      console.error(\n        `Incorrect edited content format. Content type: ${typeof transformedEditedContent}. Expected string. Value ${JSON.stringify(transformedEditedContent)}`\n      );\n\n      return props.children;\n    }\n\n    return transformedEditedContent;\n  }\n\n  return content;\n};\n"],"mappings":"iJAcA,MAAa,GAA4B,CACvC,gBACA,UACA,cACgC,CAChC,IAAM,EAAuB,GAAyB,CAatD,OAXI,EACkB,EAAqB,sBACvC,EACA,EACD,EAE4B,EAKxB,GAGI,EAER,GAAU,CACb,IAAM,EAAU,EAAyB,EAAM,CAE/C,GAAI,OAAO,GAAY,SAAU,CAC/B,IAAM,EAA2B,EAC/B,EACA,CAAE,GAAG,EAAO,OAAQ,EAAM,OAAQ,CAClC,EAAe,EAAM,OAAO,CAC7B,CAUD,OARI,OAAO,GAA6B,SAQjC,GAPL,QAAQ,MACN,kDAAkD,OAAO,EAAyB,2BAA2B,KAAK,UAAU,EAAyB,GACtJ,CAEM,EAAM,UAMjB,OAAO"}