@griddo/ax 11.10.36 → 11.10.37

package/src/components/Fields/ComponentArray/SameComponentArray/style.tsx

@@ -25,4 +25,10 @@ const Asterisk = styled.span`
   color: ${(p) => p.theme.color.error};
 `;
 
-export { Wrapper, Title, ItemRow, Subtitle, Asterisk };
+const ActionsWrapper = styled.div`
+  display: flex;
+  margin-left: auto;
+  align-items: center;
+`;
+
+export { Wrapper, Title, ItemRow, Subtitle, Asterisk, ActionsWrapper };

package/src/components/Fields/ComponentArray/helpers.tsx

@@ -1,6 +1,6 @@
 import differenceInSeconds from "date-fns/differenceInSeconds";
 import { getSchema, getDisplayName, getSchemaType, isComponentEmpty } from "@ax/helpers";
-import { IComponent, IModule, ISchemaField } from "@ax/types";
+import type { IComponent, IModule, ISchemaField } from "@ax/types";
 
 const getComponentTitle = (component: string, title: any): string => {
 	if (!title) return "";
@@ -32,7 +32,7 @@ const getComponentProps = (element: IModule, activatedModules: string[], isModul
 	const isModuleDeactivated = isModuleArr && activatedModules && !activatedModules.includes(component);
 	const isModuleDisabled = !schemaType;
 
-	return { moduleTitle, isModuleDeactivated, componentTitle, displayName, isModule, isModuleDisabled };
+	return { moduleTitle, isModuleDeactivated, componentTitle, displayName, isModuleDisabled };
 };
 
 const containerToComponentArray = (value?: Record<string, IComponent>): IComponent[] =>

package/src/components/Fields/ComponentArray/index.tsx

@@ -1,7 +1,7 @@
-import React from "react";
-
-import SameComponentArray, { ISameComponentArrayProps } from "./SameComponentArray";
-import MixableComponentArray, { IMixableComponentArrayProps } from "./MixableComponentArray";
+import MixableComponentArray from "./MixableComponentArray";
+import SameComponentArray from "./SameComponentArray";
+import type { ISameComponentArrayProps } from "./SameComponentArray";
+import type { IMixableComponentArrayProps } from "./MixableComponentArray";
 
 const ComponentArraySelector = (props: ISameComponentArrayProps & IMixableComponentArrayProps): JSX.Element => {
 	const { elementUniqueSelection = false } = props;

package/src/components/Fields/ComponentContainer/EmptyContainer/index.tsx

@@ -1,7 +1,6 @@
-import React from "react";
-import { useModal } from "@ax/hooks";
-
 import { HiddenField, SideModal } from "@ax/components";
+import { useModal } from "@ax/hooks";
+import type { IComponent, ModuleCategoryInfo } from "@ax/types";
 
 const EmptyContainer = (props: IProps) => {
 	const { hasMultipleOptions, whiteList, handleAdd, goTo, componentOptions, title, categories, theme, disabled } =
@@ -10,12 +9,12 @@ const EmptyContainer = (props: IProps) => {
 
 	const handleClick = () => (hasMultipleOptions ? toggleModal() : goTo());
 
-	const displayName = title ? title : whiteList && whiteList[0];
+	const displayName = title ? title : whiteList?.[0];
 
 	return (
 		<>
 			<HiddenField
-				title={displayName}
+				title={displayName || ""}
 				showField={handleClick}
 				hasMultipleOptions={hasMultipleOptions}
 				disabled={disabled}
@@ -38,12 +37,12 @@ const EmptyContainer = (props: IProps) => {
 
 interface IProps {
 	hasMultipleOptions: boolean | undefined;
-	whiteList: any[] | undefined;
+	whiteList: string[] | undefined;
 	goTo: () => void;
 	componentOptions: any;
 	title?: string;
-	categories?: any;
-	handleAdd: (option: any) => void;
+	categories?: ModuleCategoryInfo[];
+	handleAdd: (option: string | IComponent) => void;
 	theme: string;
 	disabled?: boolean;
 }

package/src/components/Fields/ComponentContainer/atoms.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 import { ActionMenu } from "@ax/components";
 
 import * as S from "./style";

package/src/components/Fields/ComponentContainer/index.tsx

@@ -1,10 +1,10 @@
-import React from "react";
+import type React from "react";
 import { useSortable } from "@dnd-kit/sortable";
 
 import { useModal } from "@ax/hooks";
 import { isEmptyContainer, getDisplayName, trimText } from "@ax/helpers";
 import { CheckField, Icon, SideModal } from "@ax/components";
-import { ICheck } from "@ax/types";
+import type { ICheck, IComponent, ModuleCategoryInfo } from "@ax/types";
 import EmptyContainer from "./EmptyContainer";
 import { ArrayContainerButtons, ContainerButtons } from "./atoms";
 
@@ -32,7 +32,6 @@ const ComponentContainer = (props: IComponentContainerProps): JSX.Element => {
 		canReplace,
 		actionReplace,
 		arrayLength,
-		isModule,
 		isSelected,
 		onChange,
 		hasMenu = true,
@@ -52,19 +51,19 @@ const ComponentContainer = (props: IComponentContainerProps): JSX.Element => {
 		id: editorID,
 	});
 
-	const whiteListFirstItem: any = whiteList && whiteList[0];
-	const hasMultipleOptions: boolean | undefined = whiteList && whiteList.length > 1;
+	const whiteListFirstItem: string | undefined = whiteList?.[0];
+	const hasMultipleOptions = !!(whiteList && whiteList.length > 1);
 
-	const containerOptions: any =
+	const containerOptions =
 		parentKey && objKey ? selectedContent[parentKey][objKey] : objKey && selectedContent[objKey];
 
-	let containerText: string = text ? text : getDisplayName(whiteListFirstItem);
+	let containerText: string = text ? text : whiteListFirstItem ? getDisplayName(whiteListFirstItem) : "";
 	let componentID: number = editorID ? editorID : containerOptions?.editorID;
 
-	const containerInfo: any = !isArray && value && isEmptyContainer(value, hasMultipleOptions);
-	const isEmpty: boolean = containerInfo?.isEmpty;
+	const containerInfo = !isArray && value ? isEmptyContainer(value, hasMultipleOptions) : null;
+	const isEmpty: boolean = !!containerInfo?.isEmpty;
 
-	const currentComponent: any = containerInfo?.containedComponent;
+	const currentComponent = containerInfo?.containedComponent;
 
 	if (currentComponent) {
 		containerText = currentComponent.containerText;
@@ -79,13 +78,13 @@ const ComponentContainer = (props: IComponentContainerProps): JSX.Element => {
 
 	const handleCheckClick = (e: React.MouseEvent<HTMLDivElement>) => e.stopPropagation();
 
-	const removeItem = () => deleteModuleAction && deleteModuleAction([editorID], parentKey);
+	const removeItem = () => deleteModuleAction?.([editorID], parentKey);
 
-	const duplicateItem = () => parentKey && duplicateModuleAction && duplicateModuleAction([editorID], parentKey);
+	const duplicateItem = () => parentKey && duplicateModuleAction?.([editorID], parentKey);
 
 	const copyItem = () => {
-		const isCopied = copyModuleAction && copyModuleAction([editorID]);
-		isCopied && toggleToast && toggleToast("1 module copied to clipboard");
+		const isCopied = copyModuleAction?.([editorID]);
+		isCopied && toggleToast?.("1 module copied to clipboard");
 	};
 
 	const copyOpt = {
@@ -111,11 +110,11 @@ const ComponentContainer = (props: IComponentContainerProps): JSX.Element => {
 	const replaceOpt = {
 		label: "replace",
 		icon: "change",
-		action: () => actionReplace && actionReplace(),
+		action: () => actionReplace?.(),
 	};
 
 	const actionArrayMenuOptions = [
-		...(isModule ? [copyOpt] : []),
+		copyOpt,
 		...(canDuplicate ? [duplicateOpt] : []),
 		deleteOpt,
 		...(canReplace ? [replaceOpt] : []),
@@ -131,24 +130,22 @@ const ComponentContainer = (props: IComponentContainerProps): JSX.Element => {
 
 	const actionMenuIcon = "more";
 
-	const handleEmptyContainerClick = () => {
-		if (addComponentAction) addComponentAction(value, objKey);
-	};
+	const handleEmptyContainerClick = () => addComponentAction?.(value, objKey);
 
-	const handleOptionClick = (option: any) => {
-		if (addComponentAction) addComponentAction(option, objKey);
-	};
+	const handleOptionClick = (option: string | IComponent) => addComponentAction?.(option, objKey);
 
 	const compoundKey = parentKey ? `${parentKey}.${objKey}` : objKey;
-	const handleReplace = (option: any) =>
-		compoundKey && replaceModuleAction && replaceModuleAction(option, selectedContent, compoundKey);
+
+	const handleReplace = (option: string | IComponent) => {
+		compoundKey && typeof option !== "string" && replaceModuleAction?.(option, selectedContent, compoundKey);
+	}
 
 	const arrayContainerButtonsProps = {
 		options: actionArrayMenuOptions,
 		icon: actionMenuIcon,
 	};
 
-	const handleChange = (value: ICheck) => onChange && onChange(value);
+	const handleChange = (value: ICheck) => onChange?.(value);
 
 	const textComponents = isMultiDragging ? (
 		<S.LabelDrag>
@@ -156,7 +153,7 @@ const ComponentContainer = (props: IComponentContainerProps): JSX.Element => {
 		</S.LabelDrag>
 	) : (
 		<>
-			<S.Label containerInfo={containerInfo} disabled={disabled}>
+			<S.Label containerInfo={!!containerInfo} disabled={disabled}>
 				{trimText(containerText, 25)}
 			</S.Label>
 			{moduleTitle && <S.Title disabled={disabled}>{trimText(moduleTitle, 25)}</S.Title>}
@@ -240,7 +237,7 @@ export interface IComponentContainerProps {
 	text: string;
 	editorID: number;
 	whiteList: string[] | undefined;
-	categories?: any[];
+	categories?: ModuleCategoryInfo[];
 	goTo(editorID: number): void;
 	isArray?: boolean | undefined;
 	value?: any;
@@ -249,11 +246,11 @@ export interface IComponentContainerProps {
 	selectedContent?: any;
 	objKey?: string;
 	actions?: {
-		addComponentAction: (componentType: any, key?: string) => void;
+		addComponentAction: (componentType: IComponent | string, key?: string) => void;
 		deleteModuleAction: (editorID: number[], key?: string) => void;
 		duplicateModuleAction: (editorID: number[], key?: string) => number;
 		copyModuleAction: (editorID: number[]) => boolean | number;
-		replaceModuleAction: (module: any, parent: any, objKey: string) => void;
+		replaceModuleAction: (module: IComponent, parent: any, objKey: string) => void;
 	};
 	disabled?: boolean;
 	canDuplicate?: boolean;
@@ -263,7 +260,6 @@ export interface IComponentContainerProps {
 	canReplace?: boolean;
 	actionReplace?: () => void;
 	arrayLength: number;
-	isModule?: boolean;
 	isSelected?: boolean;
 	onChange?: (value: ICheck) => void;
 	hasMenu?: boolean;

package/src/components/SideModal/SideModalOption/index.tsx

@@ -1,27 +1,30 @@
-import React, { memo } from "react";
+import { memo } from "react";
+import type React from "react";
 
 import { getDisplayName, getThumbnailProps, filterImageText } from "@ax/helpers";
 import { Tag } from "@ax/components";
+import type { IComponent } from "@ax/types";
 
 import * as S from "./style";
 
-const getThumbnailData = (option: any, theme: string) => {
-	option = filterImageText(option.component ? option.component : option);
-
+const getThumbnailData = (component: string, theme: string) => {
+	const option = filterImageText(component);
 	return getThumbnailProps(option, false, theme);
 };
 
 const SideModalOption = (props: IProps) => {
 	const { option, handleClick, theme } = props;
+	const isComponentString = typeof option === "string";
+	const optionComponent = isComponentString ? option : option.component
 
-	const isNavigationDefault = ["header", "footer"].includes(option.type);
+	const isNavigationDefault = !isComponentString && ["header", "footer"].includes(option.type);
 
 	const navigationThumbnail = isNavigationDefault &&
 		option.thumbnail && { alt: option.title, src: option.thumbnail.url };
-	const thumbnailProps = navigationThumbnail || getThumbnailData(option, theme);
 
-	const optionParam = option.component || option;
-	const label = isNavigationDefault ? option.title : getDisplayName(optionParam);
+	const thumbnailProps = navigationThumbnail || getThumbnailData(optionComponent, theme);
+
+	const label = isNavigationDefault ? option.title : getDisplayName(optionComponent);
 
 	const setOption = () => {
 		if (handleClick) {
@@ -35,7 +38,7 @@ const SideModalOption = (props: IProps) => {
 		}
 	};
 
-	const defaultTag = option.tag ? (
+	const defaultTag = !isComponentString && option.tag ? (
 		<S.TagWrapper data-testid="side-modal-option-tag">
 			<Tag text={option.tag} type="square" />
 		</S.TagWrapper>
@@ -51,8 +54,8 @@ const SideModalOption = (props: IProps) => {
 };
 
 interface IProps {
-	option: any;
-	handleClick?: (option: any) => void;
+	option: string | IComponent;
+	handleClick?: (option: string | IComponent) => void;
 	children: string;
 	theme: string;
 }

package/src/components/SideModal/index.tsx

@@ -1,11 +1,11 @@
-import React, { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 
 import { useHandleClickOutside } from "@ax/hooks";
 import { getDisplayName, filterByCategory } from "@ax/helpers";
 import SideModalOption from "@ax/components/SideModal/SideModalOption";
 import { MenuItem, SearchField, IconAction } from "@ax/components";
-import { ModuleCategoryInfo } from "@ax/types";
+import type { IComponent, IContainedComponent, ModuleCategoryInfo } from "@ax/types";
 
 import * as S from "./style";
 
@@ -23,10 +23,9 @@ const SideModal = (props: ISideModalProps): JSX.Element | null => {
 		theme,
 	} = props;
 
-	const componentList: any = [];
-	const hasCategories = categories && categories.length > 1;
-
-	const optionList = componentOptions ? componentList : whiteList;
+	const componentList: IComponent[] = [];
+	const hasCategories = !!(categories && categories.length > 1);
+	const optionList = componentOptions ? componentList : whiteList || [];
 
 	const filteredValues = {
 		options: optionList,
@@ -57,7 +56,7 @@ const SideModal = (props: ISideModalProps): JSX.Element | null => {
 	useEffect(() => {
 		if (componentOptions) {
 			for (const key in componentOptions) {
-				const currentComponent = current && current.component;
+				const currentComponent = current?.component;
 				const availableComponent = componentOptions[key].component;
 				if (availableComponent !== currentComponent) {
 					componentList.push(componentOptions[key]);
@@ -73,7 +72,7 @@ const SideModal = (props: ISideModalProps): JSX.Element | null => {
 		}
 	}, [current, whiteList]);
 
-	const handleClick = (moduleType: string) => {
+	const handleClick = (moduleType: string | IComponent) => {
 		if (onClick) {
 			onClick(moduleType);
 		}
@@ -125,33 +124,31 @@ const SideModal = (props: ISideModalProps): JSX.Element | null => {
 
 	const featuredFilters =
 		hasCategories &&
-		categories &&
 		categories
-			.filter((cat: any) => cat.featured)
+			.filter((cat) => cat.featured)
 			.map((category: ModuleCategoryInfo, i: number) => {
 				return getCategoryItem(category, i);
 			});
 
 	const filters =
 		hasCategories &&
-		categories &&
 		categories
-			.filter((cat: any) => !cat.featured)
+			.filter((cat) => !cat.featured)
 			.map((category: ModuleCategoryInfo, i: number) => {
 				return getCategoryItem(category, i);
 			});
 
 	const filteredOptions =
-		options.options &&
-		options.options.map((option: any, i: number) => {
-			const displayName = getDisplayName(option.component ? option.component : option);
+		options.options?.map((option) => {
+			const optionComponent = typeof option === "string" ? option : option.component
+			const displayName = getDisplayName(optionComponent);
 			if (searchQuery.length > 0) {
 				const name = displayName.toLowerCase();
 				const search = searchQuery.toLocaleLowerCase();
 				if (!name.includes(search)) return null;
 			}
 			return (
-				<SideModalOption option={option} handleClick={handleClick} key={`${option}${i}`} theme={theme}>
+				<SideModalOption option={option} handleClick={handleClick} key={optionComponent} theme={theme}>
 					{displayName}
 				</SideModalOption>
 			);
@@ -201,9 +198,9 @@ export interface ISideModalProps {
 	categories?: ModuleCategoryInfo[];
 	optionsType: string;
 	toggleModal: () => void;
-	onClick?: (moduleType: string) => void;
-	componentOptions?: any;
-	current?: any;
+	onClick?: (moduleType: string | IComponent) => void;
+	componentOptions?: Record<string,IComponent>;
+	current?: IContainedComponent;
 	showSearch?: boolean;
 	theme: string;
 }

package/src/containers/PageEditor/actions.tsx

@@ -411,10 +411,10 @@ function getTemplatePage(template: string): (dispatch: Dispatch, getState: () =>
 }
 
 function savePage(data?: {
-	createDraft?: boolean,
-	publishPage?: { status: string },
-	publishDraft?: boolean,
-	setToast?: (msg: string) => void
+	createDraft?: boolean;
+	publishPage?: { status: string };
+	publishDraft?: boolean;
+	setToast?: (msg: string) => void;
 }): (dispatch: Dispatch, getState: any) => Promise<boolean> {
 	return async (dispatch, getState) => {
 		try {
@@ -460,8 +460,7 @@ function savePage(data?: {
 			}
 
 			/* remove header and footer if page should get the default  */
-			const { defaultHeader, defaultFooter } =
-				(templateConfig?.templates?.[template.templateType]) || {};
+			const { defaultHeader, defaultFooter } = templateConfig?.templates?.[template.templateType] || {};
 
 			if (header && ((header.setAsDefault && !defaultHeader) || header.id === defaultHeader)) {
 				values.header = null;
@@ -509,7 +508,7 @@ function savePage(data?: {
 				dispatch(setIsSaving(false));
 				return true;
 			} else {
-				if(typeof setToast === 'function'){
+				if (typeof setToast === "function") {
 					setToast(saveResponse.data.message);
 				} else {
 					appActions.handleError(saveResponse)(dispatch);
@@ -849,7 +848,7 @@ function addModule(
 }
 
 function replaceModule(
-	module: any,
+	module: IComponent,
 	parent: any,
 	objKey: string,
 ): (dispatch: Dispatch, getState: () => IRootState) => void {
@@ -1077,9 +1076,9 @@ function pasteModule(
 					const response = await structuredData.getDataContentBulk(fixed, currentSiteInfo?.id);
 					if (isReqOk(response.status)) {
 						const validDataIds: number[] = [];
-						response.data.items.forEach(
-							(data: IStructuredDataContent) => { data.relatedSite && validDataIds.push(data.id) },
-						);
+						response.data.items.forEach((data: IStructuredDataContent) => {
+							data.relatedSite && validDataIds.push(data.id);
+						});
 						const hasInvalidData = validDataIds.length < fixed.length;
 						validatedModuleCopy.data.fixed = validDataIds;
 						if (hasInvalidData) {
@@ -1121,10 +1120,10 @@ function overwriteHeaderConfig(params: IFieldProps): (dispatch: Dispatch, getSta
 		const updatedContent = deepClone(content);
 		const { headerConfig } = updatedContent.editorContent;
 
-		if(headerConfig[id]){
-			headerConfig[id][key] = value
+		if (headerConfig[id]) {
+			headerConfig[id][key] = value;
 		} else {
-			headerConfig[id] = { [key]: value }
+			headerConfig[id] = { [key]: value };
 		}
 
 		dispatch(setEditorContent({ ...updatedContent }));
@@ -1140,7 +1139,7 @@ function generatePageContent(editorContent: IPage): (dispatch: Dispatch, getStat
 		} = getState();
 
 		const { header, footer, isGlobal } = editorContent;
-		const { defaultHeader, defaultFooter } = (configFormData?.templates?.[template]) || {};
+		const { defaultHeader, defaultFooter } = configFormData?.templates?.[template] || {};
 
 		const headerID =
 			header === null || header === undefined ? defaultHeader : typeof header === "object" ? header.id : header;
@@ -1321,7 +1320,7 @@ function moveElement(
 ): (dispatch: Dispatch, getState: () => IRootState) => void {
 	return async (dispatch, getState) => {
 		try {
-			const { editorContent, editorID, selectedContent } = getStateValues(getState);
+			const { editorContent, selectedContent } = getStateValues(getState);
 
 			const newContent = moveModule({
 				elementID,
@@ -1332,9 +1331,7 @@ function moveElement(
 				key,
 			});
 
-			dispatch(setEditorContent(newContent));
-			const { element: selectedPageContent } = findByEditorID(newContent, editorID);
-			dispatch(setSelectedPageContent(selectedPageContent));
+			generatePageContent(newContent)(dispatch, getState);
 		} catch (e) {
 			console.log(e);
 		}
@@ -1623,7 +1620,7 @@ function schedulePublication(
 			const updatedEditorContent = { ...editorContent, publicationScheduled: date };
 
 			dispatch(setEditorContent(updatedEditorContent));
-			return await savePage({createDraft: false, publishPage: { status }})(dispatch, getState);
+			return await savePage({ createDraft: false, publishPage: { status } })(dispatch, getState);
 		} catch (e) {
 			console.log("Error", e);
 			return false;

package/src/helpers/containerEvaluations.tsx

@@ -1,4 +1,4 @@
-import { IComponent } from "@ax/types";
+import type { IComponent, IContainedComponent, IContainerEvaluation } from "@ax/types";
 import { getDisplayName } from "./schemas";
 
 const isComponentEmpty = (component: IComponent): boolean => {
@@ -70,15 +70,4 @@ const areEqual = (prevProps: any, newProps: any): boolean => {
 	return prevValue === newValue;
 };
 
-interface IContainerEvaluation {
-	isEmpty: boolean;
-	containedComponent: IContainedComponent;
-}
-
-interface IContainedComponent {
-	containerText: string;
-	component: string;
-	componentID: number;
-}
-
 export { isComponentEmpty, setAsContainedComponent, areAllComponentsEmpty, isEmptyContainer, areEqual };

package/src/hooks/iframe.ts

@@ -1,10 +1,11 @@
 import { useCallback, useEffect } from "react";
 
 const useOnMessageReceivedFromIframe = (actions?: {
-	setSelectedContentAction: any;
-	deleteModuleAction(editorID: number[]): void;
-	duplicateModuleAction(editorID: number[]): number;
-	setScrollEditorIDAction(editorID: number | null): void;
+	setSelectedContentAction(editorID: number): void;
+	deleteModuleAction?(editorID: number[]): void;
+	duplicateModuleAction?(editorID: number[]): number;
+	copyModuleAction?(editorID: number[]): number | boolean;
+	setScrollEditorIDAction?(editorID: number | null): void;
 }): void => {
 	const onMessageReceivedFromIframe = useCallback(
 		(ev: MessageEvent<{ type: string; message: string }>) => {
@@ -12,18 +13,21 @@ const useOnMessageReceivedFromIframe = (actions?: {
 			if (!ev.data.type) return;
 			if (!ev.data.message) return;
 			if (ev.data.type === "module-click") {
-				actions?.setSelectedContentAction(ev.data.message);
+				actions?.setSelectedContentAction(parseInt(ev.data.message));
 			}
 			if (ev.data.type === "module-delete") {
 				actions?.setSelectedContentAction(0);
-				actions?.deleteModuleAction([parseInt(ev.data.message)]);
+				actions?.deleteModuleAction?.([parseInt(ev.data.message)]);
 			}
 			if (ev.data.type === "module-duplicate") {
-				const duplicatedEditorID = actions?.duplicateModuleAction([parseInt(ev.data.message)]);
-				actions?.setSelectedContentAction(duplicatedEditorID);
+				const duplicatedEditorID = actions?.duplicateModuleAction?.([parseInt(ev.data.message)]);
+				duplicatedEditorID && actions?.setSelectedContentAction(duplicatedEditorID);
 			}
 			if (ev.data.type === "module-scroll") {
-				actions?.setScrollEditorIDAction(parseInt(ev.data.message));
+				actions?.setScrollEditorIDAction?.(parseInt(ev.data.message));
+			}
+			if (ev.data.type === "module-copy") {
+				actions?.copyModuleAction?.([parseInt(ev.data.message)]);
 			}
 		},
 		[actions],

package/src/modules/Forms/FormEditor/PageBrowser/index.tsx

@@ -1,10 +1,8 @@
-import React from "react";
 import { connect } from "react-redux";
-import { pageEditorActions } from "@ax/containers/PageEditor";
 import { formsActions } from "@ax/containers/Forms";
 
 import { Browser } from "@ax/components";
-import { ILanguage, IRootState, ISchema, ISite, ISocialState } from "@ax/types";
+import type { ILanguage, IRootState, ISchema, ISite, ISocialState } from "@ax/types";
 
 import * as S from "./style";
 
@@ -20,18 +18,12 @@ const PageBrowser = (props: IProps) => {
 		isPreview,
 		browserRef,
 		currentSiteInfo,
-		deleteModule,
-		duplicateModule,
-		setScrollEditorID,
 	} = props;
 
 	const { id: siteID } = currentSiteInfo || {};
 
 	const actions = {
-		deleteModuleAction: deleteModule,
-		duplicateModuleAction: duplicateModule,
 		setSelectedContentAction: setSelectedContent,
-		setScrollEditorIDAction: setScrollEditorID,
 	};
 
 	return (
@@ -73,9 +65,6 @@ interface IPageBrowserDispatchProps {
 	isReadOnly: boolean;
 	isPreview?: boolean;
 	browserRef?: any;
-	deleteModule(editorID: number[]): void;
-	duplicateModule(editorID: number[]): number;
-	setScrollEditorID(editorID: number | null): void;
 }
 
 type IProps = IPageBrowserStateProps & IPageBrowserDispatchProps;
@@ -92,9 +81,6 @@ const mapStateToProps = (state: IRootState): IPageBrowserStateProps => ({
 
 const mapDispatchToProps = {
 	setSelectedContent: formsActions.setSelectedContent,
-	deleteModule: pageEditorActions.deleteModule,
-	duplicateModule: pageEditorActions.duplicateModule,
-	setScrollEditorID: pageEditorActions.setScrollEditorID,
 };
 
 export default connect(mapStateToProps, mapDispatchToProps)(PageBrowser);