@zeniai/client-epic-state 5.2.22-betaAK1 → 5.2.22-betaAM2

package/lib/reducer.d.ts

@@ -65,6 +65,7 @@ declare const reducers: import("redux").Reducer<import("redux").CombinedState<{
     entityAutoCompleteState: import("./view/autoComplete/entityAutoCompleteState").EntityAutoCompleteState;
     entityRecommendationState: import("./view/recommendation/recommendationState").EntityRecommendationState;
     expenseAutomationFluxAnalysisViewState: import("./view/expenseAutomationView/types/fluxAnalysisViewState").FluxAnalysisViewState;
+    expenseAutomationActualMatchingViewState: import("./view/expenseAutomationView/types/actualMatchingViewState").ActualMatchingViewState;
     expenseAutomationJESchedulesViewState: import("./view/expenseAutomationView/types/jeSchedulesViewState").JESchedulesViewState;
     expenseAutomationMissingReceiptsViewState: import(".").ExpenseAutomationMissingReceiptsViewState;
     expenseAutomationReconciliationViewState: import("./view/expenseAutomationView/types/reconciliationViewState").ReconciliationViewState;

package/lib/reducer.js

@@ -155,6 +155,7 @@ const creditAgentViewReducer_1 = __importStar(require("./view/creditAgentView/cr
 const dashboardReducer_1 = __importStar(require("./view/dashboard/dashboardReducer"));
 const dashboardLayoutReducer_1 = __importStar(require("./view/dashboardLayout/dashboardLayoutReducer"));
 const expenseAutomationViewReducer_1 = __importStar(require("./view/expenseAutomationView/expenseAutomationViewReducer"));
+const actualMatchingViewReducer_1 = __importStar(require("./view/expenseAutomationView/reducers/actualMatchingViewReducer"));
 const fluxAnalysisViewReducer_1 = __importStar(require("./view/expenseAutomationView/reducers/fluxAnalysisViewReducer"));
 const jeSchedulesViewReducer_1 = __importStar(require("./view/expenseAutomationView/reducers/jeSchedulesViewReducer"));
 const missingReceiptsViewReducer_1 = __importStar(require("./view/expenseAutomationView/reducers/missingReceiptsViewReducer"));
@@ -468,6 +469,7 @@ const initialViewsState = {
     entityAutoCompleteState: entityAutoCompleteReducer_1.initialState,
     entityRecommendationState: recommendationReducer_1.initialState,
     expenseAutomationFluxAnalysisViewState: fluxAnalysisViewReducer_1.initialState,
+    expenseAutomationActualMatchingViewState: actualMatchingViewReducer_1.initialState,
     expenseAutomationJESchedulesViewState: jeSchedulesViewReducer_1.initialState,
     expenseAutomationMissingReceiptsViewState: missingReceiptsViewReducer_1.initialState,
     expenseAutomationReconciliationViewState: reconciliationViewReducer_1.initialState,
@@ -762,6 +764,7 @@ const viewReducers = {
     entityAutoCompleteState: entityAutoCompleteReducer_1.default,
     entityRecommendationState: recommendationReducer_1.default,
     expenseAutomationFluxAnalysisViewState: fluxAnalysisViewReducer_1.default,
+    expenseAutomationActualMatchingViewState: actualMatchingViewReducer_1.default,
     expenseAutomationJESchedulesViewState: jeSchedulesViewReducer_1.default,
     expenseAutomationMissingReceiptsViewState: missingReceiptsViewReducer_1.default,
     expenseAutomationReconciliationViewState: reconciliationViewReducer_1.default,

package/lib/rootStateTypes.d.ts

@@ -114,6 +114,7 @@ import { CreditAgentViewState } from './view/creditAgentView/creditAgentViewStat
 import { DashboardState } from './view/dashboard/dashboardState';
 import { DashboardLayoutState } from './view/dashboardLayout/dashboardLayoutState';
 import { ExpenseAutomationViewState } from './view/expenseAutomationView/expenseAutomationViewState';
+import { ActualMatchingViewState as ExpenseAutomationActualMatchingViewState } from './view/expenseAutomationView/types/actualMatchingViewState';
 import { FluxAnalysisViewState as ExpenseAutomationFluxAnalysisViewState } from './view/expenseAutomationView/types/fluxAnalysisViewState';
 import { JESchedulesViewState as ExpenseAutomationJESchedulesViewState } from './view/expenseAutomationView/types/jeSchedulesViewState';
 import { MissingReceiptsViewState as ExpenseAutomationMissingReceiptsViewState } from './view/expenseAutomationView/types/missingReceiptsViewState';
@@ -429,6 +430,7 @@ export type ViewsState = {
     editRemiDetailViewState: EditRemiDetailViewState;
     entityAutoCompleteState: EntityAutoCompleteState;
     entityRecommendationState: EntityRecommendationState;
+    expenseAutomationActualMatchingViewState: ExpenseAutomationActualMatchingViewState;
     expenseAutomationFluxAnalysisViewState: ExpenseAutomationFluxAnalysisViewState;
     expenseAutomationJESchedulesViewState: ExpenseAutomationJESchedulesViewState;
     expenseAutomationMissingReceiptsViewState: ExpenseAutomationMissingReceiptsViewState;

package/lib/view/expenseAutomationView/epics/accountRecon/deleteAccountStatementEpic.d.ts

@@ -1,9 +1,8 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { updateAccountReconDeleteStatement } from '../../../../entity/accountRecon/accountReconReducer';
-import { removeFiles } from '../../../../entity/file/fileReducer';
 import { RootState } from '../../../../rootStateTypes';
 import { ZeniAPI } from '../../../../zeniAPI';
 import { deleteAccountStatement, deleteAccountStatementFailure, deleteAccountStatementSuccess } from '../../reducers/reconciliationViewReducer';
-export type ActionType = ReturnType<typeof deleteAccountStatement> | ReturnType<typeof removeFiles> | ReturnType<typeof updateAccountReconDeleteStatement> | ReturnType<typeof deleteAccountStatementFailure> | ReturnType<typeof deleteAccountStatementSuccess>;
+export type ActionType = ReturnType<typeof deleteAccountStatement> | ReturnType<typeof updateAccountReconDeleteStatement> | ReturnType<typeof deleteAccountStatementFailure> | ReturnType<typeof deleteAccountStatementSuccess>;
 export declare const deleteAccountStatementEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/expenseAutomationView/epics/accountRecon/deleteAccountStatementEpic.js

@@ -5,17 +5,15 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const accountReconReducer_1 = require("../../../../entity/accountRecon/accountReconReducer");
 const accountReconState_1 = require("../../../../entity/accountRecon/accountReconState");
-const fileReducer_1 = require("../../../../entity/file/fileReducer");
 const responsePayload_1 = require("../../../../responsePayload");
 const reconciliationViewReducer_1 = require("../../reducers/reconciliationViewReducer");
 const deleteAccountStatementEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(reconciliationViewReducer_1.deleteAccountStatement.match), (0, operators_1.switchMap)((action) => {
-    const { accountId, selectedPeriod, statementUploadId, fileId } = action.payload;
+    const { accountId, selectedPeriod, statementUploadId } = action.payload;
     const request = zeniAPI.deleteAndGetJSON(`${zeniAPI.apiEndPoints.reconciliationMicroServiceBaseUrl}/1.0/reconciliation/statements/${statementUploadId}`);
     return request.pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response)) {
             const actions = [];
             const accountReconKey = (0, accountReconState_1.toAccountReconKey)(accountId, selectedPeriod);
-            actions.push((0, fileReducer_1.removeFiles)([fileId]));
             if (response.data != null) {
                 actions.push((0, accountReconReducer_1.updateAccountReconDeleteStatement)(accountReconKey, response.data));
             }

package/lib/view/expenseAutomationView/epics/actualMatching/fetchActualMatchingEpic.d.ts

@@ -0,0 +1,9 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateJEOneTimeAccruals } from '../../../../entity/jeSchedules/jeSchedulesReducer';
+import { clearAll } from '../../../../rootActions';
+import { RootState } from '../../../../rootStateTypes';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { fetchActualMatching, fetchActualMatchingFailure, fetchActualMatchingSuccess } from '../../reducers/actualMatchingViewReducer';
+export type ActionType = ReturnType<typeof clearAll> | ReturnType<typeof fetchActualMatching> | ReturnType<typeof fetchActualMatchingFailure> | ReturnType<typeof fetchActualMatchingSuccess> | ReturnType<typeof updateJEOneTimeAccruals>;
+export declare const fetchActualMatchingEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/expenseAutomationView/epics/actualMatching/fetchActualMatchingEpic.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchActualMatchingEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const jeSchedulesReducer_1 = require("../../../../entity/jeSchedules/jeSchedulesReducer");
+const tenantSelector_1 = require("../../../../entity/tenant/tenantSelector");
+const responsePayload_1 = require("../../../../responsePayload");
+const rootActions_1 = require("../../../../rootActions");
+const actualMatchingPayload_1 = require("../../payload/actualMatchingPayload");
+const actualMatchingViewReducer_1 = require("../../reducers/actualMatchingViewReducer");
+const fetchActualMatchingEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(actualMatchingViewReducer_1.fetchActualMatching.match), (0, operators_1.mergeMap)((action) => {
+    const state = state$.value;
+    const { period, refreshViewInBackground } = action.payload;
+    const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state);
+    const selectedPeriod = state.expenseAutomationViewState
+        .selectedPeriodByTenantId[currentTenant.tenantId] ?? {
+        month: period.start.month,
+        year: period.start.year,
+    };
+    const serviceMonth = (0, actualMatchingPayload_1.toServiceMonthFromPeriod)(period);
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/accruals?service_month=${encodeURIComponent(serviceMonth)}&view=actual_matching`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const accruals = response.data.accruals ?? [];
+            const updateActions = [];
+            if (accruals.length > 0) {
+                updateActions.push((0, jeSchedulesReducer_1.updateJEOneTimeAccruals)(accruals));
+            }
+            updateActions.push((0, actualMatchingViewReducer_1.fetchActualMatchingSuccess)({
+                accruals,
+                selectedPeriod,
+                refreshViewInBackground,
+            }));
+            return (0, rxjs_1.from)(updateActions);
+        }
+        return (0, rxjs_1.of)((0, actualMatchingViewReducer_1.fetchActualMatchingFailure)({
+            status: response.status,
+            selectedPeriod,
+            refreshViewInBackground,
+        }));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, actualMatchingViewReducer_1.fetchActualMatchingFailure)({
+        status: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'fetch actual matching REST API call errored out' +
+            JSON.stringify(error)),
+        selectedPeriod,
+        refreshViewInBackground,
+    }))), (0, operators_1.takeUntil)(actions$.pipe((0, operators_1.filter)(rootActions_1.clearAll.match))));
+}));
+exports.fetchActualMatchingEpic = fetchActualMatchingEpic;

package/lib/view/expenseAutomationView/epics/actualMatching/fetchActualMatchingPageEpic.d.ts

@@ -0,0 +1,5 @@
+import { ActionsObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { fetchActualMatching, fetchActualMatchingPage } from '../../reducers/actualMatchingViewReducer';
+export type ActionType = ReturnType<typeof fetchActualMatching> | ReturnType<typeof fetchActualMatchingPage>;
+export declare const fetchActualMatchingPageEpic: (actions$: ActionsObservable<ActionType>) => Observable<ActionType>;

package/lib/view/expenseAutomationView/epics/actualMatching/fetchActualMatchingPageEpic.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchActualMatchingPageEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const actualMatchingViewReducer_1 = require("../../reducers/actualMatchingViewReducer");
+const fetchActualMatchingPageEpic = (actions$) => actions$.pipe((0, operators_1.filter)(actualMatchingViewReducer_1.fetchActualMatchingPage.match), (0, operators_1.mergeMap)((action) => {
+    const { period, refreshViewInBackground } = action.payload;
+    return (0, rxjs_1.of)((0, actualMatchingViewReducer_1.fetchActualMatching)(period, refreshViewInBackground));
+}));
+exports.fetchActualMatchingPageEpic = fetchActualMatchingPageEpic;

package/lib/view/expenseAutomationView/epics/actualMatching/matchAndReverseAccrualsEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { clearAll } from '../../../../rootActions';
+import { RootState } from '../../../../rootStateTypes';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { clearMatchNewModal, fetchActualMatching, matchAndReverseAccruals, matchAndReverseAccrualsFailure, matchAndReverseAccrualsSuccess } from '../../reducers/actualMatchingViewReducer';
+export type ActionType = ReturnType<typeof clearAll> | ReturnType<typeof clearMatchNewModal> | ReturnType<typeof fetchActualMatching> | ReturnType<typeof matchAndReverseAccruals> | ReturnType<typeof matchAndReverseAccrualsFailure> | ReturnType<typeof matchAndReverseAccrualsSuccess>;
+export declare const matchAndReverseAccrualsEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/expenseAutomationView/epics/actualMatching/matchAndReverseAccrualsEpic.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.matchAndReverseAccrualsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const timePeriod_1 = require("../../../../commonStateTypes/timePeriod");
+const tenantSelector_1 = require("../../../../entity/tenant/tenantSelector");
+const responsePayload_1 = require("../../../../responsePayload");
+const rootActions_1 = require("../../../../rootActions");
+const actualMatchingPayload_1 = require("../../payload/actualMatchingPayload");
+const actualMatchingViewReducer_1 = require("../../reducers/actualMatchingViewReducer");
+function refreshActualMatchingList(state) {
+    const selectedMonthYear = state.expenseAutomationViewState.selectedPeriodByTenantId[(0, tenantSelector_1.getCurrentTenant)(state).tenantId];
+    if (selectedMonthYear == null) {
+        return [];
+    }
+    const period = (0, timePeriod_1.convertToPeriod)(selectedMonthYear);
+    const start = (0, timePeriod_1.toAbsoluteDay)(period.start);
+    const end = (0, timePeriod_1.toAbsoluteDay)(period.end);
+    if (start == null || end == null) {
+        return [];
+    }
+    return [(0, actualMatchingViewReducer_1.fetchActualMatching)({ start, end }, true)];
+}
+const matchAndReverseAccrualsEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(actualMatchingViewReducer_1.matchAndReverseAccruals.match), (0, operators_1.mergeMap)((action) => {
+    const { transactionId, transactionIntegrationId, transactionType, lineId, accrualIds, } = action.payload;
+    const body = {
+        transaction_id: transactionId,
+        transaction_integration_id: transactionIntegrationId,
+        transaction_type: transactionType,
+        line_id: lineId,
+        accrual_ids: accrualIds,
+    };
+    return zeniAPI
+        .postAndGetJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/accruals/match-and-reverse`, body)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const results = (response.data.results ?? []).map(actualMatchingPayload_1.toMatchAndReverseResult);
+            const successActions = [
+                (0, actualMatchingViewReducer_1.matchAndReverseAccrualsSuccess)({ results }),
+            ];
+            const anyReversed = results.some((result) => result.status === 'reversed');
+            if (anyReversed) {
+                successActions.push(...refreshActualMatchingList(state$.value), (0, actualMatchingViewReducer_1.clearMatchNewModal)());
+            }
+            return (0, rxjs_1.from)(successActions);
+        }
+        return (0, rxjs_1.of)((0, actualMatchingViewReducer_1.matchAndReverseAccrualsFailure)({ status: response.status }));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, actualMatchingViewReducer_1.matchAndReverseAccrualsFailure)({
+        status: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Match and reverse accruals REST API call errored out' +
+            JSON.stringify(error)),
+    }))), (0, operators_1.takeUntil)(actions$.pipe((0, operators_1.filter)(rootActions_1.clearAll.match))));
+}));
+exports.matchAndReverseAccrualsEpic = matchAndReverseAccrualsEpic;

package/lib/view/expenseAutomationView/epics/actualMatching/searchMatchAccrualsEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateJEOneTimeAccruals } from '../../../../entity/jeSchedules/jeSchedulesReducer';
+import { RootState } from '../../../../rootStateTypes';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { searchMatchAccruals, searchMatchAccrualsFailure, searchMatchAccrualsSuccess } from '../../reducers/actualMatchingViewReducer';
+export type ActionType = ReturnType<typeof searchMatchAccruals> | ReturnType<typeof searchMatchAccrualsFailure> | ReturnType<typeof searchMatchAccrualsSuccess> | ReturnType<typeof updateJEOneTimeAccruals>;
+export declare const searchMatchAccrualsEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/expenseAutomationView/epics/actualMatching/searchMatchAccrualsEpic.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.searchMatchAccrualsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const jeSchedulesReducer_1 = require("../../../../entity/jeSchedules/jeSchedulesReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const actualMatchingViewReducer_1 = require("../../reducers/actualMatchingViewReducer");
+const actualMatchingViewState_1 = require("../../types/actualMatchingViewState");
+const searchMatchAccrualsEpic = (actions$, _state$, zeniAPI) => {
+    const searchActions$ = actions$.pipe((0, operators_1.filter)(actualMatchingViewReducer_1.searchMatchAccruals.match));
+    const pagination$ = searchActions$.pipe((0, operators_1.filter)((action) => action.payload.pageToken != null));
+    const newSearchDebounced$ = searchActions$.pipe((0, operators_1.filter)((action) => action.payload.pageToken == null), (0, operators_1.debounceTime)(actualMatchingViewState_1.MATCH_SEARCH_DEBOUNCE_MS));
+    return (0, rxjs_1.merge)(pagination$, newSearchDebounced$).pipe((0, operators_1.switchMap)((action) => {
+        const { query, pageToken } = action.payload;
+        const offset = pageToken != null && pageToken.length > 0 ? Number(pageToken) : 0;
+        const searchText = encodeURIComponent(query);
+        const limit = actualMatchingViewState_1.MATCH_ACCRUAL_SEARCH_LIMIT;
+        return zeniAPI
+            .getJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/accruals?status=posted&reversal_policy=on_bill_match&search_text=${searchText}&limit=${limit}&offset=${offset}`)
+            .pipe((0, operators_1.mergeMap)((response) => {
+            if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+                const accruals = response.data.accruals ?? [];
+                const append = pageToken != null;
+                const nextOffset = offset + accruals.length;
+                const total = response.data.total ?? nextOffset;
+                const nextPageToken = nextOffset < total ? String(nextOffset) : null;
+                const actionsOut = [];
+                if (accruals.length > 0) {
+                    actionsOut.push((0, jeSchedulesReducer_1.updateJEOneTimeAccruals)(accruals));
+                }
+                actionsOut.push((0, actualMatchingViewReducer_1.searchMatchAccrualsSuccess)({
+                    append,
+                    nextPageToken,
+                    results: accruals,
+                }));
+                return (0, rxjs_1.from)(actionsOut);
+            }
+            return (0, rxjs_1.of)((0, actualMatchingViewReducer_1.searchMatchAccrualsFailure)({
+                error: response.status,
+            }));
+        }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, actualMatchingViewReducer_1.searchMatchAccrualsFailure)({
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Search match accruals REST API call errored out' +
+                JSON.stringify(error)),
+        }))));
+    }));
+};
+exports.searchMatchAccrualsEpic = searchMatchAccrualsEpic;

package/lib/view/expenseAutomationView/epics/actualMatching/searchMatchTransactionsEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { clearAll } from '../../../../rootActions';
+import { RootState } from '../../../../rootStateTypes';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { openMatchNewModal, searchMatchAccruals, searchMatchTransactions, searchMatchTransactionsFailure, searchMatchTransactionsSuccess } from '../../reducers/actualMatchingViewReducer';
+export type ActionType = ReturnType<typeof clearAll> | ReturnType<typeof openMatchNewModal> | ReturnType<typeof searchMatchAccruals> | ReturnType<typeof searchMatchTransactions> | ReturnType<typeof searchMatchTransactionsFailure> | ReturnType<typeof searchMatchTransactionsSuccess>;
+export declare const searchMatchTransactionsEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/expenseAutomationView/epics/actualMatching/searchMatchTransactionsEpic.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.searchMatchTransactionsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../responsePayload");
+const actualMatchingPayload_1 = require("../../payload/actualMatchingPayload");
+const actualMatchingViewReducer_1 = require("../../reducers/actualMatchingViewReducer");
+const actualMatchingViewState_1 = require("../../types/actualMatchingViewState");
+const searchMatchTransactionsEpic = (actions$, _state$, zeniAPI) => {
+    const openModal$ = actions$.pipe((0, operators_1.filter)(actualMatchingViewReducer_1.openMatchNewModal.match), (0, operators_1.mergeMap)(() => (0, rxjs_1.from)([
+        (0, actualMatchingViewReducer_1.searchMatchTransactions)({ query: '' }),
+        (0, actualMatchingViewReducer_1.searchMatchAccruals)({ query: '' }),
+    ])));
+    const searchActions$ = actions$.pipe((0, operators_1.filter)(actualMatchingViewReducer_1.searchMatchTransactions.match));
+    const pagination$ = searchActions$.pipe((0, operators_1.filter)((action) => action.payload.pageToken != null));
+    const newSearchDebounced$ = searchActions$.pipe((0, operators_1.filter)((action) => action.payload.pageToken == null), (0, operators_1.debounceTime)(actualMatchingViewState_1.MATCH_SEARCH_DEBOUNCE_MS));
+    const search$ = (0, rxjs_1.merge)(pagination$, newSearchDebounced$).pipe((0, operators_1.switchMap)((action) => {
+        const { query, pageToken } = action.payload;
+        const queryParam = {
+            search_text: query,
+            page_size: actualMatchingViewState_1.MATCH_TRANSACTION_SEARCH_PAGE_SIZE,
+            ...(pageToken != null ? { page_token: pageToken } : {}),
+        };
+        return zeniAPI
+            .getJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/accruals/match-transaction-search?query=${encodeURIComponent(JSON.stringify(queryParam))}`)
+            .pipe((0, operators_1.mergeMap)((response) => {
+            if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+                const { transactions, next_page_token } = response.data;
+                const append = pageToken != null;
+                const results = (transactions ?? []).map(actualMatchingPayload_1.toActualMatchingTransactionSearchResult);
+                return (0, rxjs_1.of)((0, actualMatchingViewReducer_1.searchMatchTransactionsSuccess)({
+                    append,
+                    nextPageToken: next_page_token ?? null,
+                    results,
+                }));
+            }
+            return (0, rxjs_1.of)((0, actualMatchingViewReducer_1.searchMatchTransactionsFailure)({
+                error: response.status,
+            }));
+        }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, actualMatchingViewReducer_1.searchMatchTransactionsFailure)({
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Search match transactions REST API call errored out' +
+                JSON.stringify(error)),
+        }))));
+    }));
+    return (0, rxjs_1.merge)(openModal$, search$);
+};
+exports.searchMatchTransactionsEpic = searchMatchTransactionsEpic;

package/lib/view/expenseAutomationView/epics/common/fetchAllExpenseAutomationTabsEpic.d.ts

@@ -3,10 +3,11 @@ import { Observable } from 'rxjs';
 import { RootState } from '../../../../rootStateTypes';
 import { fetchMonthEndCloseChecks } from '../../../monthEndCloseChecksView/monthEndCloseChecksViewReducer';
 import { fetchAllExpenseAutomationTabs } from '../../expenseAutomationViewReducer';
+import { fetchActualMatchingPage } from '../../reducers/actualMatchingViewReducer';
 import { fetchFluxAnalysisView } from '../../reducers/fluxAnalysisViewReducer';
 import { fetchJeSchedulesPage } from '../../reducers/jeSchedulesViewReducer';
 import { fetchMissingReceipts } from '../../reducers/missingReceiptsViewReducer';
 import { fetchReconciliation } from '../../reducers/reconciliationViewReducer';
 import { fetchTransactionCategorizationView } from '../../reducers/transactionsViewReducer';
-export type ActionType = ReturnType<typeof fetchAllExpenseAutomationTabs> | ReturnType<typeof fetchMissingReceipts> | ReturnType<typeof fetchMonthEndCloseChecks> | ReturnType<typeof fetchFluxAnalysisView> | ReturnType<typeof fetchJeSchedulesPage> | ReturnType<typeof fetchReconciliation> | ReturnType<typeof fetchTransactionCategorizationView>;
+export type ActionType = ReturnType<typeof fetchAllExpenseAutomationTabs> | ReturnType<typeof fetchActualMatchingPage> | ReturnType<typeof fetchMissingReceipts> | ReturnType<typeof fetchMonthEndCloseChecks> | ReturnType<typeof fetchFluxAnalysisView> | ReturnType<typeof fetchJeSchedulesPage> | ReturnType<typeof fetchReconciliation> | ReturnType<typeof fetchTransactionCategorizationView>;
 export declare const fetchAllExpenseAutomationTabsEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/expenseAutomationView/epics/common/fetchAllExpenseAutomationTabsEpic.js

@@ -6,6 +6,7 @@ const operators_1 = require("rxjs/operators");
 const timePeriod_1 = require("../../../../commonStateTypes/timePeriod");
 const tenantSelector_1 = require("../../../../entity/tenant/tenantSelector");
 const expenseAutomationViewReducer_1 = require("../../expenseAutomationViewReducer");
+const actualMatchingViewReducer_1 = require("../../reducers/actualMatchingViewReducer");
 const fluxAnalysisViewReducer_1 = require("../../reducers/fluxAnalysisViewReducer");
 const jeSchedulesViewReducer_1 = require("../../reducers/jeSchedulesViewReducer");
 const missingReceiptsViewReducer_1 = require("../../reducers/missingReceiptsViewReducer");
@@ -34,11 +35,14 @@ const fetchAllExpenseAutomationTabsEpic = (actions$, state$) => actions$.pipe((0
     }
     if (cacheOverride === true) {
         const actions = [];
+        const selectedPageTab = state.expenseAutomationJESchedulesViewState.uiState.selectedPageTab;
         actions.push((0, transactionsViewReducer_1.fetchTransactionCategorizationView)(selectedTransactionCategorizationTab, { start: timePeriodStart, end: timePeriodEnd }, cacheOverride, false, undefined, undefined, refreshViewInBackground, false), (0, missingReceiptsViewReducer_1.fetchMissingReceipts)({ start: timePeriodStart, end: timePeriodEnd }, {
             amount: 75.0,
             currencyCode: 'USD',
             currencySymbol: '$',
-        }, cacheOverride, refreshViewInBackground), (0, fluxAnalysisViewReducer_1.fetchFluxAnalysisView)(selectedPeriod, cacheOverride, refreshViewInBackground, null), (0, jeSchedulesViewReducer_1.fetchJeSchedulesPage)({ start: timePeriodStart, end: timePeriodEnd }, cacheOverride));
+        }, cacheOverride, refreshViewInBackground), (0, fluxAnalysisViewReducer_1.fetchFluxAnalysisView)(selectedPeriod, cacheOverride, refreshViewInBackground, null), selectedPageTab === 'actual_matching'
+            ? (0, actualMatchingViewReducer_1.fetchActualMatchingPage)({ start: timePeriodStart, end: timePeriodEnd }, cacheOverride)
+            : (0, jeSchedulesViewReducer_1.fetchJeSchedulesPage)({ start: timePeriodStart, end: timePeriodEnd }, cacheOverride));
         if (reconciliationEnabled) {
             actions.push((0, reconciliationViewReducer_1.fetchReconciliation)(selectedPeriod, undefined, cacheOverride, refreshViewInBackground));
         }
@@ -64,16 +68,29 @@ const fetchAllExpenseAutomationTabsEpic = (actions$, state$) => actions$.pipe((0
             fetchActions.push((0, fluxAnalysisViewReducer_1.fetchFluxAnalysisView)(selectedPeriod, cacheOverride, refreshViewInBackground, null));
         }
         // The two JE tabs cache separately, so only the tab actually being shown decides whether a
-        // fetch is still needed.
-        const jeSchedulesPeriodTabKey = (0, jeSchedulesViewState_1.getJESchedulePeriodTabKey)(state.expenseAutomationJESchedulesViewState.uiState.selectedPageTab, monthYearPeriodId);
-        if (state.expenseAutomationJESchedulesViewState.fetchState !==
-            'In-Progress' &&
-            (!state.expenseAutomationJESchedulesViewState.hasValidState() ||
-                state.expenseAutomationJESchedulesViewState
-                    .jeScheduleTransactionKeysByPeriodAndTab[jeSchedulesPeriodTabKey] == null ||
-                state.expenseAutomationJESchedulesViewState
-                    .failedJeScheduleTransactionKeysByPeriodAndTab[jeSchedulesPeriodTabKey] == null)) {
-            fetchActions.push((0, jeSchedulesViewReducer_1.fetchJeSchedulesPage)({ start: timePeriodStart, end: timePeriodEnd }, cacheOverride));
+        // fetch is still needed. Actual Matching is a third tab on the same page with its own
+        // endpoint and cache slot.
+        const selectedPageTab = state.expenseAutomationJESchedulesViewState.uiState.selectedPageTab;
+        if (selectedPageTab === 'actual_matching') {
+            const actualMatchingPeriodKeys = state.expenseAutomationActualMatchingViewState.accrualKeysByPeriod[monthYearPeriodId];
+            if (state.expenseAutomationActualMatchingViewState.fetchState !==
+                'In-Progress' &&
+                (!state.expenseAutomationActualMatchingViewState.hasValidState() ||
+                    actualMatchingPeriodKeys == null)) {
+                fetchActions.push((0, actualMatchingViewReducer_1.fetchActualMatchingPage)({ start: timePeriodStart, end: timePeriodEnd }, cacheOverride));
+            }
+        }
+        else {
+            const jeSchedulesPeriodTabKey = (0, jeSchedulesViewState_1.getJESchedulePeriodTabKey)(selectedPageTab, monthYearPeriodId);
+            if (state.expenseAutomationJESchedulesViewState.fetchState !==
+                'In-Progress' &&
+                (!state.expenseAutomationJESchedulesViewState.hasValidState() ||
+                    state.expenseAutomationJESchedulesViewState
+                        .jeScheduleTransactionKeysByPeriodAndTab[jeSchedulesPeriodTabKey] == null ||
+                    state.expenseAutomationJESchedulesViewState
+                        .failedJeScheduleTransactionKeysByPeriodAndTab[jeSchedulesPeriodTabKey] == null)) {
+                fetchActions.push((0, jeSchedulesViewReducer_1.fetchJeSchedulesPage)({ start: timePeriodStart, end: timePeriodEnd }, cacheOverride));
+            }
         }
         if (state.expenseAutomationReconciliationViewState.fetchState !==
             'In-Progress' &&

package/lib/view/expenseAutomationView/epics/common/refreshExpenseAutomationCurrentTabEpic.d.ts

@@ -4,10 +4,11 @@ import { RootState } from '../../../../rootStateTypes';
 import { fetchCompanyMonthEndReportTemplates, fetchCompanyMonthEndReportView } from '../../../companyMonthEndReportView/companyMonthEndReportViewReducer';
 import { fetchMonthEndCloseChecks } from '../../../monthEndCloseChecksView/monthEndCloseChecksViewReducer';
 import { refreshExpenseAutomationCurrentTab } from '../../expenseAutomationViewReducer';
+import { fetchActualMatchingPage } from '../../reducers/actualMatchingViewReducer';
 import { fetchFluxAnalysisView } from '../../reducers/fluxAnalysisViewReducer';
 import { fetchJeSchedulesPage } from '../../reducers/jeSchedulesViewReducer';
 import { fetchMissingReceipts } from '../../reducers/missingReceiptsViewReducer';
 import { fetchReconciliation } from '../../reducers/reconciliationViewReducer';
 import { fetchTransactionCategorizationView } from '../../reducers/transactionsViewReducer';
-export type ActionType = ReturnType<typeof refreshExpenseAutomationCurrentTab> | ReturnType<typeof fetchCompanyMonthEndReportView> | ReturnType<typeof fetchCompanyMonthEndReportTemplates> | ReturnType<typeof fetchMissingReceipts> | ReturnType<typeof fetchMonthEndCloseChecks> | ReturnType<typeof fetchFluxAnalysisView> | ReturnType<typeof fetchReconciliation> | ReturnType<typeof fetchJeSchedulesPage> | ReturnType<typeof fetchTransactionCategorizationView>;
+export type ActionType = ReturnType<typeof refreshExpenseAutomationCurrentTab> | ReturnType<typeof fetchActualMatchingPage> | ReturnType<typeof fetchCompanyMonthEndReportView> | ReturnType<typeof fetchCompanyMonthEndReportTemplates> | ReturnType<typeof fetchMissingReceipts> | ReturnType<typeof fetchMonthEndCloseChecks> | ReturnType<typeof fetchFluxAnalysisView> | ReturnType<typeof fetchReconciliation> | ReturnType<typeof fetchJeSchedulesPage> | ReturnType<typeof fetchTransactionCategorizationView>;
 export declare const refreshExpenseAutomationCurrentTabEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/expenseAutomationView/epics/common/refreshExpenseAutomationCurrentTabEpic.js

@@ -7,6 +7,7 @@ const timePeriod_1 = require("../../../../commonStateTypes/timePeriod");
 const tenantSelector_1 = require("../../../../entity/tenant/tenantSelector");
 const companyMonthEndReportViewReducer_1 = require("../../../companyMonthEndReportView/companyMonthEndReportViewReducer");
 const expenseAutomationViewReducer_1 = require("../../expenseAutomationViewReducer");
+const actualMatchingViewReducer_1 = require("../../reducers/actualMatchingViewReducer");
 const fluxAnalysisViewReducer_1 = require("../../reducers/fluxAnalysisViewReducer");
 const jeSchedulesViewReducer_1 = require("../../reducers/jeSchedulesViewReducer");
 const missingReceiptsViewReducer_1 = require("../../reducers/missingReceiptsViewReducer");
@@ -41,10 +42,17 @@ const refreshExpenseAutomationCurrentTabEpic = (actions$, state$) => actions$.pi
             return (0, rxjs_1.from)([
                 (0, fluxAnalysisViewReducer_1.fetchFluxAnalysisView)(selectedPeriod, true, true, null),
             ]);
-        case 'je_schedules':
+        case 'je_schedules': {
+            const selectedPageTab = state.expenseAutomationJESchedulesViewState.uiState.selectedPageTab;
+            if (selectedPageTab === 'actual_matching') {
+                return (0, rxjs_1.from)([
+                    (0, actualMatchingViewReducer_1.fetchActualMatchingPage)({ start: timePeriodStart, end: timePeriodEnd }, true),
+                ]);
+            }
             return (0, rxjs_1.from)([
                 (0, jeSchedulesViewReducer_1.fetchJeSchedulesPage)({ start: timePeriodStart, end: timePeriodEnd }, true),
             ]);
+        }
         case 'month_end_insights':
             return (0, rxjs_1.from)([
                 (0, companyMonthEndReportViewReducer_1.fetchCompanyMonthEndReportView)(true, companyId, currentTenant.tenantId, period.end, true),

package/lib/view/expenseAutomationView/epics/jeSchedule/switchJESchedulesTabEpic.d.ts

@@ -1,6 +1,7 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { RootState } from '../../../../reducer';
+import { fetchActualMatchingPage } from '../../reducers/actualMatchingViewReducer';
 import { fetchJeSchedulesPage, updateJESchedulesUIState } from '../../reducers/jeSchedulesViewReducer';
-export type ActionType = ReturnType<typeof fetchJeSchedulesPage> | ReturnType<typeof updateJESchedulesUIState>;
+export type ActionType = ReturnType<typeof fetchActualMatchingPage> | ReturnType<typeof fetchJeSchedulesPage> | ReturnType<typeof updateJESchedulesUIState>;
 export declare const switchJESchedulesTabEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/expenseAutomationView/epics/jeSchedule/switchJESchedulesTabEpic.js

@@ -5,6 +5,7 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const timePeriod_1 = require("../../../../commonStateTypes/timePeriod");
 const tenantSelector_1 = require("../../../../entity/tenant/tenantSelector");
+const actualMatchingViewReducer_1 = require("../../reducers/actualMatchingViewReducer");
 const jeSchedulesViewReducer_1 = require("../../reducers/jeSchedulesViewReducer");
 const switchJESchedulesTabEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(jeSchedulesViewReducer_1.updateJESchedulesUIState.match), (0, operators_1.filter)((action) => action.payload.selectedPageTab != null), (0, operators_1.mergeMap)(() => {
     const state = state$.value;
@@ -27,6 +28,10 @@ const switchJESchedulesTabEpic = (actions$, state$) => actions$.pipe((0, operato
     if (timePeriodStart == null || timePeriodEnd == null) {
         return rxjs_1.EMPTY;
     }
+    const { selectedPageTab } = state.expenseAutomationJESchedulesViewState.uiState;
+    if (selectedPageTab === 'actual_matching') {
+        return (0, rxjs_1.of)((0, actualMatchingViewReducer_1.fetchActualMatchingPage)({ start: timePeriodStart, end: timePeriodEnd }, true));
+    }
     return (0, rxjs_1.of)((0, jeSchedulesViewReducer_1.fetchJeSchedulesPage)({ start: timePeriodStart, end: timePeriodEnd }, true));
 }));
 exports.switchJESchedulesTabEpic = switchJESchedulesTabEpic;

package/lib/view/expenseAutomationView/expenseAutomationViewSelector.js

@@ -7,6 +7,7 @@ const monthEndCloseChecksSelector_1 = require("../../entity/monthEndCloseChecks/
 const tenantSelector_1 = require("../../entity/tenant/tenantSelector");
 const companyMonthEndReportViewSelector_1 = require("../companyMonthEndReportView/companyMonthEndReportViewSelector");
 const monthEndCloseChecksViewSelector_1 = require("../monthEndCloseChecksView/monthEndCloseChecksViewSelector");
+const actualMatchingViewSelector_1 = require("./selectors/actualMatchingViewSelector");
 const fluxAnalysisViewSelector_1 = require("./selectors/fluxAnalysisViewSelector");
 const getAllStepsHelper_1 = require("./selectors/getAllStepsHelper");
 const jeSchedulesViewSelector_1 = require("./selectors/jeSchedulesViewSelector");
@@ -24,7 +25,7 @@ const isPreviousStepDisabled = (selectedTransactionCategorizationTab, allSteps,
     return allSteps[stepIndex - 1].isDisabled;
 };
 function getExpenseAutomationView(state) {
-    const { expenseAutomationViewState, tenantState, expenseAutomationMissingReceiptsViewState, expenseAutomationJESchedulesViewState, expenseAutomationTransactionsViewState, expenseAutomationReconciliationViewState, monthEndCloseChecksState, companyState, } = state;
+    const { expenseAutomationViewState, tenantState, expenseAutomationMissingReceiptsViewState, expenseAutomationJESchedulesViewState, expenseAutomationActualMatchingViewState, expenseAutomationTransactionsViewState, expenseAutomationReconciliationViewState, monthEndCloseChecksState, companyState, } = state;
     const { loggedInUser, currentTenantId } = tenantState;
     const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state);
     const { currentSelectedView, selectedPeriodByTenantId } = expenseAutomationViewState;
@@ -45,6 +46,7 @@ function getExpenseAutomationView(state) {
     const reconciliation = (0, reconciliationViewSelector_1.getExpenseAutomationReconciliationView)(state);
     const expenseAutomationTransactionsView = (0, transactionCategorizationSelector_1.getExpenseAutomationTransactionView)(state);
     const jeSchedules = (0, jeSchedulesViewSelector_1.getExpenseAutomationJESchedulesView)(state);
+    const actualMatching = (0, actualMatchingViewSelector_1.getExpenseAutomationActualMatchingView)(state);
     switch (currentSelectedView) {
         case 'reconciliation':
             currentSelectedViewFetchState = reconciliation.fetchStatus;
@@ -57,12 +59,23 @@ function getExpenseAutomationView(state) {
                 fluxAnalysis.refreshStatus;
             break;
         case 'je_schedules':
-            currentSelectedViewFetchState = {
-                fetchState: jeSchedules.fetchState,
-                error: jeSchedules.error,
-            };
-            currentSelectedViewBackgroundRefreshFetchState =
-                jeSchedules.refreshStatus;
+            if (expenseAutomationJESchedulesViewState.uiState.selectedPageTab ===
+                'actual_matching') {
+                currentSelectedViewFetchState = {
+                    fetchState: actualMatching.fetchState,
+                    error: actualMatching.error,
+                };
+                currentSelectedViewBackgroundRefreshFetchState =
+                    actualMatching.refreshStatus;
+            }
+            else {
+                currentSelectedViewFetchState = {
+                    fetchState: jeSchedules.fetchState,
+                    error: jeSchedules.error,
+                };
+                currentSelectedViewBackgroundRefreshFetchState =
+                    jeSchedules.refreshStatus;
+            }
             break;
         case 'missing_receipts':
             currentSelectedViewFetchState = {
@@ -94,6 +107,7 @@ function getExpenseAutomationView(state) {
     const fetchStateVariables = [
         expenseAutomationMissingReceiptsViewState,
         expenseAutomationJESchedulesViewState,
+        expenseAutomationActualMatchingViewState,
         expenseAutomationTransactionsView,
         expenseAutomationReconciliationViewState,
     ];
@@ -179,6 +193,7 @@ function getExpenseAutomationView(state) {
     ]);
     return {
         jeSchedules,
+        actualMatching,
         transactionView: expenseAutomationTransactionsView,
         missingReceipts,
         reconciliation,