@intlayer/editor-react 8.3.2 → 8.3.4

package/dist/cjs/CommunicatorContext.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./_virtual/_rolldown/runtime.cjs`);let t=require(`react/jsx-runtime`),n=require(`react`),r=require(`@intlayer/config/built`);r=e.__toESM(r);const i=()=>Math.random().toString(36).slice(2),{editor:a}=r.default??{},o=(0,n.createContext)({postMessage:()=>null,allowedOrigins:[a?.applicationURL,a?.editorURL,a?.cmsURL],senderId:``}),s=({children:e,allowedOrigins:r,postMessage:a})=>{let s=(0,n.useRef)(i()),c=(0,n.useMemo)(()=>({postMessage:a,allowedOrigins:r,senderId:s.current}),[a,r,s.current]);return(0,t.jsx)(o.Provider,{value:c,children:e})},c=()=>(0,n.useContext)(o);exports.CommunicatorProvider=s,exports.useCommunicator=c;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./EditorStateContext.cjs`),t=()=>{let t=e.useEditorStateManager();return{postMessage:e=>t.messenger.send(e.type,e.data),senderId:t.messenger.senderId}};exports.useCommunicator=t;
 //# sourceMappingURL=CommunicatorContext.cjs.map

package/dist/cjs/CommunicatorContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommunicatorContext.cjs","names":["configuration"],"sources":["../../src/CommunicatorContext.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\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 = PropsWithChildren<\n  Omit<UseCrossPlatformStateProps, 'senderId'>\n>;\n\nexport const CommunicatorProvider: FC<CommunicatorProviderProps> = ({\n  children,\n  allowedOrigins,\n  postMessage,\n}) => {\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]\n  );\n\n  return (\n    <CommunicatorContext.Provider value={value}>\n      {children}\n    </CommunicatorContext.Provider>\n  );\n};\n\nexport const useCommunicator = () => useContext(CommunicatorContext);\n"],"mappings":"6OAYA,MAAM,MAAmB,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,CAQtD,CAAE,UAAWA,EAAAA,SAAiB,EAAE,CAEhC,GAAA,EAAA,EAAA,eAAgE,CACpE,gBAAmB,KACnB,eAAgB,CACd,GAAQ,eACR,GAAQ,UACR,GAAQ,OACT,CACD,SAAU,GACX,CAAC,CAMW,GAAuD,CAClE,WACA,iBACA,iBACI,CAEJ,IAAM,GAAA,EAAA,EAAA,QAAqB,GAAY,CAAC,CAElC,GAAA,EAAA,EAAA,cACG,CAAE,cAAa,iBAAgB,SAAU,EAAY,QAAS,EACrE,CAAC,EAAa,EAAgB,EAAY,QAAQ,CACnD,CAED,OACE,EAAA,EAAA,KAAC,EAAoB,SAArB,CAAqC,QAClC,WAC4B,CAAA,EAItB,OAAA,EAAA,EAAA,YAAmC,EAAoB"}
+{"version":3,"file":"CommunicatorContext.cjs","names":["useEditorStateManager"],"sources":["../../src/CommunicatorContext.tsx"],"sourcesContent":["'use client';\n\nimport type { MessagePayload } from '@intlayer/editor';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type UseCrossPlatformStateProps = {\n  postMessage: (payload: MessagePayload) => void;\n  allowedOrigins?: string[];\n  senderId: string;\n};\n\n/**\n * Returns the communicator API backed by the shared EditorStateManager messenger.\n */\nexport const useCommunicator = (): UseCrossPlatformStateProps => {\n  const manager = useEditorStateManager();\n\n  return {\n    postMessage: (payload: MessagePayload) =>\n      manager.messenger.send(payload.type, payload.data),\n    senderId: manager.messenger.senderId,\n  };\n};\n\n// Re-export type for backward compatibility\nexport type { MessengerConfig } from '@intlayer/editor';\n"],"mappings":"4HAca,MAAoD,CAC/D,IAAM,EAAUA,EAAAA,uBAAuB,CAEvC,MAAO,CACL,YAAc,GACZ,EAAQ,UAAU,KAAK,EAAQ,KAAM,EAAQ,KAAK,CACpD,SAAU,EAAQ,UAAU,SAC7B"}

package/dist/cjs/ConfigurationContext.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameState.cjs`);let t=require(`@intlayer/editor`),n=require(`react/jsx-runtime`),r=require(`react`);const i=(0,r.createContext)(void 0),a=()=>e.useCrossFrameState(t.MessageKey.INTLAYER_CONFIGURATION,void 0,{receive:!1,emit:!0}),o=({children:e,configuration:t})=>(0,n.jsx)(i.Provider,{value:t,children:e}),s=()=>(0,r.useContext)(i);exports.ConfigurationProvider=o,exports.useConfiguration=s,exports.useConfigurationState=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./EditorStateContext.cjs`);let t=require(`react`);const n=()=>{let n=e.useEditorStateManager(),[r,i]=(0,t.useState)(n.configuration.value);return(0,t.useEffect)(()=>{let e=e=>i(e.detail);return n.configuration.addEventListener(`change`,e),()=>n.configuration.removeEventListener(`change`,e)},[n]),r},r=()=>{let n=e.useEditorStateManager(),[r,i]=(0,t.useState)(n.configuration.value);return[r,i,()=>n.configuration.postCurrentValue()]};exports.useConfiguration=n,exports.useConfigurationState=r;
 //# sourceMappingURL=ConfigurationContext.cjs.map

package/dist/cjs/ConfigurationContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurationContext.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../src/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useContext,\n} from 'react';\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: FC<\n  PropsWithChildren<ConfigurationProviderProps>\n> = ({ children, configuration }) => (\n  <ConfigurationStatesContext.Provider value={configuration}>\n    {children}\n  </ConfigurationStatesContext.Provider>\n);\n\nexport const useConfiguration = () => useContext(ConfigurationStatesContext);\n"],"mappings":"4PAYA,MAAM,GAAA,EAAA,EAAA,eACJ,IAAA,GACD,CAEY,MACXA,EAAAA,mBACEC,EAAAA,WAAW,uBACX,IAAA,GACA,CACE,QAAS,GACT,KAAM,GACP,CACF,CAMU,GAER,CAAE,WAAU,oBACf,EAAA,EAAA,KAAC,EAA2B,SAA5B,CAAqC,MAAO,EACzC,WACmC,CAAA,CAG3B,OAAA,EAAA,EAAA,YAAoC,EAA2B"}
+{"version":3,"file":"ConfigurationContext.cjs","names":["useEditorStateManager"],"sources":["../../src/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type ConfigurationProviderProps = {\n  configuration?: IntlayerConfig;\n};\n\n/**\n * Returns the current configuration, backed by EditorStateManager.\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\n/**\n * Returns a function that broadcasts the current configuration.\n */\nexport const useConfigurationState = () => {\n  const manager = useEditorStateManager();\n\n  const [config, setConfig] = useState<IntlayerConfig | undefined>(\n    manager.configuration.value\n  );\n\n  return [\n    config,\n    setConfig,\n    () => manager.configuration.postCurrentValue(),\n  ] as const;\n};\n"],"mappings":"+LAaA,MAAa,MAAqD,CAChE,IAAM,EAAUA,EAAAA,uBAAuB,CACjC,CAAC,EAAQ,IAAA,EAAA,EAAA,UACb,EAAQ,cAAc,MACvB,CASD,OAPA,EAAA,EAAA,eAAgB,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,GAMI,MAA8B,CACzC,IAAM,EAAUA,EAAAA,uBAAuB,CAEjC,CAAC,EAAQ,IAAA,EAAA,EAAA,UACb,EAAQ,cAAc,MACvB,CAED,MAAO,CACL,EACA,MACM,EAAQ,cAAc,kBAAkB,CAC/C"}

package/dist/cjs/DictionariesRecordContext.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameState.cjs`);let t=require(`@intlayer/editor`),n=require(`react/jsx-runtime`),r=require(`react`);const i=(0,r.createContext)(void 0),a=(0,r.createContext)(void 0),o=({children:o})=>{let[s,c]=e.useCrossFrameState(t.MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,void 0),l=(0,r.useMemo)(()=>({localeDictionaries:s??{}}),[s]),u=(0,r.useMemo)(()=>({setLocaleDictionaries:c,setLocaleDictionary:e=>{e.localId&&c(t=>({...t,[e.localId]:e}))}}),[c]);return(0,n.jsx)(i.Provider,{value:l,children:(0,n.jsx)(a.Provider,{value:u,children:o})})},s=()=>(0,r.useContext)(a),c=()=>{let e=s(),t=(0,r.useContext)(i);if(!t)throw Error(`useDictionariesRecordStates must be used within a DictionariesRecordProvider`);return{...t,...e}};exports.DictionariesRecordProvider=o,exports.useDictionariesRecord=c,exports.useDictionariesRecordActions=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./EditorStateContext.cjs`);let t=require(`react`);const n=()=>{let n=e.useEditorStateManager(),[r,i]=(0,t.useState)(n.localeDictionaries.value??{});return(0,t.useEffect)(()=>{let e=e=>i(e.detail??{});return n.localeDictionaries.addEventListener(`change`,e),()=>n.localeDictionaries.removeEventListener(`change`,e)},[n]),{localeDictionaries:r,setLocaleDictionaries:(0,t.useCallback)(e=>n.localeDictionaries.set(e),[n]),setLocaleDictionary:(0,t.useCallback)(e=>n.setLocaleDictionary(e),[n])}},r=()=>{let{setLocaleDictionaries:e,setLocaleDictionary:t}=n();return{setLocaleDictionaries:e,setLocaleDictionary:t}};exports.useDictionariesRecord=n,exports.useDictionariesRecordActions=r;
 //# sourceMappingURL=DictionariesRecordContext.cjs.map

package/dist/cjs/DictionariesRecordContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DictionariesRecordContext.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../src/DictionariesRecordContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types/dictionary';\nimport {\n  createContext,\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type SetStateAction,\n  useContext,\n  useMemo,\n} from 'react';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport type DictionaryContent = Record<LocalDictionaryId, Dictionary>;\n\ntype DictionariesRecordStatesContextType = {\n  localeDictionaries: DictionaryContent;\n};\ntype DictionariesRecordActionsContextType = {\n  setLocaleDictionaries: Dispatch<SetStateAction<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: FC<PropsWithChildren> = ({\n  children,\n}) => {\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        if (!dictionary.localId) return;\n\n        setLocaleDictionaries((dictionaries) => ({\n          ...dictionaries,\n          [dictionary.localId as LocalDictionaryId]: 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":"4PAyBA,MAAM,GAAA,EAAA,EAAA,eAEJ,IAAA,GAAU,CACN,GAAA,EAAA,EAAA,eAEJ,IAAA,GAAU,CAEC,GAAqD,CAChE,cACI,CACJ,GAAM,CAAC,EAAoB,GACzBA,EAAAA,mBACEC,EAAAA,WAAW,qCACX,IAAA,GACD,CAEG,GAAA,EAAA,EAAA,cACG,CACL,mBAAoB,GAAsB,EAAE,CAC7C,EACD,CAAC,EAAmB,CACrB,CAEK,GAAA,EAAA,EAAA,cACG,CACL,wBACA,oBAAsB,GAA2B,CAC1C,EAAW,SAEhB,EAAuB,IAAkB,CACvC,GAAG,GACF,EAAW,SAA+B,EAC5C,EAAE,EAEN,EACD,CAAC,EAAsB,CACxB,CAED,OACE,EAAA,EAAA,KAAC,EAAgC,SAAjC,CAA0C,MAAO,YAC/C,EAAA,EAAA,KAAC,EAAiC,SAAlC,CAA2C,MAAO,EAC/C,WACyC,CAAA,CACH,CAAA,EAIlC,OAAA,EAAA,EAAA,YACA,EAAiC,CAEjC,MAA8B,CACzC,IAAM,EAAiB,GAA8B,CAC/C,GAAA,EAAA,EAAA,YAA2B,EAAgC,CAEjE,GAAI,CAAC,EACH,MAAU,MACR,+EACD,CAGH,MAAO,CAAE,GAAG,EAAe,GAAG,EAAgB"}
+{"version":3,"file":"DictionariesRecordContext.cjs","names":["useEditorStateManager"],"sources":["../../src/DictionariesRecordContext.tsx"],"sourcesContent":["'use client';\n\nimport type { DictionaryContent } from '@intlayer/editor';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport { useCallback, useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { DictionaryContent } from '@intlayer/editor';\n\ntype DictionariesRecordStatesContextType = {\n  localeDictionaries: DictionaryContent;\n};\ntype DictionariesRecordActionsContextType = {\n  setLocaleDictionaries: (value: DictionaryContent) => void;\n  setLocaleDictionary: (dictionary: Dictionary) => void;\n};\n\n/**\n * Returns dictionaries record state and setters, backed by EditorStateManager.\n * Replaces the old DictionariesRecordContext + DictionariesRecordProvider.\n */\nexport const useDictionariesRecord = (): DictionariesRecordStatesContextType &\n  DictionariesRecordActionsContextType => {\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  const setLocaleDictionaries = useCallback(\n    (value: DictionaryContent) => manager.localeDictionaries.set(value),\n    [manager]\n  );\n\n  const setLocaleDictionary = useCallback(\n    (dictionary: Dictionary) => manager.setLocaleDictionary(dictionary),\n    [manager]\n  );\n\n  return { localeDictionaries, setLocaleDictionaries, setLocaleDictionary };\n};\n\nexport const useDictionariesRecordActions =\n  (): DictionariesRecordActionsContextType => {\n    const { setLocaleDictionaries, setLocaleDictionary } =\n      useDictionariesRecord();\n    return { setLocaleDictionaries, setLocaleDictionary };\n  };\n"],"mappings":"+LAqBA,MAAa,MAC6B,CACxC,IAAM,EAAUA,EAAAA,uBAAuB,CACjC,CAAC,EAAoB,IAAA,EAAA,EAAA,UACG,EAAQ,mBAAmB,OAAS,EAAE,CAAC,CAsBrE,OApBA,EAAA,EAAA,eAAgB,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,CAYN,CAAE,qBAAoB,uBAAA,EAAA,EAAA,aAT1B,GAA6B,EAAQ,mBAAmB,IAAI,EAAM,CACnE,CAAC,EAAQ,CACV,CAOmD,qBAAA,EAAA,EAAA,aAJjD,GAA2B,EAAQ,oBAAoB,EAAW,CACnE,CAAC,EAAQ,CACV,CAEwE,EAG9D,MACiC,CAC1C,GAAM,CAAE,wBAAuB,uBAC7B,GAAuB,CACzB,MAAO,CAAE,wBAAuB,sBAAqB"}

package/dist/cjs/EditedContentContext.cjs

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

package/dist/cjs/EditedContentContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditedContentContext.cjs","names":["useCrossFrameMessageListener","MessageKey","useDictionariesRecord","useEditorLocale","useCrossFrameState","NodeType"],"sources":["../../src/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 { ContentNode, Dictionary, LocalDictionaryId } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';;\nimport { NodeType } from '@intlayer/types/nodeType';\nimport {\n  createContext,\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type SetStateAction,\n  useContext,\n} from 'react';\nimport {\n  type DictionaryContent,\n  useDictionariesRecord,\n} from './DictionariesRecordContext';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\nimport { useCrossFrameState } from './useCrossFrameState';\nimport { useEditorLocale } from './useEditorLocale';\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: (editedContent: DictionaryContent) => void;\n  setEditedDictionary: Dispatch<SetStateAction<Dictionary>>;\n  setEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => void;\n  addEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: ContentNode<any>,\n    keyPath?: KeyPath[],\n    overwrite?: boolean\n  ) => void;\n  renameEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath?: KeyPath[]\n  ) => void;\n  removeEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => void;\n  restoreEditedContent: (localDictionaryId: LocalDictionaryId) => void;\n  clearEditedDictionaryContent: (localDictionaryId: 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,>(state?: SetStateAction<S>, prevState?: S): S =>\n  typeof state === 'function'\n    ? (state as (prevState?: S) => S)(prevState)\n    : (state as S);\n\nexport const EditedContentProvider: FC<PropsWithChildren> = ({ children }) => {\n  const { localeDictionaries } = useDictionariesRecord();\n  const currentLocale = useEditorLocale();\n\n  const [editedContent, setEditedContentState] =\n    useCrossFrameState<DictionaryContent>(\n      MessageKey.INTLAYER_EDITED_CONTENT_CHANGED\n    );\n\n  const setEditedDictionary: Dispatch<SetStateAction<Dictionary>> = (\n    newValue\n  ) => {\n    let updatedDictionaries: Dictionary = resolveState(newValue);\n\n    setEditedContentState((prev) => {\n      if (!updatedDictionaries.localId) {\n        console.error('no localId', updatedDictionaries);\n\n        return prev;\n      }\n\n      updatedDictionaries = resolveState(\n        newValue,\n        prev?.[updatedDictionaries.localId]\n      );\n\n      return {\n        ...prev,\n        [updatedDictionaries.localId as LocalDictionaryId]: updatedDictionaries,\n      };\n    });\n\n    return updatedDictionaries;\n  };\n\n  const setEditedContent = (\n    localDictionaryId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => {\n    setEditedContentState((prev) => ({\n      ...prev,\n      [localDictionaryId]: {\n        ...prev?.[localDictionaryId],\n        content: newValue,\n      },\n    }));\n  };\n\n  const addEditedContent = (\n    localDictionaryId: 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[localDictionaryId]?.content;\n      const currentContent = structuredClone(\n        prev?.[localDictionaryId]?.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\n        const otherKeyPath = keyPath.slice(0, -1);\n        const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n\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        [localDictionaryId]: {\n          ...prev?.[localDictionaryId],\n          content: updatedContent as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const renameEditedContent = (\n    localDictionaryId: 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[localDictionaryId]?.content;\n      const currentContent = structuredClone(\n        prev?.[localDictionaryId]?.content ?? originalContent\n      );\n\n      const contentWithNewField = renameContentNodeByKeyPath(\n        currentContent,\n        newKey,\n        keyPath\n      );\n\n      return {\n        ...prev,\n        [localDictionaryId]: {\n          ...prev?.[localDictionaryId],\n          content: contentWithNewField as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const removeEditedContent = (\n    localDictionaryId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => {\n    setEditedContentState((prev) => {\n      // Retrieve the original content as reference\n      const originalContent = localeDictionaries[localDictionaryId]?.content;\n      const currentContent = structuredClone(\n        prev?.[localDictionaryId]?.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        [localDictionaryId]: {\n          ...prev?.[localDictionaryId],\n          content: restoredContent as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const restoreEditedContent = (localDictionaryId: LocalDictionaryId) => {\n    setEditedContentState((prev) => {\n      const updated = { ...prev };\n      delete updated[localDictionaryId];\n      return updated;\n    });\n  };\n\n  const clearEditedDictionaryContent = (\n    localDictionaryId: LocalDictionaryId\n  ) => {\n    setEditedContentState((prev) => {\n      const filtered = { ...prev };\n      delete filtered[localDictionaryId];\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        currentLocale\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        currentLocale\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":"odA+BA,MAAM,GAAA,EAAA,EAAA,eAEJ,IAAA,GAAU,CAEC,EACX,GAEAA,EAAAA,6BACE,GAAGC,EAAAA,WAAW,gCAAgC,OAC9C,EACD,CAEU,EACX,GAEAD,EAAAA,6BACE,GAAGC,EAAAA,WAAW,gCAAgC,MAC9C,EACD,CAiCG,GAAA,EAAA,EAAA,eAEJ,IAAA,GAAU,CAEN,GAAoB,EAA2B,IACnD,OAAO,GAAU,WACZ,EAA+B,EAAU,CACzC,EAEM,GAAgD,CAAE,cAAe,CAC5E,GAAM,CAAE,sBAAuBC,EAAAA,uBAAuB,CAChD,EAAgBC,EAAAA,iBAAiB,CAEjC,CAAC,EAAe,GACpBC,EAAAA,mBACEH,EAAAA,WAAW,gCACZ,CA+NH,OACE,EAAA,EAAA,KAAC,EAA0B,SAA3B,CACE,MAAO,CACL,gBACD,WAED,EAAA,EAAA,KAAC,EAA4B,SAA7B,CACE,MAAO,CACL,wBACA,oBArON,GACG,CACH,IAAI,EAAkC,EAAa,EAAS,CAoB5D,OAlBA,EAAuB,GAChB,EAAoB,SAMzB,EAAsB,EACpB,EACA,IAAO,EAAoB,SAC5B,CAEM,CACL,GAAG,GACF,EAAoB,SAA+B,EACrD,GAbC,QAAQ,MAAM,aAAc,EAAoB,CAEzC,GAYT,CAEK,GAgND,kBA5MN,EACA,IACG,CACH,EAAuB,IAAU,CAC/B,GAAG,GACF,GAAoB,CACnB,GAAG,IAAO,GACV,QAAS,EACV,CACF,EAAE,EAoMG,kBAhMN,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,EAEN,EAAe,EAAQ,MAAM,EAAG,GAAG,CACnC,EAAuB,EAAQ,EAAQ,OAAS,GAElD,EAAW,EAAY,IAG3B,MACE,EAAA,EAAA,yBAA+B,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,GAAA,EAAA,EAAA,yBACJ,EACA,EACA,EACD,CAED,MAAO,CACL,GAAG,GACF,GAAoB,CACnB,GAAG,IAAO,GACV,QAAS,EACV,CACF,EACD,EA+II,qBA3IN,EACA,EACA,EAAqB,EAAE,GACpB,CACH,EAAuB,GAAS,CAE9B,IAAM,EAAkB,EAAmB,IAAoB,QAKzD,GAAA,EAAA,EAAA,4BAJiB,gBACrB,IAAO,IAAoB,SAAW,EACvC,CAIC,EACA,EACD,CAED,MAAO,CACL,GAAG,GACF,GAAoB,CACnB,GAAG,IAAO,GACV,QAAS,EACV,CACF,EACD,EAoHI,qBAhHN,EACA,IACG,CACH,EAAuB,GAAS,CAE9B,IAAM,EAAkB,EAAmB,IAAoB,QASzD,GAAA,EAAA,EAAA,yBARiB,gBACrB,IAAO,IAAoB,SAAW,EACvC,CAQC,GAAA,EAAA,EAAA,yBAL6C,EAAiB,EAAQ,CAOvE,CAED,MAAO,CACL,GAAG,GACF,GAAoB,CACnB,GAAG,IAAO,GACV,QAAS,EACV,CACF,EACD,EAsFI,qBAnFsB,GAAyC,CACrE,EAAuB,GAAS,CAC9B,IAAM,EAAU,CAAE,GAAG,EAAM,CAE3B,OADA,OAAO,EAAQ,GACR,GACP,EA+EI,6BA3EN,GACG,CACH,EAAuB,GAAS,CAC9B,IAAM,EAAW,CAAE,GAAG,EAAM,CAE5B,OADA,OAAO,EAAS,GACT,GACP,EAsEI,uBAnEyB,CAC/B,EAAsB,EAAE,CAAC,EAmEnB,uBA/DN,EACA,IAC4B,CAC5B,GAAI,CAAC,EAAe,OAEpB,IAAM,EAAkB,EAAQ,OAC7B,GAAQ,EAAI,OAASI,EAAAA,SAAS,YAChC,CAMD,GAHE,EAAuB,SAAS,UAAU,EAC1C,EAAuB,SAAS,WAAW,CAa3C,OAAA,EAAA,EAAA,yBATE,IAAgB,IAA8C,SAC9D,EAAE,CAIF,EACA,EACD,CAKH,IAAM,EAA8B,OAAO,KAAK,EAAc,CAAC,OAC5D,GAAQ,EAAI,WAAW,GAAG,EAAuB,GAAG,CACtD,CAED,IAAK,IAAM,KAAqB,EAA6B,CAG3D,IAAM,GAAA,EAAA,EAAA,yBADJ,IAAgB,IAAyC,SAAW,EAAE,CAGtE,EACA,EACD,CAED,GAAI,EAAa,OAAO,IAwBrB,CAEA,WACoC,CAAA,CACJ,CAAA,EAI5B,OAAA,EAAA,EAAA,YACA,EAA4B,CAE5B,MAAyB,CACpC,IAAM,GAAA,EAAA,EAAA,YAA0B,EAA0B,CACpD,EAAgB,GAAyB,CAE/C,MAAO,CAAE,GAAG,EAAc,GAAG,EAAe"}
+{"version":3,"file":"EditedContentContext.cjs","names":["useEditorStateManager"],"sources":["../../src/EditedContentContext.tsx"],"sourcesContent":["'use client';\n\nimport 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 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { DictionaryContent } from '@intlayer/editor';\n\ntype EditedContentActionsContextType = {\n  setEditedContentState: (editedContent: DictionaryContent) => void;\n  setEditedDictionary: (dict: Dictionary) => void;\n  setEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => void;\n  addEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: ContentNode<any>,\n    keyPath?: KeyPath[],\n    overwrite?: boolean\n  ) => void;\n  renameEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath?: KeyPath[]\n  ) => void;\n  removeEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => void;\n  restoreEditedContent: (localDictionaryId: LocalDictionaryId) => void;\n  clearEditedDictionaryContent: (localDictionaryId: LocalDictionaryId) => void;\n  clearEditedContent: () => void;\n  getEditedContentValue: (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ) => ContentNode | undefined;\n};\n\n/**\n * Returns edited-content state and actions, backed by EditorStateManager.\n */\nexport const useEditedContentActions = ():\n  | EditedContentActionsContextType\n  | undefined => {\n  const manager = useEditorStateManager();\n\n  return {\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: (localId, value, keyPath, overwrite) =>\n      manager.addContent(localId, value, keyPath, overwrite),\n    renameEditedContent: (localId, newKey, keyPath) =>\n      manager.renameContent(localId, newKey, keyPath),\n    removeEditedContent: (localId, keyPath) =>\n      manager.removeContent(localId, keyPath),\n    restoreEditedContent: (localId) => manager.restoreContent(localId),\n    clearEditedDictionaryContent: (localId) => manager.clearContent(localId),\n    clearEditedContent: () => manager.clearAllContent(),\n    getEditedContentValue: (localIdOrKey, keyPath) =>\n      manager.getContentValue(localIdOrKey, keyPath),\n  };\n};\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  const actions = useEditedContentActions();\n  return { editedContent, ...actions };\n};\n\nexport const usePostEditedContentState = <S,>(\n  onEventTriggered?: (data: S) => void\n) => {\n  const manager = useEditorStateManager();\n  useEffect(() => {\n    if (!onEventTriggered) return;\n    return manager.messenger.subscribe(\n      `INTLAYER_EDITED_CONTENT_CHANGED/post`,\n      onEventTriggered as (data: unknown) => void\n    );\n  }, [manager, onEventTriggered]);\n};\n\nexport const useGetEditedContentState = <S,>(\n  onEventTriggered?: (data: S) => void\n) => {\n  const manager = useEditorStateManager();\n  return () => {\n    manager.messenger.send('INTLAYER_EDITED_CONTENT_CHANGED/get');\n  };\n};\n"],"mappings":"+LAgDA,MAAa,MAEI,CACf,IAAM,EAAUA,EAAAA,uBAAuB,CAEvC,MAAO,CACL,sBAAwB,GACtB,EAAQ,cAAc,IAAI,EAAM,CAClC,oBAAsB,GACpB,EAAQ,oBAAoB,EAAK,CACnC,kBACE,EACA,IACG,EAAQ,iBAAiB,EAAS,EAAM,CAC7C,kBAAmB,EAAS,EAAO,EAAS,IAC1C,EAAQ,WAAW,EAAS,EAAO,EAAS,EAAU,CACxD,qBAAsB,EAAS,EAAQ,IACrC,EAAQ,cAAc,EAAS,EAAQ,EAAQ,CACjD,qBAAsB,EAAS,IAC7B,EAAQ,cAAc,EAAS,EAAQ,CACzC,qBAAuB,GAAY,EAAQ,eAAe,EAAQ,CAClE,6BAA+B,GAAY,EAAQ,aAAa,EAAQ,CACxE,uBAA0B,EAAQ,iBAAiB,CACnD,uBAAwB,EAAc,IACpC,EAAQ,gBAAgB,EAAc,EAAQ,CACjD,EAGU,MAAyB,CACpC,IAAM,EAAUA,EAAAA,uBAAuB,CACjC,CAAC,EAAe,IAAA,EAAA,EAAA,UAEpB,EAAQ,cAAc,MAAM,CAU9B,OARA,EAAA,EAAA,eAAgB,CACd,IAAM,EAAW,GACf,EAAuB,EAAqC,OAAO,CAErE,OADA,EAAQ,cAAc,iBAAiB,SAAU,EAAQ,KAC5C,EAAQ,cAAc,oBAAoB,SAAU,EAAQ,EACxE,CAAC,EAAQ,CAAC,CAGN,CAAE,gBAAe,GADR,GAAyB,CACL,EAGzB,EACX,GACG,CACH,IAAM,EAAUA,EAAAA,uBAAuB,EACvC,EAAA,EAAA,eAAgB,CACT,KACL,OAAO,EAAQ,UAAU,UACvB,uCACA,EACD,EACA,CAAC,EAAS,EAAiB,CAAC,EAGpB,EACX,GACG,CACH,IAAM,EAAUA,EAAAA,uBAAuB,CACvC,UAAa,CACX,EAAQ,UAAU,KAAK,sCAAsC"}

package/dist/cjs/EditorEnabledContext.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameMessageListener.cjs`),t=require(`./useCrossFrameState.cjs`);let n=require(`@intlayer/editor`),r=require(`react/jsx-runtime`),i=require(`react`);const a=(0,i.createContext)({enabled:!1}),o=e=>t.useCrossFrameState(n.MessageKey.INTLAYER_EDITOR_ENABLED,!1,e),s=t=>e.useCrossFrameMessageListener(`${n.MessageKey.INTLAYER_EDITOR_ENABLED}/post`,t),c=t=>e.useCrossFrameMessageListener(`${n.MessageKey.INTLAYER_EDITOR_ENABLED}/get`,t),l=({children:e})=>{let[t]=o({emit:!1,receive:!0});return(0,r.jsx)(a.Provider,{value:{enabled:t},children:e})},u=()=>(0,i.useContext)(a);exports.EditorEnabledProvider=l,exports.useEditorEnabled=u,exports.useEditorEnabledState=o,exports.useGetEditorEnabledState=c,exports.usePostEditorEnabledState=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./EditorStateContext.cjs`);let t=require(`react`),n=require(`@intlayer/editor`);const r=()=>{let n=e.useEditorStateManager(),[r,i]=(0,t.useState)(n.editorEnabled.value??!1);return(0,t.useEffect)(()=>{let e=e=>i(e.detail);return n.editorEnabled.addEventListener(`change`,e),()=>n.editorEnabled.removeEventListener(`change`,e)},[n]),{enabled:r}},i=r=>{let i=e.useEditorStateManager();(0,t.useEffect)(()=>{if(r)return i.messenger.subscribe(`${n.MessageKey.INTLAYER_EDITOR_ENABLED}/get`,r)},[i,r])},a=()=>{let t=e.useEditorStateManager();return e=>{t.editorEnabled.set(e),t.editorEnabled.postCurrentValue()}},o=()=>{let{enabled:t}=r(),n=e.useEditorStateManager();return[t,e=>n.editorEnabled.set(e)]};exports.useEditorEnabled=r,exports.useEditorEnabledState=o,exports.useGetEditorEnabledState=i,exports.usePostEditorEnabledState=a;
 //# sourceMappingURL=EditorEnabledContext.cjs.map

package/dist/cjs/EditorEnabledContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorEnabledContext.cjs","names":["useCrossFrameState","MessageKey","useCrossFrameMessageListener"],"sources":["../../src/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useContext,\n} from 'react';\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: FC<PropsWithChildren> = ({ 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":"4SAmBA,MAAM,GAAA,EAAA,EAAA,eAA8D,CAClE,QAAS,GACV,CAAC,CAEW,EAAyB,GACpCA,EAAAA,mBAAmBC,EAAAA,WAAW,wBAAyB,GAAO,EAAQ,CAE3D,EACX,GAEAC,EAAAA,6BACE,GAAGD,EAAAA,WAAW,wBAAwB,OACtC,EACD,CAEU,EACX,GAEAC,EAAAA,6BACE,GAAGD,EAAAA,WAAW,wBAAwB,MACtC,EACD,CAEU,GAAgD,CAAE,cAAe,CAC5E,GAAM,CAAC,GAAa,EAAsB,CACxC,KAAM,GACN,QAAS,GACV,CAAC,CAEF,OACE,EAAA,EAAA,KAAC,EAAqB,SAAtB,CAA+B,MAAO,CAAE,QAAS,EAAW,CACzD,WAC6B,CAAA,EAIvB,OAAA,EAAA,EAAA,YAAoC,EAAqB"}
+{"version":3,"file":"EditorEnabledContext.cjs","names":["useEditorStateManager","MessageKey"],"sources":["../../src/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type EditorEnabledStateProps = {\n  enabled: boolean;\n};\n\n/**\n * Returns the current editor-enabled state, kept in sync with the shared\n * EditorStateManager. Replaces the old EditorEnabledContext + EditorEnabledProvider.\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\n/**\n * Subscribes to incoming \"get\" requests for editor-enabled state and calls\n * the provided callback so the caller can respond.\n * Used by the editor side to respond when the client asks for the current state.\n */\nexport const useGetEditorEnabledState = (onRequest?: () => void) => {\n  const manager = useEditorStateManager();\n\n  useEffect(() => {\n    if (!onRequest) return;\n    return manager.messenger.subscribe(\n      `${MessageKey.INTLAYER_EDITOR_ENABLED}/get`,\n      onRequest\n    );\n  }, [manager, onRequest]);\n};\n\n/**\n * Returns a function that sets the editor-enabled state and broadcasts it.\n */\nexport const usePostEditorEnabledState = () => {\n  const manager = useEditorStateManager();\n  return (value: boolean) => {\n    manager.editorEnabled.set(value);\n    manager.editorEnabled.postCurrentValue();\n  };\n};\n\nexport const useEditorEnabledState = () => {\n  const { enabled } = useEditorEnabled();\n  const manager = useEditorStateManager();\n  const setter = (value: boolean) => manager.editorEnabled.set(value);\n  return [enabled, setter] as const;\n};\n"],"mappings":"6NAcA,MAAa,MAAkD,CAC7D,IAAM,EAAUA,EAAAA,uBAAuB,CACjC,CAAC,EAAS,IAAA,EAAA,EAAA,UACd,EAAQ,cAAc,OAAS,GAChC,CASD,OAPA,EAAA,EAAA,eAAgB,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,EAQP,EAA4B,GAA2B,CAClE,IAAM,EAAUA,EAAAA,uBAAuB,EAEvC,EAAA,EAAA,eAAgB,CACT,KACL,OAAO,EAAQ,UAAU,UACvB,GAAGC,EAAAA,WAAW,wBAAwB,MACtC,EACD,EACA,CAAC,EAAS,EAAU,CAAC,EAMb,MAAkC,CAC7C,IAAM,EAAUD,EAAAA,uBAAuB,CACvC,MAAQ,IAAmB,CACzB,EAAQ,cAAc,IAAI,EAAM,CAChC,EAAQ,cAAc,kBAAkB,GAI/B,MAA8B,CACzC,GAAM,CAAE,WAAY,GAAkB,CAChC,EAAUA,EAAAA,uBAAuB,CAEvC,MAAO,CAAC,EADQ,GAAmB,EAAQ,cAAc,IAAI,EAAM,CAC3C"}

package/dist/cjs/EditorProvider.cjs

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

package/dist/cjs/EditorProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorProvider.cjs","names":["useGetEditedContentState","DictionariesRecordProvider","EditedContentProvider","FocusDictionaryProvider","useGetEditorEnabledState","useEditorEnabled","EditorEnabledProvider","ConfigurationProvider","CommunicatorProvider"],"sources":["../../src/EditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type FC,\n  type PropsWithChildren,\n  type ReactNode,\n  useEffect,\n  useState,\n} from 'react';\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: FC<PropsWithChildren> = ({ children }) => {\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: ReactNode;\n};\n\n/**\n * This component check if the editor is enabled to render the editor providers.\n */\nconst EditorEnabledCheckRenderer: FC<PropsWithChildren<FallbackProps>> = ({\n  children,\n  fallback,\n}) => {\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: FC<PropsWithChildren<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 = CommunicatorProviderProps &\n  ConfigurationProviderProps & {\n    mode: 'editor' | 'client';\n  };\n\n/**\n * Inner component for client mode with communicator context available\n */\nconst ClientModeContent: FC<PropsWithChildren<FallbackProps>> = ({\n  children,\n  fallback,\n}) => (\n  <EditorEnabledProvider>\n    <IframeCheckRenderer fallback={fallback}>\n      <EditorEnabledCheckRenderer fallback={fallback}>\n        <EditorProvidersWrapper>{children}</EditorProvidersWrapper>\n      </EditorEnabledCheckRenderer>\n    </IframeCheckRenderer>\n  </EditorEnabledProvider>\n);\n\nexport const EditorProvider: FC<PropsWithChildren<EditorProviderProps>> = ({\n  children,\n  configuration,\n  postMessage,\n  allowedOrigins,\n  mode,\n}) => (\n  <ConfigurationProvider configuration={configuration}>\n    <CommunicatorProvider postMessage={postMessage} allowedOrigins={allowedOrigins}>\n      {mode === 'editor' ? (\n        <EditorProvidersWrapper>{children}</EditorProvidersWrapper>\n      ) : (\n        <ClientModeContent fallback={children}>\n          {children}\n        </ClientModeContent>\n      )}\n    </CommunicatorProvider>\n  </ConfigurationProvider>\n);\n"],"mappings":"8aAiCA,MAAM,GAAiD,CAAE,cAAe,CACtE,IAAM,EAAwBA,EAAAA,0BAA0B,CAMxD,OAJA,EAAA,EAAA,eAAgB,CACd,GAAuB,EACtB,EAAE,CAAC,EAGJ,EAAA,EAAA,KAACC,EAAAA,2BAAD,CAAA,UACE,EAAA,EAAA,KAACC,EAAAA,sBAAD,CAAA,UACE,EAAA,EAAA,KAACC,EAAAA,wBAAD,CAA0B,WAAmC,CAAA,CACvC,CAAA,CACG,CAAA,EAW3B,GAAoE,CACxE,WACA,cACI,CACJ,IAAM,EAAmBC,EAAAA,0BAA0B,CAE7C,CAAE,WAAYC,EAAAA,kBAAkB,CAStC,OAPA,EAAA,EAAA,eAAgB,CACV,GAGJ,GAAkB,EACjB,CAAC,EAAQ,CAAC,CAEN,EAAU,EAAW,GAOxB,GAA6D,CACjE,WACA,cACI,CACJ,GAAM,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,GAAM,CAMnD,OAJA,EAAA,EAAA,eAAgB,CACd,EAAc,OAAO,OAAS,OAAO,IAAI,EACxC,EAAE,CAAC,CAEC,EAAa,EAAW,GAW3B,GAA2D,CAC/D,WACA,eAEA,EAAA,EAAA,KAACC,EAAAA,sBAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAD,CAA+B,qBAC7B,EAAA,EAAA,KAAC,EAAD,CAAsC,qBACpC,EAAA,EAAA,KAAC,EAAD,CAAyB,WAAkC,CAAA,CAChC,CAAA,CACT,CAAA,CACA,CAAA,CAGb,GAA8D,CACzE,WACA,gBACA,cACA,iBACA,WAEA,EAAA,EAAA,KAACC,EAAAA,sBAAD,CAAsC,0BACpC,EAAA,EAAA,KAACC,EAAAA,qBAAD,CAAmC,cAA6B,0BAC7D,IAAS,UACR,EAAA,EAAA,KAAC,EAAD,CAAyB,WAAkC,CAAA,EAE3D,EAAA,EAAA,KAAC,EAAD,CAAmB,SAAU,EAC1B,WACiB,CAAA,CAED,CAAA,CACD,CAAA"}
+{"version":3,"file":"EditorProvider.cjs","names":["configuration","useEditorEnabled","EditorStateManager","EditorStateProvider"],"sources":["../../src/EditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport 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 {\n  type FC,\n  type PropsWithChildren,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\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 = { fallback: ReactNode };\n\nconst EditorEnabledCheckRenderer: FC<PropsWithChildren<FallbackProps>> = ({\n  children,\n  fallback,\n}) => {\n  const { enabled } = useEditorEnabled();\n  return enabled ? children : fallback;\n};\n\nconst IframeCheckRenderer: FC<PropsWithChildren<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};\n\n/**\n * EditorProvider creates and manages the lifecycle of an EditorStateManager,\n * provides it to all descendants, and registers the Lit web components.\n */\nexport const EditorProvider: FC<PropsWithChildren<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"],"mappings":"yVAoBA,KAAM,CAAE,UAAWA,EAAAA,SAAiB,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,EAIK,GAAoE,CACxE,WACA,cACI,CACJ,GAAM,CAAE,WAAYC,EAAAA,kBAAkB,CACtC,OAAO,EAAU,EAAW,GAGxB,GAA6D,CACjE,WACA,cACI,CACJ,GAAM,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,GAAM,CAMnD,OAJA,EAAA,EAAA,eAAgB,CACd,EAAc,OAAO,OAAS,OAAO,IAAI,EACxC,EAAE,CAAC,CAEC,EAAa,EAAW,GAcpB,GAA8D,CACzE,WACA,OAAO,SACP,cAAe,EACf,YAAa,EACb,eAAgB,KACZ,CACJ,IAAM,GAAA,EAAA,EAAA,QAA+C,KAAK,CAC1D,AAUE,EAAW,UAAU,IAAIC,EAAAA,mBAAmB,CAC1C,OACA,UAVA,GAAqB,EACjB,CACE,eAAgB,GAAwB,CAAC,IAAI,CAC7C,cAAe,EACV,GAAY,EAAkB,EAAQ,CACvC,GAA6B,CAAC,cACnC,CACD,GAA6B,CAIjC,cAAe,GAAcF,EAAAA,QAC9B,CAAC,CAEJ,IAAM,EAAU,EAAW,QAmB3B,OAjBA,EAAA,EAAA,iBACE,EAAA,EAAA,yBAAwB,CACxB,EAAQ,OAAO,KACF,EAAQ,MAAM,EAC1B,CAAC,EAAQ,CAAC,EAaN,EAAA,EAAA,KAACG,EAAAA,oBAAD,CAA8B,mBAVnC,IAAS,SACP,GAEA,EAAA,EAAA,KAAC,EAAD,CAAqB,SAAU,YAC7B,EAAA,EAAA,KAAC,EAAD,CAA4B,SAAU,EACnC,WAC0B,CAAA,CACT,CAAA,CAGmD,CAAA"}

package/dist/cjs/EditorStateContext.cjs

@@ -0,0 +1,2 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);let e=require(`react`),t=require(`react/jsx-runtime`);const n=(0,e.createContext)(null),r=({children:e,manager:r})=>(0,t.jsx)(n.Provider,{value:r,children:e}),i=()=>{let t=(0,e.useContext)(n);if(!t)throw Error(`useEditorStateManager must be used within an EditorProvider`);return t};exports.EditorStateProvider=r,exports.useEditorStateManager=i;
+//# sourceMappingURL=EditorStateContext.cjs.map

package/dist/cjs/EditorStateContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorStateContext.cjs","names":[],"sources":["../../src/EditorStateContext.tsx"],"sourcesContent":["'use client';\n\nimport type { EditorStateManager } from '@intlayer/editor';\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useContext,\n} from 'react';\n\nconst EditorStateContext = createContext<EditorStateManager | null>(null);\n\nexport const EditorStateProvider: FC<\n  PropsWithChildren<{ manager: EditorStateManager }>\n> = ({ children, manager }) => (\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(\n      'useEditorStateManager must be used within an EditorProvider'\n    );\n  }\n  return ctx;\n};\n"],"mappings":"kLAUA,MAAM,GAAA,EAAA,EAAA,eAA8D,KAAK,CAE5D,GAER,CAAE,WAAU,cACf,EAAA,EAAA,KAAC,EAAmB,SAApB,CAA6B,MAAO,EACjC,WAC2B,CAAA,CAGnB,MAAkD,CAC7D,IAAM,GAAA,EAAA,EAAA,YAAiB,EAAmB,CAC1C,GAAI,CAAC,EACH,MAAU,MACR,8DACD,CAEH,OAAO"}

package/dist/cjs/FocusDictionaryContext.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameState.cjs`);let t=require(`@intlayer/editor`),n=require(`react/jsx-runtime`),r=require(`@intlayer/types/nodeType`),i=require(`react`);const a=(0,i.createContext)(void 0),o=(0,i.createContext)(void 0),s=({children:i})=>{let[s,c]=e.useCrossFrameState(t.MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED,null);return(0,n.jsx)(a.Provider,{value:{focusedContent:s},children:(0,n.jsx)(o.Provider,{value:{setFocusedContent:c,setFocusedContentKeyPath:e=>{c(t=>{if(!t)return t;let n=e.filter(e=>e.type!==r.NodeType.Translation);return{...t,keyPath:n}})}},children:i})})},c=()=>{let e=(0,i.useContext)(o);if(e===void 0)throw Error(`useFocusDictionaryActions must be used within a FocusDictionaryProvider`);return e},l=()=>{let e=c(),t=(0,i.useContext)(a);if(t===void 0)throw Error(`useFocusDictionaryState must be used within a FocusDictionaryProvider`);return{...t,...e}};exports.FocusDictionaryProvider=s,exports.useFocusDictionary=l,exports.useFocusDictionaryActions=c;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./EditorStateContext.cjs`);let t=require(`react`);const n=()=>{let n=e.useEditorStateManager(),[r,i]=(0,t.useState)(n.focusedContent.value??null);return(0,t.useEffect)(()=>{let e=e=>i(e.detail);return n.focusedContent.addEventListener(`change`,e),()=>n.focusedContent.removeEventListener(`change`,e)},[n]),{focusedContent:r,setFocusedContent:e=>n.focusedContent.set(e),setFocusedContentKeyPath:e=>n.setFocusedContentKeyPath(e)}},r=()=>{let{setFocusedContent:e,setFocusedContentKeyPath:t}=n();return{setFocusedContent:e,setFocusedContentKeyPath:t}};exports.useFocusDictionary=n,exports.useFocusDictionaryActions=r;
 //# sourceMappingURL=FocusDictionaryContext.cjs.map

package/dist/cjs/FocusDictionaryContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FocusDictionaryContext.cjs","names":["useCrossFrameState","MessageKey","NodeType"],"sources":["../../src/FocusDictionaryContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { LocalDictionaryId } from '@intlayer/types/dictionary';;\nimport { NodeType } from '@intlayer/types/nodeType';\nimport {\n  createContext,\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type SetStateAction,\n  useContext,\n} from 'react';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport type FileContent = {\n  dictionaryKey: string;\n  dictionaryLocalId?: LocalDictionaryId;\n  keyPath?: KeyPath[];\n};\n\nexport type FocusDictionaryState = {\n  focusedContent: FileContent | null;\n};\n\nexport type FocusDictionaryActions = {\n  setFocusedContent: Dispatch<SetStateAction<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: FC<PropsWithChildren> = ({\n  children,\n}) => {\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\n      // Remove translation key path if it exists to make it more flexible with optimization client / editor\n      const filteredKeyPath = keyPath.filter(\n        (key) => key.type !== NodeType.Translation\n      );\n\n      return {\n        ...prev,\n        keyPath: filteredKeyPath,\n      };\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":"kSA+BA,MAAM,GAAA,EAAA,EAAA,eAEJ,IAAA,GAAU,CACN,GAAA,EAAA,EAAA,eAEJ,IAAA,GAAU,CAEC,GAAkD,CAC7D,cACI,CACJ,GAAM,CAAC,EAAgB,GACrBA,EAAAA,mBACEC,EAAAA,WAAW,iCACX,KACD,CAoBH,OACE,EAAA,EAAA,KAAC,EAA4B,SAA7B,CAAsC,MAAO,CAAE,iBAAgB,WAC7D,EAAA,EAAA,KAAC,EAA8B,SAA/B,CACE,MAAO,CAAE,oBAAmB,yBArBA,GAAuB,CACvD,EAAmB,GAAS,CAC1B,GAAI,CAAC,EACH,OAAO,EAIT,IAAM,EAAkB,EAAQ,OAC7B,GAAQ,EAAI,OAASC,EAAAA,SAAS,YAChC,CAED,MAAO,CACL,GAAG,EACH,QAAS,EACV,EACD,EAMwD,CAErD,WACsC,CAAA,CACJ,CAAA,EAI9B,MAAkC,CAC7C,IAAM,GAAA,EAAA,EAAA,YAAqB,EAA8B,CACzD,GAAI,IAAY,IAAA,GACd,MAAU,MACR,0EACD,CAEH,OAAO,GAGI,MAA2B,CACtC,IAAM,EAAgB,GAA2B,CAC3C,GAAA,EAAA,EAAA,YAA0B,EAA4B,CAE5D,GAAI,IAAiB,IAAA,GACnB,MAAU,MACR,wEACD,CAGH,MAAO,CAAE,GAAG,EAAc,GAAG,EAAe"}
+{"version":3,"file":"FocusDictionaryContext.cjs","names":["useEditorStateManager"],"sources":["../../src/FocusDictionaryContext.tsx"],"sourcesContent":["'use client';\n\nimport type { FileContent } from '@intlayer/editor';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { FileContent } from '@intlayer/editor';\n\nexport type FocusDictionaryState = {\n  focusedContent: FileContent | null;\n};\n\nexport type FocusDictionaryActions = {\n  setFocusedContent: (value: FileContent | null) => void;\n  setFocusedContentKeyPath: (keyPath: KeyPath[]) => void;\n};\n\n/**\n * Returns the focused-content state and setters, backed by EditorStateManager.\n */\nexport const useFocusDictionary = (): FocusDictionaryState &\n  FocusDictionaryActions => {\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 = (): FocusDictionaryActions => {\n  const { setFocusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  return { setFocusedContent, setFocusedContentKeyPath };\n};\n"],"mappings":"+LAqBA,MAAa,MACe,CAC1B,IAAM,EAAUA,EAAAA,uBAAuB,CACjC,CAAC,EAAgB,IAAA,EAAA,EAAA,UACrB,EAAQ,eAAe,OAAS,KACjC,CASD,OAPA,EAAA,EAAA,eAAgB,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,MAA0D,CACrE,GAAM,CAAE,oBAAmB,4BAA6B,GAAoB,CAC5E,MAAO,CAAE,oBAAmB,2BAA0B"}

package/dist/cjs/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./CommunicatorContext.cjs`),t=require(`./useCrossFrameMessageListener.cjs`),n=require(`./useCrossFrameState.cjs`),r=require(`./FocusDictionaryContext.cjs`),i=require(`./useCrossURLPathState.cjs`),a=require(`./DictionariesRecordContext.cjs`),o=require(`./useEditorLocale.cjs`),s=require(`./useFocusUnmergedDictionary.cjs`),c=require(`./ConfigurationContext.cjs`),l=require(`./EditedContentContext.cjs`),u=require(`./EditorEnabledContext.cjs`),d=require(`./EditorProvider.cjs`),f=require(`./useIframeClickInterceptor.cjs`);exports.CommunicatorProvider=e.CommunicatorProvider,exports.ConfigurationProvider=c.ConfigurationProvider,exports.DictionariesRecordProvider=a.DictionariesRecordProvider,exports.EditedContentProvider=l.EditedContentProvider,exports.EditorEnabledProvider=u.EditorEnabledProvider,exports.EditorProvider=d.EditorProvider,exports.FocusDictionaryProvider=r.FocusDictionaryProvider,exports.useCommunicator=e.useCommunicator,exports.useConfiguration=c.useConfiguration,exports.useConfigurationState=c.useConfigurationState,exports.useCrossFrameMessageListener=t.useCrossFrameMessageListener,exports.useCrossFrameState=n.useCrossFrameState,exports.useCrossURLPathSetter=i.useCrossURLPathSetter,exports.useCrossURLPathState=i.useCrossURLPathState,exports.useDictionariesRecord=a.useDictionariesRecord,exports.useDictionariesRecordActions=a.useDictionariesRecordActions,exports.useEditedContent=l.useEditedContent,exports.useEditedContentActions=l.useEditedContentActions,exports.useEditorEnabled=u.useEditorEnabled,exports.useEditorEnabledState=u.useEditorEnabledState,exports.useEditorLocale=o.useEditorLocale,exports.useFocusDictionary=r.useFocusDictionary,exports.useFocusDictionaryActions=r.useFocusDictionaryActions,exports.useFocusUnmergedDictionary=s.useFocusUnmergedDictionary,exports.useGetEditedContentState=l.useGetEditedContentState,exports.useGetEditorEnabledState=u.useGetEditorEnabledState,exports.useIframeClickInterceptor=f.useIframeClickInterceptor,exports.useIframeClickMerger=f.useIframeClickMerger,exports.usePostEditedContentState=l.usePostEditedContentState,exports.usePostEditorEnabledState=u.usePostEditorEnabledState,exports.useSetEditorLocale=o.useSetEditorLocale;var p=require(`@intlayer/editor`);Object.keys(p).forEach(function(e){e!==`default`&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return p[e]}})});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./EditorStateContext.cjs`),t=require(`./FocusDictionaryContext.cjs`),n=require(`./useCrossFrameState.cjs`),r=require(`./useCrossURLPathState.cjs`),i=require(`./DictionariesRecordContext.cjs`),a=require(`./useEditorLocale.cjs`),o=require(`./useFocusUnmergedDictionary.cjs`),s=require(`./EditorEnabledContext.cjs`),c=require(`./EditorProvider.cjs`),l=require(`./CommunicatorContext.cjs`),u=require(`./ConfigurationContext.cjs`),d=require(`./EditedContentContext.cjs`),f=require(`./useCrossFrameMessageListener.cjs`),p=require(`./useIframeClickInterceptor.cjs`);exports.EditorProvider=c.EditorProvider,exports.EditorStateProvider=e.EditorStateProvider,exports.useCommunicator=l.useCommunicator,exports.useConfiguration=u.useConfiguration,exports.useConfigurationState=u.useConfigurationState,exports.useCrossFrameMessageListener=f.useCrossFrameMessageListener,exports.useCrossFrameState=n.useCrossFrameState,exports.useCrossURLPathSetter=r.useCrossURLPathSetter,exports.useCrossURLPathState=r.useCrossURLPathState,exports.useDictionariesRecord=i.useDictionariesRecord,exports.useDictionariesRecordActions=i.useDictionariesRecordActions,exports.useEditedContent=d.useEditedContent,exports.useEditedContentActions=d.useEditedContentActions,exports.useEditorEnabled=s.useEditorEnabled,exports.useEditorEnabledState=s.useEditorEnabledState,exports.useEditorLocale=a.useEditorLocale,exports.useEditorStateManager=e.useEditorStateManager,exports.useFocusDictionary=t.useFocusDictionary,exports.useFocusDictionaryActions=t.useFocusDictionaryActions,exports.useFocusUnmergedDictionary=o.useFocusUnmergedDictionary,exports.useGetEditedContentState=d.useGetEditedContentState,exports.useGetEditorEnabledState=s.useGetEditorEnabledState,exports.useIframeClickInterceptor=p.useIframeClickInterceptor,exports.useIframeClickMerger=p.useIframeClickMerger,exports.usePostEditedContentState=d.usePostEditedContentState,exports.usePostEditorEnabledState=s.usePostEditorEnabledState,exports.useSetEditorLocale=a.useSetEditorLocale;var m=require(`@intlayer/editor`);Object.keys(m).forEach(function(e){e!==`default`&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return m[e]}})});

package/dist/cjs/useCrossFrameMessageListener.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./CommunicatorContext.cjs`);let t=require(`@intlayer/editor`),n=require(`react`);const r=(r,i,a)=>{let{allowedOrigins:o,postMessage:s,senderId:c}=e.useCommunicator();return(0,n.useEffect)(()=>{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=>(0,t.compareUrls)(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})}};exports.useCrossFrameMessageListener=r;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./EditorStateContext.cjs`);let t=require(`react`);const n=(n,r,i)=>{let a=e.useEditorStateManager();return(0,t.useEffect)(()=>{if(r)return a.messenger.subscribe(n,r)},[a,n,i]),e=>{a.messenger.send(n,e)}};exports.useCrossFrameMessageListener=n;
 //# sourceMappingURL=useCrossFrameMessageListener.cjs.map

package/dist/cjs/useCrossFrameMessageListener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameMessageListener.cjs","names":["useCommunicator"],"sources":["../../src/useCrossFrameMessageListener.tsx"],"sourcesContent":["'use client';\n\nimport { compareUrls, type MessageKey } from '@intlayer/editor';\nimport { useEffect } from 'react';\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":"8NAsBA,MAAa,GACX,EACA,EACA,IACG,CACH,GAAM,CAAE,iBAAgB,cAAa,YAAaA,EAAAA,iBAAiB,CAwDnE,OAtDA,EAAA,EAAA,eAAgB,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,IAAA,EAAA,EAAA,aAAoB,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.cjs","names":["useEditorStateManager"],"sources":["../../src/useCrossFrameMessageListener.tsx"],"sourcesContent":["'use client';\n\nimport type { MessageKey } from '@intlayer/editor';\nimport { useEffect } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\n/**\n * Listens for cross-frame messages of the specified type and calls the callback.\n * Returns a function to manually send a message of the same type.\n *\n * Backed by CrossFrameMessenger from EditorStateManager.\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) => {\n    manager.messenger.send(key, data);\n  };\n};\n"],"mappings":"+LAYA,MAAa,GACX,EACA,EACA,IACG,CACH,IAAM,EAAUA,EAAAA,uBAAuB,CAOvC,OALA,EAAA,EAAA,eAAgB,CACT,KACL,OAAO,EAAQ,UAAU,UAAa,EAAK,EAAiB,EAC3D,CAAC,EAAS,EAAK,EAAY,CAAC,CAEvB,GAAa,CACnB,EAAQ,UAAU,KAAK,EAAK,EAAK"}

package/dist/cjs/useCrossFrameState.cjs

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

package/dist/cjs/useCrossFrameState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameState.cjs","names":["useCommunicator"],"sources":["../../src/useCrossFrameState.tsx"],"sourcesContent":["'use client';\n\nimport type { MessageKey } from '@intlayer/editor';\nimport { type Dispatch, type SetStateAction, useEffect, useState } from 'react';\nimport { useCommunicator } from './CommunicatorContext';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport type CrossFrameStateOptions = {\n  emit?: boolean;\n  receive?: boolean;\n};\n\nconst resolveState = <S,>(state?: SetStateAction<S>, prevState?: S): S =>\n  typeof state === 'function'\n    ? (state as (prevState?: S) => S)(prevState)\n    : (state 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 React hook synchronizes state across multiple instances (e.g., different iframes or windows).\n * It uses the `postMessage` API to communicate state changes and updates between instances.\n *\n * @template S - The type of the state.\n * @param key - A unique identifier for the state to synchronize.\n * @param initialState - The initial state value or a function to compute it lazily.\n * @param options - Configuration options to control emitting and receiving messages.\n *   - `emit` (default: true): Whether to broadcast state changes to other instances.\n *   - `receive` (default: true): Whether to listen for state updates from other instances.\n *\n * @returns {[S, Dispatch<SetStateAction<S>>]} An array containing the current state and a setter function.\n */\nexport const useCrossFrameState = <S,>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options?: CrossFrameStateOptions\n): [S, Dispatch<SetStateAction<S>>, typeof postState] => {\n  const { postMessage, senderId } = useCommunicator() ?? {};\n\n  const { emit, receive } = options ?? { emit: true, receive: true };\n\n  const handleStateChange = (state?: SetStateAction<S>, prevState?: S) => {\n    // Initialize state from the provided initial value, if defined\n    const resolvedState: S = resolveState(state, 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 {SetStateAction<S>} valueOrUpdater - The new state or a function to produce it.\n   * @returns {void}\n   */\n  const setStateWrapper: Dispatch<SetStateAction<S>> = (valueOrUpdater) =>\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":"gPAYA,MAAM,GAAoB,EAA2B,IACnD,OAAO,GAAU,WACZ,EAA+B,EAAU,CACzC,EAwBM,GACX,EACA,EACA,IACuD,CACvD,GAAM,CAAE,cAAa,YAAaA,EAAAA,iBAAiB,EAAI,EAAE,CAEnD,CAAE,OAAM,WAAY,GAAW,CAAE,KAAM,GAAM,QAAS,GAAM,CAE5D,GAAqB,EAA2B,IAAkB,CAEtE,IAAM,EAAmB,EAAa,EAAO,EAAU,CAWvD,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,IAAA,EAAA,EAAA,cAA8B,EAAkB,EAAa,CAAC,CAkE5E,OA1CA,EAAA,6BACE,GAAG,EAAI,OAEP,EACK,GAAS,CACR,EAAS,EAAK,EAEhB,IAAA,GACL,CAcD,EAAA,6BACE,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,EAED,EAAA,EAAA,eAAgB,CAIZ,GACA,OAAO,GAAgB,YAChB,IAAU,QAEjB,EAAY,CAAE,KAAM,GAAG,EAAI,MAAO,WAAU,CAAC,EAE9C,EAAE,CAAC,CAGC,CAAC,EAhD8C,GACpD,EAAU,GAAc,EAAkB,EAAgB,EAAU,CAAC,CA+CvC,EAAU"}
+{"version":3,"file":"useCrossFrameState.cjs","names":["useEditorStateManager","CrossFrameStateManager"],"sources":["../../src/useCrossFrameState.tsx"],"sourcesContent":["'use client';\n\nimport { CrossFrameStateManager, type MessageKey } from '@intlayer/editor';\nimport {\n  type Dispatch,\n  type SetStateAction,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type CrossFrameStateOptions = {\n  emit?: boolean;\n  receive?: boolean;\n};\n\n/**\n * Synchronizes a React state value across frames using CrossFrameStateManager.\n */\nexport const useCrossFrameState = <S,>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options?: CrossFrameStateOptions\n): [S, Dispatch<SetStateAction<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 valueRef = useRef<S>(resolvedInitial as S);\n\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      const newValue = (e as CustomEvent<S>).detail;\n      valueRef.current = newValue;\n      setValueState(newValue);\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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key, manager.messenger, options?.emit, options?.receive]);\n\n  const setValue: Dispatch<SetStateAction<S>> = (valueOrUpdater) => {\n    setValueState((prev) => {\n      const newValue =\n        typeof valueOrUpdater === 'function'\n          ? (valueOrUpdater as (prev: S) => S)(prev)\n          : valueOrUpdater;\n      valueRef.current = newValue;\n      stateManagerRef.current?.set(newValue);\n      return newValue;\n    });\n  };\n\n  const postState = () => {\n    stateManagerRef.current?.postCurrentValue();\n  };\n\n  return [value, setValue, postState];\n};\n"],"mappings":"6NAoBA,MAAa,GACX,EACA,EACA,IACiD,CACjD,IAAM,EAAUA,EAAAA,uBAAuB,CAEjC,EACJ,OAAO,GAAiB,WACnB,GAA0B,CAC3B,EAEA,CAAC,EAAO,IAAA,EAAA,EAAA,UAA6B,EAAqB,CAC1D,GAAA,EAAA,EAAA,QAAqB,EAAqB,CAE1C,GAAA,EAAA,EAAA,QAA2D,KAAK,CA2CtE,OAzCA,EAAA,EAAA,eAAgB,CACd,GAAM,CAAE,OAAO,GAAM,UAAU,IAAS,GAAW,EAAE,CAC/C,EAAe,IAAIC,EAAAA,uBAA0B,EAAK,EAAQ,UAAW,CACzE,OACA,UACA,aAAc,EACf,CAAC,CACF,EAAgB,QAAU,EAE1B,IAAM,EAAW,GAAa,CAC5B,IAAM,EAAY,EAAqB,OACvC,EAAS,QAAU,EACnB,EAAc,EAAS,EAKzB,OAHA,EAAa,iBAAiB,SAAU,EAAQ,CAChD,EAAa,OAAO,KAEP,CACX,EAAa,oBAAoB,SAAU,EAAQ,CACnD,EAAa,MAAM,CACnB,EAAgB,QAAU,OAG3B,CAAC,EAAK,EAAQ,UAAW,GAAS,KAAM,GAAS,QAAQ,CAAC,CAkBtD,CAAC,EAhBuC,GAAmB,CAChE,EAAe,GAAS,CACtB,IAAM,EACJ,OAAO,GAAmB,WACrB,EAAkC,EAAK,CACxC,EAGN,MAFA,GAAS,QAAU,EACnB,EAAgB,SAAS,IAAI,EAAS,CAC/B,GACP,MAGoB,CACtB,EAAgB,SAAS,kBAAkB,EAGV"}

package/dist/cjs/useCrossURLPathState.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameState.cjs`);let t=require(`@intlayer/editor`),n=require(`react`);const r=(n,r)=>e.useCrossFrameState(t.MessageKey.INTLAYER_URL_CHANGE,n,r),i=e=>{let t=r(e,{emit:!0,receive:!1}),[i,a]=t;return(0,n.useEffect)(()=>{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};exports.useCrossURLPathSetter=i,exports.useCrossURLPathState=r;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameState.cjs`);let t=require(`@intlayer/editor`);const n=(n,r)=>e.useCrossFrameState(t.MessageKey.INTLAYER_URL_CHANGE,n,r),r=e=>n(e,{emit:!0,receive:!1});exports.useCrossURLPathSetter=r,exports.useCrossURLPathState=n;
 //# sourceMappingURL=useCrossURLPathState.cjs.map

package/dist/cjs/useCrossURLPathState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossURLPathState.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../src/useCrossURLPathState.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport { useEffect } from 'react';\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":"6NASA,MAAa,GACX,EACA,IACGA,EAAAA,mBAAmBC,EAAAA,WAAW,oBAAqB,EAAc,EAAQ,CAEjE,EAAyB,GAA0B,CAC9D,IAAM,EAAS,EAAqB,EAAc,CAChD,KAAM,GACN,QAAS,GACV,CAAC,CACI,CAAC,EAAQ,GAAY,EAwD3B,OAtDA,EAAA,EAAA,eAAgB,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.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../src/useCrossURLPathState.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\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  // The EditorStateManager already handles URL tracking in client mode via\n  // UrlStateManager.start(). This hook remains for explicit use cases.\n  return useCrossURLPathState(initialState, { emit: true, receive: false });\n};\n"],"mappings":"0MAQA,MAAa,GACX,EACA,IACGA,EAAAA,mBAAmBC,EAAAA,WAAW,oBAAqB,EAAc,EAAQ,CAEjE,EAAyB,GAG7B,EAAqB,EAAc,CAAE,KAAM,GAAM,QAAS,GAAO,CAAC"}

package/dist/cjs/useEditorLocale.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameState.cjs`);let t=require(`@intlayer/editor`);const n=()=>{let[n]=e.useCrossFrameState(t.MessageKey.INTLAYER_CURRENT_LOCALE,void 0,{receive:!0,emit:!1});return n},r=()=>e.useCrossFrameState(t.MessageKey.INTLAYER_CURRENT_LOCALE,void 0,{receive:!0,emit:!1});exports.useEditorLocale=n,exports.useSetEditorLocale=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./EditorStateContext.cjs`);let t=require(`react`);const n=()=>{let n=e.useEditorStateManager(),[r,i]=(0,t.useState)(n.currentLocale.value);return(0,t.useEffect)(()=>{let e=e=>i(e.detail);return n.currentLocale.addEventListener(`change`,e),()=>n.currentLocale.removeEventListener(`change`,e)},[n]),r},r=()=>{let t=e.useEditorStateManager();return e=>t.currentLocale.set(e)};exports.useEditorLocale=n,exports.useSetEditorLocale=r;
 //# sourceMappingURL=useEditorLocale.cjs.map

package/dist/cjs/useEditorLocale.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEditorLocale.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../src/useEditorLocale.tsx"],"sourcesContent":["import { MessageKey } from '@intlayer/editor';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport const useEditorLocale = () => {\n  const [currentLocale] = useCrossFrameState<Locale>(\n    MessageKey.INTLAYER_CURRENT_LOCALE,\n    undefined,\n    {\n      receive: true,\n      emit: false,\n    }\n  );\n\n  return currentLocale;\n};\n\nexport const useSetEditorLocale = () => {\n  const setCurrentLocale = useCrossFrameState<Locale>(\n    MessageKey.INTLAYER_CURRENT_LOCALE,\n    undefined,\n    {\n      receive: true,\n      emit: false,\n    }\n  );\n\n  return setCurrentLocale;\n};\n"],"mappings":"6LAIA,MAAa,MAAwB,CACnC,GAAM,CAAC,GAAiBA,EAAAA,mBACtBC,EAAAA,WAAW,wBACX,IAAA,GACA,CACE,QAAS,GACT,KAAM,GACP,CACF,CAED,OAAO,GAGI,MACcD,EAAAA,mBACvBC,EAAAA,WAAW,wBACX,IAAA,GACA,CACE,QAAS,GACT,KAAM,GACP,CACF"}
+{"version":3,"file":"useEditorLocale.cjs","names":["useEditorStateManager"],"sources":["../../src/useEditorLocale.tsx"],"sourcesContent":["import type { Locale } from '@intlayer/types/allLocales';\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport const useEditorLocale = (): Locale | undefined => {\n  const manager = useEditorStateManager();\n  const [locale, setLocale] = useState<Locale | undefined>(\n    manager.currentLocale.value\n  );\n\n  useEffect(() => {\n    const handler = (e: Event) => setLocale((e as CustomEvent<Locale>).detail);\n    manager.currentLocale.addEventListener('change', handler);\n    return () => manager.currentLocale.removeEventListener('change', handler);\n  }, [manager]);\n\n  return locale;\n};\n\nexport const useSetEditorLocale = () => {\n  const manager = useEditorStateManager();\n  return (locale: Locale) => manager.currentLocale.set(locale);\n};\n"],"mappings":"kLAIA,MAAa,MAA4C,CACvD,IAAM,EAAUA,EAAAA,uBAAuB,CACjC,CAAC,EAAQ,IAAA,EAAA,EAAA,UACb,EAAQ,cAAc,MACvB,CAQD,OANA,EAAA,EAAA,eAAgB,CACd,IAAM,EAAW,GAAa,EAAW,EAA0B,OAAO,CAE1E,OADA,EAAQ,cAAc,iBAAiB,SAAU,EAAQ,KAC5C,EAAQ,cAAc,oBAAoB,SAAU,EAAQ,EACxE,CAAC,EAAQ,CAAC,CAEN,GAGI,MAA2B,CACtC,IAAM,EAAUA,EAAAA,uBAAuB,CACvC,MAAQ,IAAmB,EAAQ,cAAc,IAAI,EAAO"}

package/dist/cjs/useIframeClickInterceptor.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameMessageListener.cjs`);let t=require(`@intlayer/editor`),n=require(`react`);const r=()=>{let r=e.useCrossFrameMessageListener(t.MessageKey.INTLAYER_IFRAME_CLICKED),i=()=>{r()};(0,n.useEffect)(()=>(window.addEventListener(`mousedown`,i),()=>window.removeEventListener(`mousedown`,i)),[r])},i=()=>e.useCrossFrameMessageListener(t.MessageKey.INTLAYER_IFRAME_CLICKED,t.mergeIframeClick);exports.useIframeClickInterceptor=r,exports.useIframeClickMerger=i;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameMessageListener.cjs`);let t=require(`@intlayer/editor`);const n=()=>{e.useCrossFrameMessageListener(t.MessageKey.INTLAYER_IFRAME_CLICKED)},r=()=>{e.useCrossFrameMessageListener(t.MessageKey.INTLAYER_IFRAME_CLICKED,t.mergeIframeClick)};exports.useIframeClickInterceptor=n,exports.useIframeClickMerger=r;
 //# sourceMappingURL=useIframeClickInterceptor.cjs.map

package/dist/cjs/useIframeClickInterceptor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIframeClickInterceptor.cjs","names":["useCrossFrameMessageListener","MessageKey","mergeIframeClick"],"sources":["../../src/useIframeClickInterceptor.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey, mergeIframeClick } from '@intlayer/editor';\nimport { useEffect } from 'react';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport const useIframeClickInterceptor = () => {\n  const postMessage = useCrossFrameMessageListener<undefined>(\n    MessageKey.INTLAYER_IFRAME_CLICKED\n  );\n  const handlePostMessageEvent: EventListener = () => {\n    postMessage();\n  };\n\n  useEffect(() => {\n    window.addEventListener('mousedown', handlePostMessageEvent);\n\n    return () =>\n      window.removeEventListener('mousedown', handlePostMessageEvent);\n  }, [postMessage]);\n};\n\nexport const useIframeClickMerger = () =>\n  useCrossFrameMessageListener<MessageEvent>(\n    MessageKey.INTLAYER_IFRAME_CLICKED,\n    mergeIframeClick\n  );\n"],"mappings":"uOAMA,MAAa,MAAkC,CAC7C,IAAM,EAAcA,EAAAA,6BAClBC,EAAAA,WAAW,wBACZ,CACK,MAA8C,CAClD,GAAa,GAGf,EAAA,EAAA,gBACE,OAAO,iBAAiB,YAAa,EAAuB,KAG1D,OAAO,oBAAoB,YAAa,EAAuB,EAChE,CAAC,EAAY,CAAC,EAGN,MACXD,EAAAA,6BACEC,EAAAA,WAAW,wBACXC,EAAAA,iBACD"}
+{"version":3,"file":"useIframeClickInterceptor.cjs","names":["MessageKey","mergeIframeClick"],"sources":["../../src/useIframeClickInterceptor.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey, mergeIframeClick } from '@intlayer/editor';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\n/**\n * Broadcasts mousedown events from within an iframe to the parent frame.\n * Called in the client application (inside the iframe).\n * Note: EditorStateManager.start() already sets this up in client mode.\n * This hook exists for explicit / standalone use cases.\n */\nexport const useIframeClickInterceptor = () => {\n  useCrossFrameMessageListener<undefined>(MessageKey.INTLAYER_IFRAME_CLICKED);\n};\n\n/**\n * Merges received iframe click events into the parent's DOM event stream.\n * Called in the editor (parent frame).\n */\nexport const useIframeClickMerger = () => {\n  useCrossFrameMessageListener<MessageEvent>(\n    MessageKey.INTLAYER_IFRAME_CLICKED,\n    mergeIframeClick\n  );\n};\n"],"mappings":"oNAWA,MAAa,MAAkC,CAC7C,EAAA,6BAAwCA,EAAAA,WAAW,wBAAwB,EAOhE,MAA6B,CACxC,EAAA,6BACEA,EAAAA,WAAW,wBACXC,EAAAA,iBACD"}

package/dist/esm/CommunicatorContext.mjs

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

@@ -1 +1 @@
-{"version":3,"file":"CommunicatorContext.mjs","names":[],"sources":["../../src/CommunicatorContext.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\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 = PropsWithChildren<\n  Omit<UseCrossPlatformStateProps, 'senderId'>\n>;\n\nexport const CommunicatorProvider: FC<CommunicatorProviderProps> = ({\n  children,\n  allowedOrigins,\n  postMessage,\n}) => {\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]\n  );\n\n  return (\n    <CommunicatorContext.Provider value={value}>\n      {children}\n    </CommunicatorContext.Provider>\n  );\n};\n\nexport const useCommunicator = () => useContext(CommunicatorContext);\n"],"mappings":"0KAYA,MAAM,MAAmB,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,CAQtD,CAAE,UAAW,GAAiB,EAAE,CAEhC,EAAsB,EAA0C,CACpE,gBAAmB,KACnB,eAAgB,CACd,GAAQ,eACR,GAAQ,UACR,GAAQ,OACT,CACD,SAAU,GACX,CAAC,CAMW,GAAuD,CAClE,WACA,iBACA,iBACI,CAEJ,IAAM,EAAc,EAAO,GAAY,CAAC,CAElC,EAAQ,OACL,CAAE,cAAa,iBAAgB,SAAU,EAAY,QAAS,EACrE,CAAC,EAAa,EAAgB,EAAY,QAAQ,CACnD,CAED,OACE,EAAC,EAAoB,SAArB,CAAqC,QAClC,WAC4B,CAAA,EAItB,MAAwB,EAAW,EAAoB"}
+{"version":3,"file":"CommunicatorContext.mjs","names":[],"sources":["../../src/CommunicatorContext.tsx"],"sourcesContent":["'use client';\n\nimport type { MessagePayload } from '@intlayer/editor';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type UseCrossPlatformStateProps = {\n  postMessage: (payload: MessagePayload) => void;\n  allowedOrigins?: string[];\n  senderId: string;\n};\n\n/**\n * Returns the communicator API backed by the shared EditorStateManager messenger.\n */\nexport const useCommunicator = (): UseCrossPlatformStateProps => {\n  const manager = useEditorStateManager();\n\n  return {\n    postMessage: (payload: MessagePayload) =>\n      manager.messenger.send(payload.type, payload.data),\n    senderId: manager.messenger.senderId,\n  };\n};\n\n// Re-export type for backward compatibility\nexport type { MessengerConfig } from '@intlayer/editor';\n"],"mappings":"8EAcA,MAAa,MAAoD,CAC/D,IAAM,EAAU,GAAuB,CAEvC,MAAO,CACL,YAAc,GACZ,EAAQ,UAAU,KAAK,EAAQ,KAAM,EAAQ,KAAK,CACpD,SAAU,EAAQ,UAAU,SAC7B"}

package/dist/esm/ConfigurationContext.mjs

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

package/dist/esm/ConfigurationContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurationContext.mjs","names":[],"sources":["../../src/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useContext,\n} from 'react';\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: FC<\n  PropsWithChildren<ConfigurationProviderProps>\n> = ({ children, configuration }) => (\n  <ConfigurationStatesContext.Provider value={configuration}>\n    {children}\n  </ConfigurationStatesContext.Provider>\n);\n\nexport const useConfiguration = () => useContext(ConfigurationStatesContext);\n"],"mappings":"uNAYA,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/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type ConfigurationProviderProps = {\n  configuration?: IntlayerConfig;\n};\n\n/**\n * Returns the current configuration, backed by EditorStateManager.\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\n/**\n * Returns a function that broadcasts the current configuration.\n */\nexport const useConfigurationState = () => {\n  const manager = useEditorStateManager();\n\n  const [config, setConfig] = useState<IntlayerConfig | undefined>(\n    manager.configuration.value\n  );\n\n  return [\n    config,\n    setConfig,\n    () => manager.configuration.postCurrentValue(),\n  ] as const;\n};\n"],"mappings":"8HAaA,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,GAMI,MAA8B,CACzC,IAAM,EAAU,GAAuB,CAEjC,CAAC,EAAQ,GAAa,EAC1B,EAAQ,cAAc,MACvB,CAED,MAAO,CACL,EACA,MACM,EAAQ,cAAc,kBAAkB,CAC/C"}

package/dist/esm/DictionariesRecordContext.mjs

@@ -1,2 +1,2 @@
-"use client";import{useCrossFrameState as e}from"./useCrossFrameState.mjs";import{MessageKey as t}from"@intlayer/editor";import{jsx as n}from"react/jsx-runtime";import{createContext as r,useContext as i,useMemo as a}from"react";const o=r(void 0),s=r(void 0),c=({children:r})=>{let[i,c]=e(t.INTLAYER_LOCALE_DICTIONARIES_CHANGED,void 0),l=a(()=>({localeDictionaries:i??{}}),[i]),u=a(()=>({setLocaleDictionaries:c,setLocaleDictionary:e=>{e.localId&&c(t=>({...t,[e.localId]:e}))}}),[c]);return n(o.Provider,{value:l,children:n(s.Provider,{value:u,children:r})})},l=()=>i(s),u=()=>{let e=l(),t=i(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};
+"use client";import{useEditorStateManager as e}from"./EditorStateContext.mjs";import{useCallback as t,useEffect as n,useState as r}from"react";const i=()=>{let i=e(),[a,o]=r(i.localeDictionaries.value??{});return n(()=>{let e=e=>o(e.detail??{});return i.localeDictionaries.addEventListener(`change`,e),()=>i.localeDictionaries.removeEventListener(`change`,e)},[i]),{localeDictionaries:a,setLocaleDictionaries:t(e=>i.localeDictionaries.set(e),[i]),setLocaleDictionary:t(e=>i.setLocaleDictionary(e),[i])}},a=()=>{let{setLocaleDictionaries:e,setLocaleDictionary:t}=i();return{setLocaleDictionaries:e,setLocaleDictionary:t}};export{i as useDictionariesRecord,a as useDictionariesRecordActions};
 //# sourceMappingURL=DictionariesRecordContext.mjs.map

package/dist/esm/DictionariesRecordContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DictionariesRecordContext.mjs","names":[],"sources":["../../src/DictionariesRecordContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types/dictionary';\nimport {\n  createContext,\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type SetStateAction,\n  useContext,\n  useMemo,\n} from 'react';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport type DictionaryContent = Record<LocalDictionaryId, Dictionary>;\n\ntype DictionariesRecordStatesContextType = {\n  localeDictionaries: DictionaryContent;\n};\ntype DictionariesRecordActionsContextType = {\n  setLocaleDictionaries: Dispatch<SetStateAction<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: FC<PropsWithChildren> = ({\n  children,\n}) => {\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        if (!dictionary.localId) return;\n\n        setLocaleDictionaries((dictionaries) => ({\n          ...dictionaries,\n          [dictionary.localId as LocalDictionaryId]: 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":"oOAyBA,MAAM,EAAkC,EAEtC,IAAA,GAAU,CACN,EAAmC,EAEvC,IAAA,GAAU,CAEC,GAAqD,CAChE,cACI,CACJ,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,CAC1C,EAAW,SAEhB,EAAuB,IAAkB,CACvC,GAAG,GACF,EAAW,SAA+B,EAC5C,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/DictionariesRecordContext.tsx"],"sourcesContent":["'use client';\n\nimport type { DictionaryContent } from '@intlayer/editor';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport { useCallback, useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { DictionaryContent } from '@intlayer/editor';\n\ntype DictionariesRecordStatesContextType = {\n  localeDictionaries: DictionaryContent;\n};\ntype DictionariesRecordActionsContextType = {\n  setLocaleDictionaries: (value: DictionaryContent) => void;\n  setLocaleDictionary: (dictionary: Dictionary) => void;\n};\n\n/**\n * Returns dictionaries record state and setters, backed by EditorStateManager.\n * Replaces the old DictionariesRecordContext + DictionariesRecordProvider.\n */\nexport const useDictionariesRecord = (): DictionariesRecordStatesContextType &\n  DictionariesRecordActionsContextType => {\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  const setLocaleDictionaries = useCallback(\n    (value: DictionaryContent) => manager.localeDictionaries.set(value),\n    [manager]\n  );\n\n  const setLocaleDictionary = useCallback(\n    (dictionary: Dictionary) => manager.setLocaleDictionary(dictionary),\n    [manager]\n  );\n\n  return { localeDictionaries, setLocaleDictionaries, setLocaleDictionary };\n};\n\nexport const useDictionariesRecordActions =\n  (): DictionariesRecordActionsContextType => {\n    const { setLocaleDictionaries, setLocaleDictionary } =\n      useDictionariesRecord();\n    return { setLocaleDictionaries, setLocaleDictionary };\n  };\n"],"mappings":"+IAqBA,MAAa,MAC6B,CACxC,IAAM,EAAU,GAAuB,CACjC,CAAC,EAAoB,GACzB,EAA4B,EAAQ,mBAAmB,OAAS,EAAE,CAAC,CAsBrE,OApBA,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,CAYN,CAAE,qBAAoB,sBAVC,EAC3B,GAA6B,EAAQ,mBAAmB,IAAI,EAAM,CACnE,CAAC,EAAQ,CACV,CAOmD,oBALxB,EACzB,GAA2B,EAAQ,oBAAoB,EAAW,CACnE,CAAC,EAAQ,CACV,CAEwE,EAG9D,MACiC,CAC1C,GAAM,CAAE,wBAAuB,uBAC7B,GAAuB,CACzB,MAAO,CAAE,wBAAuB,sBAAqB"}

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