@zeniai/client-epic-state 5.1.34 → 5.1.35-betaAK0

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

@@ -2,6 +2,7 @@ import { createSlice } from '@reduxjs/toolkit';
 import { toMonthYearPeriodId, } from '../../../commonStateTypes/timePeriod';
 import { toReconciliationAccountSource } from '../../../entity/account/accountState';
 import { toBankStatusCodeType } from '../../../entity/accountRecon/accountReconState';
+import { toReconciliationViewSummary, } from '../types/reconciliationViewState';
 // Initial state
 export const initialReconciliationTabsState = {
     balances: {
@@ -67,6 +68,7 @@ export const initialState = {
     refreshStatus: { fetchState: 'Not-Started', error: undefined },
     actionFetchState: initialActionFetchState,
     selectedAccountId: undefined,
+    statementProcessingFailed: false,
     statementUploadChosen: false,
     reconListUIState: {
         nodeCollapseState: {},
@@ -75,6 +77,7 @@ export const initialState = {
         },
     },
     excludedAccountIDs: [],
+    summary: undefined,
 };
 // Create slice with reducers
 const expenseAutomationReconciliationView = createSlice({
@@ -143,7 +146,7 @@ const expenseAutomationReconciliationView = createSlice({
         fetchReconciliationSuccess: {
             reducer(draft, action) {
                 if (action.payload.accountId == null) {
-                    updateAllReconciliation(draft, action.payload.reconciliation.accounts, action.payload.selectedPeriod, action.payload.reconciliation.reconciliation, action.payload.refreshViewInBackground, action.payload.reconciliation.excluded_accounts ?? []);
+                    updateAllReconciliation(draft, action.payload.reconciliation.accounts, action.payload.selectedPeriod, action.payload.reconciliation.reconciliation, action.payload.refreshViewInBackground, action.payload.reconciliation.excluded_accounts ?? [], action.payload.reconciliation.summary);
                 }
                 else if (action.payload.reconciliation.reconciliation.length > 0 &&
                     action.payload.reconciliation.accounts.length > 0) {
@@ -287,6 +290,10 @@ const expenseAutomationReconciliationView = createSlice({
         updateSelectedDrawerAccountId: (draft, action) => {
             draft.selectedDrawerAccountId = action.payload.selectedDrawerAccountId;
         },
+        updateStatementProcessingFailed: (draft, action) => {
+            draft.statementProcessingFailed =
+                action.payload.statementProcessingFailed;
+        },
         initialiseLocalDataForSelectedAccountId: () => { },
         updateSelectedTab: (draft, action) => {
             const { selectedTab } = action.payload;
@@ -378,10 +385,22 @@ const expenseAutomationReconciliationView = createSlice({
         },
         uploadAccountStatement: (draft, action) => {
             const { accountId, selectedPeriod } = action.payload;
-            draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)].reconciliationByAccountID[accountId].statementUploadStatus = {
-                fetchState: 'In-Progress',
-                error: undefined,
-            };
+            const accountRecon = draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)]?.reconciliationByAccountID[accountId];
+            if (accountRecon != null) {
+                accountRecon.statementUploadStatus = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+                accountRecon.parsedStatementData = undefined;
+                accountRecon.statementParseStatus = {
+                    fetchState: 'Not-Started',
+                    error: undefined,
+                };
+                accountRecon.reparseStatementStatus = {
+                    fetchState: 'Not-Started',
+                    error: undefined,
+                };
+            }
         },
         uploadAccountStatementSuccess: (draft, action) => {
             const { accountId, selectedPeriod } = action.payload;
@@ -419,6 +438,143 @@ const expenseAutomationReconciliationView = createSlice({
                 error: action.payload.error,
             };
         },
+        parseStatement: (draft, action) => {
+            const { accountId, selectedPeriod } = action.payload;
+            const accountRecon = draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)]?.reconciliationByAccountID[accountId];
+            if (accountRecon != null) {
+                accountRecon.parsedStatementData = undefined;
+                accountRecon.statementParseStatus = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            }
+        },
+        parseStatementSuccess: (draft, action) => {
+            const { accountId, selectedPeriod } = action.payload;
+            draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)].reconciliationByAccountID[accountId].statementParseStatus = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+            draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)].reconciliationByAccountID[accountId].statementParseInProgress = false;
+            draft.statementProcessingFailed = false;
+        },
+        parseStatementFailure: (draft, action) => {
+            const { accountId, selectedPeriod } = action.payload;
+            draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)].reconciliationByAccountID[accountId].statementParseStatus = {
+                fetchState: 'Error',
+                error: action.payload.error,
+            };
+            draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)].reconciliationByAccountID[accountId].statementParseInProgress = false;
+            draft.statementProcessingFailed = true;
+        },
+        reparseStatement: (draft, action) => {
+            const { accountId, selectedPeriod } = action.payload;
+            const accountRecon = draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)]?.reconciliationByAccountID[accountId];
+            if (accountRecon != null) {
+                accountRecon.parsedStatementData = undefined;
+                accountRecon.reparseStatementStatus = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+                accountRecon.statementParseStatus = {
+                    fetchState: 'Not-Started',
+                    error: undefined,
+                };
+                accountRecon.statementParseInProgress = false;
+            }
+        },
+        reparseStatementSuccess: (draft, action) => {
+            const { accountId, selectedPeriod } = action.payload;
+            draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)].reconciliationByAccountID[accountId].reparseStatementStatus = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+            draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)].reconciliationByAccountID[accountId].statementParseStatus = {
+                fetchState: 'Not-Started',
+                error: undefined,
+            };
+            draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)].reconciliationByAccountID[accountId].statementParseInProgress = false;
+            draft.statementProcessingFailed = false;
+        },
+        reparseStatementFailure: (draft, action) => {
+            const { accountId, selectedPeriod } = action.payload;
+            draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)].reconciliationByAccountID[accountId].reparseStatementStatus = {
+                fetchState: 'Error',
+                error: action.payload.error,
+            };
+            draft.statementProcessingFailed = true;
+        },
+        resetReparseStatementStatus: (draft, action) => {
+            const { accountId, selectedPeriod } = action.payload;
+            draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)].reconciliationByAccountID[accountId].reparseStatementStatus = {
+                fetchState: 'Not-Started',
+                error: undefined,
+            };
+        },
+        updateParsedStatementData: (draft, action) => {
+            const { accountId, selectedPeriod, parsedStatementData } = action.payload;
+            draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)].reconciliationByAccountID[accountId].parsedStatementData =
+                parsedStatementData;
+        },
+        updateStatementUpdateLocalData: (draft, action) => {
+            const { accountId, selectedPeriod, statementUpdateLocalData } = action.payload;
+            const accountRecon = draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)]?.reconciliationByAccountID[accountId];
+            if (accountRecon != null) {
+                if (accountRecon.localData == null) {
+                    accountRecon.localData = {
+                        statementUpdateLocalData,
+                    };
+                }
+                else {
+                    accountRecon.localData.statementUpdateLocalData =
+                        statementUpdateLocalData;
+                }
+            }
+        },
+        submitStatementUpdate: (draft, action) => {
+            const { accountId, selectedPeriod } = action.payload;
+            const accountRecon = draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)]?.reconciliationByAccountID[accountId];
+            if (accountRecon != null) {
+                accountRecon.statementUpdateStatus = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+                // Clear any stale date conflict from a previous attempt.
+                accountRecon.statementDateConflict = null;
+            }
+        },
+        submitStatementUpdateSuccess: (draft, action) => {
+            const { accountId, selectedPeriod } = action.payload;
+            const accountRecon = draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)]?.reconciliationByAccountID[accountId];
+            if (accountRecon != null) {
+                accountRecon.statementUpdateStatus = {
+                    fetchState: 'Completed',
+                    error: undefined,
+                };
+                accountRecon.statementDateConflict = null;
+                if (accountRecon.localData != null) {
+                    accountRecon.localData.statementUpdateLocalData = undefined;
+                }
+            }
+        },
+        submitStatementUpdateFailure: (draft, action) => {
+            const { accountId, selectedPeriod, dateConflict } = action.payload;
+            const accountRecon = draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)]?.reconciliationByAccountID[accountId];
+            if (accountRecon != null) {
+                accountRecon.statementUpdateStatus = {
+                    fetchState: 'Error',
+                    error: action.payload.error,
+                };
+                accountRecon.statementDateConflict = dateConflict ?? null;
+            }
+        },
+        clearStatementDateConflict: (draft, action) => {
+            const { accountId, selectedPeriod } = action.payload;
+            const accountRecon = draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)]?.reconciliationByAccountID[accountId];
+            if (accountRecon != null) {
+                accountRecon.statementDateConflict = null;
+            }
+        },
         updateAccountReconciliationLocalData: (draft, action) => {
             const { accountId, selectedPeriod, localData } = action.payload;
             const oldLocalData = draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)].reconciliationByAccountID[accountId].localData;
@@ -524,10 +680,10 @@ const expenseAutomationReconciliationView = createSlice({
     },
 });
 // Export actions
-export const { fetchReconciliation, fetchReconciliationFailure, fetchReconciliationSuccess, saveReconciliationDetail, saveReconciliationDetailFailure, updateSelectedAccountId, setConnectionInProgressForAccount, setStatementParseInProgress, updateReconcileTabLocalData, updateReconcileTabListSortState, updateReconcileTabListScrollState, saveReconciliationDetailSuccess, updateSelectedTab, updateBalancesLocalData, initialiseLocalDataForSelectedAccountId, clearExpenseAutomationReconciliationView, updateSelectedDrawerAccountId, updateReviewTabSortState, initializeReconciliationReviewTabLocalData, updateReviewTabLocalData, saveReconciliationReview, updateSaveReconciliationReviewFetchStatus, updateReconListScrollPosition, updateAccountReconciliationLocalData, deleteAccountStatement, deleteAccountStatementSuccess, deleteAccountStatementFailure, excludeAccountFromReconciliation, excludeAccountFromReconciliationSuccess, excludeAccountFromReconciliationFailure, includeAccountInReconciliation, includeAccountInReconciliationSuccess, includeAccountInReconciliationFailure, uploadAccountStatement, uploadAccountStatementSuccess, uploadAccountStatementFailure, updateStatementUploadChosen, updateNodeCollapseState, } = expenseAutomationReconciliationView.actions;
+export const { fetchReconciliation, fetchReconciliationFailure, fetchReconciliationSuccess, saveReconciliationDetail, saveReconciliationDetailFailure, updateSelectedAccountId, setConnectionInProgressForAccount, setStatementParseInProgress, updateReconcileTabLocalData, updateReconcileTabListSortState, updateReconcileTabListScrollState, saveReconciliationDetailSuccess, updateSelectedTab, updateBalancesLocalData, initialiseLocalDataForSelectedAccountId, clearExpenseAutomationReconciliationView, updateSelectedDrawerAccountId, updateStatementProcessingFailed, updateReviewTabSortState, initializeReconciliationReviewTabLocalData, updateReviewTabLocalData, saveReconciliationReview, updateSaveReconciliationReviewFetchStatus, updateReconListScrollPosition, updateAccountReconciliationLocalData, deleteAccountStatement, deleteAccountStatementSuccess, deleteAccountStatementFailure, excludeAccountFromReconciliation, excludeAccountFromReconciliationSuccess, excludeAccountFromReconciliationFailure, includeAccountInReconciliation, includeAccountInReconciliationSuccess, includeAccountInReconciliationFailure, uploadAccountStatement, uploadAccountStatementSuccess, uploadAccountStatementFailure, parseStatement, parseStatementSuccess, parseStatementFailure, reparseStatement, reparseStatementSuccess, reparseStatementFailure, resetReparseStatementStatus, updateParsedStatementData, updateStatementUpdateLocalData, submitStatementUpdate, submitStatementUpdateSuccess, submitStatementUpdateFailure, clearStatementDateConflict, updateStatementUploadChosen, updateNodeCollapseState, } = expenseAutomationReconciliationView.actions;
 // Export reducer
 export default expenseAutomationReconciliationView.reducer;
-function updateAllReconciliation(draft, accounts, selectedPeriod, reconciliationData, refreshViewInBackground, excludedAccounts) {
+function updateAllReconciliation(draft, accounts, selectedPeriod, reconciliationData, refreshViewInBackground, excludedAccounts, summary) {
     draft.excludedAccountIDs = excludedAccounts.map((ea) => ea.account_id);
     draft.excludedAccountExclusionInfo = {};
     excludedAccounts.forEach((ea) => {
@@ -556,6 +712,7 @@ function updateAllReconciliation(draft, accounts, selectedPeriod, reconciliation
                 : undefined,
         };
     });
+    const oldReconciliationByAccountID = draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)]?.reconciliationByAccountID ?? {};
     draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)] = {
         accountIDs: [],
         reconciliationByAccountID: {},
@@ -579,6 +736,7 @@ function updateAllReconciliation(draft, accounts, selectedPeriod, reconciliation
                 paymentAccountId: account?.payment_account_id ?? undefined,
             };
         }
+        const oldRecord = oldReconciliationByAccountID[reconciliation.account_id];
         accountReconciliationRecords.reconciliationByAccountID[reconciliation.account_id] = {
             accountId: reconciliation.account_id,
             reconciliationId: reconciliation.reconciliation_id ?? undefined,
@@ -586,16 +744,30 @@ function updateAllReconciliation(draft, accounts, selectedPeriod, reconciliation
             refreshStatus: { fetchState: 'Not-Started', error: undefined },
             statementDeleteStatus: { fetchState: 'Not-Started', error: undefined },
             statementUploadStatus: { fetchState: 'Not-Started', error: undefined },
-            statementUpdateStatus: { fetchState: 'Not-Started', error: undefined },
+            statementUpdateStatus: oldRecord?.statementUpdateStatus ?? {
+                fetchState: 'Not-Started',
+                error: undefined,
+            },
             statementParseInProgress: reconciliation.bank_status.code === 'parsing',
+            statementParseStatus: oldRecord?.statementParseStatus ?? {
+                fetchState: 'Not-Started',
+                error: undefined,
+            },
+            reparseStatementStatus: oldRecord?.reparseStatementStatus ?? {
+                fetchState: 'Not-Started',
+                error: undefined,
+            },
+            statementDateConflict: oldRecord?.statementDateConflict ?? null,
             localData: {
+                ...oldRecord?.localData,
                 accountSource: account?.reconciliation_source != null
                     ? toReconciliationAccountSource(account.reconciliation_source)
-                    : undefined,
+                    : oldRecord?.localData?.accountSource,
             },
             accountDetectionReason: account?.detection_info != null && account.detection_reason != null
                 ? account.detection_reason
                 : undefined,
+            parsedStatementData: oldRecord?.parsedStatementData,
         };
         accountReconciliationRecords.accountIDs.push(reconciliation.account_id);
     });
@@ -609,6 +781,10 @@ function updateAllReconciliation(draft, accounts, selectedPeriod, reconciliation
         draft.fetchState = 'Completed';
         draft.error = undefined;
     }
+    if (summary !== undefined) {
+        draft.summary =
+            summary != null ? toReconciliationViewSummary(summary) : undefined;
+    }
 }
 function updateReconciliationByAccountID(draft, accounts, selectedPeriod, accountId, reconciliationData, refreshViewInBackground) {
     const oldRecord = draft.accountReconciliationRecordsBySelectedPeriod[toMonthYearPeriodId(selectedPeriod)].reconciliationByAccountID[accountId];
@@ -676,6 +852,9 @@ const updateReconciliationByAccountIDOnIncludeAccount = (draft, accountId, recon
         statementUploadStatus: { fetchState: 'Not-Started', error: undefined },
         statementUpdateStatus: { fetchState: 'Not-Started', error: undefined },
         statementParseInProgress: reconciliation.bank_status.code === 'parsing',
+        statementParseStatus: { fetchState: 'Not-Started', error: undefined },
+        reparseStatementStatus: { fetchState: 'Not-Started', error: undefined },
+        statementDateConflict: null,
         localData: {},
         accountDetectionReason: undefined,
     };

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

@@ -166,8 +166,7 @@ const expenseAutomationTransactionsView = createSlice({
                 // Only overwrite when explicitly set; undefined means a non-search fetch
                 // (tab switch, period change) should preserve the existing search string.
                 if (searchString !== undefined) {
-                    draft.transactionCategorizationView[selectedTab].uiState.searchString =
-                        searchString;
+                    draft.transactionCategorizationView[selectedTab].uiState.searchString = searchString;
                 }
                 draft.transactionCategorizationView[selectedTab].error = undefined;
                 const monthYearPeriod = {

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

@@ -43,6 +43,17 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
             error: undefined,
         })
         : { fetchState: 'Not-Started', error: undefined };
+    const monthEndChecksForPeriod = selectedPeriod != null
+        ? monthEndCloseChecksState.monthEndCloseChecksByTenantId[currentTenant.tenantId]?.[toMonthYearPeriodId(selectedPeriod)]
+        : undefined;
+    const reconCheckTimeSavedHours = monthEndChecksForPeriod?.monthEndCloseCheckList?.find((check) => check.id === 'reconciliation')?.progressJson?.timeSavedHours;
+    const summaryWithTimeSaved = reconciliationViewState.summary != null
+        ? {
+            ...reconciliationViewState.summary,
+            timeSavedHours: reconCheckTimeSavedHours ??
+                reconciliationViewState.summary.timeSavedHours,
+        }
+        : undefined;
     if (accountReconForMonthYearPeriod == null) {
         return {
             bankAccounts: [],
@@ -66,6 +77,7 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
             selectedTab: reconciliationViewState.selectedTab,
             monthYearPeriod: selectedPeriod,
             selectedAccountId: reconciliationViewState.selectedAccountId,
+            statementProcessingFailed: reconciliationViewState.statementProcessingFailed,
             statementUploadChosen: reconciliationViewState.statementUploadChosen,
             accountReconciliationsByAccountID: {},
             reconciliationTabsState: initialReconciliationTabsState,
@@ -115,6 +127,7 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
             excludeAccountFetchState: reconciliationViewState.actionFetchState.excludeAccountFetch,
             includeAccountFetchState: reconciliationViewState.actionFetchState.includeAccountFetch,
             excludedAccountIDs: reconciliationViewState.excludedAccountIDs,
+            summary: summaryWithTimeSaved,
         };
     }
     const allAccountIDs = accountReconForMonthYearPeriod.accountIDs;
@@ -239,6 +252,12 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
                 .refreshStatus,
             statementDeleteStatus: accountReconForMonthYearPeriod.reconciliationByAccountID[accountID]
                 .statementDeleteStatus,
+            statementParseStatus: accountReconForMonthYearPeriod.reconciliationByAccountID[accountID]
+                .statementParseStatus,
+            reparseStatementStatus: accountReconForMonthYearPeriod.reconciliationByAccountID[accountID]
+                .reparseStatementStatus,
+            statementDateConflict: accountReconForMonthYearPeriod.reconciliationByAccountID[accountID]
+                .statementDateConflict,
             statementUpdateStatus: accountReconForMonthYearPeriod.reconciliationByAccountID[accountID]
                 .statementUpdateStatus,
             statementUploadStatus: accountReconForMonthYearPeriod.reconciliationByAccountID[accountID]
@@ -247,6 +266,8 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
                 .localData,
             statementParseInProgress: accountReconForMonthYearPeriod.reconciliationByAccountID[accountID]
                 .statementParseInProgress,
+            parsedStatementData: accountReconForMonthYearPeriod.reconciliationByAccountID[accountID]
+                .parsedStatementData,
             transactionFetchState: reduceAnyFetchState([
                 accountReconForMonthYearPeriod.reconciliationByAccountID[accountID]
                     .transactionFetchState,
@@ -315,6 +336,9 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
                 statementUpdateStatus: { fetchState: 'Not-Started' },
                 statementUploadStatus: { fetchState: 'Not-Started' },
                 statementDeleteStatus: { fetchState: 'Not-Started' },
+                statementParseStatus: { fetchState: 'Not-Started' },
+                reparseStatementStatus: { fetchState: 'Not-Started' },
+                statementDateConflict: null,
                 localData: {},
                 connectionInProgress: false,
                 statementParseInProgress: false,
@@ -403,6 +427,7 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
         refreshStatus: reconciliationViewState.refreshStatus,
         selectedTab: reconciliationViewState.selectedTab,
         selectedDrawerAccountId: reconciliationViewState.selectedDrawerAccountId,
+        statementProcessingFailed: reconciliationViewState.statementProcessingFailed,
         statementUploadChosen: reconciliationViewState.statementUploadChosen,
         monthYearPeriod: selectedPeriod,
         accountReconciliationBySectionID,
@@ -423,8 +448,10 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
         excludeAccountFetchState: reconciliationViewState.actionFetchState.excludeAccountFetch,
         includeAccountFetchState: reconciliationViewState.actionFetchState.includeAccountFetch,
         excludedAccountIDs: reconciliationViewState.excludedAccountIDs,
+        summary: summaryWithTimeSaved,
     };
 });
+export const getReparseStatementStatusByAccountId = (state, accountId) => getExpenseAutomationReconciliationView(state).accountReconciliationsByAccountID[accountId]?.reparseStatementStatus;
 export const isAccountReconReport = (reportId) => {
     return reportId.endsWith('reconciliation');
 };

package/lib/esm/view/expenseAutomationView/types/reconciliationViewState.js

@@ -1,4 +1,33 @@
 import { stringToUnion } from '../../../commonStateTypes/stringToUnion';
+export function toReconciliationViewSummary(payload) {
+    return {
+        accounts: {
+            done: payload.accounts.done,
+            failed: payload.accounts.failed,
+            inProgress: payload.accounts.in_progress,
+            total: payload.accounts.total,
+        },
+        accountsToConnectCount: payload.accounts_to_connect_count,
+        autoMatched: {
+            matchedTxns: payload.auto_matched.matched_txns,
+            totalTxns: payload.auto_matched.total_txns,
+        },
+        needsReview: {
+            accountCount: payload.needs_review.account_count,
+            txnCount: payload.needs_review.txn_count,
+        },
+        timeSavedHours: 0,
+        timeSavedPercentage: payload.time_saved_percentage,
+        progressBar: payload.progress_bar != null
+            ? {
+                aiPercentageShare: payload.progress_bar.ai_percentage_share,
+                completePercentage: payload.progress_bar.complete_percentage,
+                humanPercentageShare: payload.progress_bar.human_percentage_share,
+                remainingPercentage: payload.progress_bar.remaining_percentage,
+            }
+            : undefined,
+    };
+}
 export const RECONCILE_ACTIONS = [
     'reconcile',
     'save_reconcile_for_later',

package/lib/esm/view/fileView/fileUploadHelpers.js

@@ -70,8 +70,7 @@ export async function uploadFiles(fileBlobs, metadataPayload, filesEndPoint, aut
             return undefined;
         }
         const responseBody = await httpResponse.json();
-        if (responseBody?.status?.code >= 200 &&
-            responseBody?.status?.code < 300) {
+        if (responseBody?.status?.code >= 200 && responseBody?.status?.code < 300) {
             return responseBody.data?.files;
         }
         console.error(`Upload files failed with ${responseBody?.status?.message ?? 'unknown API error'}`);

package/lib/esm/view/invoicing/approvalAction/approvalActionEpic.js

@@ -0,0 +1,27 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { upsertInvoicingApproval } from '../approvalsView/approvalsViewReducer';
+import { runInvoicingApprovalAction, runInvoicingApprovalActionFailure, runInvoicingApprovalActionSuccess, } from './approvalActionReducer';
+export const runInvoicingApprovalActionEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(runInvoicingApprovalAction.match), mergeMap((action) => {
+    const { action: kind, approvalId } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/approvals/${encodeURIComponent(approvalId)}/${kind}`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, {})
+        .pipe(mergeMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                upsertInvoicingApproval(response.data),
+                runInvoicingApprovalActionSuccess({ approvalId }),
+            ];
+        }
+        return of(runInvoicingApprovalActionFailure({
+            error: response.status,
+            approvalId,
+        }));
+    }), catchError((error) => of(runInvoicingApprovalActionFailure({
+        error: createZeniAPIStatus('Unexpected Error', 'Approval action REST API call errored out ' +
+            JSON.stringify(error)),
+        approvalId,
+    }))));
+}));

package/lib/esm/view/invoicing/approvalAction/approvalActionPayload.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/invoicing/approvalAction/approvalActionReducer.js

@@ -0,0 +1,36 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    byApprovalId: {},
+};
+const approvalAction = createSlice({
+    name: 'invoicingApprovalAction',
+    initialState,
+    reducers: {
+        runInvoicingApprovalAction(draft, action) {
+            draft.byApprovalId[action.payload.approvalId] = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        runInvoicingApprovalActionSuccess(draft, action) {
+            draft.byApprovalId[action.payload.approvalId] = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        runInvoicingApprovalActionFailure(draft, action) {
+            draft.byApprovalId[action.payload.approvalId] = {
+                fetchState: 'Error',
+                error: action.payload.error,
+            };
+        },
+        clearInvoicingApprovalAction(draft, action) {
+            delete draft.byApprovalId[action.payload];
+        },
+        clearAllInvoicingApprovalActions(draft) {
+            draft.byApprovalId = {};
+        },
+    },
+});
+export const { runInvoicingApprovalAction, runInvoicingApprovalActionSuccess, runInvoicingApprovalActionFailure, clearInvoicingApprovalAction, clearAllInvoicingApprovalActions, } = approvalAction.actions;
+export default approvalAction.reducer;

package/lib/esm/view/invoicing/approvalAction/approvalActionSelector.js

@@ -0,0 +1,5 @@
+const NOT_STARTED = {
+    fetchState: 'Not-Started',
+    error: undefined,
+};
+export const getInvoicingApprovalActionState = (approvalId) => (state) => state.invoicingApprovalActionState.byApprovalId[approvalId] ?? NOT_STARTED;

package/lib/esm/view/invoicing/approvalAction/approvalActionState.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/invoicing/approvalsView/approvalsViewEpics.js

@@ -0,0 +1,35 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { INVOICING_LIST_PAGE_SIZE, applyListSortParams, withQuery, } from '../invoicingApiHelper';
+import { fetchInvoicingApprovals, updateInvoicingApprovals, updateInvoicingApprovalsFailure, } from './approvalsViewReducer';
+const buildQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    if (filters.status != null && filters.status.length > 0) {
+        params.set('status', filters.status);
+    }
+    params.set('limit', String(INVOICING_LIST_PAGE_SIZE));
+    if (cursor != null) {
+        params.set('cursor', cursor);
+    }
+    applyListSortParams(params, sort);
+    return params;
+};
+export const fetchInvoicingApprovalsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingApprovals.match), switchMap((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = withQuery(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/approvals`, buildQuery(filters, cursor, sort));
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            return of(updateInvoicingApprovals({
+                items: response.data?.items ?? [],
+                nextCursor: response.data?.next_cursor ?? null,
+                keepExistingListItems,
+            }));
+        }
+        return of(updateInvoicingApprovalsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingApprovalsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch approvals REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/approvalsView/approvalsViewPayload.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/invoicing/approvalsView/approvalsViewReducer.js

@@ -0,0 +1,62 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    items: [],
+    nextCursor: null,
+    filters: {},
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const approvalsView = createSlice({
+    name: 'invoicingApprovalsView',
+    initialState,
+    reducers: {
+        fetchInvoicingApprovals: {
+            reducer(draft, action) {
+                if (!action.payload.keepExistingListItems) {
+                    draft.items = [];
+                    draft.nextCursor = null;
+                }
+                draft.filters = action.payload.filters;
+                draft.sort = action.payload.sort;
+                draft.fetchState = 'In-Progress';
+                draft.error = undefined;
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        filters: payload.filters ?? {},
+                        cursor: payload.cursor,
+                        keepExistingListItems: payload.keepExistingListItems ?? false,
+                        sort: payload.sort,
+                    },
+                };
+            },
+        },
+        updateInvoicingApprovals(draft, action) {
+            draft.items = action.payload.keepExistingListItems
+                ? [...draft.items, ...action.payload.items]
+                : action.payload.items;
+            draft.nextCursor = action.payload.nextCursor;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingApprovalsFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        upsertInvoicingApproval(draft, action) {
+            const index = draft.items.findIndex((item) => item.id === action.payload.id);
+            if (index >= 0) {
+                draft.items[index] = action.payload;
+            }
+        },
+        clearInvoicingApprovalsView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingApprovals, updateInvoicingApprovals, updateInvoicingApprovalsFailure, upsertInvoicingApproval, clearInvoicingApprovalsView, } = approvalsView.actions;
+export default approvalsView.reducer;

package/lib/esm/view/invoicing/approvalsView/approvalsViewSelector.js

@@ -0,0 +1,8 @@
+export const getInvoicingApprovals = (state) => state.invoicingApprovalsViewState.items;
+export const getInvoicingApprovalsFetchState = (state) => ({
+    fetchState: state.invoicingApprovalsViewState.fetchState,
+    error: state.invoicingApprovalsViewState.error,
+});
+export const getInvoicingApprovalsNextCursor = (state) => state.invoicingApprovalsViewState.nextCursor;
+export const getInvoicingApprovalsHasMore = (state) => state.invoicingApprovalsViewState.nextCursor != null;
+export const getInvoicingApprovalsFilters = (state) => state.invoicingApprovalsViewState.filters;

package/lib/esm/view/invoicing/approvalsView/approvalsViewState.js

@@ -0,0 +1 @@
+export {};