@zeniai/client-epic-state 4.16.4 → 4.16.5

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

@@ -9,9 +9,9 @@ const userSelector_1 = require("../../../entity/user/userSelector");
 const vendorSelector_1 = require("../../../entity/vendor/vendorSelector");
 const expenseAutomationViewSelectorTypes_1 = require("../selectorTypes/expenseAutomationViewSelectorTypes");
 function getExpenseAutomationFluxAnalysisView(state) {
-    var _a;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     const { expenseAutomationFluxAnalysisViewState, monthEndCloseChecksState } = state;
-    const { fetchState, error, refreshStatus, uiState, reviewOperatingExpensesIds, reviewStatusById, fluxAnalysisEntities, operatingExpenseIdsBySelectedPeriod, bulkReviewStatus, } = expenseAutomationFluxAnalysisViewState;
+    const { fetchState, error, refreshStatus, uiState, reviewOperatingExpenseIdsByPeriod, selectedSectionIdsByPeriod, groupsBySelectedPeriod, fluxAnalysisEntities, bulkReviewStatus, currency, totalBalancesAndVariance, } = expenseAutomationFluxAnalysisViewState;
     const fetchStateAndError = {
         fetchState,
         error,
@@ -20,57 +20,125 @@ function getExpenseAutomationFluxAnalysisView(state) {
     const { selectedPeriodByTenantId } = state.expenseAutomationViewState;
     const selectedPeriod = selectedPeriodByTenantId[currentTenant.tenantId];
     const monthYearPeriodId = selectedPeriod != null ? (0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod) : null;
-    const operatingExpenseIdsForCurrentPeriod = monthYearPeriodId != null
-        ? operatingExpenseIdsBySelectedPeriod[monthYearPeriodId]
-        : null;
-    const operatingExpenses = [];
-    operatingExpenseIdsForCurrentPeriod === null || operatingExpenseIdsForCurrentPeriod === void 0 ? void 0 : operatingExpenseIdsForCurrentPeriod.forEach((opExId) => {
-        const fluxEntity = fluxAnalysisEntities.operatingExpenses.find((fluxEntity) => fluxEntity.operatingExpenseId === opExId);
+    const reviewOperatingExpensesIds = selectedPeriod != null &&
+        reviewOperatingExpenseIdsByPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)] !=
+            null
+        ? reviewOperatingExpenseIdsByPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)]
+        : [];
+    const selectedSectionIds = selectedPeriod != null
+        ? ((_a = selectedSectionIdsByPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)]) !== null && _a !== void 0 ? _a : [])
+        : [];
+    const generalExpenseState = selectedPeriod != null
+        ? (_b = groupsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)]) === null || _b === void 0 ? void 0 : _b.generalExpense
+        : undefined;
+    const reimbursementOpExState = selectedPeriod != null
+        ? (_c = groupsBySelectedPeriod[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)]) === null || _c === void 0 ? void 0 : _c.reimbursement
+        : undefined;
+    const generalExpenseIdsForCurrentPeriod = monthYearPeriodId != null && generalExpenseState != null
+        ? generalExpenseState.operatingExpenseIds
+        : [];
+    const reimbursementIdsForCurrentPeriod = monthYearPeriodId != null && reimbursementOpExState != null
+        ? reimbursementOpExState.operatingExpenseIds
+        : [];
+    const generalExpenses = [];
+    const reimbursements = [];
+    const expenseMap = new Map(fluxAnalysisEntities.operatingExpenses.map((e) => [
+        e.fluxAnalysisEntityId,
+        e,
+    ]));
+    generalExpenseIdsForCurrentPeriod.forEach((opExId) => {
+        const fluxEntity = expenseMap.get(opExId);
+        if (fluxEntity != null) {
+            generalExpenses.push(fluxEntity);
+        }
+    });
+    reimbursementIdsForCurrentPeriod.forEach((opExId) => {
+        const fluxEntity = fluxAnalysisEntities.operatingExpenses.find((fluxEntity) => fluxEntity.fluxAnalysisEntityId === opExId);
         if (fluxEntity != null) {
-            operatingExpenses.push(fluxEntity);
+            reimbursements.push(fluxEntity);
         }
     });
     const allSteps = monthYearPeriodId != null
         ? (0, expenseAutomationViewSelectorTypes_1.getAllSteps)(monthEndCloseChecksState, monthYearPeriodId, currentTenant.tenantId)
         : [];
-    const fluxCompletionStatus = (_a = allSteps.find((step) => step.step === 'flux_analysis')) === null || _a === void 0 ? void 0 : _a.completionStatus;
-    const operatingExpensesView = [];
-    operatingExpenses.forEach((operatingExpense) => {
-        const vendor = (0, vendorSelector_1.getVendorByVendorId)(state.vendorState, operatingExpense.vendorId);
-        if (vendor != null) {
-            operatingExpensesView.push({
-                operatingExpenseId: operatingExpense.operatingExpenseId,
-                vendor,
-                accountBase: operatingExpense.accountId != null
-                    ? (0, accountSelector_1.getAccountBase)(state.accountState, operatingExpense.accountId, 'account_list')
-                    : undefined,
-                classBase: operatingExpense.classId != null
-                    ? (0, classSelector_1.getClassById)(state.classState, {
-                        classId: operatingExpense.classId,
-                        reportId: 'class_list',
-                    })
-                    : undefined,
-                reviewedByUser: operatingExpense.userId != null
-                    ? (0, userSelector_1.getUserByUserId)(state.userState, operatingExpense.userId)
-                    : undefined,
-                varianceAmount: operatingExpense.varianceAmount,
-                variancePercentage: operatingExpense.variancePercentage,
-                currency: operatingExpense.currency,
-                anomalyReason: operatingExpense.anomalyReason,
-                status: operatingExpense.status,
-                balancesByMonth: operatingExpense.balancesByMonth,
-                reviewStatus: reviewStatusById[operatingExpense.operatingExpenseId],
-            });
-        }
-    });
+    const fluxCompletionStatus = (_d = allSteps.find((step) => step.step === 'flux_analysis')) === null || _d === void 0 ? void 0 : _d.completionStatus;
+    // Get general expense vendors using map and filter
+    const generalExpenseVendors = generalExpenses
+        .map((operatingExpense) => mapOperatingExpenseToVendorView(state, operatingExpense))
+        .filter((vendorView) => vendorView !== null);
+    // Get reimbursement vendors using map and filter
+    const reimbursementVendors = reimbursements
+        .map((operatingExpense) => mapOperatingExpenseToVendorView(state, operatingExpense))
+        .filter((vendorView) => vendorView !== null);
+    const sections = {
+        generalExpense: {
+            sectionId: 'generalExpense',
+            vendors: generalExpenseVendors,
+            fetchStatus: (_e = generalExpenseState === null || generalExpenseState === void 0 ? void 0 : generalExpenseState.fetchStatus) !== null && _e !== void 0 ? _e : {
+                fetchState: 'Not-Started',
+            },
+            balancesByMonth: (_f = generalExpenseState === null || generalExpenseState === void 0 ? void 0 : generalExpenseState.total) === null || _f === void 0 ? void 0 : _f.balancesByMonth,
+            varianceAmount: (_h = (_g = generalExpenseState === null || generalExpenseState === void 0 ? void 0 : generalExpenseState.total) === null || _g === void 0 ? void 0 : _g.varianceAmount) !== null && _h !== void 0 ? _h : 0,
+            variancePercentage: (_k = (_j = generalExpenseState === null || generalExpenseState === void 0 ? void 0 : generalExpenseState.total) === null || _j === void 0 ? void 0 : _j.variancePercentage) !== null && _k !== void 0 ? _k : 0,
+        },
+        reimbursement: {
+            sectionId: 'reimbursement',
+            vendors: reimbursementVendors,
+            fetchStatus: (_l = reimbursementOpExState === null || reimbursementOpExState === void 0 ? void 0 : reimbursementOpExState.fetchStatus) !== null && _l !== void 0 ? _l : {
+                fetchState: 'Not-Started',
+            },
+            balancesByMonth: (_m = reimbursementOpExState === null || reimbursementOpExState === void 0 ? void 0 : reimbursementOpExState.total) === null || _m === void 0 ? void 0 : _m.balancesByMonth,
+            varianceAmount: (_p = (_o = reimbursementOpExState === null || reimbursementOpExState === void 0 ? void 0 : reimbursementOpExState.total) === null || _o === void 0 ? void 0 : _o.varianceAmount) !== null && _p !== void 0 ? _p : 0,
+            variancePercentage: (_r = (_q = reimbursementOpExState === null || reimbursementOpExState === void 0 ? void 0 : reimbursementOpExState.total) === null || _q === void 0 ? void 0 : _q.variancePercentage) !== null && _r !== void 0 ? _r : 0,
+        },
+    };
     const completionStatus = fluxCompletionStatus != null ? fluxCompletionStatus : 'incomplete';
     return {
+        sections,
+        totalBalancesAndVariance,
         fetchStatus: fetchStateAndError,
-        operatingExpensesView,
         bulkReviewStatus,
         reviewOperatingExpensesIds,
+        selectedSectionIds,
         uiState,
         refreshStatus,
+        currency,
         completionStatus,
     };
 }
+// Helper function to transform operating expense to vendor view
+const mapOperatingExpenseToVendorView = (state, operatingExpense) => {
+    const vendor = (0, vendorSelector_1.getVendorByVendorId)(state.vendorState, operatingExpense.vendorId);
+    if (!vendor) {
+        return null;
+    }
+    const vendorAccountsAndClasses = operatingExpense.vendorAccountsAndClasses.map((accAndClass) => ({
+        varianceAmount: accAndClass.varianceAmount,
+        variancePercentage: accAndClass.variancePercentage,
+        currency: operatingExpense.currency,
+        accountBase: accAndClass.accountId != null
+            ? (0, accountSelector_1.getAccountBase)(state.accountState, accAndClass.accountId, 'account_list')
+            : undefined,
+        classBase: accAndClass.classId != null
+            ? (0, classSelector_1.getClassById)(state.classState, {
+                classId: accAndClass.classId,
+                reportId: 'class_list',
+            })
+            : undefined,
+        balancesByMonth: accAndClass.balancesByMonth,
+    }));
+    return {
+        fluxAnalysisEntityId: operatingExpense.fluxAnalysisEntityId,
+        vendor,
+        reviewedByUser: operatingExpense.userId != null
+            ? (0, userSelector_1.getUserByUserId)(state.userState, operatingExpense.userId)
+            : undefined,
+        varianceAmount: operatingExpense.varianceAmount,
+        variancePercentage: operatingExpense.variancePercentage,
+        currency: operatingExpense.currency,
+        anomalyReason: operatingExpense.anomalyReason,
+        status: operatingExpense.status,
+        balancesByMonth: operatingExpense.balancesByMonth,
+        vendorAccountsAndClasses,
+    };
+};

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

@@ -4,7 +4,8 @@ import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/
 import { SortOrder } from '../../../commonStateTypes/selectorTypes/sortOrderTypes';
 import { MonthYearPeriodId } from '../../../commonStateTypes/timePeriod';
 import { PageToken } from '../../../commonStateTypes/viewAndReport/viewAndReport';
-declare const toFluxAnalysisSortKey: (v: string) => "vendor" | "class" | "category";
+import { FluxAnalysisSectionType } from '../selectorTypes/fluxAnalysisViewSelectorTypes';
+declare const toFluxAnalysisSortKey: (v: string) => "vendor" | "status" | "variance";
 export type FluxAnalysisSortKey = ReturnType<typeof toFluxAnalysisSortKey>;
 export type FluxAnalysisActionType = 'review' | 'unreview';
 export type FluxAnalysisReviewStatus = 'Pending Review' | 'Reviewed';
@@ -12,21 +13,32 @@ export interface FluxBalancesByMonth {
     month1: COABalance;
     month2: COABalance;
 }
+export interface BalancesAndVariance {
+    balancesByMonth: FluxBalancesByMonth | undefined;
+    varianceAmount: number;
+    variancePercentage: number;
+}
 export interface FluxAnalysisEntities {
     operatingExpenses: FluxAnalysisOperatingExpense[];
 }
-export interface FluxAnalysisOperatingExpense {
-    operatingExpenseId: ID;
-    vendorId: ID;
+export interface FluxVendorAccountsAndClasses extends BalancesAndVariance {
     accountId: ID | undefined;
     classId: ID | undefined;
+}
+export interface FluxAnalysisOperatingExpense extends BalancesAndVariance {
+    fluxAnalysisEntityId: ID;
+    vendorId: ID;
+    vendorAccountsAndClasses: FluxVendorAccountsAndClasses[];
     userId: ID | undefined;
-    varianceAmount: number;
-    variancePercentage: number;
     currency: Currency;
     anomalyReason: string;
     status: FluxAnalysisReviewStatus;
-    balancesByMonth?: FluxBalancesByMonth;
+}
+interface GroupPaginationInfo {
+    pageToken: PageToken;
+    hasMore: boolean;
+    limit?: number;
+    totalCount: number;
 }
 export interface FluxAnalysisViewUIState {
     sortKey: FluxAnalysisSortKey;
@@ -36,19 +48,32 @@ export interface FluxAnalysisViewUIState {
         scrollTop: number;
         scrollLeft?: number;
     } | undefined;
-    pageToken: PageToken;
-    hasMore: boolean;
-    limit?: number;
-    totalCount: number;
+    paginationInfoByGroup: {
+        generalExpense: GroupPaginationInfo;
+        reimbursement: GroupPaginationInfo;
+    };
+    collapsableStatus: {
+        [nodeId: string]: boolean;
+    };
+}
+export interface FluxAnalysisViewGroup {
+    fetchStatus: FetchStateAndError;
+    operatingExpenseIds: ID[];
+    total: BalancesAndVariance | undefined;
+}
+export interface FluxAnalysisViewGroups {
+    generalExpense: FluxAnalysisViewGroup;
+    reimbursement: FluxAnalysisViewGroup;
 }
 export interface FluxAnalysisViewState extends FetchedState {
-    fluxAnalysisReportGenerated: boolean;
     fluxAnalysisEntities: FluxAnalysisEntities;
-    operatingExpenseIdsBySelectedPeriod: Record<MonthYearPeriodId, ID[]>;
-    reviewStatusById: Record<ID, FetchStateAndError>;
+    groupsBySelectedPeriod: Record<MonthYearPeriodId, FluxAnalysisViewGroups>;
+    totalBalancesAndVariance: BalancesAndVariance | undefined;
     bulkReviewStatus: FetchStateAndError;
     refreshStatus: FetchStateAndError;
     uiState: FluxAnalysisViewUIState;
-    reviewOperatingExpensesIds: ID[];
+    currency: Currency;
+    reviewOperatingExpenseIdsByPeriod: Record<MonthYearPeriodId, ID[]>;
+    selectedSectionIdsByPeriod: Record<MonthYearPeriodId, FluxAnalysisSectionType[]>;
 }
 export {};

package/lib/view/expenseAutomationView/types/fluxAnalysisViewState.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
-const FLUX_ANALYSIS_SORT_KEYS = ['vendor', 'category', 'class'];
+const FLUX_ANALYSIS_SORT_KEYS = ['vendor', 'variance', 'status'];
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const toFluxAnalysisSortKey = (v) => (0, stringToUnion_1.stringToUnion)(v, FLUX_ANALYSIS_SORT_KEYS);

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

@@ -17,6 +17,7 @@ import { EntityRecommendationKey } from '../../recommendation/recommendationStat
 import { TransactionDetailKey } from '../../transactionDetail/transactionDetailState';
 export declare const toTransactionsSortKey: (v: string) => "date" | "vendor" | "amount" | "class" | "transaction_type" | "memo" | "category";
 export type TransactionsSortKey = ReturnType<typeof toTransactionsSortKey>;
+export declare const TRANSACTIONS_TABS: readonly ["review", "autoCategorized"];
 export declare const toTransactionsTabKey: (v: string) => "review" | "autoCategorized";
 export type TransactionsTab = ReturnType<typeof toTransactionsTabKey>;
 export declare const getTransactionCategorizationKey: (transactionId: TransactionID, lineId: ID) => `${string}_invoice_${string}` | `${string}_payment_${string}` | `${string}_credit_memo_${string}` | `${string}_sales_receipt_${string}` | `${string}_delayed_credit_${string}` | `${string}_delayed_charge_${string}` | `${string}_refund_${string}` | `${string}_expense_${string}` | `${string}_check_${string}` | `${string}_bill_${string}` | `${string}_bill_payment_${string}` | `${string}_bill_payment_check_${string}` | `${string}_bill_payment_credit_card_${string}` | `${string}_vendor_credit_${string}` | `${string}_credit_card_credit_${string}` | `${string}_transfer_${string}` | `${string}_credit_card_payment_${string}` | `${string}_deposit_${string}` | `${string}_journal_entry_${string}`;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.initialSupportedTransactionCategorization = exports.getTransactionCategorizationKey = exports.toTransactionsTabKey = exports.toTransactionsSortKey = void 0;
+exports.initialSupportedTransactionCategorization = exports.getTransactionCategorizationKey = exports.toTransactionsTabKey = exports.TRANSACTIONS_TABS = exports.toTransactionsSortKey = void 0;
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 const transactionDetailState_1 = require("../../transactionDetail/transactionDetailState");
 const TRANSACTIONS_SORT_KEYS = [
@@ -14,8 +14,8 @@ const TRANSACTIONS_SORT_KEYS = [
 ];
 const toTransactionsSortKey = (v) => (0, stringToUnion_1.stringToUnion)(v, TRANSACTIONS_SORT_KEYS);
 exports.toTransactionsSortKey = toTransactionsSortKey;
-const TRANSACTIONS_TABS = ['review', 'autoCategorized'];
-const toTransactionsTabKey = (v) => (0, stringToUnion_1.stringToUnion)(v, TRANSACTIONS_TABS);
+exports.TRANSACTIONS_TABS = ['review', 'autoCategorized'];
+const toTransactionsTabKey = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.TRANSACTIONS_TABS);
 exports.toTransactionsTabKey = toTransactionsTabKey;
 // This transaction key only extracts the third party ID and uses that
 // for the ID

package/lib/view/onboardingView/cockpitView/epic/initializeOnboardingCustomerViewUpdateDataEpic.js

@@ -13,7 +13,7 @@ const addressViewReducer_1 = require("../../../addressView/addressViewReducer");
 const onboardingCockpitViewReducer_1 = require("../onboardingCockpitViewReducer");
 const initializeOnboardingCustomerViewUpdateDataEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(onboardingCockpitViewReducer_1.initializeOnboardingCustomerViewUpdateData.match), (0, operators_1.mergeMap)((action) => {
     var _a, _b, _c;
-    const { companyId } = action.payload;
+    const { companyId, isDebitCardFlagEnabled } = action.payload;
     const fetchActions = [];
     if (companyId != null) {
         const onboardingCustomerInfo = (0, onboardingCustomerSelector_1.getOnboardingCustomersByCompanyId)(state$.value.onboardingCustomerState, companyId);
@@ -57,7 +57,7 @@ const initializeOnboardingCustomerViewUpdateDataEpic = (actions$, state$) => act
                 accountingConnectionCreationMode: ((_b = company.company.companyOnboardingInfo.onboardingInfo) === null || _b === void 0 ? void 0 : _b.accountingConnectionCreationMode) != null
                     ? (0, companyStateTypes_1.toAccountingConnectionCreationModeStrict)((_c = company.company.companyOnboardingInfo.onboardingInfo) === null || _c === void 0 ? void 0 : _c.accountingConnectionCreationMode)
                     : undefined,
-                selectedProducts: getSelectedProducts(tenant),
+                selectedProducts: getSelectedProducts(isDebitCardFlagEnabled, tenant),
             };
             if (onboardingCustomerId != null) {
                 const onboardingCustomerDetails = (0, userSelector_1.getUserByUserId)(state$.value.userState, onboardingCustomerId);
@@ -106,11 +106,11 @@ const initializeOnboardingCustomerViewUpdateDataEpic = (actions$, state$) => act
     return (0, rxjs_1.from)(fetchActions);
 }));
 exports.initializeOnboardingCustomerViewUpdateDataEpic = initializeOnboardingCustomerViewUpdateDataEpic;
-const getSelectedProducts = (tenant) => {
+const getSelectedProducts = (isDebitCardFlagEnabled, tenant) => {
     if (tenant == null) {
         return [];
     }
-    const isBankingOnly = (0, tenantSelector_1.isTenantBankingOnly)(tenant);
+    const isBankingOnly = (0, tenantSelector_1.isTenantBankingOnly)(isDebitCardFlagEnabled, tenant);
     const isBookkeepingEnabled = (0, tenantSelector_1.isTenantBookkeepingEnabled)(tenant);
     const isOtherProductsEnabled = (0, tenantSelector_1.isOtherProductsEnabledForTenant)(tenant);
     const isCardsEnabled = (0, tenantSelector_1.isTenantCardsOnly)(tenant);

package/lib/view/onboardingView/cockpitView/onboardingCockpitViewReducer.d.ts

@@ -30,8 +30,9 @@ export declare const fetchCompanyOnboardingView: import("@reduxjs/toolkit").Acti
     onboardingEmailGroup: OnboardingEmailGroupPayload;
 }, "onboardingCockpitView/updateOnboardingEmailGroupOnSuccess", never, never>, updateOnboardingEmailGroupOnFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>], {
     error: ZeniAPIStatus<Record<string, unknown>>;
-}, "onboardingCockpitView/updateOnboardingEmailGroupOnFailure", never, never>, initializeOnboardingCustomerViewUpdateData: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId?: string | undefined], {
+}, "onboardingCockpitView/updateOnboardingEmailGroupOnFailure", never, never>, initializeOnboardingCustomerViewUpdateData: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[isDebitCardFlagEnabled: boolean, companyId?: string | undefined], {
     companyId: string | undefined;
+    isDebitCardFlagEnabled: boolean;
 }, "onboardingCockpitView/initializeOnboardingCustomerViewUpdateData", never, never>, saveOnboardingCustomerViewUpdateData: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[newOnboardingCustomer: Partial<NewOnboardingCustomer>], {
     newOnboardingCustomer: Partial<NewOnboardingCustomer>;
 }, "onboardingCockpitView/saveOnboardingCustomerViewUpdateData", never, never>, clearOnboardingCustomerViewUpdateData: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"onboardingCockpitView/clearOnboardingCustomerViewUpdateData">, saveOnboardingCustomerViewUpdates: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[sendInvite: boolean, skipSnackbarOnSuccess?: boolean | undefined], {

package/lib/view/onboardingView/cockpitView/onboardingCockpitViewReducer.js

@@ -130,8 +130,8 @@ const onboardingCockpitView = (0, toolkit_1.createSlice)({
             reducer(draft) {
                 draft.customerLocalStoreInitState = 'In-Progress';
             },
-            prepare(companyId) {
-                return { payload: { companyId } };
+            prepare(isDebitCardFlagEnabled, companyId) {
+                return { payload: { companyId, isDebitCardFlagEnabled } };
             },
         },
         saveOnboardingCustomerViewUpdateData: {

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

@@ -1,15 +1,15 @@
 import { CurrentTenant } from '../../entity/tenant/tenantSelector';
 import { RoleMap, UserRoleType } from '../../entity/userRole/userRoleType';
 import { MonthEndInsightsNotificationSettingsData, NotificationSettingsData, ReminderNotificationSettingsData } from './settingsViewState';
-export declare const isAccountingTabVisible: (userRole: UserRoleType[], currentTenant: CurrentTenant | undefined, userRoleMap?: RoleMap) => boolean;
-export declare const isApprovalRulesTabVisible: (userRole: UserRoleType[], currentTenant: CurrentTenant | undefined, userRoleMap?: RoleMap) => boolean;
+export declare const isAccountingTabVisible: (userRole: UserRoleType[], isDebitCardFlagEnabled: boolean, currentTenant: CurrentTenant | undefined, userRoleMap?: RoleMap) => boolean;
+export declare const isApprovalRulesTabVisible: (userRole: UserRoleType[], isDebitCardFlagEnabled: boolean, currentTenant: CurrentTenant | undefined, userRoleMap?: RoleMap) => boolean;
 export declare const isBillingTabVisible: (userRole: UserRoleType[], currentTenant: CurrentTenant | undefined) => boolean;
 export declare const isBankConnectionsTabVisible: (currentTenant: CurrentTenant | undefined, userRoleMap?: RoleMap) => boolean;
 export declare const isBusinessVerificationTabVisible: (currentTenant: CurrentTenant | undefined, userRoleMap?: RoleMap) => boolean;
 export declare const isCompanyDetailsTabVisible: (userRole: UserRoleType[], currentTenant: CurrentTenant | undefined, userRoleMap?: RoleMap) => boolean;
-export declare const isIntegrationsTabVisible: (userRole: UserRoleType[], currentTenant: CurrentTenant | undefined) => boolean;
+export declare const isIntegrationsTabVisible: (userRole: UserRoleType[], isDebitCardFlagEnabled: boolean, currentTenant: CurrentTenant | undefined) => boolean;
 export declare const isSettingsVisible: (currentTenant: CurrentTenant | undefined) => boolean;
 export declare const isMyBankConnectionsTabVisible: (currentTenant: CurrentTenant | undefined, userRoleMap?: RoleMap) => boolean;
 export declare const isRemindersSectionVisibleOnSettingsPage: (reminderNotificationSettings: ReminderNotificationSettingsData) => boolean;
 export declare const isMonthEndNotificationsSectionVisibleOnSettingsPage: (monthEndInsightsNotificationSettings: MonthEndInsightsNotificationSettingsData, signedInUseEmail: string) => boolean;
-export declare const isNotificationsTabVisible: (notificationSettings: NotificationSettingsData, signedInUseEmail: string, currentTenant: CurrentTenant | undefined) => boolean;
+export declare const isNotificationsTabVisible: (notificationSettings: NotificationSettingsData, isDebitCardFlagEnabled: boolean, signedInUseEmail: string, currentTenant: CurrentTenant | undefined) => boolean;

package/lib/view/settingsView/settingsViewHelpers.js

@@ -4,7 +4,7 @@ exports.isNotificationsTabVisible = exports.isMonthEndNotificationsSectionVisibl
 const tenantSelector_1 = require("../../entity/tenant/tenantSelector");
 const userRoleType_1 = require("../../entity/userRole/userRoleType");
 const vendorListSelector_1 = require("../vendorList/vendorListSelector");
-const isAccountingTabVisible = (userRole, currentTenant, userRoleMap) => {
+const isAccountingTabVisible = (userRole, isDebitCardFlagEnabled, currentTenant, userRoleMap) => {
     if (currentTenant == null) {
         return false;
     }
@@ -13,7 +13,7 @@ const isAccountingTabVisible = (userRole, currentTenant, userRoleMap) => {
             (0, userRoleType_1.hasBillPayAccessible)(currentTenant, userRoleMap) ||
             (0, userRoleType_1.hasReimbursementAccessible)(currentTenant, userRoleMap) ||
             (0, userRoleType_1.hasFullOrAdminLevelAccess)(userRole)) &&
-            (0, tenantSelector_1.isTenantBankingOnly)(currentTenant) === false &&
+            (0, tenantSelector_1.isTenantBankingOnly)(isDebitCardFlagEnabled, currentTenant) === false &&
             (0, tenantSelector_1.isTenantCardsOnly)(currentTenant) === false);
     }
     else {
@@ -21,7 +21,7 @@ const isAccountingTabVisible = (userRole, currentTenant, userRoleMap) => {
     }
 };
 exports.isAccountingTabVisible = isAccountingTabVisible;
-const isApprovalRulesTabVisible = (userRole, currentTenant, userRoleMap) => {
+const isApprovalRulesTabVisible = (userRole, isDebitCardFlagEnabled, currentTenant, userRoleMap) => {
     var _a, _b;
     if (currentTenant == null || userRoleMap == null) {
         return false;
@@ -33,7 +33,7 @@ const isApprovalRulesTabVisible = (userRole, currentTenant, userRoleMap) => {
             (0, userRoleType_1.hasReimbursementAccessible)(currentTenant, userRoleMap) ||
             ((isBillPayTOSAccepted || isReimbursementTOSAccepted) &&
                 (0, userRoleType_1.hasFullOrAdminLevelAccess)(userRole))) &&
-            (0, tenantSelector_1.isTenantBankingOnly)(currentTenant) === false &&
+            (0, tenantSelector_1.isTenantBankingOnly)(isDebitCardFlagEnabled, currentTenant) === false &&
             (0, tenantSelector_1.isTenantCardsOnly)(currentTenant) === false);
     }
     else {
@@ -97,13 +97,14 @@ const isCompanyDetailsTabVisible = (userRole, currentTenant, userRoleMap) => {
     }
 };
 exports.isCompanyDetailsTabVisible = isCompanyDetailsTabVisible;
-const isIntegrationsTabVisible = (userRole, currentTenant) => {
+const isIntegrationsTabVisible = (userRole, isDebitCardFlagEnabled, currentTenant) => {
     if (currentTenant == null) {
         return false;
     }
     if ((0, exports.isSettingsVisible)(currentTenant)) {
         return ((0, userRoleType_1.hasFullOrAdminLevelAccess)(userRole) &&
-            !((0, tenantSelector_1.isTenantBankingOnly)(currentTenant) || (0, tenantSelector_1.isTenantCardsOnly)(currentTenant)));
+            !((0, tenantSelector_1.isTenantBankingOnly)(isDebitCardFlagEnabled, currentTenant) ||
+                (0, tenantSelector_1.isTenantCardsOnly)(currentTenant)));
     }
     else {
         return false;
@@ -145,14 +146,14 @@ const isMonthEndNotificationsSectionVisibleOnSettingsPage = (monthEndInsightsNot
         monthEndInsightsNotificationSettings.recipientEmailIds.includes(signedInUseEmail));
 };
 exports.isMonthEndNotificationsSectionVisibleOnSettingsPage = isMonthEndNotificationsSectionVisibleOnSettingsPage;
-const isNotificationsTabVisible = (notificationSettings, signedInUseEmail, currentTenant) => {
+const isNotificationsTabVisible = (notificationSettings, isDebitCardFlagEnabled, signedInUseEmail, currentTenant) => {
     if (currentTenant == null) {
         return false;
     }
     const { reminderNotificationSettings, monthEndInsightsNotificationSettings } = notificationSettings;
     return (((0, exports.isRemindersSectionVisibleOnSettingsPage)(reminderNotificationSettings) ||
         (0, exports.isMonthEndNotificationsSectionVisibleOnSettingsPage)(monthEndInsightsNotificationSettings, signedInUseEmail)) &&
-        (0, tenantSelector_1.isTenantBankingOnly)(currentTenant) === false &&
+        (0, tenantSelector_1.isTenantBankingOnly)(isDebitCardFlagEnabled, currentTenant) === false &&
         (0, tenantSelector_1.isTenantCardsOnly)(currentTenant) === false);
 };
 exports.isNotificationsTabVisible = isNotificationsTabVisible;

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

@@ -48,7 +48,7 @@ const getReviewPageBillDetail = (state, billId) => {
     let file;
     let contactDetails = [];
     const primaryPaymentAccount = (0, paymentAccountSelector_1.getPaymentAccountsByPaymentAccountIds)(paymentAccountState, paymentAccountListState.paymentAccountIds);
-    const allDepositAccounts = (0, depositAccountListSelector_1.getAllDepostAccounts)(depositAccountState, depositAccountListState).depositAccounts;
+    const allDepositAccounts = (0, depositAccountListSelector_1.getAllDepositAccounts)(depositAccountState, depositAccountListState).depositAccounts;
     const withdrawFromList = (0, setupViewSelector_1.getAllFundingAccounts)(allDepositAccounts, primaryPaymentAccount, paymentAccountListState.paymentAccountBalanceFetchStatus);
     let fetchState = 'Not-Started';
     let sourceBillDetailFetchState = 'Not-Started';

package/lib/view/spendManagement/billPay/editBillView/editBillViewReducer.d.ts

@@ -2,6 +2,7 @@ import { Amount } from '../../../../commonStateTypes/amount';
 import { FetchState, FetchStateAndError, ID } from '../../../../commonStateTypes/common';
 import { AmountPayload } from '../../../../entity/reimbursement/reimbursementPayload';
 import { ZeniAPIStatus } from '../../../../responsePayload';
+import { FundingAccount } from '../../commonSetup/setupViewSelector';
 import { InvoiceProcessingPayload } from './editBillViewPayload';
 import { AddBillAutoFields, BillDetailLocalData, EditBillDetailViewState, OutsideZeniPaymentLocalData } from './editBillViewState';
 export declare const initialState: EditBillDetailViewState;
@@ -82,6 +83,10 @@ export declare const fetchEditBillDetailPage: import("@reduxjs/toolkit").ActionC
     billId?: ID;
 }, "editBillView/updateOutsideZeniPaymentLocalData">, discardOutsideZeniPaymentLocalData: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     billId?: ID;
-}, "editBillView/discardOutsideZeniPaymentLocalData">;
+}, "editBillView/discardOutsideZeniPaymentLocalData">, updateNewAddedBillPaymentAccount: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "editBillView/updateNewAddedBillPaymentAccount">, updateWithdrawFromAccountId: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    billId?: ID;
+    withdrawFromAccountId?: ID;
+    withdrawFromList: FundingAccount[];
+}, "editBillView/updateWithdrawFromAccountId">;
 declare const _default: import("redux").Reducer<EditBillDetailViewState>;
 export default _default;

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

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.discardOutsideZeniPaymentLocalData = exports.updateOutsideZeniPaymentLocalData = exports.markBillForRetry = exports.waitForVendorByIdThenSaveBillUpdatetoLocalStore = exports.fetchVendorAndUpdateBillLocalData = exports.updateHomeCurrencyConversion = exports.currencyConversionValueSuccessOrFailure = exports.convertAmountToHomeCurrency = exports.updateVendorContactSuccessOrFailure = exports.updateVendorContact = exports.updateSuggestedVendorIdFromParsedInvoice = exports.updateRecommendedVendorId = exports.updateBillUploadFetchState = exports.updateAddBillAutoFields = exports.updateShowAutofill = exports.updateInternationalTransferFeeBearerPaymentMethodInLocalData = exports.waitForVendorByNameThenParsetoLocalStore = exports.waitForBillDetailThenInitializeLocalStore = exports.clearEditBillViewDetail = exports.parseInvoiceToBill = exports.updateEditBillFetchStateCompleted = exports.saveBillSuccessOrFailure = exports.saveBillDetail = exports.discardBillUpdatesInLocalStore = exports.saveBillUpdatesToLocalStore = exports.initializeBillToLocalStore = exports.fetchVendorByNameAndParseInvoice = exports.fetchBillAndInitializeLocalStore = exports.fetchEditBillDetailPage = exports.initialState = void 0;
+exports.updateWithdrawFromAccountId = exports.updateNewAddedBillPaymentAccount = exports.discardOutsideZeniPaymentLocalData = exports.updateOutsideZeniPaymentLocalData = exports.markBillForRetry = exports.waitForVendorByIdThenSaveBillUpdatetoLocalStore = exports.fetchVendorAndUpdateBillLocalData = exports.updateHomeCurrencyConversion = exports.currencyConversionValueSuccessOrFailure = exports.convertAmountToHomeCurrency = exports.updateVendorContactSuccessOrFailure = exports.updateVendorContact = exports.updateSuggestedVendorIdFromParsedInvoice = exports.updateRecommendedVendorId = exports.updateBillUploadFetchState = exports.updateAddBillAutoFields = exports.updateShowAutofill = exports.updateInternationalTransferFeeBearerPaymentMethodInLocalData = exports.waitForVendorByNameThenParsetoLocalStore = exports.waitForBillDetailThenInitializeLocalStore = exports.clearEditBillViewDetail = exports.parseInvoiceToBill = exports.updateEditBillFetchStateCompleted = exports.saveBillSuccessOrFailure = exports.saveBillDetail = exports.discardBillUpdatesInLocalStore = exports.saveBillUpdatesToLocalStore = exports.initializeBillToLocalStore = exports.fetchVendorByNameAndParseInvoice = exports.fetchBillAndInitializeLocalStore = exports.fetchEditBillDetailPage = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const amount_1 = require("../../../../commonStateTypes/amount");
 const helpers_1 = require("../../helpers");
@@ -14,6 +14,7 @@ exports.initialState = {
         fetchState: 'Not-Started',
         error: undefined,
     },
+    newAddedBillPaymentAccountId: undefined,
 };
 const editBillView = (0, toolkit_1.createSlice)({
     name: 'editBillView',
@@ -366,12 +367,29 @@ const editBillView = (0, toolkit_1.createSlice)({
             const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(action.payload.billId);
             draft.editBillStateById[key].isBillMarkedForRetry = true;
         },
+        updateNewAddedBillPaymentAccount(draft, action) {
+            draft.newAddedBillPaymentAccountId = action.payload;
+        },
+        updateWithdrawFromAccountId(draft, action) {
+            const { billId, withdrawFromAccountId, withdrawFromList } = action.payload;
+            if (withdrawFromAccountId != null && withdrawFromList.length > 0) {
+                const newAddedAccount = withdrawFromList.find((account) => account.id === withdrawFromAccountId);
+                if (billId != null) {
+                    const billKey = (0, billDetailViewState_1.getBillTransactionDetailKey)(billId);
+                    draft.editBillStateById[billKey].billDetailLocalData.paymentDetailsSection = Object.assign(Object.assign({}, draft.editBillStateById[billKey].billDetailLocalData
+                        .paymentDetailsSection), { withdrawFrom: newAddedAccount });
+                }
+                else {
+                    draft.newBillState.billDetailLocalData.paymentDetailsSection = Object.assign(Object.assign({}, draft.newBillState.billDetailLocalData.paymentDetailsSection), { withdrawFrom: newAddedAccount });
+                }
+            }
+        },
         clearEditBillViewDetail(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = editBillView.actions, exports.fetchEditBillDetailPage = _a.fetchEditBillDetailPage, exports.fetchBillAndInitializeLocalStore = _a.fetchBillAndInitializeLocalStore, exports.fetchVendorByNameAndParseInvoice = _a.fetchVendorByNameAndParseInvoice, exports.initializeBillToLocalStore = _a.initializeBillToLocalStore, exports.saveBillUpdatesToLocalStore = _a.saveBillUpdatesToLocalStore, exports.discardBillUpdatesInLocalStore = _a.discardBillUpdatesInLocalStore, exports.saveBillDetail = _a.saveBillDetail, exports.saveBillSuccessOrFailure = _a.saveBillSuccessOrFailure, exports.updateEditBillFetchStateCompleted = _a.updateEditBillFetchStateCompleted, exports.parseInvoiceToBill = _a.parseInvoiceToBill, exports.clearEditBillViewDetail = _a.clearEditBillViewDetail, exports.waitForBillDetailThenInitializeLocalStore = _a.waitForBillDetailThenInitializeLocalStore, exports.waitForVendorByNameThenParsetoLocalStore = _a.waitForVendorByNameThenParsetoLocalStore, exports.updateInternationalTransferFeeBearerPaymentMethodInLocalData = _a.updateInternationalTransferFeeBearerPaymentMethodInLocalData, exports.updateShowAutofill = _a.updateShowAutofill, exports.updateAddBillAutoFields = _a.updateAddBillAutoFields, exports.updateBillUploadFetchState = _a.updateBillUploadFetchState, exports.updateRecommendedVendorId = _a.updateRecommendedVendorId, exports.updateSuggestedVendorIdFromParsedInvoice = _a.updateSuggestedVendorIdFromParsedInvoice, exports.updateVendorContact = _a.updateVendorContact, exports.updateVendorContactSuccessOrFailure = _a.updateVendorContactSuccessOrFailure, exports.convertAmountToHomeCurrency = _a.convertAmountToHomeCurrency, exports.currencyConversionValueSuccessOrFailure = _a.currencyConversionValueSuccessOrFailure, exports.updateHomeCurrencyConversion = _a.updateHomeCurrencyConversion, exports.fetchVendorAndUpdateBillLocalData = _a.fetchVendorAndUpdateBillLocalData, exports.waitForVendorByIdThenSaveBillUpdatetoLocalStore = _a.waitForVendorByIdThenSaveBillUpdatetoLocalStore, exports.markBillForRetry = _a.markBillForRetry, exports.updateOutsideZeniPaymentLocalData = _a.updateOutsideZeniPaymentLocalData, exports.discardOutsideZeniPaymentLocalData = _a.discardOutsideZeniPaymentLocalData;
+_a = editBillView.actions, exports.fetchEditBillDetailPage = _a.fetchEditBillDetailPage, exports.fetchBillAndInitializeLocalStore = _a.fetchBillAndInitializeLocalStore, exports.fetchVendorByNameAndParseInvoice = _a.fetchVendorByNameAndParseInvoice, exports.initializeBillToLocalStore = _a.initializeBillToLocalStore, exports.saveBillUpdatesToLocalStore = _a.saveBillUpdatesToLocalStore, exports.discardBillUpdatesInLocalStore = _a.discardBillUpdatesInLocalStore, exports.saveBillDetail = _a.saveBillDetail, exports.saveBillSuccessOrFailure = _a.saveBillSuccessOrFailure, exports.updateEditBillFetchStateCompleted = _a.updateEditBillFetchStateCompleted, exports.parseInvoiceToBill = _a.parseInvoiceToBill, exports.clearEditBillViewDetail = _a.clearEditBillViewDetail, exports.waitForBillDetailThenInitializeLocalStore = _a.waitForBillDetailThenInitializeLocalStore, exports.waitForVendorByNameThenParsetoLocalStore = _a.waitForVendorByNameThenParsetoLocalStore, exports.updateInternationalTransferFeeBearerPaymentMethodInLocalData = _a.updateInternationalTransferFeeBearerPaymentMethodInLocalData, exports.updateShowAutofill = _a.updateShowAutofill, exports.updateAddBillAutoFields = _a.updateAddBillAutoFields, exports.updateBillUploadFetchState = _a.updateBillUploadFetchState, exports.updateRecommendedVendorId = _a.updateRecommendedVendorId, exports.updateSuggestedVendorIdFromParsedInvoice = _a.updateSuggestedVendorIdFromParsedInvoice, exports.updateVendorContact = _a.updateVendorContact, exports.updateVendorContactSuccessOrFailure = _a.updateVendorContactSuccessOrFailure, exports.convertAmountToHomeCurrency = _a.convertAmountToHomeCurrency, exports.currencyConversionValueSuccessOrFailure = _a.currencyConversionValueSuccessOrFailure, exports.updateHomeCurrencyConversion = _a.updateHomeCurrencyConversion, exports.fetchVendorAndUpdateBillLocalData = _a.fetchVendorAndUpdateBillLocalData, exports.waitForVendorByIdThenSaveBillUpdatetoLocalStore = _a.waitForVendorByIdThenSaveBillUpdatetoLocalStore, exports.markBillForRetry = _a.markBillForRetry, exports.updateOutsideZeniPaymentLocalData = _a.updateOutsideZeniPaymentLocalData, exports.discardOutsideZeniPaymentLocalData = _a.discardOutsideZeniPaymentLocalData, exports.updateNewAddedBillPaymentAccount = _a.updateNewAddedBillPaymentAccount, exports.updateWithdrawFromAccountId = _a.updateWithdrawFromAccountId;
 exports.default = editBillView.reducer;
 function doUpdateRecurringBillLocalData(billDetail, currentConfig, prevConfig) {
     var _a, _b, _c, _d;

package/lib/view/spendManagement/billPay/editBillView/editBillViewSelector.d.ts

@@ -8,6 +8,7 @@ import { AccountBase, RecommendedAccountBase } from '../../../../entity/account/
 import { BillPayInfo, BillPaymentMethod, BillStageCodeType, BillTransaction, InternationalTransferFeeBearerPaymentMethod } from '../../../../entity/billPay/billTransaction/billTransactionState';
 import { RecurringBillState } from '../../../../entity/billPay/recurringBills/recurringBillsState';
 import { ClassBase, RecommendedClassBase } from '../../../../entity/class/classState';
+import { PaymentAccount } from '../../../../entity/paymentAccount/paymentAccountState';
 import { PiLabel } from '../../../../entity/paymentInstrument/paymentInstrument';
 import { LoggedInUser } from '../../../../entity/tenant/tenantState';
 import { Attachment } from '../../../../entity/transaction/stateTypes/attachment';
@@ -22,6 +23,7 @@ import { ClassListSelectorView } from '../../../classList/classListSelector';
 import { VendorDetailLocalData } from '../../../commonVendorView/vendorView/vendorViewState';
 import { ActivityHistorySelectorView } from '../../commonHistoryView/commonHistorySelector';
 import { FundingAccount } from '../../commonSetup/setupViewSelector';
+import { PlaidConnectionDetails } from '../../plaidAccount/plaidAccountViewState';
 import { BillActivity } from '../billDetailView/billDetailViewSelector';
 import { AccountTypeSubConfigCodeKeyType, BillPayConfig, BillPayConfigState } from '../billPayConfig/billPayConfigState';
 import { DuplicateBillsSelectorView } from '../billPayReview/billPayReviewSelector';
@@ -112,6 +114,9 @@ export interface EditBillDetailSelectorView extends SelectorView {
     isBillMarkedForRetry?: boolean;
     internationalWireOnboardingStatus?: AllowedValueWithCode;
     isEligibleForRetryOBP?: boolean;
+    plaidConnectionDetails: PlaidConnectionDetails;
+    paymentAccount?: PaymentAccount;
+    newAddedBillPaymentAccountId?: ID;
 }
 export interface EditBillInitialDetails {
     vendor?: Vendor;

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

@@ -25,6 +25,7 @@ const getCompanyView_1 = require("../../../companyView/selectorHelpers/getCompan
 const commonHistorySelector_1 = require("../../commonHistoryView/commonHistorySelector");
 const setupViewSelector_1 = require("../../commonSetup/setupViewSelector");
 const helpers_1 = require("../../helpers");
+const plaidAccountViewSelector_1 = require("../../plaidAccount/plaidAccountViewSelector");
 const depositAccountListSelector_1 = require("../../zeniAccounts/depositAccountList/depositAccountListSelector");
 const billDetailViewSelector_1 = require("../billDetailView/billDetailViewSelector");
 const billDetailViewState_1 = require("../billDetailView/billDetailViewState");
@@ -36,7 +37,7 @@ const billPaySetupApproverViewSelector_1 = require("../billPaySetupApproverView/
 const previousBillsSelector_1 = require("../previousBills/previousBillsSelector");
 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;
-    const { accountListState, accountState, bankAccountState, billDetailViewState, paymentAccountListState, billTransactionState, billPayConfigState, classListState, classState, editBillDetailViewState, paymentAccountState, vendorState, tenantState, companyState, userState, commonHistoryState, contactState, paymentInstrumentState, recurringBillState, depositAccountListState, depositAccountState, billPaySetupApproverViewState, } = state;
+    const { accountListState, accountState, bankAccountState, billDetailViewState, paymentAccountListState, billTransactionState, billPayConfigState, classListState, classState, editBillDetailViewState, paymentAccountState, vendorState, tenantState, companyState, userState, commonHistoryState, contactState, paymentInstrumentState, recurringBillState, depositAccountListState, depositAccountState, billPaySetupApproverViewState, plaidAccountViewState, } = state;
     const transaction = (0, get_1.default)(billTransactionState.transactionById, billId !== null && billId !== void 0 ? billId : '', undefined);
     let recommendations = {};
     if (billId != null) {
@@ -85,7 +86,7 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
         : undefined;
     const isCompanyZeniAccountsSetUpDone = (_g = currentCompany === null || currentCompany === void 0 ? void 0 : currentCompany.company.companyZeniAccountInfo.isZeniAccountEnabled) !== null && _g !== void 0 ? _g : false;
     const allDepositAccounts = isZeniAccountsEnabled && isCompanyZeniAccountsSetUpDone
-        ? (0, depositAccountListSelector_1.getAllDepostAccounts)(depositAccountState, depositAccountListState)
+        ? (0, depositAccountListSelector_1.getAllDepositAccounts)(depositAccountState, depositAccountListState)
             .depositAccounts
         : [];
     if (allDepositAccounts.length === 0 && fromDepositAccount != null) {
@@ -324,6 +325,9 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
     const internationalWireOnboardingStatus = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyBillPayInfo.internationalWireOnboardingStatus;
     const billTransactionDetails = (0, get_1.default)(billDetailViewState.billDetailById, key, undefined);
     const isEligibleForRetryOBP = billTransactionDetails === null || billTransactionDetails === void 0 ? void 0 : billTransactionDetails.zeniAssist.isEligibleForRetryOBP;
+    const { plaidConnectionDetails } = (0, plaidAccountViewSelector_1.getPlaidAccountDetails)(plaidAccountViewState, 'bill_pay_detail');
+    const { paymentAccount } = (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId !== null && companyId !== void 0 ? companyId : '', 'bill_pay', 'bill_pay_detail');
+    const newAddedBillPaymentAccountId = editBillDetailViewState.newAddedBillPaymentAccountId;
     return {
         showVendorGptRecommendationText,
         recommendedVendor,
@@ -375,6 +379,9 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
         isBillMarkedForRetry,
         internationalWireOnboardingStatus,
         isEligibleForRetryOBP,
+        plaidConnectionDetails,
+        paymentAccount,
+        newAddedBillPaymentAccountId,
     };
 };
 exports.getEditBillDetail = getEditBillDetail;