@gravity-ui/page-constructor 5.14.4-alpha.0 → 5.14.4-alpha.1

package/README.md

@@ -383,7 +383,7 @@ If you want to release a new version in previous major after commit it to the ma
 7. Check your changes in CHANGELOG.md and approve robot's PR.
 8. Squash and merge PR. You can see release process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).
 
-## Page constructor editor
+## Page Constructor Editor v1
 
 Editor provides user interface for page content management with realtime preview.
 
@@ -403,6 +403,36 @@ export const MyAppEditor = ({initialContent, onChange, transformContent}: MyAppE
 );
 ```
 
+## Page Constructor Editor v2
+
+Editor provides user interface for page content management with realtime preview.
+
+Based on Iframe postMessage communication.
+
+How to use:
+
+```tsx
+import {Editor} from '@gravity-ui/page-constructor/editor-v2';
+
+export const MyAppEditor = ({initialContent, onUpdate, disableUrlField}: MyAppEditorProps) => (
+  <Editor
+    initialUrl={'https://url-to-page-with-page-constructor.com'}
+    content={initialContent}
+    disableUrlField={disableUrlField}
+    onUpdate={onUpdate}
+  />
+);
+```
+
+### How to develop
+
+```shell
+npm run deps:install
+npm run dev:playground
+```
+
+Directory `/playground` contains NextJS service with integrated PC and Editor for development purposes.
+
 ## Tests
 
 Comprehensive documentation is available at the provided [link](./test-utils/docs/README.md).

package/build/cjs/blocks/CardLayout/index.d.ts

@@ -1,5 +1,5 @@
+import { ConfigInput } from '../../common/types';
 import { BlockData } from '../../constructor-items';
-import { ConfigInput } from '../../types/dynamic-form';
 export declare const blockConfig: ConfigInput[];
 declare const CardLayoutBlockConfig: BlockData;
 export default CardLayoutBlockConfig;

package/build/cjs/blocks/ContentLayout/index.d.ts

@@ -2,7 +2,7 @@ declare const ContentLayoutBlockConfig: {
     component: (props: import("../..").ContentLayoutBlockProps) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
         default: {
             title: string;
         };

package/build/cjs/blocks/ExtendedFeatures/index.d.ts

@@ -2,7 +2,7 @@ declare const ExtendedFeaturesBlockConfig: {
     component: ({ title, description, items, colSizes, animated, }: import("../..").ExtendedFeaturesProps) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
         default: {
             title: string;
             items: {}[];

package/build/cjs/blocks/FilterBlock/index.d.ts

@@ -2,7 +2,7 @@ declare const FilterBlockConfig: {
     component: import("react").FC<import("../..").FilterBlockProps>;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
         default: {
             title: string;
         };

package/build/cjs/blocks/Form/index.d.ts

@@ -2,7 +2,7 @@ declare const FormBlockConfig: {
     component: import("react").FC<import("../..").FormBlockProps>;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
         default: {
             title: string;
             formData: {};

package/build/cjs/blocks/Header/dynamic-form.d.ts

@@ -1,2 +1,2 @@
-import { BlockFormSchema } from '../../types/dynamic-form';
-export declare const blockConfig: BlockFormSchema;
+import { BlockConfig } from '../../common/types';
+export declare const blockConfig: BlockConfig;

package/build/cjs/blocks/Header/index.d.ts

@@ -2,7 +2,7 @@ declare const HeaderBlockConfig: {
     component: (props: import("../..").WithChildren<import("../..").HeaderBlockProps & import("../..").ClassNameProps>) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
     };
 };
 export default HeaderBlockConfig;

package/build/cjs/blocks/HeaderSlider/index.d.ts

@@ -2,7 +2,7 @@ declare const HeaderSliderBlockConfig: {
     component: ({ items, arrows, ...props }: import("../..").HeaderSliderBlockProps) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
         default: {
             type: string;
             items: ({

package/build/cjs/blocks/Icons/index.d.ts

@@ -2,7 +2,7 @@ declare const IconsBlockConfig: {
     component: ({ title, description, size, colSizes, items }: import("../..").IconsBlockProps) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
         default: {
             type: string;
             title: string;

package/build/cjs/blocks/Info/index.d.ts

@@ -2,7 +2,7 @@ declare const InfoBlockConfig: {
     component: (props: import("../..").InfoBlockProps) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
         default: {
             type: string;
             title: string;

package/build/cjs/blocks/Map/index.d.ts

@@ -2,7 +2,7 @@ declare const MapBlockConfig: {
     component: ({ map, border, disableShadow, ...props }: import("../..").MapBlockProps) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
         default: {
             title: string;
         };

package/build/cjs/blocks/Media/index.d.ts

@@ -2,7 +2,7 @@ declare const MediaBlockConfig: {
     component: (props: import("../..").MediaBlockProps) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
         default: {
             type: string;
             title: string;

package/build/cjs/blocks/PromoFeaturesBlock/index.d.ts

@@ -2,7 +2,7 @@ declare const PromoFeaturesBlockConfig: {
     component: (props: import("../..").PromoFeaturesProps) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
         default: {
             title: string;
             items: {}[];

package/build/cjs/blocks/Questions/index.d.ts

@@ -2,7 +2,7 @@ declare const QuestionsBlockConfig: {
     component: (props: import("../..").QuestionsProps) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
         default: {
             type: string;
             title: string;

package/build/cjs/blocks/Share/index.d.ts

@@ -2,7 +2,7 @@ declare const ShareBlockConfig: {
     component: ({ items, title }: import("../..").ShareBlockProps) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
         default: {
             items: string[];
             title: string;

package/build/cjs/blocks/Slider/dynamic-form.d.ts

@@ -1,3 +1,3 @@
-import { BlockFormSchema } from '../../types/dynamic-form';
-export declare const blockConfig: BlockFormSchema;
-export declare const exampleConfig: BlockFormSchema;
+import { BlockConfig } from '../../common/types';
+export declare const blockConfig: BlockConfig;
+export declare const exampleConfig: BlockConfig;

package/build/cjs/blocks/Slider/index.d.ts

@@ -2,7 +2,7 @@ declare const SliderBlockConfig: {
     component: (props: import("../..").WithChildren<import("./Slider").SliderProps>) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
     };
 };
 export default SliderBlockConfig;

package/build/cjs/blocks/Table/index.d.ts

@@ -2,7 +2,7 @@ declare const TableBlockConfig: {
     component: (props: import("../..").TableBlockProps) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
     };
 };
 export default TableBlockConfig;

package/build/cjs/blocks/Tabs/index.d.ts

@@ -2,7 +2,7 @@ declare const TabsBlockConfig: {
     component: ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("../..").TabsBlockProps) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
         default: {
             title: string;
             items: {

package/build/cjs/blocks/TestEditorBlock/form.d.ts

@@ -1,3 +1,3 @@
-import { ArrayObjectInput, ArrayTextInput, BooleanInput, NumberInput, ObjectInput, OneOfInput, SelectMultipleInput, SelectSingleInput, TextAreaInput, TextInput } from '../../types/dynamic-form';
+import { ArrayObjectInput, ArrayTextInput, BooleanInput, NumberInput, ObjectInput, OneOfInput, SelectMultipleInput, SelectSingleInput, TextAreaInput, TextInput } from '../../common/types';
 declare const _default: (TextInput | BooleanInput | NumberInput | TextAreaInput | SelectSingleInput | SelectMultipleInput | ObjectInput | ArrayTextInput | ArrayObjectInput | OneOfInput)[];
 export default _default;

package/build/cjs/blocks/TestEditorBlock/index.d.ts

@@ -2,7 +2,7 @@ declare const TestEditorBlockConfig: {
     component: (props: import("./TestEditorBlock").TestEditorBlockProps) => JSX.Element;
     schema: {
         name: string;
-        inputs: (import("../../types/dynamic-form").TextInput | import("../../types/dynamic-form").BooleanInput | import("../../types/dynamic-form").NumberInput | import("../../types/dynamic-form").TextAreaInput | import("../../types/dynamic-form").SelectSingleInput | import("../../types/dynamic-form").SelectMultipleInput | import("../../types/dynamic-form").ObjectInput | import("../../types/dynamic-form").ArrayTextInput | import("../../types/dynamic-form").ArrayObjectInput | import("../../types/dynamic-form").OneOfInput)[];
+        inputs: (import("../../editor-v2").TextInput | import("../../editor-v2").BooleanInput | import("../../editor-v2").NumberInput | import("../../editor-v2").TextAreaInput | import("../../editor-v2").SelectSingleInput | import("../../editor-v2").SelectMultipleInput | import("../../editor-v2").ObjectInput | import("../../editor-v2").ArrayTextInput | import("../../editor-v2").ArrayObjectInput | import("../../editor-v2").OneOfInput)[];
     };
 };
 export declare const TestEditorBlockSchema: {

package/build/cjs/common/hooks/usePostMessage.d.ts

@@ -0,0 +1,11 @@
+import { Action, SendOptions, Subscriber, WithStoreReducer } from '../../common/types';
+interface UsePostMessageProps {
+    subscribers: Subscriber[];
+    storesWithReducer: WithStoreReducer[];
+    targetIframeElement?: HTMLIFrameElement;
+    urlOrigin?: string;
+}
+export declare const usePostMessage: (props: UsePostMessageProps) => {
+    sendMessage: (action: Action, { debug, direction }?: SendOptions) => void;
+};
+export {};

package/build/cjs/common/hooks/usePostMessage.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePostMessage = void 0;
+const react_1 = require("react");
+// TODO: enable/disable via env variables
+const DEBUG_MODE = false;
+const usePostMessage = (props) => {
+    const { subscribers, storesWithReducer, targetIframeElement, urlOrigin } = props;
+    const metaSource = targetIframeElement ? 'editor' : 'pc';
+    const receiveMetaSource = targetIframeElement ? 'pc' : 'editor';
+    const notifySubscribers = (0, react_1.useCallback)((action, source) => {
+        const meta = { source };
+        const { type, payload } = action;
+        if (!type) {
+            return;
+        }
+        if (subscribers) {
+            const foundedSubscribers = subscribers.filter((subscriber) => subscriber.action === type);
+            for (const storeWithReducer of storesWithReducer) {
+                storeWithReducer.reducer(action, meta);
+            }
+            if (foundedSubscribers.length) {
+                for (const subscriber of foundedSubscribers) {
+                    subscriber.handler(payload, meta);
+                }
+            }
+        }
+    }, [storesWithReducer, subscribers]);
+    const sendPostMessage = (0, react_1.useCallback)((args) => {
+        if (targetIframeElement && targetIframeElement.contentWindow) {
+            if (targetIframeElement.contentWindow) {
+                targetIframeElement.contentWindow.postMessage(args, '*');
+            }
+            else {
+                // eslint-disable-next-line no-console
+                console.error('No Iframe element in Editor');
+            }
+        }
+        else {
+            window.parent.postMessage(args, '*');
+        }
+    }, [targetIframeElement]);
+    const sendMessage = (0, react_1.useCallback)((action, { debug = DEBUG_MODE, direction = 'both' } = {}) => {
+        if (debug) {
+            if (metaSource === 'editor') {
+                // eslint-disable-next-line no-console
+                console.log(`🔵 Editor ➡️ ${action.type}`, action.payload);
+            }
+            if (metaSource === 'pc') {
+                // eslint-disable-next-line no-console
+                console.log(`🟢 Website ➡️ ${action.type}`, action.payload);
+            }
+        }
+        if (direction === 'both') {
+            sendPostMessage({ action, debug });
+            notifySubscribers(action, metaSource);
+        }
+        else if (direction === metaSource) {
+            notifySubscribers(action, metaSource);
+        }
+        else {
+            sendPostMessage({ action, debug });
+        }
+    }, [metaSource, notifySubscribers, sendPostMessage]);
+    (0, react_1.useEffect)(() => {
+        const onMessage = (e) => {
+            const { action, debug } = e.data;
+            if (urlOrigin && e.origin !== urlOrigin) {
+                return;
+            }
+            if (action && action.type) {
+                if (debug) {
+                    if (metaSource === 'editor') {
+                        // eslint-disable-next-line no-console
+                        console.log(`🔵 ➡️ Editor ${action.type}`, action.payload);
+                    }
+                    if (metaSource === 'pc') {
+                        // eslint-disable-next-line no-console
+                        console.log(`🟢 ➡️ Website ${action.type}`, action.payload);
+                    }
+                }
+                notifySubscribers(action, receiveMetaSource);
+            }
+        };
+        window.addEventListener('message', onMessage);
+        return () => {
+            window.removeEventListener('message', onMessage);
+        };
+    }, [metaSource, notifySubscribers, receiveMetaSource, targetIframeElement, urlOrigin]);
+    return {
+        sendMessage,
+    };
+};
+exports.usePostMessage = usePostMessage;

package/build/{esm → cjs/common}/types/actions/initial.d.ts

@@ -1,4 +1,4 @@
-import { ConfigInput } from '../dynamic-form';
+import { ConfigInput } from '../../../common/types';
 import { ItemConfig } from '../index';
 import { ActionTypes } from './codes';
 import { UnknownAction } from './index';

package/build/{esm → cjs/common}/types/actions/other.d.ts

@@ -1,4 +1,4 @@
-import { PageContent } from '../../models';
+import { PageContent } from '../../../models';
 import { ActionTypes } from './codes';
 import { UnknownAction } from './index';
 export interface UpdateConfigsAction extends UnknownAction {

package/build/cjs/{types → common/types}/actions/reorder.d.ts

@@ -2,7 +2,9 @@ import { ActionTypes } from './codes';
 import { UnknownAction } from './index';
 export interface ReorderModeEnableAction extends UnknownAction {
     type: ActionTypes.ReorderModeEnable;
-    payload: undefined;
+    payload: {
+        path: number[];
+    };
 }
 export interface ReorderModeDisableAction extends UnknownAction {
     type: ActionTypes.ReorderModeDisable;

package/build/cjs/{types/index.d.ts → common/types/common.d.ts}

@@ -1,9 +1,9 @@
-import { Meta } from '../context/messagesContext/types';
 import { Action } from './actions';
-import { BlockFormSchema } from './dynamic-form';
+import { BlockConfig } from './forms';
+import { Meta } from './messages';
 export interface ItemConfig {
     type: string;
-    schema: BlockFormSchema;
+    schema: BlockConfig;
 }
 export interface WithStoreReducer {
     reducer: (action: Action, meta: Meta) => void;

package/build/cjs/{types/dynamic-form.d.ts → common/types/forms.d.ts}

@@ -1,6 +1,7 @@
-export interface BlockFormSchema {
+export interface BlockConfig {
     name: string;
     inputs: Array<ConfigInput>;
+    default?: object;
 }
 export interface TextInput {
     type: 'text';

package/build/cjs/common/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './actions';
+export * from './common';
+export * from './forms';
+export * from './messages';

package/build/cjs/common/types/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./actions"), exports);
+tslib_1.__exportStar(require("./common"), exports);
+tslib_1.__exportStar(require("./forms"), exports);
+tslib_1.__exportStar(require("./messages"), exports);

package/build/cjs/{context/messagesContext/types.d.ts → common/types/messages.d.ts}

@@ -1,4 +1,4 @@
-import { Action } from '../../types/actions';
+import { Action } from './actions';
 export interface SendOptions {
     direction?: MetaSource | 'both';
     debug?: boolean;

package/build/cjs/components/Image/dynamic-form.d.ts

@@ -1,2 +1,2 @@
-import { ConfigInput } from '../../types/dynamic-form';
+import { ConfigInput } from '../../common/types';
 export declare const imageInputs: ConfigInput[];

package/build/cjs/constructor-items.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
-import { ConfigInput } from './types/dynamic-form';
+import { ConfigInput } from './common/types';
+/**
+ * @deprecated use blockDataMap
+ **/
 export declare const blockMap: {
     "slider-block": (props: import("./models").WithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
     "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models").ExtendedFeaturesProps) => JSX.Element;
@@ -22,6 +25,9 @@ export declare const blockMap: {
     "form-block": React.FC<import("./models").FormBlockProps>;
     "test-editor-block": (props: import("./blocks/TestEditorBlock/TestEditorBlock").TestEditorBlockProps) => JSX.Element;
 };
+/**
+ * @deprecated use blockDataMap
+ **/
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;
     "price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;

package/build/cjs/constructor-items.js

@@ -39,6 +39,9 @@ const MediaCard_1 = tslib_1.__importDefault(require("./sub-blocks/MediaCard"));
 const PriceCard_1 = tslib_1.__importDefault(require("./sub-blocks/PriceCard"));
 const PriceDetailed_1 = tslib_1.__importDefault(require("./sub-blocks/PriceDetailed"));
 const Quote_1 = tslib_1.__importDefault(require("./sub-blocks/Quote"));
+/**
+ * @deprecated use blockDataMap
+ **/
 exports.blockMap = {
     [models_1.BlockType.SliderBlock]: blocks_1.SliderBlock,
     [models_1.BlockType.ExtendedFeaturesBlock]: blocks_1.ExtendedFeaturesBlock,
@@ -61,6 +64,9 @@ exports.blockMap = {
     [models_1.BlockType.FormBlock]: blocks_1.FormBlock,
     [models_1.BlockType.TestEditorBlock]: TestEditorBlock_2.default,
 };
+/**
+ * @deprecated use blockDataMap
+ **/
 exports.subBlockMap = {
     [models_1.SubBlockType.Divider]: sub_blocks_1.Divider,
     [models_1.SubBlockType.PriceDetailed]: sub_blocks_1.PriceDetailed,

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/hooks/useEditorBlockMouseEvents.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
+const actions_1 = require("../../../../../common/types/actions");
 const editorContext_1 = require("../../../../../context/editorContext");
 const useMessageSender_1 = require("../../../../../context/messagesContext/hooks/useMessageSender");
-const actions_1 = require("../../../../../types/actions");
 const editor_1 = require("../../../../../utils/editor");
 const useEditorBlockMouseEvents = (arrayIndex) => {
     const sendMessage = (0, useMessageSender_1.useMessageSender)();

package/build/cjs/context/editorContext/store.d.ts

@@ -1,4 +1,4 @@
-import { WithStoreReducer } from '../../types';
+import { WithStoreReducer } from '../../common/types';
 export interface EditorState {
     manipulateOverlayMode: 'insert' | 'reorder' | false;
     isSelectActive: boolean;

package/build/cjs/context/editorContext/store.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createEditorStore = void 0;
-const actions_1 = require("../../types/actions");
+const types_1 = require("../../common/types");
 const store_1 = require("../../utils/store");
 exports.createEditorStore = (0, store_1.initializeStore)({
     manipulateOverlayMode: false,
@@ -10,27 +10,27 @@ exports.createEditorStore = (0, store_1.initializeStore)({
 }, (set, _get) => ({
     reducer: (action) => {
         switch (action.type) {
-            case actions_1.ActionTypes.EditorReady: {
+            case types_1.ActionTypes.EditorReady: {
                 set((state) => (Object.assign(Object.assign({}, state), { initialized: true })));
                 break;
             }
-            case actions_1.ActionTypes.ReorderModeEnable: {
+            case types_1.ActionTypes.ReorderModeEnable: {
                 set((state) => (Object.assign(Object.assign({}, state), { manipulateOverlayMode: 'reorder' })));
                 break;
             }
-            case actions_1.ActionTypes.ReorderModeDisable: {
+            case types_1.ActionTypes.ReorderModeDisable: {
                 set((state) => (Object.assign(Object.assign({}, state), { manipulateOverlayMode: false })));
                 break;
             }
-            case actions_1.ActionTypes.InsertModeEnable: {
+            case types_1.ActionTypes.InsertModeEnable: {
                 set((state) => (Object.assign(Object.assign({}, state), { manipulateOverlayMode: 'insert' })));
                 break;
             }
-            case actions_1.ActionTypes.InsertModeDisable: {
+            case types_1.ActionTypes.InsertModeDisable: {
                 set((state) => (Object.assign(Object.assign({}, state), { manipulateOverlayMode: false })));
                 break;
             }
-            case actions_1.ActionTypes.SelectBlock: {
+            case types_1.ActionTypes.SelectBlock: {
                 set((state) => (Object.assign(Object.assign({}, state), { isSelectActive: true })));
                 break;
             }

package/build/cjs/context/messagesContext/hooks/useMessageObserver.d.ts

@@ -1,4 +1,4 @@
 import { DependencyList } from 'react';
-import { Action } from '../../../types/actions';
+import { Action } from '../../../common/types';
 export declare const useMessageObserver: <A extends Action>(type: A["type"], callback: (payload: A["payload"]) => void, deps?: DependencyList) => void;
 export default useMessageObserver;

package/build/cjs/context/messagesContext/hooks/useMessageSender.d.ts

@@ -1,2 +1,2 @@
-export declare const useMessageSender: () => (action: import("../../../types/actions").Action, options?: import("../types").SendOptions | undefined) => void;
+export declare const useMessageSender: () => (action: import("../../../editor-v2").Action, options?: import("../../../editor-v2").SendOptions | undefined) => void;
 export default useMessageSender;

package/build/cjs/context/messagesContext/messagesContext.d.ts

@@ -4,9 +4,8 @@
  **/
 import React from 'react';
 import { StoreApi } from 'zustand';
-import { Action } from '../../types/actions';
+import { Action, SendOptions } from '../../common/types';
 import { MessagesStore } from './store';
-import { SendOptions } from './types';
 export interface PostMessageContextProps {
     state?: StoreApi<MessagesStore>;
     sendMessage: (action: Action, options?: SendOptions) => void;