npm - @zeniai/client-epic-state - Versions diffs - 4.14.5 → 4.14.6 - Mend

@zeniai/client-epic-state 4.14.5 → 4.14.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/lib/index.d.ts CHANGED Viewed

@@ -59,14 +59,14 @@ export { BalancesTimeseries, TrendTimeseries, BalanceKind };
 import { ExpenseAutomationFluxAnalysisViewSelector } from './view/expenseAutomationView/selectorTypes/fluxAnalysisViewSelectorTypes';
 import { MissingReceiptsViewState as ExpenseAutomationMissingReceiptsViewState, MissingReceiptsViewUIState as ExpenseAutomationMissingReceiptsViewUIState } from './view/expenseAutomationView/types/missingReceiptsViewState';
 import { ExpenseAutomationMissingReceiptsViewSelector } from './view/expenseAutomationView/selectorTypes/missingReceiptsSelectorTypes';
-import { fetchAllExpenseAutomationTabs, refreshExpenseAutomationCurrentTab, updateCurrentSelectedTransactionCategorizationTab, updateCurrentSelectedView, updateCurrentSelectedPeriod } from './view/expenseAutomationView/expenseAutomationViewReducer';
+import { fetchAllExpenseAutomationTabs, refreshExpenseAutomationCurrentTab, updateCurrentSelectedView, updateCurrentSelectedPeriod } from './view/expenseAutomationView/expenseAutomationViewReducer';
 import { fetchMissingReceipts as fetchExpenseAutomationMissingReceipts, uploadMissingReceiptSuccess as uploadExpenseAutomationMissingReceiptSuccess, updateMissingReceiptUploadState as updateExpenseAutomationMissingReceiptUploadState, updateMissingReceiptsUIState as updateExpenseAutomationMissingReceiptsUIState, markMissingReceiptAsDone as markExpenseAutomationMissingReceiptAsDone } from './view/expenseAutomationView/reducers/missingReceiptsViewReducer';
 import { MissingReceiptsSortKey as ExpenseAutomationMissingReceiptsSortKey, toMissingReceiptsSortKey as toExpenseAutomationMissingReceiptsSortKey } from './view/expenseAutomationView/types/missingReceiptsViewState';
 import { ExpenseAutomationViewSelector, ExpenseAutomationStepDetails } from './view/expenseAutomationView/selectorTypes/expenseAutomationViewSelectorTypes';
 import { getExpenseAutomationView } from './view/expenseAutomationView/expenseAutomationViewSelector';
 import { TransactionsTab as ExpenseAutomationTransactionsTab, toTransactionsTabKey as toExpenseAutomationTransactionsTabKey } from './view/expenseAutomationView/types/transactionsViewState';
 import { TransactionsSortKey, toTransactionsSortKey, TransactionsTab, TransactionCategorizationLineItemData, TransactionReviewLocalData, SupportedTransactionCategorization, TransactionsViewState as ExpenseAutomationTransactionsViewState, TransactionsViewUIState as ExpenseAutomationTransactionsViewUIState } from './view/expenseAutomationView/types/transactionsViewState';
-import { fetchTransactionCategorization, fetchTransactionCategorizationView, updateTransactionCategorizationUIState, updateSelectedCheckboxTransactionIds, setEntityRecommendationForLineIdsForCategorization, initializeTransactionCategorizationViewLocalData, setAllItemsToCategoryClassInLocalDataForCategorization, saveTransactionCategorizationLocalData, fetchTransactionCategorizationFailure, saveTransactionCategorization, updateTransactionCategorization, updateTransactionCategorizationSaveStatus, markTransactionAsNotMiscategorized, updateStatusForTransactionNotMiscategorizedUpdate, updateSelectedVendorForTransaction, clearExpenseAutomationTransactionsView } from './view/expenseAutomationView/reducers/transactionsViewReducer';
+import { fetchTransactionCategorization, fetchTransactionCategorizationView, updateTransactionCategorizationUIState, updateSelectedCheckboxTransactionIds, setEntityRecommendationForLineIdsForCategorization, initializeTransactionCategorizationViewLocalData, setAllItemsToCategoryClassInLocalDataForCategorization, saveTransactionCategorizationLocalData, fetchTransactionCategorizationFailure, saveTransactionCategorization, updateTransactionCategorization, updateTransactionCategorizationSaveStatus, markTransactionAsNotMiscategorized, updateStatusForTransactionNotMiscategorizedUpdate, updateSelectedVendorForTransaction, clearExpenseAutomationTransactionsView, updateCurrentSelectedTransactionCategorizationTab } from './view/expenseAutomationView/reducers/transactionsViewReducer';
 import { ExpenseAutomationTransactionViewSelector, TransactionReviewLocalDataSelectorView } from './view/expenseAutomationView/selectorTypes/transactionsViewSelectorTypes';
 import { getExpenseAutomationTransactionView } from './view/expenseAutomationView/selectors/transactionCategorizationSelector';
 import { EXPENSE_QBOID, INCOME_QBOID, MAX_SELECTION_LIMIT, checkIfAllLineItemsAreCategoryClassFilled } from './view/expenseAutomationView/helpers/transactionCategorizationLocalDataHelper';

package/lib/index.js CHANGED Viewed

@@ -128,7 +128,6 @@ Object.defineProperty(exports, "stringToUnionStrict", { enumerable: true, get: f
 const expenseAutomationViewReducer_1 = require("./view/expenseAutomationView/expenseAutomationViewReducer");
 Object.defineProperty(exports, "fetchAllExpenseAutomationTabs", { enumerable: true, get: function () { return expenseAutomationViewReducer_1.fetchAllExpenseAutomationTabs; } });
 Object.defineProperty(exports, "refreshExpenseAutomationCurrentTab", { enumerable: true, get: function () { return expenseAutomationViewReducer_1.refreshExpenseAutomationCurrentTab; } });
-Object.defineProperty(exports, "updateCurrentSelectedTransactionCategorizationTab", { enumerable: true, get: function () { return expenseAutomationViewReducer_1.updateCurrentSelectedTransactionCategorizationTab; } });
 Object.defineProperty(exports, "updateCurrentSelectedView", { enumerable: true, get: function () { return expenseAutomationViewReducer_1.updateCurrentSelectedView; } });
 Object.defineProperty(exports, "updateCurrentSelectedPeriod", { enumerable: true, get: function () { return expenseAutomationViewReducer_1.updateCurrentSelectedPeriod; } });
 const missingReceiptsViewReducer_1 = require("./view/expenseAutomationView/reducers/missingReceiptsViewReducer");
@@ -162,6 +161,7 @@ Object.defineProperty(exports, "markTransactionAsNotMiscategorized", { enumerabl
 Object.defineProperty(exports, "updateStatusForTransactionNotMiscategorizedUpdate", { enumerable: true, get: function () { return transactionsViewReducer_1.updateStatusForTransactionNotMiscategorizedUpdate; } });
 Object.defineProperty(exports, "updateSelectedVendorForTransaction", { enumerable: true, get: function () { return transactionsViewReducer_1.updateSelectedVendorForTransaction; } });
 Object.defineProperty(exports, "clearExpenseAutomationTransactionsView", { enumerable: true, get: function () { return transactionsViewReducer_1.clearExpenseAutomationTransactionsView; } });
+Object.defineProperty(exports, "updateCurrentSelectedTransactionCategorizationTab", { enumerable: true, get: function () { return transactionsViewReducer_1.updateCurrentSelectedTransactionCategorizationTab; } });
 const transactionCategorizationSelector_1 = require("./view/expenseAutomationView/selectors/transactionCategorizationSelector");
 Object.defineProperty(exports, "getExpenseAutomationTransactionView", { enumerable: true, get: function () { return transactionCategorizationSelector_1.getExpenseAutomationTransactionView; } });
 const transactionCategorizationLocalDataHelper_1 = require("./view/expenseAutomationView/helpers/transactionCategorizationLocalDataHelper");

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

@@ -16,7 +16,7 @@ const fetchAllExpenseAutomationTabsEpic = (actions$, state$) => actions$.pipe((0
     const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state);
     const companyId = currentTenant.companyId;
     const selectedPeriod = state.expenseAutomationViewState.selectedPeriodByTenantId[currentTenant.tenantId];
-    const { selectedTransactionCategorizationTab } = state.expenseAutomationViewState;
+    const { selectedTransactionCategorizationTab } = state.expenseAutomationTransactionsViewState;
     const period = (0, timePeriod_1.convertToPeriod)(selectedPeriod);
     const timePeriodStart = (0, timePeriod_1.toAbsoluteDay)(period.start);
     const timePeriodEnd = (0, timePeriod_1.toAbsoluteDay)(period.end);
@@ -68,9 +68,12 @@ const fetchAllExpenseAutomationTabsEpic = (actions$, state$) => actions$.pipe((0
                     null)) {
             fetchActions.push((0, jeSchedulesViewReducer_1.fetchJeSchedulesPage)({ start: timePeriodStart, end: timePeriodEnd }, cacheOverride));
         }
-        if (state.expenseAutomationTransactionsViewState[selectedTransactionCategorizationTab].fetchState !== 'In-Progress' &&
-            (state.expenseAutomationTransactionsViewState[selectedTransactionCategorizationTab].hasValidState() === false ||
-                state.expenseAutomationTransactionsViewState[selectedTransactionCategorizationTab].transactionIdsBySelectedPeriod[monthYearPeriodId] == null)) {
+        if (state.expenseAutomationTransactionsViewState
+            .transactionCategorizationView[selectedTransactionCategorizationTab]
+            .fetchState !== 'In-Progress' &&
+            (state.expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTransactionCategorizationTab].hasValidState() === false ||
+                state.expenseAutomationTransactionsViewState
+                    .transactionCategorizationView[selectedTransactionCategorizationTab].transactionIdsBySelectedPeriod[monthYearPeriodId] == null)) {
             fetchActions.push((0, transactionsViewReducer_1.fetchTransactionCategorizationView)(selectedTransactionCategorizationTab, { start: timePeriodStart, end: timePeriodEnd }, cacheOverride, false, undefined, undefined, refreshViewInBackground));
         }
         return (0, rxjs_1.from)(fetchActions);

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

@@ -15,7 +15,8 @@ const refreshExpenseAutomationCurrentTabEpic = (actions$, state$) => actions$.pi
     const state = state$.value;
     const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state);
     const companyId = currentTenant.companyId;
-    const { selectedPeriodByTenantId, currentSelectedView, selectedTransactionCategorizationTab, } = state.expenseAutomationViewState;
+    const { selectedTransactionCategorizationTab } = state.expenseAutomationTransactionsViewState;
+    const { selectedPeriodByTenantId, currentSelectedView } = state.expenseAutomationViewState;
     const selectedPeriod = selectedPeriodByTenantId[currentTenant.tenantId];
     const period = (0, timePeriod_1.convertToPeriod)(selectedPeriod);
     const timePeriodStart = (0, timePeriod_1.toAbsoluteDay)(period.start);

package/lib/view/expenseAutomationView/epics/transactionCategorization/fetchTransactionCategorizationEpic.js CHANGED Viewed

@@ -12,7 +12,7 @@ const tenantSelector_1 = require("../../../../entity/tenant/tenantSelector");
 const fetchTransactionCategorizationEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(transactionsViewReducer_1.fetchTransactionCategorization.match), (0, operators_1.switchMap)((action) => {
     const { expenseAutomationViewState: { selectedPeriodByTenantId }, expenseAutomationTransactionsViewState, } = state$.value;
     const { period, keepExistingListItems, selectedTab, refreshViewInBackground, } = action.payload;
-    const uiState = expenseAutomationTransactionsViewState[selectedTab].uiState;
+    const uiState = expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTab].uiState;
     const { pageToken, sortOrder, sortKey } = uiState;
     const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state$.value);
     const selectedPeriod = selectedPeriodByTenantId[currentTenant.tenantId];

package/lib/view/expenseAutomationView/epics/transactionCategorization/fetchTransactionCategorizationViewEpic.js CHANGED Viewed

@@ -12,7 +12,7 @@ const fetchTransactionCategorizationViewEpic = (actions$, state$) => actions$.pi
     const { selectedTab, cacheOverride, keepExistingListItems, pageToken, period, refreshViewInBackground, searchString, resetListItems, } = action.payload;
     const updateActions = [];
     const { expenseAutomationTransactionsViewState } = state$.value;
-    const { fetchState, transactionIdsBySelectedPeriod } = expenseAutomationTransactionsViewState[selectedTab];
+    const { fetchState, transactionIdsBySelectedPeriod } = expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTab];
     const monthYearPeriod = {
         month: period.start.month,
         year: period.start.year,

package/lib/view/expenseAutomationView/epics/transactionCategorization/initializeTransactionCategorizationLocalDataEpic.js CHANGED Viewed

@@ -10,9 +10,9 @@ const transactionCategorizationLocalDataHelper_1 = require("../../helpers/transa
 const initializeTransactionCategorizationViewLocalDataEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(transactionsViewReducer_1.initializeTransactionCategorizationViewLocalData.match), (0, operators_1.mergeMap)((action) => {
     const { transactionIds, selectedPeriod, keepExistingListItems, selectedTab, pageToken, totalCount, refreshViewInBackground, } = action.payload;
     const fetchActions = [];
-    const { transactionState, expenseAutomationTransactionsViewState, expenseAutomationViewState, } = state$.value;
-    const { selectedTransactionCategorizationTab } = expenseAutomationViewState;
-    const { transactionReviewLocalDataById } = expenseAutomationTransactionsViewState[selectedTransactionCategorizationTab];
+    const { transactionState, expenseAutomationTransactionsViewState } = state$.value;
+    const { selectedTransactionCategorizationTab } = expenseAutomationTransactionsViewState;
+    const { transactionReviewLocalDataById } = expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTransactionCategorizationTab];
     const transactionLocalData = Object.assign({}, transactionReviewLocalDataById);
     const transactions = (0, transactionSelector_1.getSupportedTransactionsByIds)(transactionState, transactionIds);
     transactions.forEach((transaction) => {

package/lib/view/expenseAutomationView/epics/transactionCategorization/markTransactionAsNotMiscatgorizedEpic.js CHANGED Viewed

@@ -17,7 +17,7 @@ const markTransactionAsNotMiscategorizedEpic = (actions$, state$, zeniAPI) => ac
     const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state$.value);
     const selectedPeriod = expenseAutomationViewState.selectedPeriodByTenantId[currentTenant.tenantId];
     const { selectedTab } = action.payload;
-    const { uiState } = expenseAutomationTransactionsViewState[selectedTab];
+    const { uiState } = expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTab];
     if (transactionsInReview.length > 0) {
         return zeniAPI
             .putAndGetJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/expense-automation/mark-as-reviewed`, { transactions_reviewed: transactionsInReview })

package/lib/view/expenseAutomationView/epics/transactionCategorization/saveTransactionCategorizationEpic.js CHANGED Viewed

@@ -18,8 +18,7 @@ const saveTransactionCategorizationEpic = (actions$, state$) => actions$.pipe((0
     const transactionSaveUpdates = [];
     const transactions = (0, transactionSelector_1.getSupportedTransactionsByIds)(transactionState, transactionIds);
     transactions.forEach((transaction) => {
-        const detail = (0, get_1.default)(expenseAutomationTransactionsViewState[selectedTab]
-            .transactionReviewLocalDataById, transaction.id, undefined);
+        const detail = (0, get_1.default)(expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTab].transactionReviewLocalDataById, transaction.id, undefined);
         const uncategorizedIncomeExpense = (0, accountListSelector_1.getUncategorizedAccounts)(state$.value.accountState, state$.value.accountListState, 'accountList');
         const localData = detail === null || detail === void 0 ? void 0 : detail.transactionReviewLocalData;
         if (localData != null) {

package/lib/view/expenseAutomationView/epics/transactionCategorization/updateTransactionCategorizationEpic.js CHANGED Viewed

@@ -42,7 +42,8 @@ exports.updateTransactionCategorizationEpic = updateTransactionCategorizationEpi
 function prepareTransactionPayload(selectedTab, transactionState, vendorState, transactionsViewState, transactionId, saveUpdates) {
     var _a;
     const detail = (0, transactionSelector_1.getSupportedTransactionById)(transactionState, transactionId);
-    const tranDetail = (0, get_1.default)(transactionsViewState[selectedTab].transactionReviewLocalDataById, transactionId, undefined);
+    const tranDetail = (0, get_1.default)(transactionsViewState.transactionCategorizationView[selectedTab]
+        .transactionReviewLocalDataById, transactionId, undefined);
     const tranVendorUpdates = (_a = tranDetail === null || tranDetail === void 0 ? void 0 : tranDetail.transactionReviewLocalData) === null || _a === void 0 ? void 0 : _a.vendorUpdates;
     let vendorUpdates = undefined;
     if ((tranVendorUpdates === null || tranVendorUpdates === void 0 ? void 0 : tranVendorUpdates.qboId) != null) {

package/lib/view/expenseAutomationView/expenseAutomationViewReducer.d.ts CHANGED Viewed

@@ -12,8 +12,6 @@ export declare const fetchAllExpenseAutomationTabs: import("@reduxjs/toolkit").A
     newSelectedView: "transaction_categorization" | "je_schedules" | "account_recon" | "missing_receipts" | "flux_analysis" | "month_end_insights";
 }, string, never, never>, clearExpenseAutomationView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, initializeSelectedPeriodForTenants: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     selectedPeriodByTenantId: Record<ID, MonthYearPeriod>;
-}, string>, refreshExpenseAutomationCurrentTab: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateCurrentSelectedTransactionCategorizationTab: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[newSelectedTab: "review" | "autoCategorized"], {
-    newSelectedTab: "review" | "autoCategorized";
-}, string, never, never>;
+}, string>, refreshExpenseAutomationCurrentTab: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("@reduxjs/toolkit").Reducer<ExpenseAutomationViewState, import("@reduxjs/toolkit").AnyAction>;
 export default _default;

package/lib/view/expenseAutomationView/expenseAutomationViewReducer.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateCurrentSelectedTransactionCategorizationTab = exports.refreshExpenseAutomationCurrentTab = exports.initializeSelectedPeriodForTenants = exports.clearExpenseAutomationView = exports.updateCurrentSelectedView = exports.updateCurrentSelectedPeriod = exports.fetchAllExpenseAutomationTabs = exports.initialState = void 0;
+exports.refreshExpenseAutomationCurrentTab = exports.initializeSelectedPeriodForTenants = exports.clearExpenseAutomationView = exports.updateCurrentSelectedView = exports.updateCurrentSelectedPeriod = exports.fetchAllExpenseAutomationTabs = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 exports.initialState = {
     saveStatus: { fetchState: 'Not-Started', error: undefined },
@@ -13,7 +13,6 @@ exports.initialState = {
     hasValidState() {
         return this.fetchState == 'Completed';
     },
-    selectedTransactionCategorizationTab: 'review',
 };
 const expenseAutomationView = (0, toolkit_1.createSlice)({
     name: 'expenseAutomationView',
@@ -63,19 +62,10 @@ const expenseAutomationView = (0, toolkit_1.createSlice)({
                 return { payload: { newSelectedPeriod, tenantId } };
             },
         },
-        updateCurrentSelectedTransactionCategorizationTab: {
-            reducer(draft, action) {
-                draft.selectedTransactionCategorizationTab =
-                    action.payload.newSelectedTab;
-            },
-            prepare(newSelectedTab) {
-                return { payload: { newSelectedTab } };
-            },
-        },
         clearExpenseAutomationView(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = expenseAutomationView.actions, exports.fetchAllExpenseAutomationTabs = _a.fetchAllExpenseAutomationTabs, exports.updateCurrentSelectedPeriod = _a.updateCurrentSelectedPeriod, exports.updateCurrentSelectedView = _a.updateCurrentSelectedView, exports.clearExpenseAutomationView = _a.clearExpenseAutomationView, exports.initializeSelectedPeriodForTenants = _a.initializeSelectedPeriodForTenants, exports.refreshExpenseAutomationCurrentTab = _a.refreshExpenseAutomationCurrentTab, exports.updateCurrentSelectedTransactionCategorizationTab = _a.updateCurrentSelectedTransactionCategorizationTab;
+_a = expenseAutomationView.actions, exports.fetchAllExpenseAutomationTabs = _a.fetchAllExpenseAutomationTabs, exports.updateCurrentSelectedPeriod = _a.updateCurrentSelectedPeriod, exports.updateCurrentSelectedView = _a.updateCurrentSelectedView, exports.clearExpenseAutomationView = _a.clearExpenseAutomationView, exports.initializeSelectedPeriodForTenants = _a.initializeSelectedPeriodForTenants, exports.refreshExpenseAutomationCurrentTab = _a.refreshExpenseAutomationCurrentTab;
 exports.default = expenseAutomationView.reducer;

package/lib/view/expenseAutomationView/expenseAutomationViewSelector.js CHANGED Viewed

@@ -24,10 +24,11 @@ const isPreviousStepDisabled = (selectedTransactionCategorizationTab, allSteps,
 };
 function getExpenseAutomationView(state) {
     var _a, _b, _c;
-    const { expenseAutomationViewState, tenantState, expenseAutomationMissingReceiptsViewState, expenseAutomationJESchedulesViewState, monthEndCloseChecksState, companyState, } = state;
+    const { expenseAutomationViewState, tenantState, expenseAutomationMissingReceiptsViewState, expenseAutomationJESchedulesViewState, expenseAutomationTransactionsViewState, monthEndCloseChecksState, companyState, } = state;
     const { loggedInUser, currentTenantId } = tenantState;
     const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state);
-    const { currentSelectedView, selectedPeriodByTenantId, selectedTransactionCategorizationTab, } = expenseAutomationViewState;
+    const { currentSelectedView, selectedPeriodByTenantId } = expenseAutomationViewState;
+    const { selectedTransactionCategorizationTab } = expenseAutomationTransactionsViewState;
     const selectedPeriod = selectedPeriodByTenantId[currentTenant.tenantId];
     let currentSelectedViewFetchState = {
         fetchState: 'Not-Started',
@@ -41,7 +42,7 @@ function getExpenseAutomationView(state) {
     const missingReceipts = (0, missingReceiptsSelector_1.getExpenseAutomationMissingReceiptsView)(state);
     const fluxAnalysis = (0, fluxAnalysisViewSelector_1.getExpenseAutomationFluxAnalysisView)(state);
     const monthEndInsights = (0, companyMonthEndReportViewSelector_1.getCompanyMonthEndReportSelectorView)(state, currentTenant.companyId, loggedInUser);
-    const expenseAutomationTransactionsViewState = (0, transactionCategorizationSelector_1.getExpenseAutomationTransactionView)(state, selectedTransactionCategorizationTab);
+    const expenseAutomationTransactionsView = (0, transactionCategorizationSelector_1.getExpenseAutomationTransactionView)(state);
     const jeSchedules = (0, jeSchedulesViewSelector_1.getExpenseAutomationJESchedulesView)(state);
     switch (currentSelectedView) {
         case 'flux_analysis':
@@ -67,11 +68,11 @@ function getExpenseAutomationView(state) {
             break;
         case 'transaction_categorization':
             currentSelectedViewFetchState = {
-                fetchState: expenseAutomationTransactionsViewState.fetchState,
-                error: expenseAutomationTransactionsViewState.error,
+                fetchState: expenseAutomationTransactionsView.fetchState,
+                error: expenseAutomationTransactionsView.error,
             };
             currentSelectedViewBackgroundRefreshFetchState =
-                expenseAutomationTransactionsViewState.refreshStatus;
+                expenseAutomationTransactionsView.refreshStatus;
             break;
         case 'month_end_insights':
             currentSelectedViewFetchState = {
@@ -88,7 +89,7 @@ function getExpenseAutomationView(state) {
         expenseAutomationMissingReceiptsViewState,
         expenseAutomationJESchedulesViewState,
         monthEndCloseChecksView,
-        expenseAutomationTransactionsViewState,
+        expenseAutomationTransactionsView,
     ];
     let allSteps = [];
     let auditSummary = undefined;
@@ -108,7 +109,7 @@ function getExpenseAutomationView(state) {
         allSteps.forEach((stepDetail, index, allStepsOriginal) => {
             switch (stepDetail.step) {
                 case 'transaction_categorization':
-                    allStepsOriginal[index] = Object.assign(Object.assign({}, stepDetail), { completionStatus: expenseAutomationTransactionsViewState.completionStatus });
+                    allStepsOriginal[index] = Object.assign(Object.assign({}, stepDetail), { completionStatus: expenseAutomationTransactionsView.completionStatus });
                     return;
                 case 'je_schedules':
                     allStepsOriginal[index] = Object.assign(Object.assign({}, stepDetail), { completionStatus: jeSchedules.completionStatus });
@@ -135,15 +136,15 @@ function getExpenseAutomationView(state) {
     }
     const reducedFetchStatus = (0, reduceFetchState_1.reduceAnyFetchState)(fetchStateVariables); // Add more states
     const reducedSaveStatus = (0, reduceFetchState_1.reduceAllFetchState)([
-        expenseAutomationTransactionsViewState.saveStatus,
-        expenseAutomationTransactionsViewState.markAsNotMiscategorizedStatus,
+        expenseAutomationTransactionsView.saveStatus,
+        expenseAutomationTransactionsView.markAsNotMiscategorizedStatus,
     ]);
     const reducedUpdateStatus = (0, reduceFetchState_1.reduceAllFetchState)([
-        expenseAutomationTransactionsViewState.saveStatus, // TODO - Anjali add more states
+        expenseAutomationTransactionsView.saveStatus, // TODO - Anjali add more states
     ]);
     return {
         jeSchedules,
-        transactionView: expenseAutomationTransactionsViewState,
+        transactionView: expenseAutomationTransactionsView,
         missingReceipts,
         currentSelectedViewFetchState,
         currentSelectedViewBackgroundRefreshFetchState,

package/lib/view/expenseAutomationView/expenseAutomationViewState.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { FetchedState, FetchStateAndError, ID } from '../../commonStateTypes/common';
 import { MonthYearPeriod } from '../../commonStateTypes/timePeriod';
-import { TransactionsTab } from './types/transactionsViewState';
 export declare const EXPENSE_AUTOMATION_VIEW_TYPES: readonly ["transaction_categorization", "je_schedules", "account_recon", "missing_receipts", "flux_analysis", "month_end_insights"];
 export declare const toExpenseAutomationViewType: (v: string) => "transaction_categorization" | "je_schedules" | "account_recon" | "missing_receipts" | "flux_analysis" | "month_end_insights";
 export declare type ExpenseAutomationViewType = ReturnType<typeof toExpenseAutomationViewType>;
@@ -9,5 +8,4 @@ export interface ExpenseAutomationViewState extends FetchedState {
     updateStatus: FetchStateAndError;
     currentSelectedView: ExpenseAutomationViewType;
     selectedPeriodByTenantId: Record<ID, MonthYearPeriod>;
-    selectedTransactionCategorizationTab: TransactionsTab;
 }

package/lib/view/expenseAutomationView/reducers/transactionsViewReducer.d.ts CHANGED Viewed

@@ -53,6 +53,8 @@ export declare const fetchTransactionCategorization: import("@reduxjs/toolkit").
     selectedTab: "review" | "autoCategorized";
     transactionIds: string[];
     transactionSaveUpdates: TransactionSaveUpdates[];
+}, string, never, never>, updateCurrentSelectedTransactionCategorizationTab: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[newSelectedTab: "review" | "autoCategorized"], {
+    newSelectedTab: "review" | "autoCategorized";
 }, string, never, never>, updateTransactionCategorizationSaveStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[selectedTab: "review" | "autoCategorized", fetchState: FetchState, error?: ZeniAPIStatus<Record<string, unknown>> | undefined], {
     selectedTab: "review" | "autoCategorized";
     fetchState: FetchState;

package/lib/view/expenseAutomationView/reducers/transactionsViewReducer.js CHANGED Viewed

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setEntityRecommendationForLineIdsForCategorization = exports.clearExpenseAutomationTransactionsView = exports.clearExpenseAutomationTransactionsViewPerTabView = exports.updateSelectedCheckboxTransactionIds = exports.fetchTransactionCategorizationView = exports.fetchTransactionCategorizationSuccess = exports.updateTotalCountForTransactionCategorization = exports.setAllItemsToCategoryClassInLocalDataForCategorization = exports.updateSelectedVendorForTransaction = exports.updateStatusForTransactionNotMiscategorizedUpdate = exports.markTransactionAsNotMiscategorized = exports.updateTransactionCategorizationSaveStatus = exports.updateTransactionCategorization = exports.saveTransactionCategorization = exports.fetchTransactionCategorizationFailure = exports.saveTransactionCategorizationLocalData = exports.initializeTransactionCategorizationViewLocalData = exports.updateTransactionCategorizationUIState = exports.fetchTransactionCategorization = exports.initialState = exports.initialTransactionTabViewState = void 0;
+exports.setEntityRecommendationForLineIdsForCategorization = exports.clearExpenseAutomationTransactionsView = exports.clearExpenseAutomationTransactionsViewPerTabView = exports.updateSelectedCheckboxTransactionIds = exports.fetchTransactionCategorizationView = exports.fetchTransactionCategorizationSuccess = exports.updateTotalCountForTransactionCategorization = exports.setAllItemsToCategoryClassInLocalDataForCategorization = exports.updateSelectedVendorForTransaction = exports.updateStatusForTransactionNotMiscategorizedUpdate = exports.markTransactionAsNotMiscategorized = exports.updateTransactionCategorizationSaveStatus = exports.updateCurrentSelectedTransactionCategorizationTab = exports.updateTransactionCategorization = exports.saveTransactionCategorization = exports.fetchTransactionCategorizationFailure = exports.saveTransactionCategorizationLocalData = exports.initializeTransactionCategorizationViewLocalData = exports.updateTransactionCategorizationUIState = exports.fetchTransactionCategorization = exports.initialState = exports.initialTransactionTabViewState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const get_1 = __importDefault(require("lodash/get"));
 const uniq_1 = __importDefault(require("lodash/uniq"));
@@ -44,8 +44,11 @@ exports.initialTransactionTabViewState = {
     selectedCheckBoxTransactionIds: [],
 };
 exports.initialState = {
-    review: Object.assign({}, exports.initialTransactionTabViewState),
-    autoCategorized: Object.assign({}, exports.initialTransactionTabViewState),
+    selectedTransactionCategorizationTab: 'review',
+    transactionCategorizationView: {
+        review: Object.assign({}, exports.initialTransactionTabViewState),
+        autoCategorized: Object.assign({}, exports.initialTransactionTabViewState),
+    },
 };
 const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
     name: 'expenseAutomationTransactionsView',
@@ -75,39 +78,44 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
             reducer(draft, action) {
                 const { refreshViewInBackground, resetListItems, selectedTab, pageToken, searchString, period, } = action.payload;
                 if (refreshViewInBackground === true) {
-                    draft[selectedTab].refreshStatus = {
+                    draft.transactionCategorizationView[selectedTab].refreshStatus = {
                         fetchState: 'In-Progress',
                         error: undefined,
                     };
                 }
                 else {
-                    draft[selectedTab].fetchState = 'In-Progress';
-                    draft[selectedTab].error = undefined;
+                    draft.transactionCategorizationView[selectedTab].fetchState =
+                        'In-Progress';
+                    draft.transactionCategorizationView[selectedTab].error = undefined;
                 }
                 // Note: Need to reset scroll position whenever a new fetch happens, except when fetching through scroll
                 if (pageToken == null) {
                     // Page Token is null in each fetch except when fetching through scroll
-                    draft[selectedTab].uiState.scrollPosition = {
+                    draft.transactionCategorizationView[selectedTab].uiState.scrollPosition = {
                         scrollTop: 0,
                         scrollLeft: undefined,
                     };
                 }
-                draft[selectedTab].uiState.pageToken = pageToken !== null && pageToken !== void 0 ? pageToken : null;
-                draft[selectedTab].uiState.searchString = searchString !== null && searchString !== void 0 ? searchString : '';
-                draft[selectedTab].error = undefined;
+                draft.transactionCategorizationView[selectedTab].uiState.pageToken =
+                    pageToken !== null && pageToken !== void 0 ? pageToken : null;
+                draft.transactionCategorizationView[selectedTab].uiState.searchString =
+                    searchString !== null && searchString !== void 0 ? searchString : '';
+                draft.transactionCategorizationView[selectedTab].error = undefined;
                 // Reset list when we change the sort order and fetch list again
                 if (resetListItems === true) {
                     const monthYearPeriod = {
                         month: period.start.month,
                         year: period.start.year,
                     };
-                    const transactionIdsBySelectedPeriod = draft[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(monthYearPeriod)];
+                    const transactionIdsBySelectedPeriod = draft.transactionCategorizationView[selectedTab]
+                        .transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(monthYearPeriod)];
                     transactionIdsBySelectedPeriod.forEach((transactionId) => {
-                        delete draft[selectedTab].transactionReviewLocalDataById[transactionId];
+                        delete draft.transactionCategorizationView[selectedTab]
+                            .transactionReviewLocalDataById[transactionId];
                     });
-                    draft[selectedTab].selectedCheckBoxTransactionIds = draft[selectedTab].selectedCheckBoxTransactionIds.filter((selectedCheckBoxTransactionId) => transactionIdsBySelectedPeriod.includes(selectedCheckBoxTransactionId));
-                    draft[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(monthYearPeriod)] = [];
-                    draft[selectedTab].refreshStatus = {
+                    draft.transactionCategorizationView[selectedTab].selectedCheckBoxTransactionIds = draft.transactionCategorizationView[selectedTab].selectedCheckBoxTransactionIds.filter((selectedCheckBoxTransactionId) => transactionIdsBySelectedPeriod.includes(selectedCheckBoxTransactionId));
+                    draft.transactionCategorizationView[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(monthYearPeriod)] = [];
+                    draft.transactionCategorizationView[selectedTab].refreshStatus = {
                         fetchState: 'Not-Started',
                         error: undefined,
                     };
@@ -150,53 +158,62 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
         saveTransactionCategorizationLocalData(draft, action) {
             const { keepExistingListItems, transactionIds, transactionLocalData, selectedPeriod, selectedTab, pageToken, totalCount, } = action.payload;
             if (keepExistingListItems === false) {
-                draft[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = transactionIds;
-                draft[selectedTab].selectedCheckBoxTransactionIds = [];
+                draft.transactionCategorizationView[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] =
+                    transactionIds;
+                draft.transactionCategorizationView[selectedTab].selectedCheckBoxTransactionIds = [];
             }
             else {
-                const previousData = draft[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)];
+                const previousData = draft.transactionCategorizationView[selectedTab]
+                    .transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)];
                 if (previousData == null) {
-                    draft[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = transactionIds;
+                    draft.transactionCategorizationView[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = transactionIds;
                 }
                 else {
                     const combinedData = (0, uniq_1.default)([...previousData, ...transactionIds]);
-                    draft[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = [...combinedData];
+                    draft.transactionCategorizationView[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = [...combinedData];
                 }
             }
-            draft[selectedTab].transactionReviewLocalDataById = Object.assign(Object.assign({}, draft[selectedTab].transactionReviewLocalDataById), transactionLocalData);
+            draft.transactionCategorizationView[selectedTab].transactionReviewLocalDataById = Object.assign(Object.assign({}, draft.transactionCategorizationView[selectedTab]
+                .transactionReviewLocalDataById), transactionLocalData);
             if (action.payload.refreshViewInBackground === true) {
-                draft[selectedTab].refreshStatus = {
+                draft.transactionCategorizationView[selectedTab].refreshStatus = {
                     fetchState: 'Completed',
                     error: undefined,
                 };
             }
             else {
-                draft[selectedTab].fetchState = 'Completed';
-                draft[selectedTab].error = undefined;
+                draft.transactionCategorizationView[selectedTab].fetchState =
+                    'Completed';
+                draft.transactionCategorizationView[selectedTab].error = undefined;
             }
-            draft[selectedTab].uiState = Object.assign(Object.assign({}, draft[selectedTab].uiState), { pageToken: pageToken !== null && pageToken !== void 0 ? pageToken : null });
-            draft[selectedTab].uiState.totalCount[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = totalCount;
+            draft.transactionCategorizationView[selectedTab].uiState = Object.assign(Object.assign({}, draft.transactionCategorizationView[selectedTab].uiState), { pageToken: pageToken !== null && pageToken !== void 0 ? pageToken : null });
+            draft.transactionCategorizationView[selectedTab].uiState.totalCount[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = totalCount;
         },
         updateTransactionCategorizationUIState(draft, action) {
             const selectedTab = action.payload.selectedTab;
             const uiState = action.payload.uiState;
             if (uiState.sortKey != null) {
-                draft[selectedTab].uiState.sortKey = uiState.sortKey;
+                draft.transactionCategorizationView[selectedTab].uiState.sortKey =
+                    uiState.sortKey;
             }
             if (uiState.sortOrder != null) {
-                draft[selectedTab].uiState.sortOrder = uiState.sortOrder;
+                draft.transactionCategorizationView[selectedTab].uiState.sortOrder =
+                    uiState.sortOrder;
             }
             if (uiState.searchString != null) {
-                draft[selectedTab].uiState.searchString = uiState.searchString;
+                draft.transactionCategorizationView[selectedTab].uiState.searchString =
+                    uiState.searchString;
             }
             if (uiState.scrollPosition != null) {
-                draft[selectedTab].uiState.scrollPosition = uiState.scrollPosition;
+                draft.transactionCategorizationView[selectedTab].uiState.scrollPosition = uiState.scrollPosition;
             }
             if (uiState.pageToken != null) {
-                draft[selectedTab].uiState.pageToken = uiState.pageToken;
+                draft.transactionCategorizationView[selectedTab].uiState.pageToken =
+                    uiState.pageToken;
             }
             if (uiState.totalCount != null) {
-                draft[selectedTab].uiState.totalCount = uiState.totalCount;
+                draft.transactionCategorizationView[selectedTab].uiState.totalCount =
+                    uiState.totalCount;
             }
         },
         saveTransactionCategorization: {
@@ -212,10 +229,19 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
                 // do nothing
             },
         },
+        updateCurrentSelectedTransactionCategorizationTab: {
+            reducer(draft, action) {
+                draft.selectedTransactionCategorizationTab =
+                    action.payload.newSelectedTab;
+            },
+            prepare(newSelectedTab) {
+                return { payload: { newSelectedTab } };
+            },
+        },
         updateTransactionCategorization: {
             reducer(draft, action) {
                 const selectedTab = action.payload.selectedTab;
-                draft[selectedTab].saveStatus = {
+                draft.transactionCategorizationView[selectedTab].saveStatus = {
                     error: undefined,
                     fetchState: 'In-Progress',
                 };
@@ -233,33 +259,37 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
         setAllItemsToCategoryClassInLocalDataForCategorization: {
             reducer(draft, action) {
                 const { vendorId, selectedAccount, selectedClassBase, transactions, transactionId, lineId, selectedTab, } = action.payload;
-                const transactionLocalData = (0, get_1.default)(draft[selectedTab].transactionReviewLocalDataById, transactionId, undefined);
+                const transactionLocalData = (0, get_1.default)(draft.transactionCategorizationView[selectedTab]
+                    .transactionReviewLocalDataById, transactionId, undefined);
                 const existingAccount = transactionLocalData === null || transactionLocalData === void 0 ? void 0 : transactionLocalData.transactionReviewLocalData.lineItemById[lineId].account;
                 if (transactionLocalData != null) {
                     const newTransactionLocalData = Object.assign(Object.assign({}, transactionLocalData.transactionReviewLocalData), { lineItemById: Object.assign(Object.assign({}, transactionLocalData.transactionReviewLocalData.lineItemById), { [lineId]: Object.assign(Object.assign({}, transactionLocalData.transactionReviewLocalData.lineItemById[lineId]), { account: selectedAccount, class: selectedClassBase }) }) });
-                    draft[selectedTab].transactionReviewLocalDataById[transactionId] = {
+                    draft.transactionCategorizationView[selectedTab].transactionReviewLocalDataById[transactionId] = {
                         transactionReviewLocalData: newTransactionLocalData,
                         transactionId,
                     };
                     const selectedTransaction = transactions.find((transaction) => transaction.id === transactionId);
-                    const selectedCheckBoxTransactionIds = draft[selectedTab].selectedCheckBoxTransactionIds;
+                    const selectedCheckBoxTransactionIds = draft.transactionCategorizationView[selectedTab]
+                        .selectedCheckBoxTransactionIds;
                     if (selectedTransaction != null &&
                         (0, transactionCategorizationLocalDataHelper_1.checkIfAllLineItemsAreCategoryClassFilled)(selectedTransaction, newTransactionLocalData) === true && // check if all line items are filled
                         selectedCheckBoxTransactionIds.length < transactionCategorizationLocalDataHelper_1.MAX_SELECTION_LIMIT &&
                         selectedCheckBoxTransactionIds.includes(transactionId) === false) {
-                        draft[selectedTab].selectedCheckBoxTransactionIds = [
-                            ...draft[selectedTab].selectedCheckBoxTransactionIds,
+                        draft.transactionCategorizationView[selectedTab].selectedCheckBoxTransactionIds = [
+                            ...draft.transactionCategorizationView[selectedTab]
+                                .selectedCheckBoxTransactionIds,
                             transactionId,
                         ];
                     }
                 }
                 if (vendorId != null) {
                     transactions.forEach((transaction) => {
-                        const transactionLocalData = (0, get_1.default)(draft[selectedTab].transactionReviewLocalDataById, transaction.id, undefined);
+                        const transactionLocalData = (0, get_1.default)(draft.transactionCategorizationView[selectedTab]
+                            .transactionReviewLocalDataById, transaction.id, undefined);
                         if (transactionLocalData != null) {
-                            draft[selectedTab].transactionReviewLocalDataById[transaction.id] = {
+                            draft.transactionCategorizationView[selectedTab].transactionReviewLocalDataById[transaction.id] = {
                                 transactionId: transaction.id,
-                                transactionReviewLocalData: (0, transactionCategorizationLocalDataHelper_1.toSetAllLineItemsToCategoryClass)(draft[selectedTab], transaction, transactionId, lineId, transactionLocalData.transactionReviewLocalData, (existingAccount === null || existingAccount === void 0 ? void 0 : existingAccount.accountId) !== (selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.accountId)
+                                transactionReviewLocalData: (0, transactionCategorizationLocalDataHelper_1.toSetAllLineItemsToCategoryClass)(draft.transactionCategorizationView[selectedTab], transaction, transactionId, lineId, transactionLocalData.transactionReviewLocalData, (existingAccount === null || existingAccount === void 0 ? void 0 : existingAccount.accountId) !== (selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.accountId)
                                     ? 'category'
                                     : 'class', vendorId, selectedAccount, selectedClassBase),
                             };
@@ -299,11 +329,12 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
             },
             reducer(draft, action) {
                 const { entity, transaction, transactionId, selectedTab, lineIds } = action.payload;
-                const transactionLocalData = (0, get_1.default)(draft[selectedTab].transactionReviewLocalDataById, transactionId.id, undefined);
+                const transactionLocalData = (0, get_1.default)(draft.transactionCategorizationView[selectedTab]
+                    .transactionReviewLocalDataById, transactionId.id, undefined);
                 if (transactionLocalData != null) {
-                    draft[selectedTab].transactionReviewLocalDataById[transaction.id] = {
+                    draft.transactionCategorizationView[selectedTab].transactionReviewLocalDataById[transaction.id] = {
                         transactionId: transaction.id,
-                        transactionReviewLocalData: (0, transactionCategorizationLocalDataHelper_1.setEntityRecommendationForLineIdInLocalData)(draft[selectedTab], transaction, transactionLocalData.transactionReviewLocalData, entity, lineIds, action.payload.recommendationByLineId),
+                        transactionReviewLocalData: (0, transactionCategorizationLocalDataHelper_1.setEntityRecommendationForLineIdInLocalData)(draft.transactionCategorizationView[selectedTab], transaction, transactionLocalData.transactionReviewLocalData, entity, lineIds, action.payload.recommendationByLineId),
                     };
                 }
             },
@@ -311,25 +342,29 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
         fetchTransactionCategorizationSuccess(draft, action) {
             const { selectedTab } = action.payload;
             if (action.payload.refreshViewInBackground === true) {
-                draft[selectedTab].refreshStatus = {
+                draft.transactionCategorizationView[selectedTab].refreshStatus = {
                     fetchState: 'Completed',
                     error: undefined,
                 };
             }
             else {
-                draft[selectedTab].fetchState = 'Completed';
-                draft[selectedTab].error = undefined;
+                draft.transactionCategorizationView[selectedTab].fetchState =
+                    'Completed';
+                draft.transactionCategorizationView[selectedTab].error = undefined;
             }
         },
         fetchTransactionCategorizationFailure(draft, action) {
             const { selectedTab, selectedPeriod } = action.payload;
-            draft[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = [];
-            draft[selectedTab].fetchState = 'Error';
-            draft[selectedTab].error = action.payload.status;
+            draft.transactionCategorizationView[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] =
+                [];
+            draft.transactionCategorizationView[selectedTab].fetchState = 'Error';
+            draft.transactionCategorizationView[selectedTab].error =
+                action.payload.status;
         },
         updateSelectedVendorForTransaction(draft, action) {
             const { transactionId, lineId, updatedVendor, selectedTransaction, selectedTab, } = action.payload;
-            const transactionLocalData = (0, get_1.default)(draft[selectedTab].transactionReviewLocalDataById, transactionId, undefined);
+            const transactionLocalData = (0, get_1.default)(draft.transactionCategorizationView[selectedTab]
+                .transactionReviewLocalDataById, transactionId, undefined);
             if (transactionLocalData != null) {
                 let newTransactionLocalData = Object.assign({}, transactionLocalData.transactionReviewLocalData);
                 if (!(0, vendorTransaction_1.isVendorTransaction)(selectedTransaction) &&
@@ -354,17 +389,18 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
                             }
                             : undefined;
                 }
-                draft[selectedTab].transactionReviewLocalDataById[transactionId] = {
+                draft.transactionCategorizationView[selectedTab].transactionReviewLocalDataById[transactionId] = {
                     transactionReviewLocalData: newTransactionLocalData,
                     transactionId,
                 };
-                const selectedCheckBoxTransactionIds = draft[selectedTab].selectedCheckBoxTransactionIds;
+                const selectedCheckBoxTransactionIds = draft.transactionCategorizationView[selectedTab]
+                    .selectedCheckBoxTransactionIds;
                 if (newTransactionLocalData.vendor != null &&
                     newTransactionLocalData.vendor.id != null &&
                     (0, transactionCategorizationLocalDataHelper_1.checkIfAllLineItemsAreCategoryClassFilled)(selectedTransaction, newTransactionLocalData) === true && // check if all line items are filled
                     selectedCheckBoxTransactionIds.length < transactionCategorizationLocalDataHelper_1.MAX_SELECTION_LIMIT &&
                     selectedCheckBoxTransactionIds.includes(transactionId) === false) {
-                    draft[selectedTab].selectedCheckBoxTransactionIds = [
+                    draft.transactionCategorizationView[selectedTab].selectedCheckBoxTransactionIds = [
                         ...selectedCheckBoxTransactionIds,
                         transactionId,
                     ];
@@ -374,7 +410,7 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
         updateTransactionCategorizationSaveStatus: {
             reducer(draft, action) {
                 const selectedTab = action.payload.selectedTab;
-                draft[selectedTab].saveStatus = {
+                draft.transactionCategorizationView[selectedTab].saveStatus = {
                     fetchState: action.payload.fetchState,
                     error: action.payload.error,
                 };
@@ -392,7 +428,7 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
         markTransactionAsNotMiscategorized: {
             reducer(draft, action) {
                 const selectedTab = action.payload.selectedTab;
-                draft[selectedTab].markAsNotMiscategorizedStatus = {
+                draft.transactionCategorizationView[selectedTab].markAsNotMiscategorizedStatus = {
                     fetchState: 'In-Progress',
                     error: undefined,
                 };
@@ -410,16 +446,17 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
             reducer(draft, action) {
                 const { selectedTab, selectedPeriod, transactionIds } = action.payload;
                 if (action.payload.fetchState === 'Completed') {
-                    const selectedCheckBoxTransactionIds = draft[selectedTab].selectedCheckBoxTransactionIds.filter((id) => !transactionIds.includes(id));
-                    draft[selectedTab].selectedCheckBoxTransactionIds = [
+                    const selectedCheckBoxTransactionIds = draft.transactionCategorizationView[selectedTab].selectedCheckBoxTransactionIds.filter((id) => !transactionIds.includes(id));
+                    draft.transactionCategorizationView[selectedTab].selectedCheckBoxTransactionIds = [
                         ...selectedCheckBoxTransactionIds,
                     ];
-                    const transactionIdsBySelectedPeriod = draft[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)];
+                    const transactionIdsBySelectedPeriod = draft.transactionCategorizationView[selectedTab]
+                        .transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)];
                     if (transactionIdsBySelectedPeriod != null) {
-                        draft[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = transactionIdsBySelectedPeriod.filter((id) => !transactionIds.includes(id));
+                        draft.transactionCategorizationView[selectedTab].transactionIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = transactionIdsBySelectedPeriod.filter((id) => !transactionIds.includes(id));
                     }
                 }
-                draft[selectedTab].markAsNotMiscategorizedStatus = {
+                draft.transactionCategorizationView[selectedTab].markAsNotMiscategorizedStatus = {
                     fetchState: action.payload.fetchState,
                     error: action.payload.error,
                 };
@@ -438,21 +475,21 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
         },
         updateTotalCountForTransactionCategorization(draft, action) {
             const { selectedTab, selectedPeriod, totalCount } = action.payload;
-            draft[selectedTab].uiState.totalCount[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = totalCount;
+            draft.transactionCategorizationView[selectedTab].uiState.totalCount[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = totalCount;
         },
         updateSelectedCheckboxTransactionIds(draft, action) {
             const selectedTab = action.payload.selectedTab;
             const transactionIds = action.payload.transactionIds;
-            draft[selectedTab].selectedCheckBoxTransactionIds = [...transactionIds];
+            draft.transactionCategorizationView[selectedTab].selectedCheckBoxTransactionIds = [...transactionIds];
         },
         clearExpenseAutomationTransactionsViewPerTabView(draft, action) {
             const selectedTab = action.payload;
-            draft[selectedTab] = Object.assign({}, exports.initialTransactionTabViewState);
+            draft.transactionCategorizationView[selectedTab] = Object.assign({}, exports.initialTransactionTabViewState);
         },
         clearExpenseAutomationTransactionsView(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = expenseAutomationTransactionsView.actions, exports.fetchTransactionCategorization = _a.fetchTransactionCategorization, exports.updateTransactionCategorizationUIState = _a.updateTransactionCategorizationUIState, exports.initializeTransactionCategorizationViewLocalData = _a.initializeTransactionCategorizationViewLocalData, exports.saveTransactionCategorizationLocalData = _a.saveTransactionCategorizationLocalData, exports.fetchTransactionCategorizationFailure = _a.fetchTransactionCategorizationFailure, exports.saveTransactionCategorization = _a.saveTransactionCategorization, exports.updateTransactionCategorization = _a.updateTransactionCategorization, exports.updateTransactionCategorizationSaveStatus = _a.updateTransactionCategorizationSaveStatus, exports.markTransactionAsNotMiscategorized = _a.markTransactionAsNotMiscategorized, exports.updateStatusForTransactionNotMiscategorizedUpdate = _a.updateStatusForTransactionNotMiscategorizedUpdate, exports.updateSelectedVendorForTransaction = _a.updateSelectedVendorForTransaction, exports.setAllItemsToCategoryClassInLocalDataForCategorization = _a.setAllItemsToCategoryClassInLocalDataForCategorization, exports.updateTotalCountForTransactionCategorization = _a.updateTotalCountForTransactionCategorization, exports.fetchTransactionCategorizationSuccess = _a.fetchTransactionCategorizationSuccess, exports.fetchTransactionCategorizationView = _a.fetchTransactionCategorizationView, exports.updateSelectedCheckboxTransactionIds = _a.updateSelectedCheckboxTransactionIds, exports.clearExpenseAutomationTransactionsViewPerTabView = _a.clearExpenseAutomationTransactionsViewPerTabView, exports.clearExpenseAutomationTransactionsView = _a.clearExpenseAutomationTransactionsView, exports.setEntityRecommendationForLineIdsForCategorization = _a.setEntityRecommendationForLineIdsForCategorization;
+_a = expenseAutomationTransactionsView.actions, exports.fetchTransactionCategorization = _a.fetchTransactionCategorization, exports.updateTransactionCategorizationUIState = _a.updateTransactionCategorizationUIState, exports.initializeTransactionCategorizationViewLocalData = _a.initializeTransactionCategorizationViewLocalData, exports.saveTransactionCategorizationLocalData = _a.saveTransactionCategorizationLocalData, exports.fetchTransactionCategorizationFailure = _a.fetchTransactionCategorizationFailure, exports.saveTransactionCategorization = _a.saveTransactionCategorization, exports.updateTransactionCategorization = _a.updateTransactionCategorization, exports.updateCurrentSelectedTransactionCategorizationTab = _a.updateCurrentSelectedTransactionCategorizationTab, exports.updateTransactionCategorizationSaveStatus = _a.updateTransactionCategorizationSaveStatus, exports.markTransactionAsNotMiscategorized = _a.markTransactionAsNotMiscategorized, exports.updateStatusForTransactionNotMiscategorizedUpdate = _a.updateStatusForTransactionNotMiscategorizedUpdate, exports.updateSelectedVendorForTransaction = _a.updateSelectedVendorForTransaction, exports.setAllItemsToCategoryClassInLocalDataForCategorization = _a.setAllItemsToCategoryClassInLocalDataForCategorization, exports.updateTotalCountForTransactionCategorization = _a.updateTotalCountForTransactionCategorization, exports.fetchTransactionCategorizationSuccess = _a.fetchTransactionCategorizationSuccess, exports.fetchTransactionCategorizationView = _a.fetchTransactionCategorizationView, exports.updateSelectedCheckboxTransactionIds = _a.updateSelectedCheckboxTransactionIds, exports.clearExpenseAutomationTransactionsViewPerTabView = _a.clearExpenseAutomationTransactionsViewPerTabView, exports.clearExpenseAutomationTransactionsView = _a.clearExpenseAutomationTransactionsView, exports.setEntityRecommendationForLineIdsForCategorization = _a.setEntityRecommendationForLineIdsForCategorization;
 exports.default = expenseAutomationTransactionsView.reducer;

package/lib/view/expenseAutomationView/selectors/transactionCategorizationSelector.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 import { ExpenseAutomationTransactionViewSelector } from '../selectorTypes/transactionsViewSelectorTypes';
 import { RootState } from '../../../reducer';
-import { TransactionsTab } from '../types/transactionsViewState';
-export declare function getExpenseAutomationTransactionView(state: RootState, selectedTab: TransactionsTab): ExpenseAutomationTransactionViewSelector;
+export declare function getExpenseAutomationTransactionView(state: RootState): ExpenseAutomationTransactionViewSelector;

package/lib/view/expenseAutomationView/selectors/transactionCategorizationSelector.js CHANGED Viewed

@@ -12,10 +12,11 @@ const timePeriod_1 = require("../../../commonStateTypes/timePeriod");
 const tenantSelector_1 = require("../../../entity/tenant/tenantSelector");
 const reduceFetchState_1 = require("../../../commonStateTypes/reduceFetchState");
 const expenseAutomationViewSelectorTypes_1 = require("../selectorTypes/expenseAutomationViewSelectorTypes");
-function getExpenseAutomationTransactionView(state, selectedTab) {
+function getExpenseAutomationTransactionView(state) {
     var _a;
     const { accountState, classState, classListState, accountListState, expenseAutomationTransactionsViewState, expenseAutomationViewState, transactionState, monthEndCloseChecksState, } = state;
-    const { uiState, refreshStatus, saveStatus, markAsNotMiscategorizedStatus, transactionIdsBySelectedPeriod, transactionReviewLocalDataById, selectedCheckBoxTransactionIds, } = expenseAutomationTransactionsViewState[selectedTab];
+    const { selectedTransactionCategorizationTab } = expenseAutomationTransactionsViewState;
+    const { uiState, refreshStatus, saveStatus, markAsNotMiscategorizedStatus, transactionIdsBySelectedPeriod, transactionReviewLocalDataById, selectedCheckBoxTransactionIds, } = expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTransactionCategorizationTab];
     const uncategorizedIncomeExpense = (0, accountListSelector_1.getUncategorizedAccounts)(accountState, accountListState, 'accountList');
     const accountList = (0, accountListSelector_1.getAccountList)(accountState, accountListState, 'accountList');
     const classList = (0, classListSelector_1.getClassList)(classState, classListState);
@@ -52,21 +53,29 @@ function getExpenseAutomationTransactionView(state, selectedTab) {
     fetchStatus = (0, reduceFetchState_1.reduceAllFetchState)([
         accountList,
         classList,
-        expenseAutomationTransactionsViewState[selectedTab],
+        expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTransactionCategorizationTab],
     ]);
-    const totalCountByReview = expenseAutomationTransactionsViewState.review.uiState.totalCount;
-    const totalCountByAutoCat = expenseAutomationTransactionsViewState.autoCategorized.uiState.totalCount;
+    const totalCountByReview = expenseAutomationTransactionsViewState.transactionCategorizationView.review
+        .uiState.totalCount;
+    const totalCountByAutoCat = expenseAutomationTransactionsViewState.transactionCategorizationView
+        .autoCategorized.uiState.totalCount;
     const totalCountByTab = {
         review: monthYearPeriodId != null ? totalCountByReview[monthYearPeriodId] : 0,
         autoCategorized: monthYearPeriodId != null ? totalCountByAutoCat[monthYearPeriodId] : 0,
     };
     const fetchStateByTab = {
-        review: (0, reduceFetchState_1.reduceAllFetchState)([
-            expenseAutomationTransactionsViewState.review,
-        ]),
-        autoCategorized: (0, reduceFetchState_1.reduceAllFetchState)([
-            expenseAutomationTransactionsViewState.autoCategorized,
-        ]),
+        review: {
+            fetchState: expenseAutomationTransactionsViewState.transactionCategorizationView
+                .review.fetchState,
+            error: expenseAutomationTransactionsViewState.transactionCategorizationView
+                .review.error,
+        },
+        autoCategorized: {
+            fetchState: expenseAutomationTransactionsViewState.transactionCategorizationView
+                .autoCategorized.fetchState,
+            error: expenseAutomationTransactionsViewState.transactionCategorizationView
+                .autoCategorized.error,
+        },
     };
     const allSteps = monthYearPeriodId != null
         ? (0, expenseAutomationViewSelectorTypes_1.getAllSteps)(monthEndCloseChecksState, monthYearPeriodId, currentTenant.tenantId)

package/lib/view/expenseAutomationView/types/transactionsViewState.d.ts CHANGED Viewed

@@ -85,7 +85,10 @@ export interface TransactionsTabViewState extends FetchedState {
     refreshStatus: FetchStateAndError;
     uiState: TransactionsViewUIState;
 }
-export declare type TransactionsViewState = Record<TransactionsTab, TransactionsTabViewState>;
+export declare type TransactionsViewState = {
+    selectedTransactionCategorizationTab: TransactionsTab;
+    transactionCategorizationView: Record<TransactionsTab, TransactionsTabViewState>;
+};
 export interface TransactionLineUpdates {
     class?: ClassBase;
     account?: AccountBase;

package/lib/view/recommendation/fetchEntityRecommendationsByTransactionIdEpic.js CHANGED Viewed

@@ -12,7 +12,7 @@ const accountListSelector_1 = require("../accountList/accountListSelector");
 const transactionDetailState_1 = require("../transactionDetail/transactionDetailState");
 const fetchEntityRecommendationsByTransactionIdEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(recommendationReducer_1.fetchEntityRecommendationsByTransactionId.match), (0, operators_1.switchMap)((action) => {
     const { entity, amount, transactionDetails, isBulkFetch, isTransactionCategorizationFlow, } = action.payload;
-    const { expenseAutomationViewState: { selectedTransactionCategorizationTab }, } = state$.value;
+    const { expenseAutomationTransactionsViewState: { selectedTransactionCategorizationTab, }, } = state$.value;
     const query = {
         amount,
         transaction_id: (0, transactionDetailState_1.getActualTransactionID)(transactionDetails.transactionId.id),

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "4.14.5",
+  "version": "4.14.6",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",