@zeniai/client-epic-state 5.1.49 → 5.1.50-betaAK0

package/lib/view/invoicing/invoicingCatalogListView/epics/fetchInvoicingCatalogProductListEpic.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingCatalogProductListEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const productReducer_1 = require("../../../../entity/invoicing/product/productReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const invoicingApiHelper_1 = require("../../invoicingApiHelper");
+const invoicingCatalogListViewReducer_1 = require("../invoicingCatalogListViewReducer");
+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 fetchInvoicingCatalogProductListEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingCatalogListViewReducer_1.fetchInvoicingCatalogProductList.match), (0, operators_1.switchMap)((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = (0, invoicingApiHelper_1.withQuery)(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/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, invoicingCatalogListViewReducer_1.updateInvoicingCatalogProductList)({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, invoicingCatalogListViewReducer_1.updateInvoicingCatalogProductListFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingCatalogListViewReducer_1.updateInvoicingCatalogProductListFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch catalog product list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingCatalogProductListEpic = fetchInvoicingCatalogProductListEpic;

package/lib/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewPayload.d.ts

@@ -0,0 +1,7 @@
+import { InvoicingListCounts, InvoicingPaginatedList } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingPlanPayload } from '../../../entity/invoicing/plan/planPayload';
+import { InvoicingProductPayload } from '../../../entity/invoicing/product/productPayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type InvoicingCatalogPlanListResponse = ZeniAPIResponse<InvoicingPaginatedList<InvoicingPlanPayload>>;
+export type InvoicingCatalogProductListResponse = ZeniAPIResponse<InvoicingPaginatedList<InvoicingProductPayload>>;
+export type InvoicingCatalogCountsResponse = ZeniAPIResponse<InvoicingListCounts>;

package/lib/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewPayload.js

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

package/lib/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewReducer.d.ts

@@ -0,0 +1,49 @@
+import { ID } from '../../../commonStateTypes/common';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+import { InvoicingCatalogListViewState, InvoicingCatalogPlanFilters, InvoicingCatalogProductFilters } from './invoicingCatalogListViewState';
+export declare const initialState: InvoicingCatalogListViewState;
+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;
+}, "invoicingCatalogListView/fetchInvoicingCatalogPlanList", never, never>, updateInvoicingCatalogPlanList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    ids: ID[];
+    keepExistingListItems: boolean;
+    nextCursor: string | null;
+}, "invoicingCatalogListView/updateInvoicingCatalogPlanList">, updateInvoicingCatalogPlanListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogListView/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;
+}, "invoicingCatalogListView/fetchInvoicingCatalogProductList", never, never>, updateInvoicingCatalogProductList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    ids: ID[];
+    keepExistingListItems: boolean;
+    nextCursor: string | null;
+}, "invoicingCatalogListView/updateInvoicingCatalogProductList">, updateInvoicingCatalogProductListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogListView/updateInvoicingCatalogProductListFailure">, fetchInvoicingCatalogCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCatalogListView/fetchInvoicingCatalogCounts">, updateInvoicingCatalogCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingCatalogListView/updateInvoicingCatalogCounts">, updateInvoicingCatalogCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogListView/updateInvoicingCatalogCountsFailure">, updateInvoicingCatalogPlanFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCatalogPlanFilters, "invoicingCatalogListView/updateInvoicingCatalogPlanFilters">, updateInvoicingCatalogProductFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCatalogProductFilters, "invoicingCatalogListView/updateInvoicingCatalogProductFilters">, fetchInvoicingCatalogListPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    cacheOverride?: boolean;
+    planFilters?: InvoicingCatalogPlanFilters;
+    planSort?: InvoicingListSort;
+    productFilters?: InvoicingCatalogProductFilters;
+    productSort?: InvoicingListSort;
+}], {
+    cacheOverride: boolean;
+    planFilters: InvoicingCatalogPlanFilters;
+    productFilters: InvoicingCatalogProductFilters;
+    planSort: InvoicingListSort | undefined;
+    productSort: InvoicingListSort | undefined;
+}, "invoicingCatalogListView/fetchInvoicingCatalogListPage", never, never>, clearInvoicingCatalogListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCatalogListView/clearInvoicingCatalogListView">;
+declare const _default: import("redux").Reducer<InvoicingCatalogListViewState>;
+export default _default;

package/lib/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewReducer.js

@@ -0,0 +1,136 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingCatalogListView = exports.fetchInvoicingCatalogListPage = exports.updateInvoicingCatalogProductFilters = exports.updateInvoicingCatalogPlanFilters = 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 },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const invoicingCatalogListView = (0, toolkit_1.createSlice)({
+    name: 'invoicingCatalogListView',
+    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;
+        },
+        updateInvoicingCatalogPlanFilters(draft, action) {
+            draft.planFilters = action.payload;
+        },
+        updateInvoicingCatalogProductFilters(draft, action) {
+            draft.productFilters = action.payload;
+        },
+        fetchInvoicingCatalogListPage: {
+            reducer() {
+                // No state mutation; the aggregator epic fans out the plan-list,
+                // product-list, counts fetches in response to this action.
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        cacheOverride: payload.cacheOverride ?? false,
+                        planFilters: payload.planFilters ?? {},
+                        productFilters: payload.productFilters ?? {},
+                        planSort: payload.planSort,
+                        productSort: payload.productSort,
+                    },
+                };
+            },
+        },
+        clearInvoicingCatalogListView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = invoicingCatalogListView.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.updateInvoicingCatalogPlanFilters = _a.updateInvoicingCatalogPlanFilters, exports.updateInvoicingCatalogProductFilters = _a.updateInvoicingCatalogProductFilters, exports.fetchInvoicingCatalogListPage = _a.fetchInvoicingCatalogListPage, exports.clearInvoicingCatalogListView = _a.clearInvoicingCatalogListView;
+exports.default = invoicingCatalogListView.reducer;

package/lib/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewSelector.d.ts

@@ -0,0 +1,28 @@
+import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingPlan } from '../../../entity/invoicing/plan/planState';
+import { InvoicingProduct } from '../../../entity/invoicing/product/productState';
+import { RootState } from '../../../reducer';
+import { InvoicingListSort } from '../invoicingApiHelper';
+import { InvoicingCatalogPlanFilters, InvoicingCatalogProductFilters, InvoicingProductColumnConfig } from './invoicingCatalogListViewState';
+export interface InvoicingCatalogListView extends SelectorView {
+    count: InvoicingListCounts;
+    countsFetchState: FetchStateAndError;
+    planFilters: InvoicingCatalogPlanFilters;
+    planNextCursor: string | null;
+    plans: InvoicingPlan[];
+    productColumns: InvoicingProductColumnConfig[];
+    productFetchState: FetchStateAndError;
+    productFilters: InvoicingCatalogProductFilters;
+    productNextCursor: string | null;
+    products: InvoicingProduct[];
+    productSort?: InvoicingListSort;
+}
+/**
+ * Bundled read view for the single catalog page (plans + products tabs).
+ * Memoized over the plan + product entity slices and the list-view slice so the
+ * denormalized arrays keep referential identity. The base `fetchState`/`error`
+ * track the plan list; the product list has its own `productFetchState`.
+ */
+export declare const getInvoicingCatalogListView: (state: RootState) => InvoicingCatalogListView;

package/lib/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewSelector.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingCatalogListView = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const planSelector_1 = require("../../../entity/invoicing/plan/planSelector");
+const productSelector_1 = require("../../../entity/invoicing/product/productSelector");
+const invoicingCatalogListViewState_1 = require("./invoicingCatalogListViewState");
+/**
+ * Bundled read view for the single catalog page (plans + products tabs).
+ * Memoized over the plan + product entity slices and the list-view slice so the
+ * denormalized arrays keep referential identity. The base `fetchState`/`error`
+ * track the plan list; the product list has its own `productFetchState`.
+ */
+exports.getInvoicingCatalogListView = (0, toolkit_1.createSelector)((state) => state.invoicingPlanState, (state) => state.invoicingProductState, (state) => state.invoicingCatalogListViewState, (planState, productState, listViewState) => ({
+    plans: (0, planSelector_1.getInvoicingPlansByIds)(planState, listViewState.planIds),
+    productColumns: invoicingCatalogListViewState_1.INVOICING_PRODUCT_COLUMNS,
+    products: (0, productSelector_1.getInvoicingProductsByIds)(productState, listViewState.productIds),
+    productSort: listViewState.productSort,
+    count: listViewState.counts,
+    countsFetchState: listViewState.countsFetchState,
+    planFilters: listViewState.planFilters,
+    planNextCursor: listViewState.planNextCursor,
+    productFilters: listViewState.productFilters,
+    productNextCursor: listViewState.productNextCursor,
+    productFetchState: listViewState.productFetchState,
+    fetchState: listViewState.fetchState,
+    error: listViewState.error,
+    version: 1.0,
+}));

package/lib/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewState.d.ts

@@ -0,0 +1,49 @@
+import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/common';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+export declare const ALL_INVOICING_PRODUCT_SORT_KEYS: readonly ["product_name", "type", "pricing", "usage", "updated", "status"];
+export declare const toInvoicingProductSortKey: (v: string) => "status" | "type" | "updated" | "usage" | "product_name" | "pricing";
+export type InvoicingProductSortKey = ReturnType<typeof toInvoicingProductSortKey>;
+/**
+ * Structural column descriptor owned by CES for the catalog product table
+ * (add-ons / one-time charges), so the column set, order and sortability live
+ * next to the `InvoicingProduct` model rather than being hardcoded in
+ * web-components. Header labels, cell rendering and layout (alignment, widths)
+ * stay in the view layer. (The plans table keeps its own columns in web-c.)
+ */
+export interface InvoicingProductColumnConfig {
+    key: InvoicingProductSortKey;
+    sortable: boolean;
+}
+export declare const INVOICING_PRODUCT_COLUMNS: InvoicingProductColumnConfig[];
+export interface InvoicingCatalogPlanFilters {
+    search?: string;
+    status?: string;
+    type?: string;
+}
+export interface InvoicingCatalogProductFilters {
+    item_id?: string;
+    item_type?: string;
+    search?: string;
+    status?: string;
+}
+/**
+ * One catalog page renders plans and products as tabs, so this single list view
+ * holds both lists (the base `fetchState`/`error` track the plan list; the
+ * product list has its own `productFetchState`) plus shared counts.
+ */
+export interface InvoicingCatalogListViewState extends FetchedState {
+    counts: InvoicingListCounts;
+    countsFetchState: FetchStateAndError;
+    planFilters: InvoicingCatalogPlanFilters;
+    planIds: ID[];
+    planNextCursor: string | null;
+    productFetchState: FetchStateAndError;
+    productFilters: InvoicingCatalogProductFilters;
+    productIds: ID[];
+    productNextCursor: string | null;
+    /** Active server-side sort for the plans list (undefined = backend default). */
+    planSort?: InvoicingListSort;
+    /** Active server-side sort for the products list (undefined = backend default). */
+    productSort?: InvoicingListSort;
+}

package/lib/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewState.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.INVOICING_PRODUCT_COLUMNS = exports.toInvoicingProductSortKey = exports.ALL_INVOICING_PRODUCT_SORT_KEYS = void 0;
+const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
+exports.ALL_INVOICING_PRODUCT_SORT_KEYS = [
+    'product_name',
+    'type',
+    'pricing',
+    'usage',
+    'updated',
+    'status',
+];
+const toInvoicingProductSortKey = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_PRODUCT_SORT_KEYS);
+exports.toInvoicingProductSortKey = toInvoicingProductSortKey;
+exports.INVOICING_PRODUCT_COLUMNS = [
+    { key: 'product_name', sortable: true },
+    { key: 'type', sortable: true },
+    { key: 'pricing', sortable: true },
+    { key: 'usage', sortable: true },
+    { key: 'updated', sortable: true },
+    { key: 'status', sortable: true },
+];

package/lib/view/invoicing/invoicingCouponDetailView/fetchInvoicingCouponDetailEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingCoupons } from '../../../entity/invoicing/coupon/couponReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { fetchInvoicingCouponDetail, updateInvoicingCouponDetail, updateInvoicingCouponDetailFailure } from './invoicingCouponDetailViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingCouponDetail> | ReturnType<typeof updateInvoicingCouponDetail> | ReturnType<typeof updateInvoicingCouponDetailFailure> | ReturnType<typeof updateInvoicingCoupons>;
+export declare const fetchInvoicingCouponDetailEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/invoicingCouponDetailView/fetchInvoicingCouponDetailEpic.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingCouponDetailEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const couponReducer_1 = require("../../../entity/invoicing/coupon/couponReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const invoicingCouponDetailViewReducer_1 = require("./invoicingCouponDetailViewReducer");
+const fetchInvoicingCouponDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingCouponDetailViewReducer_1.fetchInvoicingCouponDetail.match), (0, operators_1.switchMap)((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/discounts/${id}`;
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return [
+                (0, couponReducer_1.updateInvoicingCoupons)([response.data], 'merge'),
+                (0, invoicingCouponDetailViewReducer_1.updateInvoicingCouponDetail)({ id: response.data.id }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, invoicingCouponDetailViewReducer_1.updateInvoicingCouponDetailFailure)({ id, status: response.status }));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingCouponDetailViewReducer_1.updateInvoicingCouponDetailFailure)({
+        id,
+        status: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch discount detail REST API call errored out ' +
+            JSON.stringify(error)),
+    }))));
+}));
+exports.fetchInvoicingCouponDetailEpic = fetchInvoicingCouponDetailEpic;

package/lib/view/invoicing/invoicingCouponDetailView/invoicingCouponDetailViewPayload.d.ts

@@ -0,0 +1,3 @@
+import { InvoicingCouponPayload } from '../../../entity/invoicing/coupon/couponPayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type InvoicingCouponDetailResponse = ZeniAPIResponse<InvoicingCouponPayload>;

package/lib/view/invoicing/invoicingCouponDetailView/invoicingCouponDetailViewPayload.js

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

package/lib/view/invoicing/invoicingCouponDetailView/invoicingCouponDetailViewReducer.d.ts

@@ -0,0 +1,16 @@
+import { FetchState, ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingCouponDetail, InvoicingCouponDetailViewState } from './invoicingCouponDetailViewState';
+export declare const initialState: InvoicingCouponDetailViewState;
+/** Build a per-coupon detail fetch-state entry. */
+export declare function buildInvoicingCouponDetail(id: ID, fetchState: FetchState, error?: ZeniAPIStatus): InvoicingCouponDetail;
+export declare const fetchInvoicingCouponDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingCouponDetailView/fetchInvoicingCouponDetail">, updateInvoicingCouponDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingCouponDetailView/updateInvoicingCouponDetail">, updateInvoicingCouponDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+    status: ZeniAPIStatus;
+}, "invoicingCouponDetailView/updateInvoicingCouponDetailFailure">, clearInvoicingCouponDetailView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCouponDetailView/clearInvoicingCouponDetailView">;
+declare const _default: import("redux").Reducer<InvoicingCouponDetailViewState>;
+export default _default;

package/lib/view/invoicing/invoicingCouponDetailView/invoicingCouponDetailViewReducer.js

@@ -0,0 +1,43 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingCouponDetailView = exports.updateInvoicingCouponDetailFailure = exports.updateInvoicingCouponDetail = exports.fetchInvoicingCouponDetail = exports.initialState = void 0;
+exports.buildInvoicingCouponDetail = buildInvoicingCouponDetail;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    detailById: {},
+};
+/**
+ * Shared `hasValidState` implementation so every `detailById` entry references
+ * the same function (keeps entries reference-stable for equality checks).
+ */
+function hasCompletedFetch() {
+    return this.fetchState === 'Completed';
+}
+/** Build a per-coupon detail fetch-state entry. */
+function buildInvoicingCouponDetail(id, fetchState, error) {
+    return { id, fetchState, error, hasValidState: hasCompletedFetch };
+}
+const invoicingCouponDetailView = (0, toolkit_1.createSlice)({
+    name: 'invoicingCouponDetailView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchInvoicingCouponDetail(draft, action) {
+            const { id } = action.payload;
+            draft.detailById[id] = buildInvoicingCouponDetail(id, 'In-Progress');
+        },
+        updateInvoicingCouponDetail(draft, action) {
+            const { id } = action.payload;
+            draft.detailById[id] = buildInvoicingCouponDetail(id, 'Completed');
+        },
+        updateInvoicingCouponDetailFailure(draft, action) {
+            const { id, status } = action.payload;
+            draft.detailById[id] = buildInvoicingCouponDetail(id, 'Error', status);
+        },
+        clearInvoicingCouponDetailView(draft) {
+            draft.detailById = {};
+        },
+    },
+});
+_a = invoicingCouponDetailView.actions, exports.fetchInvoicingCouponDetail = _a.fetchInvoicingCouponDetail, exports.updateInvoicingCouponDetail = _a.updateInvoicingCouponDetail, exports.updateInvoicingCouponDetailFailure = _a.updateInvoicingCouponDetailFailure, exports.clearInvoicingCouponDetailView = _a.clearInvoicingCouponDetailView;
+exports.default = invoicingCouponDetailView.reducer;

package/lib/view/invoicing/invoicingCouponDetailView/invoicingCouponDetailViewSelector.d.ts

@@ -0,0 +1,12 @@
+import { ID } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingCoupon } from '../../../entity/invoicing/coupon/couponState';
+import { RootState } from '../../../reducer';
+/**
+ * Read-only view for the discount detail page: the coupon entity + its per-id
+ * fetch state. Lets the detail screen depend on this single read selector.
+ */
+export interface InvoicingCouponDetailView extends SelectorView {
+    coupon?: InvoicingCoupon;
+}
+export declare const getInvoicingCouponDetail: (state: RootState, id: ID) => InvoicingCouponDetailView;

package/lib/view/invoicing/invoicingCouponDetailView/invoicingCouponDetailViewSelector.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingCouponDetail = void 0;
+const get_1 = __importDefault(require("lodash/get"));
+const couponSelector_1 = require("../../../entity/invoicing/coupon/couponSelector");
+const getInvoicingCouponDetail = (state, id) => {
+    const detail = (0, get_1.default)(state.invoicingCouponDetailViewState.detailById, id, undefined);
+    return {
+        coupon: (0, couponSelector_1.getInvoicingCouponById)(state, id),
+        fetchState: detail?.fetchState ?? 'Not-Started',
+        error: detail?.error,
+        version: 1.0,
+    };
+};
+exports.getInvoicingCouponDetail = getInvoicingCouponDetail;

package/lib/view/invoicing/invoicingCouponDetailView/invoicingCouponDetailViewState.d.ts

@@ -0,0 +1,7 @@
+import { FetchedState, ID } from '../../../commonStateTypes/common';
+export interface InvoicingCouponDetailViewState {
+    detailById: Record<ID, InvoicingCouponDetail>;
+}
+export interface InvoicingCouponDetail extends FetchedState {
+    id: ID;
+}

package/lib/view/invoicing/invoicingCouponDetailView/invoicingCouponDetailViewState.js

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

package/lib/view/invoicing/invoicingCreditNoteDetailView/invoicingCreditNoteDetailViewEpics.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingCreditNotes } from '../../../entity/invoicing/creditNote/creditNoteReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { fetchInvoicingCreditNoteDetail, updateInvoicingCreditNoteDetail, updateInvoicingCreditNoteDetailFailure } from './invoicingCreditNoteDetailViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingCreditNoteDetail> | ReturnType<typeof updateInvoicingCreditNoteDetail> | ReturnType<typeof updateInvoicingCreditNoteDetailFailure> | ReturnType<typeof updateInvoicingCreditNotes>;
+export declare const fetchInvoicingCreditNoteDetailEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/invoicingCreditNoteDetailView/invoicingCreditNoteDetailViewEpics.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingCreditNoteDetailEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const creditNoteReducer_1 = require("../../../entity/invoicing/creditNote/creditNoteReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const invoicingCreditNoteDetailViewReducer_1 = require("./invoicingCreditNoteDetailViewReducer");
+const fetchInvoicingCreditNoteDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingCreditNoteDetailViewReducer_1.fetchInvoicingCreditNoteDetail.match), (0, operators_1.switchMap)((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/credits/${id}`;
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return [
+                (0, creditNoteReducer_1.updateInvoicingCreditNotes)([response.data], 'merge'),
+                (0, invoicingCreditNoteDetailViewReducer_1.updateInvoicingCreditNoteDetail)({ id: response.data.id }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, invoicingCreditNoteDetailViewReducer_1.updateInvoicingCreditNoteDetailFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingCreditNoteDetailViewReducer_1.updateInvoicingCreditNoteDetailFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch credit note detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingCreditNoteDetailEpic = fetchInvoicingCreditNoteDetailEpic;

package/lib/view/invoicing/invoicingCreditNoteDetailView/invoicingCreditNoteDetailViewPayload.d.ts

@@ -0,0 +1,3 @@
+import { InvoicingCreditNotePayload } from '../../../entity/invoicing/creditNote/creditNotePayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type InvoicingCreditNoteDetailResponse = ZeniAPIResponse<InvoicingCreditNotePayload>;

package/lib/view/invoicing/invoicingCreditNoteDetailView/invoicingCreditNoteDetailViewPayload.js

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

package/lib/view/invoicing/invoicingCreditNoteDetailView/invoicingCreditNoteDetailViewReducer.d.ts

@@ -0,0 +1,11 @@
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingCreditNoteDetailViewState } from './invoicingCreditNoteDetailViewState';
+export declare const initialState: InvoicingCreditNoteDetailViewState;
+export declare const fetchInvoicingCreditNoteDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingCreditNoteDetailView/fetchInvoicingCreditNoteDetail">, updateInvoicingCreditNoteDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingCreditNoteDetailView/updateInvoicingCreditNoteDetail">, updateInvoicingCreditNoteDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCreditNoteDetailView/updateInvoicingCreditNoteDetailFailure">, clearInvoicingCreditNoteDetailView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCreditNoteDetailView/clearInvoicingCreditNoteDetailView">;
+declare const _default: import("redux").Reducer<InvoicingCreditNoteDetailViewState>;
+export default _default;

package/lib/view/invoicing/invoicingCreditNoteDetailView/invoicingCreditNoteDetailViewReducer.js

@@ -0,0 +1,35 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingCreditNoteDetailView = exports.updateInvoicingCreditNoteDetailFailure = exports.updateInvoicingCreditNoteDetail = exports.fetchInvoicingCreditNoteDetail = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    id: undefined,
+};
+const invoicingCreditNoteDetailView = (0, toolkit_1.createSlice)({
+    name: 'invoicingCreditNoteDetailView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchInvoicingCreditNoteDetail(draft, action) {
+            draft.id = action.payload.id;
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+        },
+        updateInvoicingCreditNoteDetail(draft, action) {
+            draft.id = action.payload.id;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingCreditNoteDetailFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        clearInvoicingCreditNoteDetailView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = invoicingCreditNoteDetailView.actions, exports.fetchInvoicingCreditNoteDetail = _a.fetchInvoicingCreditNoteDetail, exports.updateInvoicingCreditNoteDetail = _a.updateInvoicingCreditNoteDetail, exports.updateInvoicingCreditNoteDetailFailure = _a.updateInvoicingCreditNoteDetailFailure, exports.clearInvoicingCreditNoteDetailView = _a.clearInvoicingCreditNoteDetailView;
+exports.default = invoicingCreditNoteDetailView.reducer;