@zeniai/client-epic-state 5.1.26 → 5.1.27-betaAK0

package/lib/esm/view/invoicing/customerView/customerViewEpics.js

@@ -0,0 +1,71 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { updateInvoicingCustomers } from '../../../entity/invoicing/customer/customerReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { INVOICING_LIST_PAGE_SIZE, applyListSortParams, invoicingBaseUrl, withQuery, } from '../invoicingApiHelper';
+import { fetchInvoicingCustomerCounts, fetchInvoicingCustomerDetail, fetchInvoicingCustomerList, updateInvoicingCustomerCounts, updateInvoicingCustomerCountsFailure, updateInvoicingCustomerDetail, updateInvoicingCustomerDetailFailure, updateInvoicingCustomerList, updateInvoicingCustomerListFailure, } from './customerViewReducer';
+const buildQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    if (filters.status != null && filters.status.length > 0) {
+        params.set('status', filters.status);
+    }
+    params.set('limit', String(INVOICING_LIST_PAGE_SIZE));
+    if (cursor != null) {
+        params.set('cursor', cursor);
+    }
+    applyListSortParams(params, sort);
+    return params;
+};
+export const fetchInvoicingCustomerListEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCustomerList.match), switchMap((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = withQuery(`${invoicingBaseUrl(zeniAPI)}/customers`, buildQuery(filters, cursor, sort));
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            const items = response.data?.items ?? [];
+            return [
+                updateInvoicingCustomers(items, 'merge'),
+                updateInvoicingCustomerList({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return of(updateInvoicingCustomerListFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCustomerListFailure(createZeniAPIStatus('Unexpected Error', 'Fetch customer list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingCustomerCountsEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCustomerCounts.match), switchMap(() => {
+    const { filters } = state$.value.invoicingCustomerViewState;
+    const params = new URLSearchParams();
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    const apiUrl = withQuery(`${invoicingBaseUrl(zeniAPI)}/customers/counts`, params);
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingCustomerCounts(response.data));
+        }
+        return of(updateInvoicingCustomerCountsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCustomerCountsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch customer counts REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingCustomerDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCustomerDetail.match), switchMap((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/customers/${id}`;
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingCustomers([response.data], 'merge'),
+                updateInvoicingCustomerDetail({ id: response.data.id }),
+            ];
+        }
+        return of(updateInvoicingCustomerDetailFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCustomerDetailFailure(createZeniAPIStatus('Unexpected Error', 'Fetch customer detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/customerView/customerViewReducer.js

@@ -0,0 +1,90 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    ids: [],
+    nextCursor: null,
+    filters: {},
+    counts: { all: 0 },
+    countsFetchState: { fetchState: 'Not-Started', error: undefined },
+    detailId: undefined,
+    detailFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const customerView = createSlice({
+    name: 'invoicingCustomerView',
+    initialState,
+    reducers: {
+        fetchInvoicingCustomerList: {
+            reducer(draft, action) {
+                if (!action.payload.keepExistingListItems) {
+                    draft.ids = [];
+                    draft.nextCursor = null;
+                }
+                draft.filters = action.payload.filters;
+                draft.sort = action.payload.sort;
+                draft.fetchState = 'In-Progress';
+                draft.error = undefined;
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        filters: payload.filters ?? {},
+                        cursor: payload.cursor,
+                        keepExistingListItems: payload.keepExistingListItems ?? false,
+                        sort: payload.sort,
+                    },
+                };
+            },
+        },
+        updateInvoicingCustomerList(draft, action) {
+            draft.ids = action.payload.keepExistingListItems
+                ? [...new Set([...draft.ids, ...action.payload.ids])]
+                : action.payload.ids;
+            draft.nextCursor = action.payload.nextCursor;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingCustomerListFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        fetchInvoicingCustomerCounts(draft) {
+            draft.countsFetchState.fetchState = 'In-Progress';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingCustomerCounts(draft, action) {
+            draft.counts = action.payload;
+            draft.countsFetchState.fetchState = 'Completed';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingCustomerCountsFailure(draft, action) {
+            draft.countsFetchState.fetchState = 'Error';
+            draft.countsFetchState.error = action.payload;
+        },
+        updateInvoicingCustomerFilters(draft, action) {
+            draft.filters = action.payload;
+        },
+        fetchInvoicingCustomerDetail(draft, action) {
+            draft.detailId = action.payload.id;
+            draft.detailFetchState.fetchState = 'In-Progress';
+            draft.detailFetchState.error = undefined;
+        },
+        updateInvoicingCustomerDetail(draft, action) {
+            draft.detailId = action.payload.id;
+            draft.detailFetchState.fetchState = 'Completed';
+            draft.detailFetchState.error = undefined;
+        },
+        updateInvoicingCustomerDetailFailure(draft, action) {
+            draft.detailFetchState.fetchState = 'Error';
+            draft.detailFetchState.error = action.payload;
+        },
+        clearInvoicingCustomerView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingCustomerList, updateInvoicingCustomerList, updateInvoicingCustomerListFailure, fetchInvoicingCustomerCounts, updateInvoicingCustomerCounts, updateInvoicingCustomerCountsFailure, updateInvoicingCustomerFilters, fetchInvoicingCustomerDetail, updateInvoicingCustomerDetail, updateInvoicingCustomerDetailFailure, clearInvoicingCustomerView, } = customerView.actions;
+export default customerView.reducer;

package/lib/esm/view/invoicing/customerView/customerViewSelector.js

@@ -0,0 +1,17 @@
+export const getInvoicingCustomerListItems = (state) => state.invoicingCustomerViewState.ids
+    .map((id) => state.invoicingCustomerState.customerByID[id])
+    .filter((item) => item != null);
+export const getInvoicingCustomerListFetchState = (state) => ({
+    fetchState: state.invoicingCustomerViewState.fetchState,
+    error: state.invoicingCustomerViewState.error,
+});
+export const getInvoicingCustomerListNextCursor = (state) => state.invoicingCustomerViewState.nextCursor;
+export const getInvoicingCustomerListHasMore = (state) => state.invoicingCustomerViewState.nextCursor != null;
+export const getInvoicingCustomerListFilters = (state) => state.invoicingCustomerViewState.filters;
+export const getInvoicingCustomerCounts = (state) => state.invoicingCustomerViewState.counts;
+export const getInvoicingCustomerById = (state, id) => state.invoicingCustomerState.customerByID[id];
+export const getInvoicingCustomerDetail = (state) => {
+    const id = state.invoicingCustomerViewState.detailId;
+    return id != null ? state.invoicingCustomerState.customerByID[id] : undefined;
+};
+export const getInvoicingCustomerDetailFetchState = (state) => state.invoicingCustomerViewState.detailFetchState;

package/lib/esm/view/invoicing/customerWrite/customerWriteEpic.js

@@ -0,0 +1,23 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { updateInvoicingCustomers } from '../../../entity/invoicing/customer/customerReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { invoicingBaseUrl } from '../invoicingApiHelper';
+import { saveInvoicingCustomer, saveInvoicingCustomerFailure, saveInvoicingCustomerSuccess, } from './customerWriteReducer';
+export const saveInvoicingCustomerEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(saveInvoicingCustomer.match), mergeMap((action) => {
+    const { data, id } = action.payload;
+    const baseUrl = invoicingBaseUrl(zeniAPI);
+    const request$ = id != null
+        ? zeniAPI.putAndGetJSON(`${baseUrl}/customers/${encodeURIComponent(id)}`, { ...data })
+        : zeniAPI.postAndGetJSON(`${baseUrl}/customers`, { ...data });
+    return request$.pipe(mergeMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingCustomers([response.data], 'merge'),
+                saveInvoicingCustomerSuccess({ customerId: response.data.id }),
+            ];
+        }
+        return of(saveInvoicingCustomerFailure(response.status));
+    }), catchError((error) => of(saveInvoicingCustomerFailure(createZeniAPIStatus('Unexpected Error', 'Save customer REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/customerWrite/customerWriteReducer.js

@@ -0,0 +1,36 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    data: undefined,
+    savedCustomerId: undefined,
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const customerWrite = createSlice({
+    name: 'invoicingCustomerWrite',
+    initialState,
+    reducers: {
+        saveInvoicingCustomer(draft, action) {
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+            draft.savedCustomerId = undefined;
+            draft.data = action.payload.data;
+        },
+        saveInvoicingCustomerSuccess(draft, action) {
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+            draft.savedCustomerId = action.payload.customerId;
+        },
+        saveInvoicingCustomerFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        resetInvoicingCustomerWrite(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { saveInvoicingCustomer, saveInvoicingCustomerSuccess, saveInvoicingCustomerFailure, resetInvoicingCustomerWrite, } = customerWrite.actions;
+export default customerWrite.reducer;

package/lib/esm/view/invoicing/customerWrite/customerWriteSelector.js

@@ -0,0 +1,5 @@
+export const getInvoicingCustomerWriteState = (state) => ({
+    fetchState: state.invoicingCustomerWriteState.fetchState,
+    error: state.invoicingCustomerWriteState.error,
+});
+export const getSavedInvoicingCustomerId = (state) => state.invoicingCustomerWriteState.savedCustomerId;

package/lib/esm/view/invoicing/dataImportAction/dataImportActionEpic.js

@@ -0,0 +1,41 @@
+import { merge, of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { invoicingBaseUrl } from '../invoicingApiHelper';
+import { fetchInvoicingDataImportStatus, fetchInvoicingMigrationSessions, setInvoicingActiveMigrationSessionId, upsertInvoicingMigrationSession, } from '../dataImportView/dataImportViewReducer';
+import { connectInvoicingChargebee, invoicingDataImportActionFailure, invoicingDataImportActionSuccess, retryInvoicingMigration, rollbackInvoicingMigration, startInvoicingMigration, uploadInvoicingMigrationFiles, } from './dataImportActionReducer';
+const onSuccess = (kind, session) => [
+    upsertInvoicingMigrationSession(session),
+    setInvoicingActiveMigrationSessionId(session.id),
+    invoicingDataImportActionSuccess(kind),
+    fetchInvoicingMigrationSessions(),
+    fetchInvoicingDataImportStatus(),
+];
+const handleResponse = (kind, response$) => response$.pipe(mergeMap((response) => {
+    if (isSuccessResponse(response) && response.data != null) {
+        return onSuccess(kind, response.data);
+    }
+    return of(invoicingDataImportActionFailure({ kind, error: response.status }));
+}), catchError((error) => of(invoicingDataImportActionFailure({
+    kind,
+    error: createZeniAPIStatus('Unexpected Error', `Data import ${kind} REST API call errored out ` +
+        JSON.stringify(error)),
+}))));
+export const invoicingDataImportActionEpic = (actions$, _state$, zeniAPI) => {
+    const base = () => `${invoicingBaseUrl(zeniAPI)}/data-import`;
+    const connect$ = actions$.pipe(filter(connectInvoicingChargebee.match), mergeMap((action) => handleResponse('connect', zeniAPI.postAndGetJSON(`${base()}/chargebee/connect`, {
+        site: action.payload.site,
+        ...(action.payload.apiKey != null && action.payload.apiKey.length > 0
+            ? { api_key: action.payload.apiKey }
+            : {}),
+    }))));
+    const upload$ = actions$.pipe(filter(uploadInvoicingMigrationFiles.match), mergeMap((action) => {
+        const form = new FormData();
+        action.payload.files.forEach((file) => form.append('files', file, file.name));
+        return handleResponse('upload', zeniAPI.postFormData(`${base()}/uploads`, form));
+    }));
+    const start$ = actions$.pipe(filter(startInvoicingMigration.match), mergeMap((action) => handleResponse('start', zeniAPI.postAndGetJSON(`${base()}/${encodeURIComponent(action.payload)}/import`, {}))));
+    const retry$ = actions$.pipe(filter(retryInvoicingMigration.match), mergeMap((action) => handleResponse('retry', zeniAPI.postAndGetJSON(`${base()}/${encodeURIComponent(action.payload)}/retry`, {}))));
+    const rollback$ = actions$.pipe(filter(rollbackInvoicingMigration.match), mergeMap((action) => handleResponse('rollback', zeniAPI.postAndGetJSON(`${base()}/${encodeURIComponent(action.payload)}/rollback`, {}))));
+    return merge(connect$, upload$, start$, retry$, rollback$);
+};

package/lib/esm/view/invoicing/dataImportAction/dataImportActionReducer.js

@@ -0,0 +1,73 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    byKind: {},
+};
+const inProgress = (draft, kind) => {
+    draft.byKind[kind] = { fetchState: 'In-Progress', error: undefined };
+};
+const dataImportAction = createSlice({
+    name: 'invoicingDataImportAction',
+    initialState,
+    reducers: {
+        connectInvoicingChargebee: {
+            reducer(draft) {
+                inProgress(draft, 'connect');
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+        uploadInvoicingMigrationFiles: {
+            reducer(draft) {
+                inProgress(draft, 'upload');
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+        startInvoicingMigration: {
+            reducer(draft) {
+                inProgress(draft, 'start');
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+        retryInvoicingMigration: {
+            reducer(draft) {
+                inProgress(draft, 'retry');
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+        rollbackInvoicingMigration: {
+            reducer(draft) {
+                inProgress(draft, 'rollback');
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+        invoicingDataImportActionSuccess(draft, action) {
+            draft.byKind[action.payload] = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        invoicingDataImportActionFailure(draft, action) {
+            draft.byKind[action.payload.kind] = {
+                fetchState: 'Error',
+                error: action.payload.error,
+            };
+        },
+        clearInvoicingDataImportAction(draft, action) {
+            delete draft.byKind[action.payload];
+        },
+        clearAllInvoicingDataImportActions(draft) {
+            draft.byKind = {};
+        },
+    },
+});
+export const { connectInvoicingChargebee, uploadInvoicingMigrationFiles, startInvoicingMigration, retryInvoicingMigration, rollbackInvoicingMigration, invoicingDataImportActionSuccess, invoicingDataImportActionFailure, clearInvoicingDataImportAction, clearAllInvoicingDataImportActions, } = dataImportAction.actions;
+export default dataImportAction.reducer;

package/lib/esm/view/invoicing/dataImportAction/dataImportActionSelector.js

@@ -0,0 +1,5 @@
+const NOT_STARTED = {
+    fetchState: 'Not-Started',
+    error: undefined,
+};
+export const getInvoicingDataImportActionState = (kind) => (state) => state.invoicingDataImportActionState.byKind[kind] ?? NOT_STARTED;

package/lib/esm/view/invoicing/dataImportView/dataImportViewEpics.js

@@ -0,0 +1,41 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { invoicingBaseUrl } from '../invoicingApiHelper';
+import { fetchInvoicingDataImportStatus, fetchInvoicingMigrationSession, fetchInvoicingMigrationSessions, updateInvoicingDataImportStatus, updateInvoicingDataImportStatusFailure, updateInvoicingMigrationSessions, updateInvoicingMigrationSessionsFailure, upsertInvoicingMigrationSession, } from './dataImportViewReducer';
+export const fetchInvoicingMigrationSessionsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingMigrationSessions.match), switchMap(() => {
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/data-import/sessions`;
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            return of(updateInvoicingMigrationSessions(response.data ?? []));
+        }
+        return of(updateInvoicingMigrationSessionsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingMigrationSessionsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch migration sessions REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingDataImportStatusEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingDataImportStatus.match), switchMap(() => {
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/data-import/status`;
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            return of(updateInvoicingDataImportStatus(response.data ?? []));
+        }
+        return of(updateInvoicingDataImportStatusFailure(response.status));
+    }), catchError((error) => of(updateInvoicingDataImportStatusFailure(createZeniAPIStatus('Unexpected Error', 'Fetch data import status REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingMigrationSessionEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingMigrationSession.match), mergeMap((action) => {
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/data-import/${encodeURIComponent(action.payload)}`;
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(upsertInvoicingMigrationSession(response.data));
+        }
+        return of(updateInvoicingMigrationSessionsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingMigrationSessionsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch migration session REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/dataImportView/dataImportViewReducer.js

@@ -0,0 +1,66 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    activeDetailId: null,
+    sessions: [],
+    sessionsFetch: { fetchState: 'Not-Started', error: undefined },
+    statusRows: [],
+    statusFetch: { fetchState: 'Not-Started', error: undefined },
+    sessionDetail: {},
+};
+const upsertSessionInList = (list, session) => {
+    const index = list.findIndex((item) => item.id === session.id);
+    if (index >= 0) {
+        const next = [...list];
+        next[index] = session;
+        return next;
+    }
+    return [session, ...list];
+};
+const dataImportView = createSlice({
+    name: 'invoicingDataImportView',
+    initialState,
+    reducers: {
+        fetchInvoicingMigrationSessions(draft) {
+            draft.sessionsFetch = { fetchState: 'In-Progress', error: undefined };
+        },
+        updateInvoicingMigrationSessions(draft, action) {
+            draft.sessions = action.payload;
+            draft.sessionsFetch = { fetchState: 'Completed', error: undefined };
+        },
+        updateInvoicingMigrationSessionsFailure(draft, action) {
+            draft.sessionsFetch = { fetchState: 'Error', error: action.payload };
+        },
+        fetchInvoicingDataImportStatus(draft) {
+            draft.statusFetch = { fetchState: 'In-Progress', error: undefined };
+        },
+        updateInvoicingDataImportStatus(draft, action) {
+            draft.statusRows = action.payload;
+            draft.statusFetch = { fetchState: 'Completed', error: undefined };
+        },
+        updateInvoicingDataImportStatusFailure(draft, action) {
+            draft.statusFetch = { fetchState: 'Error', error: action.payload };
+        },
+        setInvoicingActiveMigrationSessionId(draft, action) {
+            draft.activeDetailId = action.payload;
+        },
+        fetchInvoicingMigrationSession(draft, action) {
+            // Detail/polling fetch is handled by the epic; the cache is updated via
+            // upsert. We track the in-flight id so the UI can scope its polling.
+            draft.activeDetailId = action.payload;
+        },
+        upsertInvoicingMigrationSession(draft, action) {
+            draft.sessionDetail[action.payload.id] = action.payload;
+            draft.sessions = upsertSessionInList(draft.sessions, action.payload);
+        },
+        clearInvoicingDataImportView(draft) {
+            draft.activeDetailId = null;
+            draft.sessions = [];
+            draft.sessionsFetch = { fetchState: 'Not-Started', error: undefined };
+            draft.statusRows = [];
+            draft.statusFetch = { fetchState: 'Not-Started', error: undefined };
+            draft.sessionDetail = {};
+        },
+    },
+});
+export const { fetchInvoicingMigrationSessions, updateInvoicingMigrationSessions, updateInvoicingMigrationSessionsFailure, fetchInvoicingDataImportStatus, updateInvoicingDataImportStatus, updateInvoicingDataImportStatusFailure, fetchInvoicingMigrationSession, setInvoicingActiveMigrationSessionId, upsertInvoicingMigrationSession, clearInvoicingDataImportView, } = dataImportView.actions;
+export default dataImportView.reducer;

package/lib/esm/view/invoicing/dataImportView/dataImportViewSelector.js

@@ -0,0 +1,6 @@
+export const getInvoicingMigrationSessions = (state) => state.invoicingDataImportViewState.sessions;
+export const getInvoicingMigrationSessionsFetchState = (state) => state.invoicingDataImportViewState.sessionsFetch;
+export const getInvoicingDataImportStatusRows = (state) => state.invoicingDataImportViewState.statusRows;
+export const getInvoicingDataImportStatusFetchState = (state) => state.invoicingDataImportViewState.statusFetch;
+export const getInvoicingMigrationSessionById = (id) => (state) => id != null ? state.invoicingDataImportViewState.sessionDetail[id] : undefined;
+export const getInvoicingActiveMigrationSessionId = (state) => state.invoicingDataImportViewState.activeDetailId;

package/lib/esm/view/invoicing/dunningAction/dunningActionEpic.js

@@ -0,0 +1,28 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { updateInvoicingDunningCases } from '../../../entity/invoicing/dunningCase/dunningCaseReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { invoicingBaseUrl } from '../invoicingApiHelper';
+import { runInvoicingDunningAction, runInvoicingDunningActionFailure, runInvoicingDunningActionSuccess, } from './dunningActionReducer';
+export const runInvoicingDunningActionEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(runInvoicingDunningAction.match), mergeMap((action) => {
+    const { action: kind, body, id } = action.payload;
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/dunning/${encodeURIComponent(id)}/${kind}`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, body ?? {})
+        .pipe(mergeMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingDunningCases([response.data], 'merge'),
+                runInvoicingDunningActionSuccess({ id }),
+            ];
+        }
+        return of(runInvoicingDunningActionFailure({
+            error: response.status,
+            id,
+        }));
+    }), catchError((error) => of(runInvoicingDunningActionFailure({
+        error: createZeniAPIStatus('Unexpected Error', 'Dunning action REST API call errored out ' +
+            JSON.stringify(error)),
+        id,
+    }))));
+}));

package/lib/esm/view/invoicing/dunningAction/dunningActionReducer.js

@@ -0,0 +1,36 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    byId: {},
+};
+const dunningAction = createSlice({
+    name: 'invoicingDunningAction',
+    initialState,
+    reducers: {
+        runInvoicingDunningAction(draft, action) {
+            draft.byId[action.payload.id] = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        runInvoicingDunningActionSuccess(draft, action) {
+            draft.byId[action.payload.id] = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        runInvoicingDunningActionFailure(draft, action) {
+            draft.byId[action.payload.id] = {
+                fetchState: 'Error',
+                error: action.payload.error,
+            };
+        },
+        clearInvoicingDunningAction(draft, action) {
+            delete draft.byId[action.payload];
+        },
+        clearAllInvoicingDunningActions(draft) {
+            draft.byId = {};
+        },
+    },
+});
+export const { runInvoicingDunningAction, runInvoicingDunningActionSuccess, runInvoicingDunningActionFailure, clearInvoicingDunningAction, clearAllInvoicingDunningActions, } = dunningAction.actions;
+export default dunningAction.reducer;

package/lib/esm/view/invoicing/dunningAction/dunningActionSelector.js

@@ -0,0 +1,5 @@
+const NOT_STARTED = {
+    fetchState: 'Not-Started',
+    error: undefined,
+};
+export const getInvoicingDunningActionState = (id) => (state) => state.invoicingDunningActionState.byId[id] ?? NOT_STARTED;

package/lib/esm/view/invoicing/dunningCaseView/dunningCaseViewEpics.js

@@ -0,0 +1,85 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { updateInvoicingDunningCases } from '../../../entity/invoicing/dunningCase/dunningCaseReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { INVOICING_LIST_PAGE_SIZE, applyListSortParams, invoicingBaseUrl, withQuery, } from '../invoicingApiHelper';
+import { fetchInvoicingDunningCaseCounts, fetchInvoicingDunningCaseDetail, fetchInvoicingDunningCaseKPIs, fetchInvoicingDunningCaseList, updateInvoicingDunningCaseCounts, updateInvoicingDunningCaseCountsFailure, updateInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetailFailure, updateInvoicingDunningCaseKPIs, updateInvoicingDunningCaseKPIsFailure, updateInvoicingDunningCaseList, updateInvoicingDunningCaseListFailure, } from './dunningCaseViewReducer';
+const buildQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    if (filters.status != null && filters.status.length > 0) {
+        params.set('status', filters.status);
+    }
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    params.set('limit', String(INVOICING_LIST_PAGE_SIZE));
+    if (cursor != null) {
+        params.set('cursor', cursor);
+    }
+    applyListSortParams(params, sort);
+    return params;
+};
+export const fetchInvoicingDunningCaseListEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingDunningCaseList.match), switchMap((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = withQuery(`${invoicingBaseUrl(zeniAPI)}/dunning`, buildQuery(filters, cursor, sort));
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            const items = response.data?.items ?? [];
+            return [
+                updateInvoicingDunningCases(items, 'merge'),
+                updateInvoicingDunningCaseList({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return of(updateInvoicingDunningCaseListFailure(response.status));
+    }), catchError((error) => of(updateInvoicingDunningCaseListFailure(createZeniAPIStatus('Unexpected Error', 'Fetch dunning list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingDunningCaseCountsEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingDunningCaseCounts.match), switchMap(() => {
+    const { filters } = state$.value.invoicingDunningCaseViewState;
+    const params = new URLSearchParams();
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    const apiUrl = withQuery(`${invoicingBaseUrl(zeniAPI)}/dunning/counts`, params);
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingDunningCaseCounts(response.data));
+        }
+        return of(updateInvoicingDunningCaseCountsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingDunningCaseCountsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch dunning counts REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingDunningCaseKPIsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingDunningCaseKPIs.match), switchMap(() => {
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/dunning/kpis`;
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingDunningCaseKPIs(response.data));
+        }
+        return of(updateInvoicingDunningCaseKPIsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingDunningCaseKPIsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch dunning KPIs REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingDunningCaseDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingDunningCaseDetail.match), switchMap((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/dunning/${id}`;
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingDunningCases([response.data], 'merge'),
+                updateInvoicingDunningCaseDetail({ id: response.data.id }),
+            ];
+        }
+        return of(updateInvoicingDunningCaseDetailFailure(response.status));
+    }), catchError((error) => of(updateInvoicingDunningCaseDetailFailure(createZeniAPIStatus('Unexpected Error', 'Fetch dunning detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));