@griddo/ax 1.60.7 → 1.61.0

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

@@ -75,7 +75,7 @@ const ImageField = (props: IImageFieldProps) => {
           <IconAction icon="delete" onClick={handleDelete} />
         </S.PreviewActions>
       </S.Preview>
-      <Modal isOpen={isOpen} hide={toggleModal} size="L" title="Select image">
+      <Modal isOpen={isOpen} hide={toggleModal} size="XL" title="Select image">
         <Gallery getImageSelected={getImageSelected} toggleModal={toggleModal} site={site} />
       </Modal>
     </>

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

@@ -1,12 +1,12 @@
 import React, { useState, memo } from "react";
 
 import { ISite } from "@ax/types";
-import { AsyncCheckGroup } from "@ax/components";
+import { AsyncCheckGroup, CheckGroup } from "@ax/components";
 
 import * as S from "./style";
 
 const MultiCheckSelect = (props: IProps) => {
-  const { placeholder, source, value, onChange, site, className, mandatory } = props;
+  const { placeholder, source, value, onChange, site, className, mandatory, options, selectAllOption } = props;
 
   const [isOpen, setIsOpen] = useState(false);
 
@@ -21,7 +21,22 @@ const MultiCheckSelect = (props: IProps) => {
       </S.Field>
       {isOpen && (
         <S.DropDown>
-          <AsyncCheckGroup source={source} site={site} value={value} onChange={onChange} fullHeight={true} />
+          {options && (
+            <CheckGroup
+              options={options}
+              value={value}
+              onChange={onChange}
+              selectAllOption={selectAllOption}
+            />
+          )}
+          {source && (
+            <AsyncCheckGroup
+              source={source}
+              site={site}
+              value={value}
+              onChange={onChange}
+              fullHeight={true} />
+          )}
         </S.DropDown>
       )}
     </S.Wrapper>
@@ -29,13 +44,15 @@ const MultiCheckSelect = (props: IProps) => {
 };
 
 interface IProps {
-  value: any[];
-  onChange: (value: string | string[]) => void;
+  value: (string | number)[];
+  onChange: (value: string | (string | number)[]) => void;
   site?: ISite | null;
   placeholder: string;
-  source: string;
+  source?: string;
   className?: string;
   mandatory?: boolean;
+  options?: { name: string, value: string, title: string }[];
+  selectAllOption?: string;
 }
 
 export default memo(MultiCheckSelect);

package/src/components/Fields/MultiCheckSelect/style.tsx

@@ -49,6 +49,7 @@ const DropDown = styled.div`
   z-index: 2;
   max-height: 130px;
   overflow: auto;
+  position: absolute;
 `;
 
 const Asterisk = styled.span`

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

@@ -15,7 +15,7 @@ const NoteField = (props: INoteFieldProps): JSX.Element => {
 };
 
 export interface INoteFieldProps {
-  value: { title?: string; text: string };
+  value: { title?: string; text: string | JSX.Element };
   className?: string;
 }
 

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

@@ -4,7 +4,7 @@ import RadioField, { IRadioFieldProps } from "../RadioField";
 import * as S from "./style";
 
 const RadioGroup = (props: IRadioGroupProps): JSX.Element => {
-  const { value, name, options, onChange, disabled, optionsOnSelect } = props;
+  const { value, name, options, onChange, disabled, optionsOnSelect, inline } = props;
 
   const handleChange = (newValue: string) => {
     onChange(str2bool(newValue));
@@ -22,7 +22,7 @@ const RadioGroup = (props: IRadioGroupProps): JSX.Element => {
     ? options.map((item: IRadioFieldProps) => {
         const checked = value !== null && value !== undefined ? str2bool(value) === str2bool(item.value) : false;
         return (
-          <S.RadioFieldWrapper key={item.name}>
+          <S.RadioFieldWrapper key={item.name} inline={inline}>
             <RadioField
               onChange={handleChange}
               checked={checked}
@@ -38,7 +38,7 @@ const RadioGroup = (props: IRadioGroupProps): JSX.Element => {
       })
     : null;
 
-  return <S.FieldGroup>{radiosArray}</S.FieldGroup>;
+  return <S.FieldGroup inline={inline}>{radiosArray}</S.FieldGroup>;
 };
 
 interface IRadioGroupProps {
@@ -49,6 +49,7 @@ interface IRadioGroupProps {
   onChange: (value: string | boolean) => void;
   disabled?: boolean;
   optionsOnSelect?: React.ReactElement;
+  inline?: boolean;
 }
 
 export default RadioGroup;

package/src/components/Fields/RadioGroup/style.tsx

@@ -1,13 +1,18 @@
 import styled from "styled-components";
 
-export const FieldGroup = styled.div`
+export const FieldGroup = styled.div<{ inline?: boolean }>`
   width: 100%;
-  margin-bottom: ${p => p.theme.spacing.xxs};
+  margin-bottom: ${(p) => p.inline ? 0 : p.theme.spacing.xxs};
+  display: ${(p) => p.inline ? "flex" : "block"};
 `;
 
-export const RadioFieldWrapper = styled.div`
+export const RadioFieldWrapper = styled.div<{ inline?: boolean }>`
   display: flex;
 
+  &:not(:last-child) {
+    margin-right: ${(p) => p.inline ? p.theme.spacing.s : 0};
+  }
+
   & > :first-child {
     flex-grow: 2;
   }

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

@@ -1,24 +1,28 @@
 import React, { useState, useEffect, memo, useRef } from "react";
 import { Editor } from "react-draft-wysiwyg";
-import { EditorState, convertFromRaw, convertToRaw } from "draft-js";
+import { EditorState, convertFromRaw, convertToRaw, ContentState } from "draft-js";
 import { markdownToDraft, draftToMarkdown } from "markdown-draft-js";
+import draftToHtml from "draftjs-to-html";
+import htmlToDraft from "html-to-draftjs";
 import { stateFromHTML } from "draft-js-import-html";
 import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
 
 import * as S from "./style";
 
 const RichText = (props: IRichTextProps): JSX.Element => {
-  const { value, error, placeholder, onChange, disabled, editorID, handleValidation } = props;
+  const { value, error, placeholder, onChange, disabled, editorID, handleValidation, html = false } = props;
 
-  const rawData = markdownToDraft(value);
-  const contentState = convertFromRaw(rawData);
+  const rawData = html ? htmlToDraft(value) : markdownToDraft(value);
+  const { contentBlocks, entityMap } = rawData;
+  const contentState = html ? ContentState.createFromBlockArray(contentBlocks, entityMap) : convertFromRaw(rawData);
 
   const [editorState, setEditorState] = useState(() => EditorState.createWithContent(contentState));
   const timeOutRef = useRef<ReturnType<typeof setTimeout>>();
 
   useEffect(() => {
-    const rawData = markdownToDraft(value);
-    const contentState = convertFromRaw(rawData);
+    const rawData = html ? htmlToDraft(value) : markdownToDraft(value);
+    const { contentBlocks, entityMap } = rawData;
+    const contentState = html ? ContentState.createFromBlockArray(contentBlocks, entityMap) : convertFromRaw(rawData);
     setEditorState(EditorState.createWithContent(contentState));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editorID]);
@@ -39,7 +43,7 @@ const RichText = (props: IRichTextProps): JSX.Element => {
     const content = editorState.getCurrentContent();
     const plainContent = content.getPlainText();
     const rawObject = convertToRaw(content);
-    const markdownString = draftToMarkdown(rawObject);
+    const markdownString = html ? draftToHtml(rawObject) : draftToMarkdown(rawObject);
     onChange(markdownString);
     error && handleValidation && handleValidation(plainContent);
   };
@@ -48,7 +52,7 @@ const RichText = (props: IRichTextProps): JSX.Element => {
     const content = stateFromHTML(pastedValue);
     setEditorState(() => EditorState.createWithContent(content));
     const rawObject = convertToRaw(content);
-    const markdownString = draftToMarkdown(rawObject);
+    const markdownString = html ? draftToHtml(rawObject) : draftToMarkdown(rawObject);
     onChange(markdownString);
     return false;
   };
@@ -110,6 +114,7 @@ interface IRichTextProps {
   disabled?: boolean;
   onChange: (value: string) => void;
   handleValidation?: (value: string) => void;
+  html: boolean;
 }
 
 export default memo(RichText);

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

@@ -33,8 +33,6 @@ const TextArea = (props: ITextAreaProps): JSX.Element => {
     handleValidation && handleValidation(e.target.value);
   };
 
-  const errorString = error ? "true" : "false";
-
   return (
     <S.TextArea
       name={name}
@@ -44,7 +42,7 @@ const TextArea = (props: ITextAreaProps): JSX.Element => {
       onChange={handleOnChange}
       onBlur={handleOnBlur}
       placeholder={placeholder}
-      error={errorString}
+      $error={error}
       disabled={disabled}
     />
   );

package/src/components/Fields/TextArea/style.tsx

@@ -1,9 +1,9 @@
 import styled from "styled-components";
 import TextareaAutosize from "react-textarea-autosize";
 
-export const TextArea = styled(TextareaAutosize)<{ error: string }>`
+export const TextArea = styled(TextareaAutosize) <{ $error: boolean | undefined }>`
   ${(p) => p.theme.textStyle.fieldContent};
-  border: 1px solid ${(p) => (p.error === "true" ? p.theme.color.error : p.theme.color.uiLine)};
+  border: 1px solid ${p => (p.$error === true ? p.theme.color.error : p.theme.color.uiLine)};
   border-radius: 4px;
   background-color: ${(p) => p.theme.color.uiBackground02};
   color: ${(p) => p.theme.color.textHighEmphasis};
@@ -17,7 +17,7 @@ export const TextArea = styled(TextareaAutosize)<{ error: string }>`
   &:active,
   &:focus {
     outline: none;
-    border-color: ${(p) => (p.error === "true" ? p.theme.color.error : p.theme.color.interactive01)};
+    border-color: ${(p) => (p.$error === true ? p.theme.color.error : p.theme.color.interactive01)};
   }
 
   &::placeholder {

package/src/components/Fields/UrlField/style.tsx

@@ -10,6 +10,7 @@ const PageSelectedWrapper = styled.div`
     background-color: ${(p) => p.theme.color.overlayHoverPrimary};
     cursor: pointer;
   }
+  margin-bottom: ${(p) => p.theme.spacing.xxs};
 `;
 
 const PageField = styled.div`

package/src/components/Fields/index.tsx

@@ -1,3 +1,4 @@
+import AnalyticsField from "./AnalyticsField";
 import ArrayFieldGroup from "./ArrayFieldGroup";
 import AsyncCheckGroup from "./AsyncCheckGroup";
 import AsyncSelect from "./AsyncSelect";
@@ -35,6 +36,7 @@ import VisualUniqueSelection from "./VisualUniqueSelection";
 import Wysiwyg from "./Wysiwyg";
 
 export {
+  AnalyticsField,
   ArrayFieldGroup,
   AsyncCheckGroup,
   AsyncSelect,

package/src/components/Modal/index.tsx

@@ -63,7 +63,7 @@ interface IModalProps {
   hide: any;
   children: any;
   title?: string;
-  size?: "S" | "M" | "L";
+  size?: "S" | "M" | "L" | "XL";
   mainAction?: IAction;
   secondaryAction?: IAction;
 }

package/src/components/Modal/style.tsx

@@ -5,6 +5,8 @@ const getWidth = (size: string | undefined) => {
     case "M":
       return "640px";
     case "L":
+      return "896px";
+    case "XL":
       return "1088px";
     default:
       return "512px";
@@ -16,6 +18,8 @@ const getHeight = (size: string | undefined) => {
     case "M":
       return "384px";
     case "L":
+      return "512px";
+    case "XL":
       return "640px";
     default:
       return "320px";
@@ -89,7 +93,7 @@ export const ModalFooter = styled.div`
   background: ${(p) => p.theme.color.uiBackground01};
   display: flex;
   justify-content: flex-end;
-  padding: ${(p) => `0 ${p.theme.spacing.m} ${p.theme.spacing.m} ${p.theme.spacing.m}`};
+  padding: ${(p) => `${p.theme.spacing.xs} ${p.theme.spacing.m} ${p.theme.spacing.m} ${p.theme.spacing.m}`};
   button:not(:first-child) {
     margin-left: ${(p) => p.theme.spacing.s};
   }

package/src/components/Notification/style.tsx

@@ -26,11 +26,10 @@ const Wrapper = styled.div<{ isOpen: boolean }>`
 
 const Row = styled.div`
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   width: 100%;
   min-height: ${(p) => p.theme.spacing.l};
   z-index: 2;
-  padding-top: ${(p) => p.theme.spacing.s};
 
   svg {
     width: ${(p) => p.theme.spacing.m};
@@ -46,9 +45,7 @@ const IconWrapper = styled.span`
   height: 24px;
 `;
 
-const Text = styled.span`
-  padding-bottom: ${(p) => p.theme.spacing.s};
-`;
+const Text = styled.span``;
 
 const ActionsWrapper = styled.div`
   display: flex;

package/src/components/TableFilters/LiveFilter/index.tsx

@@ -26,6 +26,10 @@ const LiveFilter = (props: ILiveFilterProps): JSX.Element => {
   const [options, setOptions] = useState(filters);
   const structuredDataStatus = ["offline", "active"];
 
+  useEffect(() => {
+    setSelectedValue([value]);
+  }, [value]);
+
   const getLiveStatusValues = async () => {
     try {
       const items = await checkgroups.getLiveStatusItems();

package/src/components/TableFilters/NameFilter/style.tsx

@@ -3,6 +3,7 @@ import { Header } from "@ax/components/TableList/style";
 
 const NameHeader = styled(Header)<{ isActive: boolean }>`
   width: 100%;
+  min-width: 88px;
   &:hover {
     color: ${(p) => p.theme.color.interactive01};
   }

package/src/components/TableFilters/TypeFilter/index.tsx

@@ -1,16 +1,20 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { CheckGroup, FloatingMenu, Icon, ListTitle } from "@ax/components";
 import { areEquals } from "@ax/helpers";
 
 import * as S from "./style";
 
 const TypeFilter = (props: ITypeFilterProps): JSX.Element => {
-  const { filterItems, filters, pointer } = props;
+  const { filterItems, filters, pointer, value } = props;
 
   const initialState = ["all"];
   const selectAllOption = "all";
   const [selectedValue, setSelectedValue] = useState(initialState);
 
+  useEffect(() => {
+    setSelectedValue([value]);
+  }, [value]);
+
   const setFilterQuery = (selection: any) => {
     if (!selection.length) {
       selection = initialState;
@@ -57,6 +61,7 @@ interface ITypeFilterProps {
   filterItems(pointer: string, filter: string): void;
   filters: IFilter[];
   pointer: string;
+  value: any;
 }
 
 export default TypeFilter;

package/src/containers/Analytics/actions.tsx

@@ -0,0 +1,58 @@
+import { analytics } from "@ax/api";
+import { appActions } from "@ax/containers/App";
+import { handleRequest } from "@ax/helpers";
+import { IAnalytics } from "@ax/types";
+import { SET_ANALYTICS } from "./constants";
+import { ISetAnalytics } from "./interfaces";
+
+function setAnalytics(analytics: IAnalytics): ISetAnalytics {
+  return { type: SET_ANALYTICS, payload: analytics };
+}
+
+function getAnalytics(siteId: number | string = "global"): (dispatch: any) => Promise<void> {
+  return async (dispatch) => {
+    try {
+      const callback = async () => analytics.getAnalytics(siteId);
+
+      const responseActions = {
+        handleSuccess: (response: any) => {
+          dispatch(setAnalytics(response));
+        },
+        handleError: (response: any) => appActions.handleError(response)(dispatch),
+      };
+
+      await handleRequest(callback, responseActions, [appActions.setIsLoading])(dispatch);
+    } catch (e) {
+      console.log(e);
+    }
+  };
+}
+
+function updateAnalytics(analyticsState: IAnalytics, siteId: number | string = "global"): (dispatch: any) => Promise<boolean> {
+  return async (dispatch) => {
+    try {
+      const { scriptCode, dimensions, groups } = analyticsState;
+      const callback = async () => {
+        const promises = [];
+        promises.push(analytics.updateScriptCode(siteId, { scriptCode }));
+        promises.push(analytics.createDimensions(siteId, { dimensions }));
+        promises.push(analytics.createDimensionsGroups(siteId, { groups }));
+        return Promise.all(promises);
+      }
+
+      const responseActions = {
+        handleSuccess: () => {
+          dispatch(getAnalytics());
+        },
+        handleError: (response: any) => appActions.handleError(response)(dispatch),
+      };
+
+      return await handleRequest(callback, responseActions, [appActions.setIsSaving])(dispatch);
+    } catch (e) {
+      console.log(e);
+      return false;
+    }
+  };
+}
+
+export { getAnalytics, updateAnalytics };

package/src/containers/Analytics/constants.tsx

@@ -0,0 +1,5 @@
+const NAME = "analytics";
+
+const SET_ANALYTICS = `${NAME}/SET_ANALYTICS`;
+
+export { NAME, SET_ANALYTICS };

package/src/containers/Analytics/index.tsx

@@ -0,0 +1,4 @@
+import * as analyticsActions from "./actions";
+import { analyticsReducer } from "./reducer";
+
+export { analyticsActions, analyticsReducer };

package/src/containers/Analytics/interfaces.tsx

@@ -0,0 +1,9 @@
+import { IAnalytics } from "@ax/types";
+import { SET_ANALYTICS } from "./constants";
+
+export interface ISetAnalytics {
+  type: typeof SET_ANALYTICS;
+  payload: IAnalytics;
+}
+
+export type AnalyticsActionsCreators = ISetAnalytics;

package/src/containers/Analytics/reducer.tsx

@@ -0,0 +1,26 @@
+import { IDimension, IDimensionsGroup } from "@ax/types";
+import { SET_ANALYTICS } from "./constants";
+import { AnalyticsActionsCreators } from "./interfaces";
+
+export interface IAnalyticsState {
+  scriptCode: string;
+  dimensions: IDimension[];
+  groups: IDimensionsGroup[];
+}
+
+export const initialState = {
+  scriptCode: "",
+  dimensions: [],
+  groups: [],
+};
+
+export function reducer(state = initialState, action: AnalyticsActionsCreators): IAnalyticsState {
+  switch (action.type) {
+    case SET_ANALYTICS:
+      return { ...state, ...action.payload };
+    default:
+      return state;
+  }
+}
+
+export { initialState as analyticsInitialState, reducer as analyticsReducer };

package/src/containers/PageEditor/actions.tsx

@@ -269,6 +269,7 @@ function getPage(pageID?: number, global?: boolean): (dispatch: Dispatch, getSta
           dispatch(setTemplateConfig(page.templateConfig));
           dispatch(setUserEditing(page.editing));
           dispatch(setCurrentPageStatus(pageLiveStatus));
+          addTemplate(page.templateId)(dispatch);
         }
       } else {
         if (!isNewTranslation) {

package/src/containers/Redirects/actions.tsx

@@ -1,8 +1,15 @@
 import { redirects } from "@ax/api";
 import { appActions } from "@ax/containers/App";
 import { handleRequest } from "@ax/helpers";
-import { DEFAULT_PARAMS, ERROR_CODE, SET_REDIRECTS, SET_TOTAL_ITEMS } from "./constants";
-import { ISetRedirects, ISetTotalItems } from "./interfaces";
+import {
+  DEFAULT_PARAMS,
+  ERROR_CODE,
+  SET_IMPORTS,
+  SET_REDIRECTS,
+  SET_TOTAL_IMPORTS,
+  SET_TOTAL_ITEMS,
+} from "./constants";
+import { ISetImports, ISetRedirects, ISetTotalImports, ISetTotalItems } from "./interfaces";
 
 function setRedirects(redirects: any[]): ISetRedirects {
   return { type: SET_REDIRECTS, payload: { redirects } };
@@ -12,6 +19,14 @@ function setTotalItems(totalItems: number): ISetTotalItems {
   return { type: SET_TOTAL_ITEMS, payload: { totalItems } };
 }
 
+function setImports(imports: any): ISetImports {
+  return { type: SET_IMPORTS, payload: { imports } };
+}
+
+function setTotalImports(totalImports: number): ISetTotalImports {
+  return { type: SET_TOTAL_IMPORTS, payload: { totalImports } };
+}
+
 function getRedirects(params: any, filters?: string): (dispatch: any) => Promise<void> {
   return async (dispatch) => {
     try {
@@ -126,4 +141,35 @@ function deleteRedirect(
   };
 }
 
-export { getRedirects, addRedirect, updateRedirect, deleteRedirect };
+function importRedirects(
+  redirect: { from: string; to: string | number }[],
+  check: boolean
+): (dispatch: any) => Promise<boolean> {
+  return async (dispatch) => {
+    try {
+      const callback = async () =>
+        check ? redirects.createRedirectsBulkCheck(redirect) : redirects.createRedirectsBulk(redirect);
+
+      const responseActions = {
+        handleSuccess: (response: any) => {
+          if (check) {
+            const { total, error, existing, ok } = response;
+            dispatch(setImports({ error, existing, ok }));
+            dispatch(setTotalImports(total));
+          } else {
+            const params = { ...DEFAULT_PARAMS };
+            dispatch(getRedirects(params));
+          }
+        },
+        handleError: (response: any) => appActions.handleError(response)(dispatch),
+      };
+
+      return await handleRequest(callback, responseActions, [])(dispatch);
+    } catch (e) {
+      console.log(e);
+      return false;
+    }
+  };
+}
+
+export { getRedirects, addRedirect, updateRedirect, deleteRedirect, importRedirects };

package/src/containers/Redirects/constants.tsx

@@ -2,6 +2,8 @@ const NAME = "redirects";
 
 const SET_REDIRECTS = `${NAME}/SET_REDIRECTS`;
 const SET_TOTAL_ITEMS = `${NAME}/SET_TOTAL_ITEMS`;
+const SET_TOTAL_IMPORTS = `${NAME}/SET_TOTAL_IMPORTS`;
+const SET_IMPORTS = `${NAME}/SET_IMPORTS`;
 
 const ITEMS_PER_PAGE = 50;
 
@@ -15,4 +17,13 @@ const ERROR_CODE = {
   isBeingUsed: 409,
 };
 
-export { NAME, SET_REDIRECTS, SET_TOTAL_ITEMS, ERROR_CODE, DEFAULT_PARAMS, ITEMS_PER_PAGE };
+export {
+  NAME,
+  SET_REDIRECTS,
+  SET_TOTAL_ITEMS,
+  ERROR_CODE,
+  DEFAULT_PARAMS,
+  ITEMS_PER_PAGE,
+  SET_IMPORTS,
+  SET_TOTAL_IMPORTS,
+};

package/src/containers/Redirects/interfaces.tsx

@@ -1,4 +1,4 @@
-import { SET_REDIRECTS, SET_TOTAL_ITEMS } from "./constants";
+import { SET_IMPORTS, SET_REDIRECTS, SET_TOTAL_IMPORTS, SET_TOTAL_ITEMS } from "./constants";
 
 export interface ISetRedirects {
   type: typeof SET_REDIRECTS;
@@ -10,4 +10,14 @@ export interface ISetTotalItems {
   payload: { totalItems: number };
 }
 
+export interface ISetImports {
+  type: typeof SET_IMPORTS;
+  payload: { imports: any };
+}
+
+export interface ISetTotalImports {
+  type: typeof SET_TOTAL_IMPORTS;
+  payload: { totalImports: number };
+}
+
 export type RedirectsActionsCreators = ISetRedirects;

package/src/containers/Redirects/reducer.tsx

@@ -1,20 +1,31 @@
-import { SET_REDIRECTS, SET_TOTAL_ITEMS } from "./constants";
+import { IRedirect } from "@ax/types";
+import { SET_IMPORTS, SET_REDIRECTS, SET_TOTAL_IMPORTS, SET_TOTAL_ITEMS } from "./constants";
 import { RedirectsActionsCreators } from "./interfaces";
 
 export interface IRedirectsState {
   redirects: any[];
   totalItems: number;
+  totalImports: number;
+  imports: null | {
+    error: IRedirect[];
+    existing: IRedirect[];
+    ok: IRedirect[];
+  };
 }
 
 export const initialState = {
   redirects: [],
   totalItems: 0,
+  totalImports: 0,
+  imports: null,
 };
 
 export function reducer(state = initialState, action: RedirectsActionsCreators): IRedirectsState {
   switch (action.type) {
     case SET_REDIRECTS:
     case SET_TOTAL_ITEMS:
+    case SET_IMPORTS:
+    case SET_TOTAL_IMPORTS:
       return { ...state, ...action.payload };
     default:
       return state;