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

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

@@ -9,7 +9,7 @@ const responsePayload_1 = require("../../../../responsePayload");
 const missingReceiptsPayload_1 = require("../../payload/missingReceiptsPayload");
 const missingReceiptsViewReducer_1 = require("../../reducers/missingReceiptsViewReducer");
 const fetchMultipleBatchDetailsEpic_1 = require("./fetchMultipleBatchDetailsEpic");
-const MORE_BATCH_PAGE_SIZE = 1;
+const MORE_BATCH_PAGE_SIZE = 5;
 const fetchMoreBatchDetailsEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(missingReceiptsViewReducer_1.fetchMoreBatchDetails.match), 
 /** One page at a time — avoids duplicate loads if IO + scroll fallback both fire. */
 (0, operators_1.exhaustMap)(() => {

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

@@ -8,7 +8,7 @@ const transactionReducer_1 = require("../../../../entity/transaction/transaction
 const responsePayload_1 = require("../../../../responsePayload");
 const missingReceiptsPayload_1 = require("../../payload/missingReceiptsPayload");
 const missingReceiptsViewReducer_1 = require("../../reducers/missingReceiptsViewReducer");
-const INITIAL_BATCH_PAGE_SIZE = 1;
+const INITIAL_BATCH_PAGE_SIZE = 5;
 function fetchBatchDetailsByIds(batchIds, zeniAPI) {
     if (batchIds.length === 0) {
         return rxjs_1.EMPTY;

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

@@ -19,9 +19,14 @@ exports.MANUAL_TRANSACTION_SEARCH_AUTO_CATEGORIZED = false;
 const searchTransactionsForManualMatchEpic = (actions$, state$, zeniAPI) => {
     const searchActions$ = actions$.pipe((0, operators_1.filter)(missingReceiptsViewReducer_1.searchTransactionsForManualMatch.match));
     const pagination$ = searchActions$.pipe((0, operators_1.filter)((a) => a.payload.pageToken != null));
-    const newSearch$ = searchActions$.pipe((0, operators_1.filter)((a) => a.payload.pageToken == null), (0, operators_1.debounceTime)(300));
-    return (0, rxjs_1.merge)(pagination$, newSearch$).pipe((0, operators_1.switchMap)((action) => {
+    /** Clears: no debounce so switchMap cancels in-flight HTTP from the previous query immediately. */
+    const newSearchClear$ = searchActions$.pipe((0, operators_1.filter)((a) => a.payload.pageToken == null && a.payload.query.trim() === ''));
+    const newSearchDebounced$ = searchActions$.pipe((0, operators_1.filter)((a) => a.payload.pageToken == null && a.payload.query.trim() !== ''), (0, operators_1.debounceTime)(300));
+    return (0, rxjs_1.merge)(pagination$, newSearchClear$, newSearchDebounced$).pipe((0, operators_1.switchMap)((action) => {
         const { query, pageToken } = action.payload;
+        if (pageToken == null && query.trim() === '') {
+            return rxjs_1.EMPTY;
+        }
         const state = state$.value;
         const { expenseAutomationViewState: { selectedPeriodByTenantId }, expenseAutomationMissingReceiptsViewState: { bulkUpload: { manualSearch, sortKey, sortOrder }, }, } = state;
         const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state);

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

@@ -357,7 +357,7 @@ const expenseAutomationMissingReceiptsView = (0, toolkit_1.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);
                     }
                 }
@@ -389,6 +389,16 @@ const expenseAutomationMissingReceiptsView = (0, toolkit_1.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 = exports.initialBulkUploadState.manualSearch;
+                    draft.bulkUpload.manualSearchUiResetKey += 1;
+                    return;
+                }
                 draft.bulkUpload.manualSearch.searchQuery = query;
                 if (isLoadMore) {
                     draft.bulkUpload.manualSearch.isLoadingMore = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "4.19.84-betaVR2",
+  "version": "4.19.84-betaVR4",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",
@@ -111,7 +111,7 @@
     "find-dead-code": "ts-prune | grep -v '(used in module)'",
     "find-unused-exports": "ts-unused-exports ./tsconfig.json",
     "circular-dependency": "npx madge --circular --extensions ts ./src",
-    "build": "concurrently --kill-others-on-fail --handle-input \"echo 'Running ESLint...' && eslint . --ext .js,.jsx,.ts,.tsx\" \"echo 'TypeScript build in progress...' && time tsc && echo 'ESM build...' && tsc -p tsconfig.esm.json\"",
+    "build": "concurrently --kill-others-on-fail --handle-input \"echo 'Running ESLint...' && eslint . --ext .js,.jsx,.ts,.tsx\" \"echo 'TypeScript build in progress...' && time tsc && echo 'ESM build...' && tsc -p tsconfig.esm.json\" \"echo 'Running tests and typecheck...' && pnpm test\" && rimraf \"lib/**/__mocks__\" \"lib/**/__testHelpers__\"",
     "only-build": "eslint . --ext .js,.jsx,.ts,.tsx && time tsc && tsc -p tsconfig.esm.json && rimraf \"lib/**/__mocks__\" \"lib/**/__testHelpers__\"",
     "only-build-dev": "eslint . --ext .js,.jsx,.ts,.tsx && time tsc -p tsconfig.dev.json && tsc -p tsconfig.esm.dev.json && rimraf \"lib/**/__mocks__\" \"lib/**/__testHelpers__\"",
     "format": "prettier --write --ignore-unknown \"src/**/*\" && pnpm lint",