@griddo/ax 11.11.8-rc.1 → 11.12.0

package/src/modules/PageEditor/PageBrowser/index.tsx

@@ -2,7 +2,7 @@ import { connect } from "react-redux";
 import { pageEditorActions } from "@ax/containers/PageEditor";
 
 import { Browser } from "@ax/components";
-import type { HeadingFilter, ILanguage, IRootState, ISite, ISocialState } from "@ax/types";
+import type { ILanguage, IRootState, ISite, ISocialState } from "@ax/types";
 
 const PageBrowser = (props: IProps) => {
 	const {
@@ -16,16 +16,10 @@ const PageBrowser = (props: IProps) => {
 		isReadOnly,
 		isPreview,
 		browserRef,
-		isHeadingsPreviewOpen = false,
-		isKeywordsPreviewOpen = false,
-		headingsFilter,
-		keywordsFilter,
 		deleteModule,
 		duplicateModule,
 		copyModule,
 		setScrollEditorID,
-		toggleHeadingsPreview,
-		toggleKeywordsPreview,
 	} = props;
 
 	if (!currentSiteInfo) {
@@ -37,8 +31,7 @@ const PageBrowser = (props: IProps) => {
 	const slugWithSlash = slug ? (slug.startsWith("/") ? slug : `/${slug}`) : "";
 	const pathWithoutSlash = path ? (path.endsWith("/") ? path.slice(0, -1) : path) : "";
 	const url = `${pathWithoutSlash}${slugWithSlash}`;
-	const disabled = isTemplateActivated === false || isReadOnly || isHeadingsPreviewOpen || isKeywordsPreviewOpen;
-	const editorType = isHeadingsPreviewOpen ? "headings" : isKeywordsPreviewOpen ? "keywords" : "page";
+	const disabled = isTemplateActivated === false || isReadOnly;
 
 	const actions = {
 		deleteModuleAction: deleteModule,
@@ -65,11 +58,6 @@ const PageBrowser = (props: IProps) => {
 			showIframe={true}
 			browserRef={browserRef}
 			actions={actions}
-			editorType={editorType}
-			toggleHeadingsPreview={toggleHeadingsPreview}
-			toggleKeywordsPreview={toggleKeywordsPreview}
-			headingFilter={headingsFilter}
-			keywordsFilter={keywordsFilter}
 		/>
 	);
 };
@@ -90,16 +78,10 @@ interface IPageBrowserDispatchProps {
 	isReadOnly: boolean;
 	isPreview?: boolean;
 	browserRef?: any;
-	isHeadingsPreviewOpen?: boolean;
-	isKeywordsPreviewOpen?: boolean;
-	headingsFilter?: HeadingFilter;
-	keywordsFilter?: string[];
 	deleteModule(editorID: number[]): void;
 	duplicateModule(editorID: number[]): number;
 	copyModule(editorID: number[]): number | boolean;
 	setScrollEditorID(editorID: number | null): void;
-	toggleHeadingsPreview?(): void;
-	toggleKeywordsPreview?(): void;
 }
 
 type IProps = IPageBrowserStateProps & IPageBrowserDispatchProps;

package/src/modules/PageEditor/Preview/index.tsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 import PageBrowser from "../PageBrowser";
 import * as S from "./style";
 

package/src/modules/PageEditor/Preview/style.tsx

@@ -2,7 +2,7 @@ import styled from "styled-components";
 
 const BrowserWrapper = styled.div`
   background-color: ${(p) => p.theme.color.uiBackground01};
-  height: 100%;
+  height: calc(100% - 44px);
   width: 100%;
 `;
 

package/src/modules/PageEditor/atoms.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import type { IModal } from "@ax/types";
+import { IModal } from "@ax/types";
 import { Modal, FieldsBehavior } from "@ax/components";
 
 import * as S from "./style";

package/src/modules/PageEditor/index.tsx

@@ -7,8 +7,6 @@ import {
 	CancelScheduleModal,
 	ErrorPage,
 	ErrorToast,
-	HeadingsPreviewModal,
-	KeywordsPreviewModal,
 	Loading,
 	MainWrapper,
 	Modal,
@@ -24,9 +22,8 @@ import { pageStatus } from "@ax/containers/PageEditor/interfaces";
 import { dataPacksActions } from "@ax/containers/Settings/DataPacks";
 import { RouteLeavingGuard } from "@ax/guards";
 import { dateToString, getDeactivatedModules, isModuleDisabled } from "@ax/helpers";
-import { useIsDirty, useModals, usePermissions } from "@ax/hooks";
+import { useIsDirty, useModal, usePermission } from "@ax/hooks";
 import type {
-	HeadingFilter,
 	IErrorItem,
 	ILanguage,
 	INotification,
@@ -73,18 +70,15 @@ const PageEditor = (props: IProps) => {
 		setCurrentPageID,
 		restorePage,
 		schemaVersion,
-		updateEditorContent,
 	} = props;
 
-	const isAllowedTo = usePermissions({
-		publishPages: "content.publishUnpublishPages",
-		createPages: "content.createPages",
-		deletePages: "content.deletePages",
-		deletePublishedPages: "content.deletePublishedPages",
-		editContentPages: "content.editContentPages",
-	});
+	const isAllowedToPublishPages = usePermission("content.publishUnpublishPages");
+	const isAllowedToCreatePages = usePermission("content.createPages");
+	const isAllowedToDeletePage = usePermission("content.deletePages");
+	const isAllowedToDeletePublishedPage = usePermission("content.deletePublishedPages");
+	const isAllowedToEditContentPage = usePermission("content.editContentPages");
 
-	const defaultTab = isAllowedTo.editContentPages ? "edit" : "view";
+	const defaultTab = isAllowedToEditContentPage ? "edit" : "view";
 
 	const [deleteAllVersions, setDeleteAllVersions] = useState(false);
 	const [isReadOnly, setIsReadOnly] = useState(false);
@@ -92,26 +86,18 @@ const PageEditor = (props: IProps) => {
 	const [notification, setNotification] = useState<INotification | null>(null);
 	const [toastMsg, setToastMsg] = useState<string | null>(null);
 	const [scheduleDate, setScheduleDate] = useState({ date: dateToString(new Date(), "yyy/MM/dd"), time: "12:00 am" });
+	const { isDirty, setIsDirty, resetDirty } = useIsDirty(editorContent, isNewTranslation);
+	const { isOpen, toggleModal } = useModal();
+	const { isOpen: isUnpublishOpen, toggleModal: toggleUnpublishModal } = useModal();
+	const { isOpen: isDeleteOpen, toggleModal: toggleDeleteModal } = useModal();
+	const { isOpen: isScheduleOpen, toggleModal: toggleScheduleModal } = useModal();
+	const { isOpen: isCancelScheduleOpen, toggleModal: toggleCancelScheduleModal } = useModal();
+	const { isOpen: isRestoreOpen, toggleModal: toggleRestoreModal } = useModal();
+	const { isOpen: isDirtyNavigateOpen, toggleModal: toggleDirtyNavigateModal } = useModal();
 	const [pendingNavigateCallback, setPendingNavigateCallback] = useState<(() => void) | null>(null);
 	const [errorPagesChecked, setErrorPagesChecked] = useState(false);
-	const [headingsFilter, setHeadingsFilter] = useState<HeadingFilter>("all");
-	const [keywordsFilter, setKeywordsFilter] = useState<string[]>([]);
 	const browserRef = useRef<HTMLDivElement>(null);
 
-	const { isOpen, toggleModal } = useModals([
-		"userEditing",
-		"unpublish",
-		"delete",
-		"schedule",
-		"cancelSchedule",
-		"restore",
-		"headingsPreview",
-		"keywordsPreview",
-		"dirtyNavigate",
-	]);
-
-	const { isDirty, setIsDirty, resetDirty } = useIsDirty(editorContent, isNewTranslation);
-
 	const isGlobal = editorContent && editorContent.origin === "GLOBAL";
 	const isEditable = editorContent?.editable;
 	const isPublished = props.pageStatus === pageStatus.PUBLISHED || props.pageStatus === pageStatus.UPLOAD_PENDING;
@@ -121,13 +107,11 @@ const PageEditor = (props: IProps) => {
 	const isTranslated = pageLanguages.length > 1;
 	const structuredData = editorContent ? editorContent.structuredData : "";
 	const isEditLive = isPublished && hasDraft;
-	const isAllowedToDelete =
-		(isPublished && isAllowedTo.deletePublishedPages) || (!isPublished && isAllowedTo.deletePages);
+	const isAllowedToDelete = (isPublished && isAllowedToDeletePublishedPage) || (!isPublished && isAllowedToDeletePage);
 	const canBeUnpublished = editorContent?.canBeUnpublished;
 	const deleteHelpText = !canBeUnpublished ? "This is the canonical site of the page. You cannot unpublish it." : null;
 	const isScheduled = !!editorContent && !!editorContent.publicationScheduled;
 	const isDeleted = editorContent.deleted;
-	const defaultContentTab = "content";
 
 	const errorNotificationText =
 		"There are some errors on the page so you can not publish yet. Please review them in the error panel.";
@@ -142,13 +126,13 @@ const PageEditor = (props: IProps) => {
 
 	// biome-ignore lint/correctness/useExhaustiveDependencies: TODO: fix this
 	useEffect(() => {
-		const { pageID, getPage, sendPagePing } = props;
-
+		const { pageID, getPage, setTab, sendPagePing } = props;
+		const defaultTab = "content";
 		const handleGetPage = async () => {
 			await getPage(pageID);
 		};
 
-		setTab(defaultContentTab);
+		setTab(defaultTab);
 		resetDirty();
 		setToastMsg(null);
 		handleGetPage();
@@ -168,11 +152,11 @@ const PageEditor = (props: IProps) => {
 		const { pageID, sendPagePing, currentUserID } = props;
 		if (userEditing && userEditing.id !== currentUserID) {
 			setIsReadOnly(true);
-			!isOpen("userEditing") && toggleModal("userEditing");
+			!isOpen && toggleModal();
 		} else {
 			setIsReadOnly(false);
 			pageID && sendPagePing(pageID);
-			isOpen("userEditing") && toggleModal("userEditing");
+			isOpen && toggleModal();
 		}
 	}, [userEditing]);
 
@@ -195,7 +179,7 @@ const PageEditor = (props: IProps) => {
 		const allPageVersions = pageLanguages.map((lang: IPageLanguage) => lang.pageId);
 		const isDeleted = deleteAllVersions ? await deleteBulk(allPageVersions) : await deletePage();
 
-		toggleModal("delete");
+		toggleDeleteModal();
 		if (isDeleted) {
 			setRoute(path);
 		}
@@ -281,7 +265,7 @@ const PageEditor = (props: IProps) => {
 		discardDraft();
 	};
 
-	const handleDiscardChanges = () => {
+	const handleDiscarChanges = () => {
 		const { getPage, pageID } = props;
 		resetDirty();
 
@@ -301,7 +285,7 @@ const PageEditor = (props: IProps) => {
 		const saved = await schedulePublication(dateString, isDraft);
 		if (saved) {
 			resetDirty();
-			toggleModal("schedule");
+			toggleScheduleModal();
 		}
 	};
 
@@ -310,7 +294,7 @@ const PageEditor = (props: IProps) => {
 		if (saved) {
 			setScheduleDate({ date: "", time: "12:00 am" });
 			resetDirty();
-			toggleModal("cancelSchedule");
+			toggleCancelScheduleModal();
 		}
 	};
 
@@ -331,7 +315,7 @@ const PageEditor = (props: IProps) => {
 						}
 					: {
 							label: status === pageStatus.UPLOAD_PENDING ? "Cancel publication" : "Unpublish",
-							action: hasDraft ? () => toggleModal("unpublish") : unpublishPage,
+							action: hasDraft ? toggleUnpublishModal : unpublishPage,
 							disabled: !canBeUnpublished,
 							helpText: deleteHelpText,
 						};
@@ -348,24 +332,24 @@ const PageEditor = (props: IProps) => {
 
 	const menuOptions = [];
 
-	if (isAllowedTo.publishPages && !isScheduled && !isPublished && props.pageStatus !== pageStatus.OFFLINE_PENDING) {
+	if (isAllowedToPublishPages && !isScheduled && !isPublished && props.pageStatus !== pageStatus.OFFLINE_PENDING) {
 		menuOptions.push({
 			label: "Schedule",
 			icon: "calendar",
-			action: () => toggleModal("schedule"),
+			action: toggleScheduleModal,
 		});
 	}
 
-	if (isAllowedTo.publishPages && isScheduled) {
+	if (isAllowedToPublishPages && isScheduled) {
 		menuOptions.push({
 			label: "Cancel Schedule",
 			icon: "cancelEvent",
-			action: () => toggleModal("cancelSchedule"),
+			action: toggleCancelScheduleModal,
 		});
 	}
 
 	if (
-		isAllowedTo.editContentPages &&
+		isAllowedToEditContentPage &&
 		(props.pageStatus === pageStatus.PUBLISHED ||
 			props.pageStatus === pageStatus.OFFLINE ||
 			props.pageStatus === pageStatus.OFFLINE_PENDING ||
@@ -379,19 +363,19 @@ const PageEditor = (props: IProps) => {
 		});
 	}
 
-	if (props.pageStatus === pageStatus.PUBLISHED && !hasDraft && isDirty && isAllowedTo.publishPages) {
+	if (props.pageStatus === pageStatus.PUBLISHED && !hasDraft && isDirty && isAllowedToPublishPages) {
 		menuOptions.push({
 			label: "Unpublish",
 			icon: "offline",
-			action: isDraft ? () => toggleModal("unpublish") : unpublishPage,
+			action: isDraft ? toggleUnpublishModal : unpublishPage,
 		});
 	}
 
-	if (isAllowedTo.editContentPages && !isScheduled && (isDraft || (isPublished && isDirty))) {
+	if (isAllowedToEditContentPage && !isScheduled && (isDraft || (isPublished && isDirty))) {
 		menuOptions.push({
 			label: "Discard changes",
 			icon: "close",
-			action: isDraft ? handleDiscardDraft : handleDiscardChanges,
+			action: isDraft ? handleDiscardDraft : handleDiscarChanges,
 		});
 	}
 
@@ -399,13 +383,13 @@ const PageEditor = (props: IProps) => {
 		menuOptions.push({
 			label: "Delete page",
 			icon: "delete",
-			action: () => toggleModal("delete"),
+			action: toggleDeleteModal,
 		});
 	}
 
 	const downArrowMenu = {
 		displayed: !isReadOnly && !isDeleted,
-		button: isAllowedTo.publishPages ? getPublishButton(props.pageStatus) : undefined,
+		button: isAllowedToPublishPages ? getPublishButton(props.pageStatus) : undefined,
 		options: !isGlobal ? menuOptions : [],
 	};
 
@@ -453,7 +437,7 @@ const PageEditor = (props: IProps) => {
 	}
 
 	let availableLanguages = siteLanguages;
-	if (!isTemplateActivated || hasDeactivatedModules || !isAllowedTo.createPages || isDeleted) {
+	if (!isTemplateActivated || hasDeactivatedModules || !isAllowedToCreatePages || isDeleted) {
 		const pageLanguagesIDs = pageLanguages.map((language) => language.languageId);
 		availableLanguages = siteLanguages.filter((language) => {
 			return pageLanguagesIDs.includes(language.id);
@@ -478,7 +462,7 @@ const PageEditor = (props: IProps) => {
 		}
 	};
 
-	const rightButtonProps = isAllowedTo.editContentPages
+	const rightButtonProps = isAllowedToEditContentPage
 		? {
 				label: isSaving ? "Saving" : getSaveLabel(),
 				disabled:
@@ -555,33 +539,33 @@ const PageEditor = (props: IProps) => {
 		props.setHistoryPush(backLinkRoute, false);
 	};
 
-	const mainAction = { title: "Preview Page", onClick: () => toggleModal("userEditing") };
+	const mainAction = { title: "Preview Page", onClick: toggleModal };
 	const secondaryAction = { title: "Ok, go back", onClick: handleGoBack };
 
-	const mainUnpublishAction = { title: "Ok", onClick: () => toggleModal("unpublish") };
+	const mainUnpublishAction = { title: "Ok", onClick: toggleUnpublishModal };
 
 	const mainDeleteModalAction = {
 		title: "Delete page",
 		onClick: removePage,
 	};
 
-	const secondaryDeleteModalAction = { title: "Cancel", onClick: () => toggleModal("delete") };
+	const secondaryDeleteModalAction = { title: "Cancel", onClick: toggleDeleteModal };
 
 	const mainScheduleModalAction = {
 		title: "Schedule",
 		onClick: handleSchedulePublication,
 	};
 
-	const secondaryScheduleModalAction = { title: "Cancel", onClick: () => toggleModal("schedule") };
+	const secondaryScheduleModalAction = { title: "Cancel", onClick: toggleScheduleModal };
 
 	const mainCancelScheduleModalAction = {
 		title: "Cancel Schedule",
 		onClick: handleCancelSchedulePublication,
 	};
 
-	const secondaryCancelScheduleModalAction = { title: "Back", onClick: () => toggleModal("cancelSchedule") };
+	const secondaryCancelScheduleModalAction = { title: "Back", onClick: toggleCancelScheduleModal };
 
-	const tabIcons = isAllowedTo.editContentPages
+	const tabIcons = isAllowedToEditContentPage
 		? [
 				{ name: "edit", text: "Edit mode" },
 				{ name: "view", text: "Preview mode" },
@@ -599,7 +583,6 @@ const PageEditor = (props: IProps) => {
 		icons: tabIcons,
 		selectedTab,
 		action: (tab: string) => handleSelectedTab(tab),
-		disabled: isOpen("headingsPreview") || isOpen("keywordsPreview"),
 	};
 
 	const contentLanguages: ILanguage[] = [];
@@ -627,7 +610,7 @@ const PageEditor = (props: IProps) => {
 			await getPage(selectedPageLanguage.pageId, false, isDraft);
 			resetDirty();
 		} else {
-			isAllowedTo.editContentPages && setSelectedTab("edit");
+			isAllowedToEditContentPage && setSelectedTab("edit");
 			createNewTranslation(true);
 			await getPage(pageID);
 		}
@@ -636,40 +619,18 @@ const PageEditor = (props: IProps) => {
 	const handleRestorePage = async () => {
 		const isRestored = await restorePage(pageID);
 		if (isRestored) {
-			isOpen("restore") && toggleModal("restore");
+			isRestoreOpen && toggleRestoreModal();
 			await getPage(pageID);
 		}
 	};
 
-	const handleAddKeywords = (newKeywords: string[]) => {
-		const keywords: string[] = [...editorContent.metaKeywords, ...newKeywords];
-		updateEditorContent(0, "metaKeywords", keywords);
-		handleSavePage();
-	};
-
-	const handledeleteKeyword = (keyword: string) => {
-		const newKeywords = (editorContent.metaKeywords as string[]).filter((key) => key !== keyword);
-		updateEditorContent(0, "metaKeywords", newKeywords);
-		handleSavePage();
-	};
-
-	const handleToggleHeadingsEditor = () => {
-		toggleModal("headingsPreview");
-		setTab(defaultContentTab);
-	};
-
-	const handleToggleKeywordsEditor = () => {
-		toggleModal("keywordsPreview");
-		setTab(defaultContentTab);
-	};
-
 	const onNavigateWithDirty = (navigateCallback: () => void) => {
 		setPendingNavigateCallback(() => navigateCallback);
-		toggleModal("dirtyNavigate");
+		toggleDirtyNavigateModal();
 	};
 
 	const handleConfirmDirtyNavigation = () => {
-		toggleModal("dirtyNavigate");
+		toggleDirtyNavigateModal();
 		if (pendingNavigateCallback) {
 			pendingNavigateCallback();
 			setPendingNavigateCallback(null);
@@ -677,7 +638,7 @@ const PageEditor = (props: IProps) => {
 	};
 
 	const handleCancelDirtyNavigation = () => {
-		toggleModal("dirtyNavigate");
+		toggleDirtyNavigateModal();
 		setPendingNavigateCallback(null);
 	};
 
@@ -743,7 +704,7 @@ const PageEditor = (props: IProps) => {
 									type="error"
 									text={deletedNotificationText}
 									btnText="Restore page"
-									onClick={() => toggleModal("restore")}
+									onClick={toggleRestoreModal}
 								/>
 							</S.NotificationWrapper>
 						)}
@@ -775,12 +736,6 @@ const PageEditor = (props: IProps) => {
 								setNotification={setNotification}
 								isEditLive={isEditLive}
 								isDisabled={isDeleted}
-								toggleHeadingsPreview={handleToggleHeadingsEditor}
-								isHeadingsPreviewOpen={isOpen("headingsPreview")}
-								headingsFilter={headingsFilter}
-								toggleKeywordsPreview={handleToggleKeywordsEditor}
-								isKeywordsPreviewOpen={isOpen("keywordsPreview")}
-								keywordsFilter={keywordsFilter}
 								isDirty={isDirty}
 								onNavigateWithDirty={onNavigateWithDirty}
 							/>
@@ -794,14 +749,14 @@ const PageEditor = (props: IProps) => {
 				)}
 
 				<Modal
-					isOpen={isOpen("userEditing")}
-					hide={() => toggleModal("userEditing")}
+					isOpen={isOpen}
+					hide={toggleModal}
 					size="S"
 					title="This page is currently being edited"
 					mainAction={mainAction}
 					secondaryAction={secondaryAction}
 				>
-					{isOpen("userEditing") && (
+					{isOpen && (
 						<S.ModalContent>
 							<p>
 								<strong>{userEditing?.name}</strong> is currently working on this page. You can preview the page but{" "}
@@ -811,13 +766,13 @@ const PageEditor = (props: IProps) => {
 					)}
 				</Modal>
 				<Modal
-					isOpen={isOpen("unpublish")}
-					hide={() => toggleModal("unpublish")}
+					isOpen={isUnpublishOpen}
+					hide={toggleUnpublishModal}
 					size="S"
 					title="Unpublish Modified Page"
 					mainAction={mainUnpublishAction}
 				>
-					{isOpen("unpublish") && (
+					{isUnpublishOpen && (
 						<S.ModalContent>
 							<p>
 								There are some saved changes that are not published on this page. To Unpublish this page,{" "}
@@ -827,54 +782,37 @@ const PageEditor = (props: IProps) => {
 					)}
 				</Modal>
 				<DeleteModal
-					isOpen={isOpen("delete")}
-					toggleModal={() => toggleModal("delete")}
+					isOpen={isDeleteOpen}
+					toggleModal={toggleDeleteModal}
 					mainModalAction={mainDeleteModalAction}
 					secondaryModalAction={secondaryDeleteModalAction}
 					{...{ isTranslated, deleteAllVersions, setDeleteAllVersions }}
 				/>
 				<ScheduleModal
-					isOpen={isOpen("schedule")}
-					toggleModal={() => toggleModal("schedule")}
+					isOpen={isScheduleOpen}
+					toggleModal={toggleScheduleModal}
 					mainModalAction={mainScheduleModalAction}
 					secondaryModalAction={secondaryScheduleModalAction}
 					scheduleDate={scheduleDate}
 					setScheduleDate={setScheduleDate}
 				/>
 				<CancelScheduleModal
-					isOpen={isOpen("cancelSchedule")}
-					toggleModal={() => toggleModal("cancelSchedule")}
+					isOpen={isCancelScheduleOpen}
+					toggleModal={toggleCancelScheduleModal}
 					mainModalAction={mainCancelScheduleModalAction}
 					secondaryModalAction={secondaryCancelScheduleModalAction}
 				/>
 				<RestoreModal
-					isOpen={isOpen("restore")}
-					toggleModal={() => toggleModal("restore")}
+					isOpen={isRestoreOpen}
+					toggleModal={toggleRestoreModal}
 					{...{
 						isChild: false,
 						hasIssues: schemaVersion !== editorContent.schemaVersionTimestamp,
 						restorePage: handleRestorePage,
 					}}
 				/>
-				<HeadingsPreviewModal
-					isOpen={isOpen("headingsPreview")}
-					toggleModal={handleToggleHeadingsEditor}
-					browserRef={browserRef}
-					headingsFilter={headingsFilter}
-					setHeadingsFilter={setHeadingsFilter}
-				/>
-				<KeywordsPreviewModal
-					isOpen={isOpen("keywordsPreview")}
-					toggleModal={handleToggleKeywordsEditor}
-					browserRef={browserRef}
-					keywords={editorContent?.metaKeywords || []}
-					keywordsFilter={keywordsFilter}
-					setKeywordsFilter={setKeywordsFilter}
-					addKeywords={handleAddKeywords}
-					deleteKeyword={handledeleteKeyword}
-				/>
 				<Modal
-					isOpen={isOpen("dirtyNavigate")}
+					isOpen={isDirtyNavigateOpen}
 					hide={handleCancelDirtyNavigation}
 					size="S"
 					title="Unsaved changes"
@@ -957,7 +895,6 @@ const mapDispatchToProps = {
 	schedulePublication: pageEditorActions.schedulePublication,
 	setCurrentPageID: pageEditorActions.setCurrentPageID,
 	restorePage: pageEditorActions.restorePage,
-	updateEditorContent: pageEditorActions.updateEditorContent,
 };
 
 interface IPageEditorDispatchProps {
@@ -985,7 +922,6 @@ interface IPageEditorDispatchProps {
 	schedulePublication(date: string | null, isDraft: boolean): Promise<boolean>;
 	setCurrentPageID: (currentPageID: number | null) => void;
 	restorePage(id: number | number[]): Promise<boolean>;
-	updateEditorContent(selectedEditorID: number, key: string, value: any): void;
 }
 
 type IProps = IPageEditorStateProps & IPageEditorDispatchProps & RouteComponentProps;

package/src/modules/PublicPreview/index.tsx

@@ -67,12 +67,9 @@ const PublicPreview = () => {
 
 	if (isLoading || !state) return <Loading />;
 
-	const setBrowserRef = (ref: any) => {
-		(window as any).browserRef = ref;
-	};
-
 	return (
-		<S.Wrapper ref={setBrowserRef}>
+		// biome-ignore lint/suspicious/noAssignInExpressions: TODO: fix this
+		<S.Wrapper ref={(ref: any) => ((window as any).browserRef = ref)}>
 			<BrowserContent
 				cloudinaryName={state?.cloudinaryName}
 				theme={theme}