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

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

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingDunningCaseDetailEpic = exports.fetchInvoicingDunningCaseKPIsEpic = exports.fetchInvoicingDunningCaseCountsEpic = 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 dunningCaseViewReducer_1 = require("./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(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)(dunningCaseViewReducer_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, dunningCaseViewReducer_1.updateInvoicingDunningCaseList)({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, dunningCaseViewReducer_1.updateInvoicingDunningCaseListFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, dunningCaseViewReducer_1.updateInvoicingDunningCaseListFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch dunning list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingDunningCaseListEpic = fetchInvoicingDunningCaseListEpic;
+const fetchInvoicingDunningCaseCountsEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(dunningCaseViewReducer_1.fetchInvoicingDunningCaseCounts.match), (0, operators_1.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 = (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, dunningCaseViewReducer_1.updateInvoicingDunningCaseCounts)(response.data));
+        }
+        return (0, rxjs_1.of)((0, dunningCaseViewReducer_1.updateInvoicingDunningCaseCountsFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, dunningCaseViewReducer_1.updateInvoicingDunningCaseCountsFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch dunning counts REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingDunningCaseCountsEpic = fetchInvoicingDunningCaseCountsEpic;
+const fetchInvoicingDunningCaseKPIsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(dunningCaseViewReducer_1.fetchInvoicingDunningCaseKPIs.match), (0, operators_1.switchMap)(() => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/dunning/kpis`;
+    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, dunningCaseViewReducer_1.updateInvoicingDunningCaseKPIs)(response.data));
+        }
+        return (0, rxjs_1.of)((0, dunningCaseViewReducer_1.updateInvoicingDunningCaseKPIsFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, dunningCaseViewReducer_1.updateInvoicingDunningCaseKPIsFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch dunning KPIs REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingDunningCaseKPIsEpic = fetchInvoicingDunningCaseKPIsEpic;
+const fetchInvoicingDunningCaseDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(dunningCaseViewReducer_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, dunningCaseViewReducer_1.updateInvoicingDunningCaseDetail)({ id: response.data.id }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, dunningCaseViewReducer_1.updateInvoicingDunningCaseDetailFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, dunningCaseViewReducer_1.updateInvoicingDunningCaseDetailFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch dunning detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingDunningCaseDetailEpic = fetchInvoicingDunningCaseDetailEpic;

package/lib/view/invoicing/dunningCaseView/dunningCaseViewPayload.d.ts

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

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

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

package/lib/view/invoicing/dunningCaseView/dunningCaseViewReducer.d.ts

@@ -0,0 +1,28 @@
+import { ID } from '../../../commonStateTypes/common';
+import { InvoicingDunningKPIs } from '../../../entity/invoicing/dunningCase/dunningCasePayload';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+import { InvoicingDunningCaseFilters, InvoicingDunningCaseViewState } from './dunningCaseViewState';
+export declare const initialState: InvoicingDunningCaseViewState;
+export declare const fetchInvoicingDunningCaseList: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    cursor?: string;
+    filters?: InvoicingDunningCaseFilters;
+    keepExistingListItems?: boolean;
+    sort?: InvoicingListSort;
+}], {
+    filters: InvoicingDunningCaseFilters;
+    cursor: string | undefined;
+    keepExistingListItems: boolean;
+    sort: InvoicingListSort | undefined;
+}, "invoicingDunningCaseView/fetchInvoicingDunningCaseList", never, never>, updateInvoicingDunningCaseList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    ids: ID[];
+    keepExistingListItems: boolean;
+    nextCursor: string | null;
+}, "invoicingDunningCaseView/updateInvoicingDunningCaseList">, updateInvoicingDunningCaseListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingDunningCaseView/updateInvoicingDunningCaseListFailure">, fetchInvoicingDunningCaseCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingDunningCaseView/fetchInvoicingDunningCaseCounts">, updateInvoicingDunningCaseCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingDunningCaseView/updateInvoicingDunningCaseCounts">, updateInvoicingDunningCaseCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingDunningCaseView/updateInvoicingDunningCaseCountsFailure">, fetchInvoicingDunningCaseKPIs: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingDunningCaseView/fetchInvoicingDunningCaseKPIs">, updateInvoicingDunningCaseKPIs: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingDunningKPIs, "invoicingDunningCaseView/updateInvoicingDunningCaseKPIs">, updateInvoicingDunningCaseKPIsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingDunningCaseView/updateInvoicingDunningCaseKPIsFailure">, updateInvoicingDunningCaseFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingDunningCaseFilters, "invoicingDunningCaseView/updateInvoicingDunningCaseFilters">, fetchInvoicingDunningCaseDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingDunningCaseView/fetchInvoicingDunningCaseDetail">, updateInvoicingDunningCaseDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingDunningCaseView/updateInvoicingDunningCaseDetail">, updateInvoicingDunningCaseDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingDunningCaseView/updateInvoicingDunningCaseDetailFailure">, clearInvoicingDunningCaseView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingDunningCaseView/clearInvoicingDunningCaseView">;
+declare const _default: import("redux").Reducer<InvoicingDunningCaseViewState>;
+export default _default;

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

@@ -0,0 +1,109 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingDunningCaseView = exports.updateInvoicingDunningCaseDetailFailure = exports.updateInvoicingDunningCaseDetail = exports.fetchInvoicingDunningCaseDetail = exports.updateInvoicingDunningCaseFilters = exports.updateInvoicingDunningCaseKPIsFailure = exports.updateInvoicingDunningCaseKPIs = exports.fetchInvoicingDunningCaseKPIs = exports.updateInvoicingDunningCaseCountsFailure = exports.updateInvoicingDunningCaseCounts = exports.fetchInvoicingDunningCaseCounts = exports.updateInvoicingDunningCaseListFailure = exports.updateInvoicingDunningCaseList = exports.fetchInvoicingDunningCaseList = 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 },
+    kpis: undefined,
+    kpisFetchState: { fetchState: 'Not-Started', error: undefined },
+    detailId: undefined,
+    detailFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const dunningCaseView = (0, toolkit_1.createSlice)({
+    name: 'invoicingDunningCaseView',
+    initialState: exports.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, exports.initialState);
+        },
+    },
+});
+_a = dunningCaseView.actions, exports.fetchInvoicingDunningCaseList = _a.fetchInvoicingDunningCaseList, exports.updateInvoicingDunningCaseList = _a.updateInvoicingDunningCaseList, exports.updateInvoicingDunningCaseListFailure = _a.updateInvoicingDunningCaseListFailure, exports.fetchInvoicingDunningCaseCounts = _a.fetchInvoicingDunningCaseCounts, exports.updateInvoicingDunningCaseCounts = _a.updateInvoicingDunningCaseCounts, exports.updateInvoicingDunningCaseCountsFailure = _a.updateInvoicingDunningCaseCountsFailure, exports.fetchInvoicingDunningCaseKPIs = _a.fetchInvoicingDunningCaseKPIs, exports.updateInvoicingDunningCaseKPIs = _a.updateInvoicingDunningCaseKPIs, exports.updateInvoicingDunningCaseKPIsFailure = _a.updateInvoicingDunningCaseKPIsFailure, exports.updateInvoicingDunningCaseFilters = _a.updateInvoicingDunningCaseFilters, exports.fetchInvoicingDunningCaseDetail = _a.fetchInvoicingDunningCaseDetail, exports.updateInvoicingDunningCaseDetail = _a.updateInvoicingDunningCaseDetail, exports.updateInvoicingDunningCaseDetailFailure = _a.updateInvoicingDunningCaseDetailFailure, exports.clearInvoicingDunningCaseView = _a.clearInvoicingDunningCaseView;
+exports.default = dunningCaseView.reducer;

package/lib/view/invoicing/dunningCaseView/dunningCaseViewSelector.d.ts

@@ -0,0 +1,15 @@
+import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { InvoicingDunningCase, InvoicingDunningKPIs } from '../../../entity/invoicing/dunningCase/dunningCasePayload';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { RootState } from '../../../reducer';
+import { InvoicingDunningCaseFilters } from './dunningCaseViewState';
+export declare const getInvoicingDunningCaseListItems: (state: RootState) => InvoicingDunningCase[];
+export declare const getInvoicingDunningCaseListFetchState: (state: RootState) => FetchStateAndError;
+export declare const getInvoicingDunningCaseListNextCursor: (state: RootState) => string | null;
+export declare const getInvoicingDunningCaseListHasMore: (state: RootState) => boolean;
+export declare const getInvoicingDunningCaseListFilters: (state: RootState) => InvoicingDunningCaseFilters;
+export declare const getInvoicingDunningCaseCounts: (state: RootState) => InvoicingListCounts;
+export declare const getInvoicingDunningCaseKPIs: (state: RootState) => InvoicingDunningKPIs | undefined;
+export declare const getInvoicingDunningCaseById: (state: RootState, id: string) => InvoicingDunningCase | undefined;
+export declare const getInvoicingDunningCaseDetail: (state: RootState) => InvoicingDunningCase | undefined;
+export declare const getInvoicingDunningCaseDetailFetchState: (state: RootState) => FetchStateAndError;

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingDunningCaseDetailFetchState = exports.getInvoicingDunningCaseDetail = exports.getInvoicingDunningCaseById = exports.getInvoicingDunningCaseKPIs = exports.getInvoicingDunningCaseCounts = exports.getInvoicingDunningCaseListFilters = exports.getInvoicingDunningCaseListHasMore = exports.getInvoicingDunningCaseListNextCursor = exports.getInvoicingDunningCaseListFetchState = exports.getInvoicingDunningCaseListItems = void 0;
+const getInvoicingDunningCaseListItems = (state) => state.invoicingDunningCaseViewState.ids
+    .map((id) => state.invoicingDunningCaseState.dunningCaseByID[id])
+    .filter((item) => item != null);
+exports.getInvoicingDunningCaseListItems = getInvoicingDunningCaseListItems;
+const getInvoicingDunningCaseListFetchState = (state) => ({
+    fetchState: state.invoicingDunningCaseViewState.fetchState,
+    error: state.invoicingDunningCaseViewState.error,
+});
+exports.getInvoicingDunningCaseListFetchState = getInvoicingDunningCaseListFetchState;
+const getInvoicingDunningCaseListNextCursor = (state) => state.invoicingDunningCaseViewState.nextCursor;
+exports.getInvoicingDunningCaseListNextCursor = getInvoicingDunningCaseListNextCursor;
+const getInvoicingDunningCaseListHasMore = (state) => state.invoicingDunningCaseViewState.nextCursor != null;
+exports.getInvoicingDunningCaseListHasMore = getInvoicingDunningCaseListHasMore;
+const getInvoicingDunningCaseListFilters = (state) => state.invoicingDunningCaseViewState.filters;
+exports.getInvoicingDunningCaseListFilters = getInvoicingDunningCaseListFilters;
+const getInvoicingDunningCaseCounts = (state) => state.invoicingDunningCaseViewState.counts;
+exports.getInvoicingDunningCaseCounts = getInvoicingDunningCaseCounts;
+const getInvoicingDunningCaseKPIs = (state) => state.invoicingDunningCaseViewState.kpis;
+exports.getInvoicingDunningCaseKPIs = getInvoicingDunningCaseKPIs;
+const getInvoicingDunningCaseById = (state, id) => state.invoicingDunningCaseState.dunningCaseByID[id];
+exports.getInvoicingDunningCaseById = getInvoicingDunningCaseById;
+const getInvoicingDunningCaseDetail = (state) => {
+    const id = state.invoicingDunningCaseViewState.detailId;
+    return id != null
+        ? state.invoicingDunningCaseState.dunningCaseByID[id]
+        : undefined;
+};
+exports.getInvoicingDunningCaseDetail = getInvoicingDunningCaseDetail;
+const getInvoicingDunningCaseDetailFetchState = (state) => state.invoicingDunningCaseViewState.detailFetchState;
+exports.getInvoicingDunningCaseDetailFetchState = getInvoicingDunningCaseDetailFetchState;

package/lib/view/invoicing/dunningCaseView/dunningCaseViewState.d.ts

@@ -0,0 +1,20 @@
+import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/common';
+import { InvoicingDunningKPIs } from '../../../entity/invoicing/dunningCase/dunningCasePayload';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+export interface InvoicingDunningCaseFilters {
+    search?: string;
+    status?: string;
+}
+export interface InvoicingDunningCaseViewState extends FetchedState {
+    counts: InvoicingListCounts;
+    countsFetchState: FetchStateAndError;
+    detailFetchState: FetchStateAndError;
+    filters: InvoicingDunningCaseFilters;
+    ids: ID[];
+    kpisFetchState: FetchStateAndError;
+    nextCursor: string | null;
+    detailId?: ID;
+    kpis?: InvoicingDunningKPIs;
+    sort?: InvoicingListSort;
+}

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

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

package/lib/view/invoicing/editInvoicingCustomerDetailView/editInvoicingCustomerDetailViewPayload.d.ts

@@ -0,0 +1,3 @@
+import { InvoicingCustomerPayload } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerPayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type SaveInvoicingCustomerResponse = ZeniAPIResponse<InvoicingCustomerPayload>;

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

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

package/lib/view/invoicing/editInvoicingCustomerDetailView/editInvoicingCustomerDetailViewReducer.d.ts

@@ -0,0 +1,14 @@
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { EditInvoicingCustomerDetailViewState } from './editInvoicingCustomerDetailViewState';
+/** Payload for creating (no id) or updating (with id) a customer. */
+export interface SaveInvoicingCustomerPayload {
+    data: Record<string, unknown>;
+    id?: ID;
+}
+export declare const initialState: EditInvoicingCustomerDetailViewState;
+export declare const saveInvoicingCustomer: import("@reduxjs/toolkit").ActionCreatorWithPayload<SaveInvoicingCustomerPayload, "editInvoicingCustomerDetailView/saveInvoicingCustomer">, saveInvoicingCustomerSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    customerId: ID;
+}, "editInvoicingCustomerDetailView/saveInvoicingCustomerSuccess">, saveInvoicingCustomerFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "editInvoicingCustomerDetailView/saveInvoicingCustomerFailure">, resetEditInvoicingCustomerDetailView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"editInvoicingCustomerDetailView/resetEditInvoicingCustomerDetailView">;
+declare const _default: import("redux").Reducer<EditInvoicingCustomerDetailViewState>;
+export default _default;

package/lib/view/invoicing/editInvoicingCustomerDetailView/editInvoicingCustomerDetailViewReducer.js

@@ -0,0 +1,40 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resetEditInvoicingCustomerDetailView = exports.saveInvoicingCustomerFailure = exports.saveInvoicingCustomerSuccess = exports.saveInvoicingCustomer = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    data: undefined,
+    savedCustomerId: undefined,
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const editInvoicingCustomerDetailView = (0, toolkit_1.createSlice)({
+    name: 'editInvoicingCustomerDetailView',
+    initialState: exports.initialState,
+    reducers: {
+        saveInvoicingCustomer(draft, action) {
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+            draft.savedCustomerId = undefined;
+            draft.data = action.payload.data;
+        },
+        saveInvoicingCustomerSuccess(draft, action) {
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+            draft.savedCustomerId = action.payload.customerId;
+        },
+        saveInvoicingCustomerFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        resetEditInvoicingCustomerDetailView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = editInvoicingCustomerDetailView.actions, exports.saveInvoicingCustomer = _a.saveInvoicingCustomer, exports.saveInvoicingCustomerSuccess = _a.saveInvoicingCustomerSuccess, exports.saveInvoicingCustomerFailure = _a.saveInvoicingCustomerFailure, exports.resetEditInvoicingCustomerDetailView = _a.resetEditInvoicingCustomerDetailView;
+exports.default = editInvoicingCustomerDetailView.reducer;

package/lib/view/invoicing/editInvoicingCustomerDetailView/editInvoicingCustomerDetailViewSelector.d.ts

@@ -0,0 +1,15 @@
+import { ID } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingCustomer } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerState';
+import { RootState } from '../../../reducer';
+export interface EditInvoicingCustomerDetailView extends SelectorView {
+    customer?: InvoicingCustomer;
+    savedCustomerId?: ID;
+}
+/**
+ * Bundled view for the customer create/edit form: the save fetch state/error,
+ * the id of the customer last saved, and — when an `invoicingCustomerID` is
+ * passed (edit mode) — the existing customer entity to prefill the form. Lets
+ * the form screen depend on this single selector.
+ */
+export declare const getEditInvoicingCustomerDetailViewState: (state: RootState, invoicingCustomerID?: ID) => EditInvoicingCustomerDetailView;

package/lib/view/invoicing/editInvoicingCustomerDetailView/editInvoicingCustomerDetailViewSelector.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getEditInvoicingCustomerDetailViewState = void 0;
+const invoicingCustomerSelector_1 = require("../../../entity/invoicing/invoicingCustomer/invoicingCustomerSelector");
+/**
+ * Bundled view for the customer create/edit form: the save fetch state/error,
+ * the id of the customer last saved, and — when an `invoicingCustomerID` is
+ * passed (edit mode) — the existing customer entity to prefill the form. Lets
+ * the form screen depend on this single selector.
+ */
+const getEditInvoicingCustomerDetailViewState = (state, invoicingCustomerID) => {
+    const { error, fetchState, savedCustomerId } = state.editInvoicingCustomerDetailViewState;
+    return {
+        customer: invoicingCustomerID != null
+            ? (0, invoicingCustomerSelector_1.getInvoicingCustomerById)(state.invoicingCustomerState, invoicingCustomerID)
+            : undefined,
+        savedCustomerId,
+        fetchState,
+        error,
+        version: 1.0,
+    };
+};
+exports.getEditInvoicingCustomerDetailViewState = getEditInvoicingCustomerDetailViewState;

package/lib/view/invoicing/editInvoicingCustomerDetailView/editInvoicingCustomerDetailViewState.d.ts

@@ -0,0 +1,5 @@
+import { FetchedState, ID } from '../../../commonStateTypes/common';
+export interface EditInvoicingCustomerDetailViewState extends FetchedState {
+    data?: Record<string, unknown>;
+    savedCustomerId?: ID;
+}

package/lib/view/invoicing/editInvoicingCustomerDetailView/editInvoicingCustomerDetailViewState.js

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

package/lib/view/invoicing/editInvoicingCustomerDetailView/saveInvoicingCustomerEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingCustomers } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { saveInvoicingCustomer, saveInvoicingCustomerFailure, saveInvoicingCustomerSuccess } from './editInvoicingCustomerDetailViewReducer';
+export type ActionType = ReturnType<typeof saveInvoicingCustomer> | ReturnType<typeof saveInvoicingCustomerSuccess> | ReturnType<typeof saveInvoicingCustomerFailure> | ReturnType<typeof updateInvoicingCustomers>;
+export declare const saveInvoicingCustomerEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/editInvoicingCustomerDetailView/saveInvoicingCustomerEpic.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveInvoicingCustomerEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const invoicingCustomerReducer_1 = require("../../../entity/invoicing/invoicingCustomer/invoicingCustomerReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const editInvoicingCustomerDetailViewReducer_1 = require("./editInvoicingCustomerDetailViewReducer");
+const saveInvoicingCustomerEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(editInvoicingCustomerDetailViewReducer_1.saveInvoicingCustomer.match), (0, operators_1.mergeMap)((action) => {
+    const { data, id } = action.payload;
+    const baseUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0`;
+    const request$ = id != null
+        ? zeniAPI.putAndGetJSON(`${baseUrl}/customers/${encodeURIComponent(id)}`, { ...data })
+        : zeniAPI.postAndGetJSON(`${baseUrl}/customers`, { ...data });
+    return request$.pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return [
+                (0, invoicingCustomerReducer_1.updateInvoicingCustomers)([response.data], 'merge'),
+                (0, editInvoicingCustomerDetailViewReducer_1.saveInvoicingCustomerSuccess)({ customerId: response.data.id }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, editInvoicingCustomerDetailViewReducer_1.saveInvoicingCustomerFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, editInvoicingCustomerDetailViewReducer_1.saveInvoicingCustomerFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save customer REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.saveInvoicingCustomerEpic = saveInvoicingCustomerEpic;

package/lib/view/invoicing/editInvoicingSubscriptionDetailView/editInvoicingSubscriptionDetailViewPayload.d.ts

@@ -0,0 +1,3 @@
+import { InvoicingSubscriptionPayload } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionPayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type SaveInvoicingSubscriptionResponse = ZeniAPIResponse<InvoicingSubscriptionPayload>;

package/lib/view/invoicing/editInvoicingSubscriptionDetailView/editInvoicingSubscriptionDetailViewPayload.js

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

package/lib/view/invoicing/editInvoicingSubscriptionDetailView/editInvoicingSubscriptionDetailViewReducer.d.ts

@@ -0,0 +1,14 @@
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { EditInvoicingSubscriptionDetailViewState } from './editInvoicingSubscriptionDetailViewState';
+/** Payload for creating (no id) or updating (with id) a subscription. */
+export interface SaveInvoicingSubscriptionPayload {
+    data: Record<string, unknown>;
+    id?: ID;
+}
+export declare const initialState: EditInvoicingSubscriptionDetailViewState;
+export declare const saveInvoicingSubscription: import("@reduxjs/toolkit").ActionCreatorWithPayload<SaveInvoicingSubscriptionPayload, "editInvoicingSubscriptionDetailView/saveInvoicingSubscription">, saveInvoicingSubscriptionSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    subscriptionId: ID;
+}, "editInvoicingSubscriptionDetailView/saveInvoicingSubscriptionSuccess">, saveInvoicingSubscriptionFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "editInvoicingSubscriptionDetailView/saveInvoicingSubscriptionFailure">, resetEditInvoicingSubscriptionDetailView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"editInvoicingSubscriptionDetailView/resetEditInvoicingSubscriptionDetailView">;
+declare const _default: import("redux").Reducer<EditInvoicingSubscriptionDetailViewState>;
+export default _default;

package/lib/view/invoicing/editInvoicingSubscriptionDetailView/editInvoicingSubscriptionDetailViewReducer.js

@@ -0,0 +1,40 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resetEditInvoicingSubscriptionDetailView = exports.saveInvoicingSubscriptionFailure = exports.saveInvoicingSubscriptionSuccess = exports.saveInvoicingSubscription = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    data: undefined,
+    savedSubscriptionId: undefined,
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const editInvoicingSubscriptionDetailView = (0, toolkit_1.createSlice)({
+    name: 'editInvoicingSubscriptionDetailView',
+    initialState: exports.initialState,
+    reducers: {
+        saveInvoicingSubscription(draft, action) {
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+            draft.savedSubscriptionId = undefined;
+            draft.data = action.payload.data;
+        },
+        saveInvoicingSubscriptionSuccess(draft, action) {
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+            draft.savedSubscriptionId = action.payload.subscriptionId;
+        },
+        saveInvoicingSubscriptionFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        resetEditInvoicingSubscriptionDetailView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = editInvoicingSubscriptionDetailView.actions, exports.saveInvoicingSubscription = _a.saveInvoicingSubscription, exports.saveInvoicingSubscriptionSuccess = _a.saveInvoicingSubscriptionSuccess, exports.saveInvoicingSubscriptionFailure = _a.saveInvoicingSubscriptionFailure, exports.resetEditInvoicingSubscriptionDetailView = _a.resetEditInvoicingSubscriptionDetailView;
+exports.default = editInvoicingSubscriptionDetailView.reducer;

package/lib/view/invoicing/editInvoicingSubscriptionDetailView/editInvoicingSubscriptionDetailViewSelector.d.ts

@@ -0,0 +1,34 @@
+import { ID } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingCoupon } from '../../../entity/invoicing/coupon/couponPayload';
+import { InvoicingCustomer } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerState';
+import { InvoicingSubscription } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionState';
+import { InvoicingPlan } from '../../../entity/invoicing/plan/planPayload';
+import { InvoicingProduct } from '../../../entity/invoicing/product/productPayload';
+import { RootState } from '../../../reducer';
+/**
+ * Bundled view for the subscription create/edit form's save concern: the save
+ * fetch state/error, the id of the subscription last saved, and — when an
+ * `invoicingSubscriptionID` is passed (edit mode) — the existing subscription to
+ * prefill the form.
+ */
+export interface EditInvoicingSubscriptionDetailView extends SelectorView {
+    savedSubscriptionId?: ID;
+    subscription?: InvoicingSubscription;
+}
+/**
+ * The full data the subscription form screen needs in one selector: the edit/
+ * save state + prefill subscription, plus the raw option lists (customers,
+ * plans, products, coupons). The screen maps the raw lists to its own option
+ * shape, so this stays free of any web-components dependency.
+ */
+export interface InvoicingSubscriptionFormView extends SelectorView {
+    coupons: InvoicingCoupon[];
+    customers: InvoicingCustomer[];
+    plans: InvoicingPlan[];
+    products: InvoicingProduct[];
+    savedSubscriptionId?: ID;
+    subscription?: InvoicingSubscription;
+}
+export declare const getEditInvoicingSubscriptionDetailViewState: (state: RootState, invoicingSubscriptionID?: ID) => EditInvoicingSubscriptionDetailView;
+export declare const getInvoicingSubscriptionFormView: (state: RootState, invoicingSubscriptionID?: ID) => InvoicingSubscriptionFormView;

package/lib/view/invoicing/editInvoicingSubscriptionDetailView/editInvoicingSubscriptionDetailViewSelector.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingSubscriptionFormView = exports.getEditInvoicingSubscriptionDetailViewState = void 0;
+const invoicingSubscriptionSelector_1 = require("../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionSelector");
+const catalogViewSelector_1 = require("../catalogView/catalogViewSelector");
+const couponViewSelector_1 = require("../couponView/couponViewSelector");
+const invoicingCustomerListViewSelector_1 = require("../invoicingCustomerListView/invoicingCustomerListViewSelector");
+const getEditInvoicingSubscriptionDetailViewState = (state, invoicingSubscriptionID) => {
+    const { error, fetchState, savedSubscriptionId } = state.editInvoicingSubscriptionDetailViewState;
+    return {
+        subscription: invoicingSubscriptionID != null
+            ? (0, invoicingSubscriptionSelector_1.getInvoicingSubscriptionById)(state.invoicingSubscriptionState, invoicingSubscriptionID)
+            : undefined,
+        savedSubscriptionId,
+        fetchState,
+        error,
+        version: 1.0,
+    };
+};
+exports.getEditInvoicingSubscriptionDetailViewState = getEditInvoicingSubscriptionDetailViewState;
+const getInvoicingSubscriptionFormView = (state, invoicingSubscriptionID) => {
+    const editView = (0, exports.getEditInvoicingSubscriptionDetailViewState)(state, invoicingSubscriptionID);
+    return {
+        coupons: (0, couponViewSelector_1.getInvoicingCouponListItems)(state),
+        customers: (0, invoicingCustomerListViewSelector_1.getInvoicingCustomerListView)(state).customers,
+        plans: (0, catalogViewSelector_1.getInvoicingCatalogPlanListItems)(state),
+        products: (0, catalogViewSelector_1.getInvoicingCatalogProductListItems)(state),
+        savedSubscriptionId: editView.savedSubscriptionId,
+        subscription: editView.subscription,
+        fetchState: editView.fetchState,
+        error: editView.error,
+        version: 1.0,
+    };
+};
+exports.getInvoicingSubscriptionFormView = getInvoicingSubscriptionFormView;

package/lib/view/invoicing/editInvoicingSubscriptionDetailView/editInvoicingSubscriptionDetailViewState.d.ts

@@ -0,0 +1,5 @@
+import { FetchedState, ID } from '../../../commonStateTypes/common';
+export interface EditInvoicingSubscriptionDetailViewState extends FetchedState {
+    data?: Record<string, unknown>;
+    savedSubscriptionId?: ID;
+}

package/lib/view/invoicing/editInvoicingSubscriptionDetailView/editInvoicingSubscriptionDetailViewState.js

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