@zeniai/client-epic-state 4.19.84-betaVR2 → 4.19.84-betaVR4

package/lib/esm/view/expenseAutomationView/epics/missingReceipts/fetchMoreBatchDetailsEpic.js

@@ -6,7 +6,7 @@ import { createZeniAPIStatus } from '../../../../responsePayload';
 import { filterBatchListItemsForBatchDetailsFetch } from '../../payload/missingReceiptsPayload';
 import { fetchMoreBatchDetails, fetchMoreBatchDetailsComplete, fetchMoreBatchDetailsFailure, } from '../../reducers/missingReceiptsViewReducer';
 import { fetchBatchDetailsByIds } from './fetchMultipleBatchDetailsEpic';
-const MORE_BATCH_PAGE_SIZE = 1;
+const MORE_BATCH_PAGE_SIZE = 5;
 export const fetchMoreBatchDetailsEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchMoreBatchDetails.match), 
 /** One page at a time — avoids duplicate loads if IO + scroll fallback both fire. */
 exhaustMap(() => {

package/lib/esm/view/expenseAutomationView/epics/missingReceipts/fetchMultipleBatchDetailsEpic.js

@@ -4,7 +4,7 @@ import { updateTransactions } from '../../../../entity/transaction/transactionRe
 import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
 import { extractTransactionPayloadsFromBatchFiles, filterBatchListItemsForBatchDetailsFetch, isBatchDetailsApiStatusCompleted, shouldFetchBatchDetailsForBatchId, toBatchDetails, } from '../../payload/missingReceiptsPayload';
 import { batchDetailFetchFailed, fetchBulkUploadBatchDetails, fetchBulkUploadBatchesSuccess, fetchMoreBatchDetailsComplete, setInitialBatchDetailsLoading, storeBatchDetails, } from '../../reducers/missingReceiptsViewReducer';
-const INITIAL_BATCH_PAGE_SIZE = 1;
+const INITIAL_BATCH_PAGE_SIZE = 5;
 export function fetchBatchDetailsByIds(batchIds, zeniAPI) {
     if (batchIds.length === 0) {
         return EMPTY;

package/lib/esm/view/expenseAutomationView/epics/missingReceipts/searchTransactionsForManualMatchEpic.js

@@ -1,4 +1,4 @@
-import { from, merge, of } from 'rxjs';
+import { EMPTY, from, merge, of } from 'rxjs';
 import { catchError, debounceTime, filter, mergeMap, switchMap } from 'rxjs/operators';
 import { convertToPeriod } from '../../../../commonStateTypes/timePeriod';
 import { getCurrentTenant } from '../../../../entity/tenant/tenantSelector';
@@ -16,9 +16,14 @@ export const MANUAL_TRANSACTION_SEARCH_AUTO_CATEGORIZED = false;
 export const searchTransactionsForManualMatchEpic = (actions$, state$, zeniAPI) => {
     const searchActions$ = actions$.pipe(filter(searchTransactionsForManualMatch.match));
     const pagination$ = searchActions$.pipe(filter((a) => a.payload.pageToken != null));
-    const newSearch$ = searchActions$.pipe(filter((a) => a.payload.pageToken == null), debounceTime(300));
-    return merge(pagination$, newSearch$).pipe(switchMap((action) => {
+    /** Clears: no debounce so switchMap cancels in-flight HTTP from the previous query immediately. */
+    const newSearchClear$ = searchActions$.pipe(filter((a) => a.payload.pageToken == null && a.payload.query.trim() === ''));
+    const newSearchDebounced$ = searchActions$.pipe(filter((a) => a.payload.pageToken == null && a.payload.query.trim() !== ''), debounceTime(300));
+    return merge(pagination$, newSearchClear$, newSearchDebounced$).pipe(switchMap((action) => {
         const { query, pageToken } = action.payload;
+        if (pageToken == null && query.trim() === '') {
+            return EMPTY;
+        }
         const state = state$.value;
         const { expenseAutomationViewState: { selectedPeriodByTenantId }, expenseAutomationMissingReceiptsViewState: { bulkUpload: { manualSearch, sortKey, sortOrder }, }, } = state;
         const currentTenant = getCurrentTenant(state);

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

@@ -352,7 +352,7 @@ const expenseAutomationMissingReceiptsView = createSlice({
                     if (originalStatus === 'no_match') {
                         details.summary.noMatch = Math.max(0, details.summary.noMatch - 1);
                     }
-                    else {
+                    else if (originalStatus === 'un_matched') {
                         details.summary.possibleMatches = Math.max(0, details.summary.possibleMatches - 1);
                     }
                 }
@@ -384,6 +384,16 @@ const expenseAutomationMissingReceiptsView = createSlice({
             reducer(draft, action) {
                 const { query, pageToken } = action.payload;
                 const isLoadMore = pageToken != null;
+                const trimmed = query.trim();
+                /**
+                 * Cleared input: reset fully (no In-Progress) so we never show a loader with stale rows,
+                 * and the epic can cancel any in-flight search via switchMap without a debounce delay.
+                 */
+                if (!isLoadMore && trimmed === '') {
+                    draft.bulkUpload.manualSearch = initialBulkUploadState.manualSearch;
+                    draft.bulkUpload.manualSearchUiResetKey += 1;
+                    return;
+                }
                 draft.bulkUpload.manualSearch.searchQuery = query;
                 if (isLoadMore) {
                     draft.bulkUpload.manualSearch.isLoadingMore = true;