@zeniai/client-epic-state 4.19.84-betaVR11 → 4.19.84-betaVR12

package/lib/esm/index.js

@@ -612,5 +612,6 @@ export { fetchTreasuryStatementList } from './view/spendManagement/treasury/trea
 export { getTreasuryStatements, } from './view/spendManagement/treasury/treasuryStatementList/treasuryStatementListSelector';
 export { fetchTreasuryTaxLetterList } from './view/spendManagement/treasury/treasuryTaxLetterList/treasuryTaxLetterListReducer';
 export { getTreasuryTaxLetters, } from './view/spendManagement/treasury/treasuryTaxLetterList/treasuryTaxLetterListSelector';
+export { BULK_UPLOAD_BAR_COMPLETE_HOLD_MS } from './view/expenseAutomationView/bulkUploadTiming';
 export { fetchTransactionActivityLog } from './view/transactionActivityLogView/transactionActivityLogViewReducer';
 export { getTransactionActivityLogView, } from './view/transactionActivityLogView/transactionActivityLogViewSelector';

package/lib/esm/view/expenseAutomationView/bulkUploadTiming.js

@@ -0,0 +1,5 @@
+/**
+ * After upload API success, hold the bar at 100% this long before transitioning to matching,
+ * so the fill animation can complete without an abrupt swap to the auto-matching banner.
+ */
+export const BULK_UPLOAD_BAR_COMPLETE_HOLD_MS = 400;

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

@@ -1,7 +1,8 @@
-import { of } from 'rxjs';
+import { concat, of, timer } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
-import { bulkUploadReceipts, bulkUploadReceiptsFailure, bulkUploadReceiptsSuccess, } from '../../reducers/missingReceiptsViewReducer';
+import { BULK_UPLOAD_BAR_COMPLETE_HOLD_MS } from '../../bulkUploadTiming';
+import { bulkUploadReceipts, bulkUploadReceiptsFailure, bulkUploadReceiptsSuccess, updateBulkUploadProgress, } from '../../reducers/missingReceiptsViewReducer';
 export const bulkUploadReceiptsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(bulkUploadReceipts.match), mergeMap((action) => {
     const { files } = action.payload;
     const formData = new FormData();
@@ -18,7 +19,7 @@ export const bulkUploadReceiptsEpic = (actions$, _state$, zeniAPI) => actions$.p
                     error: createZeniAPIStatus('Unexpected Error', 'Bulk upload succeeded but batch_id was missing or empty.'),
                 }));
             }
-            return of(bulkUploadReceiptsSuccess({ batchId }));
+            return concat(of(updateBulkUploadProgress(100)), timer(BULK_UPLOAD_BAR_COMPLETE_HOLD_MS).pipe(mergeMap(() => of(bulkUploadReceiptsSuccess({ batchId })))));
         }
         return of(bulkUploadReceiptsFailure({ error: response.status }));
     }), catchError((error) => of(bulkUploadReceiptsFailure({

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

@@ -1,6 +1,6 @@
 import { toURL } from '../../../commonPayloadTypes/urlPayload';
 import { getTransactionPayloadAmount, } from '../../../entity/transaction/payloadTypes/transactionPayload';
-import { toBatchStatusValue, toMatchSource, } from '../types/missingReceiptsViewState';
+import { toBatchFileStatus, toBatchStatusValue, toMatchSource, } from '../types/missingReceiptsViewState';
 // -- Converter functions --
 /**
  * Maps batch-details API `files[].status` strings to canonical {@link BatchFileStatus}.
@@ -45,7 +45,7 @@ export function toBatchFile(payload, filesEndPoint) {
             ? toMatchSource(payload.match_source)
             : undefined,
         matchedTransactionId: payload.matched_transaction?.transaction_id,
-        status: parseBatchFileStatus(payload.status),
+        status: toBatchFileStatus(payload.status),
     };
 }
 export function extractTransactionPayloadsFromBatchFiles(files) {

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

@@ -1,4 +1,4 @@
-import { createSlice } from '@reduxjs/toolkit';
+import { createAction, createSlice } from '@reduxjs/toolkit';
 import { toMonthYearPeriodId } from '../../../commonStateTypes/timePeriod';
 import { MIN_MANUAL_TRANSACTION_SEARCH_LENGTH, } from '../types/missingReceiptsViewState';
 export const getCompletedTransactionsCacheKey = (periodId, sortKey, sortOrder, subTab) => `completed-${subTab}-${sortKey}-${sortOrder === 'ascending' ? 'asc' : 'desc'}-${periodId}`;
@@ -51,6 +51,8 @@ export const initialState = {
         return this.fetchState == 'Completed';
     },
 };
+/** Epic trigger only; batch-details fetch is handled in epics. */
+export const fetchBulkUploadBatchDetails = createAction('expenseAutomationMissingReceiptsView/fetchBulkUploadBatchDetails');
 const expenseAutomationMissingReceiptsView = createSlice({
     name: 'expenseAutomationMissingReceiptsView',
     initialState,
@@ -154,8 +156,7 @@ const expenseAutomationMissingReceiptsView = createSlice({
         },
         // -- Bulk Upload Actions --
         bulkUploadReceipts: {
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            reducer(draft, _action) {
+            reducer(draft) {
                 draft.bulkUpload.phase = 'uploading';
                 draft.bulkUpload.uploadProgress = 0;
                 draft.bulkUpload.uploadStatus = {
@@ -172,6 +173,7 @@ const expenseAutomationMissingReceiptsView = createSlice({
         },
         bulkUploadReceiptsSuccess(draft, action) {
             draft.bulkUpload.currentBatchId = action.payload.batchId;
+            draft.bulkUpload.uploadProgress = 100;
             draft.bulkUpload.uploadStatus = {
                 fetchState: 'Completed',
                 error: undefined,
@@ -205,18 +207,18 @@ const expenseAutomationMissingReceiptsView = createSlice({
         clearMissingReceiptsTabNavigation(draft) {
             draft.pendingMissingReceiptsTabNavigation = null;
         },
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        fetchBulkUploadBatchDetails(_draft) {
-            // trigger epic, no state change needed
-        },
         fetchBulkUploadBatchDetailsSuccess(draft, action) {
             const details = action.payload;
             draft.bulkUpload.batchDetailsById[details.batchId] = details;
             draft.bulkUpload.phase = 'completed';
         },
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        fetchBulkUploadBatchDetailsFailure(draft, _action) {
-            draft.bulkUpload.phase = 'completed';
+        fetchBulkUploadBatchDetailsFailure: {
+            reducer(draft) {
+                draft.bulkUpload.phase = 'completed';
+            },
+            prepare(payload) {
+                return { payload };
+            },
         },
         storeBatchDetails(draft, action) {
             const details = action.payload;
@@ -247,8 +249,8 @@ const expenseAutomationMissingReceiptsView = createSlice({
                 error: undefined,
             };
         },
-        fetchMoreBatchDetails(_draft) {
-            _draft.bulkUpload.batchDetailsPaginationState = {
+        fetchMoreBatchDetails(draft) {
+            draft.bulkUpload.batchDetailsPaginationState = {
                 fetchState: 'In-Progress',
                 error: undefined,
             };
@@ -324,8 +326,7 @@ const expenseAutomationMissingReceiptsView = createSlice({
             };
         },
         confirmBulkUploadMatch: {
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            reducer(draft, _action) {
+            reducer(draft) {
                 draft.bulkUpload.confirmMatchStatus = {
                     fetchState: 'In-Progress',
                     error: undefined,
@@ -426,7 +427,7 @@ const expenseAutomationMissingReceiptsView = createSlice({
             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]));
+                const byId = new Map(merged.map((result) => [result.transactionId, result]));
                 draft.bulkUpload.manualSearch.results = Array.from(byId.values());
             }
             else {
@@ -531,7 +532,7 @@ const expenseAutomationMissingReceiptsView = createSlice({
 });
 export const { fetchMissingReceipts, fetchMissingReceiptsSuccess, fetchMissingReceiptsFailure, uploadMissingReceiptSuccess, updateMissingReceiptUploadState, updateMissingReceiptsUIState, markMissingReceiptAsDone, clearExpenseAutomationMissingReceiptsView, 
 // Bulk Upload
-bulkUploadReceipts, updateBulkUploadProgress, bulkUploadReceiptsSuccess, bulkUploadReceiptsFailure, pusherBatchStatusUpdate, requestMissingReceiptsTabNavigation, clearMissingReceiptsTabNavigation, fetchBulkUploadBatchDetails, fetchBulkUploadBatchDetailsSuccess, fetchBulkUploadBatchDetailsFailure, storeBatchDetails, batchDetailFetchFailed, setInitialBatchDetailsLoading, fetchMoreBatchDetails, fetchMoreBatchDetailsComplete, fetchMoreBatchDetailsFailure, fetchBulkUploadBatches, fetchBulkUploadBatchesSuccess, fetchBulkUploadBatchesFailure, confirmBulkUploadMatch, confirmBulkUploadMatchSuccess, confirmBulkUploadMatchFailure, setBulkUploadResultsTab, setBulkUploadCompletedSubTab, setBulkUploadSortConfig, clearBulkUpload, searchTransactionsForManualMatch, searchTransactionsForManualMatchSuccess, searchTransactionsForManualMatchFailure, clearManualSearchResults, acknowledgeBulkUploadConfirmMatchComplete, 
+bulkUploadReceipts, updateBulkUploadProgress, bulkUploadReceiptsSuccess, bulkUploadReceiptsFailure, pusherBatchStatusUpdate, requestMissingReceiptsTabNavigation, clearMissingReceiptsTabNavigation, fetchBulkUploadBatchDetailsSuccess, fetchBulkUploadBatchDetailsFailure, storeBatchDetails, batchDetailFetchFailed, setInitialBatchDetailsLoading, fetchMoreBatchDetails, fetchMoreBatchDetailsComplete, fetchMoreBatchDetailsFailure, fetchBulkUploadBatches, fetchBulkUploadBatchesSuccess, fetchBulkUploadBatchesFailure, confirmBulkUploadMatch, confirmBulkUploadMatchSuccess, confirmBulkUploadMatchFailure, setBulkUploadResultsTab, setBulkUploadCompletedSubTab, setBulkUploadSortConfig, clearBulkUpload, searchTransactionsForManualMatch, searchTransactionsForManualMatchSuccess, searchTransactionsForManualMatchFailure, clearManualSearchResults, acknowledgeBulkUploadConfirmMatchComplete, 
 // Completed Transactions
 fetchCompletedTransactions, fetchCompletedTransactionsSuccess, fetchCompletedTransactionsFailure, } = expenseAutomationMissingReceiptsView.actions;
 export default expenseAutomationMissingReceiptsView.reducer;

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

@@ -64,10 +64,33 @@ export function getExpenseAutomationMissingReceiptsView(state) {
      * so we do not block the whole tab while other rows are not fetched yet.
      */
     const primaryBatchIdFromDetailsOrder = getPrimaryBatchIdFromBatchListOrder(batchList, bulkUpload.batchDetailsById, bulkUpload.failedBatchDetailIds);
-    /** During upload/matching, the in-flight batch may not appear in batchList yet — prefer currentBatchId. */
-    const unmatchedSectionBatchId = bulkUpload.phase === 'matching' || bulkUpload.phase === 'uploading'
-        ? bulkUpload.currentBatchId ?? primaryBatchIdFromDetailsOrder
-        : primaryBatchIdFromDetailsOrder;
+    /**
+     * During upload/matching, prefer `currentBatchId` only when it is not yet in the period
+     * `batchList` (true in-flight), or when its details are completed and include unmatched-tab work.
+     * Otherwise keep `primaryBatchIdFromDetailsOrder` so a new batch with no `possible_matches` /
+     * `no_match` rows yet does not vacate the primary column and push older batches into "past".
+     */
+    const unmatchedSectionBatchId = (() => {
+        const phase = bulkUpload.phase;
+        if (phase !== 'matching' && phase !== 'uploading') {
+            return primaryBatchIdFromDetailsOrder;
+        }
+        const currentId = bulkUpload.currentBatchId;
+        if (currentId == null) {
+            return primaryBatchIdFromDetailsOrder;
+        }
+        const currentInBatchList = batchList.some((b) => b.batchId === currentId);
+        if (!currentInBatchList) {
+            return currentId;
+        }
+        const currentDetails = bulkUpload.batchDetailsById[currentId];
+        if (currentDetails != null &&
+            currentDetails.status === 'completed' &&
+            batchDetailsHasUnmatchedWork(currentDetails)) {
+            return currentId;
+        }
+        return primaryBatchIdFromDetailsOrder;
+    })();
     const completedBatchesInApiOrder = batchList.filter((batchListItem) => isBatchListStatusCompleted(batchListItem.status));
     const currentBatchDetails = unmatchedSectionBatchId != null
         ? bulkUpload.batchDetailsById[unmatchedSectionBatchId]

package/lib/index.d.ts

@@ -870,5 +870,6 @@ export { fetchTreasuryTaxLetterList } from './view/spendManagement/treasury/trea
 export { TreasuryTaxLettersSelectorView, getTreasuryTaxLetters, } from './view/spendManagement/treasury/treasuryTaxLetterList/treasuryTaxLetterListSelector';
 export { TreasuryTransactionStatus } from './view/spendManagement/treasury/treasuryList/treasuryDetailPayload';
 export type { TransactionActivityLog } from './entity/transactionActivityLog/transactionActivityLogState';
+export { BULK_UPLOAD_BAR_COMPLETE_HOLD_MS } from './view/expenseAutomationView/bulkUploadTiming';
 export { fetchTransactionActivityLog } from './view/transactionActivityLogView/transactionActivityLogViewReducer';
 export { TransactionActivityLogViewSelectorView, getTransactionActivityLogView, } from './view/transactionActivityLogView/transactionActivityLogViewSelector';

package/lib/index.js

@@ -68,7 +68,7 @@ exports.allTaskStatus = exports.updateTaskListUIState = exports.updateTaskListSe
 exports.updateCommentsNotificationsStatuses = exports.updateCommentsNotifications = exports.toNotificationModeStrict = exports.fetchZeniAccountsPromoCard = exports.getZeniAccountsPromoCard = exports.getAuthenticationView = exports.fetchCollaborationAuthToken = exports.clearAuditReportGroupViewByCompanyId = exports.saveReasonForAuditRule = exports.fetchAuditReportGroupView = exports.fetchAuditRuleGroupView = exports.getUserFromAllUsers = exports.getAuditRuleGroupViewSelectorView = exports.getAuditReportGroupViewSelectorView = exports.clearCardPaymentView = exports.resetCardPaymentErrorStatuses = exports.fetchPaymentSources = exports.addCardPaymentSource = exports.confirmCardSetupIntent = exports.createCardSetupIntent = exports.getAllCardsAndBankPaymentMethods = exports.deleteTag = exports.createTag = exports.fetchTagList = exports.getAllTags = exports.initialTaskDetailLocalData = exports.convertHHMMStrToMinutes = exports.updateTaskFromListView = exports.toDueDateGroupKeyType = exports.toTaskStatusCodeType = exports.toPriorityCodeType = exports.getDueDateValueFromDueDateGroupId = exports.initialTaskDetail = exports.fetchAllTaskGroups = exports.getTaskUpdates = exports.toTaskListGroupByKeyTypeStrict = exports.toTaskListGroupByKeyType = exports.updateTaskGroupName = exports.dragNDropTasks = exports.updateTaskListLocalData = exports.deleteTaskGroup = exports.initiateTaskListLocalData = exports.createNewTaskGroup = exports.bulkUpdateTaskList = exports.discardTaskUpdatesInLocalStore = exports.deleteTask = exports.TASK_LIST_GROUP_BY_CATEGORIES = exports.TASK_LIST_FILTER_CATEGORIES = exports.updateTaskFilters = exports.allTaskPriority = void 0;
 exports.fetchTreasuryFunds = exports.clearTreasurySetupView = exports.fetchTreasurySetupView = exports.acceptTreasuryTerms = exports.getExpressPayView = exports.resetExpressPayLocalData = exports.submitExpressPay = exports.updateExpressPayFormLocalData = exports.fetchExpressPayInitialDetails = exports.getIntlWireVerificationView = exports.updateVerificationFormLocalData = exports.submitInternationalVerificationForm = exports.fetchInternationalVerificationForm = exports.createTaskFromTaskGroupTemplate = exports.getCompanyTaskManagerView = exports.fetchCompanyTaskManagerView = exports.getMinAllowedEndDate = exports.toRecurringFrequency = exports.getRecurringEndDateFromCount = exports.updateReferViewed = exports.getRewardsPlanCard = exports.fetchRewardsPlan = exports.resendReferralInvite = exports.updateReferralListSortUiState = exports.saveReferralFormDataInLocalStore = exports.clearReferrals = exports.sendReferralInvite = exports.fetchReferrals = exports.AmountStatusTypes = exports.StatusTypes = exports.toReferralListViewSortKeyType = exports.getInviteFormView = exports.getReferralListView = exports.getNotifications = exports.getLastNotificationTime = exports.pushToastNotification = exports.getNotificationsForSelectedSubTab = exports.getExternalNotificationsForSelectedSubTab = exports.getNotificationView = exports.updateNotificationViewUIState = exports.updateNotificationViewSubTab = exports.updateNotificationViewCurrentTabAndSubTab = exports.updateNotificationViewTabState = exports.updateNotificationViewNotificationStatus = exports.updateNotificationViewAllNotificationsStatus = exports.fetchNotificationUnreadCountSuccess = exports.fetchNotificationUnreadCount = exports.fetchNotificationView = exports.toNotificationTabTypeStrict = exports.toNotificationSubTabTypeStrict = void 0;
 exports.toAiCfoAnswerResponseTypeStrict = exports.toAiCfoAnswerResponseType = exports.toAiCfoAnswerStateTypeStrict = exports.toAiCfoAnswerStateType = exports.toAiCfoChartTypeStrict = exports.toAiCfoChartType = exports.toAiCfoVisualizationTypeStrict = exports.toAiCfoVisualizationType = exports.ALL_AI_CFO_ANSWER_RESPONSE_TYPES = exports.ALL_AI_CFO_ANSWER_STATE_TYPES = exports.ALL_AI_CFO_VISUALIZATION_TYPES = exports.ALL_AI_CFO_CHARTS_TYPES = exports.getAiCfoSelectorView = exports.getAllQuestionsForChatSession = exports.getQuestionAnswerByIdForChatSession = exports.getAllQuestionAnswersForChatSession = exports.toAiCfoVisualization = exports.clearAiCfo = exports.clearSession = exports.addQuestionPayload = exports.upsertOrAddQuestionAnswerPayload = exports.upsertAnswerPayload = exports.setSessions = exports.setNewSession = exports.getAiCfoView = exports.updateResponseState = exports.deleteChatSession = exports.acceptMasterTOS = exports.fetchChatHistory = exports.stopSubmitQuestion = exports.stopSubmit = exports.createSessionAndSubmit = exports.clearLastContextMessage = exports.clearDeleteChatSessionStatus = exports.clearCurrentSessionId = exports.clearAiCfoView = exports.setSession = exports.clearInput = exports.updateCotCollapsedState = exports.updateCurrentInput = exports.updateAiCfoViewScrollPosition = exports.submitQuestion = exports.createSession = exports.fetchChatSessionsForUser = exports.getTreasuryFundsMaximumYield = exports.getTreasurySetupViewDetails = exports.updateTreasuryVideoViewed = exports.updateFundAllocationLocalData = exports.fetchPortfolioAllocation = exports.updatePortfolioAllocation = void 0;
-exports.getTransactionActivityLogView = exports.fetchTransactionActivityLog = exports.getTreasuryTaxLetters = exports.fetchTreasuryTaxLetterList = exports.getTreasuryStatements = exports.fetchTreasuryStatementList = exports.getTreasuryTransferMoney = exports.clearTreasuryTransferMoney = exports.updateTreasuryTransferMoneyLocalData = exports.executeTreasuryTransferMoney = exports.getTreasuryDetail = exports.updateTreasuryTransactionListUIState = exports.fetchTreasuryTransactionList = exports.fetchTreasuryOverviewDetail = exports.toMessageType = exports.toMessageSender = void 0;
+exports.getTransactionActivityLogView = exports.fetchTransactionActivityLog = exports.BULK_UPLOAD_BAR_COMPLETE_HOLD_MS = exports.getTreasuryTaxLetters = exports.fetchTreasuryTaxLetterList = exports.getTreasuryStatements = exports.fetchTreasuryStatementList = exports.getTreasuryTransferMoney = exports.clearTreasuryTransferMoney = exports.updateTreasuryTransferMoneyLocalData = exports.executeTreasuryTransferMoney = exports.getTreasuryDetail = exports.updateTreasuryTransactionListUIState = exports.fetchTreasuryTransactionList = exports.fetchTreasuryOverviewDetail = exports.toMessageType = exports.toMessageSender = void 0;
 const allowedValue_1 = require("./commonStateTypes/allowedValue");
 Object.defineProperty(exports, "isAllowedValueWithCode", { enumerable: true, get: function () { return allowedValue_1.isAllowedValueWithCode; } });
 Object.defineProperty(exports, "isAllowedValueWithID", { enumerable: true, get: function () { return allowedValue_1.isAllowedValueWithID; } });
@@ -2113,6 +2113,8 @@ var treasuryTaxLetterListReducer_1 = require("./view/spendManagement/treasury/tr
 Object.defineProperty(exports, "fetchTreasuryTaxLetterList", { enumerable: true, get: function () { return treasuryTaxLetterListReducer_1.fetchTreasuryTaxLetterList; } });
 var treasuryTaxLetterListSelector_1 = require("./view/spendManagement/treasury/treasuryTaxLetterList/treasuryTaxLetterListSelector");
 Object.defineProperty(exports, "getTreasuryTaxLetters", { enumerable: true, get: function () { return treasuryTaxLetterListSelector_1.getTreasuryTaxLetters; } });
+var bulkUploadTiming_1 = require("./view/expenseAutomationView/bulkUploadTiming");
+Object.defineProperty(exports, "BULK_UPLOAD_BAR_COMPLETE_HOLD_MS", { enumerable: true, get: function () { return bulkUploadTiming_1.BULK_UPLOAD_BAR_COMPLETE_HOLD_MS; } });
 var transactionActivityLogViewReducer_1 = require("./view/transactionActivityLogView/transactionActivityLogViewReducer");
 Object.defineProperty(exports, "fetchTransactionActivityLog", { enumerable: true, get: function () { return transactionActivityLogViewReducer_1.fetchTransactionActivityLog; } });
 var transactionActivityLogViewSelector_1 = require("./view/transactionActivityLogView/transactionActivityLogViewSelector");