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

package/lib/view/invoicing/auditView/auditViewEpics.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingAuditLogEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../responsePayload");
+const invoicingApiHelper_1 = require("../invoicingApiHelper");
+const auditViewReducer_1 = require("./auditViewReducer");
+const buildQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    if (filters.actor != null && filters.actor.length > 0) {
+        params.set('actor', filters.actor);
+    }
+    if (filters.action != null && filters.action.length > 0) {
+        params.set('action', filters.action);
+    }
+    if (filters.dateFrom != null && filters.dateFrom.length > 0) {
+        params.set('date_from', filters.dateFrom);
+    }
+    if (filters.dateTo != null && filters.dateTo.length > 0) {
+        params.set('date_to', filters.dateTo);
+    }
+    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 fetchInvoicingAuditLogEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(auditViewReducer_1.fetchInvoicingAuditLog.match), (0, operators_1.switchMap)((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = (0, invoicingApiHelper_1.withQuery)(`${(0, invoicingApiHelper_1.invoicingBaseUrl)(zeniAPI)}/audit-log`, buildQuery(filters, cursor, sort));
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response)) {
+            return (0, rxjs_1.of)((0, auditViewReducer_1.updateInvoicingAuditLog)({
+                items: response.data?.items ?? [],
+                nextCursor: response.data?.next_cursor ?? null,
+                keepExistingListItems,
+            }));
+        }
+        return (0, rxjs_1.of)((0, auditViewReducer_1.updateInvoicingAuditLogFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, auditViewReducer_1.updateInvoicingAuditLogFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch audit log REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingAuditLogEpic = fetchInvoicingAuditLogEpic;

package/lib/view/invoicing/auditView/auditViewReducer.d.ts

@@ -0,0 +1,36 @@
+import { FetchedState } from '../../../commonStateTypes/common';
+import { InvoicingAuditEntry } from '../../../entity/invoicing/invoicingTypes';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+export interface InvoicingAuditFilters {
+    action?: string;
+    actor?: string;
+    dateFrom?: string;
+    dateTo?: string;
+    search?: string;
+}
+export interface InvoicingAuditViewState extends FetchedState {
+    filters: InvoicingAuditFilters;
+    items: InvoicingAuditEntry[];
+    nextCursor: string | null;
+    /** Active server-side sort (undefined = backend default order). */
+    sort?: InvoicingListSort;
+}
+export declare const initialState: InvoicingAuditViewState;
+export declare const fetchInvoicingAuditLog: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    cursor?: string;
+    filters?: InvoicingAuditFilters;
+    keepExistingListItems?: boolean;
+    sort?: InvoicingListSort;
+}], {
+    filters: InvoicingAuditFilters;
+    cursor: string | undefined;
+    keepExistingListItems: boolean;
+    sort: InvoicingListSort | undefined;
+}, "invoicingAuditView/fetchInvoicingAuditLog", never, never>, updateInvoicingAuditLog: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    items: InvoicingAuditEntry[];
+    keepExistingListItems: boolean;
+    nextCursor: string | null;
+}, "invoicingAuditView/updateInvoicingAuditLog">, updateInvoicingAuditLogFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingAuditView/updateInvoicingAuditLogFailure">, clearInvoicingAuditView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingAuditView/clearInvoicingAuditView">;
+declare const _default: import("redux").Reducer<InvoicingAuditViewState>;
+export default _default;

package/lib/view/invoicing/auditView/auditViewReducer.js

@@ -0,0 +1,60 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingAuditView = exports.updateInvoicingAuditLogFailure = exports.updateInvoicingAuditLog = exports.fetchInvoicingAuditLog = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    items: [],
+    nextCursor: null,
+    filters: {},
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const auditView = (0, toolkit_1.createSlice)({
+    name: 'invoicingAuditView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchInvoicingAuditLog: {
+            reducer(draft, action) {
+                if (!action.payload.keepExistingListItems) {
+                    draft.items = [];
+                    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,
+                    },
+                };
+            },
+        },
+        updateInvoicingAuditLog(draft, action) {
+            draft.items = action.payload.keepExistingListItems
+                ? [...draft.items, ...action.payload.items]
+                : action.payload.items;
+            draft.nextCursor = action.payload.nextCursor;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingAuditLogFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        clearInvoicingAuditView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = auditView.actions, exports.fetchInvoicingAuditLog = _a.fetchInvoicingAuditLog, exports.updateInvoicingAuditLog = _a.updateInvoicingAuditLog, exports.updateInvoicingAuditLogFailure = _a.updateInvoicingAuditLogFailure, exports.clearInvoicingAuditView = _a.clearInvoicingAuditView;
+exports.default = auditView.reducer;

package/lib/view/invoicing/auditView/auditViewSelector.d.ts

@@ -0,0 +1,9 @@
+import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { InvoicingAuditEntry } from '../../../entity/invoicing/invoicingTypes';
+import { RootState } from '../../../reducer';
+import { InvoicingAuditFilters } from './auditViewReducer';
+export declare const getInvoicingAuditLogItems: (state: RootState) => InvoicingAuditEntry[];
+export declare const getInvoicingAuditLogFetchState: (state: RootState) => FetchStateAndError;
+export declare const getInvoicingAuditLogNextCursor: (state: RootState) => string | null;
+export declare const getInvoicingAuditLogHasMore: (state: RootState) => boolean;
+export declare const getInvoicingAuditLogFilters: (state: RootState) => InvoicingAuditFilters;

package/lib/view/invoicing/auditView/auditViewSelector.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingAuditLogFilters = exports.getInvoicingAuditLogHasMore = exports.getInvoicingAuditLogNextCursor = exports.getInvoicingAuditLogFetchState = exports.getInvoicingAuditLogItems = void 0;
+const getInvoicingAuditLogItems = (state) => state.invoicingAuditViewState.items;
+exports.getInvoicingAuditLogItems = getInvoicingAuditLogItems;
+const getInvoicingAuditLogFetchState = (state) => ({
+    fetchState: state.invoicingAuditViewState.fetchState,
+    error: state.invoicingAuditViewState.error,
+});
+exports.getInvoicingAuditLogFetchState = getInvoicingAuditLogFetchState;
+const getInvoicingAuditLogNextCursor = (state) => state.invoicingAuditViewState.nextCursor;
+exports.getInvoicingAuditLogNextCursor = getInvoicingAuditLogNextCursor;
+const getInvoicingAuditLogHasMore = (state) => state.invoicingAuditViewState.nextCursor != null;
+exports.getInvoicingAuditLogHasMore = getInvoicingAuditLogHasMore;
+const getInvoicingAuditLogFilters = (state) => state.invoicingAuditViewState.filters;
+exports.getInvoicingAuditLogFilters = getInvoicingAuditLogFilters;

package/lib/view/invoicing/catalogView/catalogViewEpics.d.ts

@@ -0,0 +1,14 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingPlans } from '../../../entity/invoicing/plan/planReducer';
+import { updateInvoicingProducts } from '../../../entity/invoicing/product/productReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { fetchInvoicingCatalogCounts, fetchInvoicingCatalogKPIs, fetchInvoicingCatalogPlanDetail, fetchInvoicingCatalogPlanList, fetchInvoicingCatalogProductDetail, fetchInvoicingCatalogProductList, updateInvoicingCatalogCounts, updateInvoicingCatalogCountsFailure, updateInvoicingCatalogKPIs, updateInvoicingCatalogKPIsFailure, updateInvoicingCatalogPlanDetail, updateInvoicingCatalogPlanDetailFailure, updateInvoicingCatalogPlanList, updateInvoicingCatalogPlanListFailure, updateInvoicingCatalogProductDetail, updateInvoicingCatalogProductDetailFailure, updateInvoicingCatalogProductList, updateInvoicingCatalogProductListFailure } from './catalogViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingCatalogPlanList> | ReturnType<typeof fetchInvoicingCatalogProductList> | ReturnType<typeof fetchInvoicingCatalogCounts> | ReturnType<typeof fetchInvoicingCatalogKPIs> | ReturnType<typeof fetchInvoicingCatalogPlanDetail> | ReturnType<typeof fetchInvoicingCatalogProductDetail> | ReturnType<typeof updateInvoicingCatalogPlanList> | ReturnType<typeof updateInvoicingCatalogPlanListFailure> | ReturnType<typeof updateInvoicingCatalogProductList> | ReturnType<typeof updateInvoicingCatalogProductListFailure> | ReturnType<typeof updateInvoicingCatalogCounts> | ReturnType<typeof updateInvoicingCatalogCountsFailure> | ReturnType<typeof updateInvoicingCatalogKPIs> | ReturnType<typeof updateInvoicingCatalogKPIsFailure> | ReturnType<typeof updateInvoicingCatalogPlanDetail> | ReturnType<typeof updateInvoicingCatalogPlanDetailFailure> | ReturnType<typeof updateInvoicingCatalogProductDetail> | ReturnType<typeof updateInvoicingCatalogProductDetailFailure> | ReturnType<typeof updateInvoicingPlans> | ReturnType<typeof updateInvoicingProducts>;
+export declare const fetchInvoicingCatalogPlanListEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const fetchInvoicingCatalogProductListEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const fetchInvoicingCatalogCountsEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const fetchInvoicingCatalogKPIsEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const fetchInvoicingCatalogPlanDetailEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const fetchInvoicingCatalogProductDetailEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/catalogView/catalogViewEpics.js

@@ -0,0 +1,152 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingCatalogProductDetailEpic = exports.fetchInvoicingCatalogPlanDetailEpic = exports.fetchInvoicingCatalogKPIsEpic = exports.fetchInvoicingCatalogCountsEpic = exports.fetchInvoicingCatalogProductListEpic = exports.fetchInvoicingCatalogPlanListEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const planReducer_1 = require("../../../entity/invoicing/plan/planReducer");
+const productReducer_1 = require("../../../entity/invoicing/product/productReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const invoicingApiHelper_1 = require("../invoicingApiHelper");
+const catalogViewReducer_1 = require("./catalogViewReducer");
+const buildPlanQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    if (filters.status != null && filters.status.length > 0) {
+        params.set('status', filters.status);
+    }
+    if (filters.type != null && filters.type.length > 0) {
+        params.set('type', filters.type);
+    }
+    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 buildProductQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    if (filters.item_id != null && filters.item_id.length > 0) {
+        params.set('item_id', filters.item_id);
+    }
+    if (filters.item_type != null && filters.item_type.length > 0) {
+        params.set('item_type', filters.item_type);
+    }
+    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 fetchInvoicingCatalogPlanListEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(catalogViewReducer_1.fetchInvoicingCatalogPlanList.match), (0, operators_1.switchMap)((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = (0, invoicingApiHelper_1.withQuery)(`${(0, invoicingApiHelper_1.invoicingBaseUrl)(zeniAPI)}/catalog/plans`, buildPlanQuery(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, planReducer_1.updateInvoicingPlans)(items, 'merge'),
+                (0, catalogViewReducer_1.updateInvoicingCatalogPlanList)({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, catalogViewReducer_1.updateInvoicingCatalogPlanListFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, catalogViewReducer_1.updateInvoicingCatalogPlanListFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch catalog plan list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingCatalogPlanListEpic = fetchInvoicingCatalogPlanListEpic;
+const fetchInvoicingCatalogProductListEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(catalogViewReducer_1.fetchInvoicingCatalogProductList.match), (0, operators_1.switchMap)((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = (0, invoicingApiHelper_1.withQuery)(`${(0, invoicingApiHelper_1.invoicingBaseUrl)(zeniAPI)}/catalog/products`, buildProductQuery(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, productReducer_1.updateInvoicingProducts)(items, 'merge'),
+                (0, catalogViewReducer_1.updateInvoicingCatalogProductList)({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, catalogViewReducer_1.updateInvoicingCatalogProductListFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, catalogViewReducer_1.updateInvoicingCatalogProductListFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch catalog product list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingCatalogProductListEpic = fetchInvoicingCatalogProductListEpic;
+const fetchInvoicingCatalogCountsEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(catalogViewReducer_1.fetchInvoicingCatalogCounts.match), (0, operators_1.switchMap)(() => {
+    const { planFilters } = state$.value.invoicingCatalogViewState;
+    const params = new URLSearchParams();
+    if (planFilters.search != null && planFilters.search.length > 0) {
+        params.set('search', planFilters.search);
+    }
+    const apiUrl = (0, invoicingApiHelper_1.withQuery)(`${(0, invoicingApiHelper_1.invoicingBaseUrl)(zeniAPI)}/catalog/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, catalogViewReducer_1.updateInvoicingCatalogCounts)(response.data));
+        }
+        return (0, rxjs_1.of)((0, catalogViewReducer_1.updateInvoicingCatalogCountsFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, catalogViewReducer_1.updateInvoicingCatalogCountsFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch catalog counts REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingCatalogCountsEpic = fetchInvoicingCatalogCountsEpic;
+const fetchInvoicingCatalogKPIsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(catalogViewReducer_1.fetchInvoicingCatalogKPIs.match), (0, operators_1.switchMap)(() => {
+    const apiUrl = `${(0, invoicingApiHelper_1.invoicingBaseUrl)(zeniAPI)}/catalog/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, catalogViewReducer_1.updateInvoicingCatalogKPIs)(response.data));
+        }
+        return (0, rxjs_1.of)((0, catalogViewReducer_1.updateInvoicingCatalogKPIsFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, catalogViewReducer_1.updateInvoicingCatalogKPIsFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch catalog KPIs REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingCatalogKPIsEpic = fetchInvoicingCatalogKPIsEpic;
+const fetchInvoicingCatalogPlanDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(catalogViewReducer_1.fetchInvoicingCatalogPlanDetail.match), (0, operators_1.switchMap)((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${(0, invoicingApiHelper_1.invoicingBaseUrl)(zeniAPI)}/catalog/plans/${id}`;
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return [
+                (0, planReducer_1.updateInvoicingPlans)([response.data], 'merge'),
+                (0, catalogViewReducer_1.updateInvoicingCatalogPlanDetail)({ id: response.data.id }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, catalogViewReducer_1.updateInvoicingCatalogPlanDetailFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, catalogViewReducer_1.updateInvoicingCatalogPlanDetailFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch catalog plan detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingCatalogPlanDetailEpic = fetchInvoicingCatalogPlanDetailEpic;
+const fetchInvoicingCatalogProductDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(catalogViewReducer_1.fetchInvoicingCatalogProductDetail.match), (0, operators_1.switchMap)((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${(0, invoicingApiHelper_1.invoicingBaseUrl)(zeniAPI)}/catalog/products/${id}`;
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return [
+                (0, productReducer_1.updateInvoicingProducts)([response.data], 'merge'),
+                (0, catalogViewReducer_1.updateInvoicingCatalogProductDetail)({ id: response.data.id }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, catalogViewReducer_1.updateInvoicingCatalogProductDetailFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, catalogViewReducer_1.updateInvoicingCatalogProductDetailFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch catalog product detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingCatalogProductDetailEpic = fetchInvoicingCatalogProductDetailEpic;

package/lib/view/invoicing/catalogView/catalogViewReducer.d.ts

@@ -0,0 +1,76 @@
+import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/common';
+import { InvoicingCatalogKPIs, InvoicingListCounts } from '../../../entity/invoicing/invoicingTypes';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+export interface InvoicingCatalogPlanFilters {
+    search?: string;
+    status?: string;
+    type?: string;
+}
+export interface InvoicingCatalogProductFilters {
+    item_id?: string;
+    item_type?: string;
+    search?: string;
+    status?: string;
+}
+export interface InvoicingCatalogViewState extends FetchedState {
+    counts: InvoicingListCounts;
+    countsFetchState: FetchStateAndError;
+    kpisFetchState: FetchStateAndError;
+    planDetailFetchState: FetchStateAndError;
+    planFilters: InvoicingCatalogPlanFilters;
+    planIds: ID[];
+    planNextCursor: string | null;
+    productDetailFetchState: FetchStateAndError;
+    productFetchState: FetchStateAndError;
+    productFilters: InvoicingCatalogProductFilters;
+    productIds: ID[];
+    productNextCursor: string | null;
+    kpis?: InvoicingCatalogKPIs;
+    planDetailId?: ID;
+    /** Active server-side sort for the plans list (undefined = backend default order). */
+    planSort?: InvoicingListSort;
+    productDetailId?: ID;
+    /** Active server-side sort for the products list (undefined = backend default order). */
+    productSort?: InvoicingListSort;
+}
+export declare const initialState: InvoicingCatalogViewState;
+export declare const fetchInvoicingCatalogPlanList: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    cursor?: string;
+    filters?: InvoicingCatalogPlanFilters;
+    keepExistingListItems?: boolean;
+    sort?: InvoicingListSort;
+}], {
+    filters: InvoicingCatalogPlanFilters;
+    cursor: string | undefined;
+    keepExistingListItems: boolean;
+    sort: InvoicingListSort | undefined;
+}, "invoicingCatalogView/fetchInvoicingCatalogPlanList", never, never>, updateInvoicingCatalogPlanList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    ids: ID[];
+    keepExistingListItems: boolean;
+    nextCursor: string | null;
+}, "invoicingCatalogView/updateInvoicingCatalogPlanList">, updateInvoicingCatalogPlanListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogView/updateInvoicingCatalogPlanListFailure">, fetchInvoicingCatalogProductList: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    cursor?: string;
+    filters?: InvoicingCatalogProductFilters;
+    keepExistingListItems?: boolean;
+    sort?: InvoicingListSort;
+}], {
+    filters: InvoicingCatalogProductFilters;
+    cursor: string | undefined;
+    keepExistingListItems: boolean;
+    sort: InvoicingListSort | undefined;
+}, "invoicingCatalogView/fetchInvoicingCatalogProductList", never, never>, updateInvoicingCatalogProductList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    ids: ID[];
+    keepExistingListItems: boolean;
+    nextCursor: string | null;
+}, "invoicingCatalogView/updateInvoicingCatalogProductList">, updateInvoicingCatalogProductListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogView/updateInvoicingCatalogProductListFailure">, fetchInvoicingCatalogCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCatalogView/fetchInvoicingCatalogCounts">, updateInvoicingCatalogCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingCatalogView/updateInvoicingCatalogCounts">, updateInvoicingCatalogCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogView/updateInvoicingCatalogCountsFailure">, fetchInvoicingCatalogKPIs: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCatalogView/fetchInvoicingCatalogKPIs">, updateInvoicingCatalogKPIs: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCatalogKPIs, "invoicingCatalogView/updateInvoicingCatalogKPIs">, updateInvoicingCatalogKPIsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogView/updateInvoicingCatalogKPIsFailure">, updateInvoicingCatalogPlanFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCatalogPlanFilters, "invoicingCatalogView/updateInvoicingCatalogPlanFilters">, updateInvoicingCatalogProductFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCatalogProductFilters, "invoicingCatalogView/updateInvoicingCatalogProductFilters">, fetchInvoicingCatalogPlanDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingCatalogView/fetchInvoicingCatalogPlanDetail">, updateInvoicingCatalogPlanDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingCatalogView/updateInvoicingCatalogPlanDetail">, updateInvoicingCatalogPlanDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogView/updateInvoicingCatalogPlanDetailFailure">, fetchInvoicingCatalogProductDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingCatalogView/fetchInvoicingCatalogProductDetail">, updateInvoicingCatalogProductDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingCatalogView/updateInvoicingCatalogProductDetail">, updateInvoicingCatalogProductDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogView/updateInvoicingCatalogProductDetailFailure">, clearInvoicingCatalogView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCatalogView/clearInvoicingCatalogView">;
+declare const _default: import("redux").Reducer<InvoicingCatalogViewState>;
+export default _default;

package/lib/view/invoicing/catalogView/catalogViewReducer.js

@@ -0,0 +1,166 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingCatalogView = exports.updateInvoicingCatalogProductDetailFailure = exports.updateInvoicingCatalogProductDetail = exports.fetchInvoicingCatalogProductDetail = exports.updateInvoicingCatalogPlanDetailFailure = exports.updateInvoicingCatalogPlanDetail = exports.fetchInvoicingCatalogPlanDetail = exports.updateInvoicingCatalogProductFilters = exports.updateInvoicingCatalogPlanFilters = exports.updateInvoicingCatalogKPIsFailure = exports.updateInvoicingCatalogKPIs = exports.fetchInvoicingCatalogKPIs = exports.updateInvoicingCatalogCountsFailure = exports.updateInvoicingCatalogCounts = exports.fetchInvoicingCatalogCounts = exports.updateInvoicingCatalogProductListFailure = exports.updateInvoicingCatalogProductList = exports.fetchInvoicingCatalogProductList = exports.updateInvoicingCatalogPlanListFailure = exports.updateInvoicingCatalogPlanList = exports.fetchInvoicingCatalogPlanList = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    planIds: [],
+    planNextCursor: null,
+    planFilters: {},
+    productIds: [],
+    productNextCursor: null,
+    productFetchState: { fetchState: 'Not-Started', error: undefined },
+    productFilters: {},
+    counts: { all: 0 },
+    countsFetchState: { fetchState: 'Not-Started', error: undefined },
+    kpis: undefined,
+    kpisFetchState: { fetchState: 'Not-Started', error: undefined },
+    planDetailId: undefined,
+    planDetailFetchState: { fetchState: 'Not-Started', error: undefined },
+    productDetailId: undefined,
+    productDetailFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const catalogView = (0, toolkit_1.createSlice)({
+    name: 'invoicingCatalogView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchInvoicingCatalogPlanList: {
+            reducer(draft, action) {
+                if (!action.payload.keepExistingListItems) {
+                    draft.planIds = [];
+                    draft.planNextCursor = null;
+                }
+                draft.planFilters = action.payload.filters;
+                draft.planSort = 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,
+                    },
+                };
+            },
+        },
+        updateInvoicingCatalogPlanList(draft, action) {
+            draft.planIds = action.payload.keepExistingListItems
+                ? [...new Set([...draft.planIds, ...action.payload.ids])]
+                : action.payload.ids;
+            draft.planNextCursor = action.payload.nextCursor;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingCatalogPlanListFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        fetchInvoicingCatalogProductList: {
+            reducer(draft, action) {
+                if (!action.payload.keepExistingListItems) {
+                    draft.productIds = [];
+                    draft.productNextCursor = null;
+                }
+                draft.productFilters = action.payload.filters;
+                draft.productSort = action.payload.sort;
+                draft.productFetchState.fetchState = 'In-Progress';
+                draft.productFetchState.error = undefined;
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        filters: payload.filters ?? {},
+                        cursor: payload.cursor,
+                        keepExistingListItems: payload.keepExistingListItems ?? false,
+                        sort: payload.sort,
+                    },
+                };
+            },
+        },
+        updateInvoicingCatalogProductList(draft, action) {
+            draft.productIds = action.payload.keepExistingListItems
+                ? [...new Set([...draft.productIds, ...action.payload.ids])]
+                : action.payload.ids;
+            draft.productNextCursor = action.payload.nextCursor;
+            draft.productFetchState.fetchState = 'Completed';
+            draft.productFetchState.error = undefined;
+        },
+        updateInvoicingCatalogProductListFailure(draft, action) {
+            draft.productFetchState.fetchState = 'Error';
+            draft.productFetchState.error = action.payload;
+        },
+        fetchInvoicingCatalogCounts(draft) {
+            draft.countsFetchState.fetchState = 'In-Progress';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingCatalogCounts(draft, action) {
+            draft.counts = action.payload;
+            draft.countsFetchState.fetchState = 'Completed';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingCatalogCountsFailure(draft, action) {
+            draft.countsFetchState.fetchState = 'Error';
+            draft.countsFetchState.error = action.payload;
+        },
+        fetchInvoicingCatalogKPIs(draft) {
+            draft.kpisFetchState.fetchState = 'In-Progress';
+            draft.kpisFetchState.error = undefined;
+        },
+        updateInvoicingCatalogKPIs(draft, action) {
+            draft.kpis = action.payload;
+            draft.kpisFetchState.fetchState = 'Completed';
+            draft.kpisFetchState.error = undefined;
+        },
+        updateInvoicingCatalogKPIsFailure(draft, action) {
+            draft.kpisFetchState.fetchState = 'Error';
+            draft.kpisFetchState.error = action.payload;
+        },
+        updateInvoicingCatalogPlanFilters(draft, action) {
+            draft.planFilters = action.payload;
+        },
+        updateInvoicingCatalogProductFilters(draft, action) {
+            draft.productFilters = action.payload;
+        },
+        fetchInvoicingCatalogPlanDetail(draft, action) {
+            draft.planDetailId = action.payload.id;
+            draft.planDetailFetchState.fetchState = 'In-Progress';
+            draft.planDetailFetchState.error = undefined;
+        },
+        updateInvoicingCatalogPlanDetail(draft, action) {
+            draft.planDetailId = action.payload.id;
+            draft.planDetailFetchState.fetchState = 'Completed';
+            draft.planDetailFetchState.error = undefined;
+        },
+        updateInvoicingCatalogPlanDetailFailure(draft, action) {
+            draft.planDetailFetchState.fetchState = 'Error';
+            draft.planDetailFetchState.error = action.payload;
+        },
+        fetchInvoicingCatalogProductDetail(draft, action) {
+            draft.productDetailId = action.payload.id;
+            draft.productDetailFetchState.fetchState = 'In-Progress';
+            draft.productDetailFetchState.error = undefined;
+        },
+        updateInvoicingCatalogProductDetail(draft, action) {
+            draft.productDetailId = action.payload.id;
+            draft.productDetailFetchState.fetchState = 'Completed';
+            draft.productDetailFetchState.error = undefined;
+        },
+        updateInvoicingCatalogProductDetailFailure(draft, action) {
+            draft.productDetailFetchState.fetchState = 'Error';
+            draft.productDetailFetchState.error = action.payload;
+        },
+        clearInvoicingCatalogView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = catalogView.actions, exports.fetchInvoicingCatalogPlanList = _a.fetchInvoicingCatalogPlanList, exports.updateInvoicingCatalogPlanList = _a.updateInvoicingCatalogPlanList, exports.updateInvoicingCatalogPlanListFailure = _a.updateInvoicingCatalogPlanListFailure, exports.fetchInvoicingCatalogProductList = _a.fetchInvoicingCatalogProductList, exports.updateInvoicingCatalogProductList = _a.updateInvoicingCatalogProductList, exports.updateInvoicingCatalogProductListFailure = _a.updateInvoicingCatalogProductListFailure, exports.fetchInvoicingCatalogCounts = _a.fetchInvoicingCatalogCounts, exports.updateInvoicingCatalogCounts = _a.updateInvoicingCatalogCounts, exports.updateInvoicingCatalogCountsFailure = _a.updateInvoicingCatalogCountsFailure, exports.fetchInvoicingCatalogKPIs = _a.fetchInvoicingCatalogKPIs, exports.updateInvoicingCatalogKPIs = _a.updateInvoicingCatalogKPIs, exports.updateInvoicingCatalogKPIsFailure = _a.updateInvoicingCatalogKPIsFailure, exports.updateInvoicingCatalogPlanFilters = _a.updateInvoicingCatalogPlanFilters, exports.updateInvoicingCatalogProductFilters = _a.updateInvoicingCatalogProductFilters, exports.fetchInvoicingCatalogPlanDetail = _a.fetchInvoicingCatalogPlanDetail, exports.updateInvoicingCatalogPlanDetail = _a.updateInvoicingCatalogPlanDetail, exports.updateInvoicingCatalogPlanDetailFailure = _a.updateInvoicingCatalogPlanDetailFailure, exports.fetchInvoicingCatalogProductDetail = _a.fetchInvoicingCatalogProductDetail, exports.updateInvoicingCatalogProductDetail = _a.updateInvoicingCatalogProductDetail, exports.updateInvoicingCatalogProductDetailFailure = _a.updateInvoicingCatalogProductDetailFailure, exports.clearInvoicingCatalogView = _a.clearInvoicingCatalogView;
+exports.default = catalogView.reducer;

package/lib/view/invoicing/catalogView/catalogViewSelector.d.ts

@@ -0,0 +1,22 @@
+import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { InvoicingCatalogKPIs, InvoicingListCounts, InvoicingPlan, InvoicingProduct } from '../../../entity/invoicing/invoicingTypes';
+import { RootState } from '../../../reducer';
+import { InvoicingCatalogPlanFilters, InvoicingCatalogProductFilters } from './catalogViewReducer';
+export declare const getInvoicingCatalogPlanListItems: (state: RootState) => InvoicingPlan[];
+export declare const getInvoicingCatalogPlanListFetchState: (state: RootState) => FetchStateAndError;
+export declare const getInvoicingCatalogPlanListNextCursor: (state: RootState) => string | null;
+export declare const getInvoicingCatalogPlanListHasMore: (state: RootState) => boolean;
+export declare const getInvoicingCatalogPlanListFilters: (state: RootState) => InvoicingCatalogPlanFilters;
+export declare const getInvoicingCatalogProductListItems: (state: RootState) => InvoicingProduct[];
+export declare const getInvoicingCatalogProductListFetchState: (state: RootState) => FetchStateAndError;
+export declare const getInvoicingCatalogProductListNextCursor: (state: RootState) => string | null;
+export declare const getInvoicingCatalogProductListHasMore: (state: RootState) => boolean;
+export declare const getInvoicingCatalogProductListFilters: (state: RootState) => InvoicingCatalogProductFilters;
+export declare const getInvoicingCatalogCounts: (state: RootState) => InvoicingListCounts;
+export declare const getInvoicingCatalogKPIs: (state: RootState) => InvoicingCatalogKPIs | undefined;
+export declare const getInvoicingPlanById: (state: RootState, id: string) => InvoicingPlan | undefined;
+export declare const getInvoicingCatalogPlanDetail: (state: RootState) => InvoicingPlan | undefined;
+export declare const getInvoicingCatalogPlanDetailFetchState: (state: RootState) => FetchStateAndError;
+export declare const getInvoicingProductById: (state: RootState, id: string) => InvoicingProduct | undefined;
+export declare const getInvoicingCatalogProductDetail: (state: RootState) => InvoicingProduct | undefined;
+export declare const getInvoicingCatalogProductDetailFetchState: (state: RootState) => FetchStateAndError;