@griddo/ax 1.66.13 → 1.67.0

package/src/modules/Content/style.tsx

@@ -35,4 +35,11 @@ const ModalContent = styled.div`
   }
 `;
 
-export { ContentListWrapper, TableWrapper, PaginationWrapper, EmptyWrapper, ModalContent };
+const SelectWrapper = styled.div`
+  & .react-select__control,
+  .react-select__menu {
+    min-width: 100%;
+  }
+`;
+
+export { ContentListWrapper, TableWrapper, PaginationWrapper, EmptyWrapper, ModalContent, SelectWrapper };

package/src/modules/FramePreview/index.tsx

@@ -0,0 +1,85 @@
+import React from "react";
+import { connect } from "react-redux";
+
+import * as components from "components";
+import { SiteProvider } from "components";
+import { Preview } from "@griddo/core";
+import { getDefaultTheme } from "@ax/helpers";
+import { Loading } from "@ax/components";
+import { ILanguage, IRootState, ISocialState } from "@ax/types";
+
+import * as S from "./style";
+
+const FramePreview = (props: IProps) => {
+  const { content, socials, selectedEditorID, cloudinaryName, isLoading, currentSiteInfo, siteLangs, globalLangs } =
+    props;
+
+  const {
+    editorContent: { canonicalSite, language, pageLanguages },
+    header,
+    footer,
+  } = content;
+
+  document.body.classList.add("preview");
+
+  const API_URL = process.env.REACT_APP_API_ENDPOINT;
+  const PUBLIC_API_URL = process.env.REACT_APP_PUBLIC_API_ENDPOINT;
+
+  const globalTheme = getDefaultTheme();
+  const theme = currentSiteInfo ? currentSiteInfo.theme : globalTheme;
+  const langs = currentSiteInfo ? siteLangs : globalLangs;
+  const siteID = currentSiteInfo ? currentSiteInfo.id : canonicalSite;
+
+  if (isLoading) return <Loading />;
+
+  return (
+    <SiteProvider
+      cloudinaryCloudName={cloudinaryName}
+      theme={theme}
+      socials={socials}
+      siteLangs={langs}
+      selectEditorID={selectedEditorID}
+      renderer="editor"
+      apiUrl={API_URL}
+      publicApiUrl={PUBLIC_API_URL}
+      siteId={siteID}
+    >
+      <S.Wrapper ref={(ref: any) => ((window as any).browserRef = ref)}>
+        <Preview
+          isPage={true}
+          apiUrl={API_URL}
+          library={components}
+          content={content.editorContent}
+          header={currentSiteInfo && header}
+          footer={currentSiteInfo && footer}
+          languageId={language}
+          pageLanguages={pageLanguages}
+        />
+      </S.Wrapper>
+    </SiteProvider>
+  );
+};
+
+interface IProps {
+  content: any;
+  selectedEditorID: number;
+  socials: ISocialState;
+  cloudinaryName: string | null;
+  currentSiteInfo: any;
+  siteLangs: ILanguage[];
+  globalLangs: ILanguage[];
+  isLoading: boolean;
+}
+
+const mapStateToProps = (state: IRootState) => ({
+  content: { ...state.pageEditor.editorContent },
+  selectedEditorID: state.pageEditor.selectedEditorID as number,
+  socials: state.social,
+  cloudinaryName: state.app.globalSettings.cloudinaryName,
+  currentSiteInfo: state.sites.currentSiteInfo,
+  siteLangs: state.sites.currentSiteLanguages,
+  globalLangs: state.app.globalLangs,
+  isLoading: state.app.isLoading,
+});
+
+export default connect(mapStateToProps)(FramePreview);

package/src/modules/FramePreview/style.tsx

@@ -0,0 +1,18 @@
+import styled from "styled-components";
+
+const Wrapper = styled.div`
+  overflow: auto;
+  scroll-behavior: smooth;
+  height: 100%;
+  position: relative;
+
+  .headroom {
+    position: relative !important;
+  }
+
+  body.preview:not(&) {
+    min-width: 0 !important;
+  }
+`;
+
+export { Wrapper };

package/src/modules/GlobalEditor/Editor/index.tsx

@@ -29,6 +29,7 @@ const Editor = (props: IProps) => {
     copyModule,
     pasteModule,
     theme,
+    browserRef,
     setNotification,
   } = props;
 
@@ -47,7 +48,7 @@ const Editor = (props: IProps) => {
 
   return (
     <ResizePanel
-      leftPanel={<PageBrowser isReadOnly={isReadOnly} theme={theme} />}
+      leftPanel={<PageBrowser isReadOnly={isReadOnly} theme={theme} browserRef={browserRef} />}
       rightPanel={
         <ConfigPanel
           schema={schema}
@@ -99,6 +100,7 @@ interface IPageBrowserDispatchProps {
   isEditable: boolean;
   isReadOnly: boolean;
   theme: string;
+  browserRef: any;
 }
 
 type IProps = IEditorStateProps & IPageBrowserDispatchProps;

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

@@ -18,6 +18,7 @@ const PageBrowser = (props: IProps) => {
     theme,
     isReadOnly,
     isPreview,
+    browserRef,
   } = props;
 
   const slugWithSlash = slug ? (slug.startsWith("/") ? slug : `/${slug}`) : "";
@@ -38,6 +39,7 @@ const PageBrowser = (props: IProps) => {
       disabled={isReadOnly}
       siteID={canonicalSite}
       isPreview={isPreview}
+      browserRef={browserRef}
     />
   );
 };
@@ -60,6 +62,7 @@ interface IPageBrowserDispatchProps {
   theme: string;
   isReadOnly: boolean;
   isPreview?: boolean;
+  browserRef?: any;
 }
 
 type IProps = IEditorStateProps & IPageBrowserDispatchProps;

package/src/modules/GlobalEditor/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState, useRef } from "react";
 import { connect } from "react-redux";
 import { RouteComponentProps } from "react-router-dom";
 
@@ -42,6 +42,7 @@ const GlobalEditor = (props: IProps) => {
     savedSiteInfo,
     userEditing,
     isNewTranslation,
+    currentSiteErrorPages,
   } = props;
 
   const { isOpen, toggleModal } = useModal();
@@ -50,6 +51,8 @@ const GlobalEditor = (props: IProps) => {
   const [selectedTab, setSelectedTab] = useState("edit");
   const [notification, setNotification] = useState<INotification | null>(null);
   const { isDirty, setIsDirty, resetDirty } = useIsDirty(editorContent.editorContent, isNewTranslation);
+  const [errorPagesChecked, setErrorPagesChecked] = useState(false);
+  const browserRef = useRef<HTMLDivElement>(null);
 
   const isPublished = props.pageStatus === pageStatus.PUBLISHED || props.pageStatus === pageStatus.UPLOAD_PENDING;
   const isDraft = props.pageStatus === pageStatus.MODIFIED;
@@ -98,6 +101,16 @@ const GlobalEditor = (props: IProps) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [userEditing]);
 
+  useEffect(() => {
+    if (!errorPagesChecked && !isLoading && editorContent.editorContent) {
+      const pageId = editorContent.editorContent.id;
+      const hasErrors = currentSiteErrorPages.some((errorPageId) => pageId === errorPageId);
+      hasErrors && reviewPage();
+      setErrorPagesChecked(true);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editorContent]);
+
   const setRoute = (path: string) => props.setHistoryPush(path, true);
 
   const removePage = async () => {
@@ -114,7 +127,7 @@ const GlobalEditor = (props: IProps) => {
   const publishPage = async () => {
     const { updatePageStatus, savePage, pageID, validatePage } = props;
 
-    const validated = await validatePage(true);
+    const validated = await validatePage(true, browserRef);
 
     if (validated) {
       const publishPage = {
@@ -134,7 +147,7 @@ const GlobalEditor = (props: IProps) => {
   const publishChanges = async () => {
     const { savePage, validatePage } = props;
 
-    const validated = await validatePage(true);
+    const validated = await validatePage(true, browserRef);
 
     if (validated) {
       const publishPage = {
@@ -163,13 +176,13 @@ const GlobalEditor = (props: IProps) => {
 
   const reviewPage = () => {
     const { validatePage } = props;
-    validatePage();
+    validatePage(undefined, browserRef);
   };
 
   const handlePublishDraft = async () => {
     const { savePage, validatePage } = props;
 
-    const validated = await validatePage(true);
+    const validated = await validatePage(true, browserRef);
 
     if (validated) {
       const isSaved = await savePage(false, null, true);
@@ -462,6 +475,7 @@ const GlobalEditor = (props: IProps) => {
               isEditable={isEditable}
               isReadOnly={isReadOnly}
               theme={theme}
+              browserRef={browserRef}
               setNotification={setNotification}
             />
           </S.Content>
@@ -524,6 +538,7 @@ const mapStateToProps = (state: IRootState): IPageEditorStateProps => ({
   userEditing: state.pageEditor.userEditing,
   currentUserID: state.users.currentUser.id,
   isNewTranslation: state.pageEditor.isNewTranslation,
+  currentSiteErrorPages: state.sites.currentSiteErrorPages,
 });
 
 interface IPageEditorStateProps {
@@ -543,6 +558,7 @@ interface IPageEditorStateProps {
   userEditing: IUserEditing | null;
   currentUserID: number | null;
   isNewTranslation: boolean;
+  currentSiteErrorPages: number[];
 }
 
 const mapDispatchToProps = {
@@ -567,7 +583,7 @@ interface IPageEditorDispatchProps {
   getPage(pageID?: number, global?: boolean): Promise<void>;
   savePage(createDraft: boolean, publishPage?: any, publishDraft?: boolean): Promise<boolean>;
   deletePage(params?: ISavePageParams): Promise<boolean>;
-  validatePage(publish?: boolean): Promise<boolean>;
+  validatePage(publish?: boolean, browserRef?: any): Promise<boolean>;
   updatePageStatus(id: number[], status: string): Promise<boolean>;
   setHistoryPush(path: string, isEditor: boolean): void;
   setLanguage?(lang: { locale: string; id: number | null }): void;

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

@@ -35,6 +35,7 @@ const Editor = (props: IProps) => {
     isReadOnly,
     userEditing,
     site,
+    browserRef,
     lastElementAddedId,
     copyModule,
     pasteModule,
@@ -58,7 +59,9 @@ const Editor = (props: IProps) => {
 
   return (
     <ResizePanel
-      leftPanel={<PageBrowser isTemplateActivated={isTemplateActivated} isReadOnly={isReadOnly} />}
+      leftPanel={
+        <PageBrowser isTemplateActivated={isTemplateActivated} isReadOnly={isReadOnly} browserRef={browserRef} />
+      }
       rightPanel={
         <ConfigPanel
           schema={schema}
@@ -119,6 +122,7 @@ interface IPageBrowserDispatchProps {
   isEditable: boolean;
   pageTitle: string;
   isReadOnly: boolean;
+  browserRef: any;
 }
 
 type IProps = IEditorStateProps & IPageBrowserDispatchProps;

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

@@ -3,7 +3,7 @@ import { connect } from "react-redux";
 import { pageEditorActions } from "@ax/containers/PageEditor";
 
 import { Browser } from "@ax/components";
-import { IBreadcrumbItem, ILanguage, IRootState, ISchema, ISocialState } from "@ax/types";
+import { ILanguage, IRootState, ISocialState } from "@ax/types";
 
 const PageBrowser = (props: IProps) => {
   const {
@@ -21,6 +21,7 @@ const PageBrowser = (props: IProps) => {
     isTemplateActivated,
     isReadOnly,
     isPreview,
+    browserRef,
   } = props;
 
   const slugWithSlash = slug ? (slug.startsWith("/") ? slug : `/${slug}`) : "";
@@ -44,6 +45,7 @@ const PageBrowser = (props: IProps) => {
       disabled={disabled}
       siteID={siteID}
       isPreview={isPreview}
+      browserRef={browserRef}
     />
   );
 };
@@ -56,8 +58,6 @@ interface IEditorStateProps {
   socials: ISocialState;
   cloudinaryName: string | null;
   siteLangs: ILanguage[];
-  schema: ISchema | Record<string, unknown>;
-  breadcrumb: IBreadcrumbItem[];
   selectedParent: any;
   activatedModules: string[];
 }
@@ -67,6 +67,7 @@ interface IPageBrowserDispatchProps {
   isTemplateActivated: boolean;
   isReadOnly: boolean;
   isPreview?: boolean;
+  browserRef?: any;
 }
 
 type IProps = IEditorStateProps & IPageBrowserDispatchProps;
@@ -78,8 +79,6 @@ const mapStateToProps = (state: IRootState): IEditorStateProps => ({
   socials: state.social,
   cloudinaryName: state.app.globalSettings.cloudinaryName,
   siteLangs: state.sites.currentSiteLanguages,
-  schema: state.pageEditor.schema,
-  breadcrumb: state.pageEditor.breadcrumb,
   selectedParent: state.pageEditor.selectedParent,
   activatedModules: state.dataPacks.modules,
 });

package/src/modules/PageEditor/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState, useRef } from "react";
 import { connect } from "react-redux";
 import { RouteComponentProps } from "react-router-dom";
 
@@ -44,6 +44,7 @@ const PageEditor = (props: IProps) => {
     pageEditor: { editorContent, schema },
     userEditing,
     isNewTranslation,
+    currentSiteErrorPages,
   } = props;
 
   const [deleteAllVersions, setDeleteAllVersions] = useState(false);
@@ -54,6 +55,8 @@ const PageEditor = (props: IProps) => {
   const { isOpen, toggleModal } = useModal();
   const { isOpen: isUnpublishOpen, toggleModal: toggleUnpublishModal } = useModal();
   const { isOpen: isDeleteOpen, toggleModal: toggleDeleteModal } = useModal();
+  const [errorPagesChecked, setErrorPagesChecked] = useState(false);
+  const browserRef = useRef<HTMLDivElement>(null);
 
   const isGlobal = editorContent.editorContent && editorContent.editorContent.origin === "GLOBAL";
   const isEditable = editorContent.editorContent && editorContent.editorContent.editable;
@@ -101,6 +104,16 @@ const PageEditor = (props: IProps) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [lang]);
 
+  useEffect(() => {
+    if (!errorPagesChecked && !isLoading && editorContent.editorContent) {
+      const pageId = editorContent.editorContent.id;
+      const hasErrors = currentSiteErrorPages.some((errorPageId) => pageId === errorPageId);
+      hasErrors && reviewPage();
+      setErrorPagesChecked(true);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editorContent]);
+
   const setRoute = (path: string) => props.setHistoryPush(path, true);
 
   const removePage = async () => {
@@ -118,7 +131,7 @@ const PageEditor = (props: IProps) => {
   const publishPage = async () => {
     const { updatePageStatus, savePage, pageID, validatePage } = props;
 
-    const validated = await validatePage(true);
+    const validated = await validatePage(true, browserRef);
 
     if (validated) {
       const publishPage = {
@@ -138,7 +151,7 @@ const PageEditor = (props: IProps) => {
   const publishChanges = async () => {
     const { savePage, validatePage } = props;
 
-    const validated = await validatePage(true);
+    const validated = await validatePage(true, browserRef);
 
     if (validated) {
       const publishPage = {
@@ -167,13 +180,13 @@ const PageEditor = (props: IProps) => {
 
   const reviewPage = () => {
     const { validatePage } = props;
-    validatePage();
+    validatePage(undefined, browserRef);
   };
 
   const handlePublishDraft = async () => {
     const { savePage, validatePage } = props;
 
-    const validated = await validatePage(true);
+    const validated = await validatePage(true, browserRef);
 
     if (validated) {
       const isSaved = await savePage(false, null, true);
@@ -295,10 +308,12 @@ const PageEditor = (props: IProps) => {
 
   const goToPages = (path: string) => setRoute(path);
 
-  const goToError = (editorID: number, tab: string, template: boolean) => {
+  const goToError = (editorID: number | null, tab: string, template: boolean) => {
     const realEditorID = template ? 0 : editorID;
-    setSelectedContent(realEditorID);
-    setTab(tab);
+    if (realEditorID !== null) {
+      setSelectedContent(realEditorID);
+      setTab(tab);
+    }
   };
 
   const modalText = (
@@ -506,6 +521,7 @@ const PageEditor = (props: IProps) => {
               isEditable={isEditable}
               pageTitle={pageName}
               isReadOnly={isReadOnly}
+              browserRef={browserRef}
               setNotification={setNotification}
             />
           </S.Content>
@@ -576,6 +592,7 @@ const mapStateToProps = (state: IRootState): IPageEditorStateProps => ({
   userEditing: state.pageEditor.userEditing,
   currentUserID: state.users.currentUser.id,
   isNewTranslation: state.pageEditor.isNewTranslation,
+  currentSiteErrorPages: state.sites.currentSiteErrorPages,
 });
 
 interface IPageEditorStateProps {
@@ -596,6 +613,7 @@ interface IPageEditorStateProps {
   userEditing: IUserEditing | null;
   currentUserID: number | null;
   isNewTranslation: boolean;
+  currentSiteErrorPages: number[];
 }
 
 const mapDispatchToProps = {
@@ -622,7 +640,7 @@ interface IPageEditorDispatchProps {
   getPage(pageID?: number): Promise<void>;
   savePage(createDraft: boolean, publishPage?: any, publishDraft?: boolean): Promise<boolean>;
   deletePage(params?: ISavePageParams): Promise<boolean>;
-  validatePage(publish?: boolean): Promise<boolean>;
+  validatePage(publish?: boolean, browserRef?: any): Promise<boolean>;
   updatePageStatus(id: number[], status: string): Promise<boolean>;
   setHistoryPush(path: string, isEditor: boolean): void;
   setLanguage?(lang: { locale: string; id: number | null }): void;

package/src/modules/Redirects/index.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { connect } from "react-redux";
 
-import { INavItem, IRedirect, IRootState } from "@ax/types";
+import { IEmptyStateProps, INavItem, IRedirect, IRootState } from "@ax/types";
 import { appActions } from "@ax/containers/App";
 import { redirectsActions } from "@ax/containers/Redirects";
 import { MainWrapper, ErrorToast, Nav, TableList, EmptyState, Toast } from "@ax/components";
@@ -30,6 +30,7 @@ const Redirects = (props: IProps): JSX.Element => {
     importRedirects,
     imports,
     totalImports,
+    isLoading,
   } = props;
 
   const itemsPerPage = 50;
@@ -50,6 +51,10 @@ const Redirects = (props: IProps): JSX.Element => {
   const { isOpen: isOpenCheckImport, toggleModal: toggleCheckImportModal } = useModal();
   const [importData, setImportData] = useState<{ from: string; to: string }[]>([]);
   const [isUploading, setIsUploading] = useState(false);
+  const [searchQuery, setSearchQuery] = useState<string>("");
+  const [searchFilter, setSearchFilter] = useState<string>("");
+  const [isEmpty, setIsEmpty] = useState(false);
+  const [emptyStateProps, setEmptyStateProps] = useState<IEmptyStateProps>({});
 
   const initState = {
     from: "",
@@ -62,17 +67,18 @@ const Redirects = (props: IProps): JSX.Element => {
   const [formValues, setFormValues] = useState<IRedirect>(initState);
 
   const redIds = redirects && redirects.map((red: any) => red.id);
-  const isEmpty = redirects && redirects.length === 0;
 
   const getParams = useCallback(() => {
     const params = {
       page,
       itemsPerPage,
       pagination: true,
+      query: searchQuery.trim(),
+      filterBy: searchFilter === "filterby" || searchQuery.trim() === "" ? "" : searchFilter,
     };
 
     return params;
-  }, [page]);
+  }, [page, searchQuery, searchFilter]);
 
   useEffect(() => {
     const params = getParams();
@@ -81,7 +87,26 @@ const Redirects = (props: IProps): JSX.Element => {
       tableRef.current.scrollTo(0, 0);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [page, currentFilterQuery]);
+  }, [page, currentFilterQuery, searchQuery, searchFilter]);
+
+  useEffect(() => {
+    if (!isLoading) {
+      const emptyState: IEmptyStateProps = {};
+      const isSearching = searchQuery.length > 0;
+      if (isSearching) {
+        emptyState.icon = "search";
+        emptyState.title = "Oh! No Results Found";
+        emptyState.message = "We couldn’t find what you are looking for. Please, try another search.";
+      } else {
+        emptyState.message = "To have a redirects on your site, create as many redirects as you want.";
+        emptyState.button = "Create New redirect";
+        emptyState.action = handleModal;
+      }
+      setIsEmpty(!redirects.length);
+      setEmptyStateProps(emptyState);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isLoading]);
 
   const {
     resetBulkSelection,
@@ -176,12 +201,6 @@ const Redirects = (props: IProps): JSX.Element => {
     toggleOverwriteModal();
   };
 
-  const emptyStateProps = {
-    message: "To have a redirects on your site, create as many redirects as you want.",
-    button: "Create New redirect",
-    action: handleModal,
-  };
-
   const pagination = {
     setPage,
     itemsPerPage,
@@ -236,6 +255,12 @@ const Redirects = (props: IProps): JSX.Element => {
 
   const secondaryImportModalAction = { title: "Cancel", onClick: toggleCheckImportModal };
 
+  const searchFilters = [
+    { value: "filterby", label: "Filter by" },
+    { value: "from", label: "Old URL" },
+    { value: "to", label: "New URL" },
+  ];
+
   return (
     <>
       <MainWrapper
@@ -243,6 +268,9 @@ const Redirects = (props: IProps): JSX.Element => {
         title="SEO Settings"
         rightButton={rightButtonProps}
         rightLineButton={rightLineButtonProps}
+        searchAction={setSearchQuery}
+        filterSearchAction={setSearchFilter}
+        searchFilters={searchFilters}
       >
         <S.Wrapper>
           <Nav current={currentNavItem} items={navItems} onClick={handleMenuClick} />
@@ -341,6 +369,7 @@ const mapStateToProps = (state: IRootState) => ({
   currentSiteID: state.sites.currentSiteInfo && state.sites.currentSiteInfo.id,
   totalImports: state.redirects.totalImports,
   imports: state.redirects.imports,
+  isLoading: state.app.isLoading,
 });
 
 const mapDispatchToProps = {
@@ -357,6 +386,7 @@ interface IRedirectsProps {
   totalItems: number;
   currentSiteID: number | null;
   totalImports: number;
+  isLoading: boolean;
   imports: null | {
     error: IRedirect[];
     existing: IRedirect[];

package/src/modules/Settings/Globals/index.tsx

@@ -87,7 +87,7 @@ const Globals = (props: IProps): JSX.Element => {
                 text="The design of the navigation modules has changed. Please, check the previously created."
                 btnText="Go to check"
                 onClick={goToNavigationModules}
-                onClose={closeNavigationNotification}
+                resetError={closeNavigationNotification}
               />
             )}
             <S.FormWrapper>

package/src/modules/Sites/index.tsx

@@ -28,7 +28,7 @@ const Sites = (props: IProps): JSX.Element => {
   const fetchInitialData = async () => {
     setCurrentSiteInfo(null);
     await getStructuredData(token);
-    await getSites(token);
+    await getSites();
     await getAllDataPacks();
     await getUser("me");
 
@@ -68,7 +68,7 @@ interface IStateProps {
 
 interface IDispatchProps {
   setCurrentSiteInfo(currentSiteInfo: any): void;
-  getSites(token: string): Promise<void>;
+  getSites(): Promise<void>;
   getStructuredData(token: string, siteId?: number): Promise<void>;
   setLanguage(lang: { locale: string; id: number | null }): void;
   getAllDataPacks: () => Promise<void>;

package/src/modules/StructuredData/StructuredDataList/GlobalPageItem/index.tsx

@@ -405,7 +405,7 @@ interface IGlobalPageItemProps {
   isAllPages?: boolean;
   globalPage: IPage;
   updatePageStatus(ids: number[], status: string, updatedFromList: boolean): Promise<boolean>;
-  duplicatePage(pageID: number, data: { title: string; slug: string }): Promise<void>;
+  duplicatePage(pageID: number, data: { title: string; slug: string }, siteID?: number): Promise<boolean>;
   setHistoryPush(path: string, isEditor: boolean): void;
   deletePage(params?: ISavePageParams, currentLanguage?: string): Promise<boolean>;
   getGlobalPages(): void;