@zeniai/client-epic-state 5.1.34 → 5.1.35-betaAK0

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

@@ -0,0 +1,20 @@
+"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");
+/**
+ * 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) => ({
+    subscriptions: (0, invoicingSubscriptionSelector_1.getInvoicingSubscriptionsByIds)(subscriptionState, listViewState.ids),
+    fetchState: listViewState.fetchState,
+    error: listViewState.error,
+    nextCursor: listViewState.nextCursor,
+    filters: listViewState.filters,
+    count: listViewState.counts,
+}));

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

@@ -0,0 +1,19 @@
+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 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,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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/transaction/transactionReducer';
+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 transactionReducer_1 = require("../../../entity/invoicing/transaction/transactionReducer");
+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, transactionReducer_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/transaction/transactionPayload';
+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/transaction/transactionState';
+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 transactionSelector_1 = require("../../../entity/invoicing/transaction/transactionSelector");
+const paymentActionSelector_1 = require("../paymentAction/paymentActionSelector");
+const getInvoicingTransactionById = (state, id) => (0, transactionSelector_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/fetchInvoicingTransactionKPIsEpic.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 { fetchInvoicingTransactionKPIs, updateInvoicingTransactionKPIs, updateInvoicingTransactionKPIsFailure } from '../invoicingTransactionListViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingTransactionKPIs> | ReturnType<typeof updateInvoicingTransactionKPIs> | ReturnType<typeof updateInvoicingTransactionKPIsFailure>;
+export declare const fetchInvoicingTransactionKPIsEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingTransactionKPIsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const transactionPayload_1 = require("../../../../entity/invoicing/transaction/transactionPayload");
+const responsePayload_1 = require("../../../../responsePayload");
+const invoicingTransactionListViewReducer_1 = require("../invoicingTransactionListViewReducer");
+const fetchInvoicingTransactionKPIsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingTransactionListViewReducer_1.fetchInvoicingTransactionKPIs.match), (0, operators_1.switchMap)(() => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/payments/kpis`;
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return (0, rxjs_1.of)((0, invoicingTransactionListViewReducer_1.updateInvoicingTransactionKPIs)((0, transactionPayload_1.mapInvoicingPaymentKPIsPayloadToState)(response.data)));
+        }
+        return (0, rxjs_1.of)((0, invoicingTransactionListViewReducer_1.updateInvoicingTransactionKPIsFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingTransactionListViewReducer_1.updateInvoicingTransactionKPIsFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch payment KPIs REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingTransactionKPIsEpic = fetchInvoicingTransactionKPIsEpic;

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/transaction/transactionReducer';
+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 transactionReducer_1 = require("../../../../entity/invoicing/transaction/transactionReducer");
+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, transactionReducer_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/transaction/transactionReducer';
+import { RootState } from '../../../../reducer';
+import { fetchInvoicingTransactionKPIs, fetchInvoicingTransactionList, fetchInvoicingTransactionListPage, updateInvoicingTransactionKPIs, updateInvoicingTransactionKPIsFailure, 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 fetchInvoicingTransactionKPIs> | ReturnType<typeof updateInvoicingTransactionList> | ReturnType<typeof updateInvoicingTransactionListFailure> | ReturnType<typeof updateInvoicingTransactionKPIs> | ReturnType<typeof updateInvoicingTransactionKPIsFailure> | ReturnType<typeof updateInvoicingTransactions>;
+/**
+ * Orchestrates the payments list page: on `fetchInvoicingTransactionListPage`,
+ * fans out to the list and KPIs fetches, skipping either one whose 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>;

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingTransactionListPageEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const invoicingTransactionListViewReducer_1 = require("../invoicingTransactionListViewReducer");
+/**
+ * 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 payments list page: on `fetchInvoicingTransactionListPage`,
+ * fans out to the list and KPIs fetches, skipping either one whose data is
+ * already cached unless `cacheOverride` is set (e.g. on a filter/sort change).
+ */
+const fetchInvoicingTransactionListPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(invoicingTransactionListViewReducer_1.fetchInvoicingTransactionListPage.match), (0, operators_1.mergeMap)((action) => {
+    const { cacheOverride, filters, sort } = action.payload;
+    const state = state$.value.invoicingTransactionListViewState;
+    const pageActions = [];
+    if (shouldFetch({ fetchState: state.fetchState, error: state.error }, cacheOverride)) {
+        pageActions.push((0, invoicingTransactionListViewReducer_1.fetchInvoicingTransactionList)({ filters, sort }));
+    }
+    if (shouldFetch(state.kpisFetchState, cacheOverride)) {
+        pageActions.push((0, invoicingTransactionListViewReducer_1.fetchInvoicingTransactionKPIs)());
+    }
+    return (0, rxjs_1.concat)((0, rxjs_1.from)(pageActions));
+}));
+exports.fetchInvoicingTransactionListPageEpic = fetchInvoicingTransactionListPageEpic;

package/lib/view/invoicing/invoicingTransactionListView/invoicingTransactionListViewPayload.d.ts

@@ -0,0 +1,5 @@
+import { InvoicingPaymentKPIsPayload, InvoicingTransactionPayload } from '../../../entity/invoicing/transaction/transactionPayload';
+import { InvoicingPaginatedList } from '../../../entity/invoicing/invoicingCommonPayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type InvoicingTransactionListResponse = ZeniAPIResponse<InvoicingPaginatedList<InvoicingTransactionPayload>>;
+export type InvoicingTransactionKPIsResponse = ZeniAPIResponse<InvoicingPaymentKPIsPayload>;

package/lib/view/invoicing/invoicingTransactionListView/invoicingTransactionListViewPayload.js

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

package/lib/view/invoicing/invoicingTransactionListView/invoicingTransactionListViewReducer.d.ts

@@ -0,0 +1,31 @@
+import { ID } from '../../../commonStateTypes/common';
+import { InvoicingPaymentKPIs } from '../../../entity/invoicing/transaction/transactionState';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+import { InvoicingTransactionFilters, InvoicingTransactionListViewState } from './invoicingTransactionListViewState';
+export declare const initialState: InvoicingTransactionListViewState;
+export declare const fetchInvoicingTransactionList: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    cursor?: string;
+    filters?: InvoicingTransactionFilters;
+    keepExistingListItems?: boolean;
+    sort?: InvoicingListSort;
+}], {
+    filters: InvoicingTransactionFilters;
+    cursor: string | undefined;
+    keepExistingListItems: boolean;
+    sort: InvoicingListSort | undefined;
+}, "invoicingTransactionListView/fetchInvoicingTransactionList", never, never>, fetchInvoicingTransactionListPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    cacheOverride?: boolean;
+    filters?: InvoicingTransactionFilters;
+    sort?: InvoicingListSort;
+}], {
+    cacheOverride: boolean;
+    filters: InvoicingTransactionFilters;
+    sort: InvoicingListSort | undefined;
+}, "invoicingTransactionListView/fetchInvoicingTransactionListPage", never, never>, updateInvoicingTransactionList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    ids: ID[];
+    keepExistingListItems: boolean;
+    nextCursor: string | null;
+}, "invoicingTransactionListView/updateInvoicingTransactionList">, updateInvoicingTransactionListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingTransactionListView/updateInvoicingTransactionListFailure">, fetchInvoicingTransactionKPIs: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingTransactionListView/fetchInvoicingTransactionKPIs">, updateInvoicingTransactionKPIs: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingPaymentKPIs, "invoicingTransactionListView/updateInvoicingTransactionKPIs">, updateInvoicingTransactionKPIsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingTransactionListView/updateInvoicingTransactionKPIsFailure">, updateInvoicingTransactionFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingTransactionFilters, "invoicingTransactionListView/updateInvoicingTransactionFilters">, clearInvoicingTransactionListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingTransactionListView/clearInvoicingTransactionListView">;
+declare const _default: import("redux").Reducer<InvoicingTransactionListViewState>;
+export default _default;

package/lib/view/invoicing/invoicingTransactionListView/invoicingTransactionListViewReducer.js

@@ -0,0 +1,93 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingTransactionListView = exports.updateInvoicingTransactionFilters = exports.updateInvoicingTransactionKPIsFailure = exports.updateInvoicingTransactionKPIs = exports.fetchInvoicingTransactionKPIs = exports.updateInvoicingTransactionListFailure = exports.updateInvoicingTransactionList = exports.fetchInvoicingTransactionListPage = exports.fetchInvoicingTransactionList = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    ids: [],
+    nextCursor: null,
+    filters: {},
+    kpis: undefined,
+    kpisFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const invoicingTransactionListView = (0, toolkit_1.createSlice)({
+    name: 'invoicingTransactionListView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchInvoicingTransactionList: {
+            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,
+                    },
+                };
+            },
+        },
+        fetchInvoicingTransactionListPage: {
+            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,
+                    },
+                };
+            },
+        },
+        updateInvoicingTransactionList(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;
+        },
+        updateInvoicingTransactionListFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        fetchInvoicingTransactionKPIs(draft) {
+            draft.kpisFetchState.fetchState = 'In-Progress';
+            draft.kpisFetchState.error = undefined;
+        },
+        updateInvoicingTransactionKPIs(draft, action) {
+            draft.kpis = action.payload;
+            draft.kpisFetchState.fetchState = 'Completed';
+            draft.kpisFetchState.error = undefined;
+        },
+        updateInvoicingTransactionKPIsFailure(draft, action) {
+            draft.kpisFetchState.fetchState = 'Error';
+            draft.kpisFetchState.error = action.payload;
+        },
+        updateInvoicingTransactionFilters(draft, action) {
+            draft.filters = action.payload;
+        },
+        clearInvoicingTransactionListView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = invoicingTransactionListView.actions, exports.fetchInvoicingTransactionList = _a.fetchInvoicingTransactionList, exports.fetchInvoicingTransactionListPage = _a.fetchInvoicingTransactionListPage, exports.updateInvoicingTransactionList = _a.updateInvoicingTransactionList, exports.updateInvoicingTransactionListFailure = _a.updateInvoicingTransactionListFailure, exports.fetchInvoicingTransactionKPIs = _a.fetchInvoicingTransactionKPIs, exports.updateInvoicingTransactionKPIs = _a.updateInvoicingTransactionKPIs, exports.updateInvoicingTransactionKPIsFailure = _a.updateInvoicingTransactionKPIsFailure, exports.updateInvoicingTransactionFilters = _a.updateInvoicingTransactionFilters, exports.clearInvoicingTransactionListView = _a.clearInvoicingTransactionListView;
+exports.default = invoicingTransactionListView.reducer;

package/lib/view/invoicing/invoicingTransactionListView/invoicingTransactionListViewSelector.d.ts

@@ -0,0 +1,18 @@
+import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingPaymentKPIs, InvoicingTransaction } from '../../../entity/invoicing/transaction/transactionState';
+import { RootState } from '../../../reducer';
+import { InvoicingTransactionFilters } from './invoicingTransactionListViewState';
+export interface InvoicingTransactionListView extends SelectorView {
+    filters: InvoicingTransactionFilters;
+    kpisFetchState: FetchStateAndError;
+    nextCursor: string | null;
+    transactions: InvoicingTransaction[];
+    kpis?: InvoicingPaymentKPIs;
+}
+/**
+ * Memoized so the denormalized `transactions` array (and the wrapping view
+ * object) keep referential identity until the transaction entity slice or the
+ * list-view slice actually change.
+ */
+export declare const getInvoicingTransactionListView: (state: RootState) => InvoicingTransactionListView;

package/lib/view/invoicing/invoicingTransactionListView/invoicingTransactionListViewSelector.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingTransactionListView = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const transactionSelector_1 = require("../../../entity/invoicing/transaction/transactionSelector");
+/**
+ * Memoized so the denormalized `transactions` array (and the wrapping view
+ * object) keep referential identity until the transaction entity slice or the
+ * list-view slice actually change.
+ */
+exports.getInvoicingTransactionListView = (0, toolkit_1.createSelector)((state) => state.invoicingTransactionState, (state) => state.invoicingTransactionListViewState, (transactionState, listViewState) => ({
+    transactions: (0, transactionSelector_1.getInvoicingTransactionsByIds)(transactionState, listViewState.ids),
+    filters: listViewState.filters,
+    kpis: listViewState.kpis,
+    kpisFetchState: listViewState.kpisFetchState,
+    nextCursor: listViewState.nextCursor,
+    fetchState: listViewState.fetchState,
+    error: listViewState.error,
+    version: 1.0,
+}));

package/lib/view/invoicing/invoicingTransactionListView/invoicingTransactionListViewState.d.ts

@@ -0,0 +1,18 @@
+import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/common';
+import { InvoicingPaymentKPIs } from '../../../entity/invoicing/transaction/transactionState';
+import { InvoicingListSort } from '../invoicingApiHelper';
+export interface InvoicingTransactionFilters {
+    customerId?: ID;
+    search?: string;
+    status?: string;
+    type?: string;
+}
+export interface InvoicingTransactionListViewState extends FetchedState {
+    filters: InvoicingTransactionFilters;
+    ids: ID[];
+    kpisFetchState: FetchStateAndError;
+    nextCursor: string | null;
+    kpis?: InvoicingPaymentKPIs;
+    /** Active server-side sort (undefined = backend default order). */
+    sort?: InvoicingListSort;
+}

package/lib/view/invoicing/invoicingTransactionListView/invoicingTransactionListViewState.js

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

package/lib/view/invoicing/paymentAction/paymentActionEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingTransactions } from '../../../entity/invoicing/transaction/transactionReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { runInvoicingPaymentAction, runInvoicingPaymentActionFailure, runInvoicingPaymentActionSuccess } from './paymentActionReducer';
+export type ActionType = ReturnType<typeof runInvoicingPaymentAction> | ReturnType<typeof runInvoicingPaymentActionSuccess> | ReturnType<typeof runInvoicingPaymentActionFailure> | ReturnType<typeof updateInvoicingTransactions>;
+export declare const runInvoicingPaymentActionEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/paymentAction/paymentActionEpic.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runInvoicingPaymentActionEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const transactionReducer_1 = require("../../../entity/invoicing/transaction/transactionReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const paymentActionReducer_1 = require("./paymentActionReducer");
+const runInvoicingPaymentActionEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(paymentActionReducer_1.runInvoicingPaymentAction.match), (0, operators_1.mergeMap)((action) => {
+    const { action: kind, body, id } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/payments/${encodeURIComponent(id)}/${kind}`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, body ?? {})
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return [
+                (0, transactionReducer_1.updateInvoicingTransactions)([response.data], 'merge'),
+                (0, paymentActionReducer_1.runInvoicingPaymentActionSuccess)({ id }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, paymentActionReducer_1.runInvoicingPaymentActionFailure)({
+            error: response.status,
+            id,
+        }));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, paymentActionReducer_1.runInvoicingPaymentActionFailure)({
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Payment action REST API call errored out ' +
+            JSON.stringify(error)),
+        id,
+    }))));
+}));
+exports.runInvoicingPaymentActionEpic = runInvoicingPaymentActionEpic;

package/lib/view/invoicing/paymentAction/paymentActionPayload.d.ts

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

package/lib/view/invoicing/paymentAction/paymentActionPayload.js

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

package/lib/view/invoicing/paymentAction/paymentActionReducer.d.ts

@@ -0,0 +1,18 @@
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingPaymentActionState } from './paymentActionState';
+export interface RunInvoicingPaymentActionPayload {
+    action: string;
+    id: ID;
+    /** Optional JSON body for actions that take parameters. */
+    body?: Record<string, unknown>;
+}
+export declare const initialState: InvoicingPaymentActionState;
+export declare const runInvoicingPaymentAction: import("@reduxjs/toolkit").ActionCreatorWithPayload<RunInvoicingPaymentActionPayload, "invoicingPaymentAction/runInvoicingPaymentAction">, runInvoicingPaymentActionSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingPaymentAction/runInvoicingPaymentActionSuccess">, runInvoicingPaymentActionFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    error: ZeniAPIStatus;
+    id: ID;
+}, "invoicingPaymentAction/runInvoicingPaymentActionFailure">, clearInvoicingPaymentAction: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "invoicingPaymentAction/clearInvoicingPaymentAction">, clearAllInvoicingPaymentActions: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingPaymentAction/clearAllInvoicingPaymentActions">;
+declare const _default: import("redux").Reducer<InvoicingPaymentActionState>;
+export default _default;