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

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

@@ -9,6 +9,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 missingReceiptsViewState_1 = require("../../types/missingReceiptsViewState");
 const transactionsViewState_1 = require("../../types/transactionsViewState");
 /**
  * `auto_categorized` for manual transaction search (Unmatched).
@@ -19,12 +20,17 @@ 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));
-    /** 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) => {
+    /**
+     * No API for empty or 1-char queries; immediate merge so switchMap cancels any in-flight HTTP.
+     */
+    const newSearchTooShortOrClear$ = searchActions$.pipe((0, operators_1.filter)((a) => a.payload.pageToken == null &&
+        a.payload.query.trim().length < missingReceiptsViewState_1.MIN_MANUAL_TRANSACTION_SEARCH_LENGTH));
+    const newSearchDebounced$ = searchActions$.pipe((0, operators_1.filter)((a) => a.payload.pageToken == null &&
+        a.payload.query.trim().length >= missingReceiptsViewState_1.MIN_MANUAL_TRANSACTION_SEARCH_LENGTH), (0, operators_1.debounceTime)(300));
+    return (0, rxjs_1.merge)(pagination$, newSearchTooShortOrClear$, newSearchDebounced$).pipe((0, operators_1.switchMap)((action) => {
         const { query, pageToken } = action.payload;
-        if (pageToken == null && query.trim() === '') {
+        if (pageToken == null &&
+            query.trim().length < missingReceiptsViewState_1.MIN_MANUAL_TRANSACTION_SEARCH_LENGTH) {
             return rxjs_1.EMPTY;
         }
         const state = state$.value;

package/lib/view/expenseAutomationView/reducers/missingReceiptsViewReducer.d.ts

@@ -5,7 +5,7 @@ import { MonthYearPeriod, TimePeriod } from '../../../commonStateTypes/timePerio
 import { TransactionPayload } from '../../../entity/transaction/payloadTypes/transactionPayload';
 import { SupportedTransactionPayload } from '../../../entity/transaction/transactionState';
 import { ZeniAPIStatus } from '../../../responsePayload';
-import type { BatchDetails, BatchListItem, BatchStatus, BulkUploadResultsTab, BulkUploadSortKey, BulkUploadState, CompletedSubTab, ManualSearchResult, MissingReceiptsViewState, MissingReceiptsViewUIState } from '../types/missingReceiptsViewState';
+import { type BatchDetails, type BatchListItem, type BatchStatus, type BulkUploadResultsTab, type BulkUploadSortKey, type BulkUploadState, type CompletedSubTab, type ManualSearchResult, type MissingReceiptsViewState, type MissingReceiptsViewUIState } from '../types/missingReceiptsViewState';
 import type { MonthYearPeriodId } from '../../../commonStateTypes/timePeriod';
 export declare const getCompletedTransactionsCacheKey: (periodId: MonthYearPeriodId, sortKey: BulkUploadSortKey, sortOrder: SortOrder, subTab: CompletedSubTab) => string;
 export declare const initialBulkUploadState: BulkUploadState;

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fetchCompletedTransactionsFailure = exports.fetchCompletedTransactionsSuccess = exports.fetchCompletedTransactions = exports.acknowledgeBulkUploadConfirmMatchComplete = exports.clearManualSearchResults = exports.searchTransactionsForManualMatchFailure = exports.searchTransactionsForManualMatchSuccess = exports.searchTransactionsForManualMatch = exports.clearBulkUpload = exports.setBulkUploadSortConfig = exports.setBulkUploadCompletedSubTab = exports.setBulkUploadResultsTab = exports.confirmBulkUploadMatchFailure = exports.confirmBulkUploadMatchSuccess = exports.confirmBulkUploadMatch = exports.fetchBulkUploadBatchesFailure = exports.fetchBulkUploadBatchesSuccess = exports.fetchBulkUploadBatches = exports.fetchMoreBatchDetailsFailure = exports.fetchMoreBatchDetailsComplete = exports.fetchMoreBatchDetails = exports.setInitialBatchDetailsLoading = exports.batchDetailFetchFailed = exports.storeBatchDetails = exports.fetchBulkUploadBatchDetailsFailure = exports.fetchBulkUploadBatchDetailsSuccess = exports.fetchBulkUploadBatchDetails = exports.clearMissingReceiptsTabNavigation = exports.requestMissingReceiptsTabNavigation = exports.pusherBatchStatusUpdate = exports.bulkUploadReceiptsFailure = exports.bulkUploadReceiptsSuccess = exports.updateBulkUploadProgress = exports.bulkUploadReceipts = exports.clearExpenseAutomationMissingReceiptsView = exports.markMissingReceiptAsDone = exports.updateMissingReceiptsUIState = exports.updateMissingReceiptUploadState = exports.uploadMissingReceiptSuccess = exports.fetchMissingReceiptsFailure = exports.fetchMissingReceiptsSuccess = exports.fetchMissingReceipts = exports.initialState = exports.initialBulkUploadState = exports.getCompletedTransactionsCacheKey = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const timePeriod_1 = require("../../../commonStateTypes/timePeriod");
+const missingReceiptsViewState_1 = require("../types/missingReceiptsViewState");
 const getCompletedTransactionsCacheKey = (periodId, sortKey, sortOrder, subTab) => `completed-${subTab}-${sortKey}-${sortOrder === 'ascending' ? 'asc' : 'desc'}-${periodId}`;
 exports.getCompletedTransactionsCacheKey = getCompletedTransactionsCacheKey;
 exports.initialBulkUploadState = {
@@ -391,10 +392,11 @@ const expenseAutomationMissingReceiptsView = (0, toolkit_1.createSlice)({
                 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.
+                 * Cleared or too-short query: no API (see epic). Reset fully (no In-Progress) so loading
+                 * UI never shows; bump key so inputs remount.
                  */
-                if (!isLoadMore && trimmed === '') {
+                if (!isLoadMore &&
+                    trimmed.length < missingReceiptsViewState_1.MIN_MANUAL_TRANSACTION_SEARCH_LENGTH) {
                     draft.bulkUpload.manualSearch = exports.initialBulkUploadState.manualSearch;
                     draft.bulkUpload.manualSearchUiResetKey += 1;
                     return;

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

@@ -13,6 +13,11 @@ export interface MissingReceiptsViewUIState {
     sortKey: MissingReceiptsSortKey;
     sortOrder: SortOrder;
 }
+/**
+ * Minimum trimmed query length before manual-match search calls the expense-automation API.
+ * Kept in sync with `ManualSearchInput` in web-components (fires search only when length ≥ this).
+ */
+export declare const MIN_MANUAL_TRANSACTION_SEARCH_LENGTH = 2;
 export type BatchStatusValue = 'pending' | 'processing' | 'completed';
 export type BatchFileStatus = 'matched' | 'un_matched' | 'no_match' | 'failed';
 export type BulkUploadPhase = 'idle' | 'uploading' | 'matching' | 'completed';

package/lib/view/expenseAutomationView/types/missingReceiptsViewState.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toMissingReceiptsSortKey = void 0;
+exports.MIN_MANUAL_TRANSACTION_SEARCH_LENGTH = exports.toMissingReceiptsSortKey = void 0;
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 const MISSING_RECEIPTS_SORT_KEYS = [
     'vendor',
@@ -11,3 +11,9 @@ const MISSING_RECEIPTS_SORT_KEYS = [
 ];
 const toMissingReceiptsSortKey = (v) => (0, stringToUnion_1.stringToUnion)(v, MISSING_RECEIPTS_SORT_KEYS);
 exports.toMissingReceiptsSortKey = toMissingReceiptsSortKey;
+// -- Bulk Receipt Upload Types --
+/**
+ * Minimum trimmed query length before manual-match search calls the expense-automation API.
+ * Kept in sync with `ManualSearchInput` in web-components (fires search only when length ≥ this).
+ */
+exports.MIN_MANUAL_TRANSACTION_SEARCH_LENGTH = 2;

package/package.json

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