@zeniai/client-epic-state 5.1.16-betaRD5 → 5.1.16-betaRD6

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

@@ -58,6 +58,18 @@ export const fetchTransactionCategorizationViewEpic = (actions$, state$) => acti
         transactionIds.length === 0) {
         updateActions.push(fetchTransactionCategorization(selectedTab, period, cacheOverride, keepExistingListItems, searchString, pageToken, refreshViewInBackground, resetListItems, isUncategorizedExpenseCategoryEnabled));
     }
+    // On the initial load of a tab (searchString undefined = non-search fetch),
+    // preload every other tab that hasn't been fetched yet for this period.
+    // This makes switching to the other tab instant instead of triggering a
+    // fresh fetch on click. refreshViewInBackground=true keeps it silent.
+    if (searchString === undefined) {
+        TRANSACTIONS_TABS.filter((tab) => tab !== selectedTab).forEach((otherTab) => {
+            const otherTabFetchState = expenseAutomationTransactionsViewState.transactionCategorizationView[otherTab].fetchState;
+            if (otherTabFetchState === 'Not-Started') {
+                updateActions.push(fetchTransactionCategorization(otherTab, period, false, false, undefined, undefined, true, undefined, isUncategorizedExpenseCategoryEnabled));
+            }
+        });
+    }
     // When search changes (searchString defined, including empty string to
     // clear), also update every other tab so all tabs always reflect the same
     // search query. Skip if the other tab already has this search string to

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

@@ -181,6 +181,7 @@ const expenseAutomationTransactionsView = createSlice({
                         searchString !== '' &&
                         transactionIdsBySelectedPeriod.length > 0) {
                         const snapshot = {
+                            parentTotalCount: draft.parentTotalCountByTab[selectedTab][periodId],
                             periodId,
                             totalCount: draft.transactionCategorizationView[selectedTab].uiState
                                 .totalCount[periodId],
@@ -733,6 +734,10 @@ const expenseAutomationTransactionsView = createSlice({
             if (snapshot.totalCount != null) {
                 draft.transactionCategorizationView[selectedTab].uiState.totalCount[periodId] = snapshot.totalCount;
             }
+            if (snapshot.parentTotalCount != null) {
+                draft.parentTotalCountByTab[selectedTab][periodId] =
+                    snapshot.parentTotalCount;
+            }
             draft.transactionCategorizationView[selectedTab].uiState.searchString =
                 '';
             draft.transactionCategorizationView[selectedTab].uiState.pageToken = null;

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

@@ -61,6 +61,18 @@ const fetchTransactionCategorizationViewEpic = (actions$, state$) => actions$.pi
         transactionIds.length === 0) {
         updateActions.push((0, transactionsViewReducer_1.fetchTransactionCategorization)(selectedTab, period, cacheOverride, keepExistingListItems, searchString, pageToken, refreshViewInBackground, resetListItems, isUncategorizedExpenseCategoryEnabled));
     }
+    // On the initial load of a tab (searchString undefined = non-search fetch),
+    // preload every other tab that hasn't been fetched yet for this period.
+    // This makes switching to the other tab instant instead of triggering a
+    // fresh fetch on click. refreshViewInBackground=true keeps it silent.
+    if (searchString === undefined) {
+        transactionsViewState_1.TRANSACTIONS_TABS.filter((tab) => tab !== selectedTab).forEach((otherTab) => {
+            const otherTabFetchState = expenseAutomationTransactionsViewState.transactionCategorizationView[otherTab].fetchState;
+            if (otherTabFetchState === 'Not-Started') {
+                updateActions.push((0, transactionsViewReducer_1.fetchTransactionCategorization)(otherTab, period, false, false, undefined, undefined, true, undefined, isUncategorizedExpenseCategoryEnabled));
+            }
+        });
+    }
     // When search changes (searchString defined, including empty string to
     // clear), also update every other tab so all tabs always reflect the same
     // search query. Skip if the other tab already has this search string to

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

@@ -188,6 +188,7 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
                         searchString !== '' &&
                         transactionIdsBySelectedPeriod.length > 0) {
                         const snapshot = {
+                            parentTotalCount: draft.parentTotalCountByTab[selectedTab][periodId],
                             periodId,
                             totalCount: draft.transactionCategorizationView[selectedTab].uiState
                                 .totalCount[periodId],
@@ -740,6 +741,10 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
             if (snapshot.totalCount != null) {
                 draft.transactionCategorizationView[selectedTab].uiState.totalCount[periodId] = snapshot.totalCount;
             }
+            if (snapshot.parentTotalCount != null) {
+                draft.parentTotalCountByTab[selectedTab][periodId] =
+                    snapshot.parentTotalCount;
+            }
             draft.transactionCategorizationView[selectedTab].uiState.searchString =
                 '';
             draft.transactionCategorizationView[selectedTab].uiState.pageToken = null;

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

@@ -103,6 +103,7 @@ export declare const initialSupportedTransactionCategorization: SupportedTransac
  * non-empty); cleared once consumed or replaced by a fresh search.
  */
 export interface FullDatasetSnapshot {
+    parentTotalCount: number | undefined;
     periodId: MonthYearPeriodId;
     totalCount: number | undefined;
     transactionIds: ID[];

package/package.json

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