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

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingCustomerListPageEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const invoicingCustomerListViewReducer_1 = require("../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).
+ */
+const fetchInvoicingCustomerListPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(invoicingCustomerListViewReducer_1.fetchInvoicingCustomerListPage.match), (0, operators_1.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((0, invoicingCustomerListViewReducer_1.fetchInvoicingCustomerList)({ filters, sort }));
+    }
+    if (shouldFetch(state.countsFetchState, cacheOverride)) {
+        pageActions.push((0, invoicingCustomerListViewReducer_1.fetchInvoicingCustomerCounts)());
+    }
+    return (0, rxjs_1.concat)((0, rxjs_1.from)(pageActions));
+}));
+exports.fetchInvoicingCustomerListPageEpic = fetchInvoicingCustomerListPageEpic;

package/lib/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewPayload.d.ts

@@ -0,0 +1,5 @@
+import { InvoicingListCounts, InvoicingPaginatedList } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingCustomerPayload } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerPayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type InvoicingCustomerListResponse = ZeniAPIResponse<InvoicingPaginatedList<InvoicingCustomerPayload>>;
+export type InvoicingCustomerCountsResponse = ZeniAPIResponse<InvoicingListCounts>;

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewReducer.d.ts

@@ -0,0 +1,31 @@
+import { ID } from '../../../commonStateTypes/common';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+import { InvoicingCustomerFilters, InvoicingCustomerListViewState } from './invoicingCustomerListViewState';
+export declare const initialState: InvoicingCustomerListViewState;
+export declare const fetchInvoicingCustomerList: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    cursor?: string;
+    filters?: InvoicingCustomerFilters;
+    keepExistingListItems?: boolean;
+    sort?: InvoicingListSort;
+}], {
+    filters: InvoicingCustomerFilters;
+    cursor: string | undefined;
+    keepExistingListItems: boolean;
+    sort: InvoicingListSort | undefined;
+}, "invoicingCustomerListView/fetchInvoicingCustomerList", never, never>, fetchInvoicingCustomerListPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    cacheOverride?: boolean;
+    filters?: InvoicingCustomerFilters;
+    sort?: InvoicingListSort;
+}], {
+    cacheOverride: boolean;
+    filters: InvoicingCustomerFilters;
+    sort: InvoicingListSort | undefined;
+}, "invoicingCustomerListView/fetchInvoicingCustomerListPage", never, never>, updateInvoicingCustomerList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    ids: ID[];
+    keepExistingListItems: boolean;
+    nextCursor: string | null;
+}, "invoicingCustomerListView/updateInvoicingCustomerList">, updateInvoicingCustomerListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCustomerListView/updateInvoicingCustomerListFailure">, fetchInvoicingCustomerCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCustomerListView/fetchInvoicingCustomerCounts">, updateInvoicingCustomerCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingCustomerListView/updateInvoicingCustomerCounts">, updateInvoicingCustomerCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCustomerListView/updateInvoicingCustomerCountsFailure">, updateInvoicingCustomerFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCustomerFilters, "invoicingCustomerListView/updateInvoicingCustomerFilters">, clearInvoicingCustomerListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCustomerListView/clearInvoicingCustomerListView">;
+declare const _default: import("redux").Reducer<InvoicingCustomerListViewState>;
+export default _default;

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

@@ -0,0 +1,93 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingCustomerListView = exports.updateInvoicingCustomerFilters = exports.updateInvoicingCustomerCountsFailure = exports.updateInvoicingCustomerCounts = exports.fetchInvoicingCustomerCounts = exports.updateInvoicingCustomerListFailure = exports.updateInvoicingCustomerList = exports.fetchInvoicingCustomerListPage = exports.fetchInvoicingCustomerList = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.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 = (0, toolkit_1.createSlice)({
+    name: 'invoicingCustomerListView',
+    initialState: exports.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, exports.initialState);
+        },
+    },
+});
+_a = invoicingCustomerListView.actions, exports.fetchInvoicingCustomerList = _a.fetchInvoicingCustomerList, exports.fetchInvoicingCustomerListPage = _a.fetchInvoicingCustomerListPage, exports.updateInvoicingCustomerList = _a.updateInvoicingCustomerList, exports.updateInvoicingCustomerListFailure = _a.updateInvoicingCustomerListFailure, exports.fetchInvoicingCustomerCounts = _a.fetchInvoicingCustomerCounts, exports.updateInvoicingCustomerCounts = _a.updateInvoicingCustomerCounts, exports.updateInvoicingCustomerCountsFailure = _a.updateInvoicingCustomerCountsFailure, exports.updateInvoicingCustomerFilters = _a.updateInvoicingCustomerFilters, exports.clearInvoicingCustomerListView = _a.clearInvoicingCustomerListView;
+exports.default = invoicingCustomerListView.reducer;

package/lib/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewSelector.d.ts

@@ -0,0 +1,24 @@
+import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingCustomer } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerState';
+import { RootState } from '../../../reducer';
+import { InvoicingListSort } from '../invoicingApiHelper';
+import { InvoicingCustomerColumnConfig, InvoicingCustomerFilters, InvoicingCustomerTabId } from './invoicingCustomerListViewState';
+export interface InvoicingCustomerListView extends SelectorView {
+    columns: InvoicingCustomerColumnConfig[];
+    count: InvoicingListCounts;
+    countsFetchState: FetchStateAndError;
+    customers: InvoicingCustomer[];
+    filters: InvoicingCustomerFilters;
+    nextCursor: string | null;
+    tabIds: InvoicingCustomerTabId[];
+    sort?: InvoicingListSort;
+}
+/**
+ * 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 declare const getInvoicingCustomerListView: (state: RootState) => InvoicingCustomerListView;

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingCustomerListView = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const invoicingCustomerSelector_1 = require("../../../entity/invoicing/invoicingCustomer/invoicingCustomerSelector");
+const invoicingCustomerListViewState_1 = require("./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.
+ */
+exports.getInvoicingCustomerListView = (0, toolkit_1.createSelector)((state) => state.invoicingCustomerState, (state) => state.invoicingCustomerListViewState, (customerState, listViewState) => ({
+    columns: invoicingCustomerListViewState_1.INVOICING_CUSTOMER_COLUMNS,
+    customers: (0, invoicingCustomerSelector_1.getInvoicingCustomersByIds)(customerState, listViewState.ids),
+    fetchState: listViewState.fetchState,
+    error: listViewState.error,
+    nextCursor: listViewState.nextCursor,
+    filters: listViewState.filters,
+    count: listViewState.counts,
+    countsFetchState: listViewState.countsFetchState,
+    tabIds: invoicingCustomerListViewState_1.INVOICING_CUSTOMER_TABS,
+    sort: listViewState.sort,
+}));

package/lib/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewState.d.ts

@@ -0,0 +1,41 @@
+import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/common';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+export interface InvoicingCustomerFilters {
+    search?: string;
+    status?: string;
+}
+export declare const ALL_INVOICING_CUSTOMER_SORT_KEYS: readonly ["name", "email", "billingAddress", "cardStatus", "autoCollect", "status"];
+export declare const toInvoicingCustomerSortKey: (v: string) => "status" | "name" | "cardStatus" | "email" | "billingAddress" | "autoCollect";
+export type InvoicingCustomerSortKey = ReturnType<typeof toInvoicingCustomerSortKey>;
+/**
+ * Structural column descriptor owned by CES so the customer-list column set,
+ * ordering and sortability live next to the `InvoicingCustomer` model rather
+ * than being hardcoded in web-components. Header labels, cell rendering and
+ * layout (alignment, widths) stay in the view layer; this only carries the
+ * column set, order and sort metadata.
+ */
+export interface InvoicingCustomerColumnConfig {
+    key: InvoicingCustomerSortKey;
+    sortable: boolean;
+}
+export declare const INVOICING_CUSTOMER_COLUMNS: InvoicingCustomerColumnConfig[];
+export declare const ALL_INVOICING_CUSTOMER_TAB_IDS: readonly ["all", "active", "trial", "at_risk"];
+export declare const toInvoicingCustomerTabId: (v: string) => "active" | "at_risk" | "trial" | "all";
+export type InvoicingCustomerTabId = ReturnType<typeof toInvoicingCustomerTabId>;
+/**
+ * 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 declare const INVOICING_CUSTOMER_TABS: InvoicingCustomerTabId[];
+export interface InvoicingCustomerListViewState extends FetchedState {
+    counts: InvoicingListCounts;
+    countsFetchState: FetchStateAndError;
+    filters: InvoicingCustomerFilters;
+    ids: ID[];
+    nextCursor: string | null;
+    /** Active server-side sort (undefined = backend default order). */
+    sort?: InvoicingListSort;
+}

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.INVOICING_CUSTOMER_TABS = exports.toInvoicingCustomerTabId = exports.ALL_INVOICING_CUSTOMER_TAB_IDS = exports.INVOICING_CUSTOMER_COLUMNS = exports.toInvoicingCustomerSortKey = exports.ALL_INVOICING_CUSTOMER_SORT_KEYS = void 0;
+const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
+exports.ALL_INVOICING_CUSTOMER_SORT_KEYS = [
+    'name',
+    'email',
+    'billingAddress',
+    'cardStatus',
+    'autoCollect',
+    'status',
+];
+const toInvoicingCustomerSortKey = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_CUSTOMER_SORT_KEYS);
+exports.toInvoicingCustomerSortKey = toInvoicingCustomerSortKey;
+exports.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 },
+];
+exports.ALL_INVOICING_CUSTOMER_TAB_IDS = [
+    'all',
+    'active',
+    'trial',
+    'at_risk',
+];
+const toInvoicingCustomerTabId = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_CUSTOMER_TAB_IDS);
+exports.toInvoicingCustomerTabId = toInvoicingCustomerTabId;
+/**
+ * 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.
+ */
+exports.INVOICING_CUSTOMER_TABS = [
+    ...exports.ALL_INVOICING_CUSTOMER_TAB_IDS,
+];

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewEpics.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingDunningCases } from '../../../entity/invoicing/dunningCase/dunningCaseReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { fetchInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetailFailure } from './invoicingDunningCaseDetailViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingDunningCaseDetail> | ReturnType<typeof updateInvoicingDunningCaseDetail> | ReturnType<typeof updateInvoicingDunningCaseDetailFailure> | ReturnType<typeof updateInvoicingDunningCases>;
+export declare const fetchInvoicingDunningCaseDetailEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingDunningCaseDetailEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const dunningCaseReducer_1 = require("../../../entity/invoicing/dunningCase/dunningCaseReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const invoicingDunningCaseDetailViewReducer_1 = require("./invoicingDunningCaseDetailViewReducer");
+const fetchInvoicingDunningCaseDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingDunningCaseDetailViewReducer_1.fetchInvoicingDunningCaseDetail.match), (0, operators_1.switchMap)((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/dunning/${id}`;
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return [
+                (0, dunningCaseReducer_1.updateInvoicingDunningCases)([response.data], 'merge'),
+                (0, invoicingDunningCaseDetailViewReducer_1.updateInvoicingDunningCaseDetail)({ id: response.data.id }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, invoicingDunningCaseDetailViewReducer_1.updateInvoicingDunningCaseDetailFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingDunningCaseDetailViewReducer_1.updateInvoicingDunningCaseDetailFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch dunning case detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingDunningCaseDetailEpic = fetchInvoicingDunningCaseDetailEpic;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewPayload.d.ts

@@ -0,0 +1,3 @@
+import { InvoicingDunningCasePayload } from '../../../entity/invoicing/dunningCase/dunningCasePayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type InvoicingDunningCaseDetailResponse = ZeniAPIResponse<InvoicingDunningCasePayload>;

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewReducer.d.ts

@@ -0,0 +1,11 @@
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingDunningCaseDetailViewState } from './invoicingDunningCaseDetailViewState';
+export declare const initialState: InvoicingDunningCaseDetailViewState;
+export declare const fetchInvoicingDunningCaseDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingDunningCaseDetailView/fetchInvoicingDunningCaseDetail">, updateInvoicingDunningCaseDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingDunningCaseDetailView/updateInvoicingDunningCaseDetail">, updateInvoicingDunningCaseDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingDunningCaseDetailView/updateInvoicingDunningCaseDetailFailure">, clearInvoicingDunningCaseDetailView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingDunningCaseDetailView/clearInvoicingDunningCaseDetailView">;
+declare const _default: import("redux").Reducer<InvoicingDunningCaseDetailViewState>;
+export default _default;

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

@@ -0,0 +1,35 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingDunningCaseDetailView = exports.updateInvoicingDunningCaseDetailFailure = exports.updateInvoicingDunningCaseDetail = exports.fetchInvoicingDunningCaseDetail = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    id: undefined,
+};
+const invoicingDunningCaseDetailView = (0, toolkit_1.createSlice)({
+    name: 'invoicingDunningCaseDetailView',
+    initialState: exports.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, exports.initialState);
+        },
+    },
+});
+_a = invoicingDunningCaseDetailView.actions, exports.fetchInvoicingDunningCaseDetail = _a.fetchInvoicingDunningCaseDetail, exports.updateInvoicingDunningCaseDetail = _a.updateInvoicingDunningCaseDetail, exports.updateInvoicingDunningCaseDetailFailure = _a.updateInvoicingDunningCaseDetailFailure, exports.clearInvoicingDunningCaseDetailView = _a.clearInvoicingDunningCaseDetailView;
+exports.default = invoicingDunningCaseDetailView.reducer;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewSelector.d.ts

@@ -0,0 +1,15 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingDunningCase } from '../../../entity/invoicing/dunningCase/dunningCaseState';
+import { RootState } from '../../../reducer';
+/**
+ * Read-only view for the dunning case detail page: the dunning case entity + its
+ * fetch state, plus the per-case action run-state (pause/resume/retry) folded in
+ * so the detail screen depends on this single read selector.
+ */
+export interface InvoicingDunningCaseDetailView extends SelectorView {
+    actionState: FetchStateAndError;
+    dunningCase?: InvoicingDunningCase;
+}
+export declare const getInvoicingDunningCaseById: (state: RootState, id: string) => InvoicingDunningCase | undefined;
+export declare const getInvoicingDunningCaseDetail: (state: RootState, invoicingDunningCaseID: ID) => InvoicingDunningCaseDetailView;

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingDunningCaseDetail = exports.getInvoicingDunningCaseById = void 0;
+const dunningCaseSelector_1 = require("../../../entity/invoicing/dunningCase/dunningCaseSelector");
+const dunningActionSelector_1 = require("../dunningAction/dunningActionSelector");
+const getInvoicingDunningCaseById = (state, id) => (0, dunningCaseSelector_1.getInvoicingDunningCaseById)(state.invoicingDunningCaseState, id);
+exports.getInvoicingDunningCaseById = getInvoicingDunningCaseById;
+const getInvoicingDunningCaseDetail = (state, invoicingDunningCaseID) => {
+    const { error, fetchState } = state.invoicingDunningCaseDetailViewState;
+    return {
+        actionState: (0, dunningActionSelector_1.getInvoicingDunningActionState)(invoicingDunningCaseID)(state),
+        dunningCase: (0, exports.getInvoicingDunningCaseById)(state, invoicingDunningCaseID),
+        fetchState,
+        error,
+        version: 1.0,
+    };
+};
+exports.getInvoicingDunningCaseDetail = getInvoicingDunningCaseDetail;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewState.d.ts

@@ -0,0 +1,4 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+export interface InvoicingDunningCaseDetailViewState extends FetchStateAndError {
+    id?: ID;
+}

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/view/invoicing/invoicingDunningCaseListView/epics/fetchInvoicingDunningCaseCountsEpic.d.ts

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { fetchInvoicingDunningCaseCounts, updateInvoicingDunningCaseCounts, updateInvoicingDunningCaseCountsFailure } from '../invoicingDunningCaseListViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingDunningCaseCounts> | ReturnType<typeof updateInvoicingDunningCaseCounts> | ReturnType<typeof updateInvoicingDunningCaseCountsFailure>;
+export declare const fetchInvoicingDunningCaseCountsEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingDunningCaseCountsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../responsePayload");
+const invoicingApiHelper_1 = require("../../invoicingApiHelper");
+const invoicingDunningCaseListViewReducer_1 = require("../invoicingDunningCaseListViewReducer");
+const fetchInvoicingDunningCaseCountsEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingDunningCaseListViewReducer_1.fetchInvoicingDunningCaseCounts.match), (0, operators_1.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 = (0, invoicingApiHelper_1.withQuery)(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/dunning/counts`, params);
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return (0, rxjs_1.of)((0, invoicingDunningCaseListViewReducer_1.updateInvoicingDunningCaseCounts)(response.data));
+        }
+        return (0, rxjs_1.of)((0, invoicingDunningCaseListViewReducer_1.updateInvoicingDunningCaseCountsFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingDunningCaseListViewReducer_1.updateInvoicingDunningCaseCountsFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch dunning case counts REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingDunningCaseCountsEpic = fetchInvoicingDunningCaseCountsEpic;

package/lib/view/invoicing/invoicingDunningCaseListView/epics/fetchInvoicingDunningCaseListEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingDunningCases } from '../../../../entity/invoicing/dunningCase/dunningCaseReducer';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { fetchInvoicingDunningCaseList, updateInvoicingDunningCaseList, updateInvoicingDunningCaseListFailure } from '../invoicingDunningCaseListViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingDunningCaseList> | ReturnType<typeof updateInvoicingDunningCaseList> | ReturnType<typeof updateInvoicingDunningCaseListFailure> | ReturnType<typeof updateInvoicingDunningCases>;
+export declare const fetchInvoicingDunningCaseListEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingDunningCaseListEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const dunningCaseReducer_1 = require("../../../../entity/invoicing/dunningCase/dunningCaseReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const invoicingApiHelper_1 = require("../../invoicingApiHelper");
+const invoicingDunningCaseListViewReducer_1 = require("../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(invoicingApiHelper_1.INVOICING_LIST_PAGE_SIZE));
+    if (cursor != null) {
+        params.set('cursor', cursor);
+    }
+    (0, invoicingApiHelper_1.applyListSortParams)(params, sort);
+    return params;
+};
+const fetchInvoicingDunningCaseListEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingDunningCaseListViewReducer_1.fetchInvoicingDunningCaseList.match), (0, operators_1.switchMap)((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = (0, invoicingApiHelper_1.withQuery)(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/dunning`, buildQuery(filters, cursor, sort));
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response)) {
+            const items = response.data?.items ?? [];
+            return [
+                (0, dunningCaseReducer_1.updateInvoicingDunningCases)(items, 'merge'),
+                (0, invoicingDunningCaseListViewReducer_1.updateInvoicingDunningCaseList)({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, invoicingDunningCaseListViewReducer_1.updateInvoicingDunningCaseListFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingDunningCaseListViewReducer_1.updateInvoicingDunningCaseListFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch dunning case list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingDunningCaseListEpic = fetchInvoicingDunningCaseListEpic;

package/lib/view/invoicing/invoicingDunningCaseListView/epics/fetchInvoicingDunningCaseListPageEpic.d.ts

@@ -0,0 +1,16 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingDunningCases } from '../../../../entity/invoicing/dunningCase/dunningCaseReducer';
+import { RootState } from '../../../../reducer';
+import { fetchInvoicingDunningCaseCounts, fetchInvoicingDunningCaseList, fetchInvoicingDunningCaseListPage, updateInvoicingDunningCaseCounts, updateInvoicingDunningCaseCountsFailure, updateInvoicingDunningCaseList, updateInvoicingDunningCaseListFailure } from '../invoicingDunningCaseListViewReducer';
+/**
+ * Aggregate of every action emitted across the dunning-case list view epics.
+ * Wired into the root action union for this view.
+ */
+export type ActionType = ReturnType<typeof fetchInvoicingDunningCaseList> | ReturnType<typeof fetchInvoicingDunningCaseListPage> | ReturnType<typeof fetchInvoicingDunningCaseCounts> | ReturnType<typeof updateInvoicingDunningCaseList> | ReturnType<typeof updateInvoicingDunningCaseListFailure> | ReturnType<typeof updateInvoicingDunningCaseCounts> | ReturnType<typeof updateInvoicingDunningCaseCountsFailure> | ReturnType<typeof updateInvoicingDunningCases>;
+/**
+ * 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 declare const fetchInvoicingDunningCaseListPageEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingDunningCaseListPageEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const invoicingDunningCaseListViewReducer_1 = require("../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).
+ */
+const fetchInvoicingDunningCaseListPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(invoicingDunningCaseListViewReducer_1.fetchInvoicingDunningCaseListPage.match), (0, operators_1.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((0, invoicingDunningCaseListViewReducer_1.fetchInvoicingDunningCaseList)({ filters, sort }));
+    }
+    if (shouldFetch(state.countsFetchState, cacheOverride)) {
+        pageActions.push((0, invoicingDunningCaseListViewReducer_1.fetchInvoicingDunningCaseCounts)());
+    }
+    return (0, rxjs_1.concat)((0, rxjs_1.from)(pageActions));
+}));
+exports.fetchInvoicingDunningCaseListPageEpic = fetchInvoicingDunningCaseListPageEpic;

package/lib/view/invoicing/invoicingDunningCaseListView/invoicingDunningCaseListViewPayload.d.ts

@@ -0,0 +1,5 @@
+import { InvoicingDunningCasePayload } from '../../../entity/invoicing/dunningCase/dunningCasePayload';
+import { InvoicingListCounts, InvoicingPaginatedList } from '../../../entity/invoicing/invoicingCommonPayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type InvoicingDunningCaseListResponse = ZeniAPIResponse<InvoicingPaginatedList<InvoicingDunningCasePayload>>;
+export type InvoicingDunningCaseCountsResponse = ZeniAPIResponse<InvoicingListCounts>;

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });