@zeniai/client-epic-state 5.1.16-betaRD1 → 5.1.16-betaRD3

package/lib/esm/view/expenseAutomationView/epics/transactionCategorization/fetchTransactionCategorizationEpic.js

@@ -18,6 +18,11 @@ groupBy((action) => action.payload.selectedTab), mergeMap((group$) => group$.pip
     const { pageToken, sortOrder, sortKey } = uiState;
     const currentTenant = getCurrentTenant(state$.value);
     const selectedPeriod = selectedPeriodByTenantId[currentTenant.tenantId];
+    console.log('[EA-SEARCH] fetchTransactionCategorizationEpic HTTP call', {
+        selectedTab,
+        refreshViewInBackground,
+        search_text: uiState.searchString,
+    });
     const queryParam = {
         start_date: toString(period.start),
         end_date: toString(period.end),

package/lib/esm/view/expenseAutomationView/epics/transactionCategorization/fetchTransactionCategorizationViewEpic.js

@@ -13,6 +13,12 @@ export const fetchTransactionCategorizationViewEpic = (actions$, state$) => acti
     const updateActions = [];
     const { expenseAutomationTransactionsViewState } = state$.value;
     const { fetchState, transactionIdsBySelectedPeriod } = expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTab];
+    console.log('[EA-SEARCH] fetchTransactionCategorizationViewEpic received', {
+        selectedTab,
+        cacheOverride,
+        searchString,
+        fetchState,
+    });
     const monthYearPeriod = {
         month: period.start.month,
         year: period.start.year,
@@ -40,9 +46,16 @@ export const fetchTransactionCategorizationViewEpic = (actions$, state$) => acti
         vendorOwnerList.fetchState === 'Not-Started') {
         updateActions.push(fetchOwnerList());
     }
+    console.log('[EA-SEARCH] view epic cache check', {
+        selectedTab,
+        cacheOverride,
+        fetchState,
+        transactionIdsBySelectedPeriod
+    });
     if (cacheOverride === true ||
         fetchState === 'Not-Started' ||
         transactionIds.length === 0) {
+        console.log('[EA-SEARCH] dispatching fetchTransactionCategorization for active tab', { selectedTab, searchString });
         updateActions.push(fetchTransactionCategorization(selectedTab, period, cacheOverride, keepExistingListItems, searchString, pageToken, refreshViewInBackground, resetListItems, isUncategorizedExpenseCategoryEnabled));
     }
     // When search changes (searchString defined, including empty string to
@@ -55,7 +68,14 @@ export const fetchTransactionCategorizationViewEpic = (actions$, state$) => acti
     if (searchString !== undefined) {
         TRANSACTIONS_TABS.filter((tab) => tab !== selectedTab).forEach((otherTab) => {
             const otherTabSearchString = expenseAutomationTransactionsViewState.transactionCategorizationView[otherTab].uiState.searchString;
+            console.log('[EA-SEARCH] dual-fetch check for other tab', {
+                otherTab,
+                searchString,
+                otherTabSearchString,
+                willDispatch: searchString !== otherTabSearchString,
+            });
             if (searchString !== otherTabSearchString) {
+                console.log('[EA-SEARCH] dispatching fetchTransactionCategorization for other tab', { otherTab, searchString });
                 updateActions.push(fetchTransactionCategorization(otherTab, period, true, keepExistingListItems, searchString, undefined, true, true, isUncategorizedExpenseCategoryEnabled));
             }
         });

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

@@ -666,18 +666,24 @@ const expenseAutomationTransactionsView = createSlice({
         resetOtherTabsFetchState(draft, action) {
             const { tabs, refreshViewInBackground } = action.payload;
             tabs.forEach((tab) => {
-                if (draft.transactionCategorizationView[tab].fetchState ===
-                    'In-Progress' ||
-                    refreshViewInBackground !== true) {
+                const tabFetchState = draft.transactionCategorizationView[tab].fetchState;
+                if (refreshViewInBackground !== true) {
+                    // Foreground fetch completed: mark other tabs as Completed.
                     draft.transactionCategorizationView[tab].fetchState = 'Completed';
                     draft.transactionCategorizationView[tab].error = undefined;
                 }
-                else {
+                else if (tabFetchState !== 'In-Progress') {
+                    // Background fetch completed: reset the other tab's refreshStatus,
+                    // but only when it is not mid-load. During a dual-search the active
+                    // tab has its own foreground fetch in flight — clobbering its
+                    // fetchState here would drop the skeleton and show an empty list.
                     draft.transactionCategorizationView[tab].refreshStatus = {
                         fetchState: 'Not-Started',
                         error: undefined,
                     };
                 }
+                // If tabFetchState === 'In-Progress' and refreshViewInBackground === true,
+                // leave the other tab's state untouched — it has its own active fetch.
             });
         },
         fetchTransactionCategorizationFailure(draft, action) {

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

@@ -21,6 +21,11 @@ const fetchTransactionCategorizationEpic = (actions$, state$, zeniAPI) => action
     const { pageToken, sortOrder, sortKey } = uiState;
     const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state$.value);
     const selectedPeriod = selectedPeriodByTenantId[currentTenant.tenantId];
+    console.log('[EA-SEARCH] fetchTransactionCategorizationEpic HTTP call', {
+        selectedTab,
+        refreshViewInBackground,
+        search_text: uiState.searchString,
+    });
     const queryParam = {
         start_date: (0, timePeriod_1.toString)(period.start),
         end_date: (0, timePeriod_1.toString)(period.end),

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

@@ -16,6 +16,12 @@ const fetchTransactionCategorizationViewEpic = (actions$, state$) => actions$.pi
     const updateActions = [];
     const { expenseAutomationTransactionsViewState } = state$.value;
     const { fetchState, transactionIdsBySelectedPeriod } = expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTab];
+    console.log('[EA-SEARCH] fetchTransactionCategorizationViewEpic received', {
+        selectedTab,
+        cacheOverride,
+        searchString,
+        fetchState,
+    });
     const monthYearPeriod = {
         month: period.start.month,
         year: period.start.year,
@@ -43,9 +49,16 @@ const fetchTransactionCategorizationViewEpic = (actions$, state$) => actions$.pi
         vendorOwnerList.fetchState === 'Not-Started') {
         updateActions.push((0, ownerListReducer_1.fetchOwnerList)());
     }
+    console.log('[EA-SEARCH] view epic cache check', {
+        selectedTab,
+        cacheOverride,
+        fetchState,
+        transactionIdsBySelectedPeriod
+    });
     if (cacheOverride === true ||
         fetchState === 'Not-Started' ||
         transactionIds.length === 0) {
+        console.log('[EA-SEARCH] dispatching fetchTransactionCategorization for active tab', { selectedTab, searchString });
         updateActions.push((0, transactionsViewReducer_1.fetchTransactionCategorization)(selectedTab, period, cacheOverride, keepExistingListItems, searchString, pageToken, refreshViewInBackground, resetListItems, isUncategorizedExpenseCategoryEnabled));
     }
     // When search changes (searchString defined, including empty string to
@@ -58,7 +71,14 @@ const fetchTransactionCategorizationViewEpic = (actions$, state$) => actions$.pi
     if (searchString !== undefined) {
         transactionsViewState_1.TRANSACTIONS_TABS.filter((tab) => tab !== selectedTab).forEach((otherTab) => {
             const otherTabSearchString = expenseAutomationTransactionsViewState.transactionCategorizationView[otherTab].uiState.searchString;
+            console.log('[EA-SEARCH] dual-fetch check for other tab', {
+                otherTab,
+                searchString,
+                otherTabSearchString,
+                willDispatch: searchString !== otherTabSearchString,
+            });
             if (searchString !== otherTabSearchString) {
+                console.log('[EA-SEARCH] dispatching fetchTransactionCategorization for other tab', { otherTab, searchString });
                 updateActions.push((0, transactionsViewReducer_1.fetchTransactionCategorization)(otherTab, period, true, keepExistingListItems, searchString, undefined, true, true, isUncategorizedExpenseCategoryEnabled));
             }
         });

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

@@ -673,18 +673,24 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
         resetOtherTabsFetchState(draft, action) {
             const { tabs, refreshViewInBackground } = action.payload;
             tabs.forEach((tab) => {
-                if (draft.transactionCategorizationView[tab].fetchState ===
-                    'In-Progress' ||
-                    refreshViewInBackground !== true) {
+                const tabFetchState = draft.transactionCategorizationView[tab].fetchState;
+                if (refreshViewInBackground !== true) {
+                    // Foreground fetch completed: mark other tabs as Completed.
                     draft.transactionCategorizationView[tab].fetchState = 'Completed';
                     draft.transactionCategorizationView[tab].error = undefined;
                 }
-                else {
+                else if (tabFetchState !== 'In-Progress') {
+                    // Background fetch completed: reset the other tab's refreshStatus,
+                    // but only when it is not mid-load. During a dual-search the active
+                    // tab has its own foreground fetch in flight — clobbering its
+                    // fetchState here would drop the skeleton and show an empty list.
                     draft.transactionCategorizationView[tab].refreshStatus = {
                         fetchState: 'Not-Started',
                         error: undefined,
                     };
                 }
+                // If tabFetchState === 'In-Progress' and refreshViewInBackground === true,
+                // leave the other tab's state untouched — it has its own active fetch.
             });
         },
         fetchTransactionCategorizationFailure(draft, action) {

package/package.json

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