Created section to display orphan visits stats

src/visits/reducers/orphanVisits.ts

@@ -0,0 +1,69 @@
+import { Action, Dispatch } from 'redux';
+import { Visit, VisitsInfo, VisitsLoadFailedAction, VisitsLoadProgressChangedAction } from '../types';
+import { buildActionCreator, buildReducer } from '../../utils/helpers/redux';
+import { ShlinkApiClientBuilder } from '../../api/services/ShlinkApiClientBuilder';
+import { GetState } from '../../container/types';
+import { getVisitsWithLoader } from './common';
+import { CREATE_VISITS, CreateVisitsAction } from './visitCreation';
+
+/* eslint-disable padding-line-between-statements */
+export const GET_ORPHAN_VISITS_START = 'shlink/orphanVisits/GET_ORPHAN_VISITS_START';
+export const GET_ORPHAN_VISITS_ERROR = 'shlink/orphanVisits/GET_ORPHAN_VISITS_ERROR';
+export const GET_ORPHAN_VISITS = 'shlink/orphanVisits/GET_ORPHAN_VISITS';
+export const GET_ORPHAN_VISITS_LARGE = 'shlink/orphanVisits/GET_ORPHAN_VISITS_LARGE';
+export const GET_ORPHAN_VISITS_CANCEL = 'shlink/orphanVisits/GET_ORPHAN_VISITS_CANCEL';
+export const GET_ORPHAN_VISITS_PROGRESS_CHANGED = 'shlink/orphanVisits/GET_ORPHAN_VISITS_PROGRESS_CHANGED';
+/* eslint-enable padding-line-between-statements */
+
+export interface OrphanVisitsAction extends Action<string> {
+  visits: Visit[];
+}
+
+type OrphanVisitsCombinedAction = OrphanVisitsAction
+& VisitsLoadProgressChangedAction
+& CreateVisitsAction
+& VisitsLoadFailedAction;
+
+const initialState: VisitsInfo = {
+  visits: [],
+  loading: false,
+  loadingLarge: false,
+  error: false,
+  cancelLoad: false,
+  progress: 0,
+};
+
+export default buildReducer<VisitsInfo, OrphanVisitsCombinedAction>({
+  [GET_ORPHAN_VISITS_START]: () => ({ ...initialState, loading: true }),
+  [GET_ORPHAN_VISITS_ERROR]: (_, { errorData }) => ({ ...initialState, error: true, errorData }),
+  [GET_ORPHAN_VISITS]: (_, { visits }) => ({ ...initialState, visits }),
+  [GET_ORPHAN_VISITS_LARGE]: (state) => ({ ...state, loadingLarge: true }),
+  [GET_ORPHAN_VISITS_CANCEL]: (state) => ({ ...state, cancelLoad: true }),
+  [GET_ORPHAN_VISITS_PROGRESS_CHANGED]: (state, { progress }) => ({ ...state, progress }),
+  [CREATE_VISITS]: (state, { createdVisits }) => {
+    const { visits } = state;
+    const newVisits = createdVisits.map(({ visit }) => visit);
+
+    return { ...state, visits: [ ...visits, ...newVisits ] };
+  },
+}, initialState);
+
+export const getOrphanVisits = (buildShlinkApiClient: ShlinkApiClientBuilder) => (query = {}) => async (
+  dispatch: Dispatch,
+  getState: GetState,
+) => {
+  const { getOrphanVisits } = buildShlinkApiClient(getState);
+  const visitsLoader = async (page: number, itemsPerPage: number) => getOrphanVisits({ ...query, page, itemsPerPage });
+  const shouldCancel = () => getState().orphanVisits.cancelLoad;
+  const actionMap = {
+    start: GET_ORPHAN_VISITS_START,
+    large: GET_ORPHAN_VISITS_LARGE,
+    finish: GET_ORPHAN_VISITS,
+    error: GET_ORPHAN_VISITS_ERROR,
+    progress: GET_ORPHAN_VISITS_PROGRESS_CHANGED,
+  };
+
+  return getVisitsWithLoader(visitsLoader, {}, actionMap, dispatch, shouldCancel);
+};
+
+export const cancelGetOrphanVisits = buildActionCreator(GET_ORPHAN_VISITS_CANCEL);