@zeniai/client-epic-state 4.19.37-betaVR19 → 4.19.37-betaVR21

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

@@ -1,27 +1,68 @@
-import { of } from 'rxjs';
-import { catchError, debounceTime, filter, switchMap } from 'rxjs/operators';
+import { 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';
+import { updateTransactions } from '../../../../entity/transaction/transactionReducer';
 import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
-import { toManualSearchResult, } from '../../payload/missingReceiptsPayload';
+import { supportedTransactionPayloadToManualSearchResult } from '../../payload/missingReceiptsPayload';
 import { searchTransactionsForManualMatch, searchTransactionsForManualMatchFailure, searchTransactionsForManualMatchSuccess, } from '../../reducers/missingReceiptsViewReducer';
-export const searchTransactionsForManualMatchEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(searchTransactionsForManualMatch.match), debounceTime(300), switchMap((action) => {
-    const { query } = action.payload;
-    const searchQuery = JSON.stringify({
-        search_text: query,
-        search_fields: ['date', 'amount', 'vendor_name'],
-    });
-    const encodedQuery = encodeURIComponent(searchQuery);
-    return zeniAPI
-        .getJSON(`${zeniAPI.apiEndPoints.searchMicroServiceBaseUrl}/1.0/transaction-search?query=${encodedQuery}`)
-        .pipe(switchMap((response) => {
-        if (isSuccessResponse(response) && response.data != null) {
-            const results = response.data.transactions.map(toManualSearchResult);
-            return of(searchTransactionsForManualMatchSuccess(results));
+import { toTransactionsSortKey } from '../../types/transactionsViewState';
+/**
+ * `auto_categorized` for manual transaction search (Unmatched).
+ * Backend contract TBD — align with `fetchTransactionCategorizationEpic` (`selectedTab === 'autoCategorized'`)
+ * when the expense-automation API documents the intended filter for this flow.
+ */
+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) => {
+        const { query, pageToken } = action.payload;
+        const state = state$.value;
+        const { expenseAutomationViewState: { selectedPeriodByTenantId }, expenseAutomationMissingReceiptsViewState: { bulkUpload: { manualSearch, sortKey, sortOrder }, }, } = state;
+        const currentTenant = getCurrentTenant(state);
+        const selectedPeriod = selectedPeriodByTenantId[currentTenant.tenantId];
+        if (selectedPeriod == null) {
+            return of(searchTransactionsForManualMatchFailure({
+                error: createZeniAPIStatus('Unexpected Error', 'Manual search requires a selected accounting period.'),
+            }));
         }
-        return of(searchTransactionsForManualMatchFailure({
-            error: response.status,
-        }));
-    }), catchError((error) => of(searchTransactionsForManualMatchFailure({
-        error: createZeniAPIStatus('Unexpected Error', 'Search transactions for manual match errored: ' +
-            JSON.stringify(error)),
-    }))));
-}));
+        const period = convertToPeriod(selectedPeriod);
+        const queryParam = {
+            start_date: period.start,
+            end_date: period.end,
+            auto_categorized: MANUAL_TRANSACTION_SEARCH_AUTO_CATEGORIZED,
+            sort_by: toTransactionsSortKey(sortKey),
+            sort_order: sortOrder === 'ascending' ? 'asc' : 'desc',
+            page_token: pageToken ?? null,
+            page_size: manualSearch.pageSize,
+            search_text: query,
+        };
+        return zeniAPI
+            .getJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/expense-automation/transactions?query=${encodeURIComponent(JSON.stringify(queryParam))}`)
+            .pipe(mergeMap((response) => {
+            if (isSuccessResponse(response) && response.data != null) {
+                const { transactions, next_page_token, total_count } = response.data;
+                const append = pageToken != null;
+                const results = transactions.map(supportedTransactionPayloadToManualSearchResult);
+                const actionsOut = [
+                    updateTransactions(transactions, (value) => value.transaction_id, 'merge'),
+                    searchTransactionsForManualMatchSuccess({
+                        append,
+                        nextPageToken: next_page_token ?? null,
+                        results,
+                        totalCount: total_count,
+                    }),
+                ];
+                return from(actionsOut);
+            }
+            return of(searchTransactionsForManualMatchFailure({
+                error: response.status,
+            }));
+        }), catchError((error) => of(searchTransactionsForManualMatchFailure({
+            error: createZeniAPIStatus('Unexpected Error', 'Search transactions for manual match errored: ' +
+                JSON.stringify(error)),
+        }))));
+    }));
+};

package/lib/esm/view/expenseAutomationView/payload/missingReceiptsPayload.js

@@ -1,4 +1,5 @@
 import { toURL } from '../../../commonPayloadTypes/urlPayload';
+import { getTransactionPayloadAmount, } from '../../../entity/transaction/payloadTypes/transactionPayload';
 // -- Converter functions --
 export function toBatchFile(payload, filesEndPoint) {
     return {
@@ -86,15 +87,18 @@ export function toBatchListItem(payload) {
         totalFiles: payload.total_files,
     };
 }
-export function toManualSearchResult(payload) {
+/** Maps expense-automation transaction rows to manual-search list rows (Unmatched tab). */
+export function supportedTransactionPayloadToManualSearchResult(payload) {
+    const amountPayload = getTransactionPayloadAmount(payload);
     return {
-        amount: payload.amount,
-        currencyCode: payload.currency,
-        entityId: payload.entity_id,
-        memo: payload.memo,
+        amount: amountPayload.amount,
+        currencyCode: amountPayload.currencyCode,
+        entityId: payload.vendor_id ?? payload.customer_id ?? '',
+        memo: payload.transaction_memo ?? '',
         transactionDate: payload.transaction_date,
         transactionId: payload.transaction_id,
         transactionType: payload.transaction_type,
-        vendorName: payload.vendor_name,
+        vendorName: payload.vendor_name ?? '',
+        vendorLogo: toURL(payload.logo)?.href,
     };
 }

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

@@ -15,8 +15,12 @@ export const initialBulkUploadState = {
     failedBatchDetailIds: [],
     manualSearch: {
         fetchState: { fetchState: 'Not-Started', error: undefined },
+        isLoadingMore: false,
+        nextPageToken: null,
+        pageSize: 25,
         results: [],
         searchQuery: '',
+        totalCount: 0,
     },
     phase: 'idle',
     sortKey: 'date',
@@ -342,25 +346,47 @@ const expenseAutomationMissingReceiptsView = createSlice({
         },
         searchTransactionsForManualMatch: {
             reducer(draft, action) {
-                draft.bulkUpload.manualSearch.searchQuery = action.payload.query;
-                draft.bulkUpload.manualSearch.fetchState = {
-                    fetchState: 'In-Progress',
-                    error: undefined,
-                };
-                draft.bulkUpload.manualSearch.results = [];
+                const { query, pageToken } = action.payload;
+                const isLoadMore = pageToken != null;
+                draft.bulkUpload.manualSearch.searchQuery = query;
+                if (isLoadMore) {
+                    draft.bulkUpload.manualSearch.isLoadingMore = true;
+                }
+                else {
+                    draft.bulkUpload.manualSearch.isLoadingMore = false;
+                    draft.bulkUpload.manualSearch.results = [];
+                    draft.bulkUpload.manualSearch.nextPageToken = null;
+                    draft.bulkUpload.manualSearch.totalCount = 0;
+                    draft.bulkUpload.manualSearch.fetchState = {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    };
+                }
             },
-            prepare(query) {
-                return { payload: { query } };
+            prepare(query, pageToken) {
+                return { payload: { query, pageToken: pageToken ?? undefined } };
             },
         },
         searchTransactionsForManualMatchSuccess(draft, action) {
-            draft.bulkUpload.manualSearch.results = action.payload;
+            const { append, nextPageToken, results, totalCount } = action.payload;
+            if (append) {
+                const merged = [...draft.bulkUpload.manualSearch.results, ...results];
+                const byId = new Map(merged.map((r) => [r.transactionId, r]));
+                draft.bulkUpload.manualSearch.results = Array.from(byId.values());
+            }
+            else {
+                draft.bulkUpload.manualSearch.results = results;
+            }
+            draft.bulkUpload.manualSearch.nextPageToken = nextPageToken;
+            draft.bulkUpload.manualSearch.totalCount = totalCount;
+            draft.bulkUpload.manualSearch.isLoadingMore = false;
             draft.bulkUpload.manualSearch.fetchState = {
                 fetchState: 'Completed',
                 error: undefined,
             };
         },
         searchTransactionsForManualMatchFailure(draft, action) {
+            draft.bulkUpload.manualSearch.isLoadingMore = false;
             draft.bulkUpload.manualSearch.fetchState = {
                 fetchState: 'Error',
                 error: action.payload.error,

package/lib/esm/view/expenseAutomationView/selectors/missingReceiptsSelector.js

@@ -148,6 +148,13 @@ export function getExpenseAutomationMissingReceiptsView(state) {
             summary: currentBatchDetails.summary,
         }
         : undefined;
+    const manualSearchResults = bulkUpload.manualSearch.results.map((r) => {
+        const t = getSupportedTransactionById(transactionState, r.transactionId);
+        return {
+            ...r,
+            vendorLogo: r.vendorLogo ?? t?.logo?.href,
+        };
+    });
     return {
         fetchState,
         error,
@@ -185,7 +192,10 @@ export function getExpenseAutomationMissingReceiptsView(state) {
             confirmMatchStatus: bulkUpload.confirmMatchStatus,
             hasMoreBatchDetails,
             batchDetailsPaginationState: bulkUpload.batchDetailsPaginationState,
-            manualSearch: bulkUpload.manualSearch,
+            manualSearch: {
+                ...bulkUpload.manualSearch,
+                results: manualSearchResults,
+            },
             uploadProgress: bulkUpload.uploadProgress,
         },
     };

package/lib/view/expenseAutomationView/epics/missingReceipts/searchTransactionsForManualMatchEpic.d.ts

@@ -1,6 +1,14 @@
-import { ActionsObservable } from 'redux-observable';
+import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
+import { updateTransactions } from '../../../../entity/transaction/transactionReducer';
+import { RootState } from '../../../../reducer';
 import { ZeniAPI } from '../../../../zeniAPI';
 import { searchTransactionsForManualMatch, searchTransactionsForManualMatchFailure, searchTransactionsForManualMatchSuccess } from '../../reducers/missingReceiptsViewReducer';
-export type ActionType = ReturnType<typeof searchTransactionsForManualMatch> | ReturnType<typeof searchTransactionsForManualMatchSuccess> | ReturnType<typeof searchTransactionsForManualMatchFailure>;
-export declare const searchTransactionsForManualMatchEpic: (actions$: ActionsObservable<ActionType>, _state$: unknown, zeniAPI: ZeniAPI) => Observable<ActionType>;
+/**
+ * `auto_categorized` for manual transaction search (Unmatched).
+ * Backend contract TBD — align with `fetchTransactionCategorizationEpic` (`selectedTab === 'autoCategorized'`)
+ * when the expense-automation API documents the intended filter for this flow.
+ */
+export declare const MANUAL_TRANSACTION_SEARCH_AUTO_CATEGORIZED = false;
+export type ActionType = ReturnType<typeof searchTransactionsForManualMatch> | ReturnType<typeof searchTransactionsForManualMatchSuccess> | ReturnType<typeof searchTransactionsForManualMatchFailure> | ReturnType<typeof updateTransactions>;
+export declare const searchTransactionsForManualMatchEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -1,31 +1,72 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.searchTransactionsForManualMatchEpic = void 0;
+exports.searchTransactionsForManualMatchEpic = exports.MANUAL_TRANSACTION_SEARCH_AUTO_CATEGORIZED = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
+const timePeriod_1 = require("../../../../commonStateTypes/timePeriod");
+const tenantSelector_1 = require("../../../../entity/tenant/tenantSelector");
+const transactionReducer_1 = require("../../../../entity/transaction/transactionReducer");
 const responsePayload_1 = require("../../../../responsePayload");
 const missingReceiptsPayload_1 = require("../../payload/missingReceiptsPayload");
 const missingReceiptsViewReducer_1 = require("../../reducers/missingReceiptsViewReducer");
-const searchTransactionsForManualMatchEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(missingReceiptsViewReducer_1.searchTransactionsForManualMatch.match), (0, operators_1.debounceTime)(300), (0, operators_1.switchMap)((action) => {
-    const { query } = action.payload;
-    const searchQuery = JSON.stringify({
-        search_text: query,
-        search_fields: ['date', 'amount', 'vendor_name'],
-    });
-    const encodedQuery = encodeURIComponent(searchQuery);
-    return zeniAPI
-        .getJSON(`${zeniAPI.apiEndPoints.searchMicroServiceBaseUrl}/1.0/transaction-search?query=${encodedQuery}`)
-        .pipe((0, operators_1.switchMap)((response) => {
-        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
-            const results = response.data.transactions.map(missingReceiptsPayload_1.toManualSearchResult);
-            return (0, rxjs_1.of)((0, missingReceiptsViewReducer_1.searchTransactionsForManualMatchSuccess)(results));
+const transactionsViewState_1 = require("../../types/transactionsViewState");
+/**
+ * `auto_categorized` for manual transaction search (Unmatched).
+ * Backend contract TBD — align with `fetchTransactionCategorizationEpic` (`selectedTab === 'autoCategorized'`)
+ * when the expense-automation API documents the intended filter for this flow.
+ */
+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) => {
+        const { query, pageToken } = action.payload;
+        const state = state$.value;
+        const { expenseAutomationViewState: { selectedPeriodByTenantId }, expenseAutomationMissingReceiptsViewState: { bulkUpload: { manualSearch, sortKey, sortOrder }, }, } = state;
+        const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state);
+        const selectedPeriod = selectedPeriodByTenantId[currentTenant.tenantId];
+        if (selectedPeriod == null) {
+            return (0, rxjs_1.of)((0, missingReceiptsViewReducer_1.searchTransactionsForManualMatchFailure)({
+                error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Manual search requires a selected accounting period.'),
+            }));
         }
-        return (0, rxjs_1.of)((0, missingReceiptsViewReducer_1.searchTransactionsForManualMatchFailure)({
-            error: response.status,
-        }));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, missingReceiptsViewReducer_1.searchTransactionsForManualMatchFailure)({
-        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Search transactions for manual match errored: ' +
-            JSON.stringify(error)),
-    }))));
-}));
+        const period = (0, timePeriod_1.convertToPeriod)(selectedPeriod);
+        const queryParam = {
+            start_date: period.start,
+            end_date: period.end,
+            auto_categorized: exports.MANUAL_TRANSACTION_SEARCH_AUTO_CATEGORIZED,
+            sort_by: (0, transactionsViewState_1.toTransactionsSortKey)(sortKey),
+            sort_order: sortOrder === 'ascending' ? 'asc' : 'desc',
+            page_token: pageToken ?? null,
+            page_size: manualSearch.pageSize,
+            search_text: query,
+        };
+        return zeniAPI
+            .getJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/expense-automation/transactions?query=${encodeURIComponent(JSON.stringify(queryParam))}`)
+            .pipe((0, operators_1.mergeMap)((response) => {
+            if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+                const { transactions, next_page_token, total_count } = response.data;
+                const append = pageToken != null;
+                const results = transactions.map(missingReceiptsPayload_1.supportedTransactionPayloadToManualSearchResult);
+                const actionsOut = [
+                    (0, transactionReducer_1.updateTransactions)(transactions, (value) => value.transaction_id, 'merge'),
+                    (0, missingReceiptsViewReducer_1.searchTransactionsForManualMatchSuccess)({
+                        append,
+                        nextPageToken: next_page_token ?? null,
+                        results,
+                        totalCount: total_count,
+                    }),
+                ];
+                return (0, rxjs_1.from)(actionsOut);
+            }
+            return (0, rxjs_1.of)((0, missingReceiptsViewReducer_1.searchTransactionsForManualMatchFailure)({
+                error: response.status,
+            }));
+        }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, missingReceiptsViewReducer_1.searchTransactionsForManualMatchFailure)({
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Search transactions for manual match errored: ' +
+                JSON.stringify(error)),
+        }))));
+    }));
+};
 exports.searchTransactionsForManualMatchEpic = searchTransactionsForManualMatchEpic;

package/lib/view/expenseAutomationView/payload/missingReceiptsPayload.d.ts

@@ -84,25 +84,8 @@ export declare function toBatchDetails(payload: BatchDetailsResponsePayload, fil
 /** Batch list `status` is a string from the API — compare case-insensitively. */
 export declare function isBatchListStatusCompleted(status: string): boolean;
 export declare function toBatchListItem(payload: BatchListItemPayload): BatchListItem;
-export interface TransactionSearchQueryPayload {
-    search_text: string;
-    search_fields?: string[];
-}
-export interface TransactionSearchItemPayload {
-    amount: number;
-    currency: string;
-    entity_id: string;
-    memo: string;
-    transaction_date: string;
-    transaction_id: string;
-    transaction_type: string;
-    vendor_name: string;
-}
-export interface TransactionSearchResponsePayload {
-    transactions: TransactionSearchItemPayload[];
-}
-export type TransactionSearchResponse = ZeniAPIResponse<TransactionSearchResponsePayload>;
-export declare function toManualSearchResult(payload: TransactionSearchItemPayload): ManualSearchResult;
+/** Maps expense-automation transaction rows to manual-search list rows (Unmatched tab). */
+export declare function supportedTransactionPayloadToManualSearchResult(payload: SupportedTransactionPayload): ManualSearchResult;
 export interface CompletedTransactionsQueryPayload {
     end_date?: string;
     match_type?: string;

package/lib/view/expenseAutomationView/payload/missingReceiptsPayload.js

@@ -6,8 +6,9 @@ exports.toBatchSummary = toBatchSummary;
 exports.toBatchDetails = toBatchDetails;
 exports.isBatchListStatusCompleted = isBatchListStatusCompleted;
 exports.toBatchListItem = toBatchListItem;
-exports.toManualSearchResult = toManualSearchResult;
+exports.supportedTransactionPayloadToManualSearchResult = supportedTransactionPayloadToManualSearchResult;
 const urlPayload_1 = require("../../../commonPayloadTypes/urlPayload");
+const transactionPayload_1 = require("../../../entity/transaction/payloadTypes/transactionPayload");
 // -- Converter functions --
 function toBatchFile(payload, filesEndPoint) {
     return {
@@ -95,15 +96,18 @@ function toBatchListItem(payload) {
         totalFiles: payload.total_files,
     };
 }
-function toManualSearchResult(payload) {
+/** Maps expense-automation transaction rows to manual-search list rows (Unmatched tab). */
+function supportedTransactionPayloadToManualSearchResult(payload) {
+    const amountPayload = (0, transactionPayload_1.getTransactionPayloadAmount)(payload);
     return {
-        amount: payload.amount,
-        currencyCode: payload.currency,
-        entityId: payload.entity_id,
-        memo: payload.memo,
+        amount: amountPayload.amount,
+        currencyCode: amountPayload.currencyCode,
+        entityId: payload.vendor_id ?? payload.customer_id ?? '',
+        memo: payload.transaction_memo ?? '',
         transactionDate: payload.transaction_date,
         transactionId: payload.transaction_id,
         transactionType: payload.transaction_type,
-        vendorName: payload.vendor_name,
+        vendorName: payload.vendor_name ?? '',
+        vendorLogo: (0, urlPayload_1.toURL)(payload.logo)?.href,
     };
 }

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

@@ -67,9 +67,15 @@ export declare const fetchMissingReceipts: import("@reduxjs/toolkit").ActionCrea
 }, "expenseAutomationMissingReceiptsView/confirmBulkUploadMatchFailure">, setBulkUploadResultsTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<BulkUploadResultsTab, "expenseAutomationMissingReceiptsView/setBulkUploadResultsTab">, setBulkUploadCompletedSubTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<CompletedSubTab, "expenseAutomationMissingReceiptsView/setBulkUploadCompletedSubTab">, setBulkUploadSortConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     sortKey: BulkUploadSortKey;
     sortOrder: SortOrder;
-}, "expenseAutomationMissingReceiptsView/setBulkUploadSortConfig">, clearBulkUpload: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"expenseAutomationMissingReceiptsView/clearBulkUpload">, searchTransactionsForManualMatch: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[query: string], {
+}, "expenseAutomationMissingReceiptsView/setBulkUploadSortConfig">, clearBulkUpload: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"expenseAutomationMissingReceiptsView/clearBulkUpload">, searchTransactionsForManualMatch: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[query: string, pageToken?: string | null | undefined], {
     query: string;
-}, "expenseAutomationMissingReceiptsView/searchTransactionsForManualMatch", never, never>, searchTransactionsForManualMatchSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<ManualSearchResult[], "expenseAutomationMissingReceiptsView/searchTransactionsForManualMatchSuccess">, searchTransactionsForManualMatchFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    pageToken: string | undefined;
+}, "expenseAutomationMissingReceiptsView/searchTransactionsForManualMatch", never, never>, searchTransactionsForManualMatchSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    append: boolean;
+    nextPageToken: string | null;
+    results: ManualSearchResult[];
+    totalCount: number;
+}, "expenseAutomationMissingReceiptsView/searchTransactionsForManualMatchSuccess">, searchTransactionsForManualMatchFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     error: ZeniAPIStatus;
 }, "expenseAutomationMissingReceiptsView/searchTransactionsForManualMatchFailure">, clearManualSearchResults: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"expenseAutomationMissingReceiptsView/clearManualSearchResults">, fetchCompletedTransactions: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[pageToken?: string | undefined, cacheOverride?: boolean | undefined], {
     pageToken: string | undefined;

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

@@ -20,8 +20,12 @@ exports.initialBulkUploadState = {
     failedBatchDetailIds: [],
     manualSearch: {
         fetchState: { fetchState: 'Not-Started', error: undefined },
+        isLoadingMore: false,
+        nextPageToken: null,
+        pageSize: 25,
         results: [],
         searchQuery: '',
+        totalCount: 0,
     },
     phase: 'idle',
     sortKey: 'date',
@@ -347,25 +351,47 @@ const expenseAutomationMissingReceiptsView = (0, toolkit_1.createSlice)({
         },
         searchTransactionsForManualMatch: {
             reducer(draft, action) {
-                draft.bulkUpload.manualSearch.searchQuery = action.payload.query;
-                draft.bulkUpload.manualSearch.fetchState = {
-                    fetchState: 'In-Progress',
-                    error: undefined,
-                };
-                draft.bulkUpload.manualSearch.results = [];
+                const { query, pageToken } = action.payload;
+                const isLoadMore = pageToken != null;
+                draft.bulkUpload.manualSearch.searchQuery = query;
+                if (isLoadMore) {
+                    draft.bulkUpload.manualSearch.isLoadingMore = true;
+                }
+                else {
+                    draft.bulkUpload.manualSearch.isLoadingMore = false;
+                    draft.bulkUpload.manualSearch.results = [];
+                    draft.bulkUpload.manualSearch.nextPageToken = null;
+                    draft.bulkUpload.manualSearch.totalCount = 0;
+                    draft.bulkUpload.manualSearch.fetchState = {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    };
+                }
             },
-            prepare(query) {
-                return { payload: { query } };
+            prepare(query, pageToken) {
+                return { payload: { query, pageToken: pageToken ?? undefined } };
             },
         },
         searchTransactionsForManualMatchSuccess(draft, action) {
-            draft.bulkUpload.manualSearch.results = action.payload;
+            const { append, nextPageToken, results, totalCount } = action.payload;
+            if (append) {
+                const merged = [...draft.bulkUpload.manualSearch.results, ...results];
+                const byId = new Map(merged.map((r) => [r.transactionId, r]));
+                draft.bulkUpload.manualSearch.results = Array.from(byId.values());
+            }
+            else {
+                draft.bulkUpload.manualSearch.results = results;
+            }
+            draft.bulkUpload.manualSearch.nextPageToken = nextPageToken;
+            draft.bulkUpload.manualSearch.totalCount = totalCount;
+            draft.bulkUpload.manualSearch.isLoadingMore = false;
             draft.bulkUpload.manualSearch.fetchState = {
                 fetchState: 'Completed',
                 error: undefined,
             };
         },
         searchTransactionsForManualMatchFailure(draft, action) {
+            draft.bulkUpload.manualSearch.isLoadingMore = false;
             draft.bulkUpload.manualSearch.fetchState = {
                 fetchState: 'Error',
                 error: action.payload.error,

package/lib/view/expenseAutomationView/selectors/missingReceiptsSelector.js

@@ -154,6 +154,13 @@ function getExpenseAutomationMissingReceiptsView(state) {
             summary: currentBatchDetails.summary,
         }
         : undefined;
+    const manualSearchResults = bulkUpload.manualSearch.results.map((r) => {
+        const t = (0, transactionSelector_1.getSupportedTransactionById)(transactionState, r.transactionId);
+        return {
+            ...r,
+            vendorLogo: r.vendorLogo ?? t?.logo?.href,
+        };
+    });
     return {
         fetchState,
         error,
@@ -191,7 +198,10 @@ function getExpenseAutomationMissingReceiptsView(state) {
             confirmMatchStatus: bulkUpload.confirmMatchStatus,
             hasMoreBatchDetails,
             batchDetailsPaginationState: bulkUpload.batchDetailsPaginationState,
-            manualSearch: bulkUpload.manualSearch,
+            manualSearch: {
+                ...bulkUpload.manualSearch,
+                results: manualSearchResults,
+            },
             uploadProgress: bulkUpload.uploadProgress,
         },
     };

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

@@ -86,11 +86,18 @@ export interface ManualSearchResult {
     transactionId: ID;
     transactionType: string;
     vendorName: string;
+    /** Present when API/merged transaction state supplies a logo URL. */
+    vendorLogo?: string;
 }
 export interface ManualSearchState {
     fetchState: FetchStateAndError;
+    /** True while appending the next page (initial search uses fetchState only). */
+    isLoadingMore: boolean;
+    nextPageToken: string | null;
+    pageSize: number;
     results: ManualSearchResult[];
     searchQuery: string;
+    totalCount: number;
 }
 export type CompletedTransactionsMatchType = 'all' | 'ai_accountant' | 'manual';
 export interface CompletedTransactionsState {

package/package.json

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