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

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

@@ -0,0 +1,46 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { INVOICING_LIST_PAGE_SIZE, applyListSortParams, invoicingBaseUrl, withQuery, } from '../invoicingApiHelper';
+import { fetchInvoicingAuditLog, updateInvoicingAuditLog, updateInvoicingAuditLogFailure, } from './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(INVOICING_LIST_PAGE_SIZE));
+    if (cursor != null) {
+        params.set('cursor', cursor);
+    }
+    applyListSortParams(params, sort);
+    return params;
+};
+export const fetchInvoicingAuditLogEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingAuditLog.match), switchMap((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = withQuery(`${invoicingBaseUrl(zeniAPI)}/audit-log`, buildQuery(filters, cursor, sort));
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            return of(updateInvoicingAuditLog({
+                items: response.data?.items ?? [],
+                nextCursor: response.data?.next_cursor ?? null,
+                keepExistingListItems,
+            }));
+        }
+        return of(updateInvoicingAuditLogFailure(response.status));
+    }), catchError((error) => of(updateInvoicingAuditLogFailure(createZeniAPIStatus('Unexpected Error', 'Fetch audit log REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

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

@@ -0,0 +1,56 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    items: [],
+    nextCursor: null,
+    filters: {},
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const auditView = createSlice({
+    name: 'invoicingAuditView',
+    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, initialState);
+        },
+    },
+});
+export const { fetchInvoicingAuditLog, updateInvoicingAuditLog, updateInvoicingAuditLogFailure, clearInvoicingAuditView, } = auditView.actions;
+export default auditView.reducer;

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

@@ -0,0 +1,8 @@
+export const getInvoicingAuditLogItems = (state) => state.invoicingAuditViewState.items;
+export const getInvoicingAuditLogFetchState = (state) => ({
+    fetchState: state.invoicingAuditViewState.fetchState,
+    error: state.invoicingAuditViewState.error,
+});
+export const getInvoicingAuditLogNextCursor = (state) => state.invoicingAuditViewState.nextCursor;
+export const getInvoicingAuditLogHasMore = (state) => state.invoicingAuditViewState.nextCursor != null;
+export const getInvoicingAuditLogFilters = (state) => state.invoicingAuditViewState.filters;

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

@@ -0,0 +1,143 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { updateInvoicingPlans } from '../../../entity/invoicing/plan/planReducer';
+import { updateInvoicingProducts } from '../../../entity/invoicing/product/productReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { INVOICING_LIST_PAGE_SIZE, applyListSortParams, invoicingBaseUrl, withQuery, } from '../invoicingApiHelper';
+import { fetchInvoicingCatalogCounts, fetchInvoicingCatalogKPIs, fetchInvoicingCatalogPlanDetail, fetchInvoicingCatalogPlanList, fetchInvoicingCatalogProductDetail, fetchInvoicingCatalogProductList, updateInvoicingCatalogCounts, updateInvoicingCatalogCountsFailure, updateInvoicingCatalogKPIs, updateInvoicingCatalogKPIsFailure, updateInvoicingCatalogPlanDetail, updateInvoicingCatalogPlanDetailFailure, updateInvoicingCatalogPlanList, updateInvoicingCatalogPlanListFailure, updateInvoicingCatalogProductDetail, updateInvoicingCatalogProductDetailFailure, updateInvoicingCatalogProductList, updateInvoicingCatalogProductListFailure, } from './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(INVOICING_LIST_PAGE_SIZE));
+    if (cursor != null) {
+        params.set('cursor', cursor);
+    }
+    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(INVOICING_LIST_PAGE_SIZE));
+    if (cursor != null) {
+        params.set('cursor', cursor);
+    }
+    applyListSortParams(params, sort);
+    return params;
+};
+export const fetchInvoicingCatalogPlanListEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCatalogPlanList.match), switchMap((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = withQuery(`${invoicingBaseUrl(zeniAPI)}/catalog/plans`, buildPlanQuery(filters, cursor, sort));
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            const items = response.data?.items ?? [];
+            return [
+                updateInvoicingPlans(items, 'merge'),
+                updateInvoicingCatalogPlanList({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return of(updateInvoicingCatalogPlanListFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCatalogPlanListFailure(createZeniAPIStatus('Unexpected Error', 'Fetch catalog plan list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingCatalogProductListEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCatalogProductList.match), switchMap((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = withQuery(`${invoicingBaseUrl(zeniAPI)}/catalog/products`, buildProductQuery(filters, cursor, sort));
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            const items = response.data?.items ?? [];
+            return [
+                updateInvoicingProducts(items, 'merge'),
+                updateInvoicingCatalogProductList({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return of(updateInvoicingCatalogProductListFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCatalogProductListFailure(createZeniAPIStatus('Unexpected Error', 'Fetch catalog product list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingCatalogCountsEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCatalogCounts.match), 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 = withQuery(`${invoicingBaseUrl(zeniAPI)}/catalog/counts`, params);
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingCatalogCounts(response.data));
+        }
+        return of(updateInvoicingCatalogCountsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCatalogCountsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch catalog counts REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingCatalogKPIsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCatalogKPIs.match), switchMap(() => {
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/catalog/kpis`;
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingCatalogKPIs(response.data));
+        }
+        return of(updateInvoicingCatalogKPIsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCatalogKPIsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch catalog KPIs REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingCatalogPlanDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCatalogPlanDetail.match), switchMap((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/catalog/plans/${id}`;
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingPlans([response.data], 'merge'),
+                updateInvoicingCatalogPlanDetail({ id: response.data.id }),
+            ];
+        }
+        return of(updateInvoicingCatalogPlanDetailFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCatalogPlanDetailFailure(createZeniAPIStatus('Unexpected Error', 'Fetch catalog plan detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingCatalogProductDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCatalogProductDetail.match), switchMap((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/catalog/products/${id}`;
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingProducts([response.data], 'merge'),
+                updateInvoicingCatalogProductDetail({ id: response.data.id }),
+            ];
+        }
+        return of(updateInvoicingCatalogProductDetailFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCatalogProductDetailFailure(createZeniAPIStatus('Unexpected Error', 'Fetch catalog product detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

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

@@ -0,0 +1,162 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const 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 = createSlice({
+    name: 'invoicingCatalogView',
+    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, initialState);
+        },
+    },
+});
+export const { fetchInvoicingCatalogPlanList, updateInvoicingCatalogPlanList, updateInvoicingCatalogPlanListFailure, fetchInvoicingCatalogProductList, updateInvoicingCatalogProductList, updateInvoicingCatalogProductListFailure, fetchInvoicingCatalogCounts, updateInvoicingCatalogCounts, updateInvoicingCatalogCountsFailure, fetchInvoicingCatalogKPIs, updateInvoicingCatalogKPIs, updateInvoicingCatalogKPIsFailure, updateInvoicingCatalogPlanFilters, updateInvoicingCatalogProductFilters, fetchInvoicingCatalogPlanDetail, updateInvoicingCatalogPlanDetail, updateInvoicingCatalogPlanDetailFailure, fetchInvoicingCatalogProductDetail, updateInvoicingCatalogProductDetail, updateInvoicingCatalogProductDetailFailure, clearInvoicingCatalogView, } = catalogView.actions;
+export default catalogView.reducer;

package/lib/esm/view/invoicing/catalogView/catalogViewSelector.js

@@ -0,0 +1,31 @@
+export const getInvoicingCatalogPlanListItems = (state) => state.invoicingCatalogViewState.planIds
+    .map((id) => state.invoicingPlanState.planByID[id])
+    .filter((item) => item != null);
+export const getInvoicingCatalogPlanListFetchState = (state) => ({
+    fetchState: state.invoicingCatalogViewState.fetchState,
+    error: state.invoicingCatalogViewState.error,
+});
+export const getInvoicingCatalogPlanListNextCursor = (state) => state.invoicingCatalogViewState.planNextCursor;
+export const getInvoicingCatalogPlanListHasMore = (state) => state.invoicingCatalogViewState.planNextCursor != null;
+export const getInvoicingCatalogPlanListFilters = (state) => state.invoicingCatalogViewState.planFilters;
+export const getInvoicingCatalogProductListItems = (state) => state.invoicingCatalogViewState.productIds
+    .map((id) => state.invoicingProductState.productByID[id])
+    .filter((item) => item != null);
+export const getInvoicingCatalogProductListFetchState = (state) => state.invoicingCatalogViewState.productFetchState;
+export const getInvoicingCatalogProductListNextCursor = (state) => state.invoicingCatalogViewState.productNextCursor;
+export const getInvoicingCatalogProductListHasMore = (state) => state.invoicingCatalogViewState.productNextCursor != null;
+export const getInvoicingCatalogProductListFilters = (state) => state.invoicingCatalogViewState.productFilters;
+export const getInvoicingCatalogCounts = (state) => state.invoicingCatalogViewState.counts;
+export const getInvoicingCatalogKPIs = (state) => state.invoicingCatalogViewState.kpis;
+export const getInvoicingPlanById = (state, id) => state.invoicingPlanState.planByID[id];
+export const getInvoicingCatalogPlanDetail = (state) => {
+    const id = state.invoicingCatalogViewState.planDetailId;
+    return id != null ? state.invoicingPlanState.planByID[id] : undefined;
+};
+export const getInvoicingCatalogPlanDetailFetchState = (state) => state.invoicingCatalogViewState.planDetailFetchState;
+export const getInvoicingProductById = (state, id) => state.invoicingProductState.productByID[id];
+export const getInvoicingCatalogProductDetail = (state) => {
+    const id = state.invoicingCatalogViewState.productDetailId;
+    return id != null ? state.invoicingProductState.productByID[id] : undefined;
+};
+export const getInvoicingCatalogProductDetailFetchState = (state) => state.invoicingCatalogViewState.productDetailFetchState;

package/lib/esm/view/invoicing/catalogWrite/catalogWriteEpic.js

@@ -0,0 +1,34 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { updateInvoicingPlans } from '../../../entity/invoicing/plan/planReducer';
+import { updateInvoicingProducts } from '../../../entity/invoicing/product/productReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { invoicingBaseUrl } from '../invoicingApiHelper';
+import { saveInvoicingCatalogItem, saveInvoicingCatalogItemFailure, saveInvoicingCatalogItemSuccess, } from './catalogWriteReducer';
+export const saveInvoicingCatalogItemEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(saveInvoicingCatalogItem.match), mergeMap((action) => {
+    const { data, id, kind } = action.payload;
+    const baseUrl = invoicingBaseUrl(zeniAPI);
+    const collection = kind === 'plan' ? 'plans' : 'products';
+    const path = id != null
+        ? `${baseUrl}/catalog/${collection}/${encodeURIComponent(id)}`
+        : `${baseUrl}/catalog/${collection}`;
+    const request$ = id != null
+        ? zeniAPI.putAndGetJSON(path, { ...data })
+        : zeniAPI.postAndGetJSON(path, { ...data });
+    return request$.pipe(mergeMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            const entityAction = kind === 'plan'
+                ? updateInvoicingPlans([response.data], 'merge')
+                : updateInvoicingProducts([response.data], 'merge');
+            return [
+                entityAction,
+                saveInvoicingCatalogItemSuccess({
+                    itemId: response.data.id,
+                    kind,
+                }),
+            ];
+        }
+        return of(saveInvoicingCatalogItemFailure(response.status));
+    }), catchError((error) => of(saveInvoicingCatalogItemFailure(createZeniAPIStatus('Unexpected Error', 'Save catalog item REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/catalogWrite/catalogWriteReducer.js

@@ -0,0 +1,39 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    data: undefined,
+    savedItemId: undefined,
+    savedKind: undefined,
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const catalogWrite = createSlice({
+    name: 'invoicingCatalogWrite',
+    initialState,
+    reducers: {
+        saveInvoicingCatalogItem(draft, action) {
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+            draft.savedItemId = undefined;
+            draft.savedKind = action.payload.kind;
+            draft.data = action.payload.data;
+        },
+        saveInvoicingCatalogItemSuccess(draft, action) {
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+            draft.savedItemId = action.payload.itemId;
+            draft.savedKind = action.payload.kind;
+        },
+        saveInvoicingCatalogItemFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        resetInvoicingCatalogWrite(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { saveInvoicingCatalogItem, saveInvoicingCatalogItemSuccess, saveInvoicingCatalogItemFailure, resetInvoicingCatalogWrite, } = catalogWrite.actions;
+export default catalogWrite.reducer;

package/lib/esm/view/invoicing/catalogWrite/catalogWriteSelector.js

@@ -0,0 +1,6 @@
+export const getInvoicingCatalogWriteState = (state) => ({
+    fetchState: state.invoicingCatalogWriteState.fetchState,
+    error: state.invoicingCatalogWriteState.error,
+});
+export const getSavedInvoicingCatalogItemId = (state) => state.invoicingCatalogWriteState.savedItemId;
+export const getSavedInvoicingCatalogItemKind = (state) => state.invoicingCatalogWriteState.savedKind;

package/lib/esm/view/invoicing/couponView/couponViewEpics.js

@@ -0,0 +1,83 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { updateInvoicingCoupons } from '../../../entity/invoicing/coupon/couponReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { INVOICING_LIST_PAGE_SIZE, applyListSortParams, invoicingBaseUrl, withQuery, } from '../invoicingApiHelper';
+import { fetchInvoicingCouponCounts, fetchInvoicingCouponDetail, fetchInvoicingCouponKPIs, fetchInvoicingCouponList, updateInvoicingCouponCounts, updateInvoicingCouponCountsFailure, updateInvoicingCouponDetail, updateInvoicingCouponDetailFailure, updateInvoicingCouponKPIs, updateInvoicingCouponKPIsFailure, updateInvoicingCouponList, updateInvoicingCouponListFailure, } from './couponViewReducer';
+const buildQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    if (filters.status != null && filters.status.length > 0) {
+        params.set('status', filters.status);
+    }
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    params.set('limit', String(INVOICING_LIST_PAGE_SIZE));
+    if (cursor != null) {
+        params.set('cursor', cursor);
+    }
+    applyListSortParams(params, sort);
+    return params;
+};
+export const fetchInvoicingCouponListEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCouponList.match), switchMap((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = withQuery(`${invoicingBaseUrl(zeniAPI)}/discounts`, buildQuery(filters, cursor, sort));
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            const items = response.data?.items ?? [];
+            return [
+                updateInvoicingCoupons(items, 'merge'),
+                updateInvoicingCouponList({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return of(updateInvoicingCouponListFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCouponListFailure(createZeniAPIStatus('Unexpected Error', 'Fetch discount list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingCouponCountsEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCouponCounts.match), switchMap(() => {
+    const { filters } = state$.value.invoicingCouponViewState;
+    const params = new URLSearchParams();
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    const apiUrl = withQuery(`${invoicingBaseUrl(zeniAPI)}/discounts/counts`, params);
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingCouponCounts(response.data));
+        }
+        return of(updateInvoicingCouponCountsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCouponCountsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch discount counts REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingCouponKPIsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCouponKPIs.match), switchMap(() => {
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/discounts/kpis`;
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingCouponKPIs(response.data));
+        }
+        return of(updateInvoicingCouponKPIsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCouponKPIsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch discount KPIs REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingCouponDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCouponDetail.match), switchMap((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/discounts/${id}`;
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingCoupons([response.data], 'merge'),
+                updateInvoicingCouponDetail({ id: response.data.id }),
+            ];
+        }
+        return of(updateInvoicingCouponDetailFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCouponDetailFailure(createZeniAPIStatus('Unexpected Error', 'Fetch discount detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));