preact-intlayer 8.1.2 → 8.1.3

package/dist/cjs/editor/EditedContentContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditedContentContext.cjs","names":["useCrossFrameMessageListener","MessageKey","useDictionariesRecord","useCrossFrameState","NodeType"],"sources":["../../../src/editor/EditedContentContext.tsx"],"sourcesContent":["'use client';\n\nimport {\n  editDictionaryByKeyPath,\n  getContentNodeByKeyPath,\n  renameContentNodeByKeyPath,\n} from '@intlayer/core';\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  type ContentNode,\n  type Dictionary,\n  type KeyPath,\n  type LocalDictionaryId,\n  NodeType,\n} from '@intlayer/types';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport {\n  type DictionaryContent,\n  useDictionariesRecord,\n} from './DictionariesRecordContext';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\nimport { type StateUpdater, useCrossFrameState } from './useCrossFrameState';\n\ntype EditedContentStateContextType = {\n  editedContent: Record<LocalDictionaryId, Dictionary> | undefined;\n};\n\nconst EditedContentStateContext = createContext<\n  EditedContentStateContextType | undefined\n>(undefined);\n\nexport const usePostEditedContentState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/post`,\n    onEventTriggered\n  );\n\nexport const useGetEditedContentState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/get`,\n    onEventTriggered\n  );\n\ntype EditedContentActionsContextType = {\n  setEditedContentState: (\n    editedContent: Record<LocalDictionaryId, Dictionary>\n  ) => void;\n  setEditedDictionary: CrossFrameStateUpdater<Dictionary>;\n  setEditedContent: (\n    dictionaryLocalId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => void;\n  addEditedContent: (\n    dictionaryLocalId: LocalDictionaryId,\n    newValue: ContentNode<any>,\n    keyPath?: KeyPath[],\n    overwrite?: boolean\n  ) => void;\n  renameEditedContent: (\n    dictionaryLocalId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath?: KeyPath[]\n  ) => void;\n  removeEditedContent: (\n    dictionaryLocalId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => void;\n  restoreEditedContent: (dictionaryLocalId: LocalDictionaryId) => void;\n  clearEditedDictionaryContent: (dictionaryLocalId: LocalDictionaryId) => void;\n  clearEditedContent: () => void;\n  getEditedContentValue: (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ) => ContentNode | undefined;\n};\n\nconst EditedContentActionsContext = createContext<\n  EditedContentActionsContextType | undefined\n>(undefined);\n\nconst resolveState = <S,>(\n  state?: S | ((prevState: S) => S),\n  prevState?: S\n): S =>\n  typeof state === 'function'\n    ? (state as (prevState?: S) => S)(prevState)\n    : (state as S);\n\nexport const EditedContentProvider: FunctionalComponent<\n  RenderableProps<{}>\n> = ({ children }) => {\n  const { localeDictionaries } = useDictionariesRecord();\n\n  const [editedContent, setEditedContentState] =\n    useCrossFrameState<DictionaryContent>(\n      MessageKey.INTLAYER_EDITED_CONTENT_CHANGED\n    );\n\n  const setEditedDictionary: CrossFrameStateUpdater<Dictionary> = (\n    newValue\n  ) => {\n    let updatedDictionaries: Dictionary = resolveState(newValue);\n\n    setEditedContentState((prev) => {\n      updatedDictionaries = resolveState(\n        newValue,\n        prev?.[updatedDictionaries.key]\n      );\n\n      return {\n        ...prev,\n        [updatedDictionaries.key]: updatedDictionaries,\n      };\n    });\n  };\n\n  const setEditedContent = (\n    dictionaryLocalId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => {\n    setEditedContentState((prev) => ({\n      ...prev,\n      [dictionaryLocalId]: {\n        ...prev?.[dictionaryLocalId],\n        content: newValue,\n      },\n    }));\n  };\n\n  const addEditedContent = (\n    dictionaryLocalId: LocalDictionaryId,\n    newValue: ContentNode,\n    keyPath: KeyPath[] = [],\n    overwrite: boolean = true\n  ) => {\n    setEditedContentState((prev) => {\n      // Get the starting content: edited version if available, otherwise a deep copy of the original\n      const originalContent = localeDictionaries[dictionaryLocalId]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryLocalId]?.content ?? originalContent\n      );\n\n      let newKeyPath = keyPath;\n      if (!overwrite) {\n        // Find a unique key based on the keyPath provided\n        let index = 0;\n        const otherKeyPath = keyPath.slice(0, -1);\n        const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n        let finalKey = lastKeyPath.key;\n\n        // Loop until we find a key that does not exist\n        while (\n          typeof getContentNodeByKeyPath(currentContent, newKeyPath) !==\n          'undefined'\n        ) {\n          index++;\n          finalKey =\n            index === 0 ? lastKeyPath.key : `${lastKeyPath.key} (${index})`;\n          newKeyPath = [\n            ...otherKeyPath,\n            { ...lastKeyPath, key: finalKey } as KeyPath,\n          ];\n        }\n      }\n\n      const updatedContent = editDictionaryByKeyPath(\n        currentContent,\n        newKeyPath,\n        newValue\n      );\n\n      return {\n        ...prev,\n        [dictionaryLocalId]: {\n          ...prev?.[dictionaryLocalId],\n          content: updatedContent as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const renameEditedContent = (\n    dictionaryLocalId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath: KeyPath[] = []\n  ) => {\n    setEditedContentState((prev) => {\n      // Retrieve the base content: use edited version if available, otherwise deep copy of original\n      const originalContent = localeDictionaries[dictionaryLocalId]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryLocalId]?.content ?? originalContent\n      );\n\n      const contentWithNewField = renameContentNodeByKeyPath(\n        currentContent,\n        newKey,\n        keyPath\n      );\n\n      return {\n        ...prev,\n        [dictionaryLocalId]: {\n          ...prev?.[dictionaryLocalId],\n          content: contentWithNewField as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const removeEditedContent = (\n    dictionaryLocalId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => {\n    setEditedContentState((prev) => {\n      // Retrieve the original content as reference\n      const originalContent = localeDictionaries[dictionaryLocalId]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryLocalId]?.content ?? originalContent\n      );\n\n      // Get the initial value from the original dictionary content\n      const initialContent = getContentNodeByKeyPath(originalContent, keyPath);\n\n      // Restore the value at the given keyPath\n      const restoredContent = editDictionaryByKeyPath(\n        currentContent,\n        keyPath,\n        initialContent\n      );\n\n      return {\n        ...prev,\n        [dictionaryLocalId]: {\n          ...prev?.[dictionaryLocalId],\n          content: restoredContent as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const restoreEditedContent = (dictionaryLocalId: LocalDictionaryId) => {\n    setEditedContentState((prev) => {\n      const updated = { ...prev };\n      delete updated[dictionaryLocalId];\n      return updated;\n    });\n  };\n\n  const clearEditedDictionaryContent = (\n    dictionaryLocalId: LocalDictionaryId\n  ) => {\n    setEditedContentState((prev) => {\n      const filtered = Object.entries(prev).reduce((acc, [key, value]) => {\n        if (key === dictionaryLocalId) {\n          return acc;\n        }\n        return { ...acc, [key]: value };\n      }, {} as DictionaryContent);\n      return filtered;\n    });\n  };\n\n  const clearEditedContent = () => {\n    setEditedContentState({});\n  };\n\n  const getEditedContentValue = (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ): ContentNode | undefined => {\n    if (!editedContent) return undefined;\n\n    const filteredKeyPath = keyPath.filter(\n      (key) => key.type !== NodeType.Translation\n    );\n\n    const isDictionaryId =\n      localDictionaryIdOrKey.includes(':local:') ||\n      localDictionaryIdOrKey.includes(':remote:');\n\n    if (isDictionaryId) {\n      const currentContent =\n        editedContent?.[localDictionaryIdOrKey as LocalDictionaryId]?.content ??\n        {};\n\n      const contentNode = getContentNodeByKeyPath(\n        currentContent,\n        filteredKeyPath\n      );\n\n      return contentNode;\n    }\n\n    const filteredDictionariesLocalId = Object.keys(editedContent).filter(\n      (key) => key.startsWith(`${localDictionaryIdOrKey}:`)\n    );\n\n    for (const localDictionaryId of filteredDictionariesLocalId) {\n      const currentContent =\n        editedContent?.[localDictionaryId as LocalDictionaryId]?.content ?? {};\n      const contentNode = getContentNodeByKeyPath(\n        currentContent,\n        filteredKeyPath\n      );\n\n      if (contentNode) return contentNode;\n    }\n\n    return undefined;\n  };\n\n  return (\n    <EditedContentStateContext.Provider\n      value={{\n        editedContent,\n      }}\n    >\n      <EditedContentActionsContext.Provider\n        value={{\n          setEditedContentState,\n          setEditedDictionary,\n          setEditedContent,\n          addEditedContent,\n          renameEditedContent,\n          removeEditedContent,\n          restoreEditedContent,\n          clearEditedDictionaryContent,\n          clearEditedContent,\n          getEditedContentValue,\n        }}\n      >\n        {children}\n      </EditedContentActionsContext.Provider>\n    </EditedContentStateContext.Provider>\n  );\n};\n\nexport const useEditedContentActions = () =>\n  useContext(EditedContentActionsContext);\n\nexport const useEditedContent = () => {\n  const stateContext = useContext(EditedContentStateContext);\n  const actionContext = useEditedContentActions();\n\n  return { ...stateContext, ...actionContext };\n};\n"],"mappings":"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"}
+{"version":3,"file":"EditedContentContext.cjs","names":["useCrossFrameMessageListener","MessageKey","useDictionariesRecord","useCrossFrameState","NodeType"],"sources":["../../../src/editor/EditedContentContext.tsx"],"sourcesContent":["'use client';\n\nimport {\n  editDictionaryByKeyPath,\n  getContentNodeByKeyPath,\n  renameContentNodeByKeyPath,\n} from '@intlayer/core/dictionaryManipulator';\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  type ContentNode,\n  type Dictionary,\n  type KeyPath,\n  type LocalDictionaryId,\n  NodeType,\n} from '@intlayer/types';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport {\n  type DictionaryContent,\n  useDictionariesRecord,\n} from './DictionariesRecordContext';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\nimport { useCrossFrameState } from './useCrossFrameState';\n\ntype EditedContentStateContextType = {\n  editedContent: Record<LocalDictionaryId, Dictionary> | undefined;\n};\n\nconst EditedContentStateContext = createContext<\n  EditedContentStateContextType | undefined\n>(undefined);\n\nexport const usePostEditedContentState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/post`,\n    onEventTriggered\n  );\n\nexport const useGetEditedContentState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/get`,\n    onEventTriggered\n  );\n\ntype EditedContentActionsContextType = {\n  setEditedContentState: (\n    editedContent: Record<LocalDictionaryId, Dictionary>\n  ) => void;\n  setEditedDictionary: CrossFrameStateUpdater<Dictionary>;\n  setEditedContent: (\n    dictionaryLocalId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => void;\n  addEditedContent: (\n    dictionaryLocalId: LocalDictionaryId,\n    newValue: ContentNode<any>,\n    keyPath?: KeyPath[],\n    overwrite?: boolean\n  ) => void;\n  renameEditedContent: (\n    dictionaryLocalId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath?: KeyPath[]\n  ) => void;\n  removeEditedContent: (\n    dictionaryLocalId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => void;\n  restoreEditedContent: (dictionaryLocalId: LocalDictionaryId) => void;\n  clearEditedDictionaryContent: (dictionaryLocalId: LocalDictionaryId) => void;\n  clearEditedContent: () => void;\n  getEditedContentValue: (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ) => ContentNode | undefined;\n};\n\nconst EditedContentActionsContext = createContext<\n  EditedContentActionsContextType | undefined\n>(undefined);\n\nconst resolveState = <S,>(\n  state?: S | ((prevState: S) => S),\n  prevState?: S\n): S =>\n  typeof state === 'function'\n    ? (state as (prevState?: S) => S)(prevState)\n    : (state as S);\n\nexport const EditedContentProvider: FunctionalComponent<\n  RenderableProps<{}>\n> = ({ children }) => {\n  const { localeDictionaries } = useDictionariesRecord();\n\n  const [editedContent, setEditedContentState] =\n    useCrossFrameState<DictionaryContent>(\n      MessageKey.INTLAYER_EDITED_CONTENT_CHANGED\n    );\n\n  const setEditedDictionary: CrossFrameStateUpdater<Dictionary> = (\n    newValue\n  ) => {\n    let updatedDictionaries: Dictionary = resolveState(newValue);\n\n    setEditedContentState((prev) => {\n      updatedDictionaries = resolveState(\n        newValue,\n        prev?.[updatedDictionaries.key]\n      );\n\n      return {\n        ...prev,\n        [updatedDictionaries.key]: updatedDictionaries,\n      };\n    });\n  };\n\n  const setEditedContent = (\n    dictionaryLocalId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => {\n    setEditedContentState((prev) => ({\n      ...prev,\n      [dictionaryLocalId]: {\n        ...prev?.[dictionaryLocalId],\n        content: newValue,\n      },\n    }));\n  };\n\n  const addEditedContent = (\n    dictionaryLocalId: LocalDictionaryId,\n    newValue: ContentNode,\n    keyPath: KeyPath[] = [],\n    overwrite: boolean = true\n  ) => {\n    setEditedContentState((prev) => {\n      // Get the starting content: edited version if available, otherwise a deep copy of the original\n      const originalContent = localeDictionaries[dictionaryLocalId]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryLocalId]?.content ?? originalContent\n      );\n\n      let newKeyPath = keyPath;\n      if (!overwrite) {\n        // Find a unique key based on the keyPath provided\n        let index = 0;\n        const otherKeyPath = keyPath.slice(0, -1);\n        const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n        let finalKey = lastKeyPath.key;\n\n        // Loop until we find a key that does not exist\n        while (\n          typeof getContentNodeByKeyPath(currentContent, newKeyPath) !==\n          'undefined'\n        ) {\n          index++;\n          finalKey =\n            index === 0 ? lastKeyPath.key : `${lastKeyPath.key} (${index})`;\n          newKeyPath = [\n            ...otherKeyPath,\n            { ...lastKeyPath, key: finalKey } as KeyPath,\n          ];\n        }\n      }\n\n      const updatedContent = editDictionaryByKeyPath(\n        currentContent,\n        newKeyPath,\n        newValue\n      );\n\n      return {\n        ...prev,\n        [dictionaryLocalId]: {\n          ...prev?.[dictionaryLocalId],\n          content: updatedContent as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const renameEditedContent = (\n    dictionaryLocalId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath: KeyPath[] = []\n  ) => {\n    setEditedContentState((prev) => {\n      // Retrieve the base content: use edited version if available, otherwise deep copy of original\n      const originalContent = localeDictionaries[dictionaryLocalId]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryLocalId]?.content ?? originalContent\n      );\n\n      const contentWithNewField = renameContentNodeByKeyPath(\n        currentContent,\n        newKey,\n        keyPath\n      );\n\n      return {\n        ...prev,\n        [dictionaryLocalId]: {\n          ...prev?.[dictionaryLocalId],\n          content: contentWithNewField as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const removeEditedContent = (\n    dictionaryLocalId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => {\n    setEditedContentState((prev) => {\n      // Retrieve the original content as reference\n      const originalContent = localeDictionaries[dictionaryLocalId]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryLocalId]?.content ?? originalContent\n      );\n\n      // Get the initial value from the original dictionary content\n      const initialContent = getContentNodeByKeyPath(originalContent, keyPath);\n\n      // Restore the value at the given keyPath\n      const restoredContent = editDictionaryByKeyPath(\n        currentContent,\n        keyPath,\n        initialContent\n      );\n\n      return {\n        ...prev,\n        [dictionaryLocalId]: {\n          ...prev?.[dictionaryLocalId],\n          content: restoredContent as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const restoreEditedContent = (dictionaryLocalId: LocalDictionaryId) => {\n    setEditedContentState((prev) => {\n      const updated = { ...prev };\n      delete updated[dictionaryLocalId];\n      return updated;\n    });\n  };\n\n  const clearEditedDictionaryContent = (\n    dictionaryLocalId: LocalDictionaryId\n  ) => {\n    setEditedContentState((prev) => {\n      const filtered = { ...prev };\n      delete filtered[dictionaryLocalId];\n      return filtered;\n    });\n  };\n\n  const clearEditedContent = () => {\n    setEditedContentState({});\n  };\n\n  const getEditedContentValue = (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ): ContentNode | undefined => {\n    if (!editedContent) return undefined;\n\n    const filteredKeyPath = keyPath.filter(\n      (key) => key.type !== NodeType.Translation\n    );\n\n    const isDictionaryId =\n      localDictionaryIdOrKey.includes(':local:') ||\n      localDictionaryIdOrKey.includes(':remote:');\n\n    if (isDictionaryId) {\n      const currentContent =\n        editedContent?.[localDictionaryIdOrKey as LocalDictionaryId]?.content ??\n        {};\n\n      const contentNode = getContentNodeByKeyPath(\n        currentContent,\n        filteredKeyPath\n      );\n\n      return contentNode;\n    }\n\n    const filteredDictionariesLocalId = Object.keys(editedContent).filter(\n      (key) => key.startsWith(`${localDictionaryIdOrKey}:`)\n    );\n\n    for (const localDictionaryId of filteredDictionariesLocalId) {\n      const currentContent =\n        editedContent?.[localDictionaryId as LocalDictionaryId]?.content ?? {};\n      const contentNode = getContentNodeByKeyPath(\n        currentContent,\n        filteredKeyPath\n      );\n\n      if (contentNode) return contentNode;\n    }\n\n    return undefined;\n  };\n\n  return (\n    <EditedContentStateContext.Provider\n      value={{\n        editedContent,\n      }}\n    >\n      <EditedContentActionsContext.Provider\n        value={{\n          setEditedContentState,\n          setEditedDictionary,\n          setEditedContent,\n          addEditedContent,\n          renameEditedContent,\n          removeEditedContent,\n          restoreEditedContent,\n          clearEditedDictionaryContent,\n          clearEditedContent,\n          getEditedContentValue,\n        }}\n      >\n        {children}\n      </EditedContentActionsContext.Provider>\n    </EditedContentStateContext.Provider>\n  );\n};\n\nexport const useEditedContentActions = () =>\n  useContext(EditedContentActionsContext);\n\nexport const useEditedContent = () => {\n  const stateContext = useContext(EditedContentStateContext);\n  const actionContext = useEditedContentActions();\n\n  return { ...stateContext, ...actionContext };\n};\n"],"mappings":"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"}

package/dist/cjs/editor/EditorEnabledContext.cjs

@@ -1,35 +1,2 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_useCrossFrameMessageListener = require('./useCrossFrameMessageListener.cjs');
-const require_editor_useCrossFrameState = require('./useCrossFrameState.cjs');
-let preact = require("preact");
-let _intlayer_editor = require("@intlayer/editor");
-let preact_hooks = require("preact/hooks");
-let preact_jsx_runtime = require("preact/jsx-runtime");
-
-//#region src/editor/EditorEnabledContext.tsx
-const EditorEnabledContext = (0, preact.createContext)({ enabled: false });
-const useEditorEnabledState = (options) => require_editor_useCrossFrameState.useCrossFrameState(_intlayer_editor.MessageKey.INTLAYER_EDITOR_ENABLED, false, options);
-const usePostEditorEnabledState = (onEventTriggered) => require_editor_useCrossFrameMessageListener.useCrossFrameMessageListener(`${_intlayer_editor.MessageKey.INTLAYER_EDITOR_ENABLED}/post`, onEventTriggered);
-const useGetEditorEnabledState = (onEventTriggered) => require_editor_useCrossFrameMessageListener.useCrossFrameMessageListener(`${_intlayer_editor.MessageKey.INTLAYER_EDITOR_ENABLED}/get`, onEventTriggered);
-const EditorEnabledProvider = ({ children }) => {
-	const [isEnabled] = useEditorEnabledState({
-		emit: false,
-		receive: true
-	});
-	return /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(EditorEnabledContext.Provider, {
-		value: { enabled: isEnabled },
-		children
-	});
-};
-const useEditorEnabled = () => (0, preact_hooks.useContext)(EditorEnabledContext);
-
-//#endregion
-exports.EditorEnabledProvider = EditorEnabledProvider;
-exports.useEditorEnabled = useEditorEnabled;
-exports.useEditorEnabledState = useEditorEnabledState;
-exports.useGetEditorEnabledState = useGetEditorEnabledState;
-exports.usePostEditorEnabledState = usePostEditorEnabledState;
+"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(`preact`),r=require(`@intlayer/editor`),i=require(`preact/hooks`),a=require(`preact/jsx-runtime`);const o=(0,n.createContext)({enabled:!1}),s=e=>t.useCrossFrameState(r.MessageKey.INTLAYER_EDITOR_ENABLED,!1,e),c=t=>e.useCrossFrameMessageListener(`${r.MessageKey.INTLAYER_EDITOR_ENABLED}/post`,t),l=t=>e.useCrossFrameMessageListener(`${r.MessageKey.INTLAYER_EDITOR_ENABLED}/get`,t),u=({children:e})=>{let[t]=s({emit:!1,receive:!0});return(0,a.jsx)(o.Provider,{value:{enabled:t},children:e})},d=()=>(0,i.useContext)(o);exports.EditorEnabledProvider=u,exports.useEditorEnabled=d,exports.useEditorEnabledState=s,exports.useGetEditorEnabledState=l,exports.usePostEditorEnabledState=c;
 //# sourceMappingURL=EditorEnabledContext.cjs.map

package/dist/cjs/editor/EditorEnabledContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorEnabledContext.cjs","names":["useCrossFrameState","MessageKey","useCrossFrameMessageListener"],"sources":["../../../src/editor/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\nimport {\n  type CrossFrameStateOptions,\n  useCrossFrameState,\n} from './useCrossFrameState';\n\nexport type EditorEnabledStateProps = {\n  enabled: boolean;\n};\n\nconst EditorEnabledContext = createContext<EditorEnabledStateProps>({\n  enabled: false,\n});\n\nexport const useEditorEnabledState = (options?: CrossFrameStateOptions) =>\n  useCrossFrameState(MessageKey.INTLAYER_EDITOR_ENABLED, false, options);\n\nexport const usePostEditorEnabledState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITOR_ENABLED}/post`,\n    onEventTriggered\n  );\n\nexport const useGetEditorEnabledState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITOR_ENABLED}/get`,\n    onEventTriggered\n  );\n\nexport const EditorEnabledProvider: FunctionalComponent<\n  RenderableProps<{}>\n> = ({ children }) => {\n  const [isEnabled] = useEditorEnabledState({\n    emit: false,\n    receive: true,\n  });\n\n  return (\n    <EditorEnabledContext.Provider value={{ enabled: isEnabled }}>\n      {children}\n    </EditorEnabledContext.Provider>\n  );\n};\n\nexport const useEditorEnabled = () => useContext(EditorEnabledContext);\n"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,iDAA8D,EAClE,SAAS,OACV,CAAC;AAEF,MAAa,yBAAyB,YACpCA,qDAAmBC,4BAAW,yBAAyB,OAAO,QAAQ;AAExE,MAAa,6BACX,qBAEAC,yEACE,GAAGD,4BAAW,wBAAwB,QACtC,iBACD;AAEH,MAAa,4BACX,qBAEAC,yEACE,GAAGD,4BAAW,wBAAwB,OACtC,iBACD;AAEH,MAAa,yBAER,EAAE,eAAe;CACpB,MAAM,CAAC,aAAa,sBAAsB;EACxC,MAAM;EACN,SAAS;EACV,CAAC;AAEF,QACE,4CAAC,qBAAqB;EAAS,OAAO,EAAE,SAAS,WAAW;EACzD;GAC6B;;AAIpC,MAAa,sDAAoC,qBAAqB"}
+{"version":3,"file":"EditorEnabledContext.cjs","names":["useCrossFrameState","MessageKey","useCrossFrameMessageListener"],"sources":["../../../src/editor/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\nimport {\n  type CrossFrameStateOptions,\n  useCrossFrameState,\n} from './useCrossFrameState';\n\nexport type EditorEnabledStateProps = {\n  enabled: boolean;\n};\n\nconst EditorEnabledContext = createContext<EditorEnabledStateProps>({\n  enabled: false,\n});\n\nexport const useEditorEnabledState = (options?: CrossFrameStateOptions) =>\n  useCrossFrameState(MessageKey.INTLAYER_EDITOR_ENABLED, false, options);\n\nexport const usePostEditorEnabledState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITOR_ENABLED}/post`,\n    onEventTriggered\n  );\n\nexport const useGetEditorEnabledState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITOR_ENABLED}/get`,\n    onEventTriggered\n  );\n\nexport const EditorEnabledProvider: FunctionalComponent<\n  RenderableProps<{}>\n> = ({ children }) => {\n  const [isEnabled] = useEditorEnabledState({\n    emit: false,\n    receive: true,\n  });\n\n  return (\n    <EditorEnabledContext.Provider value={{ enabled: isEnabled }}>\n      {children}\n    </EditorEnabledContext.Provider>\n  );\n};\n\nexport const useEditorEnabled = () => useContext(EditorEnabledContext);\n"],"mappings":"yUAmBA,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,GAER,CAAE,cAAe,CACpB,GAAM,CAAC,GAAa,EAAsB,CACxC,KAAM,GACN,QAAS,GACV,CAAC,CAEF,OACE,EAAA,EAAA,KAAC,EAAqB,SAAA,CAAS,MAAO,CAAE,QAAS,EAAW,CACzD,YAC6B,EAIvB,OAAA,EAAA,EAAA,YAAoC,EAAqB"}

package/dist/cjs/editor/EditorProvider.cjs

@@ -1,65 +1,2 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_CommunicatorContext = require('./CommunicatorContext.cjs');
-const require_editor_DictionariesRecordContext = require('./DictionariesRecordContext.cjs');
-const require_editor_EditorEnabledContext = require('./EditorEnabledContext.cjs');
-const require_editor_ConfigurationContext = require('./ConfigurationContext.cjs');
-const require_editor_EditedContentContext = require('./EditedContentContext.cjs');
-const require_editor_FocusDictionaryContext = require('./FocusDictionaryContext.cjs');
-let preact_hooks = require("preact/hooks");
-let preact_jsx_runtime = require("preact/jsx-runtime");
-
-//#region src/editor/EditorProvider.tsx
-/**
-* This component add all the providers needed by the editor.
-* It is used to wrap the application, or the editor to work together.
-*/
-const EditorProvidersWrapper = ({ children }) => {
-	const getEditedContentState = require_editor_EditedContentContext.useGetEditedContentState();
-	(0, preact_hooks.useEffect)(() => {
-		getEditedContentState();
-	}, []);
-	return /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(require_editor_DictionariesRecordContext.DictionariesRecordProvider, { children: /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(require_editor_EditedContentContext.EditedContentProvider, { children: /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(require_editor_FocusDictionaryContext.FocusDictionaryProvider, { children }) }) });
-};
-/**
-* This component check if the editor is enabled to render the editor providers.
-*/
-const EditorEnabledCheckRenderer = ({ children, fallback }) => {
-	const getEditorEnabled = require_editor_EditorEnabledContext.useGetEditorEnabledState();
-	const { enabled } = require_editor_EditorEnabledContext.useEditorEnabled();
-	(0, preact_hooks.useEffect)(() => {
-		if (enabled) return;
-		getEditorEnabled();
-	}, [enabled]);
-	return enabled ? children : fallback;
-};
-/**
-* This component is used to check if the editor is wrapping the application.
-* It avoid to send window.postMessage to the application if the editor is not wrapping the application.
-*/
-const IframeCheckRenderer = ({ children, fallback }) => {
-	const [isInIframe, setIsInIframe] = (0, preact_hooks.useState)(false);
-	(0, preact_hooks.useEffect)(() => {
-		setIsInIframe(window.self !== window.top);
-	}, []);
-	return isInIframe ? children : fallback;
-};
-const EditorProvider = ({ children, configuration, ...props }) => /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(require_editor_EditorEnabledContext.EditorEnabledProvider, { children: /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(require_editor_ConfigurationContext.ConfigurationProvider, {
-	configuration,
-	children: /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(IframeCheckRenderer, {
-		fallback: children,
-		children: /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(require_editor_CommunicatorContext.CommunicatorProvider, {
-			...props,
-			children: /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(EditorEnabledCheckRenderer, {
-				fallback: children,
-				children: /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(EditorProvidersWrapper, { children })
-			})
-		})
-	})
-}) });
-
-//#endregion
-exports.EditorProvider = EditorProvider;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./CommunicatorContext.cjs`),t=require(`./DictionariesRecordContext.cjs`),n=require(`./EditorEnabledContext.cjs`),r=require(`./ConfigurationContext.cjs`),i=require(`./EditedContentContext.cjs`),a=require(`./FocusDictionaryContext.cjs`);let o=require(`preact/hooks`),s=require(`preact/jsx-runtime`);const c=({children:e})=>{let n=i.useGetEditedContentState();return(0,o.useEffect)(()=>{n()},[]),(0,s.jsx)(t.DictionariesRecordProvider,{children:(0,s.jsx)(i.EditedContentProvider,{children:(0,s.jsx)(a.FocusDictionaryProvider,{children:e})})})},l=({children:e,fallback:t})=>{let r=n.useGetEditorEnabledState(),{enabled:i}=n.useEditorEnabled();return(0,o.useEffect)(()=>{i||r()},[i]),i?e:t},u=({children:e,fallback:t})=>{let[n,r]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{r(window.self!==window.top)},[]),n?e:t},d=({children:t,configuration:i,...a})=>(0,s.jsx)(n.EditorEnabledProvider,{children:(0,s.jsx)(r.ConfigurationProvider,{configuration:i,children:(0,s.jsx)(u,{fallback:t,children:(0,s.jsx)(e.CommunicatorProvider,{...a,children:(0,s.jsx)(l,{fallback:t,children:(0,s.jsx)(c,{children:t})})})})})});exports.EditorProvider=d;
 //# sourceMappingURL=EditorProvider.cjs.map

package/dist/cjs/editor/EditorProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorProvider.cjs","names":["useGetEditedContentState","DictionariesRecordProvider","EditedContentProvider","FocusDictionaryProvider","useGetEditorEnabledState","useEditorEnabled","EditorEnabledProvider","ConfigurationProvider","CommunicatorProvider"],"sources":["../../../src/editor/EditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  ComponentChildren,\n  FunctionalComponent,\n  RenderableProps,\n} from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport {\n  CommunicatorProvider,\n  type CommunicatorProviderProps,\n} from './CommunicatorContext';\nimport {\n  ConfigurationProvider,\n  type ConfigurationProviderProps,\n} from './ConfigurationContext';\nimport { DictionariesRecordProvider } from './DictionariesRecordContext';\nimport {\n  EditedContentProvider,\n  useGetEditedContentState,\n} from './EditedContentContext';\nimport {\n  EditorEnabledProvider,\n  useEditorEnabled,\n  useGetEditorEnabledState,\n} from './EditorEnabledContext';\nimport { FocusDictionaryProvider } from './FocusDictionaryContext';\n\n/**\n * This component add all the providers needed by the editor.\n * It is used to wrap the application, or the editor to work together.\n */\nconst EditorProvidersWrapper: FunctionalComponent<RenderableProps<{}>> = ({\n  children,\n}) => {\n  const getEditedContentState = useGetEditedContentState();\n\n  useEffect(() => {\n    getEditedContentState();\n  }, []);\n\n  return (\n    <DictionariesRecordProvider>\n      <EditedContentProvider>\n        <FocusDictionaryProvider>{children}</FocusDictionaryProvider>\n      </EditedContentProvider>\n    </DictionariesRecordProvider>\n  );\n};\n\ntype FallbackProps = {\n  fallback: ComponentChildren;\n};\n\n/**\n * This component check if the editor is enabled to render the editor providers.\n */\nconst EditorEnabledCheckRenderer: FunctionalComponent<\n  RenderableProps<FallbackProps>\n> = ({ children, fallback }) => {\n  const getEditorEnabled = useGetEditorEnabledState();\n\n  const { enabled } = useEditorEnabled();\n\n  useEffect(() => {\n    if (enabled) return;\n\n    // Check if the editor is wrapping the application\n    getEditorEnabled();\n  }, [enabled]);\n\n  return enabled ? children : fallback;\n};\n\n/**\n * This component is used to check if the editor is wrapping the application.\n * It avoid to send window.postMessage to the application if the editor is not wrapping the application.\n */\nconst IframeCheckRenderer: FunctionalComponent<\n  RenderableProps<FallbackProps>\n> = ({ children, fallback }) => {\n  const [isInIframe, setIsInIframe] = useState(false);\n\n  useEffect(() => {\n    setIsInIframe(window.self !== window.top);\n  }, []);\n\n  return isInIframe ? children : fallback;\n};\n\nexport type EditorProviderProps = CommunicatorProviderProps &\n  ConfigurationProviderProps;\n\nexport const EditorProvider: FunctionalComponent<\n  RenderableProps<EditorProviderProps>\n> = ({ children, configuration, ...props }) => (\n  <EditorEnabledProvider>\n    <ConfigurationProvider configuration={configuration}>\n      <IframeCheckRenderer fallback={children}>\n        <CommunicatorProvider {...props}>\n          <EditorEnabledCheckRenderer fallback={children}>\n            <EditorProvidersWrapper>{children}</EditorProvidersWrapper>\n          </EditorEnabledCheckRenderer>\n        </CommunicatorProvider>\n      </IframeCheckRenderer>\n    </ConfigurationProvider>\n  </EditorEnabledProvider>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgCA,MAAM,0BAAoE,EACxE,eACI;CACJ,MAAM,wBAAwBA,8DAA0B;AAExD,mCAAgB;AACd,yBAAuB;IACtB,EAAE,CAAC;AAEN,QACE,4CAACC,iFACC,4CAACC,uEACC,4CAACC,iEAAyB,WAAmC,GACvC,GACG;;;;;AAWjC,MAAM,8BAED,EAAE,UAAU,eAAe;CAC9B,MAAM,mBAAmBC,8DAA0B;CAEnD,MAAM,EAAE,YAAYC,sDAAkB;AAEtC,mCAAgB;AACd,MAAI,QAAS;AAGb,oBAAkB;IACjB,CAAC,QAAQ,CAAC;AAEb,QAAO,UAAU,WAAW;;;;;;AAO9B,MAAM,uBAED,EAAE,UAAU,eAAe;CAC9B,MAAM,CAAC,YAAY,4CAA0B,MAAM;AAEnD,mCAAgB;AACd,gBAAc,OAAO,SAAS,OAAO,IAAI;IACxC,EAAE,CAAC;AAEN,QAAO,aAAa,WAAW;;AAMjC,MAAa,kBAER,EAAE,UAAU,eAAe,GAAG,YACjC,4CAACC,uEACC,4CAACC;CAAqC;WACpC,4CAAC;EAAoB,UAAU;YAC7B,4CAACC;GAAqB,GAAI;aACxB,4CAAC;IAA2B,UAAU;cACpC,4CAAC,0BAAwB,WAAkC;KAChC;IACR;GACH;EACA,GACF"}
+{"version":3,"file":"EditorProvider.cjs","names":["useGetEditedContentState","DictionariesRecordProvider","EditedContentProvider","FocusDictionaryProvider","useGetEditorEnabledState","useEditorEnabled","EditorEnabledProvider","ConfigurationProvider","CommunicatorProvider"],"sources":["../../../src/editor/EditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  ComponentChildren,\n  FunctionalComponent,\n  RenderableProps,\n} from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport {\n  CommunicatorProvider,\n  type CommunicatorProviderProps,\n} from './CommunicatorContext';\nimport {\n  ConfigurationProvider,\n  type ConfigurationProviderProps,\n} from './ConfigurationContext';\nimport { DictionariesRecordProvider } from './DictionariesRecordContext';\nimport {\n  EditedContentProvider,\n  useGetEditedContentState,\n} from './EditedContentContext';\nimport {\n  EditorEnabledProvider,\n  useEditorEnabled,\n  useGetEditorEnabledState,\n} from './EditorEnabledContext';\nimport { FocusDictionaryProvider } from './FocusDictionaryContext';\n\n/**\n * This component add all the providers needed by the editor.\n * It is used to wrap the application, or the editor to work together.\n */\nconst EditorProvidersWrapper: FunctionalComponent<RenderableProps<{}>> = ({\n  children,\n}) => {\n  const getEditedContentState = useGetEditedContentState();\n\n  useEffect(() => {\n    getEditedContentState();\n  }, []);\n\n  return (\n    <DictionariesRecordProvider>\n      <EditedContentProvider>\n        <FocusDictionaryProvider>{children}</FocusDictionaryProvider>\n      </EditedContentProvider>\n    </DictionariesRecordProvider>\n  );\n};\n\ntype FallbackProps = {\n  fallback: ComponentChildren;\n};\n\n/**\n * This component check if the editor is enabled to render the editor providers.\n */\nconst EditorEnabledCheckRenderer: FunctionalComponent<\n  RenderableProps<FallbackProps>\n> = ({ children, fallback }) => {\n  const getEditorEnabled = useGetEditorEnabledState();\n\n  const { enabled } = useEditorEnabled();\n\n  useEffect(() => {\n    if (enabled) return;\n\n    // Check if the editor is wrapping the application\n    getEditorEnabled();\n  }, [enabled]);\n\n  return enabled ? children : fallback;\n};\n\n/**\n * This component is used to check if the editor is wrapping the application.\n * It avoid to send window.postMessage to the application if the editor is not wrapping the application.\n */\nconst IframeCheckRenderer: FunctionalComponent<\n  RenderableProps<FallbackProps>\n> = ({ children, fallback }) => {\n  const [isInIframe, setIsInIframe] = useState(false);\n\n  useEffect(() => {\n    setIsInIframe(window.self !== window.top);\n  }, []);\n\n  return isInIframe ? children : fallback;\n};\n\nexport type EditorProviderProps = CommunicatorProviderProps &\n  ConfigurationProviderProps;\n\nexport const EditorProvider: FunctionalComponent<\n  RenderableProps<EditorProviderProps>\n> = ({ children, configuration, ...props }) => (\n  <EditorEnabledProvider>\n    <ConfigurationProvider configuration={configuration}>\n      <IframeCheckRenderer fallback={children}>\n        <CommunicatorProvider {...props}>\n          <EditorEnabledCheckRenderer fallback={children}>\n            <EditorProvidersWrapper>{children}</EditorProvidersWrapper>\n          </EditorEnabledCheckRenderer>\n        </CommunicatorProvider>\n      </IframeCheckRenderer>\n    </ConfigurationProvider>\n  </EditorEnabledProvider>\n);\n"],"mappings":"ubAgCA,MAAM,GAAoE,CACxE,cACI,CACJ,IAAM,EAAwBA,EAAAA,0BAA0B,CAMxD,OAJA,EAAA,EAAA,eAAgB,CACd,GAAuB,EACtB,EAAE,CAAC,EAGJ,EAAA,EAAA,KAACC,EAAAA,2BAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,sBAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,wBAAAA,CAAyB,WAAA,CAAmC,CAAA,CACvC,CAAA,CACG,EAW3B,GAED,CAAE,WAAU,cAAe,CAC9B,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,GAED,CAAE,WAAU,cAAe,CAC9B,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,GAMpB,GAER,CAAE,WAAU,gBAAe,GAAG,MACjC,EAAA,EAAA,KAACC,EAAAA,sBAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,sBAAAA,CAAqC,0BACpC,EAAA,EAAA,KAAC,EAAA,CAAoB,SAAU,YAC7B,EAAA,EAAA,KAACC,EAAAA,qBAAAA,CAAqB,GAAI,YACxB,EAAA,EAAA,KAAC,EAAA,CAA2B,SAAU,YACpC,EAAA,EAAA,KAAC,EAAA,CAAwB,WAAA,CAAkC,EAChC,EACR,EACH,EACA,CAAA,CACF"}

package/dist/cjs/editor/FocusDictionaryContext.cjs

@@ -1,55 +1,2 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_useCrossFrameState = require('./useCrossFrameState.cjs');
-let preact = require("preact");
-let _intlayer_editor = require("@intlayer/editor");
-let preact_hooks = require("preact/hooks");
-let preact_jsx_runtime = require("preact/jsx-runtime");
-
-//#region src/editor/FocusDictionaryContext.tsx
-const FocusDictionaryStateContext = (0, preact.createContext)(void 0);
-const FocusDictionaryActionsContext = (0, preact.createContext)(void 0);
-const FocusDictionaryProvider = ({ children }) => {
-	const [focusedContent, setFocusedContent] = require_editor_useCrossFrameState.useCrossFrameState(_intlayer_editor.MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED, null);
-	const setFocusedContentKeyPath = (keyPath) => {
-		setFocusedContent((prev) => {
-			if (!prev) return prev;
-			return {
-				...prev,
-				keyPath
-			};
-		});
-	};
-	return /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(FocusDictionaryStateContext.Provider, {
-		value: { focusedContent },
-		children: /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(FocusDictionaryActionsContext.Provider, {
-			value: {
-				setFocusedContent,
-				setFocusedContentKeyPath
-			},
-			children
-		})
-	});
-};
-const useFocusDictionaryActions = () => {
-	const context = (0, preact_hooks.useContext)(FocusDictionaryActionsContext);
-	if (context === void 0) throw new Error("useFocusDictionaryActions must be used within a FocusDictionaryProvider");
-	return context;
-};
-const useFocusDictionary = () => {
-	const actionContext = useFocusDictionaryActions();
-	const stateContext = (0, preact_hooks.useContext)(FocusDictionaryStateContext);
-	if (stateContext === void 0) throw new Error("useFocusDictionaryState must be used within a FocusDictionaryProvider");
-	return {
-		...stateContext,
-		...actionContext
-	};
-};
-
-//#endregion
-exports.FocusDictionaryProvider = FocusDictionaryProvider;
-exports.useFocusDictionary = useFocusDictionary;
-exports.useFocusDictionaryActions = useFocusDictionaryActions;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameState.cjs`);let t=require(`preact`),n=require(`@intlayer/editor`),r=require(`preact/hooks`),i=require(`preact/jsx-runtime`);const a=(0,t.createContext)(void 0),o=(0,t.createContext)(void 0),s=({children:t})=>{let[r,s]=e.useCrossFrameState(n.MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED,null);return(0,i.jsx)(a.Provider,{value:{focusedContent:r},children:(0,i.jsx)(o.Provider,{value:{setFocusedContent:s,setFocusedContentKeyPath:e=>{s(t=>t&&{...t,keyPath:e})}},children:t})})},c=()=>{let e=(0,r.useContext)(o);if(e===void 0)throw Error(`useFocusDictionaryActions must be used within a FocusDictionaryProvider`);return e},l=()=>{let e=c(),t=(0,r.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;
 //# sourceMappingURL=FocusDictionaryContext.cjs.map

package/dist/cjs/editor/FocusDictionaryContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FocusDictionaryContext.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../../src/editor/FocusDictionaryContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { KeyPath } from '@intlayer/types';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport {\n  type CrossFrameStateUpdater,\n  useCrossFrameState,\n} from './useCrossFrameState';\n\ntype DictionaryPath = string;\n\nexport type FileContent = {\n  dictionaryKey: string;\n  keyPath?: KeyPath[];\n  dictionaryPath?: DictionaryPath;\n};\n\ntype FocusDictionaryState = {\n  focusedContent: FileContent | null;\n};\n\ntype FocusDictionaryActions = {\n  setFocusedContent: CrossFrameStateUpdater<FileContent | null>;\n  setFocusedContentKeyPath: (keyPath: KeyPath[]) => void;\n};\n\nconst FocusDictionaryStateContext = createContext<\n  FocusDictionaryState | undefined\n>(undefined);\nconst FocusDictionaryActionsContext = createContext<\n  FocusDictionaryActions | undefined\n>(undefined);\n\nexport const FocusDictionaryProvider: FunctionalComponent<\n  RenderableProps<{}>\n> = ({ children }) => {\n  const [focusedContent, setFocusedContent] =\n    useCrossFrameState<FileContent | null>(\n      MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED,\n      null\n    );\n\n  const setFocusedContentKeyPath = (keyPath: KeyPath[]) => {\n    setFocusedContent((prev) => {\n      if (!prev) {\n        return prev; // nothing to update if there's no focused content\n      }\n      return { ...prev, keyPath };\n    });\n  };\n\n  return (\n    <FocusDictionaryStateContext.Provider value={{ focusedContent }}>\n      <FocusDictionaryActionsContext.Provider\n        value={{ setFocusedContent, setFocusedContentKeyPath }}\n      >\n        {children}\n      </FocusDictionaryActionsContext.Provider>\n    </FocusDictionaryStateContext.Provider>\n  );\n};\n\nexport const useFocusDictionaryActions = () => {\n  const context = useContext(FocusDictionaryActionsContext);\n  if (context === undefined) {\n    throw new Error(\n      'useFocusDictionaryActions must be used within a FocusDictionaryProvider'\n    );\n  }\n  return context;\n};\n\nexport const useFocusDictionary = () => {\n  const actionContext = useFocusDictionaryActions();\n  const stateContext = useContext(FocusDictionaryStateContext);\n\n  if (stateContext === undefined) {\n    throw new Error(\n      'useFocusDictionaryState must be used within a FocusDictionaryProvider'\n    );\n  }\n\n  return { ...stateContext, ...actionContext };\n};\n"],"mappings":";;;;;;;;;;;AAgCA,MAAM,wDAEJ,OAAU;AACZ,MAAM,0DAEJ,OAAU;AAEZ,MAAa,2BAER,EAAE,eAAe;CACpB,MAAM,CAAC,gBAAgB,qBACrBA,qDACEC,4BAAW,kCACX,KACD;CAEH,MAAM,4BAA4B,YAAuB;AACvD,qBAAmB,SAAS;AAC1B,OAAI,CAAC,KACH,QAAO;AAET,UAAO;IAAE,GAAG;IAAM;IAAS;IAC3B;;AAGJ,QACE,4CAAC,4BAA4B;EAAS,OAAO,EAAE,gBAAgB;YAC7D,4CAAC,8BAA8B;GAC7B,OAAO;IAAE;IAAmB;IAA0B;GAErD;IACsC;GACJ;;AAI3C,MAAa,kCAAkC;CAC7C,MAAM,uCAAqB,8BAA8B;AACzD,KAAI,YAAY,OACd,OAAM,IAAI,MACR,0EACD;AAEH,QAAO;;AAGT,MAAa,2BAA2B;CACtC,MAAM,gBAAgB,2BAA2B;CACjD,MAAM,4CAA0B,4BAA4B;AAE5D,KAAI,iBAAiB,OACnB,OAAM,IAAI,MACR,wEACD;AAGH,QAAO;EAAE,GAAG;EAAc,GAAG;EAAe"}
+{"version":3,"file":"FocusDictionaryContext.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../../src/editor/FocusDictionaryContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { KeyPath } from '@intlayer/types';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport {\n  type CrossFrameStateUpdater,\n  useCrossFrameState,\n} from './useCrossFrameState';\n\ntype DictionaryPath = string;\n\nexport type FileContent = {\n  dictionaryKey: string;\n  keyPath?: KeyPath[];\n  dictionaryPath?: DictionaryPath;\n};\n\ntype FocusDictionaryState = {\n  focusedContent: FileContent | null;\n};\n\ntype FocusDictionaryActions = {\n  setFocusedContent: CrossFrameStateUpdater<FileContent | null>;\n  setFocusedContentKeyPath: (keyPath: KeyPath[]) => void;\n};\n\nconst FocusDictionaryStateContext = createContext<\n  FocusDictionaryState | undefined\n>(undefined);\nconst FocusDictionaryActionsContext = createContext<\n  FocusDictionaryActions | undefined\n>(undefined);\n\nexport const FocusDictionaryProvider: FunctionalComponent<\n  RenderableProps<{}>\n> = ({ children }) => {\n  const [focusedContent, setFocusedContent] =\n    useCrossFrameState<FileContent | null>(\n      MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED,\n      null\n    );\n\n  const setFocusedContentKeyPath = (keyPath: KeyPath[]) => {\n    setFocusedContent((prev) => {\n      if (!prev) {\n        return prev; // nothing to update if there's no focused content\n      }\n      return { ...prev, keyPath };\n    });\n  };\n\n  return (\n    <FocusDictionaryStateContext.Provider value={{ focusedContent }}>\n      <FocusDictionaryActionsContext.Provider\n        value={{ setFocusedContent, setFocusedContentKeyPath }}\n      >\n        {children}\n      </FocusDictionaryActionsContext.Provider>\n    </FocusDictionaryStateContext.Provider>\n  );\n};\n\nexport const useFocusDictionaryActions = () => {\n  const context = useContext(FocusDictionaryActionsContext);\n  if (context === undefined) {\n    throw new Error(\n      'useFocusDictionaryActions must be used within a FocusDictionaryProvider'\n    );\n  }\n  return context;\n};\n\nexport const useFocusDictionary = () => {\n  const actionContext = useFocusDictionaryActions();\n  const stateContext = useContext(FocusDictionaryStateContext);\n\n  if (stateContext === undefined) {\n    throw new Error(\n      'useFocusDictionaryState must be used within a FocusDictionaryProvider'\n    );\n  }\n\n  return { ...stateContext, ...actionContext };\n};\n"],"mappings":"yRAgCA,MAAM,GAAA,EAAA,EAAA,eAEJ,IAAA,GAAU,CACN,GAAA,EAAA,EAAA,eAEJ,IAAA,GAAU,CAEC,GAER,CAAE,cAAe,CACpB,GAAM,CAAC,EAAgB,GACrBA,EAAAA,mBACEC,EAAAA,WAAW,iCACX,KACD,CAWH,OACE,EAAA,EAAA,KAAC,EAA4B,SAAA,CAAS,MAAO,CAAE,iBAAgB,WAC7D,EAAA,EAAA,KAAC,EAA8B,SAAA,CAC7B,MAAO,CAAE,oBAAmB,yBAZA,GAAuB,CACvD,EAAmB,GACZ,GAGE,CAAE,GAAG,EAAM,UAAS,CAC3B,EAMwD,CAErD,YACsC,EACJ,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"}

package/dist/cjs/editor/IntlayerEditorProvider.cjs

@@ -1,64 +1,2 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_DictionariesRecordContext = require('./DictionariesRecordContext.cjs');
-const require_editor_EditorEnabledContext = require('./EditorEnabledContext.cjs');
-const require_editor_EditorProvider = require('./EditorProvider.cjs');
-const require_editor_useCrossURLPathState = require('./useCrossURLPathState.cjs');
-const require_editor_useIframeClickInterceptor = require('./useIframeClickInterceptor.cjs');
-let preact_hooks = require("preact/hooks");
-let _intlayer_config_built = require("@intlayer/config/built");
-_intlayer_config_built = require_runtime.__toESM(_intlayer_config_built);
-let preact_jsx_runtime = require("preact/jsx-runtime");
-
-//#region src/editor/IntlayerEditorProvider.tsx
-const IntlayerEditorHooksEnabled = () => {
-	/**
-	* URL Messages
-	*/
-	require_editor_useCrossURLPathState.useCrossURLPathSetter();
-	/**
-	* Click Messages
-	*/
-	require_editor_useIframeClickInterceptor.useIframeClickInterceptor();
-	/**
-	* Sent local dictionaries to editor
-	*/
-	const { setLocaleDictionaries } = require_editor_DictionariesRecordContext.useDictionariesRecordActions() ?? {};
-	(0, preact_hooks.useEffect)(() => {
-		import("@intlayer/unmerged-dictionaries-entry").then((mod) => {
-			const unmergedDictionaries = mod.getUnmergedDictionaries();
-			const dictionariesList = Object.fromEntries(Object.values(unmergedDictionaries).flat().map((dictionary) => [dictionary.localId, dictionary]));
-			setLocaleDictionaries?.(dictionariesList);
-		});
-	}, []);
-	return /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(preact_jsx_runtime.Fragment, {});
-};
-const { editor } = _intlayer_config_built.default;
-const IntlayerEditorHook = () => {
-	const { enabled } = require_editor_EditorEnabledContext.useEditorEnabled();
-	return enabled ? /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(IntlayerEditorHooksEnabled, {}) : /* @__PURE__ */ (0, preact_jsx_runtime.jsx)(preact_jsx_runtime.Fragment, {});
-};
-const IntlayerEditorProvider = ({ children }) => {
-	return /* @__PURE__ */ (0, preact_jsx_runtime.jsxs)(require_editor_EditorProvider.EditorProvider, {
-		postMessage: (data) => {
-			if (typeof window === "undefined") return;
-			if (!(window.self !== window.top)) return;
-			if (editor.applicationURL.length > 0) window?.postMessage(data, editor.applicationURL);
-			if (editor.editorURL.length > 0) window.parent?.postMessage(data, editor.editorURL);
-			if (editor.cmsURL.length > 0) window.parent?.postMessage(data, editor.cmsURL);
-		},
-		allowedOrigins: [
-			editor?.editorURL,
-			editor?.cmsURL,
-			editor?.applicationURL
-		],
-		configuration: _intlayer_config_built.default,
-		children: [/* @__PURE__ */ (0, preact_jsx_runtime.jsx)(IntlayerEditorHook, {}), children]
-	});
-};
-
-//#endregion
-exports.IntlayerEditorProvider = IntlayerEditorProvider;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`./DictionariesRecordContext.cjs`),n=require(`./EditorEnabledContext.cjs`),r=require(`./EditorProvider.cjs`),i=require(`./useCrossURLPathState.cjs`),a=require(`./useIframeClickInterceptor.cjs`);let o=require(`preact/hooks`),s=require(`@intlayer/config/built`);s=e.__toESM(s);let c=require(`preact/jsx-runtime`);const l=()=>{i.useCrossURLPathSetter(),a.useIframeClickInterceptor();let{setLocaleDictionaries:e}=t.useDictionariesRecordActions()??{};return(0,o.useEffect)(()=>{import(`@intlayer/unmerged-dictionaries-entry`).then(t=>{let n=t.getUnmergedDictionaries(),r=Object.fromEntries(Object.values(n).flat().map(e=>[e.localId,e]));e?.(r)})},[]),(0,c.jsx)(c.Fragment,{})},{editor:u}=s.default,d=()=>{let{enabled:e}=n.useEditorEnabled();return e?(0,c.jsx)(l,{}):(0,c.jsx)(c.Fragment,{})},f=({children:e})=>(0,c.jsxs)(r.EditorProvider,{postMessage:e=>{typeof window>`u`||window.self!==window.top&&(u.applicationURL.length>0&&window?.postMessage(e,u.applicationURL),u.editorURL.length>0&&window.parent?.postMessage(e,u.editorURL),u.cmsURL.length>0&&window.parent?.postMessage(e,u.cmsURL))},allowedOrigins:[u?.editorURL,u?.cmsURL,u?.applicationURL],configuration:s.default,children:[(0,c.jsx)(d,{}),e]});exports.IntlayerEditorProvider=f;
 //# sourceMappingURL=IntlayerEditorProvider.cjs.map

package/dist/cjs/editor/IntlayerEditorProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"IntlayerEditorProvider.cjs","names":["useDictionariesRecordActions","configuration","useEditorEnabled","EditorProvider"],"sources":["../../../src/editor/IntlayerEditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { ComponentChildren, FunctionComponent } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { useDictionariesRecordActions } from './DictionariesRecordContext';\nimport { useEditorEnabled } from './EditorEnabledContext';\nimport { EditorProvider } from './EditorProvider';\nimport { useCrossURLPathSetter } from './useCrossURLPathState';\nimport { useIframeClickInterceptor } from './useIframeClickInterceptor';\n\nconst IntlayerEditorHooksEnabled: FunctionComponent = () => {\n  /**\n   * URL Messages\n   */\n  useCrossURLPathSetter();\n\n  /**\n   * Click Messages\n   */\n  useIframeClickInterceptor();\n\n  /**\n   * Sent local dictionaries to editor\n   */\n  const { setLocaleDictionaries } = useDictionariesRecordActions() ?? {};\n\n  useEffect(() => {\n    // Load dictionaries dynamically to do not impact the bundle, and send them to the editor\n    import('@intlayer/unmerged-dictionaries-entry').then((mod) => {\n      const unmergedDictionaries = mod.getUnmergedDictionaries();\n      const dictionariesList = Object.fromEntries(\n        Object.values(unmergedDictionaries)\n          .flat()\n          .map((dictionary) => [dictionary.localId, dictionary])\n      );\n\n      setLocaleDictionaries?.(dictionariesList);\n    });\n  }, []);\n\n  return <></>;\n};\n\nconst { editor } = configuration;\n\nconst IntlayerEditorHook: FunctionComponent = () => {\n  const { enabled } = useEditorEnabled();\n\n  return enabled ? <IntlayerEditorHooksEnabled /> : <></>;\n};\n\nexport const IntlayerEditorProvider: FunctionComponent<{\n  children?: ComponentChildren;\n}> = ({ children }) => {\n  return (\n    <EditorProvider\n      postMessage={(data: any) => {\n        if (typeof window === 'undefined') return;\n\n        const isInIframe = window.self !== window.top;\n        if (!isInIframe) return;\n\n        if (editor.applicationURL.length > 0) {\n          window?.postMessage(\n            data,\n            // Use to restrict the origin of the editor for security reasons.\n            // Correspond to the current application URL to synchronize the locales states.\n            editor.applicationURL\n          );\n        }\n\n        if (editor.editorURL.length > 0) {\n          window.parent?.postMessage(\n            data,\n            // Use to restrict the origin of the editor for security reasons.\n            // Correspond to the editor URL to synchronize the locales states.\n            editor.editorURL\n          );\n        }\n\n        if (editor.cmsURL.length > 0) {\n          window.parent?.postMessage(\n            data,\n            // Use to restrict the origin of the CMS for security reasons.\n            // Correspond to the CMS URL.\n            editor.cmsURL\n          );\n        }\n      }}\n      allowedOrigins={[\n        editor?.editorURL,\n        editor?.cmsURL,\n        editor?.applicationURL,\n      ]}\n      configuration={configuration}\n    >\n      <IntlayerEditorHook />\n      {children}\n    </EditorProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,mCAAsD;;;;AAI1D,4DAAuB;;;;AAKvB,qEAA2B;;;;CAK3B,MAAM,EAAE,0BAA0BA,uEAA8B,IAAI,EAAE;AAEtE,mCAAgB;AAEd,SAAO,yCAAyC,MAAM,QAAQ;GAC5D,MAAM,uBAAuB,IAAI,yBAAyB;GAC1D,MAAM,mBAAmB,OAAO,YAC9B,OAAO,OAAO,qBAAqB,CAChC,MAAM,CACN,KAAK,eAAe,CAAC,WAAW,SAAS,WAAW,CAAC,CACzD;AAED,2BAAwB,iBAAiB;IACzC;IACD,EAAE,CAAC;AAEN,QAAO,4EAAK;;AAGd,MAAM,EAAE,WAAWC;AAEnB,MAAM,2BAA8C;CAClD,MAAM,EAAE,YAAYC,sDAAkB;AAEtC,QAAO,UAAU,4CAAC,+BAA6B,GAAG,4EAAK;;AAGzD,MAAa,0BAEP,EAAE,eAAe;AACrB,QACE,6CAACC;EACC,cAAc,SAAc;AAC1B,OAAI,OAAO,WAAW,YAAa;AAGnC,OAAI,EADe,OAAO,SAAS,OAAO,KACzB;AAEjB,OAAI,OAAO,eAAe,SAAS,EACjC,SAAQ,YACN,MAGA,OAAO,eACR;AAGH,OAAI,OAAO,UAAU,SAAS,EAC5B,QAAO,QAAQ,YACb,MAGA,OAAO,UACR;AAGH,OAAI,OAAO,OAAO,SAAS,EACzB,QAAO,QAAQ,YACb,MAGA,OAAO,OACR;;EAGL,gBAAgB;GACd,QAAQ;GACR,QAAQ;GACR,QAAQ;GACT;EACD,eAAeF;aAEf,4CAAC,uBAAqB,EACrB;GACc"}
+{"version":3,"file":"IntlayerEditorProvider.cjs","names":["useDictionariesRecordActions","configuration","useEditorEnabled","EditorProvider"],"sources":["../../../src/editor/IntlayerEditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { ComponentChildren, FunctionComponent } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { useDictionariesRecordActions } from './DictionariesRecordContext';\nimport { useEditorEnabled } from './EditorEnabledContext';\nimport { EditorProvider } from './EditorProvider';\nimport { useCrossURLPathSetter } from './useCrossURLPathState';\nimport { useIframeClickInterceptor } from './useIframeClickInterceptor';\n\nconst IntlayerEditorHooksEnabled: FunctionComponent = () => {\n  /**\n   * URL Messages\n   */\n  useCrossURLPathSetter();\n\n  /**\n   * Click Messages\n   */\n  useIframeClickInterceptor();\n\n  /**\n   * Sent local dictionaries to editor\n   */\n  const { setLocaleDictionaries } = useDictionariesRecordActions() ?? {};\n\n  useEffect(() => {\n    // Load dictionaries dynamically to do not impact the bundle, and send them to the editor\n    import('@intlayer/unmerged-dictionaries-entry').then((mod) => {\n      const unmergedDictionaries = mod.getUnmergedDictionaries();\n      const dictionariesList = Object.fromEntries(\n        Object.values(unmergedDictionaries)\n          .flat()\n          .map((dictionary) => [dictionary.localId, dictionary])\n      );\n\n      setLocaleDictionaries?.(dictionariesList);\n    });\n  }, []);\n\n  return <></>;\n};\n\nconst { editor } = configuration;\n\nconst IntlayerEditorHook: FunctionComponent = () => {\n  const { enabled } = useEditorEnabled();\n\n  return enabled ? <IntlayerEditorHooksEnabled /> : <></>;\n};\n\nexport const IntlayerEditorProvider: FunctionComponent<{\n  children?: ComponentChildren;\n}> = ({ children }) => {\n  return (\n    <EditorProvider\n      postMessage={(data: any) => {\n        if (typeof window === 'undefined') return;\n\n        const isInIframe = window.self !== window.top;\n        if (!isInIframe) return;\n\n        if (editor.applicationURL.length > 0) {\n          window?.postMessage(\n            data,\n            // Use to restrict the origin of the editor for security reasons.\n            // Correspond to the current application URL to synchronize the locales states.\n            editor.applicationURL\n          );\n        }\n\n        if (editor.editorURL.length > 0) {\n          window.parent?.postMessage(\n            data,\n            // Use to restrict the origin of the editor for security reasons.\n            // Correspond to the editor URL to synchronize the locales states.\n            editor.editorURL\n          );\n        }\n\n        if (editor.cmsURL.length > 0) {\n          window.parent?.postMessage(\n            data,\n            // Use to restrict the origin of the CMS for security reasons.\n            // Correspond to the CMS URL.\n            editor.cmsURL\n          );\n        }\n      }}\n      allowedOrigins={[\n        editor?.editorURL,\n        editor?.cmsURL,\n        editor?.applicationURL,\n      ]}\n      configuration={configuration}\n    >\n      <IntlayerEditorHook />\n      {children}\n    </EditorProvider>\n  );\n};\n"],"mappings":"scAWA,MAAM,MAAsD,CAI1D,EAAA,uBAAuB,CAKvB,EAAA,2BAA2B,CAK3B,GAAM,CAAE,yBAA0BA,EAAAA,8BAA8B,EAAI,EAAE,CAgBtE,OAdA,EAAA,EAAA,eAAgB,CAEd,OAAO,yCAAyC,KAAM,GAAQ,CAC5D,IAAM,EAAuB,EAAI,yBAAyB,CACpD,EAAmB,OAAO,YAC9B,OAAO,OAAO,EAAqB,CAChC,MAAM,CACN,IAAK,GAAe,CAAC,EAAW,QAAS,EAAW,CAAC,CACzD,CAED,IAAwB,EAAiB,EACzC,EACD,EAAE,CAAC,EAEC,EAAA,EAAA,KAAA,EAAA,SAAA,EAAA,CAAK,EAGR,CAAE,UAAWC,EAAAA,QAEb,MAA8C,CAClD,GAAM,CAAE,WAAYC,EAAAA,kBAAkB,CAEtC,OAAO,GAAU,EAAA,EAAA,KAAC,EAAA,EAAA,CAA6B,EAAG,EAAA,EAAA,KAAA,EAAA,SAAA,EAAA,CAAK,EAG5C,GAEP,CAAE,eAEJ,EAAA,EAAA,MAACC,EAAAA,eAAAA,CACC,YAAc,GAAc,CACtB,OAAO,OAAW,KAEH,OAAO,OAAS,OAAO,MAGtC,EAAO,eAAe,OAAS,GACjC,QAAQ,YACN,EAGA,EAAO,eACR,CAGC,EAAO,UAAU,OAAS,GAC5B,OAAO,QAAQ,YACb,EAGA,EAAO,UACR,CAGC,EAAO,OAAO,OAAS,GACzB,OAAO,QAAQ,YACb,EAGA,EAAO,OACR,GAGL,eAAgB,CACd,GAAQ,UACR,GAAQ,OACR,GAAQ,eACT,CACD,cAAeF,EAAAA,mBAEf,EAAA,EAAA,KAAC,EAAA,EAAA,CAAqB,CACrB,EAAA,EACc"}

package/dist/cjs/editor/index.cjs

@@ -1,4 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_editor_ContentSelectorWrapper = require('./ContentSelectorWrapper.cjs');
-
-exports.ContentSelectorRenderer = require_editor_ContentSelectorWrapper.ContentSelectorRenderer;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./ContentSelectorWrapper.cjs`);exports.ContentSelectorRenderer=e.ContentSelectorRenderer;

package/dist/cjs/editor/useCrossFrameMessageListener.cjs

@@ -1,79 +1,2 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_CommunicatorContext = require('./CommunicatorContext.cjs');
-let _intlayer_editor = require("@intlayer/editor");
-let preact_hooks = require("preact/hooks");
-
-//#region src/editor/useCrossFrameMessageListener.tsx
-/**
-* useCrossFrameMessageListener
-*
-* This React hook listens for messages sent via the `postMessage` API and triggers a callback
-* whenever a message of the specified type (`key`) is received. It is useful for synchronizing
-* state or events across different windows, iframes, or contexts.
-*
-* @template S - The type of the data payload in the message.
-* @param key - A unique identifier for the message type to listen for.
-* @param [onEventTriggered] - A callback function triggered when a message
-* @param [revalidator] - A function that re-suscribes the listener. Could be usefull if onEventTriggered depend of some state
-* with the specified key is received. The callback receives the message data as its argument.
-*
-* @returns {{ postMessage: (data: S) => void }} An object containing a `postMessage` function
-* that allows broadcasting messages with the specified key and data.
-*/
-const useCrossFrameMessageListener = (key, onEventTriggered, revalidator) => {
-	const { allowedOrigins, postMessage, senderId } = require_editor_CommunicatorContext.useCommunicator();
-	(0, preact_hooks.useEffect)(() => {
-		if (onEventTriggered) {
-			/**
-			* Message handler to process incoming messages.
-			*
-			* - **Message Filtering:** Ensures only messages with the specified `key` are processed.
-			* - **Origin Validation:** Checks that the origin of the message is within the allowed origins.
-			*
-			* @param {MessageEvent<{ type: string; data: S }>} event - The incoming message event object.
-			*/
-			const handleMessage = (event) => {
-				const { type, data, senderId: msgSenderId } = event.data;
-				if (type !== key) return;
-				if (msgSenderId === senderId) return;
-				if (typeof allowedOrigins === "undefined" || allowedOrigins?.filter((url) => ![
-					null,
-					void 0,
-					"",
-					"*"
-				].includes(url)).some((url) => (0, _intlayer_editor.compareUrls)(url, event.origin)) || allowedOrigins?.includes("*")) onEventTriggered(data);
-			};
-			window.addEventListener("message", handleMessage);
-			return () => window.removeEventListener("message", handleMessage);
-		}
-	}, [
-		allowedOrigins,
-		postMessage,
-		senderId,
-		revalidator
-	]);
-	/**
-	* A wrapper function around the `postMessage` function to broadcast messages efficiently.
-	*
-	* - **Encapsulation:** Ensures the `postMessage` function is scoped to the provided key.
-	* - **Ease of Use:** Simplifies broadcasting messages with consistent type and format.
-	*
-	* @param {S} data - The data payload to include in the message.
-	* @returns {void}
-	*/
-	const postMessageWrapper = (data) => {
-		postMessage({
-			type: key,
-			data,
-			senderId
-		});
-	};
-	return postMessageWrapper;
-};
-
-//#endregion
-exports.useCrossFrameMessageListener = useCrossFrameMessageListener;
+"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(`preact/hooks`);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;
 //# sourceMappingURL=useCrossFrameMessageListener.cjs.map

package/dist/cjs/editor/useCrossFrameMessageListener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameMessageListener.cjs","names":["useCommunicator"],"sources":["../../../src/editor/useCrossFrameMessageListener.tsx"],"sourcesContent":["'use client';\n\nimport { compareUrls, type MessageKey } from '@intlayer/editor';\nimport { useEffect } from 'preact/hooks';\nimport { useCommunicator } from './CommunicatorContext';\n\n/**\n * useCrossFrameMessageListener\n *\n * This React hook listens for messages sent via the `postMessage` API and triggers a callback\n * whenever a message of the specified type (`key`) is received. It is useful for synchronizing\n * state or events across different windows, iframes, or contexts.\n *\n * @template S - The type of the data payload in the message.\n * @param key - A unique identifier for the message type to listen for.\n * @param [onEventTriggered] - A callback function triggered when a message\n * @param [revalidator] - A function that re-suscribes the listener. Could be usefull if onEventTriggered depend of some state\n * with the specified key is received. The callback receives the message data as its argument.\n *\n * @returns {{ postMessage: (data: S) => void }} An object containing a `postMessage` function\n * that allows broadcasting messages with the specified key and data.\n */\nexport const useCrossFrameMessageListener = <S,>(\n  key: `${MessageKey}` | `${MessageKey}/post` | `${MessageKey}/get`,\n  onEventTriggered?: (data: S) => void,\n  revalidator?: any\n) => {\n  const { allowedOrigins, postMessage, senderId } = useCommunicator();\n\n  useEffect(() => {\n    if (onEventTriggered) {\n      /**\n       * Message handler to process incoming messages.\n       *\n       * - **Message Filtering:** Ensures only messages with the specified `key` are processed.\n       * - **Origin Validation:** Checks that the origin of the message is within the allowed origins.\n       *\n       * @param {MessageEvent<{ type: string; data: S }>} event - The incoming message event object.\n       */\n      const handleMessage = (\n        event: MessageEvent<{ type: string; data: S; senderId: string }>\n      ) => {\n        const { type, data, senderId: msgSenderId } = event.data;\n\n        // Ignore messages that do not match the current key\n        if (type !== key) return;\n\n        // Ignore messages from myself\n        if (msgSenderId === senderId) return;\n\n        // Check if the message origin is allowed\n        if (\n          typeof allowedOrigins === 'undefined' ||\n          allowedOrigins\n            ?.filter((url) => ![null, undefined, '', '*'].includes(url))\n            .some((url) => compareUrls(url, event.origin)) ||\n          allowedOrigins?.includes('*')\n        ) {\n          // Update the local state with the received data\n          onEventTriggered(data);\n        }\n      };\n\n      window.addEventListener('message', handleMessage);\n\n      // Clean up the event listener on unmount\n      return () => window.removeEventListener('message', handleMessage);\n    }\n  }, [allowedOrigins, postMessage, senderId, revalidator]);\n\n  /**\n   * A wrapper function around the `postMessage` function to broadcast messages efficiently.\n   *\n   * - **Encapsulation:** Ensures the `postMessage` function is scoped to the provided key.\n   * - **Ease of Use:** Simplifies broadcasting messages with consistent type and format.\n   *\n   * @param {S} data - The data payload to include in the message.\n   * @returns {void}\n   */\n  const postMessageWrapper: (data?: S) => void = (data) => {\n    postMessage({ type: key, data, senderId });\n  };\n\n  return postMessageWrapper;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,gCACX,KACA,kBACA,gBACG;CACH,MAAM,EAAE,gBAAgB,aAAa,aAAaA,oDAAiB;AAEnE,mCAAgB;AACd,MAAI,kBAAkB;;;;;;;;;GASpB,MAAM,iBACJ,UACG;IACH,MAAM,EAAE,MAAM,MAAM,UAAU,gBAAgB,MAAM;AAGpD,QAAI,SAAS,IAAK;AAGlB,QAAI,gBAAgB,SAAU;AAG9B,QACE,OAAO,mBAAmB,eAC1B,gBACI,QAAQ,QAAQ,CAAC;KAAC;KAAM;KAAW;KAAI;KAAI,CAAC,SAAS,IAAI,CAAC,CAC3D,MAAM,0CAAoB,KAAK,MAAM,OAAO,CAAC,IAChD,gBAAgB,SAAS,IAAI,CAG7B,kBAAiB,KAAK;;AAI1B,UAAO,iBAAiB,WAAW,cAAc;AAGjD,gBAAa,OAAO,oBAAoB,WAAW,cAAc;;IAElE;EAAC;EAAgB;EAAa;EAAU;EAAY,CAAC;;;;;;;;;;CAWxD,MAAM,sBAA0C,SAAS;AACvD,cAAY;GAAE,MAAM;GAAK;GAAM;GAAU,CAAC;;AAG5C,QAAO"}
+{"version":3,"file":"useCrossFrameMessageListener.cjs","names":["useCommunicator"],"sources":["../../../src/editor/useCrossFrameMessageListener.tsx"],"sourcesContent":["'use client';\n\nimport { compareUrls, type MessageKey } from '@intlayer/editor';\nimport { useEffect } from 'preact/hooks';\nimport { useCommunicator } from './CommunicatorContext';\n\n/**\n * useCrossFrameMessageListener\n *\n * This React hook listens for messages sent via the `postMessage` API and triggers a callback\n * whenever a message of the specified type (`key`) is received. It is useful for synchronizing\n * state or events across different windows, iframes, or contexts.\n *\n * @template S - The type of the data payload in the message.\n * @param key - A unique identifier for the message type to listen for.\n * @param [onEventTriggered] - A callback function triggered when a message\n * @param [revalidator] - A function that re-suscribes the listener. Could be usefull if onEventTriggered depend of some state\n * with the specified key is received. The callback receives the message data as its argument.\n *\n * @returns {{ postMessage: (data: S) => void }} An object containing a `postMessage` function\n * that allows broadcasting messages with the specified key and data.\n */\nexport const useCrossFrameMessageListener = <S,>(\n  key: `${MessageKey}` | `${MessageKey}/post` | `${MessageKey}/get`,\n  onEventTriggered?: (data: S) => void,\n  revalidator?: any\n) => {\n  const { allowedOrigins, postMessage, senderId } = useCommunicator();\n\n  useEffect(() => {\n    if (onEventTriggered) {\n      /**\n       * Message handler to process incoming messages.\n       *\n       * - **Message Filtering:** Ensures only messages with the specified `key` are processed.\n       * - **Origin Validation:** Checks that the origin of the message is within the allowed origins.\n       *\n       * @param {MessageEvent<{ type: string; data: S }>} event - The incoming message event object.\n       */\n      const handleMessage = (\n        event: MessageEvent<{ type: string; data: S; senderId: string }>\n      ) => {\n        const { type, data, senderId: msgSenderId } = event.data;\n\n        // Ignore messages that do not match the current key\n        if (type !== key) return;\n\n        // Ignore messages from myself\n        if (msgSenderId === senderId) return;\n\n        // Check if the message origin is allowed\n        if (\n          typeof allowedOrigins === 'undefined' ||\n          allowedOrigins\n            ?.filter((url) => ![null, undefined, '', '*'].includes(url))\n            .some((url) => compareUrls(url, event.origin)) ||\n          allowedOrigins?.includes('*')\n        ) {\n          // Update the local state with the received data\n          onEventTriggered(data);\n        }\n      };\n\n      window.addEventListener('message', handleMessage);\n\n      // Clean up the event listener on unmount\n      return () => window.removeEventListener('message', handleMessage);\n    }\n  }, [allowedOrigins, postMessage, senderId, revalidator]);\n\n  /**\n   * A wrapper function around the `postMessage` function to broadcast messages efficiently.\n   *\n   * - **Encapsulation:** Ensures the `postMessage` function is scoped to the provided key.\n   * - **Ease of Use:** Simplifies broadcasting messages with consistent type and format.\n   *\n   * @param {S} data - The data payload to include in the message.\n   * @returns {void}\n   */\n  const postMessageWrapper: (data?: S) => void = (data) => {\n    postMessage({ type: key, data, senderId });\n  };\n\n  return postMessageWrapper;\n};\n"],"mappings":"sOAsBA,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"}

package/dist/cjs/editor/useCrossFrameState.cjs

@@ -1,109 +1,2 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_CommunicatorContext = require('./CommunicatorContext.cjs');
-const require_editor_useCrossFrameMessageListener = require('./useCrossFrameMessageListener.cjs');
-let preact_hooks = require("preact/hooks");
-
-//#region src/editor/useCrossFrameState.tsx
-const resolveState = (valueOrUpdater, prevState) => typeof valueOrUpdater === "function" ? valueOrUpdater(prevState) : valueOrUpdater;
-/**
-* Configuration options for `useCrossFrameState`.
-* @typedef {Object} CrossFrameStateOptions
-* @property {boolean} [emit=true] - Whether to broadcast state changes to other instances.
-* @property {boolean} [receive=true] - Whether to listen for state updates from other instances.
-*/
-/**
-* useCrossFrameState
-*
-* This Preact hook synchronizes state across multiple instances (e.g., different iframes or windows).
-* It uses the `postMessage` API to communicate state changes and updates between instances.
-*
-* @template S - The type of the state.
-* @param key - A unique identifier for the state to synchronize.
-* @param initialState - The initial state value or a function to compute it lazily.
-* @param options - Configuration options to control emitting and receiving messages.
-*   - `emit` (default: true): Whether to broadcast state changes to other instances.
-*   - `receive` (default: true): Whether to listen for state updates from other instances.
-*
-* @returns {[S, CrossFrameStateUpdater<S>, typeof postState]} An array containing the current state and a setter function, and a function to manually post the state.
-*/
-const useCrossFrameState = (key, initialState, options) => {
-	const { postMessage, senderId } = require_editor_CommunicatorContext.useCommunicator();
-	const { emit, receive } = options ?? {
-		emit: true,
-		receive: true
-	};
-	const handleStateChange = (valueOrUpdater, prevState) => {
-		const resolvedState = resolveState(valueOrUpdater, prevState);
-		if (emit && typeof postMessage === "function" && typeof resolvedState !== "undefined") postMessage({
-			type: `${key}/post`,
-			data: resolvedState,
-			senderId
-		});
-		return resolvedState;
-	};
-	const postState = () => {
-		if (typeof postMessage !== "function") return;
-		postMessage({
-			type: `${key}/post`,
-			data: state,
-			senderId
-		});
-	};
-	const [state, setState] = (0, preact_hooks.useState)(() => handleStateChange(initialState));
-	/**
-	* A wrapper function around the `setState` function to handle messaging efficiently.
-	*
-	* This approach has several advantages over using an additional `useEffect`:
-	* - **Avoid Redundant Re-renders:** By emitting the message directly within the `setState` logic,
-	*   it prevents the extra render cycle that would be triggered when using `useEffect`.
-	* - **Consistency:** Ensures the message is emitted immediately when the state is updated,
-	*   avoiding potential delays caused by the asynchronous nature of `useEffect`.
-	*
-	* This function keeps the same API as `setState` and is memoized using `useCallback`
-	* to prevent unnecessary re-renders of dependent components.
-	*
-	* @template S - The type of the state.
-	* @param {S | ((prevState: S) => S)} valueOrUpdater - The new state or a function to produce it.
-	* @returns {void}
-	*/
-	const setStateWrapper = (valueOrUpdater) => setState((prevState) => handleStateChange(valueOrUpdater, prevState));
-	/**
-	* Listen for messages with the specified key and update the state accordingly.
-	*/
-	require_editor_useCrossFrameMessageListener.useCrossFrameMessageListener(`${key}/post`, receive ? (data) => {
-		setState(data);
-	} : void 0);
-	const onGetMessage = (_, originSenderId) => {
-		if (!emit) return;
-		if (typeof postMessage !== "function") return;
-		if (originSenderId === senderId) return;
-		if (typeof state === "undefined") return;
-		postMessage({
-			type: `${key}/post`,
-			data: state,
-			senderId
-		});
-	};
-	/**
-	* Listen for messages request to get the state content and send it back.
-	*/
-	require_editor_useCrossFrameMessageListener.useCrossFrameMessageListener(`${key}/get`, emit ? onGetMessage : void 0, state);
-	(0, preact_hooks.useEffect)(() => {
-		if (receive && typeof postMessage === "function" && typeof state === "undefined") postMessage({
-			type: `${key}/get`,
-			senderId
-		});
-	}, []);
-	return [
-		state,
-		setStateWrapper,
-		postState
-	];
-};
-
-//#endregion
-exports.useCrossFrameState = useCrossFrameState;
+"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(`preact/hooks`);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;
 //# sourceMappingURL=useCrossFrameState.cjs.map