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

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

@@ -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;