@zeniai/client-epic-state 4.16.0 → 4.16.2

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

@@ -1,39 +1,55 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateFluxAnalysisViewPageMetaData = exports.updateFluxAnalysisViewUIState = exports.reviewFluxAnalysisViewFailure = exports.reviewFluxAnalysisViewSuccess = exports.reviewFluxAnalysisView = exports.updateOperatingExpensesIdsForReview = exports.clearExpenseAutomationFluxAnalysisView = exports.fetchFluxAnalysisViewFailure = exports.fetchFluxAnalysisViewSuccess = exports.fetchFluxAnalysisView = exports.initialState = void 0;
+exports.updateSelectedSectionIdsForReview = exports.updateFluxAnalysisViewPageMetaData = exports.updateFluxAnalysisViewUIState = exports.reviewFluxAnalysisViewFailure = exports.reviewFluxAnalysisViewSuccess = exports.reviewFluxAnalysisView = exports.updateOperatingExpensesIdsForReview = exports.clearExpenseAutomationFluxAnalysisView = exports.fetchFluxAnalysisViewFailure = exports.fetchFluxAnalysisViewSuccess = exports.fetchFluxAnalysisView = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const timePeriod_1 = require("../../../commonStateTypes/timePeriod");
+const vendorState_1 = require("../../../entity/vendor/vendorState");
 const helpers_1 = require("../helpers/helpers");
 exports.initialState = {
-    reviewStatusById: {},
-    operatingExpenseIdsBySelectedPeriod: {},
     fluxAnalysisEntities: { operatingExpenses: [] },
     uiState: {
         scrollPosition: { scrollTop: 0, scrollLeft: undefined },
-        pageToken: null,
-        hasMore: true,
-        totalCount: 0,
-        limit: 10,
         sortKey: 'vendor',
         searchString: '',
         sortOrder: 'ascending',
+        paginationInfoByGroup: {
+            generalExpense: {
+                pageToken: null,
+                hasMore: true,
+                totalCount: 0,
+                limit: 10,
+            },
+            reimbursement: {
+                pageToken: null,
+                hasMore: true,
+                totalCount: 0,
+                limit: 10,
+            },
+        },
+        collapsableStatus: {
+            generalExpense: true,
+            reimbursement: true,
+        },
+    },
+    fetchState: 'Not-Started',
+    error: undefined,
+    currency: vendorState_1.defaultVendorCurrency,
+    totalBalancesAndVariance: undefined,
+    hasValidState() {
+        return this.fetchState == 'Completed';
     },
     refreshStatus: {
         fetchState: 'Not-Started',
         error: undefined,
     },
-    fetchState: 'Not-Started',
     bulkReviewStatus: {
         fetchState: 'Not-Started',
         error: undefined,
     },
-    error: undefined,
-    fluxAnalysisReportGenerated: false,
-    reviewOperatingExpensesIds: [],
-    hasValidState() {
-        return this.fetchState == 'Completed';
-    },
+    groupsBySelectedPeriod: {},
+    reviewOperatingExpenseIdsByPeriod: {},
+    selectedSectionIdsByPeriod: {},
 };
 const expenseAutomationFluxAnalysisView = (0, toolkit_1.createSlice)({
     name: 'expenseAutomationFluxAnalysisView',
@@ -41,27 +57,45 @@ const expenseAutomationFluxAnalysisView = (0, toolkit_1.createSlice)({
     reducers: {
         fetchFluxAnalysisView: {
             reducer(draft, action) {
-                const { refreshViewInBackground, monthAndYear, resetListItems } = action.payload;
+                const { refreshViewInBackground, monthAndYear, resetListItems, fetchReimbursement, } = action.payload;
+                const periodId = (0, timePeriod_1.toMonthYearPeriodId)(monthAndYear);
                 if (refreshViewInBackground) {
                     draft.refreshStatus = { fetchState: 'In-Progress', error: undefined };
                 }
                 else {
                     draft.fetchState = 'In-Progress';
-                    draft.error = undefined;
-                }
-                // Reset list when we change the sort order and fetch list again
-                if (resetListItems === true) {
-                    draft.operatingExpenseIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(monthAndYear)] = [];
-                    draft.reviewOperatingExpensesIds = [];
+                    const group = draft.groupsBySelectedPeriod[periodId];
+                    // Initialize group structure if it's the first fetch
+                    if (group == null) {
+                        draft.groupsBySelectedPeriod[periodId] = getInProgressGroup();
+                    }
+                    else {
+                        // Update fetch status based on fetchReimbursement
+                        const statusField = fetchReimbursement
+                            ? 'reimbursement'
+                            : 'generalExpense';
+                        group[statusField].fetchStatus = {
+                            fetchState: 'In-Progress',
+                            error: undefined,
+                        };
+                    }
+                    // Reset list if necessary
+                    if (resetListItems === true) {
+                        const statusField = fetchReimbursement
+                            ? 'reimbursement'
+                            : 'generalExpense';
+                        draft.groupsBySelectedPeriod[periodId][statusField].operatingExpenseIds = [];
+                    }
                 }
             },
-            prepare(monthAndYear, cacheOverride, refreshViewInBackground, pageToken, keepExistingListItems, resetListItems) {
+            prepare(monthAndYear, cacheOverride, refreshViewInBackground, pageToken, fetchReimbursement = false, keepExistingListItems, resetListItems) {
                 return {
                     payload: {
                         monthAndYear,
                         refreshViewInBackground,
                         cacheOverride,
                         pageToken,
+                        fetchReimbursement,
                         keepExistingListItems,
                         resetListItems,
                     },
@@ -69,72 +103,79 @@ const expenseAutomationFluxAnalysisView = (0, toolkit_1.createSlice)({
             },
         },
         fetchFluxAnalysisViewSuccess(draft, action) {
-            const { expensesPayload, selectedPeriod, keepExistingListItems, currency } = action.payload;
-            if (draft.fetchState === 'In-Progress') {
-                draft.fetchState = 'Completed';
-                draft.error = undefined;
-            }
-            else {
-                draft.refreshStatus = { fetchState: 'Completed', error: undefined };
-            }
-            draft.reviewStatusById = Object.assign(Object.assign({}, draft.reviewStatusById), toReviewStatusById(expensesPayload));
+            const { expensesPayload, selectedPeriod, keepExistingListItems, fetchReimbursement, currency, totalsPayload, } = action.payload;
+            const periodId = (0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod);
+            const group = draft.groupsBySelectedPeriod[periodId];
+            const groupToBeFetched = fetchReimbursement
+                ? group.reimbursement
+                : group.generalExpense;
             const fluxOpExEntityIds = expensesPayload.map((expense) => expense.flux_analysis_entity_id);
-            if (keepExistingListItems === true) {
-                const allFluxAnalysisEntities = {
-                    operatingExpenses: [
-                        ...draft.fluxAnalysisEntities.operatingExpenses,
-                        ...toFluxAnalysisOperatingExpenses(expensesPayload, currency),
-                    ],
-                };
-                const allOperatingExpenseIdsBySelectedPeriod = [
-                    ...draft.operatingExpenseIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)],
-                    ...fluxOpExEntityIds,
-                ];
-                draft.fluxAnalysisEntities = allFluxAnalysisEntities;
-                draft.operatingExpenseIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = allOperatingExpenseIdsBySelectedPeriod;
-            }
-            else {
-                draft.operatingExpenseIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = fluxOpExEntityIds;
-                draft.fluxAnalysisEntities = {
-                    operatingExpenses: [
-                        ...toFluxAnalysisOperatingExpenses(expensesPayload, currency),
-                        ...draft.fluxAnalysisEntities.operatingExpenses,
-                    ],
-                };
+            // Handle fetch completion
+            handleFetchCompletion(draft, selectedPeriod, fetchReimbursement, groupToBeFetched);
+            draft.fetchState = 'Completed';
+            // Update flux analysis entities
+            const allFluxAnalysisEntities = updateFluxAnalysisEntities(draft.fluxAnalysisEntities, expensesPayload, currency);
+            // Update operating expense ids based on the "keepExistingListItems" flag
+            updateOperatingExpenseIds(draft, selectedPeriod, groupToBeFetched, fluxOpExEntityIds, fetchReimbursement, keepExistingListItems);
+            // Update total balances and variance if available
+            if (totalsPayload != null) {
+                updateTotals(draft, selectedPeriod, totalsPayload, currency);
             }
+            // Set currency
+            draft.currency = {
+                currencyCode: currency.currency_code,
+                currencySymbol: currency.currency_symbol,
+            };
+            // Reset review operating expenses ids for the period
+            draft.reviewOperatingExpenseIdsByPeriod[periodId] = [];
+            // Final update of flux analysis entities
+            draft.fluxAnalysisEntities = allFluxAnalysisEntities;
         },
         updateFluxAnalysisViewPageMetaData(draft, action) {
-            var _a, _b, _c, _d;
-            draft.uiState = Object.assign(Object.assign({}, draft.uiState), { pageToken: (_b = (_a = action.payload.pageMetaData) === null || _a === void 0 ? void 0 : _a.next_page_token) !== null && _b !== void 0 ? _b : null, hasMore: (_d = (_c = action.payload.pageMetaData) === null || _c === void 0 ? void 0 : _c.is_more_data_to_load) !== null && _d !== void 0 ? _d : true });
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            draft.uiState = Object.assign(Object.assign({}, draft.uiState), { paginationInfoByGroup: {
+                    generalExpense: action.payload.fetchReimbursement === true
+                        ? draft.uiState.paginationInfoByGroup.generalExpense
+                        : Object.assign(Object.assign({}, draft.uiState.paginationInfoByGroup.generalExpense), { pageToken: (_b = (_a = action.payload.pageMetaData) === null || _a === void 0 ? void 0 : _a.next_page_token) !== null && _b !== void 0 ? _b : null, hasMore: (_d = (_c = action.payload.pageMetaData) === null || _c === void 0 ? void 0 : _c.is_more_data_to_load) !== null && _d !== void 0 ? _d : true }),
+                    reimbursement: action.payload.fetchReimbursement === false
+                        ? draft.uiState.paginationInfoByGroup.reimbursement
+                        : Object.assign(Object.assign({}, draft.uiState.paginationInfoByGroup.reimbursement), { pageToken: (_f = (_e = action.payload.pageMetaData) === null || _e === void 0 ? void 0 : _e.next_page_token) !== null && _f !== void 0 ? _f : null, hasMore: (_h = (_g = action.payload.pageMetaData) === null || _g === void 0 ? void 0 : _g.is_more_data_to_load) !== null && _h !== void 0 ? _h : true }),
+                } });
         },
         fetchFluxAnalysisViewFailure(draft, action) {
-            const { status, selectedPeriod } = action.payload;
-            draft.operatingExpenseIdsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = [];
-            if (draft.fetchState === 'In-Progress') {
-                draft.fetchState = 'Error';
-                draft.error = status;
+            var _a, _b;
+            const { status, fetchReimbursement, selectedPeriod } = action.payload;
+            const periodId = (0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod);
+            if (fetchReimbursement) {
+                updateFetchFailureStatus(draft, selectedPeriod, 'reimbursement', status);
             }
             else {
-                draft.refreshStatus = { fetchState: 'Error', error: status };
+                const generalExpenseStatus = (_b = (_a = draft.groupsBySelectedPeriod[periodId]) === null || _a === void 0 ? void 0 : _a.generalExpense) === null || _b === void 0 ? void 0 : _b.fetchStatus.fetchState;
+                if (generalExpenseStatus === 'In-Progress') {
+                    updateFetchFailureStatus(draft, selectedPeriod, 'generalExpense', status);
+                }
+                else {
+                    draft.refreshStatus = { fetchState: 'Error', error: status };
+                }
             }
+            draft.fetchState = 'Error';
+            draft.error = status;
+        },
+        // This action updates the sections ids whenever a section is bulk selected
+        updateSelectedSectionIdsForReview(draft, action) {
+            const { sectionId, selectedPeriod } = action.payload;
+            draft.selectedSectionIdsByPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] =
+                sectionId;
         },
         updateOperatingExpensesIdsForReview(draft, action) {
-            const { operatingExpenseIds } = action.payload;
-            draft.reviewOperatingExpensesIds = operatingExpenseIds;
+            const { operatingExpenseIds, selectedPeriod } = action.payload;
+            draft.reviewOperatingExpenseIdsByPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] = operatingExpenseIds;
         },
         reviewFluxAnalysisView: {
-            reducer(draft, action) {
-                const { operatingExpenseIds, isBulk } = action.payload;
-                operatingExpenseIds.forEach((id) => {
-                    draft.reviewStatusById[id] = {
-                        fetchState: 'In-Progress',
-                    };
-                });
-                if (isBulk === true) {
-                    draft.bulkReviewStatus = {
-                        fetchState: 'In-Progress',
-                    };
-                }
+            reducer(draft) {
+                draft.bulkReviewStatus = {
+                    fetchState: 'In-Progress',
+                };
             },
             prepare(actionType, operatingExpenseIds, selectedPeriod, isBulk) {
                 return {
@@ -143,41 +184,32 @@ const expenseAutomationFluxAnalysisView = (0, toolkit_1.createSlice)({
             },
         },
         reviewFluxAnalysisViewSuccess(draft, action) {
-            const { expensesPayload, currency, isBulk } = action.payload;
-            let updatedFluxEntities = draft.fluxAnalysisEntities.operatingExpenses;
-            expensesPayload.forEach((opExPayload) => {
-                draft.reviewStatusById[opExPayload.flux_analysis_entity_id] = {
-                    fetchState: 'Completed',
-                };
-                const fluxEntity = toFluxAnalysisOperatingExpense(opExPayload, currency);
-                updatedFluxEntities = updatedFluxEntities.filter((fluxEntity) => fluxEntity.operatingExpenseId !==
-                    opExPayload.flux_analysis_entity_id);
-                updatedFluxEntities.push(fluxEntity);
-            });
+            const { expensesPayload, currency, selectedPeriod } = action.payload;
+            const periodId = (0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod);
+            // Create a map of flux entity IDs to be removed for efficiency
+            const fluxEntitiesToRemove = new Set(expensesPayload.map((opExPayload) => opExPayload.flux_analysis_entity_id));
+            // Generate updated flux entities
+            const updatedFluxEntities = [
+                ...draft.fluxAnalysisEntities.operatingExpenses.filter((fluxEntity) => !fluxEntitiesToRemove.has(fluxEntity.fluxAnalysisEntityId)),
+                ...expensesPayload.map((opExPayload) => toFluxAnalysisOperatingExpense(opExPayload, currency)),
+            ];
+            // Update the draft with the new list of operating expenses
             draft.fluxAnalysisEntities = {
                 operatingExpenses: updatedFluxEntities,
             };
-            draft.reviewOperatingExpensesIds = [];
-            if (isBulk === true) {
-                draft.bulkReviewStatus = {
-                    fetchState: 'Completed',
-                };
-            }
+            // Reset the review state
+            draft.reviewOperatingExpenseIdsByPeriod[periodId] = [];
+            draft.selectedSectionIdsByPeriod[periodId] = [];
+            draft.bulkReviewStatus = {
+                fetchState: 'Completed',
+            };
         },
         reviewFluxAnalysisViewFailure(draft, action) {
-            const { operatingExpenseIds, status, isBulk } = action.payload;
-            operatingExpenseIds.forEach((id) => {
-                if (draft.reviewStatusById[id].fetchState === 'In-Progress') {
-                    draft.reviewStatusById[id].fetchState = 'Error';
-                    draft.reviewStatusById[id].error = status;
-                }
-            });
-            if (isBulk === true) {
-                draft.bulkReviewStatus = {
-                    fetchState: 'Error',
-                    error: status,
-                };
-            }
+            const { status } = action.payload;
+            draft.bulkReviewStatus = {
+                fetchState: 'Error',
+                error: status,
+            };
         },
         updateFluxAnalysisViewUIState(draft, action) {
             if (action.payload.sortKey != null) {
@@ -192,6 +224,9 @@ const expenseAutomationFluxAnalysisView = (0, toolkit_1.createSlice)({
             if (action.payload.scrollPosition != null) {
                 draft.uiState.scrollPosition = action.payload.scrollPosition;
             }
+            if (action.payload.collapsableStatus != null) {
+                draft.uiState.collapsableStatus = action.payload.collapsableStatus;
+            }
         },
         clearExpenseAutomationFluxAnalysisView(draft) {
             Object.assign(draft, exports.initialState);
@@ -208,10 +243,9 @@ const toFluxAnalysisOperatingExpenses = (operatingExpensesPayload, currency) =>
 const toFluxAnalysisOperatingExpense = (operatingExpensePayload, currency) => {
     var _a;
     return {
-        operatingExpenseId: operatingExpensePayload.flux_analysis_entity_id,
+        fluxAnalysisEntityId: operatingExpensePayload.flux_analysis_entity_id,
         vendorId: operatingExpensePayload.vendor_id,
-        accountId: operatingExpensePayload.account_id,
-        classId: operatingExpensePayload.accounting_class_id,
+        vendorAccountsAndClasses: toVendorAccountsAndClasses(operatingExpensePayload.category_and_class_json, currency),
         userId: (_a = operatingExpensePayload.reviewed_by_user_id) !== null && _a !== void 0 ? _a : undefined,
         varianceAmount: operatingExpensePayload.variance_amount,
         variancePercentage: operatingExpensePayload.variance_percentage,
@@ -224,15 +258,111 @@ const toFluxAnalysisOperatingExpense = (operatingExpensePayload, currency) => {
         balancesByMonth: (0, helpers_1.toBalancesByMonthFromPayload)(operatingExpensePayload.month_1, operatingExpensePayload.month_2, currency),
     };
 };
-const toReviewStatusById = (operatingExpenses) => {
-    const reviewStatusById = {};
-    operatingExpenses.forEach((operatingExpense) => {
-        reviewStatusById[operatingExpense.flux_analysis_entity_id] = {
-            fetchState: 'Not-Started',
+const toVendorAccountsAndClasses = (accountAndClassJSON, currency) => {
+    return accountAndClassJSON.map((accountAndClass) => {
+        return {
+            varianceAmount: accountAndClass.variance_amount,
+            variancePercentage: accountAndClass.variance_percentage,
+            accountId: accountAndClass.account_id,
+            classId: accountAndClass.accounting_class_id,
+            balancesByMonth: (0, helpers_1.toBalancesByMonthFromPayload)(accountAndClass.month_1, accountAndClass.month_2, currency),
+        };
+    });
+};
+const getInProgressGroup = () => {
+    return {
+        generalExpense: {
+            fetchStatus: {
+                fetchState: 'In-Progress',
+                error: undefined,
+            },
+            operatingExpenseIds: [],
+            total: undefined,
+        },
+        reimbursement: {
+            fetchStatus: { fetchState: 'Not-Started', error: undefined },
+            operatingExpenseIds: [],
+            total: undefined,
+        },
+    };
+};
+// Helper function to handle the fetch completion
+const handleFetchCompletion = (draft, selectedPeriod, fetchReimbursement, groupToBeFetched) => {
+    const periodId = (0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod);
+    if (fetchReimbursement) {
+        draft.groupsBySelectedPeriod[periodId].reimbursement.fetchStatus = {
+            fetchState: 'Completed',
+            error: undefined,
+        };
+    }
+    else if (groupToBeFetched.fetchStatus.fetchState === 'In-Progress') {
+        draft.groupsBySelectedPeriod[periodId].generalExpense.fetchStatus = {
+            fetchState: 'Completed',
             error: undefined,
         };
+    }
+    else {
+        draft.refreshStatus = { fetchState: 'Completed', error: undefined };
+    }
+};
+// Helper function to update flux analysis entities
+const updateFluxAnalysisEntities = (existingEntities, expensesPayload, currency) => {
+    const incomingExpenses = toFluxAnalysisOperatingExpenses(expensesPayload, currency);
+    // Combine existing and incoming expenses, prioritizing incoming
+    const allExpenses = [
+        ...existingEntities.operatingExpenses,
+        ...incomingExpenses,
+    ];
+    // Use a Map to deduplicate by fluxAnalysisEntityId, keeping the latest (incoming) entry
+    const expensesMap = new Map();
+    allExpenses.forEach((expense) => {
+        expensesMap.set(expense.fluxAnalysisEntityId, expense);
     });
-    return reviewStatusById;
+    return { operatingExpenses: Array.from(expensesMap.values()) };
+};
+// Helper function to update operating expense ids
+const updateOperatingExpenseIds = (draft, selectedPeriod, groupToBeFetched, fluxOpExEntityIds, fetchReimbursement, keepExistingListItems) => {
+    const periodId = (0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod);
+    const updatedOperatingExpenseIds = keepExistingListItems === true
+        ? Array.from(new Set([
+            ...groupToBeFetched.operatingExpenseIds,
+            ...fluxOpExEntityIds,
+        ]))
+        : fluxOpExEntityIds;
+    if (fetchReimbursement) {
+        draft.groupsBySelectedPeriod[periodId].reimbursement.operatingExpenseIds =
+            updatedOperatingExpenseIds;
+    }
+    else {
+        draft.groupsBySelectedPeriod[periodId].generalExpense.operatingExpenseIds =
+            updatedOperatingExpenseIds;
+    }
+};
+// Helper function to update totals
+const updateTotals = (draft, selectedPeriod, totalsPayload, currency) => {
+    const periodId = (0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod);
+    draft.totalBalancesAndVariance = {
+        balancesByMonth: (0, helpers_1.toBalancesByMonthFromPayload)(totalsPayload.total.month_1, totalsPayload.total.month_2, currency),
+        varianceAmount: totalsPayload.total.variance_amount,
+        variancePercentage: totalsPayload.total.variance_percentage,
+    };
+    draft.groupsBySelectedPeriod[periodId].generalExpense.total = {
+        balancesByMonth: (0, helpers_1.toBalancesByMonthFromPayload)(totalsPayload.general_expenses.month_1, totalsPayload.general_expenses.month_2, currency),
+        varianceAmount: totalsPayload.general_expenses.variance_amount,
+        variancePercentage: totalsPayload.general_expenses.variance_percentage,
+    };
+    draft.groupsBySelectedPeriod[periodId].reimbursement.total = {
+        balancesByMonth: (0, helpers_1.toBalancesByMonthFromPayload)(totalsPayload.reimbursement.month_1, totalsPayload.reimbursement.month_2, currency),
+        varianceAmount: totalsPayload.reimbursement.variance_amount,
+        variancePercentage: totalsPayload.reimbursement.variance_percentage,
+    };
+};
+// Helper function to update the fetch failure status for a group
+const updateFetchFailureStatus = (draft, selectedPeriod, groupType, status) => {
+    const periodId = (0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod);
+    const group = draft.groupsBySelectedPeriod[periodId][groupType];
+    group.operatingExpenseIds = [];
+    group.fetchStatus = { fetchState: 'Error', error: status };
 };
-_a = expenseAutomationFluxAnalysisView.actions, exports.fetchFluxAnalysisView = _a.fetchFluxAnalysisView, exports.fetchFluxAnalysisViewSuccess = _a.fetchFluxAnalysisViewSuccess, exports.fetchFluxAnalysisViewFailure = _a.fetchFluxAnalysisViewFailure, exports.clearExpenseAutomationFluxAnalysisView = _a.clearExpenseAutomationFluxAnalysisView, exports.updateOperatingExpensesIdsForReview = _a.updateOperatingExpensesIdsForReview, exports.reviewFluxAnalysisView = _a.reviewFluxAnalysisView, exports.reviewFluxAnalysisViewSuccess = _a.reviewFluxAnalysisViewSuccess, exports.reviewFluxAnalysisViewFailure = _a.reviewFluxAnalysisViewFailure, exports.updateFluxAnalysisViewUIState = _a.updateFluxAnalysisViewUIState, exports.updateFluxAnalysisViewPageMetaData = _a.updateFluxAnalysisViewPageMetaData;
+_a = expenseAutomationFluxAnalysisView.actions, exports.fetchFluxAnalysisView = _a.fetchFluxAnalysisView, exports.fetchFluxAnalysisViewSuccess = _a.fetchFluxAnalysisViewSuccess, exports.fetchFluxAnalysisViewFailure = _a.fetchFluxAnalysisViewFailure, exports.clearExpenseAutomationFluxAnalysisView = _a.clearExpenseAutomationFluxAnalysisView, exports.updateOperatingExpensesIdsForReview = _a.updateOperatingExpensesIdsForReview, exports.reviewFluxAnalysisView = _a.reviewFluxAnalysisView, exports.reviewFluxAnalysisViewSuccess = _a.reviewFluxAnalysisViewSuccess, exports.reviewFluxAnalysisViewFailure = _a.reviewFluxAnalysisViewFailure, exports.updateFluxAnalysisViewUIState = _a.updateFluxAnalysisViewUIState, exports.updateFluxAnalysisViewPageMetaData = _a.updateFluxAnalysisViewPageMetaData, exports.updateSelectedSectionIdsForReview = _a.updateSelectedSectionIdsForReview;
 exports.default = expenseAutomationFluxAnalysisView.reducer;

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

@@ -27,7 +27,7 @@ export declare const fetchTransactionCategorization: import("@reduxjs/toolkit").
 }, "expenseAutomationTransactionsView/fetchTransactionCategorization", never, never>, updateTransactionCategorizationUIState: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     selectedTab: TransactionsTab;
     uiState: Partial<TransactionsViewUIState>;
-}, "expenseAutomationTransactionsView/updateTransactionCategorizationUIState">, initializeTransactionCategorizationViewLocalData: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[selectedTab: "review" | "autoCategorized", transactionIds: string[], selectedPeriod: MonthYearPeriod, keepExistingListItems: any, pageToken: PageToken, totalCount: number, refreshViewInBackground?: any], {
+}, "expenseAutomationTransactionsView/updateTransactionCategorizationUIState">, initializeTransactionCategorizationViewLocalData: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[selectedTab: "review" | "autoCategorized", transactionIds: string[], selectedPeriod: MonthYearPeriod, keepExistingListItems: any, pageToken: PageToken, totalCount: number, refreshViewInBackground: any, lineItemsByTransactionIds: Record<string, string[]>], {
     selectedTab: "review" | "autoCategorized";
     transactionIds: string[];
     selectedPeriod: MonthYearPeriod;
@@ -35,6 +35,7 @@ export declare const fetchTransactionCategorization: import("@reduxjs/toolkit").
     pageToken: PageToken;
     totalCount: number;
     refreshViewInBackground: any;
+    lineItemsByTransactionIds: Record<string, string[]>;
 }, "expenseAutomationTransactionsView/initializeTransactionCategorizationViewLocalData", never, never>, saveTransactionCategorizationLocalData: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     selectedTab: TransactionsTab;
     transactionIds: ID[];
@@ -64,13 +65,13 @@ export declare const fetchTransactionCategorization: import("@reduxjs/toolkit").
 }, "expenseAutomationTransactionsView/updateTransactionCategorizationSaveStatus", never, never>, markTransactionAsNotMiscategorized: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[selectedTab: "review" | "autoCategorized", transactionsInReview: UpdateTransactionCategorizationResponsePayload], {
     selectedTab: "review" | "autoCategorized";
     transactionsInReview: UpdateTransactionCategorizationResponsePayload;
-}, "expenseAutomationTransactionsView/markTransactionAsNotMiscategorized", never, never>, updateStatusForTransactionNotMiscategorizedUpdate: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[selectedTab: "review" | "autoCategorized", transactionIds: string[], selectedPeriod: MonthYearPeriod, fetchState: FetchState, error?: ZeniAPIStatus<Record<string, unknown>> | undefined], {
+}, "expenseAutomationTransactionsView/markTransactionAsNotMiscategorized", never, never>, updateStatusForTransactionNotMiscategorizedUpdateForCategorization: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[selectedTab: "review" | "autoCategorized", transactionIds: string[], selectedPeriod: MonthYearPeriod, fetchState: FetchState, error?: ZeniAPIStatus<Record<string, unknown>> | undefined], {
     selectedPeriod: MonthYearPeriod;
     transactionIds: string[];
     selectedTab: "review" | "autoCategorized";
     fetchState: FetchState;
     error: ZeniAPIStatus<Record<string, unknown>> | undefined;
-}, "expenseAutomationTransactionsView/updateStatusForTransactionNotMiscategorizedUpdate", never, never>, updateSelectedVendorForTransaction: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "expenseAutomationTransactionsView/updateStatusForTransactionNotMiscategorizedUpdateForCategorization", never, never>, updateSelectedVendorForTransaction: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     selectedTab: TransactionsTab;
     transactionId: ID;
     lineId: ID;

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

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateSelectedTransactionId = exports.setEntityRecommendationForLineIdsForCategorization = exports.clearExpenseAutomationTransactionsView = exports.clearExpenseAutomationTransactionsViewPerTabView = exports.updateSelectedCheckboxTransactionIds = exports.fetchTransactionCategorizationView = exports.fetchTransactionCategorizationSuccess = exports.updateTotalCountForTransactionCategorization = exports.setAllItemsToCategoryClassInLocalDataForCategorization = exports.updateSelectedCustomerForTransaction = 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;
+exports.updateSelectedTransactionId = exports.setEntityRecommendationForLineIdsForCategorization = exports.clearExpenseAutomationTransactionsView = exports.clearExpenseAutomationTransactionsViewPerTabView = exports.updateSelectedCheckboxTransactionIds = exports.fetchTransactionCategorizationView = exports.fetchTransactionCategorizationSuccess = exports.updateTotalCountForTransactionCategorization = exports.setAllItemsToCategoryClassInLocalDataForCategorization = exports.updateSelectedCustomerForTransaction = exports.updateSelectedVendorForTransaction = exports.updateStatusForTransactionNotMiscategorizedUpdateForCategorization = 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"));
@@ -90,14 +90,6 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
                         '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.transactionCategorizationView[selectedTab].uiState.scrollPosition = {
-                        scrollTop: 0,
-                        scrollLeft: undefined,
-                    };
-                }
                 draft.transactionCategorizationView[selectedTab].uiState.pageToken =
                     pageToken !== null && pageToken !== void 0 ? pageToken : null;
                 draft.transactionCategorizationView[selectedTab].uiState.searchString =
@@ -141,7 +133,7 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
             },
         },
         initializeTransactionCategorizationViewLocalData: {
-            prepare(selectedTab, transactionIds, selectedPeriod, keepExistingListItems = false, pageToken, totalCount, refreshViewInBackground = false) {
+            prepare(selectedTab, transactionIds, selectedPeriod, keepExistingListItems = false, pageToken, totalCount, refreshViewInBackground = false, lineItemsByTransactionIds) {
                 return {
                     payload: {
                         selectedTab,
@@ -151,6 +143,7 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
                         pageToken,
                         totalCount,
                         refreshViewInBackground,
+                        lineItemsByTransactionIds,
                     },
                 };
             },
@@ -346,18 +339,20 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
             },
         },
         fetchTransactionCategorizationSuccess(draft, action) {
-            const { selectedTab } = action.payload;
-            if (action.payload.refreshViewInBackground === true) {
+            const { selectedTab, refreshViewInBackground } = action.payload;
+            if (draft.transactionCategorizationView[selectedTab].fetchState ===
+                'In-Progress' ||
+                refreshViewInBackground !== true) {
+                draft.transactionCategorizationView[selectedTab].fetchState =
+                    'Completed';
+                draft.transactionCategorizationView[selectedTab].error = undefined;
+            }
+            else {
                 draft.transactionCategorizationView[selectedTab].refreshStatus = {
                     fetchState: 'Completed',
                     error: undefined,
                 };
             }
-            else {
-                draft.transactionCategorizationView[selectedTab].fetchState =
-                    'Completed';
-                draft.transactionCategorizationView[selectedTab].error = undefined;
-            }
         },
         fetchTransactionCategorizationFailure(draft, action) {
             const { selectedTab, selectedPeriod } = action.payload;
@@ -512,7 +507,7 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
                 };
             },
         },
-        updateStatusForTransactionNotMiscategorizedUpdate: {
+        updateStatusForTransactionNotMiscategorizedUpdateForCategorization: {
             reducer(draft, action) {
                 const { selectedTab, selectedPeriod, transactionIds } = action.payload;
                 if (action.payload.fetchState === 'Completed') {
@@ -561,5 +556,5 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
         },
     },
 });
-_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.updateSelectedCustomerForTransaction = _a.updateSelectedCustomerForTransaction, 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.updateSelectedTransactionId = _a.updateSelectedTransactionId;
+_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.updateStatusForTransactionNotMiscategorizedUpdateForCategorization = _a.updateStatusForTransactionNotMiscategorizedUpdateForCategorization, exports.updateSelectedVendorForTransaction = _a.updateSelectedVendorForTransaction, exports.updateSelectedCustomerForTransaction = _a.updateSelectedCustomerForTransaction, 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.updateSelectedTransactionId = _a.updateSelectedTransactionId;
 exports.default = expenseAutomationTransactionsView.reducer;