@zeniai/client-epic-state 5.1.39 → 5.1.40-betaAK1

package/lib/esm/view/invoicing/invoicingCustomerListView/epics/fetchInvoicingCustomerListPageEpic.js

@@ -0,0 +1,27 @@
+import { concat, from } from 'rxjs';
+import { filter, mergeMap } from 'rxjs/operators';
+import { fetchInvoicingCustomerCounts, fetchInvoicingCustomerList, fetchInvoicingCustomerListPage, } from '../invoicingCustomerListViewReducer';
+/**
+ * Fetch unless the endpoint is already loaded or in flight — or always when the
+ * caller forces a refresh via `cacheOverride` (e.g. on a filter/sort change).
+ */
+const shouldFetch = (fetchStateAndError, cacheOverride) => cacheOverride ||
+    (fetchStateAndError.fetchState !== 'Completed' &&
+        fetchStateAndError.fetchState !== 'In-Progress');
+/**
+ * Orchestrates the customers list page: on `fetchInvoicingCustomerListPage`,
+ * fans out to the list and counts fetches, skipping either one whose data is
+ * already cached unless `cacheOverride` is set (e.g. on a filter/sort change).
+ */
+export const fetchInvoicingCustomerListPageEpic = (actions$, state$) => actions$.pipe(filter(fetchInvoicingCustomerListPage.match), mergeMap((action) => {
+    const { cacheOverride, filters, sort } = action.payload;
+    const state = state$.value.invoicingCustomerListViewState;
+    const pageActions = [];
+    if (shouldFetch({ fetchState: state.fetchState, error: state.error }, cacheOverride)) {
+        pageActions.push(fetchInvoicingCustomerList({ filters, sort }));
+    }
+    if (shouldFetch(state.countsFetchState, cacheOverride)) {
+        pageActions.push(fetchInvoicingCustomerCounts());
+    }
+    return concat(from(pageActions));
+}));

package/lib/esm/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewPayload.js

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

package/lib/esm/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewReducer.js

@@ -0,0 +1,89 @@
+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 },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const invoicingCustomerListView = createSlice({
+    name: 'invoicingCustomerListView',
+    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,
+                    },
+                };
+            },
+        },
+        fetchInvoicingCustomerListPage: {
+            reducer(draft, action) {
+                draft.filters = action.payload.filters;
+                draft.sort = action.payload.sort;
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        cacheOverride: payload.cacheOverride ?? false,
+                        filters: payload.filters ?? {},
+                        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;
+        },
+        clearInvoicingCustomerListView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingCustomerList, fetchInvoicingCustomerListPage, updateInvoicingCustomerList, updateInvoicingCustomerListFailure, fetchInvoicingCustomerCounts, updateInvoicingCustomerCounts, updateInvoicingCustomerCountsFailure, updateInvoicingCustomerFilters, clearInvoicingCustomerListView, } = invoicingCustomerListView.actions;
+export default invoicingCustomerListView.reducer;

package/lib/esm/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewSelector.js

@@ -0,0 +1,21 @@
+import { createSelector } from '@reduxjs/toolkit';
+import { getInvoicingCustomersByIds } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerSelector';
+import { INVOICING_CUSTOMER_COLUMNS, INVOICING_CUSTOMER_TABS, } from './invoicingCustomerListViewState';
+/**
+ * Memoized so the denormalized `customers` array (and the wrapping view object)
+ * keep referential identity until the customer entity slice or the list-view
+ * slice actually change. Without this, the connected list page re-rendered on
+ * every unrelated redux action because a fresh array was built each call.
+ */
+export const getInvoicingCustomerListView = createSelector((state) => state.invoicingCustomerState, (state) => state.invoicingCustomerListViewState, (customerState, listViewState) => ({
+    columns: INVOICING_CUSTOMER_COLUMNS,
+    customers: getInvoicingCustomersByIds(customerState, listViewState.ids),
+    fetchState: listViewState.fetchState,
+    error: listViewState.error,
+    nextCursor: listViewState.nextCursor,
+    filters: listViewState.filters,
+    count: listViewState.counts,
+    countsFetchState: listViewState.countsFetchState,
+    tabIds: INVOICING_CUSTOMER_TABS,
+    sort: listViewState.sort,
+}));

package/lib/esm/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewState.js

@@ -0,0 +1,34 @@
+import { stringToUnion } from '../../../commonStateTypes/stringToUnion';
+export const ALL_INVOICING_CUSTOMER_SORT_KEYS = [
+    'name',
+    'email',
+    'billingAddress',
+    'cardStatus',
+    'autoCollect',
+    'status',
+];
+export const toInvoicingCustomerSortKey = (v) => stringToUnion(v, ALL_INVOICING_CUSTOMER_SORT_KEYS);
+export const INVOICING_CUSTOMER_COLUMNS = [
+    { key: 'name', sortable: true },
+    { key: 'email', sortable: true },
+    { key: 'billingAddress', sortable: false },
+    { key: 'cardStatus', sortable: true },
+    { key: 'autoCollect', sortable: true },
+    { key: 'status', sortable: true },
+];
+export const ALL_INVOICING_CUSTOMER_TAB_IDS = [
+    'all',
+    'active',
+    'trial',
+    'at_risk',
+];
+export const toInvoicingCustomerTabId = (v) => stringToUnion(v, ALL_INVOICING_CUSTOMER_TAB_IDS);
+/**
+ * Ordered filter-tab id set owned by CES so the customer-list tabs live next to
+ * the model rather than being hardcoded in web-components. Tab labels and the
+ * per-tab count lookup stay in the view layer; this only carries the id set and
+ * display order.
+ */
+export const INVOICING_CUSTOMER_TABS = [
+    ...ALL_INVOICING_CUSTOMER_TAB_IDS,
+];

package/lib/esm/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewEpics.js

@@ -0,0 +1,19 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { updateInvoicingDunningCases } from '../../../entity/invoicing/dunningCase/dunningCaseReducer';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { fetchInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetailFailure, } from './invoicingDunningCaseDetailViewReducer';
+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 case detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewPayload.js

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

package/lib/esm/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewReducer.js

@@ -0,0 +1,31 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    id: undefined,
+};
+const invoicingDunningCaseDetailView = createSlice({
+    name: 'invoicingDunningCaseDetailView',
+    initialState,
+    reducers: {
+        fetchInvoicingDunningCaseDetail(draft, action) {
+            draft.id = action.payload.id;
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+        },
+        updateInvoicingDunningCaseDetail(draft, action) {
+            draft.id = action.payload.id;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingDunningCaseDetailFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        clearInvoicingDunningCaseDetailView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetailFailure, clearInvoicingDunningCaseDetailView, } = invoicingDunningCaseDetailView.actions;
+export default invoicingDunningCaseDetailView.reducer;

package/lib/esm/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewSelector.js

@@ -0,0 +1,13 @@
+import { getInvoicingDunningCaseById as getInvoicingDunningCaseByIdFromState } from '../../../entity/invoicing/dunningCase/dunningCaseSelector';
+import { getInvoicingDunningActionState } from '../dunningAction/dunningActionSelector';
+export const getInvoicingDunningCaseById = (state, id) => getInvoicingDunningCaseByIdFromState(state.invoicingDunningCaseState, id);
+export const getInvoicingDunningCaseDetail = (state, invoicingDunningCaseID) => {
+    const { error, fetchState } = state.invoicingDunningCaseDetailViewState;
+    return {
+        actionState: getInvoicingDunningActionState(invoicingDunningCaseID)(state),
+        dunningCase: getInvoicingDunningCaseById(state, invoicingDunningCaseID),
+        fetchState,
+        error,
+        version: 1.0,
+    };
+};

package/lib/esm/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewState.js

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

package/lib/esm/view/invoicing/invoicingDunningCaseListView/epics/fetchInvoicingDunningCaseCountsEpic.js

@@ -0,0 +1,20 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { withQuery } from '../../invoicingApiHelper';
+import { fetchInvoicingDunningCaseCounts, updateInvoicingDunningCaseCounts, updateInvoicingDunningCaseCountsFailure, } from '../invoicingDunningCaseListViewReducer';
+export const fetchInvoicingDunningCaseCountsEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingDunningCaseCounts.match), switchMap(() => {
+    const { filters } = state$.value.invoicingDunningCaseListViewState;
+    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 case counts REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/invoicingDunningCaseListView/epics/fetchInvoicingDunningCaseListEpic.js

@@ -0,0 +1,40 @@
+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 { fetchInvoicingDunningCaseList, updateInvoicingDunningCaseList, updateInvoicingDunningCaseListFailure, } from '../invoicingDunningCaseListViewReducer';
+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 case list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/invoicingDunningCaseListView/epics/fetchInvoicingDunningCaseListPageEpic.js

@@ -0,0 +1,27 @@
+import { concat, from } from 'rxjs';
+import { filter, mergeMap } from 'rxjs/operators';
+import { fetchInvoicingDunningCaseCounts, fetchInvoicingDunningCaseList, fetchInvoicingDunningCaseListPage, } from '../invoicingDunningCaseListViewReducer';
+/**
+ * Fetch unless the endpoint is already loaded or in flight — or always when the
+ * caller forces a refresh via `cacheOverride` (e.g. on a filter/sort change).
+ */
+const shouldFetch = (fetchStateAndError, cacheOverride) => cacheOverride ||
+    (fetchStateAndError.fetchState !== 'Completed' &&
+        fetchStateAndError.fetchState !== 'In-Progress');
+/**
+ * Orchestrates the dunning cases list page: on `fetchInvoicingDunningCaseListPage`,
+ * fans out to the list and counts fetches, skipping any whose data is
+ * already cached unless `cacheOverride` is set (e.g. on a filter/sort change).
+ */
+export const fetchInvoicingDunningCaseListPageEpic = (actions$, state$) => actions$.pipe(filter(fetchInvoicingDunningCaseListPage.match), mergeMap((action) => {
+    const { cacheOverride, filters, sort } = action.payload;
+    const state = state$.value.invoicingDunningCaseListViewState;
+    const pageActions = [];
+    if (shouldFetch({ fetchState: state.fetchState, error: state.error }, cacheOverride)) {
+        pageActions.push(fetchInvoicingDunningCaseList({ filters, sort }));
+    }
+    if (shouldFetch(state.countsFetchState, cacheOverride)) {
+        pageActions.push(fetchInvoicingDunningCaseCounts());
+    }
+    return concat(from(pageActions));
+}));

package/lib/esm/view/invoicing/invoicingDunningCaseListView/invoicingDunningCaseListViewPayload.js

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

package/lib/esm/view/invoicing/invoicingDunningCaseListView/invoicingDunningCaseListViewReducer.js

@@ -0,0 +1,89 @@
+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 },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const invoicingDunningCaseListView = createSlice({
+    name: 'invoicingDunningCaseListView',
+    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,
+                    },
+                };
+            },
+        },
+        fetchInvoicingDunningCaseListPage: {
+            reducer(draft, action) {
+                draft.filters = action.payload.filters;
+                draft.sort = action.payload.sort;
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        cacheOverride: payload.cacheOverride ?? false,
+                        filters: payload.filters ?? {},
+                        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;
+        },
+        updateInvoicingDunningCaseFilters(draft, action) {
+            draft.filters = action.payload;
+        },
+        clearInvoicingDunningCaseListView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingDunningCaseList, fetchInvoicingDunningCaseListPage, updateInvoicingDunningCaseList, updateInvoicingDunningCaseListFailure, fetchInvoicingDunningCaseCounts, updateInvoicingDunningCaseCounts, updateInvoicingDunningCaseCountsFailure, updateInvoicingDunningCaseFilters, clearInvoicingDunningCaseListView, } = invoicingDunningCaseListView.actions;
+export default invoicingDunningCaseListView.reducer;

package/lib/esm/view/invoicing/invoicingDunningCaseListView/invoicingDunningCaseListViewSelector.js

@@ -0,0 +1,21 @@
+import { createSelector } from '@reduxjs/toolkit';
+import { getInvoicingDunningCasesByIds } from '../../../entity/invoicing/dunningCase/dunningCaseSelector';
+import { INVOICING_DUNNING_CASE_COLUMNS, INVOICING_DUNNING_CASE_TABS, } from './invoicingDunningCaseListViewState';
+/**
+ * Memoized so the denormalized `dunningCases` array (and the wrapping view
+ * object) keep referential identity until the dunning-case entity slice or the
+ * list-view slice actually change.
+ */
+export const getInvoicingDunningCaseListView = createSelector((state) => state.invoicingDunningCaseState, (state) => state.invoicingDunningCaseListViewState, (dunningCaseState, listViewState) => ({
+    columns: INVOICING_DUNNING_CASE_COLUMNS,
+    dunningCases: getInvoicingDunningCasesByIds(dunningCaseState, listViewState.ids),
+    count: listViewState.counts,
+    countsFetchState: listViewState.countsFetchState,
+    filters: listViewState.filters,
+    nextCursor: listViewState.nextCursor,
+    fetchState: listViewState.fetchState,
+    error: listViewState.error,
+    tabIds: INVOICING_DUNNING_CASE_TABS,
+    sort: listViewState.sort,
+    version: 1.0,
+}));

package/lib/esm/view/invoicing/invoicingDunningCaseListView/invoicingDunningCaseListViewState.js

@@ -0,0 +1,40 @@
+import { stringToUnion } from '../../../commonStateTypes/stringToUnion';
+export const ALL_INVOICING_DUNNING_CASE_SORT_KEYS = [
+    'customer',
+    'invoice',
+    'attempts',
+    'nextRetry',
+    'daysPastDue',
+    'failureReason',
+    'status',
+    'amount',
+];
+export const toInvoicingDunningCaseSortKey = (v) => stringToUnion(v, ALL_INVOICING_DUNNING_CASE_SORT_KEYS);
+export const INVOICING_DUNNING_CASE_COLUMNS = [
+    { key: 'customer', sortable: true },
+    { key: 'invoice', sortable: true },
+    { key: 'attempts', sortable: true },
+    { key: 'nextRetry', sortable: true },
+    { key: 'daysPastDue', sortable: true },
+    { key: 'failureReason', sortable: false },
+    { key: 'status', sortable: true },
+    { key: 'amount', sortable: true },
+];
+export const ALL_INVOICING_DUNNING_CASE_TAB_IDS = [
+    'all',
+    'Retrying',
+    'Scheduled',
+    'Manual Review',
+    'Resolved',
+    'Cancelled',
+];
+export const toInvoicingDunningCaseTabId = (v) => stringToUnion(v, ALL_INVOICING_DUNNING_CASE_TAB_IDS);
+/**
+ * Ordered filter-tab id set owned by CES so the dunning-cases-list tabs live
+ * next to the model rather than being hardcoded in web-components. Tab labels
+ * and the per-tab count lookup stay in the view layer; this only carries the id
+ * set and display order.
+ */
+export const INVOICING_DUNNING_CASE_TABS = [
+    ...ALL_INVOICING_DUNNING_CASE_TAB_IDS,
+];

package/lib/esm/view/invoicing/invoicingOverview/epics/fetchInvoicingOverviewChurnEpic.js

@@ -0,0 +1,17 @@
+import { EMPTY, of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { fetchInvoicingOverviewChurn, updateInvoicingOverviewChurn, updateInvoicingOverviewChurnFailure, } from '../invoicingOverviewReducer';
+export const fetchInvoicingOverviewChurnEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingOverviewChurn.match), switchMap(() => {
+    const { period } = state$.value.invoicingOverviewState;
+    if (period == null) {
+        return EMPTY;
+    }
+    const base = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0`;
+    return zeniAPI
+        .getJSON(`${base}/analytics/churn?months=6&year=${period.year}&month=${period.month}`)
+        .pipe(switchMap((response) => isSuccessResponse(response) && response.data != null
+        ? of(updateInvoicingOverviewChurn(response.data))
+        : of(updateInvoicingOverviewChurnFailure(response.status))), catchError((error) => of(updateInvoicingOverviewChurnFailure(createZeniAPIStatus('Unexpected Error', 'Fetch overview churn REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/invoicingOverview/epics/fetchInvoicingOverviewDashboardSummaryEpic.js

@@ -0,0 +1,17 @@
+import { EMPTY, of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { fetchInvoicingOverviewDashboardSummary, updateInvoicingOverviewDashboardSummary, updateInvoicingOverviewDashboardSummaryFailure, } from '../invoicingOverviewReducer';
+export const fetchInvoicingOverviewDashboardSummaryEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingOverviewDashboardSummary.match), switchMap(() => {
+    const { period } = state$.value.invoicingOverviewState;
+    if (period == null) {
+        return EMPTY;
+    }
+    const base = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0`;
+    return zeniAPI
+        .getJSON(`${base}/analytics/dashboard-summary?year=${period.year}&month=${period.month}`)
+        .pipe(switchMap((response) => isSuccessResponse(response) && response.data != null
+        ? of(updateInvoicingOverviewDashboardSummary(response.data))
+        : of(updateInvoicingOverviewDashboardSummaryFailure(response.status))), catchError((error) => of(updateInvoicingOverviewDashboardSummaryFailure(createZeniAPIStatus('Unexpected Error', 'Fetch overview dashboard summary REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/invoicingOverview/epics/fetchInvoicingOverviewEpic.js

@@ -0,0 +1,55 @@
+import { concat, from } from 'rxjs';
+import { filter, mergeMap } from 'rxjs/operators';
+import { fetchInvoicingSubscriptionList } from '../../invoicingSubscriptionListView/invoicingSubscriptionListViewReducer';
+import { getInvoicingSubscriptionListView } from '../../invoicingSubscriptionListView/invoicingSubscriptionListViewSelector';
+import { fetchInvoicingSettings } from '../../settingsView/settingsViewReducer';
+import { getInvoicingSettingsFetchState } from '../../settingsView/settingsViewSelector';
+import { fetchInvoicingOverview, fetchInvoicingOverviewChurn, fetchInvoicingOverviewDashboardSummary, fetchInvoicingOverviewKPIs, fetchInvoicingOverviewMRR, fetchInvoicingOverviewPlanRevenue, fetchInvoicingOverviewRevenue, } from '../invoicingOverviewReducer';
+/**
+ * Fetch unless the endpoint is already loaded or in flight \u2014 or always when the
+ * caller forces a refresh via `cacheOverride` (e.g. on a period change).
+ */
+const shouldFetch = (fetchStateAndError, cacheOverride) => cacheOverride ||
+    (fetchStateAndError.fetchState !== 'Completed' &&
+        fetchStateAndError.fetchState !== 'In-Progress');
+/**
+ * Orchestrates the overview: on `fetchInvoicingOverview`, fans out to each
+ * per-endpoint fetch (the six analytics calls plus settings and the
+ * subscription list), skipping any whose data is already cached unless
+ * `cacheOverride` is set.
+ */
+export const fetchInvoicingOverviewEpic = (actions$, state$) => actions$.pipe(filter(fetchInvoicingOverview.match), mergeMap((action) => {
+    const { cacheOverride } = action.payload;
+    const rootState = state$.value;
+    const state = rootState.invoicingOverviewState;
+    const overviewActions = [];
+    if (shouldFetch(state.kpisFetchState, cacheOverride)) {
+        overviewActions.push(fetchInvoicingOverviewKPIs());
+    }
+    if (shouldFetch(state.revenueFetchState, cacheOverride)) {
+        overviewActions.push(fetchInvoicingOverviewRevenue());
+    }
+    if (shouldFetch(state.mrrFetchState, cacheOverride)) {
+        overviewActions.push(fetchInvoicingOverviewMRR());
+    }
+    if (shouldFetch(state.churnFetchState, cacheOverride)) {
+        overviewActions.push(fetchInvoicingOverviewChurn());
+    }
+    if (shouldFetch(state.planRevenueFetchState, cacheOverride)) {
+        overviewActions.push(fetchInvoicingOverviewPlanRevenue());
+    }
+    if (shouldFetch(state.summaryFetchState, cacheOverride)) {
+        overviewActions.push(fetchInvoicingOverviewDashboardSummary());
+    }
+    if (shouldFetch(getInvoicingSettingsFetchState(rootState), cacheOverride)) {
+        overviewActions.push(fetchInvoicingSettings());
+    }
+    const subscriptionListView = getInvoicingSubscriptionListView(rootState);
+    if (shouldFetch({
+        fetchState: subscriptionListView.fetchState,
+        error: subscriptionListView.error,
+    }, cacheOverride)) {
+        overviewActions.push(fetchInvoicingSubscriptionList({}));
+    }
+    return concat(from(overviewActions));
+}));

package/lib/esm/view/invoicing/invoicingOverview/epics/fetchInvoicingOverviewKPIsEpic.js

@@ -0,0 +1,17 @@
+import { EMPTY, of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { fetchInvoicingOverviewKPIs, updateInvoicingOverviewKPIs, updateInvoicingOverviewKPIsFailure, } from '../invoicingOverviewReducer';
+export const fetchInvoicingOverviewKPIsEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingOverviewKPIs.match), switchMap(() => {
+    const { period } = state$.value.invoicingOverviewState;
+    if (period == null) {
+        return EMPTY;
+    }
+    const base = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0`;
+    return zeniAPI
+        .getJSON(`${base}/analytics/kpis?year=${period.year}&month=${period.month}`)
+        .pipe(switchMap((response) => isSuccessResponse(response) && response.data != null
+        ? of(updateInvoicingOverviewKPIs(response.data))
+        : of(updateInvoicingOverviewKPIsFailure(response.status))), catchError((error) => of(updateInvoicingOverviewKPIsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch overview KPIs REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/invoicingOverview/epics/fetchInvoicingOverviewMRREpic.js

@@ -0,0 +1,17 @@
+import { EMPTY, of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { fetchInvoicingOverviewMRR, updateInvoicingOverviewMRR, updateInvoicingOverviewMRRFailure, } from '../invoicingOverviewReducer';
+export const fetchInvoicingOverviewMRREpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingOverviewMRR.match), switchMap(() => {
+    const { period } = state$.value.invoicingOverviewState;
+    if (period == null) {
+        return EMPTY;
+    }
+    const base = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0`;
+    return zeniAPI
+        .getJSON(`${base}/analytics/mrr?months=6&year=${period.year}&month=${period.month}`)
+        .pipe(switchMap((response) => isSuccessResponse(response) && response.data != null
+        ? of(updateInvoicingOverviewMRR(response.data))
+        : of(updateInvoicingOverviewMRRFailure(response.status))), catchError((error) => of(updateInvoicingOverviewMRRFailure(createZeniAPIStatus('Unexpected Error', 'Fetch overview MRR REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/invoicingOverview/epics/fetchInvoicingOverviewPlanRevenueEpic.js

@@ -0,0 +1,17 @@
+import { EMPTY, of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { fetchInvoicingOverviewPlanRevenue, updateInvoicingOverviewPlanRevenue, updateInvoicingOverviewPlanRevenueFailure, } from '../invoicingOverviewReducer';
+export const fetchInvoicingOverviewPlanRevenueEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingOverviewPlanRevenue.match), switchMap(() => {
+    const { period } = state$.value.invoicingOverviewState;
+    if (period == null) {
+        return EMPTY;
+    }
+    const base = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0`;
+    return zeniAPI
+        .getJSON(`${base}/analytics/plan-revenue?year=${period.year}&month=${period.month}`)
+        .pipe(switchMap((response) => isSuccessResponse(response) && response.data != null
+        ? of(updateInvoicingOverviewPlanRevenue(response.data))
+        : of(updateInvoicingOverviewPlanRevenueFailure(response.status))), catchError((error) => of(updateInvoicingOverviewPlanRevenueFailure(createZeniAPIStatus('Unexpected Error', 'Fetch overview plan revenue REST API call errored out ' +
+        JSON.stringify(error))))));
+}));