@zeniai/client-epic-state 5.0.79 → 5.0.80

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

@@ -1,90 +1,17 @@
-import { createSelector } from '@reduxjs/toolkit';
 import omit from 'lodash/omit';
 import { reduceAllFetchState, reduceAnyFetchState, } from '../../../commonStateTypes/reduceFetchState';
 import { toMonthYearPeriodId } from '../../../commonStateTypes/timePeriod';
 import { getCurrentTenant, getIsAccountingClassesEnabled, getIsAccountingProjectsEnabled, } from '../../../entity/tenant/tenantSelector';
 import { getTransactionWithCOT } from '../../../entity/transaction/transactionHelper';
 import { getSupportedTransactionsByIds } from '../../../entity/transaction/transactionSelector';
-import { applyTransactionFilters, } from '../transactionFilterHelpers';
 import { getAccountList, getNestedAccountListHierarchy, getUncategorizedAccounts, } from '../../accountList/accountListSelector';
 import { getClassList, getNestedClassListHierarchy, } from '../../classList/classListSelector';
 import { getProjectList } from '../../projectList/projectListSelector';
 import { getAllSteps } from '../selectorTypes/expenseAutomationViewSelectorTypes';
-// Walks the tab's transactionReviewLocalDataById map and returns
-// `{ [transactionId]: true }` for every transaction that has at least
-// one line whose targeted-fetch is In-Progress. Pulled out as a plain
-// function so each tab's createSelector can share it.
-const computeCategorizationInFlightRecommendations = (transactionReviewLocalDataById) => {
-    const result = {};
-    if (transactionReviewLocalDataById == null) {
-        return result;
-    }
-    for (const [transactionId, data] of Object.entries(transactionReviewLocalDataById)) {
-        const lineItems = Object.values(data.transactionReviewLocalData.lineItemById);
-        if (lineItems.some((lineItem) => lineItem.categoryClassRecommendationsFetchState?.fetchState ===
-            'In-Progress')) {
-            result[transactionId] = true;
-        }
-    }
-    return result;
-};
-// Per-tab createSelector instances. Each one is memoized on its OWN tab's
-// transactionReviewLocalDataById reference. Switching tabs A->B->A no
-// longer busts the memo for tab A — the dispatcher below just returns
-// whichever per-tab selector matches the active tab, and reselect keeps
-// the prior result alive as long as the underlying slice ref is stable.
-const getReviewInFlightRecommendationsByTransactionId = createSelector((state) => state.expenseAutomationTransactionsViewState.transactionCategorizationView
-    .review.transactionReviewLocalDataById, computeCategorizationInFlightRecommendations);
-const getAutoCategorizedInFlightRecommendationsByTransactionId = createSelector((state) => state.expenseAutomationTransactionsViewState.transactionCategorizationView
-    .autoCategorized.transactionReviewLocalDataById, computeCategorizationInFlightRecommendations);
-// Per-transaction "any line is fetching category/class recommendations?"
-// map for the active categorization tab. Dispatches to the per-tab
-// memoized selector above so steady state (no fetches in flight)
-// recomputes only when the active tab's local data changes; tab switches
-// are O(1) cache lookups.
-//
-// `default` guards against the union "lying" at runtime: `TransactionsTab`
-// is produced via `stringToUnion`, which falls back to `s as StringUnion`
-// for unrecognized strings, so an unexpected value can land in state. The
-// downstream `getCategorizationHasInFlightRecommendations` calls
-// `Object.keys` on this result, so we must always return an object.
-export const getCategorizationInFlightRecommendationsByTransactionId = (state) => {
-    const tab = state.expenseAutomationTransactionsViewState
-        .selectedTransactionCategorizationTab;
-    switch (tab) {
-        case 'review':
-            return getReviewInFlightRecommendationsByTransactionId(state);
-        case 'autoCategorized':
-            return getAutoCategorizedInFlightRecommendationsByTransactionId(state);
-        default:
-            return {};
-    }
-};
-// Page-level "any line on the active tab is in flight?" flag. Drives the
-// list-page Save disable.
-export const getCategorizationHasInFlightRecommendations = createSelector(getCategorizationInFlightRecommendationsByTransactionId, (inFlightByTransactionId) => Object.keys(inFlightByTransactionId).length > 0);
-export const toTransactionView = (transaction, transactionLocalData) => {
-    return {
-        id: transaction.id,
-        date: transaction.date,
-        amount: transaction.amount,
-        vendorName: transaction.vendorName,
-        customerName: transaction.customerName,
-        vendorId: transaction.vendorId,
-        customerId: transaction.customerId,
-        description: transaction.description,
-        memo: transaction.memo,
-        type: transaction.type,
-        typeName: transaction.typeName,
-        createTime: transaction.createTime,
-        transaction: transaction,
-        transactionLocalData,
-    };
-};
 export function getExpenseAutomationTransactionView(state) {
     const { accountState, classState, classListState, accountListState, expenseAutomationTransactionsViewState, expenseAutomationViewState, projectState, projectListState, transactionState, monthEndCloseChecksState, monthEndCloseChecksViewState, } = state;
-    const { selectedTransactionCategorizationCompletedSubTab, selectedTransactionCategorizationTab, } = expenseAutomationTransactionsViewState;
-    const { uiState, refreshStatus, saveStatus, markAsNotMiscategorizedStatus, transactionIdsBySelectedPeriod, transactionReviewLocalDataById, selectedCheckBoxTransactionIds, transactionIdsWithUnsavedData, uploadReceiptStatusById, selectedTransactionId, selectedTransactionLineId, filters, } = expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTransactionCategorizationTab];
+    const { selectedTransactionCategorizationTab } = expenseAutomationTransactionsViewState;
+    const { uiState, refreshStatus, saveStatus, markAsNotMiscategorizedStatus, transactionIdsBySelectedPeriod, transactionReviewLocalDataById, selectedCheckBoxTransactionIds, transactionIdsWithUnsavedData, uploadReceiptStatusById, selectedTransactionId, selectedTransactionLineId, } = expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTransactionCategorizationTab];
     const uncategorizedIncomeExpense = getUncategorizedAccounts(accountState, accountListState, 'accountList');
     const accountList = getAccountList(accountState, accountListState, 'accountList');
     const classList = getClassList(classState, classListState);
@@ -103,58 +30,20 @@ export function getExpenseAutomationTransactionView(state) {
         ? transactionIdsBySelectedPeriod[monthYearPeriodId]
         : null;
     const transactionIds = transactionIdsForSelectedPeriod ?? [];
-    const transactions = getSupportedTransactionsByIds(transactionState, transactionIds);
-    const transactionsWithCOT = transactions.map((transaction) => getTransactionWithCOT(transaction));
-    const transactionLocalDataMap = new Map();
-    transactionIds.forEach((transactionId) => {
+    const transactionLocalData = transactionIds
+        .map((transactionId) => {
         const transactionData = transactionReviewLocalDataById[transactionId];
         if (transactionData != null) {
-            transactionLocalDataMap.set(transactionId, {
+            return {
                 transactionId,
                 transactionReviewLocalData: transactionData.transactionReviewLocalData,
-            });
+            };
         }
-    });
-    // Step 2: Convert to TransactionView and apply advanced filters
-    const transactionViews = transactionsWithCOT.map((transaction) => {
-        const localData = transactionLocalDataMap.get(transaction.id);
-        return toTransactionView(transaction, localData);
-    });
-    // Apply TC-specific filters (lives under expenseAutomationView, independent
-    // of the Spend Management filter pipeline).
-    const filteredTransactionViews = applyTransactionFilters(transactionViews, filters);
-    // Convert back to TransactionWithCOT for return
-    const filteredTransactionsWithCOT = filteredTransactionViews.map((view) => view.transaction);
-    // Get transactionLocalData for filtered transactions
-    // Also include transactionLocalData for transactions that don't exist in transactionState
-    // but have local data (to match original behavior)
-    const filteredTransactionIds = new Set(filteredTransactionViews.map((view) => view.id));
-    // Pre-compute the membership set once. The previous implementation called
-    // `transactions.some(t => t.id === transactionId)` inside the per-id loop,
-    // turning the pipeline into O(n × m) — measurable on tenants with large
-    // transaction lists since this selector runs on every Redux dispatch.
-    const transactionExistsById = new Set(transactions.map((t) => t.id));
-    // `.flatMap` returns `X[]` directly when the callback returns `[]` for the
-    // skip case, so we don't need the trailing `.filter((d): d is X => …)` type
-    // predicate that the previous `map → filter` pipeline required.
-    const filteredTransactionLocalData = transactionIds.flatMap((transactionId) => {
-        const transactionData = transactionReviewLocalDataById[transactionId];
-        if (transactionData == null) {
-            return [];
-        }
-        // Include if transaction is in filtered results, or if transaction doesn't exist in state
-        // (to maintain backward compatibility with tests)
-        const transactionExists = transactionExistsById.has(transactionId);
-        if (filteredTransactionIds.has(transactionId) || !transactionExists) {
-            return [
-                {
-                    transactionId,
-                    transactionReviewLocalData: transactionData.transactionReviewLocalData,
-                },
-            ];
-        }
-        return [];
-    });
+        return null;
+    })
+        .filter((transaction) => transaction != null);
+    const transactions = getSupportedTransactionsByIds(transactionState, transactionIds);
+    const transactionsWithCOT = transactions.map((transaction) => getTransactionWithCOT(transaction));
     const monthEndFetchState = monthYearPeriodId != null
         ? (monthEndCloseChecksViewState.monthEndCloseChecksViewByTenantId[currentTenant.tenantId]?.[monthYearPeriodId] ?? { fetchState: 'Not-Started', error: undefined })
         : { fetchState: 'Not-Started', error: undefined };
@@ -174,27 +63,10 @@ export function getExpenseAutomationTransactionView(state) {
         .uiState.totalCount;
     const totalCountByAutoCat = expenseAutomationTransactionsViewState.transactionCategorizationView
         .autoCategorized.uiState.totalCount;
-    // Per-(sub-)tab counts powering pagination, in-list "showing X of Y", and
-    // any save/refresh round-trips. Sourced from `uiState.totalCount` which
-    // mirrors the response's `total_count` for whatever tab/sub-tab the user is
-    // viewing (e.g. only the Manual sub-tab rows for Completed → Manual).
     const totalCountByTab = {
         review: monthYearPeriodId != null ? totalCountByReview[monthYearPeriodId] : 0,
         autoCategorized: monthYearPeriodId != null ? totalCountByAutoCat[monthYearPeriodId] : 0,
     };
-    // Parent-tab badge counts. Sourced from `parent_tab_total_count` in the
-    // listing response and used exclusively by the navbar / tab strip badges.
-    // Independent of which Completed sub-tab is active so the badge stays
-    // stable across sub-tab switches.
-    const parentTotalCountByTab = expenseAutomationTransactionsViewState.parentTotalCountByTab;
-    const parentTabTotalCountByTab = {
-        review: monthYearPeriodId != null
-            ? (parentTotalCountByTab.review[monthYearPeriodId] ?? 0)
-            : 0,
-        autoCategorized: monthYearPeriodId != null
-            ? (parentTotalCountByTab.autoCategorized[monthYearPeriodId] ?? 0)
-            : 0,
-    };
     const fetchStateByTab = {
         review: {
             fetchState: expenseAutomationTransactionsViewState.transactionCategorizationView
@@ -214,13 +86,11 @@ export function getExpenseAutomationTransactionView(state) {
         : [];
     const transactionCompletionStatus = allSteps.find((step) => step.step === 'transaction_categorization')?.completionStatus;
     const completionStatus = transactionCompletionStatus ?? 'incomplete';
-    const inFlightCategoryClassRecommendationsByTransactionId = getCategorizationInFlightRecommendationsByTransactionId(state);
-    const hasInFlightCategoryClassRecommendations = getCategorizationHasInFlightRecommendations(state);
     return {
         version: 0,
         fetchState: fetchStatus.fetchState,
         error: fetchStatus.error,
-        transactions: filteredTransactionsWithCOT,
+        transactions: transactionsWithCOT,
         selectedCheckBoxTransactionIds,
         transactionIdsWithUnsavedData,
         uncategorizedAccounts: uncategorizedIncomeExpense,
@@ -229,22 +99,18 @@ export function getExpenseAutomationTransactionView(state) {
         classList: allClasses,
         accountsHierarchyList,
         classHierarchyList,
-        hasInFlightCategoryClassRecommendations,
-        inFlightCategoryClassRecommendationsByTransactionId,
         isAccountingProjectsEnabled,
         projectList,
-        transactionLocalData: filteredTransactionLocalData,
+        transactionLocalData,
         uiState,
         refreshStatus,
         saveStatus,
         markAsNotMiscategorizedStatus,
         completionStatus,
         totalCountByTab,
-        parentTabTotalCountByTab,
         fetchStateByTransactionTabs: fetchStateByTab,
         uploadReceiptStatusById,
         selectedTransactionId,
         selectedTransactionLineId,
-        selectedTransactionCategorizationCompletedSubTab,
     };
 }

package/lib/esm/view/expenseAutomationView/types/missingReceiptsViewState.js

@@ -39,6 +39,8 @@ const BULK_UPLOAD_RESULTS_TABS = ['completed', 'unmatched'];
 export const toBulkUploadResultsTab = (v) => stringToUnion(v.trim().toLowerCase(), BULK_UPLOAD_RESULTS_TABS);
 const MISSING_RECEIPTS_TABS = ['missing', 'completed', 'unmatched'];
 export const toMissingReceiptsTab = (v) => stringToUnion(v.trim().toLowerCase(), MISSING_RECEIPTS_TABS);
+const COMPLETED_SUB_TABS = ['all', 'ai_accountant', 'manual'];
+export const toCompletedSubTab = (v) => stringToUnion(v.trim().toLowerCase(), COMPLETED_SUB_TABS);
 const MATCH_SOURCES = ['ai', 'manual'];
 export const toMatchSource = (v) => stringToUnion(v.trim().toLowerCase(), MATCH_SOURCES);
 const BULK_UPLOAD_SORT_KEYS = [

package/lib/esm/view/financeStatement/financeStatementSelector.js

@@ -2,7 +2,6 @@ import { createSelector } from '@reduxjs/toolkit';
 import { stripCompareAdditionalBalanceTypes } from '../../commonStateTypes/coaBalance/coaBalanceType';
 import { newBalancesFilter, newBalancesFilterForDateRange, } from '../../commonStateTypes/coaBalance/coaBalancesFilter';
 import { newBalancesFilterClassesView } from '../../commonStateTypes/coaBalance/coaBalancesFilterClassesView';
-import { newBalancesFilterProjectView } from '../../commonStateTypes/coaBalance/coaBalancesFilterProjectView';
 import { getNumberOfPeriods, } from '../../commonStateTypes/dataAvailable';
 import { reduceAnyCompletedFetchState } from '../../commonStateTypes/reduceFetchState';
 import { toTimeframeTick, } from '../../commonStateTypes/timeframeTick';
@@ -10,6 +9,7 @@ import { extractThisPeriod } from '../../commonStateTypes/viewAndReport/thisPeri
 import { getBalanceSheet } from '../balanceSheet/balanceSheetSelector';
 import { getCashFlow } from '../cashFlow/cashFlowSelector';
 import { getProfitAndLossReport, } from '../profitAndLoss/profitAndLossSelector';
+import { newBalancesFilterProjectView } from '../../commonStateTypes/coaBalance/coaBalancesFilterProjectView';
 import { getProfitAndLossClassesHorizontalView } from '../profitAndLossClassesView/profitAndLossClassesByClassHorizontalSelector';
 import { getProfitAndLossClassesView } from '../profitAndLossClassesView/profitAndLossClassesViewSelector';
 import { getProfitAndLossProjectView } from '../profitAndLossProjectView/profitAndLossProjectViewSelector';

package/lib/esm/view/recommendation/recommendationHelper.js

@@ -1,5 +1,4 @@
 import { transformRecommendation, transformRecommendationWithCOT, } from '../../entity/transaction/payloadTypes/transactionPayload';
-import { getActualTransactionID } from '../transactionDetail/transactionDetailState';
 export const getRecommendationFromRecommendationPayload = (payload) => {
     if (payload == null || payload.length === 0) {
         return undefined;
@@ -38,34 +37,6 @@ export const getRecommendationWithCOTFromRecommendationPayloadWithCOT = (payload
     });
     return recommendations;
 };
-// Pluralized URL segment for entity types. Mirrors the legacy
-// fetchEntityRecommendationsByTransactionIdEpic.toEntityTypeURL.
-const toEntityTypeUrlSegment = (entityType) => `${entityType}s`;
-// Build the recommendations URL for a single entity + transaction target.
-// Centralizes the URL shape so the legacy
-// fetchEntityRecommendationsByTransactionIdEpic and the new
-// fetchEntityRecommendationsForLineUpdateEpic stay in lockstep.
-export const buildRecommendationUrl = (accountMicroServiceBaseUrl, entity, amount, transactionDetails, isFetchCOT) => {
-    const entityQuery = {
-        entity_name: entity.name,
-        entity_type: entity.type,
-    };
-    // Entity-id-null case: server expects entity_name / entity_type query
-    // instead of the {entityType}/{qboId}/recommendations path.
-    if (entity.qboId === entity.name) {
-        return `${accountMicroServiceBaseUrl}/1.0/recommendations?query=${encodeURIComponent(JSON.stringify(entityQuery))}`;
-    }
-    const query = {
-        amount,
-        transaction_id: getActualTransactionID(transactionDetails.transactionId.id),
-        transaction_type: transactionDetails.transaction.type,
-        line_ids: transactionDetails.lineIds,
-    };
-    if (isFetchCOT === true) {
-        query.include_cot = true;
-    }
-    return `${accountMicroServiceBaseUrl}/1.0/${toEntityTypeUrlSegment(entity.type)}/${entity.qboId}/recommendations?query=${encodeURIComponent(JSON.stringify(query))}`;
-};
 export const getRecommendationByLineIdWithCOTFromRecommendationPayloadWithCOT = (recommendationPayload, lineIds) => {
     if (recommendationPayload.length === 0) {
         return undefined;

package/lib/esm/view/recommendation/recommendationReducer.js

@@ -33,31 +33,6 @@ const recommendation = createSlice({
                 };
             },
         },
-        // Targeted recommendations fetch fired when the user changes the
-        // payee/customer on a single transaction line (or the JE sibling set
-        // for that change). Routed by `fetchEntityRecommendationsForLineUpdateEpic`
-        // which uses groupBy + switchMap to keep fetches for distinct targets
-        // running in parallel while same-target re-fetches still cancel each
-        // other. The flowType discriminator selects the categorization vs
-        // detail slice for the per-line In-Progress / Completed / Error state.
-        fetchEntityRecommendationsForLineUpdate: {
-            reducer(draft, action) {
-                const { entity } = action.payload;
-                const key = getEntityRecommendationKey(entity.type, entity.id);
-                // Unconditional flip to In-Progress; the previous variant only
-                // seeded when missing, which left stale fetchStates when a prior
-                // fetch had already populated the entity entry.
-                draft.recommendationByEntity[key] = {
-                    ...(draft.recommendationByEntity[key] ??
-                        initialEntityRecommendationState),
-                    fetchState: 'In-Progress',
-                    error: undefined,
-                };
-            },
-            prepare(args) {
-                return { payload: args };
-            },
-        },
         fetchRecommendationByEntityName: {
             reducer(draft, action) {
                 const { entityName, entityType } = action.payload;
@@ -136,7 +111,7 @@ const recommendation = createSlice({
         },
     },
 });
-export const { fetchEntityRecommendationsByTransactionId, fetchEntityRecommendationsForLineUpdate, fetchRecommendationByEntityName, fetchRecommendationByEntityId, updateRecommendationForEntity, updateRecommendationForEntityFailure, indicateReadyToInitializeRecommendation, clearRecommendation, } = recommendation.actions;
+export const { fetchEntityRecommendationsByTransactionId, fetchRecommendationByEntityName, fetchRecommendationByEntityId, updateRecommendationForEntity, updateRecommendationForEntityFailure, indicateReadyToInitializeRecommendation, clearRecommendation, } = recommendation.actions;
 export default recommendation.reducer;
 const doUpdateRecommendationForEntity = (draft, entityId, entityType, payload) => {
     const key = getEntityRecommendationKey(entityType, entityId);

package/lib/esm/view/spendManagement/chargeCards/cashbackDetail/cashbackDetailReducer.js

@@ -1,7 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit';
 import { mapCurrencyPayloadToCurrency } from '../../../../commonPayloadTypes/v2/viewAndReportPayloadv2';
 import { toAmount } from '../../../../commonStateTypes/amount';
-import { createCacheOverrideFetchReducer } from '../../../../commonStateTypes/cacheOverrideFetchReducer';
 import { initialCashbackAnalytics, } from './cashbackDetailState';
 export const initialState = {
     fetchState: 'Not-Started',
@@ -28,10 +27,10 @@ const cashbackDetail = createSlice({
     name: 'cashbackDetail',
     initialState,
     reducers: {
-        fetchCashbackDetail: createCacheOverrideFetchReducer((draft) => {
+        fetchCashbackDetail(draft) {
             draft.fetchState = 'In-Progress';
             draft.error = undefined;
-        }),
+        },
         updateCashbackDetail(draft, action) {
             draft.cashbackByPeriod = toCashbackByPeriod(action.payload);
             draft.cashbackSummary = toCashbackSummary(action.payload);

package/lib/esm/view/spendManagement/chargeCards/chargeCardConfig/chargeCardConfigReducer.js

@@ -1,6 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
 import { toAmount } from '../../../../commonStateTypes/amount';
-import { createCacheOverrideFetchReducer } from '../../../../commonStateTypes/cacheOverrideFetchReducer';
 import { toCreditLimitFrequencyCodeType } from '../../../../entity/chargeCard/chargeCard';
 import { toCreditTerm, toRePaymentInfo, } from './chargeCardConfigPayload';
 export const initialState = {
@@ -31,10 +30,10 @@ const chargeCardConfig = createSlice({
     name: 'chargeCardConfig',
     initialState,
     reducers: {
-        fetchChargeCardConfig: createCacheOverrideFetchReducer((draft) => {
+        fetchChargeCardConfig(draft) {
             draft.fetchState = 'In-Progress';
             draft.error = undefined;
-        }),
+        },
         updateChargeCardConfig(draft, action) {
             const { payload } = action;
             draft.creditLimitFrequency =

package/lib/esm/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailReducer.js

@@ -1,6 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
 import { mapSortOrderPayloadToSortOrder, } from '../../../../commonPayloadTypes/sortOrderPayload';
-import { addChargeCardTransactionFromPusher, addDeclinedChargeCardTransactionFromPusher, } from '../../../../commonStateTypes/pusherActions';
 import { toAttachment, } from '../../../../entity/transaction/payloadTypes/attachmentPayload';
 import { emptyChargeCardDetail, mapChargeCardTransactionStatisticsPayloadToChargeCardTransactionStatistics, toChargeCardTransactionSortKeyType, } from './chargeCardDetail';
 export const initialState = {
@@ -65,30 +64,19 @@ const chargeCardDetail = createSlice({
         },
         fetchChargeCardTransactionList: {
             reducer(draft, action) {
-                const { chargeCardId, pageToken, pageTokenType, cacheOverride } = action.payload;
+                const { chargeCardId, pageToken, pageTokenType } = action.payload;
                 const existingCardDetail = draft.detailById[chargeCardId] ?? emptyChargeCardDetail;
-                const existingUi = existingCardDetail.transactionList.uiState;
-                // cacheOverride=true (Pusher): preserve fetchState, error, and scroll
-                // to avoid skeleton flash. Normal fetches reset as before.
                 draft.detailById[chargeCardId] = {
                     ...existingCardDetail,
                     transactionList: {
                         ...existingCardDetail.transactionList,
-                        fetchState: cacheOverride
-                            ? existingCardDetail.transactionList.fetchState
-                            : 'In-Progress',
-                        error: cacheOverride
-                            ? existingCardDetail.transactionList.error
-                            : undefined,
+                        fetchState: 'In-Progress',
+                        error: undefined,
                         uiState: {
-                            ...existingUi,
-                            // Preserve scroll on silent refresh so users aren't snapped
-                            // away from their reading position.
-                            scrollYOffset: cacheOverride
-                                ? existingUi.scrollYOffset
-                                : existingUi.pageToken === null
-                                    ? 0
-                                    : existingUi.scrollYOffset,
+                            ...existingCardDetail.transactionList.uiState,
+                            scrollYOffset: existingCardDetail.transactionList.uiState.pageToken === null
+                                ? 0
+                                : existingCardDetail.transactionList.uiState.scrollYOffset,
                             pageToken: pageToken,
                             pageTokenType: pageTokenType,
                         },
@@ -105,24 +93,18 @@ const chargeCardDetail = createSlice({
             const { chargeCardId, data, cacheOverride } = action.payload;
             const existingCardDetail = draft.detailById[chargeCardId] ?? emptyChargeCardDetail;
             const newTransactionIds = data.transactions.map((tran) => tran.transaction_id);
-            const existingIds = existingCardDetail.transactionList.transactionIds;
-            // cacheOverride (Pusher): refresh page 1 but keep page 2+ IDs.
-            // Normal pagination: append new page, deduped.
-            const newIdSet = new Set(newTransactionIds);
-            const mergedTransactionIds = cacheOverride
-                ? [
-                    ...newTransactionIds,
-                    ...existingIds.filter((id) => !newIdSet.has(id)),
-                ]
-                : [
-                    ...existingIds,
-                    ...newTransactionIds.filter((id) => !existingIds.includes(id)),
-                ];
             draft.detailById[chargeCardId] = {
                 ...existingCardDetail,
                 transactionList: {
                     ...existingCardDetail.transactionList,
-                    transactionIds: mergedTransactionIds,
+                    transactionIds: [
+                        ...new Set([
+                            ...(cacheOverride
+                                ? []
+                                : existingCardDetail.transactionList.transactionIds),
+                            ...newTransactionIds,
+                        ]),
+                    ],
                     fetchState: 'Completed',
                     error: undefined,
                     uiState: {
@@ -134,12 +116,9 @@ const chargeCardDetail = createSlice({
                         limit: data.query.limit,
                         pageToken: data.query.page_token,
                         pageTokenType: data.query.page_token_type,
-                        // Preserve scroll on silent refresh; reset on user-triggered first page.
-                        scrollYOffset: cacheOverride
-                            ? existingCardDetail.transactionList.uiState.scrollYOffset
-                            : existingCardDetail.transactionList.uiState.pageToken === null
-                                ? 0
-                                : existingCardDetail.transactionList.uiState.scrollYOffset,
+                        scrollYOffset: existingCardDetail.transactionList.uiState.pageToken === null
+                            ? 0
+                            : existingCardDetail.transactionList.uiState.scrollYOffset,
                     },
                 },
             };
@@ -653,22 +632,6 @@ const chargeCardDetail = createSlice({
             Object.assign(draft, initialState);
         },
     },
-    extraReducers: (builder) => {
-        const prependTransaction = (draft, cardId, txId) => {
-            const detail = draft.detailById[cardId];
-            if (detail != null &&
-                !detail.transactionList.transactionIds.includes(txId)) {
-                detail.transactionList.transactionIds.unshift(txId);
-            }
-        };
-        builder
-            .addCase(addChargeCardTransactionFromPusher, (draft, action) => {
-            prependTransaction(draft, action.payload.cardId, action.payload.transaction.transaction_id);
-        })
-            .addCase(addDeclinedChargeCardTransactionFromPusher, (draft, action) => {
-            prependTransaction(draft, action.payload.cardId, action.payload.transaction.transaction_id);
-        });
-    },
 });
 export const { fetchChargeCardDetailPage, fetchChargeCardDetail, updateChargeCardDetailFetchState, fetchChargeCardTransactionList, updateChargeCardDetailUIState, updateChargeCardTransactionList, updateChargeCardTransactionUploadReceiptsFetchStatus, fetchChargeCardTransactionAttachments, updateChargeCardTransactionIsViewReceiptClicked, updateChargeCardTransactionAttachmentsFailure, updatePhysicalChargeCardAttemptSuccessOrFailure, updatePhysicalChargeCardAttempt, updateDebitCardPinAttempt, updateDebitCardPinAttemptSuccessOrFailure, updateChargeCardTransactionReceiptsShowTickFetchStatus, updateChargeCardTransactionAttachmentsInCardDetail, updateChargeCardTransactionListFailure, updateChargeCardDetail, startCVVActivationWait, completeCVVActivationWait, startDebitCardSetPinWait, completeDebitCardSetPinWait, updateChargeCardDetailUpdateStatus, updateChargeCardSpendLimit, updateChargeCardSpendLimitSuccessOrFailure, updateChargeCardName, updateChargeCardNameSuccessOrFailure, lockChargeCard, lockChargeCardSuccessOrFailure, unlockChargeCard, unlockChargeCardSuccessOrFailure, closeChargeCard, closeChargeCardSuccessOrFailure, fetchDepositAccountLimit, updateDepositAccountLimitFetchStatus, fetchChargeCardTransactionStatistics, updateChargeCardTransactionStatistics, updateChargeCardTransactionStatisticsFetchState, fetchChargeCardsRecurringExpenses, updateChargeCardsRecurringExpenses, updateChargeCardsRecurringExpensesFetchState, sendOtpCardHolder, resendOtpCardHolder, sendOtpCardHolderSuccess, sendOtpCardHolderFailure, verifyOtpCardHolder, verifyOtpCardHolderSuccess, verifyOtpCardHolderFailure, clearChargeCardDetail, } = chargeCardDetail.actions;
 export default chargeCardDetail.reducer;

package/lib/esm/view/spendManagement/chargeCards/chargeCardDetail/fetchChargeCardDetailEpic.js

@@ -13,24 +13,13 @@ export const fetchChargeCardDetailEpic = (actions$, state$, zeniAPI) => actions$
     const chargeCardAction = [];
     const state = state$.value;
     const chargeCardDetail = recordGet(state.chargeCardDetailState.detailById, chargeCardId, undefined);
-    // Skip if a user-triggered fetch is already in-flight (not applicable
-    // to cacheOverride/Pusher refreshes, which always proceed).
     if (cacheOverride === true ||
         chargeCardDetail == null ||
         chargeCardDetail.fetchState !== 'In-Progress') {
-        // Silent refresh: preserve fetchState to avoid skeleton flash.
-        // Discriminate via fetchState (not null-check) because the reducer
-        // always creates an entry before the epic runs.
-        const isSilentRefresh = cacheOverride === true &&
-            chargeCardDetail != null &&
-            chargeCardDetail.fetchState !== 'Not-Started';
         chargeCardAction.push(updateChargeCardDetailFetchState({
             chargeCardId,
-            isRefreshingViewInBackground: isSilentRefresh,
-            fetchState: isSilentRefresh
-                ? chargeCardDetail.fetchState
-                : 'In-Progress',
-            error: isSilentRefresh ? chargeCardDetail.error : undefined,
+            isRefreshingViewInBackground: cacheOverride,
+            fetchState: 'In-Progress',
         }));
         const query = {
             is_include_card_activation_events: true,
@@ -48,8 +37,6 @@ export const fetchChargeCardDetailEpic = (actions$, state$, zeniAPI) => actions$
                 }));
             }
             else {
-                // Surface errors even on silent refresh so the user
-                // knows data is stale (follow-up: consider toast instead).
                 return of(updateChargeCardDetailFetchState({
                     chargeCardId,
                     fetchState: 'Error',
@@ -58,7 +45,6 @@ export const fetchChargeCardDetailEpic = (actions$, state$, zeniAPI) => actions$
                 }));
             }
         }), catchError((error) => {
-            // Surface network failures even on silent refresh.
             return of(updateChargeCardDetailFetchState({
                 chargeCardId,
                 fetchState: 'Error',

package/lib/esm/view/spendManagement/chargeCards/chargeCardDetail/fetchChargeCardDetailPageEpic.js

@@ -15,16 +15,15 @@ export const fetchChargeCardDetailPageEpic = (actions$, state$) => actions$.pipe
         ? exsitingChargeCardDetail.transactionList.uiState.pageTokenType
         : null;
     if (cacheOverride === true) {
-        // Forward cacheOverride to all sub-fetches to prevent skeleton flash.
         chargeCardTransactionListAction.push(fetchChargeCardDetail(chargeCardId, cacheOverride));
         //latest transactions need to be fetched hence removing pageToken and pageTokenType
-        chargeCardTransactionListAction.push(fetchChargeCardTransactionList(chargeCardId, null, null, true));
-        chargeCardTransactionListAction.push(fetchChargeCardConfig(true));
+        chargeCardTransactionListAction.push(fetchChargeCardTransactionList(chargeCardId, null, null));
+        chargeCardTransactionListAction.push(fetchChargeCardConfig());
         if (doFetchCreditAccounts && isCreditCardEnabled) {
-            chargeCardTransactionListAction.push(fetchCreditAccount(true));
+            chargeCardTransactionListAction.push(fetchCreditAccount());
         }
         if (doFetchCreditAccounts && isCreditCardEnabled) {
-            chargeCardTransactionListAction.push(fetchCreditAccountRepayment(true));
+            chargeCardTransactionListAction.push(fetchCreditAccountRepayment());
         }
     }
     else {