@frontegg/redux-store 5.61.0 → 6.0.1-alpha.2

package/audits/backward-compatibility/interfaces.d.ts

@@ -1,55 +1,55 @@
-import { ContextOptions, AuditRowData, SortDirectionType } from '@frontegg/rest-api';
-export interface DataSorting {
-    sortDirection: SortDirectionType;
-    sortBy: string;
-}
-export interface HeaderProps {
-    chosen: boolean;
-    selected: boolean;
-    name: keyof AuditRowData;
-    type: string;
-    sortable: boolean;
-    filterable: boolean;
-    displayName: string;
-    showInTable: boolean;
-    showInMoreInfo: string;
-}
-export interface Filter {
-    key: string;
-    value: string;
-}
-export interface OldAuditsState {
-    total: number;
-    error?: {
-        metadata?: string;
-    };
-    offset: number;
-    filter: string;
-    sortBy: string;
-    filters: Filter[];
-    context: ContextOptions | null;
-    rowsData: AuditRowData[];
-    lastUpdated: Date;
-    isLoading: boolean;
-    totalToday: number;
-    headerProps: HeaderProps[];
-    themeAudits?: any;
-    currentPage: number;
-    isFetchMore: boolean;
-    sortDirection: SortDirectionType;
-    severeThisWeek: number;
-    predefinedFilters: {
-        [key: string]: string;
-    }[];
-    isDownloadingCsv?: boolean;
-    virtualScroll?: boolean;
-}
-export interface LoadAudits {
-    count?: number;
-    sortBy?: string;
-    filter?: string | null;
-    offset?: number;
-    appendMode?: boolean;
-    onlyOneLoad?: boolean;
-    sortDirection?: SortDirectionType;
-}
+import { ContextOptions, AuditRowData, SortDirectionType } from '@frontegg/rest-api';
+export interface DataSorting {
+    sortDirection: SortDirectionType;
+    sortBy: string;
+}
+export interface HeaderProps {
+    chosen: boolean;
+    selected: boolean;
+    name: keyof AuditRowData;
+    type: string;
+    sortable: boolean;
+    filterable: boolean;
+    displayName: string;
+    showInTable: boolean;
+    showInMoreInfo: string;
+}
+export interface Filter {
+    key: string;
+    value: string;
+}
+export interface OldAuditsState {
+    total: number;
+    error?: {
+        metadata?: string;
+    };
+    offset: number;
+    filter: string;
+    sortBy: string;
+    filters: Filter[];
+    context: ContextOptions | null;
+    rowsData: AuditRowData[];
+    lastUpdated: Date;
+    isLoading: boolean;
+    totalToday: number;
+    headerProps: HeaderProps[];
+    themeAudits?: any;
+    currentPage: number;
+    isFetchMore: boolean;
+    sortDirection: SortDirectionType;
+    severeThisWeek: number;
+    predefinedFilters: {
+        [key: string]: string;
+    }[];
+    isDownloadingCsv?: boolean;
+    virtualScroll?: boolean;
+}
+export interface LoadAudits {
+    count?: number;
+    sortBy?: string;
+    filter?: string | null;
+    offset?: number;
+    appendMode?: boolean;
+    onlyOneLoad?: boolean;
+    sortDirection?: SortDirectionType;
+}

package/audits/backward-compatibility/interfaces.js

@@ -0,0 +1 @@
+export {};

package/audits/backward-compatibility/reducer.d.ts

@@ -1,35 +1,35 @@
-import { LoadAudits, Filter, DataSorting } from './interfaces';
-export declare const defaultItemsPerPage = 20;
-declare const storeName: "audits", reducer: import("redux").Reducer<import("./interfaces").OldAuditsState, import("redux").AnyAction>;
-export { reducer, storeName };
-export declare const actions: {
-    initData: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-    loadAudits: import("@reduxjs/toolkit").ActionCreatorWithPayload<LoadAudits, string>;
-    removeFilter: import("@reduxjs/toolkit").ActionCreatorWithPayload<Filter, string>;
-    filterData: import("@reduxjs/toolkit").ActionCreatorWithPayload<Filter, string>;
-    exportCSV: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-    deleteAudits: import("@reduxjs/toolkit").ActionCreatorWithPayload<Filter, string>;
-    setContext: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
-    startLoading: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-    setVirtualScroll: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
-    startRefresh: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-    startFetching: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-    finishLoading: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-    startDownloadingCsv: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-    stopDownloadingCsv: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-    loadStatsSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
-    loadItemFailedAction: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
-    loadMetadataSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
-    loadAuditsSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
-    fetchMoreSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
-    setFilterData: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
-    textSearch: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
-    onPageChange: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
-    setDataSorting: import("@reduxjs/toolkit").ActionCreatorWithPayload<DataSorting, string>;
-    setPredefinedFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
-};
-export declare type OldAuditsActions = typeof actions;
-export declare type ReducerType = ReturnType<typeof reducer>;
-export declare type LoadAuditsProps = ReturnType<typeof actions.loadAudits>;
-export declare type RemoveFilterProps = ReturnType<typeof actions.removeFilter>;
-export declare type FilterDataProps = ReturnType<typeof actions.filterData>;
+import { LoadAudits, Filter, DataSorting } from './interfaces';
+export declare const defaultItemsPerPage = 20;
+declare const storeName: "audits", reducer: import("redux").Reducer<import("./interfaces").OldAuditsState, import("redux").AnyAction>;
+export { reducer, storeName };
+export declare const actions: {
+    initData: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    loadAudits: import("@reduxjs/toolkit").ActionCreatorWithPayload<LoadAudits, string>;
+    removeFilter: import("@reduxjs/toolkit").ActionCreatorWithPayload<Filter, string>;
+    filterData: import("@reduxjs/toolkit").ActionCreatorWithPayload<Filter, string>;
+    exportCSV: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    deleteAudits: import("@reduxjs/toolkit").ActionCreatorWithPayload<Filter, string>;
+    setContext: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
+    startLoading: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    setVirtualScroll: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
+    startRefresh: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    startFetching: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    finishLoading: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    startDownloadingCsv: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    stopDownloadingCsv: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+    loadStatsSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
+    loadItemFailedAction: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
+    loadMetadataSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
+    loadAuditsSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
+    fetchMoreSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
+    setFilterData: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
+    textSearch: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
+    onPageChange: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
+    setDataSorting: import("@reduxjs/toolkit").ActionCreatorWithPayload<DataSorting, string>;
+    setPredefinedFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
+};
+export declare type OldAuditsActions = typeof actions;
+export declare type ReducerType = ReturnType<typeof reducer>;
+export declare type LoadAuditsProps = ReturnType<typeof actions.loadAudits>;
+export declare type RemoveFilterProps = ReturnType<typeof actions.removeFilter>;
+export declare type FilterDataProps = ReturnType<typeof actions.filterData>;

package/audits/backward-compatibility/reducer.js

@@ -0,0 +1,129 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { createSlice, createAction } from '@reduxjs/toolkit';
+import { initialState } from './initialState';
+export const defaultItemsPerPage = 20;
+const {
+  name: storeName,
+  actions: lifeCycleActions,
+  reducer
+} = createSlice({
+  name: 'audits',
+  initialState,
+  reducers: {
+    setContext: (state, {
+      payload
+    }) => {
+      state.context = payload;
+    },
+    startLoading: state => {
+      state.isLoading = true;
+    },
+    setVirtualScroll: (state, {
+      payload
+    }) => {
+      state.virtualScroll = payload;
+    },
+    startRefresh: state => {
+      state.isLoading = true;
+    },
+    startFetching: state => {
+      state.isFetchMore = true;
+    },
+    finishLoading: state => {
+      state.isLoading = false;
+    },
+    startDownloadingCsv: state => {
+      state.isDownloadingCsv = true;
+    },
+    stopDownloadingCsv: state => {
+      state.isDownloadingCsv = false;
+    },
+    loadStatsSuccess: (state, {
+      payload
+    }) => {
+      state.error = undefined;
+      state.totalToday = payload.totalToday;
+      state.severeThisWeek = payload.severeThisWeek;
+    },
+    loadItemFailedAction: (state, {
+      payload
+    }) => {
+      state.error = _extends({}, state.error, {
+        [payload.name]: payload.error
+      });
+    },
+    loadMetadataSuccess: (state, {
+      payload
+    }) => {
+      state.error = {};
+      state.headerProps = payload.properties;
+      state.themeAudits = payload.theme ? payload.theme.styles : {};
+    },
+    loadAuditsSuccess: (state, {
+      payload
+    }) => {
+      state.error = {};
+      state.rowsData = payload.rowsData;
+      state.lastUpdated = new Date();
+      state.total = payload.total;
+    },
+    fetchMoreSuccess: (state, {
+      payload
+    }) => {
+      state.error = {};
+      state.offset = payload.offset;
+      state.currentPage = payload.currentPage;
+      state.isFetchMore = false;
+    },
+    setFilterData: (state, {
+      payload
+    }) => {
+      state.filters = payload;
+      state.currentPage = 0;
+      state.offset = 0;
+      state.isLoading = true;
+    },
+    textSearch: (state, {
+      payload
+    }) => {
+      state.filter = payload;
+      state.currentPage = 0;
+      state.offset = 0;
+      state.isLoading = true;
+    },
+    onPageChange: (state, {
+      payload
+    }) => {
+      state.currentPage = payload - 1;
+      state.offset = state.currentPage * defaultItemsPerPage;
+      state.isLoading = true;
+    },
+    setDataSorting: (state, {
+      payload
+    }) => {
+      state.sortBy = payload.sortBy;
+      state.currentPage = 0;
+      state.sortDirection = payload.sortDirection === 'asc' ? 'desc' : 'asc';
+      state.offset = 0;
+      state.isLoading = true;
+    },
+    setPredefinedFilters: (state, {
+      payload
+    }) => {
+      state.predefinedFilters = payload;
+      state.filters = Object.keys(payload).map(key => ({
+        key,
+        value: payload[key]
+      }));
+    }
+  }
+});
+export { reducer, storeName };
+export const actions = _extends({}, lifeCycleActions, {
+  initData: createAction(`${storeName}/initData`),
+  loadAudits: createAction(`${storeName}/loadAudits`),
+  removeFilter: createAction(`${storeName}/removeFilter`),
+  filterData: createAction(`${storeName}/filterData`),
+  exportCSV: createAction(`${storeName}/exportCSV`),
+  deleteAudits: createAction(`${storeName}/deleteAudits`)
+});

package/audits/backward-compatibility/saga.d.ts

@@ -1 +1 @@
-export declare function sagas(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;
+export declare function sagas(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;

package/audits/backward-compatibility/saga.js

@@ -0,0 +1,187 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { api } from '@frontegg/rest-api';
+import { defaultItemsPerPage, actions, storeName } from './reducer';
+import { all, call, put, takeLatest, select as sagaSelect } from 'redux-saga/effects';
+
+const select = () => sagaSelect(_ => _[storeName]);
+
+function* loadStats() {
+  const {
+    sortBy,
+    sortDirection
+  } = yield select();
+
+  try {
+    const stats = yield call(api.audits.getAuditsStats, {
+      sortBy,
+      sortDirection,
+      count: defaultItemsPerPage
+    });
+    yield put(actions.loadStatsSuccess(stats));
+  } catch (e) {
+    const errorMessage = {
+      name: 'stats',
+      error: e
+    };
+    console.error('failed to load stats - ', e);
+    yield put(actions.loadItemFailedAction(errorMessage));
+  }
+}
+
+function* loadMetadata() {
+  try {
+    const result = yield call(api.metadata.getAuditsMetadata);
+    yield put(actions.loadMetadataSuccess(result));
+  } catch (e) {
+    const errorMessage = {
+      name: 'metadata',
+      error: e
+    };
+    console.error('failed to load metadata - ', e);
+    yield put(actions.loadItemFailedAction(errorMessage));
+  }
+}
+
+const filterToObject = arr => arr.reduce((res, curr) => {
+  res[curr.key] = curr.value;
+  return res;
+}, {});
+
+function* loadAuditsFunction({
+  payload
+}) {
+  const {
+    filters,
+    sortBy,
+    sortDirection,
+    filter,
+    offset,
+    virtualScroll
+  } = yield select();
+  const {
+    appendMode = virtualScroll,
+    onlyOneLoad = true,
+    offset: incomeOffset
+  } = payload || {};
+  const {
+    rowsData
+  } = appendMode ? yield select() : {
+    rowsData: []
+  };
+
+  try {
+    const f2o = filterToObject(filters);
+    const {
+      data,
+      total
+    } = yield call(api.audits.getAudits, _extends({}, virtualScroll && {
+      paginationMode: 'virtual'
+    }, {
+      sortDirection,
+      sortBy,
+      filter
+    }, f2o, {
+      offset: virtualScroll ? rowsData.length + incomeOffset || rowsData.length + offset : incomeOffset || offset,
+      count: defaultItemsPerPage
+    }));
+    yield put(actions.loadAuditsSuccess({
+      rowsData: [...rowsData, ...data],
+      total
+    }));
+    onlyOneLoad && (yield put(actions.finishLoading()));
+  } catch (e) {
+    const errorMessage = {
+      name: 'audits',
+      error: e
+    };
+    console.error('failed to load audits - ', e);
+    yield put(actions.loadItemFailedAction(errorMessage));
+  }
+}
+
+function* initDataFunction() {
+  yield put(actions.startLoading());
+  yield all([loadStats(), loadMetadata(), loadAuditsFunction({
+    payload: {
+      onlyOneLoad: false
+    },
+    type: ''
+  })]);
+  yield put(actions.finishLoading());
+}
+
+function* removeFilterFunction({
+  payload
+}) {
+  const {
+    filters: allFilters
+  } = yield select();
+  const removedFilterIndex = allFilters.findIndex(item => item.key === payload.key);
+
+  if (removedFilterIndex < 0) {
+    return;
+  }
+
+  const newFilters = [...allFilters.slice(0, removedFilterIndex), ...allFilters.slice(removedFilterIndex + 1)];
+  yield put(actions.setFilterData(newFilters));
+}
+
+function* filterDataFunction({
+  payload
+}) {
+  const {
+    filters: allFilters
+  } = yield select();
+  let filterIndex = allFilters.findIndex(item => item.key === payload.key);
+
+  if (filterIndex < 0) {
+    filterIndex = allFilters.length;
+  }
+
+  const newFilters = [...allFilters.slice(0, filterIndex), payload, ...allFilters.slice(filterIndex + 1)];
+  yield put(actions.setFilterData(newFilters));
+}
+
+function* exportCsvFunction() {
+  const {
+    filters,
+    sortBy,
+    sortDirection,
+    filter,
+    headerProps
+  } = yield select();
+  const f2o = filterToObject(filters);
+  yield put(actions.startDownloadingCsv());
+  const outputFileName = `audits.csv`;
+
+  try {
+    yield api.audits.exportAudits(_extends({
+      endpoint: 'csv/v2',
+      headerProps,
+      sortDirection,
+      sortBy,
+      filter
+    }, f2o, {
+      offset: 0,
+      outputFileName
+    }));
+  } catch (e) {
+    console.error('failed to export audits - ', e);
+  } finally {
+    yield put(actions.stopDownloadingCsv());
+  }
+}
+
+export function* sagas() {
+  yield takeLatest(actions.initData, initDataFunction);
+  yield takeLatest(actions.removeFilter, removeFilterFunction);
+  yield takeLatest(actions.filterData, filterDataFunction);
+  yield takeLatest([actions.loadAudits, actions.textSearch, actions.onPageChange], loadAuditsFunction);
+  yield takeLatest([actions.setFilterData, actions.setDataSorting, actions.startRefresh], () => loadAuditsFunction({
+    payload: {
+      appendMode: false
+    },
+    type: ''
+  }));
+  yield takeLatest(actions.exportCSV, exportCsvFunction);
+}

package/audits/dummy.d.ts

@@ -1,10 +1,10 @@
-import { QueryFilter, QuerySort } from '@frontegg/rest-api';
-export declare const auditsLogsFilterAndSort: (filterOptions: QueryFilter[], sortOptions: QuerySort[]) => {
-    data: any[];
-    total: number;
-};
-export declare const auditLogsDataDemo: {
-    data: any[];
-    total: number;
-};
-export declare const auditLogsMetadataDemo: any;
+import { QueryFilter, QuerySort } from '@frontegg/rest-api';
+export declare const auditsLogsFilterAndSort: (filterOptions: QueryFilter[], sortOptions: QuerySort[]) => {
+    data: any[];
+    total: number;
+};
+export declare const auditLogsDataDemo: {
+    data: any[];
+    total: number;
+};
+export declare const auditLogsMetadataDemo: any;