@griddo/ax 1.75.92 → 1.75.93

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@griddo/ax",
   "description": "Griddo Author Experience",
-  "version": "1.75.92",
+  "version": "1.75.93",
   "authors": [
     "Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
     "Carlos Torres <carlos.torres@secuoyas.com>",
@@ -230,5 +230,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ae192e87d36ac0db7f888c1cb4e9c3564a7a0ad7"
+  "gitHead": "971ac4c31bccc4aeb90f0f34e0309e3032e8618b"
 }

package/src/__mocks__/store/SitesList.ts

@@ -112,6 +112,18 @@ export const sitesDataMock = {
       navigationModules: null,
     },
   ],
+  config: {
+    displayRecentSites: true,
+    mode: "grid",
+    filter: "&order=lastAccess-desc",
+    filterValues: { order: "desc", liveStatus: "all" },
+    sortedListStatus: {
+      isAscending: false,
+      sortedByDateCreated: false,
+      sortedByLastAccess: true,
+      sortedByTitle: false,
+    },
+  },
 };
 
 export const sitesDataNoThumbnailMock = {
@@ -228,6 +240,18 @@ export const sitesDataNoThumbnailMock = {
       navigationModules: null,
     },
   ],
+  config: {
+    displayRecentSites: true,
+    mode: "grid",
+    filter: "&order=lastAccess-desc",
+    filterValues: { order: "desc", liveStatus: "all" },
+    sortedListStatus: {
+      isAscending: false,
+      sortedByDateCreated: false,
+      sortedByLastAccess: true,
+      sortedByTitle: false,
+    },
+  },
 };
 
 export const userDataMock = {

package/src/__tests__/components/Avatar/__snapshots__/Avatar.test.tsx.snap

@@ -2,11 +2,11 @@
 
 exports[`Avatar component rendering should render the component only with name 1`] = `
 <div
-  className="sc-gScZFl gCBoym"
+  className="sc-gSAPjG jRkXjC"
   data-testid="avatar-wrapper"
 >
   <div
-    className="sc-lbVpMG hOAqbs"
+    className="sc-lbxAil fkodDH"
     data-testid="avatar"
   />
 </div>
@@ -14,11 +14,11 @@ exports[`Avatar component rendering should render the component only with name 1
 
 exports[`Avatar component rendering should render the component with a wrong image url 1`] = `
 <div
-  className="sc-gScZFl gCBoym"
+  className="sc-gSAPjG jRkXjC"
   data-testid="avatar-wrapper"
 >
   <div
-    className="sc-lbVpMG kLnTvZ"
+    className="sc-lbxAil ejhcAS"
     data-testid="avatar"
   />
 </div>
@@ -26,11 +26,11 @@ exports[`Avatar component rendering should render the component with a wrong ima
 
 exports[`Avatar component rendering should render the component with an empty string as name 1`] = `
 <div
-  className="sc-gScZFl gCBoym"
+  className="sc-gSAPjG jRkXjC"
   data-testid="avatar-wrapper"
 >
   <div
-    className="sc-lbVpMG dbQJiT"
+    className="sc-lbxAil hilXDA"
     data-testid="avatar"
   />
 </div>
@@ -38,11 +38,11 @@ exports[`Avatar component rendering should render the component with an empty st
 
 exports[`Avatar component rendering should render the component with image null 1`] = `
 <div
-  className="sc-gScZFl gCBoym"
+  className="sc-gSAPjG jRkXjC"
   data-testid="avatar-wrapper"
 >
   <div
-    className="sc-lbVpMG jpmXvZ"
+    className="sc-lbxAil jDWEnq"
     data-testid="avatar"
   />
 </div>
@@ -50,11 +50,11 @@ exports[`Avatar component rendering should render the component with image null
 
 exports[`Avatar component rendering should render the component without name or image 1`] = `
 <div
-  className="sc-gScZFl gCBoym"
+  className="sc-gSAPjG jRkXjC"
   data-testid="avatar-wrapper"
 >
   <div
-    className="sc-lbVpMG dbQJiT"
+    className="sc-lbxAil hilXDA"
     data-testid="avatar"
   />
 </div>

package/src/__tests__/modules/Sites/Sites.test.tsx

@@ -39,6 +39,7 @@ describe("Sites module rendering", () => {
         totalItems: 0,
         sites: [],
         recentSites: [],
+        config: sitesDataMock.config,
       },
       structuredData: { global: [], sites: [] },
     };
@@ -186,6 +187,7 @@ describe("Sites module rendering", () => {
         totalItems: 2,
         sites: sitesDataMock.sites,
         recentSites: [],
+        config: sitesDataMock.config,
       },
       structuredData: { global: [], sites: [] },
     };
@@ -231,6 +233,7 @@ describe("Sites module rendering", () => {
         totalItems: 0,
         sites: [],
         recentSites: [],
+        config: sitesDataMock.config,
       },
       structuredData: { global: [], sites: [] },
     };

package/src/__tests__/modules/Sites/SitesList/SitesList.test.tsx

@@ -146,7 +146,7 @@ describe("Sites module rendering", () => {
         token: "eyJhbGciOiJIUzI",
       },
       users: userDataMock,
-      sites: { totalItems: 2, sites: sitesDataMock.sites, recentSites: [] },
+      sites: { totalItems: 2, sites: sitesDataMock.sites, recentSites: [], config: sitesDataMock.config, },
     };
 
     const middlewares: any = [thunk];
@@ -187,6 +187,7 @@ describe("Sites module rendering", () => {
         totalItems: 0,
         sites: [],
         recentSites: [],
+        config: sitesDataMock.config,
       },
     };
 
@@ -280,6 +281,7 @@ describe("Sites module rendering", () => {
           },
           sitesDataMock.sites[1],
         ],
+        config: sitesDataMock.config,
         recentSites: sitesDataMock.recentSites,
       },
     };
@@ -399,6 +401,7 @@ describe("Sites module events", () => {
   });
 
   it("should go to site on click recent site item", async () => {
+    window.HTMLElement.prototype.scrollTo = jest.fn();
     const middlewares: any = [thunk];
     const mockStore = configureStore(middlewares);
     const store = mockStore(initialStore);
@@ -479,6 +482,7 @@ describe("Sites module events", () => {
   });
 
   it("should go to site on click list site item", async () => {
+    window.HTMLElement.prototype.scrollTo = jest.fn();
     const middlewares: any = [thunk];
     const mockStore = configureStore(middlewares);
     const store = mockStore(initialStore);
@@ -892,6 +896,9 @@ describe("Sites module events", () => {
     await act(async () => {
       render(Component, { store });
     });
+    
+    const gridIconAction = screen.getByTestId("icon-action-Grid2");
+    fireEvent.click(gridIconAction);
 
     const gridItems = screen.getAllByTestId("grid-site-item");
     const moreInfoButton = screen.getAllByTestId("more-info-button");

package/src/components/ErrorCenter/index.tsx

@@ -9,8 +9,17 @@ const ErrorCenter = (props: IErrorCenterProps): JSX.Element => {
 
   const goToElement = (key: string) => {
     const element = document.getElementById(key);
+
     if (element) {
-      element.scrollIntoView();
+      const pos = element.style.position;
+      const top = element.style.top;
+      element.style.position = "relative";
+      element.style.top = "-120px";
+      setTimeout(() => {
+        element.scrollIntoView({ behavior: "smooth", block: "start" });
+        element.style.top = top;
+        element.style.position = pos;
+      }, 100);
     }
   };
 

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

@@ -54,7 +54,7 @@ const ComponentContainer = (props: IComponentContainerProps): JSX.Element => {
     parentKey && objKey ? selectedContent[parentKey][objKey] : objKey && selectedContent[objKey];
 
   let containerText: string = text ? text : getDisplayName(whiteListFirstItem);
-  let componentID: number = editorID ? editorID : containerOptions.editorID;
+  let componentID: number = editorID ? editorID : containerOptions?.editorID;
 
   const containerInfo: any = !isArray && value && isEmptyContainer(value, hasMultipleOptions);
   const isEmpty: boolean = containerInfo?.isEmpty;

package/src/components/Gallery/GalleryPanel/GalleryDragAndDrop/index.tsx

@@ -3,7 +3,7 @@ import { connect } from "react-redux";
 
 import { galleryActions } from "@ax/containers/Gallery";
 import { IGetSiteImages, IImage, IRootState } from "@ax/types";
-import { Icon, DragAndDrop } from "@ax/components";
+import { Icon, DragAndDrop, ProgressBar } from "@ax/components";
 
 import * as S from "./style";
 
@@ -28,6 +28,7 @@ const GalleryDragAndDrop = (props: IProps) => {
   const filesButtonRef = useRef<HTMLButtonElement>(null);
   const [inDropZone, setInDropZone] = useState(false);
   const [dropDepth, setDropDepth] = useState(0);
+  const [uploadingState, setUploadingState] = useState({ total: 0, ready: 0 });
 
   const handleDragEnter = () => {
     setDropDepth((depth) => depth + 1);
@@ -54,32 +55,43 @@ const GalleryDragAndDrop = (props: IProps) => {
   const handleDrop = async (e: React.DragEvent<HTMLDivElement>) => {
     const files = Array.from(e.dataTransfer.files);
     e.dataTransfer.clearData();
-    await handleUploadFile(files);
+    await uploadFiles(files);
     setDropDepth(0);
   };
 
   const handleFilesUpload = (e: any) => {
-    const files = Array.from(e.currentTarget.files);
-    handleUploadFile(files);
+    const files: File[] = Array.from(e.currentTarget.files);
+    uploadFiles(files);
   };
 
-  const handleUploadFile = async (files: Array<any>) => {
-    if (files[0]) {
-      if (!checkType(files[0].type)) {
+  const uploadFiles = async (files: File[]) => {
+    try {
+      if (!files.every((file) => checkType(file.type))) {
         uploadError(true, "Invalid format");
-      } else {
-        try {
-          const newImage = await uploadImage(files[0], site);
-          setInDropZone(false);
-          await refreshImages();
-          selectImage(newImage);
-        } catch (error) {
-          console.log(error);
-        }
+        return;
       }
+
+      setUploadingState({ total: files.length, ready: 0 });
+      let lastImage;
+      while (files.length) {
+        const file = files.shift();
+        lastImage = file && (await uploadImage(file, site));
+        setUploadingState((state) => ({ total: state.total, ready: state.ready + 1 }));
+      }
+
+      setInDropZone(false);
+      await refreshImages();
+      lastImage && selectImage(lastImage);
+      setUploadingState({ total: 0, ready: 0 });
+    } catch (error) {
+      console.log(error);
     }
   };
 
+  const uploading = isUploading || uploadingState.total > uploadingState.ready;
+  const success = isSuccess && uploadingState.total === uploadingState.ready;
+  const uploadPercentage = (uploadingState.ready * 100) / uploadingState.total;
+
   const handleTryAgain = () => {
     setInDropZone(false);
     uploadError(false);
@@ -136,15 +148,18 @@ const GalleryDragAndDrop = (props: IProps) => {
 
   return (
     <S.Wrapper hidden={isImageSelected}>
-      <S.DragAndDropWrapper inDropZone={inDropZone} uploading={isUploading} success={isSuccess} error={isError}>
+      <S.DragAndDropWrapper inDropZone={inDropZone} uploading={uploading} success={success} error={isError}>
         {allowUpload ? renderDragAndDrop() : renderPlaceholder()}
       </S.DragAndDropWrapper>
-      <S.UploadingWrapper inDropZone={inDropZone} uploading={isUploading} success={isSuccess} error={isError}>
+      <S.UploadingWrapper inDropZone={inDropZone} uploading={uploading} success={success} error={isError}>
         <S.StatusWrapper>
           <S.UploadingStatus>
             <S.DragIcon>
               <Icon name="image" size="36" />
             </S.DragIcon>
+            <S.ProgressBar>
+              <ProgressBar percentage={uploadPercentage} />
+            </S.ProgressBar>
             <S.DragTitle>Uploading...</S.DragTitle>
           </S.UploadingStatus>
           <S.SuccessStatus>
@@ -192,7 +207,7 @@ interface IDispatchProps {
   getSiteImages(params: IGetSiteImages): Promise<void>;
   selectImage(item: IImage): void;
   uploadError: (error: boolean, msg?: string) => Promise<void>;
-  uploadImage: (imageFile: File, site: number | string) => Promise<IImage>;
+  uploadImage: (imageFiles: File | File[], site: number | string) => Promise<IImage>;
 }
 
 const mapDispatchToProps = {

package/src/components/Gallery/GalleryPanel/GalleryDragAndDrop/style.tsx

@@ -18,6 +18,11 @@ export const StatusWrapper = styled.div`
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
+  width: calc(100% - ${(p) => p.theme.spacing.m} * 4);
+`;
+
+export const ProgressBar = styled.div`
+  margin-bottom: ${(p) => p.theme.spacing.xs};
 `;
 
 export const DragStatus = styled.div`

package/src/components/Notification/style.tsx

@@ -24,7 +24,8 @@ const NotificationWrapper = styled.div`
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  padding: ${(p) => `0 ${p.theme.spacing.m}`};
+  padding: ${(p) => p.theme.spacing.s};
+  ${(p) => p.theme.spacing.m};
   color: ${(p) => p.theme.color.textHighEmphasisInverse};
   ${(p) => p.theme.textStyle.uiL};
 `;
@@ -33,7 +34,6 @@ const Row = styled.div`
   display: flex;
   align-items: center;
   width: 100%;
-  min-height: ${(p) => p.theme.spacing.l};
   z-index: 2;
 
   svg {

package/src/components/Tooltip/style.tsx

@@ -4,7 +4,7 @@ const Tooltip = styled.div`
   position: relative;
 `;
 
-const Tip = styled.div<{
+const Tip = styled.span<{
   active: boolean;
   childrenWidth: number;
   bottom?: boolean;

package/src/containers/App/actions.tsx

@@ -72,7 +72,9 @@ function setToken(token: string): ISetTokenAction {
 }
 
 function logout(): ILogoutAction {
+  const listConfig = localStorage.getItem("sitesConfig") || "";
   localStorage.clear();
+  localStorage.setItem("sitesConfig", listConfig);
   return { type: LOGOUT, payload: { token: "" } };
 }
 

package/src/containers/Gallery/actions.tsx

@@ -94,21 +94,30 @@ function selectImage(item: IImage): (dispatch: Dispatch, getState: () => IRootSt
   };
 }
 
-function uploadImage(imageFile: File, site: number | string): (dispatch: Dispatch) => Promise<IImage> {
+function uploadImage(imageFiles: File | File[], site: number | string): (dispatch: Dispatch) => Promise<IImage> {
   return async (dispatch) => {
     try {
       dispatch(setIsUploading(true));
-      const imageSize = imageFile.size / (1024 * 1024);
-      const image = imageSize >= maxSize ? await compressImage(imageFile, 9999, 9999, maxSize, false) : imageFile;
-      const form = new FormData();
-      form.append("file", image);
-      site && form.append("site", JSON.stringify(site));
-      const result = await images.createImage(form);
-      if (isReqOk(result.status)) {
+
+      const imageFilesArr = Array.isArray(imageFiles) ? imageFiles : [imageFiles];
+      const uploadPromises = imageFilesArr.map(async (imageFile: File) => {
+        const imageSize = imageFile.size / (1024 * 1024);
+        const image = imageSize >= maxSize ? await compressImage(imageFile, 9999, 9999, maxSize, false) : imageFile;
+        const form = new FormData();
+        form.append("file", image);
+        site && form.append("site", JSON.stringify(site));
+        const createdImage = await images.createImage(form);
+        return { ...createdImage, image };
+      });
+      const results = await Promise.all(uploadPromises);
+      const lastUploadedImage = results.reduce((lastResult, result) =>
+        result.data.id > lastResult.data.id ? result : lastResult
+      );
+
+      if (isReqOk(lastUploadedImage?.status)) {
         dispatch(setIsUploading(false));
         dispatch(setUploadSuccess(true));
-        // dispatch(setInDropZone(false));
-        return { ...result.data, file: image };
+        return { ...lastUploadedImage.data, file: lastUploadedImage.image };
       } else {
         dispatch(setUploadError(true, "Error uploading image"));
       }

package/src/containers/PageEditor/actions.tsx

@@ -33,6 +33,7 @@ import {
 } from "@ax/forms";
 import { appActions } from "@ax/containers/App";
 import { navigationActions } from "@ax/containers/Navigation";
+import { structuredDataActions } from "@ax/containers/StructuredData";
 import { setCurrentSiteErrorPages } from "@ax/containers/Sites/actions";
 import { pages, sites, structuredData } from "@ax/api";
 import { getDefaultPageNavigation, getPageData, getPageNavigation, getStateValues } from "./utils";
@@ -421,7 +422,7 @@ function savePage(
         const pageID = saveResponse.data.id;
         const updatedPage = await pages.getPageInfo(pageID);
         const mappedData = parseData(updatedPage.data, true);
-        const { pageContent } = generateEditorIDs({ editorContent: mappedData, header, footer });
+        const { pageContent } = generateEditorIDs({ ...mappedData, header, footer });
 
         const isGlobalPage = saveResponse.data.component === "GlobalPage";
         !isGlobalPage && (await getPageLanguages(pageID, currentSiteInfo.id, saveResponse.data.entity)(dispatch));
@@ -574,7 +575,7 @@ function updatePageStatus(
         const currentPageID = ids[0];
         const updatedContent = await pages.getPageInfo(currentPageID);
         const mappedData = parseData(updatedContent.data, true);
-        const { pageContent } = generateEditorIDs({ editorContent: mappedData, header, footer });
+        const { pageContent } = generateEditorIDs({ ...mappedData, header, footer });
         dispatch(setEditorContent(pageContent));
         dispatch(setCurrentPageStatus(status));
       }
@@ -937,20 +938,22 @@ function generatePageContent(editorContent: IPage, dispatch: Dispatch, getState:
     dataPacks: { configFormData },
   } = getState();
 
-  const { header: headerID, footer: footerID, isGlobal } = editorContent;
+  const { header, footer, isGlobal } = editorContent;
   const { defaultHeader, defaultFooter } = (configFormData.templates && configFormData.templates[template]) || {};
 
-  const header = headerID === null ? defaultHeader : headerID;
-  const footer = footerID === null ? defaultFooter : footerID;
+  const headerID =
+    header === null || header === undefined ? defaultHeader : typeof header === "object" ? header.id : header;
+  const footerID =
+    footer === null || footer === undefined ? defaultFooter : typeof footer === "object" ? footer.id : footer;
 
   const { header: pageHeader, footer: pageFooter } = getPageNavigation(
-    header,
-    footer,
+    headerID,
+    footerID,
     currentDefaultsContent,
     isGlobal
   );
 
-  const { pageContent } = generateEditorIDs({ editorContent, header: pageHeader, footer: pageFooter });
+  const { pageContent } = generateEditorIDs({ ...editorContent, header: pageHeader, footer: pageFooter });
   const { element: selectedContent, parent: selectedParent } = findByEditorID({ pageContent }, selectedEditorID);
   const { component } = selectedContent;
   const schema = getSchema(component);
@@ -984,7 +987,7 @@ function updateEditorContent(
 
     const isNavigation = ["header", "footer"].includes(key);
     if (isNavigation || (value && typeof value === "object")) {
-      generatePageContent(updatedEditorContent.editorContent, dispatch, getState);
+      generatePageContent(updatedEditorContent, dispatch, getState);
     }
   };
 }
@@ -1109,7 +1112,7 @@ function moveElement(
         content,
         selectedContent,
         newIndex,
-        page: editorContent.editorContent,
+        page: editorContent,
         key,
       });
 
@@ -1224,13 +1227,14 @@ function getGlobalFromLocalPage(): (dispatch: Dispatch, getState: any) => Promis
       dispatch(setIsLoading(true));
 
       const {
-        pageEditor: { editorContent: content, currentPageID },
+        pageEditor: { editorContent, currentPageID },
       } = getState();
 
-      const { originalGlobalPage } = content.editorContent;
+      const { originalGlobalPage, structuredData } = editorContent;
 
       dispatch(setSitePageID(currentPageID));
       dispatch(setCurrentPageID(originalGlobalPage));
+      structuredDataActions.setSelectedStructuredData(structuredData, "global")(dispatch, getState);
     } catch (e) {
       console.log(e);
     }
@@ -1291,11 +1295,7 @@ function removeNavigationFromPage(key: string): (dispatch: Dispatch, getState: a
       pageEditor: { editorContent },
     } = getState();
 
-    const updatedEditorContent = {
-      ...editorContent,
-      editorContent: { ...editorContent.editorContent, [key]: 0 },
-      [key]: null,
-    };
+    const updatedEditorContent = { ...editorContent, [key]: 0 };
 
     setSelectedContent(0)(dispatch, getState);
     dispatch(setEditorContent(updatedEditorContent));
@@ -1316,13 +1316,10 @@ function restorePageNavigation(key: string): (dispatch: Dispatch, getState: any)
     const pageHeader = key === "header" ? navigation : header;
     const pageFooter = key === "footer" ? navigation : footer;
 
-    const updatedEditorContent = {
-      ...editorContent,
-      editorContent: { ...editorContent.editorContent, [key]: navigation.id },
-    };
+    const updatedEditorContent = { ...editorContent, [key]: navigation };
 
     const { pageContent } = generateEditorIDs({
-      editorContent: updatedEditorContent.editorContent,
+      ...updatedEditorContent,
       header: pageHeader,
       footer: pageFooter,
     });

package/src/containers/PageEditor/utils.tsx

@@ -8,7 +8,7 @@ const getPageParams = (getState: any): ISavePageParams => {
   } = getState();
   return {
     site: currentSiteInfo,
-    page: editorContent.editorContent,
+    page: editorContent,
   };
 };
 
@@ -38,9 +38,9 @@ const getTemplateValues = (template: any) => {
 
 const getStateValues = (getState: any) => {
   const {
-    pageEditor: { editorContent: pageContent, selectedEditorID, selectedContent, template, errors },
+    pageEditor: { editorContent, selectedEditorID, selectedContent, template, errors },
   } = getState();
-  const { editorContent, header, footer } = pageContent;
+  const { header, footer } = editorContent;
 
   const editorID = selectedEditorID;
   const sections = getTemplateValues(editorContent.template);
@@ -72,14 +72,14 @@ const getPageNavigation = (
 
   const header =
     headerID === 0
-      ? null
+      ? headerID
       : headerID === undefined || headerID === null
       ? headers.find((content: any) => content.setAsDefault)
       : headers.find((content: any) => content.id === headerID);
 
   const footer =
     footerID === 0
-      ? null
+      ? headerID
       : footerID === undefined || footerID === null
       ? footers.find((content: any) => content.setAsDefault)
       : footers.find((content: any) => content.id === footerID);

package/src/containers/Sites/actions.tsx

@@ -13,6 +13,7 @@ import {
   DEFAULT_PARAMS,
   SET_CURRENT_SITE_ERROR_PAGES,
   SET_CONTENT_FILTERS,
+  SET_CONFIG,
 } from "./constants";
 
 import {
@@ -28,9 +29,18 @@ import {
   ISetCurrentSiteErrorPages,
   ISetContentFilters,
   ISetSitesTotalItems,
+  ISetConfig,
 } from "./interfaces";
 
-import { ISite, IGetSitePagesParams, ISettingsForm, IGetGlobalPagesParams, IPage, IGetSitesParams } from "@ax/types";
+import {
+  ISite,
+  IGetSitePagesParams,
+  ISettingsForm,
+  IGetGlobalPagesParams,
+  IPage,
+  IGetSitesParams,
+  ISiteListConfig,
+} from "@ax/types";
 import { sites, languages, dataPack, social, structuredData, analytics, pages } from "@ax/api";
 import { appActions } from "@ax/containers/App";
 import { structuredDataActions } from "@ax/containers/StructuredData";
@@ -96,10 +106,12 @@ function setContentFilters(contentFilters: Record<string, string> | null): ISetC
   return { type: SET_CONTENT_FILTERS, payload: { contentFilters } };
 }
 
+function setConfig(config: ISiteListConfig): ISetConfig {
+  return { type: SET_CONFIG, payload: { config } };
+}
+
 // TODO: hay que controlar que cuando da error la API borrar los sites ya guardados y sacar el error (ver los siguientes FIXME)
-function getSites(
-  params: IGetSitesParams = { recentSitesNumber: 7 }
-): (dispatch: Dispatch) => Promise<void> {
+function getSites(params: IGetSitesParams = { recentSitesNumber: 7 }): (dispatch: Dispatch) => Promise<void> {
   return async (dispatch) => {
     try {
       const responseActions = {
@@ -595,8 +607,10 @@ function deleteAndRemoveFromSiteBulk(
           responseErrorPages = {
             ...responseErrorPages,
             data: {
-              code: responseErrorPages.data.code || response.data.code,
-              message: [...responseErrorPages.data.message, ...response.data.message],
+              code: responseErrorPages.data?.code || response.data?.code,
+              message: response.data
+                ? [...responseErrorPages.data.message, ...response.data.message]
+                : responseErrorPages.data?.message,
             },
           };
 
@@ -604,8 +618,9 @@ function deleteAndRemoveFromSiteBulk(
         },
       };
 
-      const callbackPages = async () => pages.bulkDelete(pageIds);
-      const callbackGlobalPages = async () => sites.removePageBulk(currentSiteInfo.id, globalPageIds);
+      const callbackPages = async () => pageIds.length > 0 && pages.bulkDelete(pageIds);
+      const callbackGlobalPages = async () =>
+        globalPageIds.length > 0 && sites.removePageBulk(currentSiteInfo.id, globalPageIds);
 
       const resultPages = await handleRequest(callbackPages, responsePageActions, [])(dispatch);
       const resultGlobalPages = await handleRequest(callbackGlobalPages, responseGlobalPageActions, [])(dispatch);
@@ -628,6 +643,17 @@ function resetCurrentSiteErrorPages(): (dispatch: Dispatch) => Promise<void> {
   };
 }
 
+function setListConfig(config: ISiteListConfig): (dispatch: Dispatch) => Promise<void> {
+  return async (dispatch) => {
+    try {
+      localStorage.setItem("sitesConfig", JSON.stringify(config));
+      dispatch(setConfig(config));
+    } catch (e) {
+      console.log(e);
+    }
+  };
+}
+
 export {
   setCurrentSiteInfo,
   setCurrentSitePages,
@@ -656,4 +682,5 @@ export {
   resetCurrentSiteErrorPages,
   setContentFilters,
   deleteAndRemoveFromSiteBulk,
+  setListConfig,
 };