@zeniai/client-epic-state 5.1.32 → 5.1.34-betaAK0

package/lib/esm/view/invoicing/customerPaymentMethod/customerPaymentMethodReducer.js

@@ -0,0 +1,84 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    customerId: undefined,
+    plaidLinkToken: undefined,
+    plaidTokenFetchState: { fetchState: 'Not-Started', error: undefined },
+    saveFetchState: { fetchState: 'Not-Started', error: undefined },
+    sendLinkFetchState: { fetchState: 'Not-Started', error: undefined },
+    sentLinkEmail: undefined,
+    setupIntent: undefined,
+    setupIntentFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return true;
+    },
+};
+const customerPaymentMethod = createSlice({
+    name: 'invoicingCustomerPaymentMethod',
+    initialState,
+    reducers: {
+        createInvoicingSetupIntent(draft, action) {
+            draft.customerId = action.payload.customerId;
+            draft.setupIntent = undefined;
+            draft.setupIntentFetchState = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        createInvoicingSetupIntentSuccess(draft, action) {
+            draft.setupIntent = action.payload;
+            draft.setupIntentFetchState = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        createInvoicingSetupIntentFailure(draft, action) {
+            draft.setupIntentFetchState = {
+                fetchState: 'Error',
+                error: action.payload,
+            };
+        },
+        fetchInvoicingPlaidLinkToken(draft, action) {
+            draft.customerId = action.payload.customerId;
+            draft.plaidLinkToken = undefined;
+            draft.plaidTokenFetchState = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        fetchInvoicingPlaidLinkTokenSuccess(draft, action) {
+            draft.plaidLinkToken = action.payload;
+            draft.plaidTokenFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        fetchInvoicingPlaidLinkTokenFailure(draft, action) {
+            draft.plaidTokenFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        saveInvoicingPaymentMethod(draft, action) {
+            draft.customerId = action.payload.customerId;
+            draft.saveFetchState = { fetchState: 'In-Progress', error: undefined };
+        },
+        saveInvoicingPaymentMethodSuccess(draft) {
+            draft.saveFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        saveInvoicingPaymentMethodFailure(draft, action) {
+            draft.saveFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        sendInvoicingPaymentLink(draft, action) {
+            draft.customerId = action.payload.customerId;
+            draft.sendLinkFetchState = { fetchState: 'In-Progress', error: undefined };
+        },
+        sendInvoicingPaymentLinkSuccess(draft, action) {
+            draft.sentLinkEmail = action.payload;
+            draft.sendLinkFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        sendInvoicingPaymentLinkFailure(draft, action) {
+            draft.sendLinkFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        resetInvoicingCustomerPaymentMethod(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { createInvoicingSetupIntent, createInvoicingSetupIntentSuccess, createInvoicingSetupIntentFailure, fetchInvoicingPlaidLinkToken, fetchInvoicingPlaidLinkTokenSuccess, fetchInvoicingPlaidLinkTokenFailure, saveInvoicingPaymentMethod, saveInvoicingPaymentMethodSuccess, saveInvoicingPaymentMethodFailure, sendInvoicingPaymentLink, sendInvoicingPaymentLinkSuccess, sendInvoicingPaymentLinkFailure, resetInvoicingCustomerPaymentMethod, } = customerPaymentMethod.actions;
+export default customerPaymentMethod.reducer;

package/lib/esm/view/invoicing/customerPaymentMethod/customerPaymentMethodSelector.js

@@ -0,0 +1,7 @@
+export const getInvoicingSetupIntent = (state) => state.invoicingCustomerPaymentMethodState.setupIntent;
+export const getInvoicingSetupIntentFetchState = (state) => state.invoicingCustomerPaymentMethodState.setupIntentFetchState;
+export const getInvoicingPlaidLinkToken = (state) => state.invoicingCustomerPaymentMethodState.plaidLinkToken;
+export const getInvoicingPlaidLinkTokenFetchState = (state) => state.invoicingCustomerPaymentMethodState.plaidTokenFetchState;
+export const getInvoicingPaymentMethodSaveState = (state) => state.invoicingCustomerPaymentMethodState.saveFetchState;
+export const getInvoicingPaymentLinkSendState = (state) => state.invoicingCustomerPaymentMethodState.sendLinkFetchState;
+export const getInvoicingSentPaymentLinkEmail = (state) => state.invoicingCustomerPaymentMethodState.sentLinkEmail;

package/lib/esm/view/invoicing/customerPaymentMethod/customerPaymentMethodState.js

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

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 { 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 = () => `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/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/dataImportActionPayload.js

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

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/dataImportAction/dataImportActionState.js

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

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

@@ -0,0 +1,34 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+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 = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/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 = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/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 = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/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/dataImportViewPayload.js

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

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,8 @@
+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/dataImportView/dataImportViewState.js

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

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

@@ -0,0 +1,27 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { updateInvoicingDunningCases } from '../../../entity/invoicing/dunningCase/dunningCaseReducer';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+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 = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/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/dunningActionPayload.js

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

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/dunningAction/dunningActionState.js

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

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

@@ -0,0 +1,79 @@
+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, 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(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/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(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/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 = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/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 = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/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))))));
+}));

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

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

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

@@ -0,0 +1,105 @@
+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 },
+    kpis: undefined,
+    kpisFetchState: { fetchState: 'Not-Started', error: undefined },
+    detailId: undefined,
+    detailFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const dunningCaseView = createSlice({
+    name: 'invoicingDunningCaseView',
+    initialState,
+    reducers: {
+        fetchInvoicingDunningCaseList: {
+            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,
+                    },
+                };
+            },
+        },
+        updateInvoicingDunningCaseList(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;
+        },
+        updateInvoicingDunningCaseListFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        fetchInvoicingDunningCaseCounts(draft) {
+            draft.countsFetchState.fetchState = 'In-Progress';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingDunningCaseCounts(draft, action) {
+            draft.counts = action.payload;
+            draft.countsFetchState.fetchState = 'Completed';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingDunningCaseCountsFailure(draft, action) {
+            draft.countsFetchState.fetchState = 'Error';
+            draft.countsFetchState.error = action.payload;
+        },
+        fetchInvoicingDunningCaseKPIs(draft) {
+            draft.kpisFetchState.fetchState = 'In-Progress';
+            draft.kpisFetchState.error = undefined;
+        },
+        updateInvoicingDunningCaseKPIs(draft, action) {
+            draft.kpis = action.payload;
+            draft.kpisFetchState.fetchState = 'Completed';
+            draft.kpisFetchState.error = undefined;
+        },
+        updateInvoicingDunningCaseKPIsFailure(draft, action) {
+            draft.kpisFetchState.fetchState = 'Error';
+            draft.kpisFetchState.error = action.payload;
+        },
+        updateInvoicingDunningCaseFilters(draft, action) {
+            draft.filters = action.payload;
+        },
+        fetchInvoicingDunningCaseDetail(draft, action) {
+            draft.detailId = action.payload.id;
+            draft.detailFetchState.fetchState = 'In-Progress';
+            draft.detailFetchState.error = undefined;
+        },
+        updateInvoicingDunningCaseDetail(draft, action) {
+            draft.detailId = action.payload.id;
+            draft.detailFetchState.fetchState = 'Completed';
+            draft.detailFetchState.error = undefined;
+        },
+        updateInvoicingDunningCaseDetailFailure(draft, action) {
+            draft.detailFetchState.fetchState = 'Error';
+            draft.detailFetchState.error = action.payload;
+        },
+        clearInvoicingDunningCaseView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingDunningCaseList, updateInvoicingDunningCaseList, updateInvoicingDunningCaseListFailure, fetchInvoicingDunningCaseCounts, updateInvoicingDunningCaseCounts, updateInvoicingDunningCaseCountsFailure, fetchInvoicingDunningCaseKPIs, updateInvoicingDunningCaseKPIs, updateInvoicingDunningCaseKPIsFailure, updateInvoicingDunningCaseFilters, fetchInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetailFailure, clearInvoicingDunningCaseView, } = dunningCaseView.actions;
+export default dunningCaseView.reducer;

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

@@ -0,0 +1,20 @@
+export const getInvoicingDunningCaseListItems = (state) => state.invoicingDunningCaseViewState.ids
+    .map((id) => state.invoicingDunningCaseState.dunningCaseByID[id])
+    .filter((item) => item != null);
+export const getInvoicingDunningCaseListFetchState = (state) => ({
+    fetchState: state.invoicingDunningCaseViewState.fetchState,
+    error: state.invoicingDunningCaseViewState.error,
+});
+export const getInvoicingDunningCaseListNextCursor = (state) => state.invoicingDunningCaseViewState.nextCursor;
+export const getInvoicingDunningCaseListHasMore = (state) => state.invoicingDunningCaseViewState.nextCursor != null;
+export const getInvoicingDunningCaseListFilters = (state) => state.invoicingDunningCaseViewState.filters;
+export const getInvoicingDunningCaseCounts = (state) => state.invoicingDunningCaseViewState.counts;
+export const getInvoicingDunningCaseKPIs = (state) => state.invoicingDunningCaseViewState.kpis;
+export const getInvoicingDunningCaseById = (state, id) => state.invoicingDunningCaseState.dunningCaseByID[id];
+export const getInvoicingDunningCaseDetail = (state) => {
+    const id = state.invoicingDunningCaseViewState.detailId;
+    return id != null
+        ? state.invoicingDunningCaseState.dunningCaseByID[id]
+        : undefined;
+};
+export const getInvoicingDunningCaseDetailFetchState = (state) => state.invoicingDunningCaseViewState.detailFetchState;

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

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

package/lib/esm/view/invoicing/editInvoicingCustomerDetailView/editInvoicingCustomerDetailViewPayload.js

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