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

package/build/cjs/hooks/useEditorInitialize.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = require("react");
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const types_1 = require("../common/types");
 const constructor_items_1 = require("../constructor-items");
 const editorContext_1 = require("../context/editorContext");
 const messagesContext_1 = require("../context/messagesContext");
 const schema_1 = require("../schema");
-const actions_1 = require("../types/actions");
 const form_generator_1 = require("../utils/form-generator");
 const useEditorInitialize = ({ setContent, content }) => {
     const { manipulateOverlayMode, isSelectActive } = (0, editorContext_1.useEditorStore)();
@@ -16,14 +16,14 @@ const useEditorInitialize = ({ setContent, content }) => {
     const onResize = (0, react_1.useCallback)(() => {
         const height = document.documentElement.getBoundingClientRect().height;
         sendMessage({
-            type: actions_1.ActionTypes.SetHeight,
+            type: types_1.ActionTypes.SetHeight,
             payload: { height },
         });
         if (isSelectActive && activeElement) {
             const rect = activeElement.getClientRects().item(0);
             if (rect) {
                 sendMessage({
-                    type: actions_1.ActionTypes.UpdateSelectedBlockRect,
+                    type: types_1.ActionTypes.UpdateSelectedBlockRect,
                     payload: {
                         rect: rect,
                     },
@@ -31,7 +31,7 @@ const useEditorInitialize = ({ setContent, content }) => {
             }
         }
     }, [activeElement, isSelectActive, sendMessage]);
-    (0, messagesContext_1.useMessageObserver)(actions_1.ActionTypes.UpdateConfigs, ({ content: newContent }) => {
+    (0, messagesContext_1.useMessageObserver)(types_1.ActionTypes.UpdateConfigs, ({ content: newContent }) => {
         setContent(newContent);
     });
     (0, react_1.useEffect)(() => {
@@ -41,11 +41,11 @@ const useEditorInitialize = ({ setContent, content }) => {
     (0, react_1.useEffect)(() => {
         const height = document.documentElement.getBoundingClientRect().height;
         sendMessage({
-            type: actions_1.ActionTypes.IframeReady,
+            type: types_1.ActionTypes.IframeReady,
             payload: { height },
         }, { direction: 'editor' });
         sendMessage({
-            type: actions_1.ActionTypes.BlocksConfigs,
+            type: types_1.ActionTypes.BlocksConfigs,
             payload: {
                 blocks: Object.entries(constructor_items_1.blockDataMap).reduce((acc, [key, value]) => {
                     acc.push({ type: key, schema: value.schema });
@@ -60,17 +60,17 @@ const useEditorInitialize = ({ setContent, content }) => {
         const onMouseUp = (e) => {
             if (manipulateOverlayMode === 'insert') {
                 e.preventDefault();
-                sendMessage({ type: actions_1.ActionTypes.InsertModeDisable, payload: undefined });
+                sendMessage({ type: types_1.ActionTypes.InsertModeDisable, payload: undefined });
             }
             if (manipulateOverlayMode === 'reorder') {
                 e.preventDefault();
-                sendMessage({ type: actions_1.ActionTypes.ReorderModeDisable, payload: undefined });
+                sendMessage({ type: types_1.ActionTypes.ReorderModeDisable, payload: undefined });
             }
         };
         const onMouseMove = (event) => {
             if (manipulateOverlayMode) {
                 sendMessage({
-                    type: actions_1.ActionTypes.OverlayModeOnMove,
+                    type: types_1.ActionTypes.OverlayModeOnMove,
                     payload: { cursor: { x: event.clientX, y: event.clientY } },
                 });
             }

package/build/cjs/sub-blocks/BackgroundCard/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/sub-blocks/LayoutItem/form.d.ts

@@ -2,7 +2,7 @@ declare const LayoutItemConfig: {
     component: ({ content: { links, ...content }, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: import("../..").LayoutItemProps) => JSX.Element;
     schema: {
         name: string;
-        inputs: import("../../types/dynamic-form").ConfigInput[];
+        inputs: import("../../editor-v2").ConfigInput[];
     };
 };
 export default LayoutItemConfig;

package/build/cjs/utils/form-generator.d.ts

@@ -1,5 +1,5 @@
 import { JSONSchemaType } from 'ajv';
-import { ArrayBaseInput, BooleanInput, ConfigInput, NumberInput, ObjectInput, SelectBaseInput, TextAreaInput, TextInput } from '../types/dynamic-form';
+import { ArrayBaseInput, BooleanInput, ConfigInput, NumberInput, ObjectInput, SelectBaseInput, TextAreaInput, TextInput } from '../common/types';
 export declare const generateFromAJV: (schema: JSONSchemaType<{}>) => ConfigInput[];
 export declare const generateSingleEntity: (key: string, schema: JSONSchemaType<{}>) => TextInput | BooleanInput | NumberInput | TextAreaInput | SelectBaseInput | ObjectInput | ArrayBaseInput | {
     type: string;

package/build/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/common/hooks/usePostMessage.js

@@ -0,0 +1,90 @@
+import { useCallback, useEffect } from 'react';
+// TODO: enable/disable via env variables
+const DEBUG_MODE = false;
+export const usePostMessage = (props) => {
+    const { subscribers, storesWithReducer, targetIframeElement, urlOrigin } = props;
+    const metaSource = targetIframeElement ? 'editor' : 'pc';
+    const receiveMetaSource = targetIframeElement ? 'pc' : 'editor';
+    const notifySubscribers = 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 = 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 = 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]);
+    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,
+    };
+};

package/build/{cjs → esm/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/{cjs → esm/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/esm/{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/esm/{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/esm/{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/esm/common/types/index.d.ts

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

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

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

package/build/esm/{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/esm/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/esm/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/esm/constructor-items.js

@@ -35,6 +35,9 @@ import MediaCardConfig from './sub-blocks/MediaCard';
 import PriceCardConfig from './sub-blocks/PriceCard';
 import PriceDetailedConfig from './sub-blocks/PriceDetailed';
 import QuoteConfig from './sub-blocks/Quote';
+/**
+ * @deprecated use blockDataMap
+ **/
 export const blockMap = {
     [BlockType.SliderBlock]: SliderBlock,
     [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,
@@ -57,6 +60,9 @@ export const blockMap = {
     [BlockType.FormBlock]: FormBlock,
     [BlockType.TestEditorBlock]: TestEditorBlock,
 };
+/**
+ * @deprecated use blockDataMap
+ **/
 export const subBlockMap = {
     [SubBlockType.Divider]: Divider,
     [SubBlockType.PriceDetailed]: PriceDetailed,

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

@@ -1,7 +1,7 @@
 import { useCallback, useContext } from 'react';
+import { ActionTypes } from '../../../../../common/types/actions';
 import { EditorContext, useEditorStore } from '../../../../../context/editorContext';
 import { useMessageSender } from '../../../../../context/messagesContext/hooks/useMessageSender';
-import { ActionTypes } from '../../../../../types/actions';
 import { getCursorPositionOverElement } from '../../../../../utils/editor';
 const useEditorBlockMouseEvents = (arrayIndex) => {
     const sendMessage = useMessageSender();

package/build/esm/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/esm/context/editorContext/store.js

@@ -1,4 +1,4 @@
-import { ActionTypes } from '../../types/actions';
+import { ActionTypes } from '../../common/types';
 import { initializeStore } from '../../utils/store';
 export const createEditorStore = initializeStore({
     manipulateOverlayMode: false,

package/build/esm/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/esm/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/esm/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;