@zeniai/client-epic-state 5.1.59 → 5.1.60-betaAK0

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>;

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

@@ -0,0 +1,28 @@
+"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 fetch, skipping it when 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 }));
+    }
+    return (0, rxjs_1.concat)((0, rxjs_1.from)(pageActions));
+}));
+exports.fetchInvoicingTransactionListPageEpic = fetchInvoicingTransactionListPageEpic;

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

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

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,30 @@
+import { ID } from '../../../commonStateTypes/common';
+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">, updateInvoicingTransactionFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingTransactionFilters, "invoicingTransactionListView/updateInvoicingTransactionFilters">, addInvoicingTransactionToList: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "invoicingTransactionListView/addInvoicingTransactionToList">, 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,88 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingTransactionListView = exports.addInvoicingTransactionToList = exports.updateInvoicingTransactionFilters = 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: {},
+    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;
+        },
+        updateInvoicingTransactionFilters(draft, action) {
+            draft.filters = action.payload;
+        },
+        // Reflect a newly recorded payment's transaction in the cached list so the
+        // payments page shows it without refetching. The list view has no counts
+        // slice, so we only prepend the id (dedup/no-op if already present).
+        addInvoicingTransactionToList(draft, action) {
+            const id = action.payload;
+            if (draft.ids.includes(id)) {
+                return;
+            }
+            draft.ids = [id, ...draft.ids];
+        },
+        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.updateInvoicingTransactionFilters = _a.updateInvoicingTransactionFilters, exports.addInvoicingTransactionToList = _a.addInvoicingTransactionToList, exports.clearInvoicingTransactionListView = _a.clearInvoicingTransactionListView;
+exports.default = invoicingTransactionListView.reducer;

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

@@ -0,0 +1,19 @@
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingTransaction } from '../../../entity/invoicing/invoicingTransaction/invoicingTransactionState';
+import { RootState } from '../../../reducer';
+import { InvoicingListSort } from '../invoicingApiHelper';
+import { InvoicingTransactionColumnConfig, InvoicingTransactionFilters, InvoicingTransactionTabId } from './invoicingTransactionListViewState';
+export interface InvoicingTransactionListView extends SelectorView {
+    columns: InvoicingTransactionColumnConfig[];
+    filters: InvoicingTransactionFilters;
+    nextCursor: string | null;
+    tabIds: InvoicingTransactionTabId[];
+    transactions: InvoicingTransaction[];
+    sort?: InvoicingListSort;
+}
+/**
+ * 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,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingTransactionListView = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const invoicingTransactionSelector_1 = require("../../../entity/invoicing/invoicingTransaction/invoicingTransactionSelector");
+const invoicingTransactionListViewState_1 = require("./invoicingTransactionListViewState");
+/**
+ * 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) => ({
+    columns: invoicingTransactionListViewState_1.INVOICING_TRANSACTION_COLUMNS,
+    transactions: (0, invoicingTransactionSelector_1.getInvoicingTransactionsByIds)(transactionState, listViewState.ids),
+    filters: listViewState.filters,
+    nextCursor: listViewState.nextCursor,
+    fetchState: listViewState.fetchState,
+    error: listViewState.error,
+    tabIds: invoicingTransactionListViewState_1.INVOICING_TRANSACTION_TABS,
+    sort: listViewState.sort,
+    version: 1.0,
+}));

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

@@ -0,0 +1,40 @@
+import { FetchedState, ID } from '../../../commonStateTypes/common';
+import { InvoicingListSort } from '../invoicingApiHelper';
+export interface InvoicingTransactionFilters {
+    customerId?: ID;
+    search?: string;
+    status?: string;
+    type?: string;
+}
+export declare const ALL_INVOICING_TRANSACTION_SORT_KEYS: readonly ["transaction", "customer", "method", "date", "type", "gateway", "status", "amount"];
+export declare const toInvoicingTransactionSortKey: (v: string) => "date" | "amount" | "status" | "type" | "transaction" | "customer" | "gateway" | "method";
+export type InvoicingTransactionSortKey = ReturnType<typeof toInvoicingTransactionSortKey>;
+/**
+ * Structural column descriptor owned by CES so the payments-list column set,
+ * ordering and sortability live next to the `InvoicingTransaction` 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 InvoicingTransactionColumnConfig {
+    key: InvoicingTransactionSortKey;
+    sortable: boolean;
+}
+export declare const INVOICING_TRANSACTION_COLUMNS: InvoicingTransactionColumnConfig[];
+export declare const ALL_INVOICING_TRANSACTION_TAB_IDS: readonly ["all", "payment", "refund", "authorization", "payment_reversal"];
+export declare const toInvoicingTransactionTabId: (v: string) => "refund" | "payment" | "all" | "authorization" | "payment_reversal";
+export type InvoicingTransactionTabId = ReturnType<typeof toInvoicingTransactionTabId>;
+/**
+ * Ordered filter-tab id set owned by CES so the transaction-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_TRANSACTION_TABS: InvoicingTransactionTabId[];
+export interface InvoicingTransactionListViewState extends FetchedState {
+    filters: InvoicingTransactionFilters;
+    ids: ID[];
+    nextCursor: string | null;
+    /** Active server-side sort (undefined = backend default order). */
+    sort?: InvoicingListSort;
+}

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.INVOICING_TRANSACTION_TABS = exports.toInvoicingTransactionTabId = exports.ALL_INVOICING_TRANSACTION_TAB_IDS = exports.INVOICING_TRANSACTION_COLUMNS = exports.toInvoicingTransactionSortKey = exports.ALL_INVOICING_TRANSACTION_SORT_KEYS = void 0;
+const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
+exports.ALL_INVOICING_TRANSACTION_SORT_KEYS = [
+    'transaction',
+    'customer',
+    'method',
+    'date',
+    'type',
+    'gateway',
+    'status',
+    'amount',
+];
+const toInvoicingTransactionSortKey = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_TRANSACTION_SORT_KEYS);
+exports.toInvoicingTransactionSortKey = toInvoicingTransactionSortKey;
+exports.INVOICING_TRANSACTION_COLUMNS = [
+    { key: 'transaction', sortable: true },
+    { key: 'customer', sortable: true },
+    { key: 'method', sortable: true },
+    { key: 'date', sortable: true },
+    { key: 'type', sortable: true },
+    { key: 'gateway', sortable: true },
+    { key: 'status', sortable: true },
+    { key: 'amount', sortable: true },
+];
+exports.ALL_INVOICING_TRANSACTION_TAB_IDS = [
+    'all',
+    'payment',
+    'refund',
+    'authorization',
+    'payment_reversal',
+];
+const toInvoicingTransactionTabId = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_TRANSACTION_TAB_IDS);
+exports.toInvoicingTransactionTabId = toInvoicingTransactionTabId;
+/**
+ * Ordered filter-tab id set owned by CES so the transaction-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_TRANSACTION_TABS = [
+    ...exports.ALL_INVOICING_TRANSACTION_TAB_IDS,
+];

package/lib/view/invoicing/issueCreditNote/issueCreditNoteEpic.d.ts

@@ -0,0 +1,9 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingCreditNotes } from '../../../entity/invoicing/creditNote/creditNoteReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { fetchInvoiceDetail } from '../invoiceDetail/invoiceDetailReducer';
+import { issueCreditNoteFailure, issueCreditNoteSuccess, submitIssueCreditNote } from './issueCreditNoteReducer';
+export type ActionType = ReturnType<typeof submitIssueCreditNote> | ReturnType<typeof issueCreditNoteSuccess> | ReturnType<typeof issueCreditNoteFailure> | ReturnType<typeof updateInvoicingCreditNotes> | ReturnType<typeof fetchInvoiceDetail>;
+export declare const issueCreditNoteEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/issueCreditNote/issueCreditNoteEpic.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.issueCreditNoteEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const creditNoteReducer_1 = require("../../../entity/invoicing/creditNote/creditNoteReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const invoiceDetailReducer_1 = require("../invoiceDetail/invoiceDetailReducer");
+const issueCreditNotePayload_1 = require("./issueCreditNotePayload");
+const issueCreditNoteReducer_1 = require("./issueCreditNoteReducer");
+const issueCreditNoteEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(issueCreditNoteReducer_1.submitIssueCreditNote.match), (0, operators_1.mergeMap)(() => {
+    const { draft } = state$.value.invoicingIssueCreditNoteState;
+    const { invoiceId } = draft;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/invoices/${encodeURIComponent(invoiceId)}/issue-credit-note`;
+    const body = (0, issueCreditNotePayload_1.localDataToIssueCreditNotePayload)(draft);
+    return zeniAPI
+        .postAndGetJSON(apiUrl, body)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return [
+                (0, creditNoteReducer_1.updateInvoicingCreditNotes)([response.data], 'merge'),
+                (0, invoiceDetailReducer_1.fetchInvoiceDetail)({ invoiceId }),
+                (0, issueCreditNoteReducer_1.issueCreditNoteSuccess)({ creditNoteId: response.data.id }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, issueCreditNoteReducer_1.issueCreditNoteFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, issueCreditNoteReducer_1.issueCreditNoteFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Issue credit note REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.issueCreditNoteEpic = issueCreditNoteEpic;

package/lib/view/invoicing/issueCreditNote/issueCreditNoteFormConfig.d.ts

@@ -0,0 +1,4 @@
+import { IssueCreditNoteFormLocalData } from './issueCreditNoteState';
+export declare const INVOICING_CREDIT_NOTE_REASON_CODES: readonly ["service_credit", "billing_error", "duplicate_charge", "pricing_correction", "goodwill", "other"];
+export type InvoicingCreditNoteReasonCode = (typeof INVOICING_CREDIT_NOTE_REASON_CODES)[number];
+export declare const initialIssueCreditNoteFormLocalData: (invoiceId?: string) => IssueCreditNoteFormLocalData;

package/lib/view/invoicing/issueCreditNote/issueCreditNoteFormConfig.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initialIssueCreditNoteFormLocalData = exports.INVOICING_CREDIT_NOTE_REASON_CODES = void 0;
+exports.INVOICING_CREDIT_NOTE_REASON_CODES = [
+    'service_credit',
+    'billing_error',
+    'duplicate_charge',
+    'pricing_correction',
+    'goodwill',
+    'other',
+];
+const initialIssueCreditNoteFormLocalData = (invoiceId = '') => ({
+    invoiceId,
+    lineItems: [],
+    reasonCode: '',
+});
+exports.initialIssueCreditNoteFormLocalData = initialIssueCreditNoteFormLocalData;

package/lib/view/invoicing/issueCreditNote/issueCreditNotePayload.d.ts

@@ -0,0 +1,30 @@
+import { InvoicingCreditNotePayload } from '../../../entity/invoicing/creditNote/creditNotePayload';
+import { InvoicingInvoice } from '../../../entity/invoicing/invoice/invoiceState';
+import { ZeniAPIResponse } from '../../../responsePayload';
+import { IssueCreditNoteFormLocalData, IssueCreditNoteLineItemDraft } from './issueCreditNoteState';
+export interface IssueCreditNoteLineItemRequest {
+    description: string;
+    quantity: number;
+    unit_amount: number;
+    amount?: number;
+    entity_type?: string;
+    id?: string;
+    product_code?: string;
+}
+export interface IssueCreditNoteRequest {
+    line_items: IssueCreditNoteLineItemRequest[];
+    type: 'adjustment';
+    reason_code?: string;
+}
+export type IssueCreditNoteResponse = ZeniAPIResponse<InvoicingCreditNotePayload>;
+export type CreateCreditNoteRequest = {
+    customer_id: string;
+    line_items: IssueCreditNoteLineItemRequest[];
+    type: 'adjustment';
+    reason_code?: string;
+    reference_invoice_id?: string;
+};
+export type CreateCreditNoteResponse = ZeniAPIResponse<InvoicingCreditNotePayload>;
+export declare const computeIssueCreditNoteTotal: (lineItems: IssueCreditNoteLineItemDraft[]) => number;
+export declare const localDataToIssueCreditNotePayload: (localData: IssueCreditNoteFormLocalData) => IssueCreditNoteRequest;
+export declare const initializeIssueCreditNoteDraftFromInvoice: (invoice: InvoicingInvoice) => IssueCreditNoteFormLocalData;