@zeniai/client-epic-state 5.0.61-betaJK1 → 5.0.61-betaML1

package/lib/esm/view/expenseAutomationView/epics/transactionCategorization/createTransferEntryEpic.js

@@ -0,0 +1,81 @@
+import { concat, from, timer } from 'rxjs';
+import { catchError, filter, map, mergeMap } from 'rxjs/operators';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
+import { toTransactionID } from '../../../../entity/transaction/payloadTypes/transactionIDPayload';
+import { toTransactionType } from '../../../../entity/transaction/stateTypes/transactionType';
+import { removeTransaction, updateTransaction, } from '../../../../entity/transaction/transactionReducer';
+import { isSuccessResponse } from '../../../../responsePayload';
+import { initializeTransactionDetailLocalData, removeTransactionDetail, } from '../../../transactionDetail/transactionDetailReducer';
+import { getTransactionDetailKey } from '../../../transactionDetail/transactionDetailState';
+import { acknowledgeTransferEntryRouteReplacement, createTransferEntry, createTransferEntryFailure, createTransferEntryReplacedTransaction, createTransferEntrySuccess, removeTransactionFromAllTabs, resetCreateTransferEntryStatus, } from '../../reducers/transactionsViewReducer';
+function transactionIdsAreEqual(a, b) {
+    return a.id === b.id && a.type === b.type;
+}
+export const createTransferEntryEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(createTransferEntry.match), mergeMap((action) => {
+    const { transactionId, creditAccountIntegrationId, debitAccountIntegrationId, memo, transactionType, sourceTransactionType, } = action.payload;
+    const url = `https://dev.api.zeni.ai/version/accounting/komal/1.0/transactions/transaction-type-update`;
+    return zeniAPI
+        .postAndGetJSON(url, {
+        transaction_type: transactionType,
+        transaction_id: transactionId,
+        to_account_integration_id: creditAccountIntegrationId,
+        from_account_integration_id: debitAccountIntegrationId,
+        memo,
+    })
+        .pipe(mergeMap((response) => {
+        if (isSuccessResponse(response)) {
+            const immediate = [];
+            const previousTransactionId = {
+                id: transactionId,
+                type: toTransactionType(sourceTransactionType),
+            };
+            if (response.data?.transaction != null) {
+                const newTransactionId = toTransactionID(response.data.transaction);
+                const replaced = !transactionIdsAreEqual(previousTransactionId, newTransactionId);
+                const newDetailKey = getTransactionDetailKey(newTransactionId);
+                immediate.push(updateTransaction(newDetailKey, response.data.transaction));
+                immediate.push(initializeTransactionDetailLocalData({
+                    transactionId: newTransactionId,
+                    vendorId: response.data.vendors?.[0]?.vendor_id,
+                }));
+                immediate.push(createTransferEntrySuccess(), removeTransactionFromAllTabs(transactionId), openSnackbar({
+                    messageSection: 'create_transfer_entry',
+                    messageText: 'success',
+                    type: 'success',
+                }));
+                if (replaced) {
+                    immediate.push(createTransferEntryReplacedTransaction(previousTransactionId, newTransactionId));
+                }
+                return concat(from(immediate), timer(0).pipe(map(() => resetCreateTransferEntryStatus()), mergeMap((resetAction) => replaced
+                    ? from([
+                        resetAction,
+                        removeTransaction(getTransactionDetailKey(previousTransactionId)),
+                        removeTransactionDetail(previousTransactionId),
+                        acknowledgeTransferEntryRouteReplacement(),
+                    ])
+                    : from([resetAction]))));
+            }
+            immediate.push(createTransferEntrySuccess(), removeTransactionFromAllTabs(transactionId), openSnackbar({
+                messageSection: 'create_transfer_entry',
+                messageText: 'success',
+                type: 'success',
+            }));
+            return concat(from(immediate), timer(0).pipe(map(() => resetCreateTransferEntryStatus())));
+        }
+        return from([
+            createTransferEntryFailure(),
+            openSnackbar({
+                messageSection: 'create_transfer_entry',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), catchError(() => from([
+        createTransferEntryFailure(),
+        openSnackbar({
+            messageSection: 'create_transfer_entry',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
+}));

package/lib/esm/view/expenseAutomationView/epics/transactionCategorization/fetchTransactionCategorizationViewEpic.js

@@ -6,7 +6,7 @@ import { fetchAccountList } from '../../../accountList/accountListReducer';
 import { fetchClassList } from '../../../classList/classListReducer';
 import { fetchOwnerList } from '../../../ownerList/ownerListReducer';
 import { fetchProjectList } from '../../../projectList/projectListReducer';
-import { fetchTransactionCategorization, fetchTransactionCategorizationView, } from '../../reducers/transactionsViewReducer';
+import { fetchTransactionCategorization, fetchTransactionCategorizationView, fetchAccountsForTransferFlow, } from '../../reducers/transactionsViewReducer';
 export const fetchTransactionCategorizationViewEpic = (actions$, state$) => actions$.pipe(filter(fetchTransactionCategorizationView.match), mergeMap((action) => {
     const { selectedTab, cacheOverride, keepExistingListItems, pageToken, period, refreshViewInBackground, searchString, resetListItems, isUncategorizedExpenseCategoryEnabled, } = action.payload;
     const updateActions = [];
@@ -23,6 +23,13 @@ export const fetchTransactionCategorizationViewEpic = (actions$, state$) => acti
         accountList.fetchState === 'Not-Started') {
         updateActions.push(fetchAccountList('accountList', true));
     }
+    const { transferAccounts, creditCardAccountsForTransfer, } = state$.value.expenseAutomationTransactionsViewState;
+    if (transferAccounts.fetchState === 'Not-Started') {
+        updateActions.push(fetchAccountsForTransferFlow({ kind: 'transfer_eligible' }));
+    }
+    if (creditCardAccountsForTransfer.fetchState === 'Not-Started') {
+        updateActions.push(fetchAccountsForTransferFlow({ kind: 'credit_card_only' }));
+    }
     const classList = state$.value.classListState;
     if (classList.hasValidState() === false &&
         classList.fetchState === 'Not-Started') {

package/lib/esm/view/expenseAutomationView/epics/transactionCategorization/fetchTransferAccountsEpic.js

@@ -0,0 +1,30 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
+import { updateAccounts } from '../../../../entity/account/accountReducer';
+import { isSuccessResponse } from '../../../../responsePayload';
+import { fetchAccountsForTransferFlow, updateAccountsForTransferFlow, updateAccountsForTransferFlowFailure, } from '../../reducers/transactionsViewReducer';
+const REPORT_ID_BY_KIND = {
+    transfer_eligible: 'transfer_accounts',
+    credit_card_only: 'credit_card_transfer_accounts',
+};
+const QUERY_BY_KIND = {
+    transfer_eligible: { is_only_include_transfer_accounts: true },
+    credit_card_only: { is_include_only_credit_card_accounts: true },
+};
+export const fetchTransferAccountsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchAccountsForTransferFlow.match), switchMap((action) => {
+    const { kind } = action.payload;
+    const queryValue = QUERY_BY_KIND[kind];
+    const reportId = REPORT_ID_BY_KIND[kind];
+    const url = `https://dev.api.zeni.ai/version/accounting/komal/1.0/accounts?query=${encodeURIComponent(JSON.stringify(queryValue))}`;
+    return zeniAPI.getJSON(url).pipe(mergeMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            const accountIds = response.data.accounts.map((account) => account.account_id);
+            const actions = [
+                updateAccounts(response.data.accounts, reportId),
+                updateAccountsForTransferFlow({ accountIds, kind }),
+            ];
+            return of(...actions);
+        }
+        return of(updateAccountsForTransferFlowFailure({ kind }));
+    }), catchError(() => of(updateAccountsForTransferFlowFailure({ kind }))));
+}));

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

@@ -4,6 +4,7 @@ import uniq from 'lodash/uniq';
 import { toMonthYearPeriodId, } from '../../../commonStateTypes/timePeriod';
 import { isVendorTransaction } from '../../../entity/transaction/stateTypes/vendorTransaction';
 import { MAX_SELECTION_LIMIT, checkIfAllLineItemsAreCategoryClassFilled, filterAutoTabLineItems, mergeTabSpecificLineItems, removeTransactionFromTabView, setEntityRecommendationForLineIdInLocalData, toSetAllLineItemsToCategoryClass, toTransactionDetailLocalData, } from '../helpers/transactionCategorizationLocalDataHelper';
+import { TRANSACTIONS_TABS, } from '../types/transactionsViewState';
 export const initialTransactionTabViewState = {
     saveStatus: {
         fetchState: 'Not-Started',
@@ -41,11 +42,21 @@ export const initialTransactionTabViewState = {
     selectedTransactionLineId: undefined,
 };
 export const initialState = {
+    createTransferEntryStatus: 'Not-Started',
+    creditCardAccountsForTransfer: {
+        accountIds: [],
+        fetchState: 'Not-Started',
+    },
+    lastTransferEntryReplacement: undefined,
     selectedTransactionCategorizationTab: 'review',
     transactionCategorizationView: {
         review: { ...initialTransactionTabViewState },
         autoCategorized: { ...initialTransactionTabViewState },
     },
+    transferAccounts: {
+        accountIds: [],
+        fetchState: 'Not-Started',
+    },
 };
 const expenseAutomationTransactionsView = createSlice({
     name: 'expenseAutomationTransactionsView',
@@ -801,7 +812,74 @@ const expenseAutomationTransactionsView = createSlice({
                 };
             },
         },
+        fetchAccountsForTransferFlow(draft, action) {
+            const slice = action.payload.kind === 'credit_card_only'
+                ? draft.creditCardAccountsForTransfer
+                : draft.transferAccounts;
+            slice.fetchState = 'In-Progress';
+        },
+        updateAccountsForTransferFlow(draft, action) {
+            const slice = action.payload.kind === 'credit_card_only'
+                ? draft.creditCardAccountsForTransfer
+                : draft.transferAccounts;
+            slice.fetchState = 'Completed';
+            slice.accountIds = action.payload.accountIds;
+        },
+        updateAccountsForTransferFlowFailure(draft, action) {
+            const slice = action.payload.kind === 'credit_card_only'
+                ? draft.creditCardAccountsForTransfer
+                : draft.transferAccounts;
+            slice.fetchState = 'Error';
+        },
+        createTransferEntry: {
+            prepare(transactionId, creditAccountIntegrationId, debitAccountIntegrationId, memo, transactionType, sourceTransactionType) {
+                return {
+                    payload: {
+                        transactionId,
+                        creditAccountIntegrationId,
+                        debitAccountIntegrationId,
+                        memo,
+                        transactionType,
+                        sourceTransactionType,
+                    },
+                };
+            },
+            reducer(draft) {
+                draft.createTransferEntryStatus = 'In-Progress';
+            },
+        },
+        createTransferEntrySuccess(draft) {
+            draft.createTransferEntryStatus = 'Completed';
+        },
+        createTransferEntryFailure(draft) {
+            draft.createTransferEntryStatus = 'Error';
+        },
+        resetCreateTransferEntryStatus(draft) {
+            draft.createTransferEntryStatus = 'Not-Started';
+        },
+        createTransferEntryReplacedTransaction: {
+            prepare(previousTransactionId, newTransactionId) {
+                return { payload: { newTransactionId, previousTransactionId } };
+            },
+            reducer(draft, action) {
+                draft.lastTransferEntryReplacement = action.payload;
+            },
+        },
+        acknowledgeTransferEntryRouteReplacement(draft) {
+            draft.lastTransferEntryReplacement = undefined;
+        },
+        removeTransactionFromAllTabs: {
+            prepare(transactionId) {
+                return { payload: { transactionId } };
+            },
+            reducer(draft, action) {
+                const { transactionId } = action.payload;
+                for (const tab of TRANSACTIONS_TABS) {
+                    removeTransactionFromTabView(draft.transactionCategorizationView[tab], transactionId);
+                }
+            },
+        },
     },
 });
-export const { fetchTransactionCategorization, updateTransactionCategorizationUIState, initializeTransactionCategorizationViewLocalData, saveTransactionCategorizationLocalData, fetchTransactionCategorizationFailure, saveTransactionCategorization, updateTransactionCategorization, updateCurrentSelectedTransactionCategorizationTab, updateTransactionCategorizationSaveStatus, markTransactionAsNotMiscategorized, updateStatusForTransactionNotMiscategorizedUpdateForCategorization, updateSelectedVendorForTransaction, updateSelectedCustomerForTransaction, setAllItemsToCategoryClassInLocalDataForCategorization, updateTotalCountForTransactionCategorization, fetchTransactionCategorizationSuccess, resetOtherTabsFetchState, fetchTransactionCategorizationView, updateSelectedCheckboxTransactionIds, clearExpenseAutomationTransactionsViewPerTabView, clearExpenseAutomationTransactionsView, setEntityRecommendationForLineIdsForCategorization, updateSelectedTransactionId, syncTransactionCategorizationFromDetailSave, backgroundRefetchReviewTab, updateTransactionCategorizationUploadReceiptState, uploadTransactionCategorizationReceiptSuccess, } = expenseAutomationTransactionsView.actions;
+export const { fetchTransactionCategorization, updateTransactionCategorizationUIState, initializeTransactionCategorizationViewLocalData, saveTransactionCategorizationLocalData, fetchTransactionCategorizationFailure, saveTransactionCategorization, updateTransactionCategorization, updateCurrentSelectedTransactionCategorizationTab, updateTransactionCategorizationSaveStatus, markTransactionAsNotMiscategorized, updateStatusForTransactionNotMiscategorizedUpdateForCategorization, updateSelectedVendorForTransaction, updateSelectedCustomerForTransaction, setAllItemsToCategoryClassInLocalDataForCategorization, updateTotalCountForTransactionCategorization, fetchTransactionCategorizationSuccess, resetOtherTabsFetchState, fetchTransactionCategorizationView, updateSelectedCheckboxTransactionIds, clearExpenseAutomationTransactionsViewPerTabView, clearExpenseAutomationTransactionsView, setEntityRecommendationForLineIdsForCategorization, updateSelectedTransactionId, syncTransactionCategorizationFromDetailSave, backgroundRefetchReviewTab, fetchAccountsForTransferFlow, updateAccountsForTransferFlow, updateAccountsForTransferFlowFailure, createTransferEntry, createTransferEntrySuccess, createTransferEntryFailure, resetCreateTransferEntryStatus, createTransferEntryReplacedTransaction, acknowledgeTransferEntryRouteReplacement, removeTransactionFromAllTabs, updateTransactionCategorizationUploadReceiptState, uploadTransactionCategorizationReceiptSuccess, } = expenseAutomationTransactionsView.actions;
 export default expenseAutomationTransactionsView.reducer;

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

@@ -1,6 +1,7 @@
 import omit from 'lodash/omit';
 import { reduceAllFetchState, reduceAnyFetchState, } from '../../../commonStateTypes/reduceFetchState';
 import { toMonthYearPeriodId } from '../../../commonStateTypes/timePeriod';
+import { getAccountBase, getAccountBaseForCreditCardTransferAccounts, getAccountBaseForTransferAccounts, } from '../../../entity/account/accountSelector';
 import { getCurrentTenant, getIsAccountingClassesEnabled, getIsAccountingProjectsEnabled, } from '../../../entity/tenant/tenantSelector';
 import { getTransactionWithCOT } from '../../../entity/transaction/transactionHelper';
 import { getSupportedTransactionsByIds } from '../../../entity/transaction/transactionSelector';
@@ -8,6 +9,9 @@ import { getAccountList, getNestedAccountListHierarchy, getUncategorizedAccounts
 import { getClassList, getNestedClassListHierarchy, } from '../../classList/classListSelector';
 import { getProjectList } from '../../projectList/projectListSelector';
 import { getAllSteps } from '../selectorTypes/expenseAutomationViewSelectorTypes';
+export function getLastTransferEntryReplacement(state) {
+    return state.expenseAutomationTransactionsViewState.lastTransferEntryReplacement;
+}
 export function getExpenseAutomationTransactionView(state) {
     const { accountState, classState, classListState, accountListState, expenseAutomationTransactionsViewState, expenseAutomationViewState, projectState, projectListState, transactionState, monthEndCloseChecksState, monthEndCloseChecksViewState, } = state;
     const { selectedTransactionCategorizationTab } = expenseAutomationTransactionsViewState;
@@ -86,6 +90,29 @@ export function getExpenseAutomationTransactionView(state) {
         : [];
     const transactionCompletionStatus = allSteps.find((step) => step.step === 'transaction_categorization')?.completionStatus;
     const completionStatus = transactionCompletionStatus ?? 'incomplete';
+    const transferAccountsFromApi = expenseAutomationTransactionsViewState.transferAccounts.accountIds
+        .map((id) => getAccountBaseForTransferAccounts(accountState, id))
+        .filter((account) => account != null);
+    /**
+     * Credit transfer picker uses transfer-account ids from a dedicated fetch. If that list
+     * resolves to nothing while the COA list is loaded, fall back to the full COA list so the
+     * credit dropdown is not empty.
+     */
+    const transferAccountsList = transferAccountsFromApi.length > 0
+        ? transferAccountsFromApi
+        : accountList.accounts
+            .map((a) => getAccountBase(accountState, a.accountId, 'account_list'))
+            .filter((account) => account != null);
+    const creditCardAccountsFromApi = expenseAutomationTransactionsViewState.creditCardAccountsForTransfer.accountIds
+        .map((id) => getAccountBaseForCreditCardTransferAccounts(accountState, id))
+        .filter((account) => account != null);
+    const coaCreditCardsFallback = accountList.accounts
+        .map((a) => getAccountBase(accountState, a.accountId, 'account_list'))
+        .filter((account) => account != null)
+        .filter((a) => a.accountType === 'credit_card');
+    const creditCardAccountsForTransferList = creditCardAccountsFromApi.length > 0
+        ? creditCardAccountsFromApi
+        : coaCreditCardsFallback;
     return {
         version: 0,
         fetchState: fetchStatus.fetchState,
@@ -106,11 +133,14 @@ export function getExpenseAutomationTransactionView(state) {
         refreshStatus,
         saveStatus,
         markAsNotMiscategorizedStatus,
+        createTransferEntryStatus: expenseAutomationTransactionsViewState.createTransferEntryStatus,
         completionStatus,
         totalCountByTab,
         fetchStateByTransactionTabs: fetchStateByTab,
         uploadReceiptStatusById,
         selectedTransactionId,
         selectedTransactionLineId,
+        creditCardAccountsForTransferList,
+        transferAccounts: transferAccountsList,
     };
 }

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

@@ -25,3 +25,8 @@ export const initialSupportedTransactionCategorization = {
         tabSpecificLineItems: {},
     },
 };
+/** Which pool `fetchAccountsForTransferFlow` / transfer-flow epic should load. */
+export const TRANSFER_ACCOUNTS_FETCH_KIND = [
+    'transfer_eligible',
+    'credit_card_only',
+];

package/lib/esm/view/taskManager/taskDetailView/taskDetailReducer.js

@@ -6,10 +6,6 @@ import { initialTaskDetail, } from './taskDetail';
 export const initialState = {
     newTaskState: initialTaskDetail,
     editTaskStateById: {},
-    subTaskCreateStatus: {
-        fetchState: 'Not-Started',
-        error: undefined,
-    },
     taskHistoryById: {},
 };
 const taskDetailView = createSlice({
@@ -322,28 +318,10 @@ const taskDetailView = createSlice({
                 error,
             };
         },
-        createSubTask: {
-            reducer(draft) {
-                draft.subTaskCreateStatus = {
-                    fetchState: 'In-Progress',
-                    error: undefined,
-                };
-            },
-            prepare(payload) {
-                return { payload };
-            },
-        },
-        createSubTaskSuccessOrFailure(draft, action) {
-            const { fetchState, error } = action.payload;
-            draft.subTaskCreateStatus = {
-                fetchState,
-                error,
-            };
-        },
         clearTaskDetail(draft) {
             Object.assign(draft, initialState);
         },
     },
 });
-export const { fetchTaskDetailPage, fetchTaskDetail, initializeTaskToLocalStore, updateEditTaskFetchStatus, saveTaskUpdatesToLocalStore, discardTaskUpdatesInLocalStore, saveTaskDetail, archiveTask, archiveTaskSuccessOrFailure, saveTaskSuccessOrFailure, createSubTask, createSubTaskSuccessOrFailure, deleteTask, removeTaskDetail, deleteTaskSuccessOrFailure, snoozeTask, snoozeTaskSuccessOrFailure, unsnoozeTask, fetchTaskHistory, updateTaskHistory, updateTaskHistoryFetchStatus, clearTaskDetail, updateCreatedTagToLocalStore, updateDeletedTagToLocalStore, } = taskDetailView.actions;
+export const { fetchTaskDetailPage, fetchTaskDetail, initializeTaskToLocalStore, updateEditTaskFetchStatus, saveTaskUpdatesToLocalStore, discardTaskUpdatesInLocalStore, saveTaskDetail, archiveTask, archiveTaskSuccessOrFailure, saveTaskSuccessOrFailure, deleteTask, removeTaskDetail, deleteTaskSuccessOrFailure, snoozeTask, snoozeTaskSuccessOrFailure, unsnoozeTask, fetchTaskHistory, updateTaskHistory, updateTaskHistoryFetchStatus, clearTaskDetail, updateCreatedTagToLocalStore, updateDeletedTagToLocalStore, } = taskDetailView.actions;
 export default taskDetailView.reducer;

package/lib/esm/view/transactionDetail/epics/transactionDetailEpic.js

@@ -13,6 +13,7 @@ import { fetchAccountList } from '../../accountList/accountListReducer';
 import { fetchClassList } from '../../classList/classListReducer';
 import { getInitializedTransactionVendorLocalData } from '../../commonVendorView/transactionVendorView/transactionVendorLocalDataHelper';
 import { updateTransactionVendorLocalData } from '../../commonVendorView/transactionVendorView/transactionVendorViewReducer';
+import { fetchAccountsForTransferFlow } from '../../expenseAutomationView/reducers/transactionsViewReducer';
 import { fetchOwnerList } from '../../ownerList/ownerListReducer';
 import { fetchProjectList } from '../../projectList/projectListReducer';
 import { fetchTransactionDetail, initializeTransactionDetailLocalData, removeTransactionDetail, updateTransactionDetailFetchState, } from '../transactionDetailReducer';
@@ -35,6 +36,15 @@ export const fetchTransactionDetailEpic = (actions$, state$, zeniAPI) => actions
             accountList.fetchState !== 'In-Progress') {
             transactionActions.push(fetchAccountList('accountList'));
         }
+        const { transferAccounts, creditCardAccountsForTransfer, } = state$.value.expenseAutomationTransactionsViewState;
+        if (transferAccounts.fetchState !== 'In-Progress' &&
+            transferAccounts.fetchState !== 'Completed') {
+            transactionActions.push(fetchAccountsForTransferFlow({ kind: 'transfer_eligible' }));
+        }
+        if (creditCardAccountsForTransfer.fetchState !== 'In-Progress' &&
+            creditCardAccountsForTransfer.fetchState !== 'Completed') {
+            transactionActions.push(fetchAccountsForTransferFlow({ kind: 'credit_card_only' }));
+        }
         const classList = state$.value.classListState;
         if (classList.hasValidState() === false &&
             classList.fetchState !== 'In-Progress') {

package/lib/esm/view/transactionDetail/transactionDetailSelector.js

@@ -1,6 +1,7 @@
 import recordGet from 'lodash/get';
 import { reduceFetchState } from '../../commonStateTypes/reduceFetchState';
-import { getIsAccountingClassesEnabled, getIsAccountingProjectsEnabled, } from '../../entity/tenant/tenantSelector';
+import { getAccountBase, getAccountBaseForCreditCardTransferAccounts, getAccountBaseForTransferAccounts, } from '../../entity/account/accountSelector';
+import { getIsAccountingClassesEnabled, getIsAccountingProjectsEnabled } from '../../entity/tenant/tenantSelector';
 import { toTransactionTypeStrict } from '../../entity/transaction/stateTypes/transactionType';
 import { getTransactionWithCOT } from '../../entity/transaction/transactionHelper';
 import { getSupportedTransactionById } from '../../entity/transaction/transactionSelector';
@@ -11,7 +12,7 @@ import { getClassList, getNestedClassListHierarchy, } from '../classList/classLi
 import { getProjectList, } from '../projectList/projectListSelector';
 import { getAllLinkedTransactions, getTransactionDetailKey, initialSupportedTransactionDetail, } from './transactionDetailState';
 export const getTransactionDetail = (state, transactionId, fetchLinkedTransactions = true) => {
-    const { transactionDetailState, transactionState, vendorState, vendorListState, accountState, classState, classListState, accountListState, projectState, projectListState, } = state;
+    const { transactionDetailState, transactionState, vendorState, vendorListState, accountState, classState, classListState, accountListState, expenseAutomationTransactionsViewState, projectState, projectListState, } = state;
     const detailKey = getTransactionDetailKey(transactionId);
     const transactionDetail = recordGet(transactionDetailState.transactionDetailById, detailKey);
     let fetchState = {
@@ -72,6 +73,24 @@ export const getTransactionDetail = (state, transactionId, fetchLinkedTransactio
         : [];
     const transactionDetailAnyUpdateStatus = reduceUpdateFetchStates(transactionDetail);
     const vendors = getVendorsByVendorIds(vendorState, vendorListState.vendorIds);
+    const transferAccountsFromApi = expenseAutomationTransactionsViewState.transferAccounts.accountIds
+        .map((id) => getAccountBaseForTransferAccounts(accountState, id))
+        .filter((account) => account != null);
+    const transferAccountsList = transferAccountsFromApi.length > 0
+        ? transferAccountsFromApi
+        : accountsList.accounts
+            .map((a) => getAccountBase(accountState, a.accountId, 'account_list'))
+            .filter((account) => account != null);
+    const creditCardAccountsFromApi = expenseAutomationTransactionsViewState.creditCardAccountsForTransfer.accountIds
+        .map((id) => getAccountBaseForCreditCardTransferAccounts(accountState, id))
+        .filter((account) => account != null);
+    const coaCreditCardsFallback = accountsList.accounts
+        .map((a) => getAccountBase(accountState, a.accountId, 'account_list'))
+        .filter((account) => account != null)
+        .filter((a) => a.accountType === 'credit_card');
+    const creditCardAccountsForTransferList = creditCardAccountsFromApi.length > 0
+        ? creditCardAccountsFromApi
+        : coaCreditCardsFallback;
     return {
         reportId: 'transaction_detail',
         reportTitle: 'Transaction Detail',
@@ -88,6 +107,9 @@ export const getTransactionDetail = (state, transactionId, fetchLinkedTransactio
         accountsHierarchyList,
         classList: classList,
         isAccountingClassesEnabled,
+        createTransferEntryStatus: expenseAutomationTransactionsViewState.createTransferEntryStatus,
+        creditCardAccountsForTransferList,
+        transferAccounts: transferAccountsList,
         isAccountingProjectsEnabled,
         projectList,
         isUpdateNotAllowed: transactionDetail?.isUpdateNotAllowed,