@zeniai/client-epic-state 4.11.56 → 4.11.58

package/lib/view/reviewCompanyView/reviewCompanyViewSelector.js

@@ -69,51 +69,47 @@ exports.getReviewCompanySelectorView = (0, toolkit_1.createSelector)((state) =>
         }
     });
     const sortOrderValue = (0, sortOrderPayload_1.getSortOrder)(sortOrder);
-    const sortedCompaniesWithSortKeyValue = (0, orderBy_1.default)(companiesWithSortKeyValues, sortKey === 'auditScore'
-        ? ['auditSummary.auditScorePercentage', 'auditSummary.fixesRequired']
-        : (company) => {
-            var _a;
-            const warningCount = (0, exports.getAuditWarningsCount)(company);
-            let primarySortValue;
-            let secondarySortValue;
-            let isSecondarySortApplicable;
-            switch (sortKey) {
-                case 'notes':
-                    primarySortValue = (_a = company.note) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-                    break;
-                case 'uncategorized':
-                    isSecondarySortApplicable = true;
-                    primarySortValue = company.uncategorizedTransactions.income
-                        ? 1
-                        : 0;
-                    secondarySortValue = company.uncategorizedTransactions.expense
-                        ? 1
-                        : 0;
-                    break;
-                case 'miscategorized':
-                    isSecondarySortApplicable = true;
-                    primarySortValue = company.miscategorizedTransactions.income
-                        ? 1
-                        : 0;
-                    secondarySortValue = company.miscategorizedTransactions.expense
-                        ? 1
-                        : 0;
-                    break;
-                case 'warnings':
-                    primarySortValue = warningCount;
-                    break;
-                case 'reviewVendor':
-                    primarySortValue = company.isVendorReviewReqiured;
-                    break;
-                case 'companyName':
-                default:
-                    primarySortValue = company.name.toLowerCase();
-                    break;
-            }
-            return isSecondarySortApplicable === true
-                ? [primarySortValue, secondarySortValue]
-                : primarySortValue;
-        }, [sortOrderValue, sortOrderValue]);
+    const sortedCompaniesWithSortKeyValue = (0, orderBy_1.default)(companiesWithSortKeyValues, (sortKey === 'auditScore') ? ['auditSummary.auditScorePercentage', 'auditSummary.fixesRequired'] : (company) => {
+        var _a;
+        const warningCount = (0, exports.getAuditWarningsCount)(company);
+        let primarySortValue;
+        let secondarySortValue;
+        let isSecondarySortApplicable;
+        switch (sortKey) {
+            case 'notes':
+                primarySortValue = (_a = company.note) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+                break;
+            case 'uncategorized':
+                isSecondarySortApplicable = true;
+                primarySortValue = company.uncategorizedTransactions.income ? 1 : 0;
+                secondarySortValue = company.uncategorizedTransactions.expense
+                    ? 1
+                    : 0;
+                break;
+            case 'miscategorized':
+                isSecondarySortApplicable = true;
+                primarySortValue = company.miscategorizedTransactions.income
+                    ? 1
+                    : 0;
+                secondarySortValue = company.miscategorizedTransactions.expense
+                    ? 1
+                    : 0;
+                break;
+            case 'warnings':
+                primarySortValue = warningCount;
+                break;
+            case 'reviewVendor':
+                primarySortValue = company.isVendorReviewReqiured;
+                break;
+            case 'companyName':
+            default:
+                primarySortValue = company.name.toLowerCase();
+                break;
+        }
+        return isSecondarySortApplicable === true
+            ? [primarySortValue, secondarySortValue]
+            : primarySortValue;
+    }, [sortOrderValue, sortOrderValue]);
     return {
         companies: [
             ...sortedCompaniesWithSortKeyValue,

package/lib/view/scheduleView/scheduleListView/scheduleListTypes.d.ts

@@ -10,7 +10,7 @@ export declare const ALL_SCHEDULES_SUB_TABS: readonly ["all", "new", "ongoing",
 export declare const toScheduleSubTabType: (v: string) => "all" | "new" | "completed" | "ongoing";
 export declare type ScheduleSubTabType = ReturnType<typeof toScheduleSubTabType>;
 export declare const ALL_SCHEDULES_PAY_SORT_KEYS: readonly ["transactionDate", "vendor", "scheduleCategory", "expenseCategory", "accumulatedDepreciationCategory", "class", "amount", "balanceAsOfToday", "memo", "startMonth", "endMonth", "months", "transactionType", "status", "assetId", "user"];
-export declare const toScheduleSortKeyType: (v: string) => "status" | "user" | "months" | "amount" | "vendor" | "class" | "memo" | "transactionDate" | "transactionType" | "balanceAsOfToday" | "scheduleCategory" | "expenseCategory" | "accumulatedDepreciationCategory" | "startMonth" | "endMonth" | "assetId";
+export declare const toScheduleSortKeyType: (v: string) => "status" | "user" | "months" | "amount" | "vendor" | "class" | "memo" | "transactionDate" | "scheduleCategory" | "expenseCategory" | "accumulatedDepreciationCategory" | "balanceAsOfToday" | "startMonth" | "endMonth" | "transactionType" | "assetId";
 export declare type ScheduleListSortKey = ReturnType<typeof toScheduleSortKeyType>;
 export interface DownloadJEScheduleTabOptions {
     timezone: string;

package/lib/view/settingsView/epic/fetchBankConnectionsViewEpic.d.ts

@@ -1,8 +1,6 @@
-import { ActionsObservable, StateObservable } from 'redux-observable';
+import { ActionsObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
-import { RootState } from '../../../reducer';
 import { fetchBankConnectionsView, fetchBankAccountsList } from '../settingsViewReducer';
-import { fetchPaymentAccountList } from '../../spendManagement/zeniAccounts/paymentAccountList/paymentAccountListReducer';
-import { fetchDepositAccountList } from '../../spendManagement/zeniAccounts/depositAccountList/depositAccountListReducer';
-export declare type ActionType = ReturnType<typeof fetchBankConnectionsView> | ReturnType<typeof fetchBankAccountsList> | ReturnType<typeof fetchPaymentAccountList> | ReturnType<typeof fetchDepositAccountList>;
-export declare const fetchBankConnectionsViewEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;
+import { getPaymentAccounts } from '../../spendManagement/plaidAccount/plaidAccountViewReducer';
+export declare type ActionType = ReturnType<typeof fetchBankConnectionsView> | ReturnType<typeof fetchBankAccountsList> | ReturnType<typeof getPaymentAccounts>;
+export declare const fetchBankConnectionsViewEpic: (actions$: ActionsObservable<ActionType>) => Observable<ActionType>;

package/lib/view/settingsView/epic/fetchBankConnectionsViewEpic.js

@@ -4,34 +4,11 @@ exports.fetchBankConnectionsViewEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const settingsViewReducer_1 = require("../settingsViewReducer");
-const paymentAccountListReducer_1 = require("../../spendManagement/zeniAccounts/paymentAccountList/paymentAccountListReducer");
-const depositAccountListReducer_1 = require("../../spendManagement/zeniAccounts/depositAccountList/depositAccountListReducer");
-const fetchBankConnectionsViewEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.fetchBankConnectionsView.match), (0, operators_1.mergeMap)((action) => {
-    const { cacheOverride } = action.payload;
-    const bankConnectionActions = [];
-    const state = state$.value;
-    if (cacheOverride === true) {
-        bankConnectionActions.push((0, settingsViewReducer_1.fetchBankAccountsList)());
-        bankConnectionActions.push((0, paymentAccountListReducer_1.fetchPaymentAccountList)());
-        bankConnectionActions.push((0, depositAccountListReducer_1.fetchDepositAccountList)());
-    }
-    else {
-        const bankAccountsList = state.settingsViewState.bankConnection;
-        if (bankAccountsList.fetchState !== 'Completed' &&
-            bankAccountsList.fetchState !== 'In-Progress') {
-            bankConnectionActions.push((0, settingsViewReducer_1.fetchBankAccountsList)());
-        }
-        const paymentAccountList = state.paymentAccountListState;
-        if (paymentAccountList.hasValidState() === false &&
-            paymentAccountList.fetchState !== 'In-Progress') {
-            bankConnectionActions.push((0, paymentAccountListReducer_1.fetchPaymentAccountList)());
-        }
-        const depositAccountList = state.depositAccountListState;
-        if (depositAccountList.hasValidState() === false &&
-            depositAccountList.fetchState !== 'In-Progress') {
-            bankConnectionActions.push((0, depositAccountListReducer_1.fetchDepositAccountList)());
-        }
-    }
-    return (0, rxjs_1.concat)((0, rxjs_1.from)(bankConnectionActions));
+const plaidAccountViewReducer_1 = require("../../spendManagement/plaidAccount/plaidAccountViewReducer");
+const fetchBankConnectionsViewEpic = (actions$) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.fetchBankConnectionsView.match), (0, operators_1.switchMap)(() => {
+    return (0, rxjs_1.from)([
+        (0, settingsViewReducer_1.fetchBankAccountsList)(),
+        (0, plaidAccountViewReducer_1.getPaymentAccounts)('bill_pay', 'spend_management_setup', false),
+    ]);
 }));
 exports.fetchBankConnectionsViewEpic = fetchBankConnectionsViewEpic;

package/lib/view/settingsView/epic/saveNotificationSettingsEpic.d.ts

@@ -18,7 +18,7 @@ export declare const saveNotificationSettingsEpic: (actions$: ActionsObservable<
     type: string;
 } | {
     payload: {
-        messageSection: "bill_pay_setup" | "reimbursement_setup" | "charge_card_setup" | "common" | "transactionDetails_updatingPastTransactions" | "transactionDetails_transactionUpdated" | "cockpit_month_end_email_sent" | "cockpit_month_end_email_save" | "cockpit_month_end_email_attachment_upload" | "audit_score_updated" | "people_invite_people" | "people_invite_multiple_people" | "people_delete_person" | "people_update_person" | "reimbursement_updated" | "reimbursement_deleted" | "reimbursement_cancelled_deleted" | "reimbursement_cancelled" | "reimbursement_approved" | "reimbursement_rejected" | "reimbursement_sent_for_approval" | "account_added" | "business_verification_save" | "business_verification_submit" | "business_verification_from_bills_submit" | "plaid_connection" | "unlink_deposit_account" | "reimbursement_approval_create" | "reimbursement_duplicate_approval_create" | "reimbursement_approval_update" | "reimbursement_duplicate_approval_update" | "reimbursement_approval_delete" | "reimbursement_create_mileage" | "reimbursement_update_mileage" | "reimbursement_accept_term" | "reimbursement_accept_employee_term" | "zeni_accounts_setup" | "bill_pay_approval_create" | "bill_pay_duplicate_approval_create" | "bill_pay_approval_update" | "bill_pay_duplicate_approval_update" | "bill_pay_approval_delete" | "bill_pay_updated" | "bill_pay_deleted" | "bill_pay_cancelled_deleted" | "bill_pay_cancelled" | "bill_pay_approved" | "real_time_approver_added" | "bill_pay_rejected" | "bill_pay_sent_for_approval" | "bill_pay_accept_term" | "bill_pay_bulk_submit" | "bill_pay_bulk_processed" | "zeni_account_accept_term" | "update_vendor" | "data_refresh_update" | "delete_bank_account" | "create_bank_account" | "create_bank_account_ach" | "create_bank_account_wire" | "create_bank_account_international" | "transfer_money" | "update_zeni_account_nickname" | "create_checking_account" | "deposit_check" | "create_vendor" | "onboarding_customer_view" | "onboarding_customer_view_complete" | "onboarding_customer_identity_verification_save" | "onboarding_customer_identity_verification_submit" | "onboarding_customer_business_verification_save" | "onboarding_customer_business_verification_submit" | "retry_bank_account_connection" | "dashboard_invite_sent" | "onboarding_info_saved" | "approve_original_merchant" | "approve_global_merchant" | "reject_global_merchant" | "create_global_merchant" | "fetch_global_merchant_no_recommendation" | "save_vendor_renamed" | "save_vendor_sent_for_review" | "save_vendor_marked_as_employee" | "save_vendor_marked_as_local_contractor" | "charge_card_accept_term" | "create_schedule" | "save_schedule" | "delete_schedule" | "save_task_detail" | "fetch_task_detail" | "delete_task" | "archive_task" | "create_tag" | "delete_tag" | "update_charge_card" | "issue_charge_card" | "notification_settings_saved" | "referral_invite_sent" | "notification_mark_as_read" | "mark_as_complete_schedule" | "settings_accounting_accounts_updated" | "create_card_setup" | "confirm_card_setup" | "add_card_payment_source" | "fetch_payment_sources" | "task_assigned_toast_notification" | "task_due_tomorrow_toast_notification" | "task_deleted_toast_notification" | "task_archived_toast_notification" | "task_overdue_toast_notification" | "task_overdue_toast_notification_creator" | "task_notification_count" | "task_activities_toast_notification" | "task_created_toast_notification" | "task_group_creation_success" | "task_group_deletion_success" | "task_group_update_success";
+        messageSection: "reimbursement_setup" | "common" | "transactionDetails_updatingPastTransactions" | "transactionDetails_transactionUpdated" | "cockpit_month_end_email_sent" | "cockpit_month_end_email_save" | "cockpit_month_end_email_attachment_upload" | "audit_score_updated" | "people_invite_people" | "people_invite_multiple_people" | "people_delete_person" | "people_update_person" | "reimbursement_updated" | "reimbursement_deleted" | "reimbursement_cancelled_deleted" | "reimbursement_cancelled" | "reimbursement_approved" | "reimbursement_rejected" | "reimbursement_sent_for_approval" | "account_added" | "business_verification_save" | "business_verification_submit" | "business_verification_from_bills_submit" | "plaid_connection" | "unlink_deposit_account" | "reimbursement_approval_create" | "reimbursement_duplicate_approval_create" | "reimbursement_approval_update" | "reimbursement_duplicate_approval_update" | "reimbursement_approval_delete" | "reimbursement_create_mileage" | "reimbursement_update_mileage" | "reimbursement_accept_term" | "reimbursement_accept_employee_term" | "bill_pay_setup" | "zeni_accounts_setup" | "bill_pay_approval_create" | "bill_pay_duplicate_approval_create" | "bill_pay_approval_update" | "bill_pay_duplicate_approval_update" | "bill_pay_approval_delete" | "bill_pay_updated" | "bill_pay_deleted" | "bill_pay_cancelled_deleted" | "bill_pay_cancelled" | "bill_pay_approved" | "real_time_approver_added" | "bill_pay_rejected" | "bill_pay_sent_for_approval" | "bill_pay_accept_term" | "bill_pay_bulk_submit" | "bill_pay_bulk_processed" | "zeni_account_accept_term" | "update_vendor" | "data_refresh_update" | "delete_bank_account" | "create_bank_account" | "create_bank_account_ach" | "create_bank_account_wire" | "create_bank_account_international" | "transfer_money" | "update_zeni_account_nickname" | "create_checking_account" | "deposit_check" | "create_vendor" | "onboarding_customer_view" | "onboarding_customer_view_complete" | "onboarding_customer_identity_verification_save" | "onboarding_customer_identity_verification_submit" | "onboarding_customer_business_verification_save" | "onboarding_customer_business_verification_submit" | "retry_bank_account_connection" | "dashboard_invite_sent" | "onboarding_info_saved" | "approve_original_merchant" | "approve_global_merchant" | "reject_global_merchant" | "create_global_merchant" | "fetch_global_merchant_no_recommendation" | "save_vendor_renamed" | "save_vendor_sent_for_review" | "save_vendor_marked_as_employee" | "save_vendor_marked_as_local_contractor" | "charge_card_setup" | "charge_card_accept_term" | "create_schedule" | "save_schedule" | "delete_schedule" | "save_task_detail" | "fetch_task_detail" | "delete_task" | "archive_task" | "create_tag" | "delete_tag" | "update_charge_card" | "issue_charge_card" | "notification_settings_saved" | "referral_invite_sent" | "notification_mark_as_read" | "mark_as_complete_schedule" | "settings_accounting_accounts_updated" | "create_card_setup" | "confirm_card_setup" | "add_card_payment_source" | "fetch_payment_sources" | "task_assigned_toast_notification" | "task_due_tomorrow_toast_notification" | "task_deleted_toast_notification" | "task_archived_toast_notification" | "task_overdue_toast_notification" | "task_overdue_toast_notification_creator" | "task_notification_count" | "task_activities_toast_notification" | "task_created_toast_notification" | "task_group_creation_success" | "task_group_deletion_success" | "task_group_update_success";
         messageText: "failed" | "success" | "notification";
         type: import("../../..").SnackbarMessageType;
         showStatusIcon?: boolean | undefined;

package/lib/view/settingsView/settingsViewReducer.d.ts

@@ -11,9 +11,7 @@ export declare const fetchMyProfileView: import("@reduxjs/toolkit").ActionCreato
     companyId: string;
 }, string, never, never>, updateMyProfileOnSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[userId: string], {
     userId: string;
-}, string, never, never>, updateMyProfileOnFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, fetchBankConnectionsView: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[cacheOverride: any], {
-    cacheOverride: any;
-}, string, never, never>, fetchBillingAccountsView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateBankConnectionOnSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, string, never, never>, updateMyProfileOnFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, fetchBankConnectionsView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, fetchBillingAccountsView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateBankConnectionOnSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     bankAccountIds: ID[];
 }, string>, updateBankConnectionOnFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, fetchBankAccountsList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, fetchNotificationSettings: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateNotificationSettingsOnSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[data: NotificationSettingsPayload, loggedInUserEmail: string], {
     data: NotificationSettingsPayload;

package/lib/view/settingsView/settingsViewReducer.js

@@ -94,17 +94,8 @@ const settings = (0, toolkit_1.createSlice)({
             draft.profile.fetchState = 'Error';
             draft.profile.error = action.payload;
         },
-        fetchBankConnectionsView: {
-            reducer() {
-                // do nothing
-            },
-            prepare(cacheOverride) {
-                return {
-                    payload: {
-                        cacheOverride,
-                    },
-                };
-            },
+        fetchBankConnectionsView() {
+            // Do nothing.
         },
         fetchBillingAccountsView() {
             // Do nothing.

package/lib/view/settingsView/settingsViewSelector.d.ts

@@ -3,7 +3,7 @@ import { FetchStateAndError, ID } from '../../commonStateTypes/common';
 import { MyBankConnectionsView, BankConnectionsSetupView, MyProfileSelectorView, NotificationSettingsSelectorView, IntegrationsView, BillingView } from './types/settingsViewSelectorTypes';
 import { NotificationSettings } from './settingsViewState';
 export declare function getApprovalRuleViewDetails(state: RootState): FetchStateAndError;
-export declare function getBankConnectionsSetupViewDetails(state: RootState, companyId: ID, isBillPayEnabled: boolean, isRemiEnabled: boolean, isAccountEnabled: boolean, isCardEnabled: boolean): BankConnectionsSetupView;
+export declare function getBankConnectionsSetupViewDetails(state: RootState, companyId: ID): BankConnectionsSetupView;
 export declare function getBillingAccountsViewDetails(state: RootState, companyId: ID): BillingView;
 export declare function getMyBankConnectionsDetails(state: RootState, userId: ID): MyBankConnectionsView;
 export declare function getIntegrationsView(state: RootState, companyId: ID): IntegrationsView;

package/lib/view/settingsView/settingsViewSelector.js

@@ -19,8 +19,6 @@ const reduceFetchState_1 = require("../../commonStateTypes/reduceFetchState");
 const companyPassportViewSelector_1 = require("../companyView/selector/companyPassportViewSelector");
 const userFinancialAccountSelector_1 = require("../userFinancialAccount/userFinancialAccountSelector");
 const setupViewSelector_1 = require("../../view/spendManagement/commonSetup/setupViewSelector");
-const depositAccountSelector_1 = require("../../entity/depositAccount/depositAccountSelector");
-const getCompanyView_1 = require("../companyView/selectorHelpers/getCompanyView");
 const cardPaymentViewSelector_1 = require("../cardPayment/cardPaymentViewSelector");
 function getApprovalRuleViewDetails(state) {
     const { billPaySetupApproverViewState, remiSetupApproverViewState } = state;
@@ -33,68 +31,18 @@ function getApprovalRuleViewDetails(state) {
     };
 }
 exports.getApprovalRuleViewDetails = getApprovalRuleViewDetails;
-function getBankConnectionsSetupViewDetails(state, companyId, isBillPayEnabled, isRemiEnabled, isAccountEnabled, isCardEnabled) {
-    var _a, _b, _c, _d, _e, _f;
-    const { accountState, settingsViewState, paymentAccountState, depositAccountState, depositAccountListState, paymentAccountListState, } = state;
+function getBankConnectionsSetupViewDetails(state, companyId) {
+    const { accountState, plaidAccountViewState, settingsViewState } = state;
     const { bankConnection } = settingsViewState;
-    const { paymentAccountIds } = paymentAccountListState;
-    const { accountIds: depositAccountIds } = depositAccountListState;
-    const allBankAccounts = bankConnection.fetchState === 'Completed'
-        ? bankConnection.bankAccountIds
-            .map((accountId) => (0, accountSelector_1.getAccountBase)(accountState, accountId, 'bill_pay'))
-            .filter((account) => account != null)
-        : [];
-    const paymentAccounts = paymentAccountListState.hasValidState()
-        ? (_a = (0, paymentAccountSelector_1.getPaymentAccountsByPaymentAccountIds)(paymentAccountState, paymentAccountIds).filter((account) => account != null)) !== null && _a !== void 0 ? _a : []
-        : [];
-    const depositAccounts = depositAccountListState.hasValidState()
-        ? (_b = (0, depositAccountSelector_1.getDepositAccountsByDepositAccountIds)(depositAccountState, depositAccountIds).filter((account) => account != null)) !== null && _b !== void 0 ? _b : []
-        : [];
+    const allBankAccounts = bankConnection.bankAccountIds
+        .map((accountId) => (0, accountSelector_1.getAccountBase)(accountState, accountId, 'bill_pay'))
+        .filter((account) => account != null);
     const fetchState = (0, reduceFetchState_1.reduceAnyFetchState)([
         settingsViewState.bankConnection,
-        paymentAccountListState,
-        depositAccountListState,
+        plaidAccountViewState['spend_management_setup'].accountDetails.fetchStatus,
     ]);
-    const allFundingAccounts = fetchState.fetchState === 'Completed'
-        ? (0, setupViewSelector_1.getAllFundingAccounts)(depositAccounts, paymentAccounts, false)
-        : [];
-    const primaryAccountsProductWise = [];
-    if (isBillPayEnabled) {
-        primaryAccountsProductWise.push(Object.assign({ productType: 'bill_pay' }, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'bill_pay', 'bill_pay_setup')));
-    }
-    if (isRemiEnabled) {
-        primaryAccountsProductWise.push(Object.assign({ productType: 'reimbursement' }, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'reimbursement', 'reimbursement_setup')));
-    }
-    if (isAccountEnabled) {
-        primaryAccountsProductWise.push(Object.assign({ productType: 'zeni_accounts' }, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'zeni_accounts', 'account_setup')));
-    }
-    if (isCardEnabled) {
-        primaryAccountsProductWise.push(Object.assign({ productType: 'charge_cards' }, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'charge_cards', 'charge_card_setup')));
-    }
-    const companyView = (0, getCompanyView_1.getCompanyView)(state, companyId, []);
-    const billPayPrimaryAccount = (_c = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyBillPayInfo.primaryFundingAccount) === null || _c === void 0 ? void 0 : _c.accountId; //companyBillPayInfo
-    const remiPrimaryAccount = (_d = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyReimbursementInfo.primaryFundingAccount) === null || _d === void 0 ? void 0 : _d.accountId;
-    const accountsPrimaryAccount = (_e = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyZeniAccountInfo.primaryFundingAccount) === null || _e === void 0 ? void 0 : _e.accountId; //companyZeniAccountInfo
-    const chargeCardsPrimaryAccount = (_f = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyChargeCardInfo.primaryFundingAccount) === null || _f === void 0 ? void 0 : _f.accountId; //companyChargeCardInfo
-    const primaryAccounts = [];
-    if (billPayPrimaryAccount != null) {
-        primaryAccounts.push(billPayPrimaryAccount);
-    }
-    if (remiPrimaryAccount != null) {
-        primaryAccounts.push(remiPrimaryAccount);
-    }
-    if (accountsPrimaryAccount != null) {
-        primaryAccounts.push(accountsPrimaryAccount);
-    }
-    if (chargeCardsPrimaryAccount != null) {
-        primaryAccounts.push(chargeCardsPrimaryAccount);
-    }
-    const nonPrimaryPaymentAccounts = paymentAccounts.filter((paymentAcc) => !primaryAccounts.includes(paymentAcc.paymentAccountId));
     return {
-        primaryConnection: primaryAccountsProductWise,
-        otherPaymentAccounts: nonPrimaryPaymentAccounts,
-        allFundingAccounts,
-        allBankAccounts,
+        setupView: Object.assign(Object.assign({}, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'bill_pay', 'spend_management_setup')), { allBankAccounts }),
         fetchState: fetchState.fetchState,
     };
 }

package/lib/view/settingsView/types/settingsViewSelectorTypes.d.ts

@@ -5,13 +5,11 @@ import { PaymentAccount } from '../../../entity/paymentAccount/paymentAccountSta
 import { User } from '../../../entity/user/userState';
 import { UserRole } from '../../../entity/userRole/userRoleState';
 import { Person } from '../../people/peopleSelectorTypes';
-import { FundingAccount, SetupView } from '../../spendManagement/commonSetup/setupViewSelector';
+import { SetupView } from '../../spendManagement/commonSetup/setupViewSelector';
 import { UserFinancialAccountSelectorView } from '../../userFinancialAccount/userFinancialAccountSelector';
 import { IntegrationsSettings, NotificationSettings, SettingsViewUIState } from '../settingsViewState';
 import { TenantExternalConnections } from '../../../entity/tenant/tenantState';
 import { Company } from '../../../entity/company/companyStateTypes';
-import { EntityType as SpendManagementEntityType } from '../../../entity/entityApprovalStatus/entityApprovalStatusState';
-import { AccountBase } from '../../../entity/account/accountState';
 import { CardPaymentSelectorView } from '../../cardPayment/cardPaymentViewSelector';
 export interface MyProfileSelectorView extends SelectorView {
     isZeniUser: boolean;
@@ -31,19 +29,13 @@ export interface MyBankConnectionsView extends UserFinancialAccountSelectorView
     paymentAccounts: PaymentAccount[];
 }
 export interface BankConnectionsSetupView extends FetchStateAndError {
-    primaryConnection: ProductWisePrimaryAccount[];
-    otherPaymentAccounts: PaymentAccount[];
-    allFundingAccounts: FundingAccount[];
-    allBankAccounts: AccountBase[];
+    setupView: SetupView;
 }
 export interface BillingView extends FetchStateAndError {
     setupView: SetupView;
     cardPaymentView: CardPaymentSelectorView;
     uiState: SettingsViewUIState;
 }
-export interface ProductWisePrimaryAccount extends SetupView {
-    productType: SpendManagementEntityType;
-}
 export interface NotificationSettingsSelectorView extends NotificationSettings {
     allUsers: User[];
     classList: Class[];

package/lib/view/spendManagement/billPay/billPayReview/billPayReviewSelector.js

@@ -37,7 +37,7 @@ const getDuplicateBills = (state, billId) => {
 exports.getDuplicateBills = getDuplicateBills;
 const getReviewPageBillDetail = (state, billId) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
-    const { accountListState, accountState, billTransactionState, classListState, editBillDetailViewState, paymentAccountState, vendorState, contactState, billPayConfigState, recurringBillState, depositAccountState, depositAccountListState, paymentAccountListState, } = state;
+    const { accountListState, accountState, plaidAccountViewState, billTransactionState, classListState, editBillDetailViewState, paymentAccountState, vendorState, contactState, billPayConfigState, recurringBillState, depositAccountState, depositAccountListState, } = state;
     const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(billId !== null && billId !== void 0 ? billId : '');
     const sourceBillDetail = billId != null
         ? (_a = editBillDetailViewState.editBillStateById) === null || _a === void 0 ? void 0 : _a[key]
@@ -47,7 +47,8 @@ const getReviewPageBillDetail = (state, billId) => {
     let paymentDetailsSection;
     let file;
     let contactDetails = [];
-    const primaryPaymentAccount = (0, paymentAccountSelector_1.getPaymentAccountsByPaymentAccountIds)(paymentAccountState, paymentAccountListState.paymentAccountIds);
+    const primaryPaymentAccount = (0, paymentAccountSelector_1.getPaymentAccountsByPaymentAccountIds)(paymentAccountState, plaidAccountViewState['spend_management_setup'].accountDetails
+        .paymentAccountIds);
     const allDepositAccounts = (0, depositAccountListSelector_1.getAllDepostAccounts)(depositAccountState, depositAccountListState).depositAccounts;
     const withdrawFromList = (0, setupViewSelector_1.getAllFundingAccounts)(allDepositAccounts, primaryPaymentAccount);
     let fetchState = 'Not-Started';

package/lib/view/spendManagement/billPay/billPaySetupView/billPaySetupViewSelector.js

@@ -4,7 +4,7 @@ exports.getBillPayBusinessVerificationDetails = exports.getBillPaySetupViewDetai
 const setupViewSelector_1 = require("../../commonSetup/setupViewSelector");
 const helpers_1 = require("../../helpers");
 function getBillPaySetupViewDetails(state, companyId) {
-    const billPaySetupViewDetails = (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'bill_pay', 'bill_pay_setup');
+    const billPaySetupViewDetails = (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'bill_pay', 'spend_management_setup');
     const businessVerificationDetails = getBillPayBusinessVerificationDetails(state, companyId);
     const selectedCompanyOfficer = (0, helpers_1.getSelectedCompanyOfficer)(businessVerificationDetails);
     const { billPaySetupViewState, setupViewState } = state;

package/lib/view/spendManagement/billPay/billPaySetupView/epic/billPaySetup/fetchBillPaySetupViewEpic.d.ts

@@ -13,8 +13,5 @@ import { openSnackbar } from '../../../../../../entity/snackbar/snackbarReducer'
 import { updateSetupViewLocalStoreData } from '../../../../commonSetup/setupViewReducer';
 import { fetchBillPaySetupView, fetchBillPaySetupViewSuccess, fetchBillPaySetupViewFailure } from '../../billPaySetupViewReducer';
 import { updatePlaidAccountViewAccountDetails } from '../../../../plaidAccount/plaidAccountViewReducer';
-import { updatePaymentAccountList } from '../../../../zeniAccounts/paymentAccountList/paymentAccountListReducer';
-import { updateDepositAccounts } from '../../../../../../entity/depositAccount/depositAccountReducer';
-import { updateDepositAccountList } from '../../../../zeniAccounts/depositAccountList/depositAccountListReducer';
-export declare type ActionType = ReturnType<typeof fetchBillPaySetupView> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof updateCompanies> | ReturnType<typeof updateFiles> | ReturnType<typeof updateAccounts> | ReturnType<typeof updateAddresses> | ReturnType<typeof updatePaymentAccounts> | ReturnType<typeof updatePaymentAccountList> | ReturnType<typeof updateDepositAccounts> | ReturnType<typeof updateDepositAccountList> | ReturnType<typeof updatePlaidAccountViewAccountDetails> | ReturnType<typeof updateSetupViewLocalStoreData> | ReturnType<typeof openSnackbar> | ReturnType<typeof fetchBillPaySetupViewSuccess> | ReturnType<typeof fetchBillPaySetupViewFailure>;
+export declare type ActionType = ReturnType<typeof fetchBillPaySetupView> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof updateCompanies> | ReturnType<typeof updateFiles> | ReturnType<typeof updateAccounts> | ReturnType<typeof updateAddresses> | ReturnType<typeof updatePaymentAccounts> | ReturnType<typeof updatePlaidAccountViewAccountDetails> | ReturnType<typeof updateSetupViewLocalStoreData> | ReturnType<typeof openSnackbar> | ReturnType<typeof fetchBillPaySetupViewSuccess> | ReturnType<typeof fetchBillPaySetupViewFailure>;
 export declare const fetchBillPaySetupViewEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/spendManagement/billPay/billPaySetupView/epic/billPaySetup/fetchBillPaySetupViewEpic.js

@@ -16,9 +16,6 @@ const snackbarReducer_1 = require("../../../../../../entity/snackbar/snackbarRed
 const setupViewReducer_1 = require("../../../../commonSetup/setupViewReducer");
 const billPaySetupViewReducer_1 = require("../../billPaySetupViewReducer");
 const plaidAccountViewReducer_1 = require("../../../../plaidAccount/plaidAccountViewReducer");
-const paymentAccountListReducer_1 = require("../../../../zeniAccounts/paymentAccountList/paymentAccountListReducer");
-const depositAccountReducer_1 = require("../../../../../../entity/depositAccount/depositAccountReducer");
-const depositAccountListReducer_1 = require("../../../../zeniAccounts/depositAccountList/depositAccountListReducer");
 const fetchBillPaySetupViewEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(billPaySetupViewReducer_1.fetchBillPaySetupView.match), (0, operators_1.switchMap)((action) => {
     var _a;
     const { companyId, cacheOverride, refreshViewInBackground } = action.payload;
@@ -32,9 +29,9 @@ const fetchBillPaySetupViewEpic = (actions$, state$, zeniAPI) => actions$.pipe((
         return zeniAPI
             .getJSON(`${zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/companies/${companyId}?query={"view":"bill_pay_setup"}`)
             .pipe((0, operators_1.mergeMap)((response) => {
-            var _a, _b, _c;
             if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
                 const allBankAccountIds = response.data.accounts.map((account) => account.account_id);
+                const paymentAccountIds = response.data.payment_accounts.map((paymentAccount) => paymentAccount.payment_account_id);
                 const actions = [
                     (0, userReducer_1.updateAllUsers)({ users: response.data.users }),
                     (0, userRoleReducer_1.updateUserRoles)(response.data.user_roles),
@@ -46,19 +43,10 @@ const fetchBillPaySetupViewEpic = (actions$, state$, zeniAPI) => actions$.pipe((
                     (0, fileReducer_1.updateFiles)({ files: response.data.files }),
                     (0, accountReducer_1.updateAccounts)(response.data.accounts, 'bill_pay'),
                     (0, paymentAccountReducer_1.updatePaymentAccounts)(response.data.payment_accounts),
-                    (0, paymentAccountListReducer_1.updatePaymentAccountList)({
-                        data: response.data.payment_accounts,
-                        updateType: 'replace',
-                    }),
-                    (0, depositAccountReducer_1.updateDepositAccounts)((_a = response.data.deposit_accounts) !== null && _a !== void 0 ? _a : []),
-                    (0, depositAccountListReducer_1.updateDepositAccountList)({
-                        data: (_c = (_b = response.data) === null || _b === void 0 ? void 0 : _b.deposit_accounts) !== null && _c !== void 0 ? _c : [],
-                        updateType: 'replace',
-                    }),
                     (0, setupViewReducer_1.updateSetupViewLocalStoreData)({
                         companyId: response.data.companies[0].company_id,
                     }),
-                    (0, plaidAccountViewReducer_1.updatePlaidAccountViewAccountDetails)(allBankAccountIds, 'bill_pay_setup'),
+                    (0, plaidAccountViewReducer_1.updatePlaidAccountViewAccountDetails)(allBankAccountIds, paymentAccountIds, 'spend_management_setup'),
                     (0, billPaySetupViewReducer_1.fetchBillPaySetupViewSuccess)(),
                 ];
                 return (0, rxjs_1.from)(actions);
@@ -74,10 +62,10 @@ const fetchBillPaySetupViewEpic = (actions$, state$, zeniAPI) => actions$.pipe((
             JSON.stringify(error))))));
     }
     else {
-        const { allBankAccountIds } = plaidAccountViewState['spend_management_setup'].accountDetails;
+        const { allBankAccountIds, paymentAccountIds } = plaidAccountViewState['spend_management_setup'].accountDetails;
         return (0, rxjs_1.of)((0, setupViewReducer_1.updateSetupViewLocalStoreData)({
             companyId,
-        }), (0, plaidAccountViewReducer_1.updatePlaidAccountViewAccountDetails)(allBankAccountIds, 'bill_pay_setup'), (0, billPaySetupViewReducer_1.fetchBillPaySetupViewSuccess)());
+        }), (0, plaidAccountViewReducer_1.updatePlaidAccountViewAccountDetails)(allBankAccountIds, paymentAccountIds, 'spend_management_setup'), (0, billPaySetupViewReducer_1.fetchBillPaySetupViewSuccess)());
     }
 }));
 exports.fetchBillPaySetupViewEpic = fetchBillPaySetupViewEpic;

package/lib/view/spendManagement/billPay/editBillView/editBillViewSelector.js

@@ -32,7 +32,7 @@ const depositAccountSelector_1 = require("../../../../entity/depositAccount/depo
 const setupViewSelector_1 = require("../../commonSetup/setupViewSelector");
 const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAccountsEnabled, billId) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
-    const { accountListState, accountState, bankAccountState, billDetailViewState, paymentAccountListState, billTransactionState, billPayConfigState, classListState, classState, editBillDetailViewState, paymentAccountState, vendorState, tenantState, companyState, userState, commonHistoryState, contactState, paymentInstrumentState, recurringBillState, depositAccountListState, depositAccountState, } = state;
+    const { accountListState, accountState, bankAccountState, billDetailViewState, plaidAccountViewState, billTransactionState, billPayConfigState, classListState, classState, editBillDetailViewState, paymentAccountState, vendorState, tenantState, companyState, userState, commonHistoryState, contactState, paymentInstrumentState, recurringBillState, depositAccountListState, depositAccountState, } = state;
     const transaction = (0, get_1.default)(billTransactionState.transactionById, billId !== null && billId !== void 0 ? billId : '', undefined);
     let recommendations = {};
     if (billId != null) {
@@ -61,20 +61,17 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
         ? (_f = (_e = tenantState.tenantsById) === null || _e === void 0 ? void 0 : _e[currentTenantId]) === null || _f === void 0 ? void 0 : _f.companyId
         : undefined;
     const currentCompany = (0, companySelector_1.getCompanyByCompanyId)(companyState, companyId !== null && companyId !== void 0 ? companyId : '');
-    const primaryPaymentAccount = (0, paymentAccountSelector_1.getPaymentAccountsByPaymentAccountIds)(paymentAccountState, paymentAccountListState.paymentAccountIds);
-    const fromPaymentAccount = (transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo.fromAccount.billAccountType) === 'paymentAccount' &&
-        (transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo.fromAccount.billAccountId) != null
-        ? (0, paymentAccountSelector_1.getPaymentAccountsByPaymentAccountIds)(paymentAccountState, [
-            transaction.billPayInfo.fromAccount.billAccountId,
-        ])
-        : undefined;
-    // add the account received in the transaction fromAccount
-    // if its not already present in the payment account list
-    if (fromPaymentAccount != null &&
-        fromPaymentAccount.length > 0 &&
-        primaryPaymentAccount.some((account) => account.paymentAccountId === fromPaymentAccount[0].paymentAccountId) === false) {
-        primaryPaymentAccount.push(fromPaymentAccount[0]);
-    }
+    const primaryPaymentAccount = (0, paymentAccountSelector_1.getPaymentAccountsByPaymentAccountIds)(paymentAccountState, (transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo.fromAccount.billAccountType) ===
+        'paymentAccount' &&
+        (transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo.fromAccount.billAccountId) != null &&
+        (transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo.fromAccount.billAccountId.length) > 0
+        ? /*
+          for extsing transaction since we are not calling payment accounts
+          we need to pick payment ids from billPayInfo object
+      */
+            [transaction.billPayInfo.fromAccount.billAccountId]
+        : plaidAccountViewState['spend_management_setup'].accountDetails
+            .paymentAccountIds);
     const fromDepositAccount = (transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo.fromAccount.billAccountType) === 'depositAccount' &&
         (transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo.fromAccount.billAccountId) != null
         ? (0, depositAccountSelector_1.getDepositAccountByDepositAccountId)(depositAccountState, transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo.fromAccount.billAccountId)

package/lib/view/spendManagement/billPay/editBillView/epics/fetchEditBillDetailPageEpic.d.ts

@@ -4,11 +4,11 @@ import { fetchEditBillDetailPage, updateShowAutofill } from '../editBillViewRedu
 import { RootState } from '../../../../../reducer';
 import { fetchClassList } from '../../../../classList/classListReducer';
 import { fetchAccountList } from '../../../../accountList/accountListReducer';
+import { getPaymentAccounts } from '../../../plaidAccount/plaidAccountViewReducer';
 import { fetchBillPaySetupApproverView } from '../../billPaySetupApproverView/billPaySetupApproverViewReducer';
 import { fetchOwnerList } from '../../../../ownerList/ownerListReducer';
 import { fetchVendorTypeList } from '../../../../vendorTypeList/vendorTypeListReducer';
 import { fetchBillPayConfig } from '../../billPayConfig/billPayConfigReducer';
 import { fetchDepositAccountList } from '../../../zeniAccounts/depositAccountList/depositAccountListReducer';
-import { fetchPaymentAccountList } from '../../../zeniAccounts/paymentAccountList/paymentAccountListReducer';
-export declare type ActionType = ReturnType<typeof fetchEditBillDetailPage> | ReturnType<typeof fetchClassList> | ReturnType<typeof fetchVendorTypeList> | ReturnType<typeof fetchAccountList> | ReturnType<typeof fetchPaymentAccountList> | ReturnType<typeof fetchDepositAccountList> | ReturnType<typeof fetchBillPayConfig> | ReturnType<typeof updateShowAutofill> | ReturnType<typeof fetchBillPaySetupApproverView> | ReturnType<typeof fetchOwnerList>;
+export declare type ActionType = ReturnType<typeof fetchEditBillDetailPage> | ReturnType<typeof fetchClassList> | ReturnType<typeof fetchVendorTypeList> | ReturnType<typeof fetchAccountList> | ReturnType<typeof getPaymentAccounts> | ReturnType<typeof fetchDepositAccountList> | ReturnType<typeof fetchBillPayConfig> | ReturnType<typeof updateShowAutofill> | ReturnType<typeof fetchBillPaySetupApproverView> | ReturnType<typeof fetchOwnerList>;
 export declare const fetchEditBillDetailPageEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/spendManagement/billPay/editBillView/epics/fetchEditBillDetailPageEpic.js

@@ -6,13 +6,13 @@ const operators_1 = require("rxjs/operators");
 const editBillViewReducer_1 = require("../editBillViewReducer");
 const classListReducer_1 = require("../../../../classList/classListReducer");
 const accountListReducer_1 = require("../../../../accountList/accountListReducer");
+const plaidAccountViewReducer_1 = require("../../../plaidAccount/plaidAccountViewReducer");
 const billPaySetupApproverViewReducer_1 = require("../../billPaySetupApproverView/billPaySetupApproverViewReducer");
 const ownerListReducer_1 = require("../../../../ownerList/ownerListReducer");
 const vendorTypeListReducer_1 = require("../../../../vendorTypeList/vendorTypeListReducer");
 const billPayConfigReducer_1 = require("../../billPayConfig/billPayConfigReducer");
 const depositAccountListReducer_1 = require("../../../zeniAccounts/depositAccountList/depositAccountListReducer");
 const companySelector_1 = require("../../../../../entity/company/companySelector");
-const paymentAccountListReducer_1 = require("../../../zeniAccounts/paymentAccountList/paymentAccountListReducer");
 const fetchEditBillDetailPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(editBillViewReducer_1.fetchEditBillDetailPage.match), (0, operators_1.mergeMap)((action) => {
     var _a, _b, _c;
     const { cacheOverride, billId, isShowDeletedBillsEnabled } = action.payload;
@@ -34,7 +34,7 @@ const fetchEditBillDetailPageEpic = (actions$, state$) => actions$.pipe((0, oper
         if (isCompanyZeniAccountsSetUpDone) {
             billDetailActions.push((0, depositAccountListReducer_1.fetchDepositAccountList)());
         }
-        billDetailActions.push((0, paymentAccountListReducer_1.fetchPaymentAccountList)());
+        billDetailActions.push((0, plaidAccountViewReducer_1.getPaymentAccounts)('bill_pay', 'spend_management_setup'));
         if (billId != null) {
             billDetailActions.push((0, editBillViewReducer_1.fetchBillAndInitializeLocalStore)(billId, true, isShowDeletedBillsEnabled));
         }
@@ -73,10 +73,10 @@ const fetchEditBillDetailPageEpic = (actions$, state$) => actions$.pipe((0, oper
             depositAccounts.fetchState !== 'Completed') {
             billDetailActions.push((0, depositAccountListReducer_1.fetchDepositAccountList)());
         }
-        const paymentAccounts = state.paymentAccountListState;
-        if (paymentAccounts.fetchState !== 'In-Progress' &&
-            paymentAccounts.fetchState !== 'Completed') {
-            billDetailActions.push((0, paymentAccountListReducer_1.fetchPaymentAccountList)());
+        const paymentAccount = state.plaidAccountViewState['spend_management_setup'].accountDetails;
+        if (paymentAccount.fetchStatus.fetchState !== 'In-Progress' &&
+            paymentAccount.fetchStatus.fetchState !== 'Completed') {
+            billDetailActions.push((0, plaidAccountViewReducer_1.getPaymentAccounts)('bill_pay', 'spend_management_setup'));
         }
         if (billId != null) {
             billDetailActions.push((0, editBillViewReducer_1.fetchBillAndInitializeLocalStore)(billId, false, isShowDeletedBillsEnabled));

package/lib/view/spendManagement/billPay/editBillView/epics/initializeBillToLocalStoreEpic.d.ts

@@ -3,12 +3,13 @@ import { Observable } from 'rxjs';
 import { convertAmountToHomeCurrency, initializeBillToLocalStore, saveBillUpdatesToLocalStore, updateEditBillFetchStateCompleted } from '../editBillViewReducer';
 import { RootState } from '../../../../../reducer';
 import { fetchClassList } from '../../../../classList/classListReducer';
+import { getPaymentAccounts } from '../../../plaidAccount/plaidAccountViewReducer';
 import { LineItemRecommendationsLocalData } from '../editBillViewSelector';
 import { RecommendationByLineId } from '../../../../../entity/transaction/stateTypes/transaction';
 import { Vendor } from '../../../../../entity/vendor/vendorState';
 import { AccountListSelectorView } from '../../../../accountList/accountListSelector';
 import { ClassListSelectorView } from '../../../../classList/classListSelector';
 import Line from '../../../../../entity/transaction/stateTypes/transactionLine';
-export declare type ActionType = ReturnType<typeof initializeBillToLocalStore> | ReturnType<typeof saveBillUpdatesToLocalStore> | ReturnType<typeof fetchClassList> | ReturnType<typeof updateEditBillFetchStateCompleted> | ReturnType<typeof convertAmountToHomeCurrency>;
+export declare type ActionType = ReturnType<typeof initializeBillToLocalStore> | ReturnType<typeof saveBillUpdatesToLocalStore> | ReturnType<typeof fetchClassList> | ReturnType<typeof updateEditBillFetchStateCompleted> | ReturnType<typeof getPaymentAccounts> | ReturnType<typeof convertAmountToHomeCurrency>;
 export declare const getLineRecommendationsLocalData: (lineId: string, line: Line, recommendations: RecommendationByLineId | undefined, accountList: AccountListSelectorView, classList: ClassListSelectorView, vendorDetails?: Vendor | undefined) => LineItemRecommendationsLocalData;
 export declare const initializeBillToLocalStoreEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/spendManagement/chargeCards/chargeCardSetUp/chargeCardSetUpViewSelector.js

@@ -5,7 +5,7 @@ const getCompanyView_1 = require("../../../companyView/selectorHelpers/getCompan
 const setupViewSelector_1 = require("../../commonSetup/setupViewSelector");
 const helpers_1 = require("../../helpers");
 function getChargeCardSetupViewDetails(state, companyId) {
-    const chargeCardSetupViewDetails = (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'charge_cards', 'charge_card_setup');
+    const chargeCardSetupViewDetails = (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'charge_cards', 'spend_management_setup');
     const companyView = (0, getCompanyView_1.getCompanyView)(state, companyId, []);
     const companyChargeCardInfo = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyChargeCardInfo;
     const { chargeCardSetupViewState, setupViewState } = state;