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

package/lib/view/invoicing/subscriptionView/subscriptionViewReducer.js

@@ -0,0 +1,94 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingSubscriptionView = exports.updateInvoicingSubscriptionDetailFailure = exports.updateInvoicingSubscriptionDetail = exports.fetchInvoicingSubscriptionDetail = exports.updateInvoicingSubscriptionFilters = exports.updateInvoicingSubscriptionCountsFailure = exports.updateInvoicingSubscriptionCounts = exports.fetchInvoicingSubscriptionCounts = exports.updateInvoicingSubscriptionListFailure = exports.updateInvoicingSubscriptionList = 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 },
+    detailId: undefined,
+    detailFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const subscriptionView = (0, toolkit_1.createSlice)({
+    name: 'invoicingSubscriptionView',
+    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,
+                    },
+                };
+            },
+        },
+        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;
+        },
+        fetchInvoicingSubscriptionDetail(draft, action) {
+            draft.detailId = action.payload.id;
+            draft.detailFetchState.fetchState = 'In-Progress';
+            draft.detailFetchState.error = undefined;
+        },
+        updateInvoicingSubscriptionDetail(draft, action) {
+            draft.detailId = action.payload.id;
+            draft.detailFetchState.fetchState = 'Completed';
+            draft.detailFetchState.error = undefined;
+        },
+        updateInvoicingSubscriptionDetailFailure(draft, action) {
+            draft.detailFetchState.fetchState = 'Error';
+            draft.detailFetchState.error = action.payload;
+        },
+        clearInvoicingSubscriptionView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = subscriptionView.actions, exports.fetchInvoicingSubscriptionList = _a.fetchInvoicingSubscriptionList, 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.fetchInvoicingSubscriptionDetail = _a.fetchInvoicingSubscriptionDetail, exports.updateInvoicingSubscriptionDetail = _a.updateInvoicingSubscriptionDetail, exports.updateInvoicingSubscriptionDetailFailure = _a.updateInvoicingSubscriptionDetailFailure, exports.clearInvoicingSubscriptionView = _a.clearInvoicingSubscriptionView;
+exports.default = subscriptionView.reducer;

package/lib/view/invoicing/subscriptionView/subscriptionViewSelector.d.ts

@@ -0,0 +1,13 @@
+import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { InvoicingListCounts, InvoicingSubscription } from '../../../entity/invoicing/invoicingTypes';
+import { RootState } from '../../../reducer';
+import { InvoicingSubscriptionFilters } from './subscriptionViewReducer';
+export declare const getInvoicingSubscriptionListItems: (state: RootState) => InvoicingSubscription[];
+export declare const getInvoicingSubscriptionListFetchState: (state: RootState) => FetchStateAndError;
+export declare const getInvoicingSubscriptionListNextCursor: (state: RootState) => string | null;
+export declare const getInvoicingSubscriptionListHasMore: (state: RootState) => boolean;
+export declare const getInvoicingSubscriptionListFilters: (state: RootState) => InvoicingSubscriptionFilters;
+export declare const getInvoicingSubscriptionCounts: (state: RootState) => InvoicingListCounts;
+export declare const getInvoicingSubscriptionById: (state: RootState, id: string) => InvoicingSubscription | undefined;
+export declare const getInvoicingSubscriptionDetail: (state: RootState) => InvoicingSubscription | undefined;
+export declare const getInvoicingSubscriptionDetailFetchState: (state: RootState) => FetchStateAndError;

package/lib/view/invoicing/subscriptionView/subscriptionViewSelector.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingSubscriptionDetailFetchState = exports.getInvoicingSubscriptionDetail = exports.getInvoicingSubscriptionById = exports.getInvoicingSubscriptionCounts = exports.getInvoicingSubscriptionListFilters = exports.getInvoicingSubscriptionListHasMore = exports.getInvoicingSubscriptionListNextCursor = exports.getInvoicingSubscriptionListFetchState = exports.getInvoicingSubscriptionListItems = void 0;
+const getInvoicingSubscriptionListItems = (state) => state.invoicingSubscriptionViewState.ids
+    .map((id) => state.invoicingSubscriptionState.subscriptionByID[id])
+    .filter((item) => item != null);
+exports.getInvoicingSubscriptionListItems = getInvoicingSubscriptionListItems;
+const getInvoicingSubscriptionListFetchState = (state) => ({
+    fetchState: state.invoicingSubscriptionViewState.fetchState,
+    error: state.invoicingSubscriptionViewState.error,
+});
+exports.getInvoicingSubscriptionListFetchState = getInvoicingSubscriptionListFetchState;
+const getInvoicingSubscriptionListNextCursor = (state) => state.invoicingSubscriptionViewState.nextCursor;
+exports.getInvoicingSubscriptionListNextCursor = getInvoicingSubscriptionListNextCursor;
+const getInvoicingSubscriptionListHasMore = (state) => state.invoicingSubscriptionViewState.nextCursor != null;
+exports.getInvoicingSubscriptionListHasMore = getInvoicingSubscriptionListHasMore;
+const getInvoicingSubscriptionListFilters = (state) => state.invoicingSubscriptionViewState.filters;
+exports.getInvoicingSubscriptionListFilters = getInvoicingSubscriptionListFilters;
+const getInvoicingSubscriptionCounts = (state) => state.invoicingSubscriptionViewState.counts;
+exports.getInvoicingSubscriptionCounts = getInvoicingSubscriptionCounts;
+const getInvoicingSubscriptionById = (state, id) => state.invoicingSubscriptionState.subscriptionByID[id];
+exports.getInvoicingSubscriptionById = getInvoicingSubscriptionById;
+const getInvoicingSubscriptionDetail = (state) => {
+    const id = state.invoicingSubscriptionViewState.detailId;
+    return id != null
+        ? state.invoicingSubscriptionState.subscriptionByID[id]
+        : undefined;
+};
+exports.getInvoicingSubscriptionDetail = getInvoicingSubscriptionDetail;
+const getInvoicingSubscriptionDetailFetchState = (state) => state.invoicingSubscriptionViewState.detailFetchState;
+exports.getInvoicingSubscriptionDetailFetchState = getInvoicingSubscriptionDetailFetchState;

package/lib/view/invoicing/subscriptionWrite/subscriptionWriteEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingSubscriptions } from '../../../entity/invoicing/subscription/subscriptionReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { saveInvoicingSubscription, saveInvoicingSubscriptionFailure, saveInvoicingSubscriptionSuccess } from './subscriptionWriteReducer';
+export type ActionType = ReturnType<typeof saveInvoicingSubscription> | ReturnType<typeof saveInvoicingSubscriptionSuccess> | ReturnType<typeof saveInvoicingSubscriptionFailure> | ReturnType<typeof updateInvoicingSubscriptions>;
+export declare const saveInvoicingSubscriptionEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/subscriptionWrite/subscriptionWriteEpic.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveInvoicingSubscriptionEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const subscriptionReducer_1 = require("../../../entity/invoicing/subscription/subscriptionReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const invoicingApiHelper_1 = require("../invoicingApiHelper");
+const subscriptionWriteReducer_1 = require("./subscriptionWriteReducer");
+const saveInvoicingSubscriptionEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(subscriptionWriteReducer_1.saveInvoicingSubscription.match), (0, operators_1.mergeMap)((action) => {
+    const { data, id } = action.payload;
+    const baseUrl = (0, invoicingApiHelper_1.invoicingBaseUrl)(zeniAPI);
+    const request$ = id != null
+        ? zeniAPI.putAndGetJSON(`${baseUrl}/subscriptions/${encodeURIComponent(id)}`, { ...data })
+        : zeniAPI.postAndGetJSON(`${baseUrl}/subscriptions`, { ...data });
+    return request$.pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return [
+                (0, subscriptionReducer_1.updateInvoicingSubscriptions)([response.data], 'merge'),
+                (0, subscriptionWriteReducer_1.saveInvoicingSubscriptionSuccess)({
+                    subscriptionId: response.data.id,
+                }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, subscriptionWriteReducer_1.saveInvoicingSubscriptionFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, subscriptionWriteReducer_1.saveInvoicingSubscriptionFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save subscription REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.saveInvoicingSubscriptionEpic = saveInvoicingSubscriptionEpic;

package/lib/view/invoicing/subscriptionWrite/subscriptionWriteReducer.d.ts

@@ -0,0 +1,17 @@
+import { FetchedState, ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+/** Payload for creating (no id) or updating (with id) a subscription. */
+export interface SaveInvoicingSubscriptionPayload {
+    data: Record<string, unknown>;
+    id?: ID;
+}
+export interface InvoicingSubscriptionWriteState extends FetchedState {
+    data?: Record<string, unknown>;
+    savedSubscriptionId?: ID;
+}
+export declare const initialState: InvoicingSubscriptionWriteState;
+export declare const saveInvoicingSubscription: import("@reduxjs/toolkit").ActionCreatorWithPayload<SaveInvoicingSubscriptionPayload, "invoicingSubscriptionWrite/saveInvoicingSubscription">, saveInvoicingSubscriptionSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    subscriptionId: ID;
+}, "invoicingSubscriptionWrite/saveInvoicingSubscriptionSuccess">, saveInvoicingSubscriptionFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingSubscriptionWrite/saveInvoicingSubscriptionFailure">, resetInvoicingSubscriptionWrite: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSubscriptionWrite/resetInvoicingSubscriptionWrite">;
+declare const _default: import("redux").Reducer<InvoicingSubscriptionWriteState>;
+export default _default;

package/lib/view/invoicing/subscriptionWrite/subscriptionWriteReducer.js

@@ -0,0 +1,40 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resetInvoicingSubscriptionWrite = exports.saveInvoicingSubscriptionFailure = exports.saveInvoicingSubscriptionSuccess = exports.saveInvoicingSubscription = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    data: undefined,
+    savedSubscriptionId: undefined,
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const subscriptionWrite = (0, toolkit_1.createSlice)({
+    name: 'invoicingSubscriptionWrite',
+    initialState: exports.initialState,
+    reducers: {
+        saveInvoicingSubscription(draft, action) {
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+            draft.savedSubscriptionId = undefined;
+            draft.data = action.payload.data;
+        },
+        saveInvoicingSubscriptionSuccess(draft, action) {
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+            draft.savedSubscriptionId = action.payload.subscriptionId;
+        },
+        saveInvoicingSubscriptionFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        resetInvoicingSubscriptionWrite(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = subscriptionWrite.actions, exports.saveInvoicingSubscription = _a.saveInvoicingSubscription, exports.saveInvoicingSubscriptionSuccess = _a.saveInvoicingSubscriptionSuccess, exports.saveInvoicingSubscriptionFailure = _a.saveInvoicingSubscriptionFailure, exports.resetInvoicingSubscriptionWrite = _a.resetInvoicingSubscriptionWrite;
+exports.default = subscriptionWrite.reducer;

package/lib/view/invoicing/subscriptionWrite/subscriptionWriteSelector.d.ts

@@ -0,0 +1,4 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { RootState } from '../../../reducer';
+export declare const getInvoicingSubscriptionWriteState: (state: RootState) => FetchStateAndError;
+export declare const getSavedInvoicingSubscriptionId: (state: RootState) => ID | undefined;

package/lib/view/invoicing/subscriptionWrite/subscriptionWriteSelector.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSavedInvoicingSubscriptionId = exports.getInvoicingSubscriptionWriteState = void 0;
+const getInvoicingSubscriptionWriteState = (state) => ({
+    fetchState: state.invoicingSubscriptionWriteState.fetchState,
+    error: state.invoicingSubscriptionWriteState.error,
+});
+exports.getInvoicingSubscriptionWriteState = getInvoicingSubscriptionWriteState;
+const getSavedInvoicingSubscriptionId = (state) => state.invoicingSubscriptionWriteState.savedSubscriptionId;
+exports.getSavedInvoicingSubscriptionId = getSavedInvoicingSubscriptionId;

package/lib/view/invoicing/transactionView/transactionViewEpics.d.ts

@@ -0,0 +1,10 @@
+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, fetchInvoicingTransactionKPIs, fetchInvoicingTransactionList, updateInvoicingTransactionDetail, updateInvoicingTransactionDetailFailure, updateInvoicingTransactionKPIs, updateInvoicingTransactionKPIsFailure, updateInvoicingTransactionList, updateInvoicingTransactionListFailure } from './transactionViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingTransactionList> | ReturnType<typeof fetchInvoicingTransactionKPIs> | ReturnType<typeof fetchInvoicingTransactionDetail> | ReturnType<typeof updateInvoicingTransactionList> | ReturnType<typeof updateInvoicingTransactionListFailure> | ReturnType<typeof updateInvoicingTransactionKPIs> | ReturnType<typeof updateInvoicingTransactionKPIsFailure> | ReturnType<typeof updateInvoicingTransactionDetail> | ReturnType<typeof updateInvoicingTransactionDetailFailure> | ReturnType<typeof updateInvoicingTransactions>;
+export declare const fetchInvoicingTransactionListEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const fetchInvoicingTransactionKPIsEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const fetchInvoicingTransactionDetailEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/transactionView/transactionViewEpics.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingTransactionDetailEpic = exports.fetchInvoicingTransactionKPIsEpic = 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 transactionViewReducer_1 = require("./transactionViewReducer");
+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.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 fetchInvoicingTransactionListEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(transactionViewReducer_1.fetchInvoicingTransactionList.match), (0, operators_1.switchMap)((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = (0, invoicingApiHelper_1.withQuery)(`${(0, invoicingApiHelper_1.invoicingBaseUrl)(zeniAPI)}/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, transactionViewReducer_1.updateInvoicingTransactionList)({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, transactionViewReducer_1.updateInvoicingTransactionListFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, transactionViewReducer_1.updateInvoicingTransactionListFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch payment list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingTransactionListEpic = fetchInvoicingTransactionListEpic;
+const fetchInvoicingTransactionKPIsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(transactionViewReducer_1.fetchInvoicingTransactionKPIs.match), (0, operators_1.switchMap)(() => {
+    const apiUrl = `${(0, invoicingApiHelper_1.invoicingBaseUrl)(zeniAPI)}/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, transactionViewReducer_1.updateInvoicingTransactionKPIs)(response.data));
+        }
+        return (0, rxjs_1.of)((0, transactionViewReducer_1.updateInvoicingTransactionKPIsFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, transactionViewReducer_1.updateInvoicingTransactionKPIsFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch payment KPIs REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingTransactionKPIsEpic = fetchInvoicingTransactionKPIsEpic;
+const fetchInvoicingTransactionDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(transactionViewReducer_1.fetchInvoicingTransactionDetail.match), (0, operators_1.switchMap)((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${(0, invoicingApiHelper_1.invoicingBaseUrl)(zeniAPI)}/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, transactionViewReducer_1.updateInvoicingTransactionDetail)({ id: response.data.id }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, transactionViewReducer_1.updateInvoicingTransactionDetailFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, transactionViewReducer_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/transactionView/transactionViewReducer.d.ts

@@ -0,0 +1,43 @@
+import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/common';
+import { InvoicingPaymentKPIs } from '../../../entity/invoicing/invoicingTypes';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+export interface InvoicingTransactionFilters {
+    customerId?: ID;
+    search?: string;
+    status?: string;
+    type?: string;
+}
+export interface InvoicingTransactionViewState extends FetchedState {
+    detailFetchState: FetchStateAndError;
+    filters: InvoicingTransactionFilters;
+    ids: ID[];
+    kpisFetchState: FetchStateAndError;
+    nextCursor: string | null;
+    detailId?: ID;
+    kpis?: InvoicingPaymentKPIs;
+    /** Active server-side sort (undefined = backend default order). */
+    sort?: InvoicingListSort;
+}
+export declare const initialState: InvoicingTransactionViewState;
+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;
+}, "invoicingTransactionView/fetchInvoicingTransactionList", never, never>, updateInvoicingTransactionList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    ids: ID[];
+    keepExistingListItems: boolean;
+    nextCursor: string | null;
+}, "invoicingTransactionView/updateInvoicingTransactionList">, updateInvoicingTransactionListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingTransactionView/updateInvoicingTransactionListFailure">, fetchInvoicingTransactionKPIs: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingTransactionView/fetchInvoicingTransactionKPIs">, updateInvoicingTransactionKPIs: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingPaymentKPIs, "invoicingTransactionView/updateInvoicingTransactionKPIs">, updateInvoicingTransactionKPIsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingTransactionView/updateInvoicingTransactionKPIsFailure">, updateInvoicingTransactionFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingTransactionFilters, "invoicingTransactionView/updateInvoicingTransactionFilters">, fetchInvoicingTransactionDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingTransactionView/fetchInvoicingTransactionDetail">, updateInvoicingTransactionDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingTransactionView/updateInvoicingTransactionDetail">, updateInvoicingTransactionDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingTransactionView/updateInvoicingTransactionDetailFailure">, clearInvoicingTransactionView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingTransactionView/clearInvoicingTransactionView">;
+declare const _default: import("redux").Reducer<InvoicingTransactionViewState>;
+export default _default;

package/lib/view/invoicing/transactionView/transactionViewReducer.js

@@ -0,0 +1,94 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingTransactionView = exports.updateInvoicingTransactionDetailFailure = exports.updateInvoicingTransactionDetail = exports.fetchInvoicingTransactionDetail = exports.updateInvoicingTransactionFilters = exports.updateInvoicingTransactionKPIsFailure = exports.updateInvoicingTransactionKPIs = exports.fetchInvoicingTransactionKPIs = exports.updateInvoicingTransactionListFailure = exports.updateInvoicingTransactionList = 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 },
+    detailId: undefined,
+    detailFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const transactionView = (0, toolkit_1.createSlice)({
+    name: 'invoicingTransactionView',
+    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,
+                    },
+                };
+            },
+        },
+        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;
+        },
+        fetchInvoicingTransactionDetail(draft, action) {
+            draft.detailId = action.payload.id;
+            draft.detailFetchState.fetchState = 'In-Progress';
+            draft.detailFetchState.error = undefined;
+        },
+        updateInvoicingTransactionDetail(draft, action) {
+            draft.detailId = action.payload.id;
+            draft.detailFetchState.fetchState = 'Completed';
+            draft.detailFetchState.error = undefined;
+        },
+        updateInvoicingTransactionDetailFailure(draft, action) {
+            draft.detailFetchState.fetchState = 'Error';
+            draft.detailFetchState.error = action.payload;
+        },
+        clearInvoicingTransactionView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = transactionView.actions, exports.fetchInvoicingTransactionList = _a.fetchInvoicingTransactionList, 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.fetchInvoicingTransactionDetail = _a.fetchInvoicingTransactionDetail, exports.updateInvoicingTransactionDetail = _a.updateInvoicingTransactionDetail, exports.updateInvoicingTransactionDetailFailure = _a.updateInvoicingTransactionDetailFailure, exports.clearInvoicingTransactionView = _a.clearInvoicingTransactionView;
+exports.default = transactionView.reducer;

package/lib/view/invoicing/transactionView/transactionViewSelector.d.ts

@@ -0,0 +1,13 @@
+import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { InvoicingPaymentKPIs, InvoicingTransaction } from '../../../entity/invoicing/invoicingTypes';
+import { RootState } from '../../../reducer';
+import { InvoicingTransactionFilters } from './transactionViewReducer';
+export declare const getInvoicingTransactionListItems: (state: RootState) => InvoicingTransaction[];
+export declare const getInvoicingTransactionListFetchState: (state: RootState) => FetchStateAndError;
+export declare const getInvoicingTransactionListNextCursor: (state: RootState) => string | null;
+export declare const getInvoicingTransactionListHasMore: (state: RootState) => boolean;
+export declare const getInvoicingTransactionListFilters: (state: RootState) => InvoicingTransactionFilters;
+export declare const getInvoicingTransactionKPIs: (state: RootState) => InvoicingPaymentKPIs | undefined;
+export declare const getInvoicingTransactionById: (state: RootState, id: string) => InvoicingTransaction | undefined;
+export declare const getInvoicingTransactionDetail: (state: RootState) => InvoicingTransaction | undefined;
+export declare const getInvoicingTransactionDetailFetchState: (state: RootState) => FetchStateAndError;

package/lib/view/invoicing/transactionView/transactionViewSelector.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingTransactionDetailFetchState = exports.getInvoicingTransactionDetail = exports.getInvoicingTransactionById = exports.getInvoicingTransactionKPIs = exports.getInvoicingTransactionListFilters = exports.getInvoicingTransactionListHasMore = exports.getInvoicingTransactionListNextCursor = exports.getInvoicingTransactionListFetchState = exports.getInvoicingTransactionListItems = void 0;
+const getInvoicingTransactionListItems = (state) => state.invoicingTransactionViewState.ids
+    .map((id) => state.invoicingTransactionState.transactionByID[id])
+    .filter((item) => item != null);
+exports.getInvoicingTransactionListItems = getInvoicingTransactionListItems;
+const getInvoicingTransactionListFetchState = (state) => ({
+    fetchState: state.invoicingTransactionViewState.fetchState,
+    error: state.invoicingTransactionViewState.error,
+});
+exports.getInvoicingTransactionListFetchState = getInvoicingTransactionListFetchState;
+const getInvoicingTransactionListNextCursor = (state) => state.invoicingTransactionViewState.nextCursor;
+exports.getInvoicingTransactionListNextCursor = getInvoicingTransactionListNextCursor;
+const getInvoicingTransactionListHasMore = (state) => state.invoicingTransactionViewState.nextCursor != null;
+exports.getInvoicingTransactionListHasMore = getInvoicingTransactionListHasMore;
+const getInvoicingTransactionListFilters = (state) => state.invoicingTransactionViewState.filters;
+exports.getInvoicingTransactionListFilters = getInvoicingTransactionListFilters;
+const getInvoicingTransactionKPIs = (state) => state.invoicingTransactionViewState.kpis;
+exports.getInvoicingTransactionKPIs = getInvoicingTransactionKPIs;
+const getInvoicingTransactionById = (state, id) => state.invoicingTransactionState.transactionByID[id];
+exports.getInvoicingTransactionById = getInvoicingTransactionById;
+const getInvoicingTransactionDetail = (state) => {
+    const id = state.invoicingTransactionViewState.detailId;
+    return id != null
+        ? state.invoicingTransactionState.transactionByID[id]
+        : undefined;
+};
+exports.getInvoicingTransactionDetail = getInvoicingTransactionDetail;
+const getInvoicingTransactionDetailFetchState = (state) => state.invoicingTransactionViewState.detailFetchState;
+exports.getInvoicingTransactionDetailFetchState = getInvoicingTransactionDetailFetchState;

package/lib/view/reviewCompanyView/reviewCompanyViewState.d.ts

@@ -3,7 +3,7 @@ import { SortOrder } from '../../commonStateTypes/selectorTypes/sortOrderTypes';
 import { OnboardingInfo } from '../../entity/company/companyStateTypes';
 import { ZeniDate } from '../../zeniDayJS';
 import { AuditSummaryPayload, ReviewCompanyPayload } from './reviewCompanyPayload';
-export declare const toReviewColumnKeyType: (v: string) => "companyName" | "notes" | "uncategorized" | "auditScore" | "miscategorized" | "warnings" | "vendorReview" | "reviewVendor";
+export declare const toReviewColumnKeyType: (v: string) => "companyName" | "notes" | "uncategorized" | "warnings" | "auditScore" | "miscategorized" | "vendorReview" | "reviewVendor";
 export type ReviewCompanyColumnKey = ReturnType<typeof toReviewColumnKeyType>;
 export type ReviewTransactionsType = 'income' | 'expense';
 export interface AuditSummary {

package/lib/view/spendManagement/billPay/billList/billListReducer.d.ts

@@ -21,7 +21,7 @@ export declare const fetchBillList: import("@reduxjs/toolkit").ActionCreatorWith
     period: TimePeriod;
     tab: "paid" | "pending_approval" | "scheduled" | "draft";
     error: ZeniAPIStatus<Record<string, unknown>>;
-}, "billList/updateBillListFailure", never, never>, updateTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"paid" | "pending_approval" | "scheduled" | "draft", "billList/updateTab">, updateSubTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"failed" | "cancelled" | "rejected" | "ach" | "wire" | "deleted" | "overdue" | "all" | "awaiting_approval" | "awaiting_my_approval" | "offline", "billList/updateSubTab">, updateSelectedBillId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "billList/updateSelectedBillId">, clearBillList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"billList/clearBillList">, updateBillDetailSaveBillCode: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<SaveBillStageCode, "billList/updateBillDetailSaveBillCode">, updateBillListUIState: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "billList/updateBillListFailure", never, never>, updateTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"paid" | "pending_approval" | "scheduled" | "draft", "billList/updateTab">, updateSubTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"failed" | "cancelled" | "rejected" | "ach" | "wire" | "deleted" | "all" | "overdue" | "awaiting_approval" | "awaiting_my_approval" | "offline", "billList/updateSubTab">, updateSelectedBillId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "billList/updateSelectedBillId">, clearBillList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"billList/clearBillList">, updateBillDetailSaveBillCode: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<SaveBillStageCode, "billList/updateBillDetailSaveBillCode">, updateBillListUIState: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     period: TimePeriod;
     uiState: Partial<BillListUIState>;
 }, "billList/updateBillListUIState">, updateSearchResult: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "billList/updateSearchResult">, updateFilterResult: import("@reduxjs/toolkit").ActionCreatorWithPayload<{

package/lib/view/spendManagement/billPay/billList/billListState.d.ts

@@ -35,7 +35,7 @@ export type SaveBillStageCode = 'draft' | 'pending_approval' | undefined;
 export declare const ALL_BILL_TABS: readonly ["paid", "pending_approval", "scheduled", "draft"];
 declare const toBillTabType: (v: string) => "paid" | "pending_approval" | "scheduled" | "draft";
 export type BillTab = ReturnType<typeof toBillTabType>;
-declare const toBillsSubTabType: (v: string) => "failed" | "cancelled" | "rejected" | "ach" | "wire" | "deleted" | "overdue" | "all" | "awaiting_approval" | "awaiting_my_approval" | "offline";
+declare const toBillsSubTabType: (v: string) => "failed" | "cancelled" | "rejected" | "ach" | "wire" | "deleted" | "all" | "overdue" | "awaiting_approval" | "awaiting_my_approval" | "offline";
 export type BillsSubTabType = ReturnType<typeof toBillsSubTabType>;
 declare const toBillPaySortKeyType: (v: string) => "amount" | "status" | "name" | "dueDate" | "paymentMethod" | "invoiceNumber" | "invoiceDate";
 export declare type BillPayViewSortKey = ReturnType<typeof toBillPaySortKeyType>;

package/lib/view/spendManagement/reimbursement/remiListView/remiListReducer.d.ts

@@ -27,7 +27,7 @@ export declare const fetchRemiList: import("@reduxjs/toolkit").ActionCreatorWith
 }, "remiList/updateRemiListFailure", never, never>, updateRemiListUIState: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     period: TimePeriod;
     uiState: Partial<RemiListUIState>;
-}, "remiList/updateRemiListUIState">, updateTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"paid" | "pending_approval" | "scheduled" | "draft", "remiList/updateTab">, updateSubTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"failed" | "cancelled" | "rejected" | "ach" | "wire" | "deleted" | "overdue" | "all" | "myDrafts" | "awaitingApproval" | "awaitingMyApproval" | "awaitingAllApproval", "remiList/updateSubTab">, updateSelectedRemiId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "remiList/updateSelectedRemiId">, clearRemiList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"remiList/clearRemiList">, updateRemiDetailSaveRemiCode: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<SaveRemiStageCode, "remiList/updateRemiDetailSaveRemiCode">, updateSearchResult: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "remiList/updateSearchResult">, updateFilterResult: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "remiList/updateRemiListUIState">, updateTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"paid" | "pending_approval" | "scheduled" | "draft", "remiList/updateTab">, updateSubTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"failed" | "cancelled" | "rejected" | "ach" | "wire" | "deleted" | "all" | "overdue" | "myDrafts" | "awaitingApproval" | "awaitingMyApproval" | "awaitingAllApproval", "remiList/updateSubTab">, updateSelectedRemiId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "remiList/updateSelectedRemiId">, clearRemiList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"remiList/clearRemiList">, updateRemiDetailSaveRemiCode: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<SaveRemiStageCode, "remiList/updateRemiDetailSaveRemiCode">, updateSearchResult: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "remiList/updateSearchResult">, updateFilterResult: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     filters: ReimbursementFilters;
 }, "remiList/updateFilterResult">, updateRemiListDownloadUIState: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     uiState: Partial<RemiListDownloadUIState>;

package/lib/view/spendManagement/reimbursement/remiListView/remiListState.d.ts

@@ -33,10 +33,10 @@ export declare const ALL_REMI_TABS: readonly ["paid", "pending_approval", "sched
 export declare const toRemiTabType: (v: string) => "paid" | "pending_approval" | "scheduled" | "draft";
 export declare const toRemiTabTypeStrict: (v: string) => "paid" | "pending_approval" | "scheduled" | "draft" | undefined;
 export type RemiTabType = ReturnType<typeof toRemiTabType>;
-export declare const toRemiSubTabType: (v: string) => "failed" | "cancelled" | "rejected" | "ach" | "wire" | "deleted" | "overdue" | "all" | "myDrafts" | "awaitingApproval" | "awaitingMyApproval" | "awaitingAllApproval";
-export declare const toRemiSubTabTypeStrict: (v: string) => "failed" | "cancelled" | "rejected" | "ach" | "wire" | "deleted" | "overdue" | "all" | "myDrafts" | "awaitingApproval" | "awaitingMyApproval" | "awaitingAllApproval" | undefined;
+export declare const toRemiSubTabType: (v: string) => "failed" | "cancelled" | "rejected" | "ach" | "wire" | "deleted" | "all" | "overdue" | "myDrafts" | "awaitingApproval" | "awaitingMyApproval" | "awaitingAllApproval";
+export declare const toRemiSubTabTypeStrict: (v: string) => "failed" | "cancelled" | "rejected" | "ach" | "wire" | "deleted" | "all" | "overdue" | "myDrafts" | "awaitingApproval" | "awaitingMyApproval" | "awaitingAllApproval" | undefined;
 export type RemiSubTabType = ReturnType<typeof toRemiSubTabType>;
-export declare const toRemiSubTabUnderScoreType: (v: string) => "failed" | "cancelled" | "rejected" | "ach" | "wire" | "deleted" | "overdue" | "all" | "awaiting_approval" | "awaiting_my_approval" | "my_drafts" | "awaiting_all_approval";
+export declare const toRemiSubTabUnderScoreType: (v: string) => "failed" | "cancelled" | "rejected" | "ach" | "wire" | "deleted" | "all" | "overdue" | "awaiting_approval" | "awaiting_my_approval" | "my_drafts" | "awaiting_all_approval";
 export type RemiSubTabUnderScoreType = ReturnType<typeof toRemiSubTabUnderScoreType>;
 declare const toReimbursementSortKeyType: (v: string) => "amount" | "status" | "type" | "createdBy" | "submittedOn" | "reportName";
 export type ReimbursementViewSortKey = ReturnType<typeof toReimbursementSortKeyType>;

package/lib/zeniAPI.d.ts

@@ -15,6 +15,7 @@ export interface RESTAPIEndpoints {
     readonly documentAIMicroServiceBaseUrl: string;
     readonly fileMicroServiceBaseUrl: string;
     readonly insightsMicroServiceBaseUrl: string;
+    readonly invoicingMicroServiceBaseUrl: string;
     readonly noAuthMicroServiceBaseUrl: string;
     readonly notificationMicroServiceBaseUrl: string;
     readonly payMicroServiceBaseUrl: string;