@intlayer/editor-react 6.1.6 → 7.0.0-canary.1

package/dist/cjs/CommunicatorContext.cjs

@@ -1,68 +1,46 @@
-"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
+'use client';
+
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+let __intlayer_config_built = require("@intlayer/config/built");
+__intlayer_config_built = require_rolldown_runtime.__toESM(__intlayer_config_built);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let uuid = require("uuid");
+uuid = require_rolldown_runtime.__toESM(uuid);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/CommunicatorContext.tsx
+const { editor } = __intlayer_config_built.default ?? {};
+const CommunicatorContext = (0, react.createContext)({
+	postMessage: () => null,
+	allowedOrigins: [
+		editor?.applicationURL,
+		editor?.editorURL,
+		editor?.cmsURL
+	],
+	senderId: ""
 });
-module.exports = __toCommonJS(CommunicatorContext_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_built = __toESM(require("@intlayer/config/built"));
-var import_react = require("react");
-var import_uuid = require("uuid");
-const { editor } = import_built.default;
-const CommunicatorContext = (0, import_react.createContext)({
-  postMessage: () => null,
-  allowedOrigins: [
-    editor?.applicationURL,
-    editor?.editorURL,
-    editor?.cmsURL
-  ],
-  senderId: ""
-});
-const CommunicatorProvider = ({
-  children,
-  allowedOrigins,
-  postMessage
-}) => {
-  const senderIdRef = (0, import_react.useRef)((0, import_uuid.v4)());
-  const value = (0, import_react.useMemo)(
-    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),
-    [postMessage, allowedOrigins, senderIdRef.current]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommunicatorContext.Provider, { value, children });
+const CommunicatorProvider = ({ children, allowedOrigins, postMessage }) => {
+	const senderIdRef = (0, react.useRef)((0, uuid.v4)());
+	const value = (0, react.useMemo)(() => ({
+		postMessage,
+		allowedOrigins,
+		senderId: senderIdRef.current
+	}), [
+		postMessage,
+		allowedOrigins,
+		senderIdRef.current
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommunicatorContext.Provider, {
+		value,
+		children
+	});
 };
-const useCommunicator = () => (0, import_react.useContext)(CommunicatorContext);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CommunicatorProvider,
-  useCommunicator
-});
+const useCommunicator = () => (0, react.useContext)(CommunicatorContext);
+
+//#endregion
+exports.CommunicatorProvider = CommunicatorProvider;
+exports.useCommunicator = useCommunicator;
 //# sourceMappingURL=CommunicatorContext.cjs.map

package/dist/cjs/CommunicatorContext.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/CommunicatorContext.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  useRef,\n  type FC,\n  type PropsWithChildren,\n} from 'react';\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 = PropsWithChildren<\n  Omit<UseCrossPlatformStateProps, 'senderId'>\n>;\n\nexport const CommunicatorProvider: FC<CommunicatorProviderProps> = ({\n  children,\n  allowedOrigins,\n  postMessage,\n}) => {\n  // Create a stable, unique ID for the lifetime of this app/iframe instance.\n  const senderIdRef = useRef(uuid());\n\n  const value = useMemo(\n    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),\n    [postMessage, allowedOrigins, senderIdRef.current]\n  );\n\n  return (\n    <CommunicatorContext.Provider value={value}>\n      {children}\n    </CommunicatorContext.Provider>\n  );\n};\n\nexport const useCommunicator = () => useContext(CommunicatorContext);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkDI;AAhDJ,mBAA0B;AAE1B,mBAOO;AACP,kBAA2B;AAQ3B,MAAM,EAAE,OAAO,IAAI,aAAAA;AAEnB,MAAM,0BAAsB,4BAA0C;AAAA,EACpE,aAAa,MAAM;AAAA,EACnB,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AACZ,CAAC;AAMM,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,QAAM,kBAAc,yBAAO,YAAAC,IAAK,CAAC;AAEjC,QAAM,YAAQ;AAAA,IACZ,OAAO,EAAE,aAAa,gBAAgB,UAAU,YAAY,QAAQ;AAAA,IACpE,CAAC,aAAa,gBAAgB,YAAY,OAAO;AAAA,EACnD;AAEA,SACE,4CAAC,oBAAoB,UAApB,EAA6B,OAC3B,UACH;AAEJ;AAEO,MAAM,kBAAkB,UAAM,yBAAW,mBAAmB;","names":["configuration","uuid"]}
+{"version":3,"file":"CommunicatorContext.cjs","names":["configuration","CommunicatorProvider: FC<CommunicatorProviderProps>"],"sources":["../../src/CommunicatorContext.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\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 = PropsWithChildren<\n  Omit<UseCrossPlatformStateProps, 'senderId'>\n>;\n\nexport const CommunicatorProvider: FC<CommunicatorProviderProps> = ({\n  children,\n  allowedOrigins,\n  postMessage,\n}) => {\n  // Create a stable, unique ID for the lifetime of this app/iframe instance.\n  const senderIdRef = useRef(uuid());\n\n  const value = useMemo(\n    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),\n    [postMessage, allowedOrigins, senderIdRef.current]\n  );\n\n  return (\n    <CommunicatorContext.Provider value={value}>\n      {children}\n    </CommunicatorContext.Provider>\n  );\n};\n\nexport const useCommunicator = () => useContext(CommunicatorContext);\n"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAM,EAAE,WAAWA,mCAAiB,EAAE;AAEtC,MAAM,+CAAgE;CACpE,mBAAmB;CACnB,gBAAgB;EACd,QAAQ;EACR,QAAQ;EACR,QAAQ;EACT;CACD,UAAU;CACX,CAAC;AAMF,MAAaC,wBAAuD,EAClE,UACA,gBACA,kBACI;CAEJ,MAAM,8CAA2B,CAAC;CAElC,MAAM,kCACG;EAAE;EAAa;EAAgB,UAAU,YAAY;EAAS,GACrE;EAAC;EAAa;EAAgB,YAAY;EAAQ,CACnD;AAED,QACE,2CAAC,oBAAoB;EAAgB;EAClC;GAC4B;;AAInC,MAAa,8CAAmC,oBAAoB"}

package/dist/cjs/ConfigurationContext.cjs

@@ -1,50 +1,29 @@
-"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
+'use client';
+
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_useCrossFrameState = require('./useCrossFrameState.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __intlayer_editor = require("@intlayer/editor");
+__intlayer_editor = require_rolldown_runtime.__toESM(__intlayer_editor);
+
+//#region src/ConfigurationContext.tsx
+const ConfigurationStatesContext = (0, react.createContext)(void 0);
+const useConfigurationState = () => require_useCrossFrameState.useCrossFrameState(__intlayer_editor.MessageKey.INTLAYER_CONFIGURATION, void 0, {
+	receive: false,
+	emit: true
 });
-module.exports = __toCommonJS(ConfigurationContext_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_editor = require("@intlayer/editor");
-var import_react = require("react");
-var import_useCrossFrameState = require('./useCrossFrameState.cjs');
-const ConfigurationStatesContext = (0, import_react.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_react.useContext)(ConfigurationStatesContext);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ConfigurationProvider,
-  useConfiguration,
-  useConfigurationState
+const ConfigurationProvider = ({ children, configuration }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfigurationStatesContext.Provider, {
+	value: configuration,
+	children
 });
+const useConfiguration = () => (0, react.useContext)(ConfigurationStatesContext);
+
+//#endregion
+exports.ConfigurationProvider = ConfigurationProvider;
+exports.useConfiguration = useConfiguration;
+exports.useConfigurationState = useConfigurationState;
 //# sourceMappingURL=ConfigurationContext.cjs.map

package/dist/cjs/ConfigurationContext.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/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 'react';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nconst ConfigurationStatesContext = createContext<IntlayerConfig | undefined>(\n  undefined\n);\n\nexport const useConfigurationState = () =>\n  useCrossFrameState<IntlayerConfig>(\n    MessageKey.INTLAYER_CONFIGURATION,\n    undefined,\n    {\n      receive: false,\n      emit: true,\n    }\n  );\n\nexport type ConfigurationProviderProps = {\n  configuration?: IntlayerConfig;\n};\n\nexport const ConfigurationProvider: FC<\n  PropsWithChildren<ConfigurationProviderProps>\n> = ({ children, configuration }) => (\n  <ConfigurationStatesContext.Provider value={configuration}>\n    {children}\n  </ConfigurationStatesContext.Provider>\n);\n\nexport const useConfiguration = () => useContext(ConfigurationStatesContext);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCE;AA9BF,oBAA2B;AAC3B,mBAKO;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,yBAAW,0BAA0B;","names":[]}
+{"version":3,"file":"ConfigurationContext.cjs","names":["useCrossFrameState","MessageKey","ConfigurationProvider: FC<\n  PropsWithChildren<ConfigurationProviderProps>\n>"],"sources":["../../src/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types';\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useContext,\n} from 'react';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nconst ConfigurationStatesContext = createContext<IntlayerConfig | undefined>(\n  undefined\n);\n\nexport const useConfigurationState = () =>\n  useCrossFrameState<IntlayerConfig>(\n    MessageKey.INTLAYER_CONFIGURATION,\n    undefined,\n    {\n      receive: false,\n      emit: true,\n    }\n  );\n\nexport type ConfigurationProviderProps = {\n  configuration?: IntlayerConfig;\n};\n\nexport const ConfigurationProvider: FC<\n  PropsWithChildren<ConfigurationProviderProps>\n> = ({ children, configuration }) => (\n  <ConfigurationStatesContext.Provider value={configuration}>\n    {children}\n  </ConfigurationStatesContext.Provider>\n);\n\nexport const useConfiguration = () => useContext(ConfigurationStatesContext);\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAM,sDACJ,OACD;AAED,MAAa,8BACXA,8CACEC,6BAAW,wBACX,QACA;CACE,SAAS;CACT,MAAM;CACP,CACF;AAMH,MAAaC,yBAER,EAAE,UAAU,oBACf,2CAAC,2BAA2B;CAAS,OAAO;CACzC;EACmC;AAGxC,MAAa,+CAAoC,2BAA2B"}

package/dist/cjs/DictionariesRecordContext.cjs

@@ -1,78 +1,52 @@
-"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 });
+'use client';
+
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_useCrossFrameState = require('./useCrossFrameState.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __intlayer_editor = require("@intlayer/editor");
+__intlayer_editor = require_rolldown_runtime.__toESM(__intlayer_editor);
+
+//#region src/DictionariesRecordContext.tsx
+const DictionariesRecordStatesContext = (0, react.createContext)(void 0);
+const DictionariesRecordActionsContext = (0, react.createContext)(void 0);
+const DictionariesRecordProvider = ({ children }) => {
+	const [localeDictionaries, setLocaleDictionaries] = require_useCrossFrameState.useCrossFrameState(__intlayer_editor.MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED, void 0);
+	const stateValue = (0, react.useMemo)(() => ({ localeDictionaries: localeDictionaries ?? {} }), [localeDictionaries]);
+	const actionValue = (0, react.useMemo)(() => ({
+		setLocaleDictionaries,
+		setLocaleDictionary: (dictionary) => {
+			if (!dictionary.localId) return;
+			setLocaleDictionaries((dictionaries) => ({
+				...dictionaries,
+				[dictionary.localId]: dictionary
+			}));
+		}
+	}), [setLocaleDictionaries]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DictionariesRecordStatesContext.Provider, {
+		value: stateValue,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DictionariesRecordActionsContext.Provider, {
+			value: actionValue,
+			children
+		})
+	});
 };
-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("react/jsx-runtime");
-var import_editor = require("@intlayer/editor");
-var import_react = require("react");
-var import_useCrossFrameState = require('./useCrossFrameState.cjs');
-const DictionariesRecordStatesContext = (0, import_react.createContext)(void 0);
-const DictionariesRecordActionsContext = (0, import_react.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_react.useMemo)(
-    () => ({
-      localeDictionaries: localeDictionaries ?? {}
-    }),
-    [localeDictionaries]
-  );
-  const actionValue = (0, import_react.useMemo)(
-    () => ({
-      setLocaleDictionaries,
-      setLocaleDictionary: (dictionary) => {
-        if (!dictionary.localId) return;
-        setLocaleDictionaries((dictionaries) => ({
-          ...dictionaries,
-          [dictionary.localId]: 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_react.useContext)(DictionariesRecordActionsContext);
+const useDictionariesRecordActions = () => (0, react.useContext)(DictionariesRecordActionsContext);
 const useDictionariesRecord = () => {
-  const actionsContext = useDictionariesRecordActions();
-  const statesContext = (0, import_react.useContext)(DictionariesRecordStatesContext);
-  if (!statesContext) {
-    throw new Error(
-      "useDictionariesRecordStates must be used within a DictionariesRecordProvider"
-    );
-  }
-  return { ...statesContext, ...actionsContext };
+	const actionsContext = useDictionariesRecordActions();
+	const statesContext = (0, react.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
-});
+
+//#endregion
+exports.DictionariesRecordProvider = DictionariesRecordProvider;
+exports.useDictionariesRecord = useDictionariesRecord;
+exports.useDictionariesRecordActions = useDictionariesRecordActions;
 //# sourceMappingURL=DictionariesRecordContext.cjs.map

package/dist/cjs/DictionariesRecordContext.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/DictionariesRecordContext.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary, LocalDictionaryId } 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 'react';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport type DictionaryContent = Record<LocalDictionaryId, Dictionary>;\n\ntype DictionariesRecordStatesContextType = {\n  localeDictionaries: DictionaryContent;\n};\ntype DictionariesRecordActionsContextType = {\n  setLocaleDictionaries: Dispatch<SetStateAction<DictionaryContent>>;\n  setLocaleDictionary: (dictionary: Dictionary) => void;\n};\n\nconst DictionariesRecordStatesContext = createContext<\n  DictionariesRecordStatesContextType | undefined\n>(undefined);\nconst DictionariesRecordActionsContext = createContext<\n  DictionariesRecordActionsContextType | undefined\n>(undefined);\n\nexport const DictionariesRecordProvider: FC<PropsWithChildren> = ({\n  children,\n}) => {\n  const [localeDictionaries, setLocaleDictionaries] =\n    useCrossFrameState<DictionaryContent>(\n      MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,\n      undefined\n    );\n\n  const stateValue = useMemo(\n    () => ({\n      localeDictionaries: localeDictionaries ?? {},\n    }),\n    [localeDictionaries]\n  );\n\n  const actionValue = useMemo(\n    () => ({\n      setLocaleDictionaries,\n      setLocaleDictionary: (dictionary: Dictionary) => {\n        if (!dictionary.localId) return;\n\n        setLocaleDictionaries((dictionaries) => ({\n          ...dictionaries,\n          [dictionary.localId as LocalDictionaryId]: dictionary,\n        }));\n      },\n    }),\n    [setLocaleDictionaries]\n  );\n\n  return (\n    <DictionariesRecordStatesContext.Provider value={stateValue}>\n      <DictionariesRecordActionsContext.Provider value={actionValue}>\n        {children}\n      </DictionariesRecordActionsContext.Provider>\n    </DictionariesRecordStatesContext.Provider>\n  );\n};\n\nexport const useDictionariesRecordActions = () =>\n  useContext(DictionariesRecordActionsContext);\n\nexport const useDictionariesRecord = () => {\n  const actionsContext = useDictionariesRecordActions();\n  const statesContext = useContext(DictionariesRecordStatesContext);\n\n  if (!statesContext) {\n    throw new Error(\n      'useDictionariesRecordStates must be used within a DictionariesRecordProvider'\n    );\n  }\n\n  return { ...statesContext, ...actionsContext };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEM;AA9DN,oBAA2B;AAC3B,mBAQO;AACP,gCAAmC;AAYnC,MAAM,sCAAkC,4BAEtC,MAAS;AACX,MAAM,uCAAmC,4BAEvC,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,YAAI,CAAC,WAAW,QAAS;AAEzB,8BAAsB,CAAC,kBAAkB;AAAA,UACvC,GAAG;AAAA,UACH,CAAC,WAAW,OAA4B,GAAG;AAAA,QAC7C,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,yBAAW,gCAAgC;AAEtC,MAAM,wBAAwB,MAAM;AACzC,QAAM,iBAAiB,6BAA6B;AACpD,QAAM,oBAAgB,yBAAW,+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":[]}
+{"version":3,"file":"DictionariesRecordContext.cjs","names":["DictionariesRecordProvider: FC<PropsWithChildren>","useCrossFrameState","MessageKey"],"sources":["../../src/DictionariesRecordContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types';\nimport {\n  createContext,\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type SetStateAction,\n  useContext,\n  useMemo,\n} from 'react';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport type DictionaryContent = Record<LocalDictionaryId, Dictionary>;\n\ntype DictionariesRecordStatesContextType = {\n  localeDictionaries: DictionaryContent;\n};\ntype DictionariesRecordActionsContextType = {\n  setLocaleDictionaries: Dispatch<SetStateAction<DictionaryContent>>;\n  setLocaleDictionary: (dictionary: Dictionary) => void;\n};\n\nconst DictionariesRecordStatesContext = createContext<\n  DictionariesRecordStatesContextType | undefined\n>(undefined);\nconst DictionariesRecordActionsContext = createContext<\n  DictionariesRecordActionsContextType | undefined\n>(undefined);\n\nexport const DictionariesRecordProvider: FC<PropsWithChildren> = ({\n  children,\n}) => {\n  const [localeDictionaries, setLocaleDictionaries] =\n    useCrossFrameState<DictionaryContent>(\n      MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,\n      undefined\n    );\n\n  const stateValue = useMemo(\n    () => ({\n      localeDictionaries: localeDictionaries ?? {},\n    }),\n    [localeDictionaries]\n  );\n\n  const actionValue = useMemo(\n    () => ({\n      setLocaleDictionaries,\n      setLocaleDictionary: (dictionary: Dictionary) => {\n        if (!dictionary.localId) return;\n\n        setLocaleDictionaries((dictionaries) => ({\n          ...dictionaries,\n          [dictionary.localId as LocalDictionaryId]: dictionary,\n        }));\n      },\n    }),\n    [setLocaleDictionaries]\n  );\n\n  return (\n    <DictionariesRecordStatesContext.Provider value={stateValue}>\n      <DictionariesRecordActionsContext.Provider value={actionValue}>\n        {children}\n      </DictionariesRecordActionsContext.Provider>\n    </DictionariesRecordStatesContext.Provider>\n  );\n};\n\nexport const useDictionariesRecordActions = () =>\n  useContext(DictionariesRecordActionsContext);\n\nexport const useDictionariesRecord = () => {\n  const actionsContext = useDictionariesRecordActions();\n  const statesContext = useContext(DictionariesRecordStatesContext);\n\n  if (!statesContext) {\n    throw new Error(\n      'useDictionariesRecordStates must be used within a DictionariesRecordProvider'\n    );\n  }\n\n  return { ...statesContext, ...actionsContext };\n};\n"],"mappings":";;;;;;;;;;;;;AAyBA,MAAM,2DAEJ,OAAU;AACZ,MAAM,4DAEJ,OAAU;AAEZ,MAAaA,8BAAqD,EAChE,eACI;CACJ,MAAM,CAAC,oBAAoB,yBACzBC,8CACEC,6BAAW,sCACX,OACD;CAEH,MAAM,uCACG,EACL,oBAAoB,sBAAsB,EAAE,EAC7C,GACD,CAAC,mBAAmB,CACrB;CAED,MAAM,wCACG;EACL;EACA,sBAAsB,eAA2B;AAC/C,OAAI,CAAC,WAAW,QAAS;AAEzB,0BAAuB,kBAAkB;IACvC,GAAG;KACF,WAAW,UAA+B;IAC5C,EAAE;;EAEN,GACD,CAAC,sBAAsB,CACxB;AAED,QACE,2CAAC,gCAAgC;EAAS,OAAO;YAC/C,2CAAC,iCAAiC;GAAS,OAAO;GAC/C;IACyC;GACH;;AAI/C,MAAa,2DACA,iCAAiC;AAE9C,MAAa,8BAA8B;CACzC,MAAM,iBAAiB,8BAA8B;CACrD,MAAM,sCAA2B,gCAAgC;AAEjE,KAAI,CAAC,cACH,OAAM,IAAI,MACR,+EACD;AAGH,QAAO;EAAE,GAAG;EAAe,GAAG;EAAgB"}