@zeniai/client-epic-state 5.2.40 → 5.2.41-beta2MM

package/lib/view/expenseAutomationView/reducers/actualMatchingViewReducer.js

@@ -0,0 +1,501 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateActualMatchingUIState = exports.undoReversalAccrualsSuccess = exports.undoReversalAccrualsFailure = exports.undoReversalAccruals = exports.searchMatchTransactionsSuccess = exports.searchMatchTransactionsFailure = exports.searchMatchTransactions = exports.searchMatchAccrualsSuccess = exports.searchMatchAccrualsFailure = exports.searchMatchAccruals = exports.openMatchNewModal = exports.matchAndReverseAccrualsSuccess = exports.matchAndReverseAccrualsFailure = exports.matchAndReverseAccruals = exports.ignoreActualMatchingSuggestionSuccess = exports.ignoreActualMatchingSuggestionFailure = exports.ignoreActualMatchingSuggestion = exports.fetchActualMatchingSuccess = exports.fetchActualMatchingPage = exports.fetchActualMatchingMatchSuccess = exports.fetchActualMatchingMatchFailure = exports.fetchActualMatchingMatch = exports.fetchActualMatchingFailure = exports.fetchActualMatching = exports.closeMatchNewModal = exports.clearMatchNewModal = exports.clearActualMatchingView = exports.ackCloseMatchAfterUndo = exports.ackCloseMatchAfterIgnore = exports.initialState = exports.initialMatchModalState = exports.initialAccrualSearchState = exports.initialTransactionSearchState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const timePeriod_1 = require("../../../commonStateTypes/timePeriod");
+const jeScheduleHelper_1 = require("../../../entity/jeSchedules/jeScheduleHelper");
+const responsePayload_1 = require("../../../responsePayload");
+const rootActions_1 = require("../../../rootActions");
+const actualMatchingViewState_1 = require("../types/actualMatchingViewState");
+exports.initialTransactionSearchState = {
+    query: '',
+    results: [],
+    fetchState: 'Not-Started',
+    error: undefined,
+    nextPageToken: null,
+    isLoadingMore: false,
+};
+exports.initialAccrualSearchState = {
+    query: '',
+    results: [],
+    fetchState: 'Not-Started',
+    error: undefined,
+    nextPageToken: null,
+    isLoadingMore: false,
+};
+exports.initialMatchModalState = {
+    isOpen: false,
+    openedFromMatchId: undefined,
+    didPinPrefillTransactions: false,
+    pinnedTransactionResults: [],
+    transactionSearch: exports.initialTransactionSearchState,
+    accrualSearch: exports.initialAccrualSearchState,
+    confirmStatus: { fetchState: 'Not-Started', error: undefined },
+};
+exports.initialState = {
+    matchIdsByPeriod: {},
+    fetchState: 'Not-Started',
+    error: undefined,
+    refreshStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    detailFetchStateByMatchId: {},
+    detailRefreshStatusByMatchId: {},
+    uiState: {
+        sortKey: 'date',
+        sortOrder: 'descending',
+        searchString: '',
+        scrollPosition: { scrollTop: 0, scrollLeft: undefined },
+    },
+    matchModal: exports.initialMatchModalState,
+    undoReversalStatusByMatchId: {},
+    ignoreStatusByMatchId: {},
+    closeMatchAfterUndo: false,
+    lastMatchResultsByMatchId: {},
+    lastUndoResultsByMatchId: {},
+    hasValidState() {
+        return this.fetchState == 'Completed';
+    },
+};
+function pruneLastMatchResultsForUndone(draft, matchId, results) {
+    const undoneIds = new Set(results
+        .filter((result) => result.status === 'undone')
+        .map((result) => result.accrualId));
+    if (undoneIds.size === 0) {
+        return;
+    }
+    const existing = draft.lastMatchResultsByMatchId[matchId];
+    if (existing == null) {
+        return;
+    }
+    const kept = existing.filter((result) => !undoneIds.has(result.accrualId));
+    if (kept.length === 0) {
+        delete draft.lastMatchResultsByMatchId[matchId];
+        return;
+    }
+    draft.lastMatchResultsByMatchId[matchId] = kept;
+}
+function pruneLastUndoResultsForMatched(draft, matchId, results) {
+    const matchedIds = new Set(results.map((result) => result.accrualId));
+    if (matchedIds.size === 0) {
+        return;
+    }
+    const existing = draft.lastUndoResultsByMatchId[matchId];
+    if (existing == null) {
+        return;
+    }
+    const kept = existing.filter((result) => !matchedIds.has(result.accrualId));
+    if (kept.length === 0) {
+        delete draft.lastUndoResultsByMatchId[matchId];
+        return;
+    }
+    draft.lastUndoResultsByMatchId[matchId] = kept;
+}
+function resetMatchModalSearches(draft) {
+    draft.matchModal.transactionSearch = exports.initialTransactionSearchState;
+    draft.matchModal.accrualSearch = exports.initialAccrualSearchState;
+    draft.matchModal.confirmStatus = {
+        fetchState: 'Not-Started',
+        error: undefined,
+    };
+    draft.matchModal.lastBatchResults = undefined;
+    draft.matchModal.openedFromMatchId = undefined;
+    draft.matchModal.didPinPrefillTransactions = false;
+    draft.matchModal.pinnedTransactionResults = [];
+}
+const expenseAutomationActualMatchingView = (0, toolkit_1.createSlice)({
+    name: 'expenseAutomationActualMatchingView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchActualMatchingPage: {
+            prepare(period, refreshViewInBackground = false) {
+                return {
+                    payload: {
+                        period,
+                        refreshViewInBackground,
+                    },
+                };
+            },
+            reducer() {
+                // Epic-only fan-out.
+            },
+        },
+        fetchActualMatching: {
+            reducer(draft, action) {
+                const { refreshViewInBackground } = action.payload;
+                if (refreshViewInBackground) {
+                    draft.refreshStatus = { fetchState: 'In-Progress', error: undefined };
+                    if (draft.fetchState === 'Not-Started') {
+                        draft.fetchState = 'In-Progress';
+                    }
+                }
+                else {
+                    draft.fetchState = 'In-Progress';
+                    draft.error = undefined;
+                }
+            },
+            prepare(period, refreshViewInBackground = false) {
+                return {
+                    payload: {
+                        period,
+                        refreshViewInBackground,
+                    },
+                };
+            },
+        },
+        fetchActualMatchingSuccess(draft, action) {
+            const { matchIds, selectedPeriod, refreshViewInBackground } = action.payload;
+            const periodId = (0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod);
+            draft.matchIdsByPeriod[periodId] = matchIds;
+            if (refreshViewInBackground) {
+                draft.refreshStatus = { fetchState: 'Completed', error: undefined };
+                if (draft.fetchState !== 'Completed') {
+                    draft.fetchState = 'Completed';
+                    draft.error = undefined;
+                }
+            }
+            else {
+                draft.fetchState = 'Completed';
+                draft.error = undefined;
+            }
+        },
+        fetchActualMatchingFailure(draft, action) {
+            const { status, refreshViewInBackground, selectedPeriod } = action.payload;
+            const periodId = (0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod);
+            // Stamp an empty slot so the selector does not remap this month's Error
+            // to leftover Not-Started chrome. Do not clobber ids from a prior success.
+            if (draft.matchIdsByPeriod[periodId] == null) {
+                draft.matchIdsByPeriod[periodId] = [];
+            }
+            if (refreshViewInBackground) {
+                draft.refreshStatus = { fetchState: 'Error', error: status };
+                if (draft.fetchState !== 'Completed') {
+                    draft.fetchState = 'Error';
+                    draft.error = status;
+                }
+            }
+            else {
+                draft.fetchState = 'Error';
+                draft.error = status;
+            }
+        },
+        fetchActualMatchingMatch: {
+            prepare(matchId, refreshViewInBackground = false) {
+                return { payload: { matchId, refreshViewInBackground } };
+            },
+            reducer(draft, action) {
+                const { matchId, refreshViewInBackground } = action.payload;
+                if (refreshViewInBackground) {
+                    draft.detailRefreshStatusByMatchId[matchId] = {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    };
+                }
+                else {
+                    draft.detailFetchStateByMatchId[matchId] = {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    };
+                }
+            },
+        },
+        fetchActualMatchingMatchSuccess(draft, action) {
+            const { matchId, refreshViewInBackground } = action.payload;
+            if (refreshViewInBackground) {
+                draft.detailRefreshStatusByMatchId[matchId] = {
+                    fetchState: 'Completed',
+                    error: undefined,
+                };
+            }
+            else {
+                draft.detailFetchStateByMatchId[matchId] = {
+                    fetchState: 'Completed',
+                    error: undefined,
+                };
+            }
+        },
+        fetchActualMatchingMatchFailure(draft, action) {
+            const { matchId, refreshViewInBackground, status } = action.payload;
+            if (refreshViewInBackground) {
+                draft.detailRefreshStatusByMatchId[matchId] = {
+                    fetchState: 'Error',
+                    error: status,
+                };
+            }
+            else {
+                draft.detailFetchStateByMatchId[matchId] = {
+                    fetchState: 'Error',
+                    error: status,
+                };
+            }
+        },
+        updateActualMatchingUIState(draft, action) {
+            if (action.payload.sortKey != null) {
+                draft.uiState.sortKey = action.payload.sortKey;
+            }
+            if (action.payload.sortOrder != null) {
+                draft.uiState.sortOrder = action.payload.sortOrder;
+            }
+            if (action.payload.searchString != null) {
+                draft.uiState.searchString = action.payload.searchString;
+            }
+            if (action.payload.scrollPosition != null) {
+                draft.uiState.scrollPosition = action.payload.scrollPosition;
+            }
+        },
+        openMatchNewModal: {
+            prepare(matchId) {
+                return { payload: { matchId } };
+            },
+            reducer(draft, action) {
+                resetMatchModalSearches(draft);
+                draft.matchModal.isOpen = true;
+                const matchId = action.payload.matchId;
+                draft.matchModal.openedFromMatchId =
+                    matchId != null && matchId !== '' ? matchId : undefined;
+                if (draft.matchModal.openedFromMatchId != null) {
+                    draft.matchModal.accrualSearch.fetchState = 'Completed';
+                }
+            },
+        },
+        // Dismiss (Cancel / overlay). Store reset matches `clearMatchNewModal`;
+        // the actions stay distinct so confirm-success vs user-dismiss stay observable.
+        closeMatchNewModal(draft) {
+            draft.matchModal.isOpen = false;
+            resetMatchModalSearches(draft);
+        },
+        // Confirm-success / host reset. Same slice write as close; different action type.
+        clearMatchNewModal(draft) {
+            draft.matchModal.isOpen = false;
+            resetMatchModalSearches(draft);
+        },
+        searchMatchTransactions: {
+            reducer(draft, action) {
+                const { query, pageToken } = action.payload;
+                const isLoadMore = pageToken != null;
+                draft.matchModal.transactionSearch.query = query;
+                if (isLoadMore) {
+                    draft.matchModal.transactionSearch.isLoadingMore = true;
+                }
+                else {
+                    draft.matchModal.transactionSearch.isLoadingMore = false;
+                    draft.matchModal.transactionSearch.results = [];
+                    draft.matchModal.transactionSearch.nextPageToken = null;
+                    draft.matchModal.transactionSearch.fetchState = 'In-Progress';
+                    draft.matchModal.transactionSearch.error = undefined;
+                }
+            },
+            prepare(query, pageToken, transactionType, transactionIntegrationId) {
+                return {
+                    payload: {
+                        query,
+                        pageToken: pageToken ?? undefined,
+                        transactionType,
+                        transactionIntegrationId,
+                    },
+                };
+            },
+        },
+        searchMatchTransactionsSuccess(draft, action) {
+            const { append, nextPageToken, results } = action.payload;
+            if (append) {
+                const merged = [
+                    ...draft.matchModal.transactionSearch.results,
+                    ...results,
+                ];
+                const byKey = new Map(merged.map((result) => [
+                    (0, actualMatchingViewState_1.actualMatchingTransactionLineKey)(result.transactionType, result.transactionIntegrationId, result.lineId),
+                    result,
+                ]));
+                draft.matchModal.transactionSearch.results = Array.from(byKey.values());
+            }
+            else {
+                draft.matchModal.transactionSearch.results = results;
+                if (draft.matchModal.openedFromMatchId != null &&
+                    !draft.matchModal.didPinPrefillTransactions) {
+                    draft.matchModal.didPinPrefillTransactions = true;
+                    draft.matchModal.pinnedTransactionResults = results;
+                }
+            }
+            draft.matchModal.transactionSearch.nextPageToken = nextPageToken;
+            draft.matchModal.transactionSearch.isLoadingMore = false;
+            draft.matchModal.transactionSearch.fetchState = 'Completed';
+            draft.matchModal.transactionSearch.error = undefined;
+        },
+        searchMatchTransactionsFailure(draft, action) {
+            draft.matchModal.transactionSearch.isLoadingMore = false;
+            draft.matchModal.transactionSearch.fetchState = 'Error';
+            draft.matchModal.transactionSearch.error = action.payload.error;
+        },
+        searchMatchAccruals: {
+            reducer(draft, action) {
+                const { query, pageToken } = action.payload;
+                const isLoadMore = pageToken != null;
+                draft.matchModal.accrualSearch.query = query;
+                if (isLoadMore) {
+                    draft.matchModal.accrualSearch.isLoadingMore = true;
+                }
+                else {
+                    draft.matchModal.accrualSearch.isLoadingMore = false;
+                    draft.matchModal.accrualSearch.results = [];
+                    draft.matchModal.accrualSearch.nextPageToken = null;
+                    draft.matchModal.accrualSearch.fetchState = 'In-Progress';
+                    draft.matchModal.accrualSearch.error = undefined;
+                }
+            },
+            prepare(query, pageToken) {
+                return { payload: { query, pageToken: pageToken ?? undefined } };
+            },
+        },
+        searchMatchAccrualsSuccess(draft, action) {
+            const { append, nextPageToken, results } = action.payload;
+            const keys = results.map((accrual) => (0, jeScheduleHelper_1.generateJEOneTimeAccrualKey)(accrual._id));
+            if (append) {
+                const merged = [...draft.matchModal.accrualSearch.results, ...keys];
+                draft.matchModal.accrualSearch.results = Array.from(new Set(merged));
+            }
+            else {
+                draft.matchModal.accrualSearch.results = keys;
+            }
+            draft.matchModal.accrualSearch.nextPageToken = nextPageToken;
+            draft.matchModal.accrualSearch.isLoadingMore = false;
+            draft.matchModal.accrualSearch.fetchState = 'Completed';
+            draft.matchModal.accrualSearch.error = undefined;
+        },
+        searchMatchAccrualsFailure(draft, action) {
+            draft.matchModal.accrualSearch.isLoadingMore = false;
+            draft.matchModal.accrualSearch.fetchState = 'Error';
+            draft.matchModal.accrualSearch.error = action.payload.error;
+        },
+        matchAndReverseAccruals: {
+            reducer(draft) {
+                draft.matchModal.confirmStatus = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(transactionId, transactionIntegrationId, transactionType, lineIds, transactionSyncToken, accrualIds) {
+                return {
+                    payload: {
+                        transactionId,
+                        transactionIntegrationId,
+                        transactionType,
+                        lineIds,
+                        transactionSyncToken,
+                        accrualIds,
+                    },
+                };
+            },
+        },
+        matchAndReverseAccrualsSuccess(draft, action) {
+            const { results } = action.payload;
+            const allComplete = results.length > 0 &&
+                results.every((result) => (0, actualMatchingViewState_1.isMatchAndReverseCompleteStatus)(result.status));
+            draft.matchModal.confirmStatus = allComplete
+                ? { fetchState: 'Completed', error: undefined }
+                : {
+                    fetchState: 'Error',
+                    error: (0, responsePayload_1.createZeniAPIStatus)('Partial match-and-reverse', 'Some accruals were not reversed'),
+                };
+            draft.matchModal.lastBatchResults = results;
+            if (action.payload.matchId != null) {
+                draft.lastMatchResultsByMatchId[action.payload.matchId] = results;
+                pruneLastUndoResultsForMatched(draft, action.payload.matchId, action.payload.results);
+            }
+        },
+        matchAndReverseAccrualsFailure(draft, action) {
+            draft.matchModal.confirmStatus = {
+                fetchState: 'Error',
+                error: action.payload.status,
+            };
+        },
+        undoReversalAccruals: {
+            reducer(draft, action) {
+                draft.undoReversalStatusByMatchId[action.payload.matchId] = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(matchId, accrualIds) {
+                return { payload: { matchId, accrualIds } };
+            },
+        },
+        undoReversalAccrualsSuccess: {
+            reducer(draft, action) {
+                const { matchId, results } = action.payload;
+                draft.undoReversalStatusByMatchId[matchId] = {
+                    fetchState: 'Completed',
+                    error: undefined,
+                };
+                const allUndone = results.length > 0 &&
+                    results.every((result) => result.status === 'undone');
+                draft.closeMatchAfterUndo = allUndone;
+                pruneLastMatchResultsForUndone(draft, matchId, results);
+                if (allUndone) {
+                    delete draft.lastUndoResultsByMatchId[matchId];
+                }
+                else {
+                    draft.lastUndoResultsByMatchId[matchId] = results;
+                }
+            },
+            prepare(matchId, results) {
+                return { payload: { matchId, results } };
+            },
+        },
+        ackCloseMatchAfterUndo(draft) {
+            draft.closeMatchAfterUndo = false;
+        },
+        ignoreActualMatchingSuggestion: {
+            prepare(matchId, reason, note) {
+                return { payload: { matchId, reason, note } };
+            },
+            reducer(draft, action) {
+                draft.ignoreStatusByMatchId[action.payload.matchId] = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+        },
+        ignoreActualMatchingSuggestionSuccess(draft, action) {
+            const { matchId } = action.payload;
+            draft.ignoreStatusByMatchId[matchId] = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+            draft.closeMatchAfterIgnoreMatchId = matchId;
+            if (draft.matchModal.openedFromMatchId === matchId) {
+                draft.matchModal = exports.initialMatchModalState;
+            }
+            Object.keys(draft.matchIdsByPeriod).forEach((periodId) => {
+                draft.matchIdsByPeriod[periodId] = draft.matchIdsByPeriod[periodId].filter((id) => id !== matchId);
+            });
+        },
+        ignoreActualMatchingSuggestionFailure(draft, action) {
+            draft.ignoreStatusByMatchId[action.payload.matchId] = {
+                fetchState: 'Error',
+                error: action.payload.status,
+            };
+        },
+        ackCloseMatchAfterIgnore(draft) {
+            draft.closeMatchAfterIgnoreMatchId = undefined;
+        },
+        undoReversalAccrualsFailure(draft, action) {
+            draft.undoReversalStatusByMatchId[action.payload.matchId] = {
+                fetchState: 'Error',
+                error: action.payload.status,
+            };
+        },
+        clearActualMatchingView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+    extraReducers: (builder) => {
+        builder.addCase(rootActions_1.clearAll, (draft) => {
+            Object.assign(draft, exports.initialState);
+        });
+    },
+});
+_a = expenseAutomationActualMatchingView.actions, exports.ackCloseMatchAfterIgnore = _a.ackCloseMatchAfterIgnore, exports.ackCloseMatchAfterUndo = _a.ackCloseMatchAfterUndo, exports.clearActualMatchingView = _a.clearActualMatchingView, exports.clearMatchNewModal = _a.clearMatchNewModal, exports.closeMatchNewModal = _a.closeMatchNewModal, exports.fetchActualMatching = _a.fetchActualMatching, exports.fetchActualMatchingFailure = _a.fetchActualMatchingFailure, exports.fetchActualMatchingMatch = _a.fetchActualMatchingMatch, exports.fetchActualMatchingMatchFailure = _a.fetchActualMatchingMatchFailure, exports.fetchActualMatchingMatchSuccess = _a.fetchActualMatchingMatchSuccess, exports.fetchActualMatchingPage = _a.fetchActualMatchingPage, exports.fetchActualMatchingSuccess = _a.fetchActualMatchingSuccess, exports.ignoreActualMatchingSuggestion = _a.ignoreActualMatchingSuggestion, exports.ignoreActualMatchingSuggestionFailure = _a.ignoreActualMatchingSuggestionFailure, exports.ignoreActualMatchingSuggestionSuccess = _a.ignoreActualMatchingSuggestionSuccess, exports.matchAndReverseAccruals = _a.matchAndReverseAccruals, exports.matchAndReverseAccrualsFailure = _a.matchAndReverseAccrualsFailure, exports.matchAndReverseAccrualsSuccess = _a.matchAndReverseAccrualsSuccess, exports.openMatchNewModal = _a.openMatchNewModal, exports.searchMatchAccruals = _a.searchMatchAccruals, exports.searchMatchAccrualsFailure = _a.searchMatchAccrualsFailure, exports.searchMatchAccrualsSuccess = _a.searchMatchAccrualsSuccess, exports.searchMatchTransactions = _a.searchMatchTransactions, exports.searchMatchTransactionsFailure = _a.searchMatchTransactionsFailure, exports.searchMatchTransactionsSuccess = _a.searchMatchTransactionsSuccess, exports.undoReversalAccruals = _a.undoReversalAccruals, exports.undoReversalAccrualsFailure = _a.undoReversalAccrualsFailure, exports.undoReversalAccrualsSuccess = _a.undoReversalAccrualsSuccess, exports.updateActualMatchingUIState = _a.updateActualMatchingUIState;
+exports.default = expenseAutomationActualMatchingView.reducer;

package/lib/view/expenseAutomationView/reducers/jeSchedulesViewReducer.d.ts

@@ -43,17 +43,18 @@ export declare const clearExpenseAutomationJESchedulesView: import("@reduxjs/too
     accrualId: string;
     reason: "duplicate" | "amount_off" | "wrong_period" | "other_revert" | "not_accrual";
     note: string | undefined;
-}, "expenseAutomationJESchedulesView/revertOneTimeAccrual", never, never>, fetchAccountSettingsListForAccountTypes: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"expenseAutomationJESchedulesView/fetchAccountSettingsListForAccountTypes">, fetchJeSchedules: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[period: TimePeriod, refreshViewInBackground?: any, selectedPageTab?: "schedules" | "existing_schedules" | undefined], {
+}, "expenseAutomationJESchedulesView/revertOneTimeAccrual", never, never>, fetchAccountSettingsListForAccountTypes: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"expenseAutomationJESchedulesView/fetchAccountSettingsListForAccountTypes">, fetchJeSchedules: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[period: TimePeriod, refreshViewInBackground?: any, selectedPageTab?: "schedules" | "actual_matching" | "existing_schedules" | undefined], {
     period: TimePeriod;
     refreshViewInBackground: any;
-    selectedPageTab: "schedules" | "existing_schedules" | undefined;
+    selectedPageTab: "schedules" | "actual_matching" | "existing_schedules" | undefined;
 }, "expenseAutomationJESchedulesView/fetchJeSchedules", never, never>, fetchJeSchedulesFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     selectedPageTab: JEPageTab;
     selectedPeriod: MonthYearPeriod;
     status: ZeniAPIStatus;
-}, "expenseAutomationJESchedulesView/fetchJeSchedulesFailure">, fetchJeSchedulesPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[period: TimePeriod, refreshViewInBackground?: any], {
+}, "expenseAutomationJESchedulesView/fetchJeSchedulesFailure">, fetchJeSchedulesPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[period: TimePeriod, refreshViewInBackground?: any, isAccrualEnabled?: any], {
     period: TimePeriod;
     refreshViewInBackground: any;
+    isAccrualEnabled: any;
 }, "expenseAutomationJESchedulesView/fetchJeSchedulesPage", never, never>, fetchJeSchedulesSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     accruedJeSchedules: JEAccruedScheduledTransactionPayload[];
     failedJeSchedules: JEScheduledTransactionPayload[];
@@ -141,10 +142,10 @@ export declare const clearExpenseAutomationJESchedulesView: import("@reduxjs/too
 }, "expenseAutomationJESchedulesView/updateJeOneTimeAccrualLocalData">, updateJeScheduleLocalDataById: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     localData: Partial<JEScheduleLocalData>;
     scheduledJournalEntryID: ID;
-}, "expenseAutomationJESchedulesView/updateJeScheduleLocalDataById">, updateJeScheduleTransactionKeys: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[jeScheduleKeys: (`${string}_expense_${string}` | `${string}_check_${string}` | `${string}_invoice_${string}` | `${string}_payment_${string}` | `${string}_credit_memo_${string}` | `${string}_sales_receipt_${string}` | `${string}_delayed_credit_${string}` | `${string}_delayed_charge_${string}` | `${string}_refund_${string}` | `${string}_bill_${string}` | `${string}_bill_payment_${string}` | `${string}_bill_payment_check_${string}` | `${string}_bill_payment_credit_card_${string}` | `${string}_vendor_credit_${string}` | `${string}_credit_card_credit_${string}` | `${string}_transfer_${string}` | `${string}_credit_card_payment_${string}` | `${string}_deposit_${string}` | `${string}_journal_entry_${string}`)[], selectedPeriod: MonthYearPeriod, selectedPageTab: "schedules" | "existing_schedules"], {
+}, "expenseAutomationJESchedulesView/updateJeScheduleLocalDataById">, updateJeScheduleTransactionKeys: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[jeScheduleKeys: (`${string}_expense_${string}` | `${string}_check_${string}` | `${string}_invoice_${string}` | `${string}_payment_${string}` | `${string}_credit_memo_${string}` | `${string}_sales_receipt_${string}` | `${string}_delayed_credit_${string}` | `${string}_delayed_charge_${string}` | `${string}_refund_${string}` | `${string}_bill_${string}` | `${string}_bill_payment_${string}` | `${string}_bill_payment_check_${string}` | `${string}_bill_payment_credit_card_${string}` | `${string}_vendor_credit_${string}` | `${string}_credit_card_credit_${string}` | `${string}_transfer_${string}` | `${string}_credit_card_payment_${string}` | `${string}_deposit_${string}` | `${string}_journal_entry_${string}`)[], selectedPeriod: MonthYearPeriod, selectedPageTab: "schedules" | "actual_matching" | "existing_schedules"], {
     jeScheduleKeys: (`${string}_expense_${string}` | `${string}_check_${string}` | `${string}_invoice_${string}` | `${string}_payment_${string}` | `${string}_credit_memo_${string}` | `${string}_sales_receipt_${string}` | `${string}_delayed_credit_${string}` | `${string}_delayed_charge_${string}` | `${string}_refund_${string}` | `${string}_bill_${string}` | `${string}_bill_payment_${string}` | `${string}_bill_payment_check_${string}` | `${string}_bill_payment_credit_card_${string}` | `${string}_vendor_credit_${string}` | `${string}_credit_card_credit_${string}` | `${string}_transfer_${string}` | `${string}_credit_card_payment_${string}` | `${string}_deposit_${string}` | `${string}_journal_entry_${string}`)[];
     selectedPeriod: MonthYearPeriod;
-    selectedPageTab: "schedules" | "existing_schedules";
+    selectedPageTab: "schedules" | "actual_matching" | "existing_schedules";
 }, "expenseAutomationJESchedulesView/updateJeScheduleTransactionKeys", never, never>, updateNewScheduleLocalData: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     localData: Partial<NewScheduleLocalDataFixedAssets>;
     scheduleType: "fixed_assets" | "prepaid_expenses";

package/lib/view/expenseAutomationView/reducers/jeSchedulesViewReducer.js

@@ -111,11 +111,12 @@ const expenseAutomationJESchedulesView = (0, toolkit_1.createSlice)({
     initialState: exports.initialState,
     reducers: {
         fetchJeSchedulesPage: {
-            prepare(period, refreshViewInBackground = false) {
+            prepare(period, refreshViewInBackground = false, isAccrualEnabled = false) {
                 return {
                     payload: {
                         period,
                         refreshViewInBackground,
+                        isAccrualEnabled,
                     },
                 };
             },

package/lib/view/expenseAutomationView/selectorTypes/actualMatchingViewSelectorTypes.d.ts

@@ -0,0 +1,88 @@
+import { Amount } from '../../../commonStateTypes/amount';
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { JEOneTimeAccrual } from '../../../entity/jeSchedules/jeSchedulesSelector';
+import { ZeniDate } from '../../../zeniDayJS';
+import { ActualMatchingTransactionSearchResult, ActualMatchingViewUIState, MatchAndReverseResult } from '../types/actualMatchingViewState';
+export type ActualMatchingRowKind = 'auto_reversed' | 'pending_review' | 'manually_reversed';
+export type ActualMatchingGroupedAccrual = {
+    accrualId: ID;
+    estimatedAmount?: Amount;
+    jeDebitAccountName?: string;
+    memo?: string;
+    serviceMonth?: string;
+};
+export interface ActualMatchingRow extends JEOneTimeAccrual {
+    accruedAmount: Amount;
+    actualAmount: Amount;
+    kind: ActualMatchingRowKind;
+    matchId: string;
+    groupedAccrualIds?: ID[];
+    groupedMembers?: ActualMatchingGroupedAccrual[];
+    intendedAccrualIds?: ID[];
+    leftovers?: ActualMatchingGroupedAccrual[];
+    matchShape?: string;
+    matchTier?: string;
+    reversalDate?: ZeniDate;
+    transactionDate?: string;
+    transactionType?: string;
+}
+export interface ActualMatchingKpiSummary {
+    actualsReceived: {
+        count: number;
+        expectedCount: number;
+        vendorsPending: number;
+    };
+    autoReversed: {
+        clearedAmount: number;
+        count: number;
+        percent: number;
+    };
+    pendingReview: {
+        amount: number;
+        count: number;
+        estimatedMinutesToClear: number;
+    };
+    variance: {
+        averagePercentPerMatch: number;
+        netAmount: number;
+        percent: number;
+    };
+}
+export interface ActualMatchingMatchModalView {
+    accrualSearch: {
+        fetchState: FetchStateAndError;
+        isLoadingMore: boolean;
+        nextPageToken: string | null;
+        query: string;
+        results: JEOneTimeAccrual[];
+    };
+    confirmStatus: FetchStateAndError;
+    isOpen: boolean;
+    transactionSearch: {
+        fetchState: FetchStateAndError;
+        isLoadingMore: boolean;
+        nextPageToken: string | null;
+        query: string;
+        results: ActualMatchingTransactionSearchResult[];
+    };
+    lastBatchResults?: MatchAndReverseResult[];
+    openedFromMatchId?: string;
+    prefill?: {
+        selectedAccrualIds: ID[];
+        actualAmount?: number;
+        consumedLineIds?: ID[];
+        matchedLineId?: string;
+        matchedTransactionId?: string;
+    };
+}
+export interface ExpenseAutomationActualMatchingViewSelector extends SelectorView {
+    hasLoadedForSelectedPeriod: boolean;
+    ignoreStatusByMatchId: Record<string, FetchStateAndError>;
+    kpiSummary: ActualMatchingKpiSummary;
+    matchModal: ActualMatchingMatchModalView;
+    pendingReview: ActualMatchingRow[];
+    refreshStatus: FetchStateAndError;
+    reversed: ActualMatchingRow[];
+    uiState: ActualMatchingViewUIState;
+}

package/lib/view/expenseAutomationView/selectorTypes/actualMatchingViewSelectorTypes.js

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

package/lib/view/expenseAutomationView/selectorTypes/expenseAutomationViewSelectorTypes.d.ts

@@ -6,6 +6,7 @@ import { MonthEndCloseChecksView } from '../../../view/monthEndCloseChecksView/m
 import { CompanyMonthEndReportSelectorView } from '../../companyMonthEndReportView/companyMonthEndReportViewSelector';
 import { ExpenseAutomationViewType } from '../expenseAutomationViewState';
 import { TransactionsTab } from '../types/transactionsViewState';
+import { ExpenseAutomationActualMatchingViewSelector } from './actualMatchingViewSelectorTypes';
 import { ExpenseAutomationFluxAnalysisViewSelector } from './fluxAnalysisViewSelectorTypes';
 import { ExpenseAutomationJESchedulesViewSelector } from './jeSchedulesSelectorTypes';
 import { ExpenseAutomationMissingReceiptsViewSelector } from './missingReceiptsSelectorTypes';
@@ -21,6 +22,16 @@ export interface ExpenseAutomationStepDetails {
     title: string;
 }
 export interface ExpenseAutomationViewSelector extends SelectorView {
+    /**
+     * Sibling of `jeSchedules`, not nested under it. The Journal Entries navbar
+     * hosts Actual Matching (`selectedPageTab === 'actual_matching'`), but AM is
+     * a different GET, entity map (`byMatchId`), and period cache
+     * (`matchIdsByPeriod`) than Review / Existing. Nesting it on `jeSchedules`
+     * would hide a second store inside the schedules selector. Chrome coupling
+     * stays `jeSchedules.uiState.selectedPageTab`; AM rows, Match New, and undo
+     * live here.
+     */
+    actualMatching: ExpenseAutomationActualMatchingViewSelector;
     allSteps: ExpenseAutomationStepDetails[];
     completionStatus: CompletionStatusType;
     currentSelectedView: ExpenseAutomationViewType;