preact-intlayer 5.5.4 → 5.5.6

package/dist/cjs/editor/CommunicatorContext.cjs

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CommunicatorContext_exports = {};
+__export(CommunicatorContext_exports, {
+  CommunicatorProvider: () => CommunicatorProvider,
+  useCommunicator: () => useCommunicator
+});
+module.exports = __toCommonJS(CommunicatorContext_exports);
+var import_jsx_runtime = require("preact/jsx-runtime");
+var import_built = __toESM(require("@intlayer/config/built"));
+var import_preact = require("preact");
+var import_hooks = require("preact/hooks");
+var import_uuid = require("uuid");
+const { editor } = import_built.default;
+const CommunicatorContext = (0, import_preact.createContext)({
+  postMessage: () => null,
+  allowedOrigins: [
+    editor?.applicationURL,
+    editor?.editorURL,
+    editor?.cmsURL
+  ],
+  senderId: ""
+});
+const CommunicatorProvider = ({ children, allowedOrigins, postMessage }) => {
+  const senderIdRef = (0, import_hooks.useRef)((0, import_uuid.v4)());
+  const value = (0, import_hooks.useMemo)(
+    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),
+    [postMessage, allowedOrigins]
+    // senderIdRef.current is stable
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommunicatorContext.Provider, { value, children });
+};
+const useCommunicator = () => (0, import_hooks.useContext)(CommunicatorContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CommunicatorProvider,
+  useCommunicator
+});
+//# sourceMappingURL=CommunicatorContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/CommunicatorContext.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\n\nimport {\n  createContext,\n  type ComponentChildren,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext, useMemo, useRef } from 'preact/hooks';\nimport { v4 as uuid } from 'uuid'; // if you prefer a UUID library\n\nexport type UseCrossPlatformStateProps = {\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n  senderId: string;\n};\n\nconst { editor } = configuration;\n\nconst CommunicatorContext = createContext<UseCrossPlatformStateProps>({\n  postMessage: () => null,\n  allowedOrigins: [\n    editor?.applicationURL,\n    editor?.editorURL,\n    editor?.cmsURL,\n  ] as string[],\n  senderId: '',\n});\n\nexport type CommunicatorProviderProps = {\n  children?: ComponentChildren;\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n};\n\nexport const CommunicatorProvider: FunctionComponent<\n  CommunicatorProviderProps\n> = ({ children, allowedOrigins, postMessage }) => {\n  // Create a stable, unique ID for the lifetime of this app/iframe instance.\n  const senderIdRef = useRef(uuid());\n\n  const value = useMemo(\n    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),\n    [postMessage, allowedOrigins] // senderIdRef.current is stable\n  );\n\n  return (\n    <CommunicatorContext.Provider value={value}>\n      {children}\n    </CommunicatorContext.Provider>\n  );\n};\n\nexport const useCommunicator = () => useContext(CommunicatorContext);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDI;AA9CJ,mBAA0B;AAE1B,oBAIO;AACP,mBAA4C;AAC5C,kBAA2B;AAQ3B,MAAM,EAAE,OAAO,IAAI,aAAAA;AAEnB,MAAM,0BAAsB,6BAA0C;AAAA,EACpE,aAAa,MAAM;AAAA,EACnB,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AACZ,CAAC;AAQM,MAAM,uBAET,CAAC,EAAE,UAAU,gBAAgB,YAAY,MAAM;AAEjD,QAAM,kBAAc,yBAAO,YAAAC,IAAK,CAAC;AAEjC,QAAM,YAAQ;AAAA,IACZ,OAAO,EAAE,aAAa,gBAAgB,UAAU,YAAY,QAAQ;AAAA,IACpE,CAAC,aAAa,cAAc;AAAA;AAAA,EAC9B;AAEA,SACE,4CAAC,oBAAoB,UAApB,EAA6B,OAC3B,UACH;AAEJ;AAEO,MAAM,kBAAkB,UAAM,yBAAW,mBAAmB;","names":["configuration","uuid"]}

package/dist/cjs/editor/ConfigurationContext.cjs

@@ -0,0 +1,50 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ConfigurationContext_exports = {};
+__export(ConfigurationContext_exports, {
+  ConfigurationProvider: () => ConfigurationProvider,
+  useConfiguration: () => useConfiguration,
+  useConfigurationState: () => useConfigurationState
+});
+module.exports = __toCommonJS(ConfigurationContext_exports);
+var import_jsx_runtime = require("preact/jsx-runtime");
+var import_editor = require("@intlayer/editor");
+var import_compat = require("preact/compat");
+var import_useCrossFrameState = require('./useCrossFrameState.cjs');
+const ConfigurationStatesContext = (0, import_compat.createContext)(
+  void 0
+);
+const useConfigurationState = () => (0, import_useCrossFrameState.useCrossFrameState)(
+  import_editor.MessageKey.INTLAYER_CONFIGURATION,
+  void 0,
+  {
+    receive: false,
+    emit: true
+  }
+);
+const ConfigurationProvider = ({ children, configuration }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConfigurationStatesContext.Provider, { value: configuration, children });
+const useConfiguration = () => (0, import_compat.useContext)(ConfigurationStatesContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConfigurationProvider,
+  useConfiguration,
+  useConfigurationState
+});
+//# sourceMappingURL=ConfigurationContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  type FC,\n  type PropsWithChildren,\n  createContext,\n  useContext,\n} from 'preact/compat';\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":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCE;AA9BF,oBAA2B;AAC3B,oBAKO;AACP,gCAAmC;AAEnC,MAAM,iCAA6B;AAAA,EACjC;AACF;AAEO,MAAM,wBAAwB,UACnC;AAAA,EACE,yBAAW;AAAA,EACX;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF;AAMK,MAAM,wBAET,CAAC,EAAE,UAAU,cAAc,MAC7B,4CAAC,2BAA2B,UAA3B,EAAoC,OAAO,eACzC,UACH;AAGK,MAAM,mBAAmB,UAAM,0BAAW,0BAA0B;","names":[]}

package/dist/cjs/editor/ContentSelectorWrapper.cjs

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ContentSelectorWrapper_exports = {};
+__export(ContentSelectorWrapper_exports, {
+  ContentSelectorRenderer: () => ContentSelectorRenderer
+});
+module.exports = __toCommonJS(ContentSelectorWrapper_exports);
+var import_jsx_runtime = require("preact/jsx-runtime");
+var import_core = require("@intlayer/core");
+var import_compat = require("preact/compat");
+var import_client = require('../client/index.cjs');
+var import_ContentSelector = require('../UI/ContentSelector.cjs');
+var import_EditorEnabledContext = require('./EditorEnabledContext.cjs');
+var import_FocusDictionaryContext = require('./FocusDictionaryContext.cjs');
+const ContentSelectorWrapperContent = ({
+  children,
+  dictionaryKey,
+  keyPath
+}) => {
+  const { focusedContent, setFocusedContent } = (0, import_FocusDictionaryContext.useFocusDictionary)();
+  const handleSelect = (0, import_compat.useCallback)(
+    () => setFocusedContent({
+      dictionaryKey,
+      keyPath
+    }),
+    [dictionaryKey, keyPath]
+  );
+  const isSelected = (0, import_compat.useMemo)(
+    () => (focusedContent?.dictionaryKey === dictionaryKey && (focusedContent?.keyPath?.length ?? 0) > 0 && (0, import_core.isSameKeyPath)(focusedContent?.keyPath ?? [], keyPath)) ?? false,
+    [focusedContent, keyPath, dictionaryKey]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ContentSelector.ContentSelector, { onPress: handleSelect, isSelecting: isSelected, children });
+};
+const ContentSelectorRenderer = ({
+  children,
+  ...props
+}) => {
+  const { enabled } = (0, import_EditorEnabledContext.useEditorEnabled)();
+  const { disableEditor } = (0, import_client.useIntlayerContext)();
+  if (enabled && !disableEditor) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContentSelectorWrapperContent, { ...props, children });
+  }
+  return children;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContentSelectorRenderer
+});
+//# sourceMappingURL=ContentSelectorWrapper.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { type NodeProps, isSameKeyPath } from '@intlayer/core';\nimport {\n  type FC,\n  type HTMLAttributes,\n  useCallback,\n  useMemo,\n} from 'preact/compat';\nimport { useIntlayerContext } from '../client';\nimport { ContentSelector } from '../UI/ContentSelector';\nimport { useEditorEnabled } from './EditorEnabledContext';\nimport { useFocusDictionary } from './FocusDictionaryContext';\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst ContentSelectorWrapperContent: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryKey,\n  keyPath,\n}) => {\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        keyPath,\n      }),\n    [dictionaryKey, keyPath]\n  );\n\n  const isSelected = useMemo(\n    () =>\n      (focusedContent?.dictionaryKey === dictionaryKey &&\n        (focusedContent?.keyPath?.length ?? 0) > 0 &&\n        isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n      false,\n    [focusedContent, keyPath, dictionaryKey]\n  );\n\n  return (\n    <ContentSelector onPress={handleSelect} isSelecting={isSelected}>\n      {children}\n    </ContentSelector>\n  );\n};\n\nexport const ContentSelectorRenderer: FC<ContentSelectorWrapperProps> = ({\n  children,\n  ...props\n}) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return children;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CI;AAzCJ,kBAA8C;AAC9C,oBAKO;AACP,oBAAmC;AACnC,6BAAgC;AAChC,kCAAiC;AACjC,oCAAmC;AAKnC,MAAM,gCAAiE,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,gBAAgB,kBAAkB,QAAI,kDAAmB;AAEjE,QAAM,mBAAe;AAAA,IACnB,MACE,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,eAAe,OAAO;AAAA,EACzB;AAEA,QAAM,iBAAa;AAAA,IACjB,OACG,gBAAgB,kBAAkB,kBAChC,gBAAgB,SAAS,UAAU,KAAK,SACzC,2BAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAAA,IACF,CAAC,gBAAgB,SAAS,aAAa;AAAA,EACzC;AAEA,SACE,4CAAC,0CAAgB,SAAS,cAAc,aAAa,YAClD,UACH;AAEJ;AAEO,MAAM,0BAA2D,CAAC;AAAA,EACvE;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAI,8CAAiB;AACrC,QAAM,EAAE,cAAc,QAAI,kCAAmB;AAE7C,MAAI,WAAW,CAAC,eAAe;AAC7B,WACE,4CAAC,iCAA+B,GAAG,OAChC,UACH;AAAA,EAEJ;AAEA,SAAO;AACT;","names":[]}

package/dist/cjs/editor/DictionariesRecordContext.cjs

@@ -0,0 +1,77 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DictionariesRecordContext_exports = {};
+__export(DictionariesRecordContext_exports, {
+  DictionariesRecordProvider: () => DictionariesRecordProvider,
+  useDictionariesRecord: () => useDictionariesRecord,
+  useDictionariesRecordActions: () => useDictionariesRecordActions
+});
+module.exports = __toCommonJS(DictionariesRecordContext_exports);
+var import_jsx_runtime = require("preact/jsx-runtime");
+var import_editor = require("@intlayer/editor");
+var import_compat = require("preact/compat");
+var import_useCrossFrameState = require('./useCrossFrameState.cjs');
+const DictionariesRecordStatesContext = (0, import_compat.createContext)(void 0);
+const DictionariesRecordActionsContext = (0, import_compat.createContext)(void 0);
+const DictionariesRecordProvider = ({
+  children
+}) => {
+  const [localeDictionaries, setLocaleDictionaries] = (0, import_useCrossFrameState.useCrossFrameState)(
+    import_editor.MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,
+    void 0
+  );
+  const stateValue = (0, import_compat.useMemo)(
+    () => ({
+      localeDictionaries: localeDictionaries ?? {}
+    }),
+    [localeDictionaries]
+  );
+  const actionValue = (0, import_compat.useMemo)(
+    () => ({
+      setLocaleDictionaries,
+      setLocaleDictionary: (dictionary) => {
+        setLocaleDictionaries((dictionaries) => ({
+          ...dictionaries,
+          [dictionary.key]: dictionary
+        }));
+      }
+    }),
+    [setLocaleDictionaries]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DictionariesRecordStatesContext.Provider, { value: stateValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DictionariesRecordActionsContext.Provider, { value: actionValue, children }) });
+};
+const useDictionariesRecordActions = () => (0, import_compat.useContext)(DictionariesRecordActionsContext);
+const useDictionariesRecord = () => {
+  const actionsContext = useDictionariesRecordActions();
+  const statesContext = (0, import_compat.useContext)(DictionariesRecordStatesContext);
+  if (!statesContext) {
+    throw new Error(
+      "useDictionariesRecordStates must be used within a DictionariesRecordProvider"
+    );
+  }
+  return { ...statesContext, ...actionsContext };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DictionariesRecordProvider,
+  useDictionariesRecord,
+  useDictionariesRecordActions
+});
+//# sourceMappingURL=DictionariesRecordContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/DictionariesRecordContext.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/core';\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type SetStateAction,\n} from 'preact/compat';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport type DictionaryContent = Record<Dictionary['key'], 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        setLocaleDictionaries((dictionaries) => ({\n          ...dictionaries,\n          [dictionary.key]: 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":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+DM;AA5DN,oBAA2B;AAC3B,oBAQO;AACP,gCAAmC;AAYnC,MAAM,sCAAkC,6BAEtC,MAAS;AACX,MAAM,uCAAmC,6BAEvC,MAAS;AAEJ,MAAM,6BAAoD,CAAC;AAAA,EAChE;AACF,MAAM;AACJ,QAAM,CAAC,oBAAoB,qBAAqB,QAC9C;AAAA,IACE,yBAAW;AAAA,IACX;AAAA,EACF;AAEF,QAAM,iBAAa;AAAA,IACjB,OAAO;AAAA,MACL,oBAAoB,sBAAsB,CAAC;AAAA,IAC7C;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEA,QAAM,kBAAc;AAAA,IAClB,OAAO;AAAA,MACL;AAAA,MACA,qBAAqB,CAAC,eAA2B;AAC/C,8BAAsB,CAAC,kBAAkB;AAAA,UACvC,GAAG;AAAA,UACH,CAAC,WAAW,GAAG,GAAG;AAAA,QACpB,EAAE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,CAAC,qBAAqB;AAAA,EACxB;AAEA,SACE,4CAAC,gCAAgC,UAAhC,EAAyC,OAAO,YAC/C,sDAAC,iCAAiC,UAAjC,EAA0C,OAAO,aAC/C,UACH,GACF;AAEJ;AAEO,MAAM,+BAA+B,UAC1C,0BAAW,gCAAgC;AAEtC,MAAM,wBAAwB,MAAM;AACzC,QAAM,iBAAiB,6BAA6B;AACpD,QAAM,oBAAgB,0BAAW,+BAA+B;AAEhE,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,SAAO,EAAE,GAAG,eAAe,GAAG,eAAe;AAC/C;","names":[]}

package/dist/cjs/editor/EditedContentContext.cjs

@@ -0,0 +1,217 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var EditedContentContext_exports = {};
+__export(EditedContentContext_exports, {
+  EditedContentProvider: () => EditedContentProvider,
+  useEditedContent: () => useEditedContent,
+  useEditedContentActions: () => useEditedContentActions,
+  useGetEditedContentState: () => useGetEditedContentState,
+  usePostEditedContentState: () => usePostEditedContentState
+});
+module.exports = __toCommonJS(EditedContentContext_exports);
+var import_jsx_runtime = require("preact/jsx-runtime");
+var import_core = require("@intlayer/core");
+var import_editor = require("@intlayer/editor");
+var import_compat = require("preact/compat");
+var import_DictionariesRecordContext = require('./DictionariesRecordContext.cjs');
+var import_useCrossFrameMessageListener = require('./useCrossFrameMessageListener.cjs');
+var import_useCrossFrameState = require('./useCrossFrameState.cjs');
+const EditedContentStateContext = (0, import_compat.createContext)(void 0);
+const usePostEditedContentState = (onEventTriggered) => (0, import_useCrossFrameMessageListener.useCrossFrameMessageListener)(
+  `${import_editor.MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/post`,
+  onEventTriggered
+);
+const useGetEditedContentState = (onEventTriggered) => (0, import_useCrossFrameMessageListener.useCrossFrameMessageListener)(
+  `${import_editor.MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/get`,
+  onEventTriggered
+);
+const EditedContentActionsContext = (0, import_compat.createContext)(void 0);
+const resolveState = (state, prevState) => typeof state === "function" ? state(prevState) : state;
+const EditedContentProvider = ({ children }) => {
+  const { localeDictionaries } = (0, import_DictionariesRecordContext.useDictionariesRecord)();
+  const [editedContent, setEditedContentState] = (0, import_useCrossFrameState.useCrossFrameState)(
+    import_editor.MessageKey.INTLAYER_EDITED_CONTENT_CHANGED
+  );
+  const setEditedDictionary = (newValue) => {
+    let updatedDictionaries = resolveState(newValue);
+    setEditedContentState((prev) => {
+      updatedDictionaries = resolveState(
+        newValue,
+        prev?.[updatedDictionaries.key]
+      );
+      return {
+        ...prev,
+        [updatedDictionaries.key]: updatedDictionaries
+      };
+    });
+    return updatedDictionaries;
+  };
+  const setEditedContent = (dictionaryKey, newValue) => {
+    setEditedContentState((prev) => ({
+      ...prev,
+      [dictionaryKey]: {
+        ...prev?.[dictionaryKey],
+        content: newValue
+      }
+    }));
+  };
+  const addEditedContent = (dictionaryKey, newValue, keyPath = [], overwrite = true) => {
+    setEditedContentState((prev) => {
+      const originalContent = localeDictionaries[dictionaryKey]?.content;
+      const currentContent = structuredClone(
+        prev?.[dictionaryKey]?.content ?? originalContent
+      );
+      let newKeyPath = keyPath;
+      if (!overwrite) {
+        let index = 0;
+        const otherKeyPath = keyPath.slice(0, -1);
+        const lastKeyPath = keyPath[keyPath.length - 1];
+        let finalKey = lastKeyPath.key;
+        while (typeof (0, import_core.getContentNodeByKeyPath)(currentContent, newKeyPath) !== "undefined") {
+          index++;
+          finalKey = index === 0 ? lastKeyPath.key : `${lastKeyPath.key} (${index})`;
+          newKeyPath = [
+            ...otherKeyPath,
+            { ...lastKeyPath, key: finalKey }
+          ];
+        }
+      }
+      const updatedContent = (0, import_core.editDictionaryByKeyPath)(
+        currentContent,
+        newKeyPath,
+        newValue
+      );
+      return {
+        ...prev,
+        [dictionaryKey]: {
+          ...prev?.[dictionaryKey],
+          content: updatedContent
+        }
+      };
+    });
+  };
+  const renameEditedContent = (dictionaryKey, newKey, keyPath = []) => {
+    setEditedContentState((prev) => {
+      const originalContent = localeDictionaries[dictionaryKey]?.content;
+      const currentContent = structuredClone(
+        prev?.[dictionaryKey]?.content ?? originalContent
+      );
+      const contentWithNewField = (0, import_core.renameContentNodeByKeyPath)(
+        currentContent,
+        newKey,
+        keyPath
+      );
+      return {
+        ...prev,
+        [dictionaryKey]: {
+          ...prev?.[dictionaryKey],
+          content: contentWithNewField
+        }
+      };
+    });
+  };
+  const removeEditedContent = (dictionaryKey, keyPath) => {
+    setEditedContentState((prev) => {
+      const originalContent = localeDictionaries[dictionaryKey]?.content;
+      const currentContent = structuredClone(
+        prev?.[dictionaryKey]?.content ?? originalContent
+      );
+      const initialContent = (0, import_core.getContentNodeByKeyPath)(originalContent, keyPath);
+      const restoredContent = (0, import_core.editDictionaryByKeyPath)(
+        currentContent,
+        keyPath,
+        initialContent
+      );
+      return {
+        ...prev,
+        [dictionaryKey]: {
+          ...prev?.[dictionaryKey],
+          content: restoredContent
+        }
+      };
+    });
+  };
+  const restoreEditedContent = (dictionaryKey) => {
+    setEditedContentState((prev) => {
+      const updated = { ...prev };
+      delete updated[dictionaryKey];
+      return updated;
+    });
+  };
+  const clearEditedDictionaryContent = (dictionaryKey) => {
+    setEditedContentState((prev) => {
+      const filtered = Object.entries(prev).reduce((acc, [key, value]) => {
+        if (key === dictionaryKey) {
+          return acc;
+        }
+        return { ...acc, [key]: value };
+      }, {});
+      return filtered;
+    });
+  };
+  const clearEditedContent = () => {
+    setEditedContentState({});
+  };
+  const getEditedContentValue = (dictionaryKey, keyPath) => {
+    const currentContent = editedContent?.[dictionaryKey]?.content ?? {};
+    return (0, import_core.getContentNodeByKeyPath)(currentContent, keyPath);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    EditedContentStateContext.Provider,
+    {
+      value: {
+        editedContent
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        EditedContentActionsContext.Provider,
+        {
+          value: {
+            setEditedContentState,
+            setEditedDictionary,
+            setEditedContent,
+            addEditedContent,
+            renameEditedContent,
+            removeEditedContent,
+            restoreEditedContent,
+            clearEditedDictionaryContent,
+            clearEditedContent,
+            getEditedContentValue
+          },
+          children
+        }
+      )
+    }
+  );
+};
+const useEditedContentActions = () => (0, import_compat.useContext)(EditedContentActionsContext);
+const useEditedContent = () => {
+  const stateContext = (0, import_compat.useContext)(EditedContentStateContext);
+  const actionContext = useEditedContentActions();
+  return { ...stateContext, ...actionContext };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EditedContentProvider,
+  useEditedContent,
+  useEditedContentActions,
+  useGetEditedContentState,
+  usePostEditedContentState
+});
+//# sourceMappingURL=EditedContentContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/EditedContentContext.tsx"],"sourcesContent":["'use client';\n\nimport {\n  editDictionaryByKeyPath,\n  getContentNodeByKeyPath,\n  renameContentNodeByKeyPath,\n  type ContentNode,\n  type Dictionary,\n  type KeyPath,\n} from '@intlayer/core';\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  createContext,\n  useContext,\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type SetStateAction,\n} from 'preact/compat';\nimport {\n  useDictionariesRecord,\n  type DictionaryContent,\n} from './DictionariesRecordContext';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\nimport { useCrossFrameState } from './useCrossFrameState';\n\ntype EditedContentStateContextType = {\n  editedContent: Record<Dictionary['key'], 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<Dictionary['key'], Dictionary>\n  ) => void;\n  setEditedDictionary: Dispatch<SetStateAction<Dictionary>>;\n  setEditedContent: (\n    dictionaryKey: Dictionary['key'],\n    newValue: Dictionary['content']\n  ) => void;\n  addEditedContent: (\n    dictionaryKey: Dictionary['key'],\n    newValue: ContentNode<any>,\n    keyPath?: KeyPath[],\n    overwrite?: boolean\n  ) => void;\n  renameEditedContent: (\n    dictionaryKey: Dictionary['key'],\n    newKey: KeyPath['key'],\n    keyPath?: KeyPath[]\n  ) => void;\n  removeEditedContent: (\n    dictionaryKey: Dictionary['key'],\n    keyPath: KeyPath[]\n  ) => void;\n  restoreEditedContent: (dictionaryKey: Dictionary['key']) => void;\n  clearEditedDictionaryContent: (dictionaryKey: Dictionary['key']) => void;\n  clearEditedContent: () => void;\n  getEditedContentValue: (\n    dictionaryKey: Dictionary['key'],\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\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      updatedDictionaries = resolveState(\n        newValue,\n        prev?.[updatedDictionaries.key]\n      );\n\n      return {\n        ...prev,\n        [updatedDictionaries.key]: updatedDictionaries,\n      };\n    });\n\n    return updatedDictionaries;\n  };\n\n  const setEditedContent = (\n    dictionaryKey: Dictionary['key'],\n    newValue: Dictionary['content']\n  ) => {\n    setEditedContentState((prev) => ({\n      ...prev,\n      [dictionaryKey]: {\n        ...prev?.[dictionaryKey],\n        content: newValue,\n      },\n    }));\n  };\n\n  const addEditedContent = (\n    dictionaryKey: Dictionary['key'],\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[dictionaryKey]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryKey]?.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        [dictionaryKey]: {\n          ...prev?.[dictionaryKey],\n          content: updatedContent as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const renameEditedContent = (\n    dictionaryKey: Dictionary['key'],\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[dictionaryKey]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryKey]?.content ?? originalContent\n      );\n\n      const contentWithNewField = renameContentNodeByKeyPath(\n        currentContent,\n        newKey,\n        keyPath\n      );\n\n      return {\n        ...prev,\n        [dictionaryKey]: {\n          ...prev?.[dictionaryKey],\n          content: contentWithNewField as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const removeEditedContent = (\n    dictionaryKey: Dictionary['key'],\n    keyPath: KeyPath[]\n  ) => {\n    setEditedContentState((prev) => {\n      // Retrieve the original content as reference\n      const originalContent = localeDictionaries[dictionaryKey]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryKey]?.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        [dictionaryKey]: {\n          ...prev?.[dictionaryKey],\n          content: restoredContent as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const restoreEditedContent = (dictionaryKey: Dictionary['key']) => {\n    setEditedContentState((prev) => {\n      const updated = { ...prev };\n      delete updated[dictionaryKey];\n      return updated;\n    });\n  };\n\n  const clearEditedDictionaryContent = (dictionaryKey: Dictionary['key']) => {\n    setEditedContentState((prev) => {\n      const filtered = Object.entries(prev).reduce((acc, [key, value]) => {\n        if (key === dictionaryKey) {\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    dictionaryKey: Dictionary['key'],\n    keyPath: KeyPath[]\n  ): ContentNode | undefined => {\n    const currentContent = editedContent?.[dictionaryKey]?.content ?? {};\n    return getContentNodeByKeyPath(currentContent, keyPath);\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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","names":[]}

package/dist/cjs/editor/EditorEnabledContext.cjs

@@ -0,0 +1,62 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var EditorEnabledContext_exports = {};
+__export(EditorEnabledContext_exports, {
+  EditorEnabledProvider: () => EditorEnabledProvider,
+  useEditorEnabled: () => useEditorEnabled,
+  useEditorEnabledState: () => useEditorEnabledState,
+  useGetEditorEnabledState: () => useGetEditorEnabledState,
+  usePostEditorEnabledState: () => usePostEditorEnabledState
+});
+module.exports = __toCommonJS(EditorEnabledContext_exports);
+var import_jsx_runtime = require("preact/jsx-runtime");
+var import_editor = require("@intlayer/editor");
+var import_compat = require("preact/compat");
+var import_useCrossFrameMessageListener = require('./useCrossFrameMessageListener.cjs');
+var import_useCrossFrameState = require('./useCrossFrameState.cjs');
+const EditorEnabledContext = (0, import_compat.createContext)({
+  enabled: false
+});
+const useEditorEnabledState = (options) => (0, import_useCrossFrameState.useCrossFrameState)(import_editor.MessageKey.INTLAYER_EDITOR_ENABLED, false, options);
+const usePostEditorEnabledState = (onEventTriggered) => (0, import_useCrossFrameMessageListener.useCrossFrameMessageListener)(
+  `${import_editor.MessageKey.INTLAYER_EDITOR_ENABLED}/post`,
+  onEventTriggered
+);
+const useGetEditorEnabledState = (onEventTriggered) => (0, import_useCrossFrameMessageListener.useCrossFrameMessageListener)(
+  `${import_editor.MessageKey.INTLAYER_EDITOR_ENABLED}/get`,
+  onEventTriggered
+);
+const EditorEnabledProvider = ({ children }) => {
+  const [isEnabled] = useEditorEnabledState({
+    emit: false,
+    receive: true
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EditorEnabledContext.Provider, { value: { enabled: isEnabled }, children });
+};
+const useEditorEnabled = () => (0, import_compat.useContext)(EditorEnabledContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EditorEnabledProvider,
+  useEditorEnabled,
+  useEditorEnabledState,
+  useGetEditorEnabledState,
+  usePostEditorEnabledState
+});
+//# sourceMappingURL=EditorEnabledContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  createContext,\n  useContext,\n  type FC,\n  type PropsWithChildren,\n} from 'preact/compat';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\nimport {\n  useCrossFrameState,\n  type CrossFrameStateOptions,\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":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDI;AA/CJ,oBAA2B;AAC3B,oBAKO;AACP,0CAA6C;AAC7C,gCAGO;AAMP,MAAM,2BAAuB,6BAAuC;AAAA,EAClE,SAAS;AACX,CAAC;AAEM,MAAM,wBAAwB,CAAC,gBACpC,8CAAmB,yBAAW,yBAAyB,OAAO,OAAO;AAEhE,MAAM,4BAA4B,CACvC,yBAEA;AAAA,EACE,GAAG,yBAAW,uBAAuB;AAAA,EACrC;AACF;AAEK,MAAM,2BAA2B,CACtC,yBAEA;AAAA,EACE,GAAG,yBAAW,uBAAuB;AAAA,EACrC;AACF;AAEK,MAAM,wBAA+C,CAAC,EAAE,SAAS,MAAM;AAC5E,QAAM,CAAC,SAAS,IAAI,sBAAsB;AAAA,IACxC,MAAM;AAAA,IACN,SAAS;AAAA,EACX,CAAC;AAED,SACE,4CAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,SAAS,UAAU,GACxD,UACH;AAEJ;AAEO,MAAM,mBAAmB,UAAM,0BAAW,oBAAoB;","names":[]}