@zeniai/client-epic-state 5.1.60 → 5.1.61

package/lib/esm/view/expenseAutomationView/epics/transactionCategorization/markTransactionAsNotMiscategorizedEpic.js

@@ -10,7 +10,7 @@ import { getSnackbarMessageForTransactionReview } from '../../helpers/transactio
 import { fetchTransactionCategorizationView, markTransactionAsNotMiscategorized, updateStatusForTransactionNotMiscategorizedUpdateForCategorization, updateTotalCountForTransactionCategorization, } from '../../reducers/transactionsViewReducer';
 export const markTransactionAsNotMiscategorizedEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(markTransactionAsNotMiscategorized.match), mergeMap((action) => {
     const { expenseAutomationViewState, expenseAutomationTransactionsViewState, } = state$.value;
-    const { transactionsInReview, selectedTab, } = action.payload;
+    const { transactionsInReview, selectedTab } = action.payload;
     const transactionsSuccess = transactionsInReview.transactions_update_success;
     const transactionsFailed = transactionsInReview.transactions_update_failed;
     const currentTenant = getCurrentTenant(state$.value);

package/lib/esm/view/expenseAutomationView/epics/transactionCategorization/saveTransactionCategorizationEpic.js

@@ -6,7 +6,7 @@ import { getUncategorizedAccounts } from '../../../accountList/accountListSelect
 import { toTransactionUpdatesFromTransactionCategorizationLocalData } from '../../helpers/saveTransactionHelper';
 import { saveTransactionCategorization, updateTransactionCategorization, } from '../../reducers/transactionsViewReducer';
 export const saveTransactionCategorizationEpic = (actions$, state$) => actions$.pipe(filter(saveTransactionCategorization.match), mergeMap((action) => {
-    const { transactionIds, cotTrackingByTransactionId, selectedTab, } = action.payload;
+    const { transactionIds, cotTrackingByTransactionId, selectedTab } = action.payload;
     const fetchActions = [];
     const { transactionState, expenseAutomationTransactionsViewState } = state$.value;
     const transactionSaveUpdates = [];

package/lib/esm/view/expenseAutomationView/epics/transactionCategorization/triggerReviewTabRefetchEpic.js

@@ -4,7 +4,7 @@ import { convertToPeriod, toAbsoluteDay, } from '../../../../commonStateTypes/ti
 import { getCurrentTenant } from '../../../../entity/tenant/tenantSelector';
 import { backgroundRefetchReviewTab, syncTransactionCategorizationFromDetailSave, } from '../../reducers/transactionsViewReducer';
 export const triggerReviewTabRefetchEpic = (actions$, state$) => actions$.pipe(filter(syncTransactionCategorizationFromDetailSave.match), mergeMap((action) => {
-    const { pendingReviewLineIds, transactionId, } = action.payload;
+    const { pendingReviewLineIds, transactionId } = action.payload;
     if (pendingReviewLineIds.length === 0) {
         return EMPTY;
     }

package/lib/esm/view/expenseAutomationView/helpers/mapStatementUpdateLocalDataToRequestBody.js

@@ -9,9 +9,7 @@ const prepareStatementUpdateLocalData = (localData, parsedStatementData) => {
         !localDeletedIds.includes(transaction.statementTransactionId))
         .map((transaction) => transaction.statementTransactionId));
     const mergedDeletedIds = mergeStatementParseDeletedTransactionIds(statementTransactions, statementPeriod, currentTransactionIds);
-    const deletedIds = [
-        ...new Set([...localDeletedIds, ...mergedDeletedIds]),
-    ];
+    const deletedIds = [...new Set([...localDeletedIds, ...mergedDeletedIds])];
     const localUpdated = localData.statementTransactions?.updated ?? [];
     if (deletedIds.length === localDeletedIds.length &&
         deletedIds.every((id) => localDeletedIds.includes(id))) {

package/lib/esm/view/expenseAutomationView/reducers/transactionsViewReducer.js

@@ -165,8 +165,7 @@ const expenseAutomationTransactionsView = createSlice({
                 // Only overwrite when explicitly set; undefined means a non-search fetch
                 // (tab switch, period change) should preserve the existing search string.
                 if (searchString !== undefined) {
-                    draft.transactionCategorizationView[selectedTab].uiState.searchString =
-                        searchString;
+                    draft.transactionCategorizationView[selectedTab].uiState.searchString = searchString;
                     // When search is cleared, drop all sub-tab snapshots. A snapshot
                     // captured while search was active holds filtered row IDs — restoring
                     // it after the clear would show stale search results instead of the
@@ -1002,7 +1001,7 @@ const expenseAutomationTransactionsView = createSlice({
                 };
             },
             reducer(draft, action) {
-                const { transactionId, updatedTransaction, pendingReviewLineIds, } = action.payload;
+                const { transactionId, updatedTransaction, pendingReviewLineIds } = action.payload;
                 const txnId = transactionId.id;
                 const reviewTabView = draft.transactionCategorizationView.review;
                 const autoTabView = draft.transactionCategorizationView.autoCategorized;

package/lib/esm/view/expenseAutomationView/selectors/reconciliationViewSelector.js

@@ -13,8 +13,8 @@ import { date } from '../../../zeniDayJS';
 import { getAccountList, getNestedAccountListHierarchy, } from '../../accountList/accountListSelector';
 import { getClassList, getNestedClassListHierarchy, } from '../../classList/classListSelector';
 import { initialActionFetchState, initialReconciliationTabsState, initialState, } from '../reducers/reconciliationViewReducer';
-import { getParsedStatementDataForView, getStatementTransactionPeriodById, } from './statementParseViewSelector';
 import { getAllSteps } from '../selectorTypes/expenseAutomationViewSelectorTypes';
+import { getParsedStatementDataForView, getStatementTransactionPeriodById, } from './statementParseViewSelector';
 export const getExpenseAutomationReconciliationView = createSelector((state) => state, (state) => getCurrentTenant(state), (state) => state.expenseAutomationReconciliationViewState, (state) => state.expenseAutomationViewState, (state) => state.plaidAccountViewState, (state) => state.accountListState, (state) => state.accountState, (state) => state.classListState, (state) => state.classState, (state) => state.monthEndCloseChecksState, (state) => state.vendorState, (state) => state.monthEndCloseChecksViewState, (state, currentTenant, reconciliationViewState, expenseAutomationViewState, plaidAccountViewState, accountListState, accountState, classListState, classState, monthEndCloseChecksState, vendorState, monthEndCloseChecksViewState) => {
     const { selectedPeriodByTenantId } = expenseAutomationViewState;
     const reconcileTabUiState = reconciliationViewState.reconTabsState.reconcile.uiState;
@@ -455,7 +455,8 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
         summary: summaryWithTimeSaved,
     };
 });
-export const getReparseStatementStatusByAccountId = (state, accountId) => getExpenseAutomationReconciliationView(state).accountReconciliationsByAccountID[accountId]?.reparseStatementStatus;
+export const getReparseStatementStatusByAccountId = (state, accountId) => getExpenseAutomationReconciliationView(state)
+    .accountReconciliationsByAccountID[accountId]?.reparseStatementStatus;
 export const isAccountReconReport = (reportId) => {
     return reportId.endsWith('reconciliation');
 };

package/lib/esm/view/fileView/fileUploadHelpers.js

@@ -70,8 +70,7 @@ export async function uploadFiles(fileBlobs, metadataPayload, filesEndPoint, aut
             return undefined;
         }
         const responseBody = await httpResponse.json();
-        if (responseBody?.status?.code >= 200 &&
-            responseBody?.status?.code < 300) {
+        if (responseBody?.status?.code >= 200 && responseBody?.status?.code < 300) {
             return responseBody.data?.files;
         }
         console.error(`Upload files failed with ${responseBody?.status?.message ?? 'unknown API error'}`);

package/lib/esm/view/invoicing/auditView/auditViewEpics.js

@@ -0,0 +1,54 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { INVOICING_LIST_PAGE_SIZE, applyListSortParams, withQuery, } from '../invoicingApiHelper';
+import { mapAuditLogEntry } from './auditViewPayload';
+import { fetchInvoicingAuditLog, updateInvoicingAuditLog, updateInvoicingAuditLogFailure, } from './auditViewReducer';
+const SERVER_SORTABLE_FIELDS = new Set(['time', 'action']);
+const buildFilterJson = (filters) => {
+    const filterPayload = {};
+    if (filters.search != null && filters.search.length > 0) {
+        filterPayload.search = filters.search;
+    }
+    if (filters.action != null && filters.action.length > 0) {
+        filterPayload.action = filters.action;
+    }
+    if (filters.dateFrom != null && filters.dateFrom.length > 0) {
+        filterPayload.date_from = filters.dateFrom;
+    }
+    if (filters.dateTo != null && filters.dateTo.length > 0) {
+        filterPayload.date_to = filters.dateTo;
+    }
+    return filterPayload;
+};
+const buildQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    const filterPayload = buildFilterJson(filters);
+    if (Object.keys(filterPayload).length > 0) {
+        params.set('filter', JSON.stringify(filterPayload));
+    }
+    params.set('limit', String(INVOICING_LIST_PAGE_SIZE));
+    if (cursor != null) {
+        params.set('cursor', cursor);
+    }
+    if (sort != null && SERVER_SORTABLE_FIELDS.has(sort.field)) {
+        applyListSortParams(params, sort);
+    }
+    return params;
+};
+export const fetchInvoicingAuditLogEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingAuditLog.match), switchMap((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = withQuery(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/audit-log`, buildQuery(filters, cursor, sort));
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            const items = (response.data?.items ?? []).map(mapAuditLogEntry);
+            return of(updateInvoicingAuditLog({
+                items,
+                nextCursor: response.data?.next_cursor ?? null,
+                keepExistingListItems,
+            }));
+        }
+        return of(updateInvoicingAuditLogFailure(response.status));
+    }), catchError((error) => of(updateInvoicingAuditLogFailure(createZeniAPIStatus('Unexpected Error', 'Fetch audit log REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/auditView/auditViewPayload.js

@@ -0,0 +1,64 @@
+function mapEntityLink(link) {
+    return {
+        entityType: link.entity_type,
+        entityId: link.entity_id,
+        label: link.label,
+        contextKey: link.context_key ?? undefined,
+    };
+}
+function mapDisplaySegment(segment) {
+    return {
+        type: segment.type,
+        text: segment.text ?? undefined,
+        entityType: segment.entity_type ?? undefined,
+        entityId: segment.entity_id ?? undefined,
+        label: segment.label ?? undefined,
+    };
+}
+function mapExtra(extra) {
+    return {
+        key: extra.key,
+        label: extra.label,
+        value: extra.value,
+        displayType: extra.display_type,
+    };
+}
+function firstNonEmpty(...values) {
+    for (const value of values) {
+        const trimmed = value?.trim();
+        if (trimmed != null && trimmed !== '') {
+            return trimmed;
+        }
+    }
+    return undefined;
+}
+function formatActor(actor, sourceLabel) {
+    const name = firstNonEmpty(actor.display_name, actor.email, actor.user_id) ?? '—';
+    if (sourceLabel != null && sourceLabel !== '') {
+        return `${name} · ${sourceLabel}`;
+    }
+    return name;
+}
+export function mapAuditLogEntry(entry) {
+    const sourceLabel = entry.source_label ?? '';
+    return {
+        id: entry.id,
+        time: entry.time,
+        timestamp: entry.timestamp,
+        actor: formatActor(entry.actor, sourceLabel),
+        source: entry.source,
+        sourceLabel: sourceLabel || undefined,
+        action: entry.action,
+        entityId: entry.entity_id,
+        entityType: entry.entity_type,
+        customerId: entry.customer_id ?? undefined,
+        target: entry.target,
+        meta: entry.detail,
+        targetLink: entry.target_link
+            ? mapEntityLink(entry.target_link)
+            : undefined,
+        detailSegments: (entry.detail_segments ?? []).map(mapDisplaySegment),
+        links: (entry.links ?? []).map(mapEntityLink),
+        extras: (entry.extras ?? []).map(mapExtra),
+    };
+}

package/lib/esm/view/invoicing/auditView/auditViewReducer.js

@@ -0,0 +1,56 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    items: [],
+    nextCursor: null,
+    filters: {},
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const auditView = createSlice({
+    name: 'invoicingAuditView',
+    initialState,
+    reducers: {
+        fetchInvoicingAuditLog: {
+            reducer(draft, action) {
+                if (!action.payload.keepExistingListItems) {
+                    draft.items = [];
+                    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,
+                    },
+                };
+            },
+        },
+        updateInvoicingAuditLog(draft, action) {
+            draft.items = action.payload.keepExistingListItems
+                ? [...draft.items, ...action.payload.items]
+                : action.payload.items;
+            draft.nextCursor = action.payload.nextCursor;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingAuditLogFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        clearInvoicingAuditView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingAuditLog, updateInvoicingAuditLog, updateInvoicingAuditLogFailure, clearInvoicingAuditView, } = auditView.actions;
+export default auditView.reducer;

package/lib/esm/view/invoicing/auditView/auditViewSelector.js

@@ -0,0 +1,17 @@
+/**
+ * Single bundled view for the invoicing audit log — consumers read only this.
+ * Carries the log `items`, pagination (`nextCursor` + derived `hasMore`), the
+ * active `filters`, and the fetch state/error.
+ */
+export const getInvoicingAuditView = (state) => {
+    const auditState = state.invoicingAuditViewState;
+    return {
+        filters: auditState.filters,
+        hasMore: auditState.nextCursor != null,
+        items: auditState.items,
+        nextCursor: auditState.nextCursor,
+        fetchState: auditState.fetchState,
+        error: auditState.error,
+        version: 1.0,
+    };
+};

package/lib/esm/view/invoicing/auditView/auditViewState.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/invoicing/catalogAction/catalogActionEpic.js

@@ -0,0 +1,56 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { mergeInvoicingPlanSubFamily, updateInvoicingPlans, } from '../../../entity/invoicing/plan/planReducer';
+import { updateInvoicingProducts } from '../../../entity/invoicing/product/productReducer';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { runInvoicingCatalogPlanAction, runInvoicingCatalogPlanActionFailure, runInvoicingCatalogPlanActionSuccess, runInvoicingCatalogProductAction, runInvoicingCatalogProductActionFailure, runInvoicingCatalogProductActionSuccess, } from './catalogActionReducer';
+export const runInvoicingCatalogPlanActionEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(runInvoicingCatalogPlanAction.match), mergeMap((action) => {
+    const { action: kind, id } = action.payload;
+    const requestBody = { action: kind };
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/catalog/plans/${encodeURIComponent(id)}/actions`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, requestBody)
+        .pipe(mergeMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingPlans([response.data], 'merge'),
+                runInvoicingCatalogPlanActionSuccess({ id }),
+            ];
+        }
+        return of(runInvoicingCatalogPlanActionFailure({
+            error: response.status,
+            id,
+        }));
+    }), catchError((error) => of(runInvoicingCatalogPlanActionFailure({
+        error: createZeniAPIStatus('Unexpected Error', 'Catalog plan action REST API call errored out ' +
+            JSON.stringify(error)),
+        id,
+    }))));
+}));
+export const runInvoicingCatalogProductActionEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(runInvoicingCatalogProductAction.match), mergeMap((action) => {
+    const { action: kind, id, parentItemId } = action.payload;
+    const requestBody = { action: kind };
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/catalog/products/${encodeURIComponent(id)}/actions`;
+    const stateKey = parentItemId ?? id;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, requestBody)
+        .pipe(mergeMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingProducts([response.data], 'merge'),
+                ...(parentItemId != null
+                    ? [mergeInvoicingPlanSubFamily(parentItemId, response.data)]
+                    : []),
+                runInvoicingCatalogProductActionSuccess({ id: stateKey }),
+            ];
+        }
+        return of(runInvoicingCatalogProductActionFailure({
+            error: response.status,
+            id: stateKey,
+        }));
+    }), catchError((error) => of(runInvoicingCatalogProductActionFailure({
+        error: createZeniAPIStatus('Unexpected Error', 'Catalog product action REST API call errored out ' +
+            JSON.stringify(error)),
+        id: stateKey,
+    }))));
+}));

package/lib/esm/view/invoicing/catalogAction/catalogActionPayload.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/invoicing/catalogAction/catalogActionReducer.js

@@ -0,0 +1,55 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    byId: {},
+};
+const catalogAction = createSlice({
+    name: 'invoicingCatalogAction',
+    initialState,
+    reducers: {
+        runInvoicingCatalogPlanAction(draft, action) {
+            draft.byId[action.payload.id] = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        runInvoicingCatalogPlanActionSuccess(draft, action) {
+            draft.byId[action.payload.id] = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        runInvoicingCatalogPlanActionFailure(draft, action) {
+            draft.byId[action.payload.id] = {
+                fetchState: 'Error',
+                error: action.payload.error,
+            };
+        },
+        runInvoicingCatalogProductAction(draft, action) {
+            const key = action.payload.parentItemId ?? action.payload.id;
+            draft.byId[key] = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        runInvoicingCatalogProductActionSuccess(draft, action) {
+            draft.byId[action.payload.id] = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        runInvoicingCatalogProductActionFailure(draft, action) {
+            draft.byId[action.payload.id] = {
+                fetchState: 'Error',
+                error: action.payload.error,
+            };
+        },
+        clearInvoicingCatalogAction(draft, action) {
+            delete draft.byId[action.payload];
+        },
+        clearAllInvoicingCatalogActions(draft) {
+            draft.byId = {};
+        },
+    },
+});
+export const { runInvoicingCatalogPlanAction, runInvoicingCatalogPlanActionSuccess, runInvoicingCatalogPlanActionFailure, runInvoicingCatalogProductAction, runInvoicingCatalogProductActionSuccess, runInvoicingCatalogProductActionFailure, clearInvoicingCatalogAction, clearAllInvoicingCatalogActions, } = catalogAction.actions;
+export default catalogAction.reducer;

package/lib/esm/view/invoicing/catalogAction/catalogActionSelector.js

@@ -0,0 +1,5 @@
+const NOT_STARTED = {
+    fetchState: 'Not-Started',
+    error: undefined,
+};
+export const getInvoicingCatalogActionState = (id) => (state) => state.invoicingCatalogActionState.byId[id] ?? NOT_STARTED;

package/lib/esm/view/invoicing/catalogAction/catalogActionState.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/invoicing/couponView/couponViewEpics.js

@@ -0,0 +1,79 @@
+import { concat, from, of } from 'rxjs';
+import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
+import { updateInvoicingCoupons } from '../../../entity/invoicing/coupon/couponReducer';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { INVOICING_LIST_PAGE_SIZE, applyListSortParams, withQuery, } from '../invoicingApiHelper';
+import { fetchInvoicingCouponCounts, fetchInvoicingCouponList, fetchInvoicingCouponListPage, updateInvoicingCouponCounts, updateInvoicingCouponCountsFailure, updateInvoicingCouponList, updateInvoicingCouponListFailure, } from './couponViewReducer';
+/**
+ * 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');
+const buildQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    if (filters.status != null && filters.status.length > 0) {
+        params.set('status', filters.status);
+    }
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    params.set('limit', String(INVOICING_LIST_PAGE_SIZE));
+    if (cursor != null) {
+        params.set('cursor', cursor);
+    }
+    applyListSortParams(params, sort);
+    return params;
+};
+export const fetchInvoicingCouponListEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCouponList.match), switchMap((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = withQuery(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/discounts`, buildQuery(filters, cursor, sort));
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            const items = response.data?.items ?? [];
+            return [
+                updateInvoicingCoupons(items, 'merge'),
+                updateInvoicingCouponList({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return of(updateInvoicingCouponListFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCouponListFailure(createZeniAPIStatus('Unexpected Error', 'Fetch discount list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingCouponCountsEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCouponCounts.match), switchMap(() => {
+    const { filters } = state$.value.invoicingCouponViewState;
+    const params = new URLSearchParams();
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    const apiUrl = withQuery(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/discounts/counts`, params);
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingCouponCounts(response.data));
+        }
+        return of(updateInvoicingCouponCountsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCouponCountsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch discount counts REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+/**
+ * Orchestrates the discounts list page: on `fetchInvoicingCouponListPage`, fans
+ * out to the list and counts fetches, skipping any whose data is already
+ * cached unless `cacheOverride` is set (e.g. on a filter/sort change).
+ */
+export const fetchInvoicingCouponListPageEpic = (actions$, state$) => actions$.pipe(filter(fetchInvoicingCouponListPage.match), mergeMap((action) => {
+    const { cacheOverride, filters, sort } = action.payload;
+    const state = state$.value.invoicingCouponViewState;
+    const pageActions = [];
+    if (shouldFetch({ fetchState: state.fetchState, error: state.error }, cacheOverride)) {
+        pageActions.push(fetchInvoicingCouponList({ filters, sort }));
+    }
+    if (shouldFetch(state.countsFetchState, cacheOverride)) {
+        pageActions.push(fetchInvoicingCouponCounts());
+    }
+    return concat(from(pageActions));
+}));

package/lib/esm/view/invoicing/couponView/couponViewPayload.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/invoicing/couponView/couponViewReducer.js

@@ -0,0 +1,109 @@
+import { createSlice } from '@reduxjs/toolkit';
+// The discounts-list tabs look up counts by tab id ('active' / 'inactive'),
+// while a coupon's status is 'active' | 'expired' | 'archived'. Collapse the
+// non-active statuses onto the 'inactive' tab; a newly created coupon with no
+// status defaults to 'active'.
+function couponStatusToTabCountKey(status) {
+    return status == null || status === 'active' ? 'active' : 'inactive';
+}
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    ids: [],
+    nextCursor: null,
+    filters: {},
+    counts: { all: 0 },
+    countsFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const couponView = createSlice({
+    name: 'invoicingCouponView',
+    initialState,
+    reducers: {
+        fetchInvoicingCouponList: {
+            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,
+                    },
+                };
+            },
+        },
+        fetchInvoicingCouponListPage: {
+            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,
+                    },
+                };
+            },
+        },
+        updateInvoicingCouponList(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;
+        },
+        updateInvoicingCouponListFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        fetchInvoicingCouponCounts(draft) {
+            draft.countsFetchState.fetchState = 'In-Progress';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingCouponCounts(draft, action) {
+            draft.counts = action.payload;
+            draft.countsFetchState.fetchState = 'Completed';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingCouponCountsFailure(draft, action) {
+            draft.countsFetchState.fetchState = 'Error';
+            draft.countsFetchState.error = action.payload;
+        },
+        updateInvoicingCouponFilters(draft, action) {
+            draft.filters = action.payload;
+        },
+        // Reflect a newly created coupon in the cached discounts list + tab counts
+        // so the list page shows it without refetching from the server. Edits keep
+        // the same id/counts, so only creates dispatch this.
+        addInvoicingCouponToList(draft, action) {
+            const { id, status } = action.payload;
+            if (draft.ids.includes(id)) {
+                return;
+            }
+            draft.ids = [id, ...draft.ids];
+            draft.counts.all += 1;
+            const tabCountKey = couponStatusToTabCountKey(status);
+            draft.counts[tabCountKey] = (draft.counts[tabCountKey] ?? 0) + 1;
+        },
+        clearInvoicingCouponView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingCouponList, fetchInvoicingCouponListPage, updateInvoicingCouponList, updateInvoicingCouponListFailure, fetchInvoicingCouponCounts, updateInvoicingCouponCounts, updateInvoicingCouponCountsFailure, updateInvoicingCouponFilters, addInvoicingCouponToList, clearInvoicingCouponView, } = couponView.actions;
+export default couponView.reducer;

package/lib/esm/view/invoicing/couponView/couponViewSelector.js

@@ -0,0 +1,34 @@
+import { createSelector } from '@reduxjs/toolkit';
+import { INVOICING_COUPON_COLUMNS, INVOICING_COUPON_TABS, } from './couponViewState';
+export const getInvoicingCouponListItems = (state) => state.invoicingCouponViewState.ids
+    .map((id) => state.invoicingCouponState.couponByID[id])
+    .filter((item) => item != null);
+export const getInvoicingCouponListFetchState = (state) => ({
+    fetchState: state.invoicingCouponViewState.fetchState,
+    error: state.invoicingCouponViewState.error,
+});
+export const getInvoicingCouponListNextCursor = (state) => state.invoicingCouponViewState.nextCursor;
+export const getInvoicingCouponListHasMore = (state) => state.invoicingCouponViewState.nextCursor != null;
+export const getInvoicingCouponListFilters = (state) => state.invoicingCouponViewState.filters;
+export const getInvoicingCouponCounts = (state) => state.invoicingCouponViewState.counts;
+/**
+ * Bundled read view for the discounts list page: the denormalized coupon rows
+ * plus list counts and their fetch states. Memoized so the `coupons`
+ * array (and the wrapping view object) keep referential identity until the
+ * coupon entity slice or the list-view slice actually change.
+ */
+export const getInvoicingCouponListView = createSelector((state) => state.invoicingCouponState, (state) => state.invoicingCouponViewState, (couponState, listViewState) => ({
+    columns: INVOICING_COUPON_COLUMNS,
+    coupons: listViewState.ids
+        .map((id) => couponState.couponByID[id])
+        .filter((item) => item != null),
+    count: listViewState.counts,
+    countsFetchState: listViewState.countsFetchState,
+    filters: listViewState.filters,
+    nextCursor: listViewState.nextCursor,
+    tabIds: INVOICING_COUPON_TABS,
+    fetchState: listViewState.fetchState,
+    error: listViewState.error,
+    sort: listViewState.sort,
+    version: 1.0,
+}));