@zeniai/client-epic-state 5.1.60 → 5.1.61-betaDI0

package/lib/view/invoicing/invoiceList/invoiceListSelector.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoiceListView = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const invoiceListState_1 = require("./invoiceListState");
+/**
+ * Bundled read view for the invoices list page: the denormalized invoice rows
+ * plus list counts, KPIs and their fetch states. Memoized so the `invoices`
+ * array (and the wrapping view object) keep referential identity until the
+ * invoice entity slice or the list-view slice actually change.
+ */
+exports.getInvoiceListView = (0, toolkit_1.createSelector)((state) => state.invoicingInvoiceState, (state) => state.invoicingInvoiceListState, (invoiceState, listViewState) => ({
+    invoices: listViewState.invoiceIds
+        .map((id) => invoiceState.invoiceByID[id])
+        .filter((item) => item != null),
+    counts: listViewState.counts,
+    countsFetchState: listViewState.countsFetchState,
+    filters: listViewState.filters,
+    kpis: listViewState.kpis,
+    kpisFetchState: listViewState.kpisFetchState,
+    nextCursor: listViewState.nextCursor,
+    tabIds: invoiceListState_1.INVOICING_INVOICE_TABS,
+    fetchState: listViewState.fetchState,
+    error: listViewState.error,
+    version: 1.0,
+}));

package/lib/view/invoicing/invoiceList/invoiceListState.d.ts

@@ -0,0 +1,36 @@
+import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/common';
+import { InvoicingInvoiceKPIs } from '../../../entity/invoicing/invoice/invoiceState';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+export declare const ALL_INVOICING_INVOICE_TAB_IDS: readonly ["all", "paid", "partially_paid", "payment_due", "not_paid", "voided"];
+export declare const toInvoicingInvoiceTabId: (v: string) => "paid" | "voided" | "partially_paid" | "payment_due" | "not_paid" | "all";
+export type InvoicingInvoiceTabId = ReturnType<typeof toInvoicingInvoiceTabId>;
+/**
+ * Ordered filter-tab id set owned by CES so the invoice-list tabs live next to
+ * the model rather than being hardcoded in web-components. Tab labels and the
+ * per-tab count lookup stay in the view layer; this only carries the id set and
+ * display order.
+ */
+export declare const INVOICING_INVOICE_TABS: InvoicingInvoiceTabId[];
+/** Filters that drive the invoice list query (mirrors the Invoices hooks). */
+export interface InvoiceListFilters {
+    customerId?: ID;
+    dateFrom?: string;
+    dateTo?: string;
+    search?: string;
+    status?: string;
+    subscriptionId?: ID;
+}
+export interface InvoiceListState extends FetchedState {
+    counts: InvoicingListCounts;
+    countsFetchState: FetchStateAndError;
+    filters: InvoiceListFilters;
+    /** Ordered invoice IDs for the current list view. */
+    invoiceIds: ID[];
+    kpisFetchState: FetchStateAndError;
+    /** Cursor for the next page (null when there are no more pages). */
+    nextCursor: string | null;
+    kpis?: InvoicingInvoiceKPIs;
+    /** Active server-side sort (undefined = backend default order). */
+    sort?: InvoicingListSort;
+}

package/lib/view/invoicing/invoiceList/invoiceListState.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.INVOICING_INVOICE_TABS = exports.toInvoicingInvoiceTabId = exports.ALL_INVOICING_INVOICE_TAB_IDS = void 0;
+const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
+exports.ALL_INVOICING_INVOICE_TAB_IDS = [
+    'all',
+    'paid',
+    'partially_paid',
+    'payment_due',
+    'not_paid',
+    'voided',
+];
+const toInvoicingInvoiceTabId = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_INVOICE_TAB_IDS);
+exports.toInvoicingInvoiceTabId = toInvoicingInvoiceTabId;
+/**
+ * Ordered filter-tab id set owned by CES so the invoice-list tabs live next to
+ * the model rather than being hardcoded in web-components. Tab labels and the
+ * per-tab count lookup stay in the view layer; this only carries the id set and
+ * display order.
+ */
+exports.INVOICING_INVOICE_TABS = [
+    ...exports.ALL_INVOICING_INVOICE_TAB_IDS,
+];

package/lib/view/invoicing/invoicingApiHelper.d.ts

@@ -0,0 +1,15 @@
+/** Default page size for invoicing list / infinite-scroll requests. */
+export declare const INVOICING_LIST_PAGE_SIZE = 50;
+/** Append a query string (with leading `?`) when params are present. */
+export declare const withQuery: (path: string, params: URLSearchParams) => string;
+/**
+ * Server-side sort descriptor shared by all invoicing list views. `field` is the
+ * backend sort key (validated against a per-entity whitelist); `dir` mirrors the
+ * DataListTable sort direction.
+ */
+export interface InvoicingListSort {
+    dir: 'asc' | 'desc';
+    field: string;
+}
+/** Attach `sort_field`/`sort_dir` to a list query when a sort is active. */
+export declare const applyListSortParams: (params: URLSearchParams, sort?: InvoicingListSort) => void;

package/lib/view/invoicing/invoicingApiHelper.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyListSortParams = exports.withQuery = exports.INVOICING_LIST_PAGE_SIZE = void 0;
+/** Default page size for invoicing list / infinite-scroll requests. */
+exports.INVOICING_LIST_PAGE_SIZE = 50;
+/** Append a query string (with leading `?`) when params are present. */
+const withQuery = (path, params) => {
+    const qs = params.toString();
+    return qs.length > 0 ? `${path}?${qs}` : path;
+};
+exports.withQuery = withQuery;
+/** Attach `sort_field`/`sort_dir` to a list query when a sort is active. */
+const applyListSortParams = (params, sort) => {
+    if (sort != null && sort.field !== '') {
+        params.set('sort_field', sort.field);
+        params.set('sort_dir', sort.dir);
+    }
+};
+exports.applyListSortParams = applyListSortParams;

package/lib/view/invoicing/invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewEpics.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingPlans } from '../../../entity/invoicing/plan/planReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { fetchInvoicingCatalogItemDetail, updateInvoicingCatalogItemDetail, updateInvoicingCatalogItemDetailFailure } from './invoicingCatalogItemDetailViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingCatalogItemDetail> | ReturnType<typeof updateInvoicingCatalogItemDetail> | ReturnType<typeof updateInvoicingCatalogItemDetailFailure> | ReturnType<typeof updateInvoicingPlans>;
+export declare const fetchInvoicingCatalogItemDetailEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewEpics.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingCatalogItemDetailEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const planReducer_1 = require("../../../entity/invoicing/plan/planReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const invoicingCatalogItemDetailViewReducer_1 = require("./invoicingCatalogItemDetailViewReducer");
+const fetchInvoicingCatalogItemDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingCatalogItemDetailViewReducer_1.fetchInvoicingCatalogItemDetail.match), (0, operators_1.switchMap)((action) => {
+    const { id, kind } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/catalog/plans/${encodeURIComponent(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, invoicingCatalogItemDetailViewReducer_1.updateInvoicingCatalogItemDetail)({ id: response.data.id, kind }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, invoicingCatalogItemDetailViewReducer_1.updateInvoicingCatalogItemDetailFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingCatalogItemDetailViewReducer_1.updateInvoicingCatalogItemDetailFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch catalog item detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingCatalogItemDetailEpic = fetchInvoicingCatalogItemDetailEpic;

package/lib/view/invoicing/invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewPayload.d.ts

@@ -0,0 +1,3 @@
+import { InvoicingPlanPayload } from '../../../entity/invoicing/plan/planPayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type InvoicingCatalogItemDetailResponse = ZeniAPIResponse<InvoicingPlanPayload>;

package/lib/view/invoicing/invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewPayload.js

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

package/lib/view/invoicing/invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewReducer.d.ts

@@ -0,0 +1,13 @@
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingCatalogItemDetailViewState, InvoicingCatalogItemKind } from './invoicingCatalogItemDetailViewState';
+export declare const initialState: InvoicingCatalogItemDetailViewState;
+export declare const fetchInvoicingCatalogItemDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+    kind: InvoicingCatalogItemKind;
+}, "invoicingCatalogItemDetailView/fetchInvoicingCatalogItemDetail">, updateInvoicingCatalogItemDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+    kind: InvoicingCatalogItemKind;
+}, "invoicingCatalogItemDetailView/updateInvoicingCatalogItemDetail">, updateInvoicingCatalogItemDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogItemDetailView/updateInvoicingCatalogItemDetailFailure">, clearInvoicingCatalogItemDetailView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCatalogItemDetailView/clearInvoicingCatalogItemDetailView">;
+declare const _default: import("redux").Reducer<InvoicingCatalogItemDetailViewState>;
+export default _default;

package/lib/view/invoicing/invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewReducer.js

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

package/lib/view/invoicing/invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewSelector.d.ts

@@ -0,0 +1,14 @@
+import { ID } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingPlan } from '../../../entity/invoicing/plan/planState';
+import { RootState } from '../../../reducer';
+import { InvoicingCatalogItemKind } from './invoicingCatalogItemDetailViewState';
+/**
+ * Read-only view for the catalog item (plan or product) detail page. One screen
+ * serves both kinds, so the bundled view carries the resolved `plan` or
+ * `product` (whichever the `kind` denotes) + the shared fetch state.
+ */
+export interface InvoicingCatalogItemDetailView extends SelectorView {
+    plan?: InvoicingPlan;
+}
+export declare const getInvoicingCatalogItemDetail: (state: RootState, _kind: InvoicingCatalogItemKind, id: ID) => InvoicingCatalogItemDetailView;

package/lib/view/invoicing/invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewSelector.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingCatalogItemDetail = void 0;
+const planSelector_1 = require("../../../entity/invoicing/plan/planSelector");
+const getInvoicingCatalogItemDetail = (state, _kind, id) => {
+    const { error, fetchState } = state.invoicingCatalogItemDetailViewState;
+    return {
+        plan: (0, planSelector_1.getInvoicingPlanById)(state.invoicingPlanState, id),
+        fetchState,
+        error,
+        version: 1.0,
+    };
+};
+exports.getInvoicingCatalogItemDetail = getInvoicingCatalogItemDetail;

package/lib/view/invoicing/invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewState.d.ts

@@ -0,0 +1,6 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+export type InvoicingCatalogItemKind = 'plan';
+export interface InvoicingCatalogItemDetailViewState extends FetchStateAndError {
+    id?: ID;
+    kind?: InvoicingCatalogItemKind;
+}

package/lib/view/invoicing/invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewState.js

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

package/lib/view/invoicing/invoicingCatalogListView/epics/fetchInvoicingCatalogCountsEpic.d.ts

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

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingCatalogCountsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../responsePayload");
+const invoicingApiHelper_1 = require("../../invoicingApiHelper");
+const invoicingCatalogListViewReducer_1 = require("../invoicingCatalogListViewReducer");
+const fetchInvoicingCatalogCountsEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingCatalogListViewReducer_1.fetchInvoicingCatalogCounts.match), (0, operators_1.switchMap)(() => {
+    const { planFilters } = state$.value.invoicingCatalogListViewState;
+    const params = new URLSearchParams();
+    if (planFilters.search != null && planFilters.search.length > 0) {
+        params.set('search', planFilters.search);
+    }
+    const apiUrl = (0, invoicingApiHelper_1.withQuery)(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/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, invoicingCatalogListViewReducer_1.updateInvoicingCatalogCounts)(response.data));
+        }
+        return (0, rxjs_1.of)((0, invoicingCatalogListViewReducer_1.updateInvoicingCatalogCountsFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingCatalogListViewReducer_1.updateInvoicingCatalogCountsFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch catalog counts REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingCatalogCountsEpic = fetchInvoicingCatalogCountsEpic;

package/lib/view/invoicing/invoicingCatalogListView/epics/fetchInvoicingCatalogListPageEpic.d.ts

@@ -0,0 +1,16 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingPlans } from '../../../../entity/invoicing/plan/planReducer';
+import { RootState } from '../../../../reducer';
+import { fetchInvoicingCatalogCounts, fetchInvoicingCatalogListPage, fetchInvoicingCatalogPlanList, fetchInvoicingCatalogProductList, updateInvoicingCatalogCounts, updateInvoicingCatalogCountsFailure, updateInvoicingCatalogPlanList, updateInvoicingCatalogPlanListFailure, updateInvoicingCatalogProductList, updateInvoicingCatalogProductListFailure } from '../invoicingCatalogListViewReducer';
+/**
+ * Aggregate of every action emitted across the catalog list view epics. Wired
+ * into the root action union for this view.
+ */
+export type ActionType = ReturnType<typeof fetchInvoicingCatalogPlanList> | ReturnType<typeof fetchInvoicingCatalogProductList> | ReturnType<typeof fetchInvoicingCatalogListPage> | ReturnType<typeof fetchInvoicingCatalogCounts> | ReturnType<typeof updateInvoicingCatalogPlanList> | ReturnType<typeof updateInvoicingCatalogPlanListFailure> | ReturnType<typeof updateInvoicingCatalogProductList> | ReturnType<typeof updateInvoicingCatalogProductListFailure> | ReturnType<typeof updateInvoicingCatalogCounts> | ReturnType<typeof updateInvoicingCatalogCountsFailure> | ReturnType<typeof updateInvoicingPlans>;
+/**
+ * Orchestrates the catalog page: on `fetchInvoicingCatalogListPage`, fans out to
+ * the plan-list, product-list and counts fetches, skipping any whose data is
+ * already cached unless `cacheOverride` is set.
+ */
+export declare const fetchInvoicingCatalogListPageEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingCatalogListPageEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const invoicingCatalogListViewReducer_1 = require("../invoicingCatalogListViewReducer");
+/**
+ * Fetch unless the endpoint is already loaded or in flight — or always when the
+ * caller forces a refresh via `cacheOverride`. The web layer sets
+ * `cacheOverride` per use case: false to reuse cached data (page revisit, tab
+ * switch), true to force a reload (search/sort change).
+ */
+const shouldFetch = (fetchStateAndError, cacheOverride) => cacheOverride ||
+    (fetchStateAndError.fetchState !== 'Completed' &&
+        fetchStateAndError.fetchState !== 'In-Progress');
+/**
+ * Orchestrates the catalog page: on `fetchInvoicingCatalogListPage`, fans out to
+ * the plan-list, product-list and counts fetches, skipping any whose data is
+ * already cached unless `cacheOverride` is set.
+ */
+const fetchInvoicingCatalogListPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(invoicingCatalogListViewReducer_1.fetchInvoicingCatalogListPage.match), (0, operators_1.mergeMap)((action) => {
+    const { cacheOverride, planFilters, productFilters, planSort, productSort, } = action.payload;
+    const state = state$.value.invoicingCatalogListViewState;
+    const pageActions = [];
+    if (shouldFetch({ fetchState: state.fetchState, error: state.error }, cacheOverride)) {
+        pageActions.push((0, invoicingCatalogListViewReducer_1.fetchInvoicingCatalogPlanList)({ filters: planFilters, sort: planSort }));
+    }
+    if (shouldFetch(state.productFetchState, cacheOverride)) {
+        pageActions.push((0, invoicingCatalogListViewReducer_1.fetchInvoicingCatalogProductList)({
+            filters: productFilters,
+            sort: productSort,
+        }));
+    }
+    if (shouldFetch(state.countsFetchState, cacheOverride)) {
+        pageActions.push((0, invoicingCatalogListViewReducer_1.fetchInvoicingCatalogCounts)());
+    }
+    return (0, rxjs_1.concat)((0, rxjs_1.from)(pageActions));
+}));
+exports.fetchInvoicingCatalogListPageEpic = fetchInvoicingCatalogListPageEpic;

package/lib/view/invoicing/invoicingCatalogListView/epics/fetchInvoicingCatalogPlanListEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingPlans } from '../../../../entity/invoicing/plan/planReducer';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { fetchInvoicingCatalogPlanList, updateInvoicingCatalogPlanList, updateInvoicingCatalogPlanListFailure } from '../invoicingCatalogListViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingCatalogPlanList> | ReturnType<typeof updateInvoicingCatalogPlanList> | ReturnType<typeof updateInvoicingCatalogPlanListFailure> | ReturnType<typeof updateInvoicingPlans>;
+export declare const fetchInvoicingCatalogPlanListEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingCatalogPlanListEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const planReducer_1 = require("../../../../entity/invoicing/plan/planReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const invoicingApiHelper_1 = require("../../invoicingApiHelper");
+const invoicingCatalogListViewReducer_1 = require("../invoicingCatalogListViewReducer");
+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 fetchInvoicingCatalogPlanListEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingCatalogListViewReducer_1.fetchInvoicingCatalogPlanList.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/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, invoicingCatalogListViewReducer_1.updateInvoicingCatalogPlanList)({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, invoicingCatalogListViewReducer_1.updateInvoicingCatalogPlanListFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingCatalogListViewReducer_1.updateInvoicingCatalogPlanListFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch catalog plan list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingCatalogPlanListEpic = fetchInvoicingCatalogPlanListEpic;

package/lib/view/invoicing/invoicingCatalogListView/epics/fetchInvoicingCatalogProductListEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingPlans } from '../../../../entity/invoicing/plan/planReducer';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { fetchInvoicingCatalogProductList, updateInvoicingCatalogProductList, updateInvoicingCatalogProductListFailure } from '../invoicingCatalogListViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingCatalogProductList> | ReturnType<typeof updateInvoicingCatalogProductList> | ReturnType<typeof updateInvoicingCatalogProductListFailure> | ReturnType<typeof updateInvoicingPlans>;
+export declare const fetchInvoicingCatalogProductListEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingCatalogProductListEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const planReducer_1 = require("../../../../entity/invoicing/plan/planReducer");
+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.type != null && filters.type.length > 0) {
+        params.set('type', filters.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/plans`, 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, planReducer_1.updateInvoicingPlans)(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,6 @@
+import { InvoicingListCounts, InvoicingPaginatedList } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingPlanPayload } from '../../../entity/invoicing/plan/planPayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type InvoicingCatalogPlanListResponse = ZeniAPIResponse<InvoicingPaginatedList<InvoicingPlanPayload>>;
+export type InvoicingCatalogProductListResponse = ZeniAPIResponse<InvoicingPaginatedList<InvoicingPlanPayload>>;
+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,52 @@
+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">, addInvoicingCatalogItem: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+    type: "addon" | "charge" | "plan";
+}, "invoicingCatalogListView/addInvoicingCatalogItem">, 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;