@zeniai/client-epic-state 5.1.39 → 5.1.40-betaAK1

package/lib/view/invoicing/invoicingSubscriptionListView/epics/fetchInvoicingSubscriptionListEpic.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingSubscriptionListEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const invoicingSubscriptionReducer_1 = require("../../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const invoicingApiHelper_1 = require("../../invoicingApiHelper");
+const invoicingSubscriptionListViewReducer_1 = require("../invoicingSubscriptionListViewReducer");
+const buildQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    if (filters.status != null && filters.status.length > 0) {
+        params.set('status', filters.status);
+    }
+    if (filters.customerId != null) {
+        params.set('customer_id', filters.customerId);
+    }
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    if (filters.startedFrom != null) {
+        params.set('started_from', filters.startedFrom);
+    }
+    if (filters.startedTo != null) {
+        params.set('started_to', filters.startedTo);
+    }
+    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 fetchInvoicingSubscriptionListEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingSubscriptionListViewReducer_1.fetchInvoicingSubscriptionList.match), (0, operators_1.switchMap)((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = (0, invoicingApiHelper_1.withQuery)(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/subscriptions`, buildQuery(filters, cursor, sort));
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response)) {
+            const items = response.data?.items ?? [];
+            return [
+                (0, invoicingSubscriptionReducer_1.updateInvoicingSubscriptions)(items, 'merge'),
+                (0, invoicingSubscriptionListViewReducer_1.updateInvoicingSubscriptionList)({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, invoicingSubscriptionListViewReducer_1.updateInvoicingSubscriptionListFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingSubscriptionListViewReducer_1.updateInvoicingSubscriptionListFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch subscription list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingSubscriptionListEpic = fetchInvoicingSubscriptionListEpic;

package/lib/view/invoicing/invoicingSubscriptionListView/epics/fetchInvoicingSubscriptionListPageEpic.d.ts

@@ -0,0 +1,16 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingSubscriptions } from '../../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionReducer';
+import { RootState } from '../../../../reducer';
+import { fetchInvoicingSubscriptionCounts, fetchInvoicingSubscriptionList, fetchInvoicingSubscriptionListPage, updateInvoicingSubscriptionCounts, updateInvoicingSubscriptionCountsFailure, updateInvoicingSubscriptionList, updateInvoicingSubscriptionListFailure } from '../invoicingSubscriptionListViewReducer';
+/**
+ * Aggregate of every action emitted across the subscription list view epics.
+ * Wired into the root action union for this view.
+ */
+export type ActionType = ReturnType<typeof fetchInvoicingSubscriptionList> | ReturnType<typeof fetchInvoicingSubscriptionListPage> | ReturnType<typeof fetchInvoicingSubscriptionCounts> | ReturnType<typeof updateInvoicingSubscriptionList> | ReturnType<typeof updateInvoicingSubscriptionListFailure> | ReturnType<typeof updateInvoicingSubscriptionCounts> | ReturnType<typeof updateInvoicingSubscriptionCountsFailure> | ReturnType<typeof updateInvoicingSubscriptions>;
+/**
+ * Orchestrates the subscriptions list page: on `fetchInvoicingSubscriptionListPage`,
+ * fans out to the list and counts fetches, skipping either one whose data is
+ * already cached unless `cacheOverride` is set (e.g. on a filter/sort change).
+ */
+export declare const fetchInvoicingSubscriptionListPageEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/invoicing/invoicingSubscriptionListView/epics/fetchInvoicingSubscriptionListPageEpic.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingSubscriptionListPageEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const invoicingSubscriptionListViewReducer_1 = require("../invoicingSubscriptionListViewReducer");
+/**
+ * Fetch unless the endpoint is already loaded or in flight — or always when the
+ * caller forces a refresh via `cacheOverride` (e.g. on a filter/sort change).
+ */
+const shouldFetch = (fetchStateAndError, cacheOverride) => cacheOverride ||
+    (fetchStateAndError.fetchState !== 'Completed' &&
+        fetchStateAndError.fetchState !== 'In-Progress');
+/**
+ * Orchestrates the subscriptions list page: on `fetchInvoicingSubscriptionListPage`,
+ * fans out to the list and counts fetches, skipping either one whose data is
+ * already cached unless `cacheOverride` is set (e.g. on a filter/sort change).
+ */
+const fetchInvoicingSubscriptionListPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(invoicingSubscriptionListViewReducer_1.fetchInvoicingSubscriptionListPage.match), (0, operators_1.mergeMap)((action) => {
+    const { cacheOverride, filters, sort } = action.payload;
+    const state = state$.value.invoicingSubscriptionListViewState;
+    const pageActions = [];
+    if (shouldFetch({ fetchState: state.fetchState, error: state.error }, cacheOverride)) {
+        pageActions.push((0, invoicingSubscriptionListViewReducer_1.fetchInvoicingSubscriptionList)({ filters, sort }));
+    }
+    if (shouldFetch(state.countsFetchState, cacheOverride)) {
+        pageActions.push((0, invoicingSubscriptionListViewReducer_1.fetchInvoicingSubscriptionCounts)());
+    }
+    return (0, rxjs_1.concat)((0, rxjs_1.from)(pageActions));
+}));
+exports.fetchInvoicingSubscriptionListPageEpic = fetchInvoicingSubscriptionListPageEpic;

package/lib/view/invoicing/invoicingSubscriptionListView/invoicingSubscriptionListViewPayload.d.ts

@@ -0,0 +1,5 @@
+import { InvoicingListCounts, InvoicingPaginatedList } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingSubscriptionPayload } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionPayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type InvoicingSubscriptionListResponse = ZeniAPIResponse<InvoicingPaginatedList<InvoicingSubscriptionPayload>>;
+export type InvoicingSubscriptionCountsResponse = ZeniAPIResponse<InvoicingListCounts>;

package/lib/view/invoicing/invoicingSubscriptionListView/invoicingSubscriptionListViewPayload.js

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

package/lib/view/invoicing/invoicingSubscriptionListView/invoicingSubscriptionListViewReducer.d.ts

@@ -0,0 +1,31 @@
+import { ID } from '../../../commonStateTypes/common';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+import { InvoicingSubscriptionFilters, InvoicingSubscriptionListViewState } from './invoicingSubscriptionListViewState';
+export declare const initialState: InvoicingSubscriptionListViewState;
+export declare const fetchInvoicingSubscriptionList: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    cursor?: string;
+    filters?: InvoicingSubscriptionFilters;
+    keepExistingListItems?: boolean;
+    sort?: InvoicingListSort;
+}], {
+    filters: InvoicingSubscriptionFilters;
+    cursor: string | undefined;
+    keepExistingListItems: boolean;
+    sort: InvoicingListSort | undefined;
+}, "invoicingSubscriptionListView/fetchInvoicingSubscriptionList", never, never>, fetchInvoicingSubscriptionListPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    cacheOverride?: boolean;
+    filters?: InvoicingSubscriptionFilters;
+    sort?: InvoicingListSort;
+}], {
+    cacheOverride: boolean;
+    filters: InvoicingSubscriptionFilters;
+    sort: InvoicingListSort | undefined;
+}, "invoicingSubscriptionListView/fetchInvoicingSubscriptionListPage", never, never>, updateInvoicingSubscriptionList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    ids: ID[];
+    keepExistingListItems: boolean;
+    nextCursor: string | null;
+}, "invoicingSubscriptionListView/updateInvoicingSubscriptionList">, updateInvoicingSubscriptionListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingSubscriptionListView/updateInvoicingSubscriptionListFailure">, fetchInvoicingSubscriptionCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSubscriptionListView/fetchInvoicingSubscriptionCounts">, updateInvoicingSubscriptionCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingSubscriptionListView/updateInvoicingSubscriptionCounts">, updateInvoicingSubscriptionCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingSubscriptionListView/updateInvoicingSubscriptionCountsFailure">, updateInvoicingSubscriptionFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingSubscriptionFilters, "invoicingSubscriptionListView/updateInvoicingSubscriptionFilters">, clearInvoicingSubscriptionListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSubscriptionListView/clearInvoicingSubscriptionListView">;
+declare const _default: import("redux").Reducer<InvoicingSubscriptionListViewState>;
+export default _default;

package/lib/view/invoicing/invoicingSubscriptionListView/invoicingSubscriptionListViewReducer.js

@@ -0,0 +1,93 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingSubscriptionListView = exports.updateInvoicingSubscriptionFilters = exports.updateInvoicingSubscriptionCountsFailure = exports.updateInvoicingSubscriptionCounts = exports.fetchInvoicingSubscriptionCounts = exports.updateInvoicingSubscriptionListFailure = exports.updateInvoicingSubscriptionList = exports.fetchInvoicingSubscriptionListPage = exports.fetchInvoicingSubscriptionList = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    ids: [],
+    nextCursor: null,
+    filters: {},
+    counts: { all: 0 },
+    countsFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const invoicingSubscriptionListView = (0, toolkit_1.createSlice)({
+    name: 'invoicingSubscriptionListView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchInvoicingSubscriptionList: {
+            reducer(draft, action) {
+                if (!action.payload.keepExistingListItems) {
+                    draft.ids = [];
+                    draft.nextCursor = null;
+                }
+                draft.filters = action.payload.filters;
+                draft.sort = action.payload.sort;
+                draft.fetchState = 'In-Progress';
+                draft.error = undefined;
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        filters: payload.filters ?? {},
+                        cursor: payload.cursor,
+                        keepExistingListItems: payload.keepExistingListItems ?? false,
+                        sort: payload.sort,
+                    },
+                };
+            },
+        },
+        fetchInvoicingSubscriptionListPage: {
+            reducer(draft, action) {
+                draft.filters = action.payload.filters;
+                draft.sort = action.payload.sort;
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        cacheOverride: payload.cacheOverride ?? false,
+                        filters: payload.filters ?? {},
+                        sort: payload.sort,
+                    },
+                };
+            },
+        },
+        updateInvoicingSubscriptionList(draft, action) {
+            draft.ids = action.payload.keepExistingListItems
+                ? [...new Set([...draft.ids, ...action.payload.ids])]
+                : action.payload.ids;
+            draft.nextCursor = action.payload.nextCursor;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingSubscriptionListFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        fetchInvoicingSubscriptionCounts(draft) {
+            draft.countsFetchState.fetchState = 'In-Progress';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingSubscriptionCounts(draft, action) {
+            draft.counts = action.payload;
+            draft.countsFetchState.fetchState = 'Completed';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingSubscriptionCountsFailure(draft, action) {
+            draft.countsFetchState.fetchState = 'Error';
+            draft.countsFetchState.error = action.payload;
+        },
+        updateInvoicingSubscriptionFilters(draft, action) {
+            draft.filters = action.payload;
+        },
+        clearInvoicingSubscriptionListView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = invoicingSubscriptionListView.actions, exports.fetchInvoicingSubscriptionList = _a.fetchInvoicingSubscriptionList, exports.fetchInvoicingSubscriptionListPage = _a.fetchInvoicingSubscriptionListPage, exports.updateInvoicingSubscriptionList = _a.updateInvoicingSubscriptionList, exports.updateInvoicingSubscriptionListFailure = _a.updateInvoicingSubscriptionListFailure, exports.fetchInvoicingSubscriptionCounts = _a.fetchInvoicingSubscriptionCounts, exports.updateInvoicingSubscriptionCounts = _a.updateInvoicingSubscriptionCounts, exports.updateInvoicingSubscriptionCountsFailure = _a.updateInvoicingSubscriptionCountsFailure, exports.updateInvoicingSubscriptionFilters = _a.updateInvoicingSubscriptionFilters, exports.clearInvoicingSubscriptionListView = _a.clearInvoicingSubscriptionListView;
+exports.default = invoicingSubscriptionListView.reducer;

package/lib/view/invoicing/invoicingSubscriptionListView/invoicingSubscriptionListViewSelector.d.ts

@@ -0,0 +1,25 @@
+import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingSubscription } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionState';
+import { RootState } from '../../../reducer';
+import { InvoicingListSort } from '../invoicingApiHelper';
+import { InvoicingSubscriptionColumnConfig, InvoicingSubscriptionFilters, InvoicingSubscriptionTabId } from './invoicingSubscriptionListViewState';
+export interface InvoicingSubscriptionListView extends SelectorView {
+    columns: InvoicingSubscriptionColumnConfig[];
+    count: InvoicingListCounts;
+    countsFetchState: FetchStateAndError;
+    filters: InvoicingSubscriptionFilters;
+    nextCursor: string | null;
+    subscriptions: InvoicingSubscription[];
+    tabIds: InvoicingSubscriptionTabId[];
+    sort?: InvoicingListSort;
+}
+/**
+ * Memoized so the denormalized `subscriptions` array (and the wrapping view
+ * object) keep referential identity until the subscription entity slice or the
+ * list-view slice actually change. Without this, the connected list page
+ * re-rendered on every unrelated redux action because a fresh array was built
+ * each call.
+ */
+export declare const getInvoicingSubscriptionListView: (state: RootState) => InvoicingSubscriptionListView;

package/lib/view/invoicing/invoicingSubscriptionListView/invoicingSubscriptionListViewSelector.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingSubscriptionListView = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const invoicingSubscriptionSelector_1 = require("../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionSelector");
+const invoicingSubscriptionListViewState_1 = require("./invoicingSubscriptionListViewState");
+/**
+ * Memoized so the denormalized `subscriptions` array (and the wrapping view
+ * object) keep referential identity until the subscription entity slice or the
+ * list-view slice actually change. Without this, the connected list page
+ * re-rendered on every unrelated redux action because a fresh array was built
+ * each call.
+ */
+exports.getInvoicingSubscriptionListView = (0, toolkit_1.createSelector)((state) => state.invoicingSubscriptionState, (state) => state.invoicingSubscriptionListViewState, (subscriptionState, listViewState) => ({
+    columns: invoicingSubscriptionListViewState_1.INVOICING_SUBSCRIPTION_COLUMNS,
+    subscriptions: (0, invoicingSubscriptionSelector_1.getInvoicingSubscriptionsByIds)(subscriptionState, listViewState.ids),
+    fetchState: listViewState.fetchState,
+    error: listViewState.error,
+    nextCursor: listViewState.nextCursor,
+    filters: listViewState.filters,
+    count: listViewState.counts,
+    countsFetchState: listViewState.countsFetchState,
+    tabIds: invoicingSubscriptionListViewState_1.INVOICING_SUBSCRIPTION_TABS,
+    sort: listViewState.sort,
+}));

package/lib/view/invoicing/invoicingSubscriptionListView/invoicingSubscriptionListViewState.d.ts

@@ -0,0 +1,44 @@
+import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/common';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+export interface InvoicingSubscriptionFilters {
+    customerId?: ID;
+    search?: string;
+    startedFrom?: string;
+    startedTo?: string;
+    status?: string;
+}
+export declare const ALL_INVOICING_SUBSCRIPTION_SORT_KEYS: readonly ["subscription", "customer", "plan", "term_end", "next_billing", "auto_collect", "status", "mrr"];
+export declare const toInvoicingSubscriptionSortKey: (v: string) => "status" | "customer" | "mrr" | "plan" | "subscription" | "term_end" | "next_billing" | "auto_collect";
+export type InvoicingSubscriptionSortKey = ReturnType<typeof toInvoicingSubscriptionSortKey>;
+/**
+ * Structural column descriptor owned by CES so the subscription-list column set,
+ * ordering and sortability live next to the `InvoicingSubscription` model rather
+ * than being hardcoded in web-components. Header labels, cell rendering and
+ * layout (alignment, widths) stay in the view layer; this only carries the
+ * column set, order and sort metadata.
+ */
+export interface InvoicingSubscriptionColumnConfig {
+    key: InvoicingSubscriptionSortKey;
+    sortable: boolean;
+}
+export declare const INVOICING_SUBSCRIPTION_COLUMNS: InvoicingSubscriptionColumnConfig[];
+export declare const ALL_INVOICING_SUBSCRIPTION_TAB_IDS: readonly ["all", "active", "in_trial", "future", "non_renewing", "paused", "cancelled"];
+export declare const toInvoicingSubscriptionTabId: (v: string) => "active" | "cancelled" | "future" | "in_trial" | "non_renewing" | "paused" | "all";
+export type InvoicingSubscriptionTabId = ReturnType<typeof toInvoicingSubscriptionTabId>;
+/**
+ * Ordered filter-tab id set owned by CES so the subscription-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_SUBSCRIPTION_TABS: InvoicingSubscriptionTabId[];
+export interface InvoicingSubscriptionListViewState extends FetchedState {
+    counts: InvoicingListCounts;
+    countsFetchState: FetchStateAndError;
+    filters: InvoicingSubscriptionFilters;
+    ids: ID[];
+    nextCursor: string | null;
+    /** Active server-side sort (undefined = backend default order). */
+    sort?: InvoicingListSort;
+}

package/lib/view/invoicing/invoicingSubscriptionListView/invoicingSubscriptionListViewState.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.INVOICING_SUBSCRIPTION_TABS = exports.toInvoicingSubscriptionTabId = exports.ALL_INVOICING_SUBSCRIPTION_TAB_IDS = exports.INVOICING_SUBSCRIPTION_COLUMNS = exports.toInvoicingSubscriptionSortKey = exports.ALL_INVOICING_SUBSCRIPTION_SORT_KEYS = void 0;
+const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
+exports.ALL_INVOICING_SUBSCRIPTION_SORT_KEYS = [
+    'subscription',
+    'customer',
+    'plan',
+    'term_end',
+    'next_billing',
+    'auto_collect',
+    'status',
+    'mrr',
+];
+const toInvoicingSubscriptionSortKey = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_SUBSCRIPTION_SORT_KEYS);
+exports.toInvoicingSubscriptionSortKey = toInvoicingSubscriptionSortKey;
+exports.INVOICING_SUBSCRIPTION_COLUMNS = [
+    { key: 'subscription', sortable: true },
+    { key: 'customer', sortable: false },
+    { key: 'plan', sortable: true },
+    { key: 'term_end', sortable: true },
+    { key: 'next_billing', sortable: true },
+    { key: 'auto_collect', sortable: true },
+    { key: 'status', sortable: true },
+    { key: 'mrr', sortable: true },
+];
+exports.ALL_INVOICING_SUBSCRIPTION_TAB_IDS = [
+    'all',
+    'active',
+    'in_trial',
+    'future',
+    'non_renewing',
+    'paused',
+    'cancelled',
+];
+const toInvoicingSubscriptionTabId = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_SUBSCRIPTION_TAB_IDS);
+exports.toInvoicingSubscriptionTabId = toInvoicingSubscriptionTabId;
+/**
+ * Ordered filter-tab id set owned by CES so the subscription-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_SUBSCRIPTION_TABS = [
+    ...exports.ALL_INVOICING_SUBSCRIPTION_TAB_IDS,
+];

package/lib/view/invoicing/invoicingTransactionDetailView/invoicingTransactionDetailViewEpics.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingTransactions } from '../../../entity/invoicing/invoicingTransaction/invoicingTransactionReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { fetchInvoicingTransactionDetail, updateInvoicingTransactionDetail, updateInvoicingTransactionDetailFailure } from './invoicingTransactionDetailViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingTransactionDetail> | ReturnType<typeof updateInvoicingTransactionDetail> | ReturnType<typeof updateInvoicingTransactionDetailFailure> | ReturnType<typeof updateInvoicingTransactions>;
+export declare const fetchInvoicingTransactionDetailEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/invoicingTransactionDetailView/invoicingTransactionDetailViewEpics.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingTransactionDetailEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const invoicingTransactionReducer_1 = require("../../../entity/invoicing/invoicingTransaction/invoicingTransactionReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const invoicingTransactionDetailViewReducer_1 = require("./invoicingTransactionDetailViewReducer");
+const fetchInvoicingTransactionDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingTransactionDetailViewReducer_1.fetchInvoicingTransactionDetail.match), (0, operators_1.switchMap)((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/payments/${id}`;
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return [
+                (0, invoicingTransactionReducer_1.updateInvoicingTransactions)([response.data], 'merge'),
+                (0, invoicingTransactionDetailViewReducer_1.updateInvoicingTransactionDetail)({ id: response.data.id }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, invoicingTransactionDetailViewReducer_1.updateInvoicingTransactionDetailFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingTransactionDetailViewReducer_1.updateInvoicingTransactionDetailFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch payment detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingTransactionDetailEpic = fetchInvoicingTransactionDetailEpic;

package/lib/view/invoicing/invoicingTransactionDetailView/invoicingTransactionDetailViewPayload.d.ts

@@ -0,0 +1,3 @@
+import { InvoicingTransactionPayload } from '../../../entity/invoicing/invoicingTransaction/invoicingTransactionPayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type InvoicingTransactionDetailResponse = ZeniAPIResponse<InvoicingTransactionPayload>;

package/lib/view/invoicing/invoicingTransactionDetailView/invoicingTransactionDetailViewPayload.js

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

package/lib/view/invoicing/invoicingTransactionDetailView/invoicingTransactionDetailViewReducer.d.ts

@@ -0,0 +1,11 @@
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingTransactionDetailViewState } from './invoicingTransactionDetailViewState';
+export declare const initialState: InvoicingTransactionDetailViewState;
+export declare const fetchInvoicingTransactionDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingTransactionDetailView/fetchInvoicingTransactionDetail">, updateInvoicingTransactionDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingTransactionDetailView/updateInvoicingTransactionDetail">, updateInvoicingTransactionDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingTransactionDetailView/updateInvoicingTransactionDetailFailure">, clearInvoicingTransactionDetailView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingTransactionDetailView/clearInvoicingTransactionDetailView">;
+declare const _default: import("redux").Reducer<InvoicingTransactionDetailViewState>;
+export default _default;

package/lib/view/invoicing/invoicingTransactionDetailView/invoicingTransactionDetailViewReducer.js

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

package/lib/view/invoicing/invoicingTransactionDetailView/invoicingTransactionDetailViewSelector.d.ts

@@ -0,0 +1,16 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingTransaction } from '../../../entity/invoicing/invoicingTransaction/invoicingTransactionState';
+import { RootState } from '../../../reducer';
+/**
+ * Read-only view for the transaction (payment) detail page: the transaction
+ * entity + its fetch state, plus the per-payment action run-state
+ * (refund/retry/etc.) folded in so the detail screen depends on this single read
+ * selector.
+ */
+export interface InvoicingTransactionDetailView extends SelectorView {
+    actionState: FetchStateAndError;
+    transaction?: InvoicingTransaction;
+}
+export declare const getInvoicingTransactionById: (state: RootState, id: string) => InvoicingTransaction | undefined;
+export declare const getInvoicingTransactionDetail: (state: RootState, invoicingTransactionID: ID) => InvoicingTransactionDetailView;

package/lib/view/invoicing/invoicingTransactionDetailView/invoicingTransactionDetailViewSelector.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingTransactionDetail = exports.getInvoicingTransactionById = void 0;
+const invoicingTransactionSelector_1 = require("../../../entity/invoicing/invoicingTransaction/invoicingTransactionSelector");
+const paymentActionSelector_1 = require("../paymentAction/paymentActionSelector");
+const getInvoicingTransactionById = (state, id) => (0, invoicingTransactionSelector_1.getInvoicingTransactionById)(state.invoicingTransactionState, id);
+exports.getInvoicingTransactionById = getInvoicingTransactionById;
+const getInvoicingTransactionDetail = (state, invoicingTransactionID) => {
+    const { error, fetchState } = state.invoicingTransactionDetailViewState;
+    return {
+        actionState: (0, paymentActionSelector_1.getInvoicingPaymentActionState)(invoicingTransactionID)(state),
+        transaction: (0, exports.getInvoicingTransactionById)(state, invoicingTransactionID),
+        fetchState,
+        error,
+        version: 1.0,
+    };
+};
+exports.getInvoicingTransactionDetail = getInvoicingTransactionDetail;

package/lib/view/invoicing/invoicingTransactionDetailView/invoicingTransactionDetailViewState.d.ts

@@ -0,0 +1,4 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+export interface InvoicingTransactionDetailViewState extends FetchStateAndError {
+    id?: ID;
+}

package/lib/view/invoicing/invoicingTransactionDetailView/invoicingTransactionDetailViewState.js

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

package/lib/view/invoicing/invoicingTransactionListView/epics/fetchInvoicingTransactionListEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingTransactions } from '../../../../entity/invoicing/invoicingTransaction/invoicingTransactionReducer';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { fetchInvoicingTransactionList, updateInvoicingTransactionList, updateInvoicingTransactionListFailure } from '../invoicingTransactionListViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingTransactionList> | ReturnType<typeof updateInvoicingTransactionList> | ReturnType<typeof updateInvoicingTransactionListFailure> | ReturnType<typeof updateInvoicingTransactions>;
+export declare const fetchInvoicingTransactionListEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/invoicingTransactionListView/epics/fetchInvoicingTransactionListEpic.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingTransactionListEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const invoicingTransactionReducer_1 = require("../../../../entity/invoicing/invoicingTransaction/invoicingTransactionReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const invoicingApiHelper_1 = require("../../invoicingApiHelper");
+const invoicingTransactionListViewReducer_1 = require("../invoicingTransactionListViewReducer");
+const buildQuery = (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.customerId != null) {
+        params.set('customer_id', filters.customerId);
+    }
+    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 fetchInvoicingTransactionListEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingTransactionListViewReducer_1.fetchInvoicingTransactionList.match), (0, operators_1.switchMap)((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = (0, invoicingApiHelper_1.withQuery)(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/payments`, buildQuery(filters, cursor, sort));
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response)) {
+            const items = response.data?.items ?? [];
+            return [
+                (0, invoicingTransactionReducer_1.updateInvoicingTransactions)(items, 'merge'),
+                (0, invoicingTransactionListViewReducer_1.updateInvoicingTransactionList)({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, invoicingTransactionListViewReducer_1.updateInvoicingTransactionListFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingTransactionListViewReducer_1.updateInvoicingTransactionListFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch payment list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingTransactionListEpic = fetchInvoicingTransactionListEpic;

package/lib/view/invoicing/invoicingTransactionListView/epics/fetchInvoicingTransactionListPageEpic.d.ts

@@ -0,0 +1,16 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingTransactions } from '../../../../entity/invoicing/invoicingTransaction/invoicingTransactionReducer';
+import { RootState } from '../../../../reducer';
+import { fetchInvoicingTransactionList, fetchInvoicingTransactionListPage, updateInvoicingTransactionList, updateInvoicingTransactionListFailure } from '../invoicingTransactionListViewReducer';
+/**
+ * Aggregate of every action emitted across the transaction list view epics.
+ * Wired into the root action union for this view.
+ */
+export type ActionType = ReturnType<typeof fetchInvoicingTransactionList> | ReturnType<typeof fetchInvoicingTransactionListPage> | ReturnType<typeof updateInvoicingTransactionList> | ReturnType<typeof updateInvoicingTransactionListFailure> | ReturnType<typeof updateInvoicingTransactions>;
+/**
+ * Orchestrates the payments list page: on `fetchInvoicingTransactionListPage`,
+ * fans out to the list fetch, skipping it when data is already cached unless
+ * `cacheOverride` is set (e.g. on a filter/sort change).
+ */
+export declare const fetchInvoicingTransactionListPageEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;