@zeniai/client-epic-state 4.12.65 → 4.12.66

package/lib/view/commonVendorView/vendorsTabVendorView/vendorsTabVendorViewReducer.d.ts

@@ -1,7 +1,7 @@
 import { FetchState, ID } from '../../../commonStateTypes/common';
 import { Entity } from '../../../entity/genericEntity/entity';
 import { ZeniAPIStatus } from '../../../responsePayload';
-import { VendorsTabVendorDetailLocalData, VendorsTabVendorViewState } from './vendorsTabVendorViewState';
+import { CollapsableStatusKey, VendorsTabVendorDetailLocalData, VendorsTabVendorViewState } from './vendorsTabVendorViewState';
 import { TimePeriod } from '../../../commonStateTypes/timePeriod';
 export declare const initialVendorDetailLocalData: VendorsTabVendorDetailLocalData;
 export declare const initialState: VendorsTabVendorViewState;
@@ -38,6 +38,11 @@ export declare const fetchVendorsTabVendorDetails: import("@reduxjs/toolkit").Ac
     numberOfQuartersFetched: number;
 }, string>, resetSelectedTabType: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateSelectedTabType: import("@reduxjs/toolkit").ActionCreatorWithPayload<"spend_transactions" | "all_transactions", string>, updateVendorSpendTrendFilterTabValue: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[vendorSpendTrendfilterTabValue: "last_month" | "last_30_days" | "last_90_days" | "YTD_spend" | "last_3_months" | "last_6_months" | "last_12_months" | "last_year"], {
     vendorSpendTrendfilterTabValue: "last_month" | "last_30_days" | "last_90_days" | "YTD_spend" | "last_3_months" | "last_6_months" | "last_12_months" | "last_year";
-}, string, never, never>, resetVendorsTabVendorAllTransactionsTabData: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, clearVendorsTabVendorView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+}, string, never, never>, resetVendorsTabVendorAllTransactionsTabData: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateContactsInVendorTabDetailLocalData: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    vendorId: ID;
+    localData?: Partial<VendorsTabVendorDetailLocalData> | undefined;
+}, string>, updateVendorTabDetailUIState: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    collapsableStatus: CollapsableStatusKey;
+}, string>, clearVendorsTabVendorView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("@reduxjs/toolkit").Reducer<VendorsTabVendorViewState, import("@reduxjs/toolkit").AnyAction>;
 export default _default;

package/lib/view/commonVendorView/vendorsTabVendorView/vendorsTabVendorViewReducer.js

@@ -1,9 +1,10 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearVendorsTabVendorView = exports.resetVendorsTabVendorAllTransactionsTabData = exports.updateVendorSpendTrendFilterTabValue = exports.updateSelectedTabType = exports.resetSelectedTabType = exports.updateVendorsTabVendorAllTransactionsTabData = exports.fetchVendorsTabVendorDetailPageView = exports.vendorsTabResetVendorDetailLocalData = exports.vendorsTabUpdateVendorDetailLocalData = exports.vendorsTabSaveVendorSuccessOrFailure = exports.vendorsTabSaveVendor = exports.updateVendorsTabVendorSaveStatus = exports.updateVendorsTabVendorFetchStatus = exports.fetchVendorsTabVendor = exports.fetchVendorsTabVendorDetails = exports.initialState = exports.initialVendorDetailLocalData = void 0;
+exports.clearVendorsTabVendorView = exports.updateVendorTabDetailUIState = exports.updateContactsInVendorTabDetailLocalData = exports.resetVendorsTabVendorAllTransactionsTabData = exports.updateVendorSpendTrendFilterTabValue = exports.updateSelectedTabType = exports.resetSelectedTabType = exports.updateVendorsTabVendorAllTransactionsTabData = exports.fetchVendorsTabVendorDetailPageView = exports.vendorsTabResetVendorDetailLocalData = exports.vendorsTabUpdateVendorDetailLocalData = exports.vendorsTabSaveVendorSuccessOrFailure = exports.vendorsTabSaveVendor = exports.updateVendorsTabVendorSaveStatus = exports.updateVendorsTabVendorFetchStatus = exports.fetchVendorsTabVendor = exports.fetchVendorsTabVendorDetails = exports.initialState = exports.initialVendorDetailLocalData = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 exports.initialVendorDetailLocalData = {
+    contacts: [],
     vendorId: undefined,
     isCategoryUpdateSelected: false,
     isClassUpdateSelected: false,
@@ -14,6 +15,9 @@ exports.initialState = {
     vendorStateById: {},
     selectedTabType: 'spend_transactions',
     vendorSpendTrendFilterTabValue: 'YTD_spend',
+    uiState: {
+        collapsableStatus: 'expand',
+    },
 };
 const vendorsTabVendorView = (0, toolkit_1.createSlice)({
     name: 'vendorsTabVendorView',
@@ -115,12 +119,14 @@ const vendorsTabVendorView = (0, toolkit_1.createSlice)({
             },
         },
         vendorsTabUpdateVendorDetailLocalData(draft, action) {
+            var _a;
             const { vendorId, localData } = action.payload;
             if (localData == null) {
                 delete draft.vendorStateById[vendorId].vendorDetailLocalData;
             }
             else if (draft.vendorStateById[vendorId] != null) {
-                draft.vendorStateById[vendorId].vendorDetailLocalData = Object.assign(Object.assign({}, exports.initialVendorDetailLocalData), localData);
+                const contacts = (_a = localData.contacts) !== null && _a !== void 0 ? _a : [];
+                draft.vendorStateById[vendorId].vendorDetailLocalData = Object.assign(Object.assign(Object.assign({}, exports.initialVendorDetailLocalData), localData), { contacts: contacts.map((contact) => (Object.assign({}, contact))) });
             }
         },
         vendorsTabResetVendorDetailLocalData: {
@@ -185,10 +191,24 @@ const vendorsTabVendorView = (0, toolkit_1.createSlice)({
         resetSelectedTabType(draft) {
             draft.selectedTabType = 'spend_transactions';
         },
+        updateContactsInVendorTabDetailLocalData(draft, action) {
+            var _a;
+            const { vendorId, localData } = action.payload;
+            if (localData === null || localData === void 0 ? void 0 : localData.contacts) {
+                const contacts = localData.contacts;
+                if (vendorId != null) {
+                    draft.vendorStateById[vendorId] = Object.assign(Object.assign({}, draft.vendorStateById[vendorId]), { vendorDetailLocalData: Object.assign(Object.assign(Object.assign({}, exports.initialVendorDetailLocalData), (_a = draft.vendorStateById[vendorId]) === null || _a === void 0 ? void 0 : _a.vendorDetailLocalData), { contacts: contacts.map((contact) => (Object.assign({}, contact))) }) });
+                }
+            }
+        },
+        updateVendorTabDetailUIState(draft, action) {
+            const { collapsableStatus } = action.payload;
+            draft.uiState.collapsableStatus = collapsableStatus;
+        },
         clearVendorsTabVendorView(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = vendorsTabVendorView.actions, exports.fetchVendorsTabVendorDetails = _a.fetchVendorsTabVendorDetails, exports.fetchVendorsTabVendor = _a.fetchVendorsTabVendor, exports.updateVendorsTabVendorFetchStatus = _a.updateVendorsTabVendorFetchStatus, exports.updateVendorsTabVendorSaveStatus = _a.updateVendorsTabVendorSaveStatus, exports.vendorsTabSaveVendor = _a.vendorsTabSaveVendor, exports.vendorsTabSaveVendorSuccessOrFailure = _a.vendorsTabSaveVendorSuccessOrFailure, exports.vendorsTabUpdateVendorDetailLocalData = _a.vendorsTabUpdateVendorDetailLocalData, exports.vendorsTabResetVendorDetailLocalData = _a.vendorsTabResetVendorDetailLocalData, exports.fetchVendorsTabVendorDetailPageView = _a.fetchVendorsTabVendorDetailPageView, exports.updateVendorsTabVendorAllTransactionsTabData = _a.updateVendorsTabVendorAllTransactionsTabData, exports.resetSelectedTabType = _a.resetSelectedTabType, exports.updateSelectedTabType = _a.updateSelectedTabType, exports.updateVendorSpendTrendFilterTabValue = _a.updateVendorSpendTrendFilterTabValue, exports.resetVendorsTabVendorAllTransactionsTabData = _a.resetVendorsTabVendorAllTransactionsTabData, exports.clearVendorsTabVendorView = _a.clearVendorsTabVendorView;
+_a = vendorsTabVendorView.actions, exports.fetchVendorsTabVendorDetails = _a.fetchVendorsTabVendorDetails, exports.fetchVendorsTabVendor = _a.fetchVendorsTabVendor, exports.updateVendorsTabVendorFetchStatus = _a.updateVendorsTabVendorFetchStatus, exports.updateVendorsTabVendorSaveStatus = _a.updateVendorsTabVendorSaveStatus, exports.vendorsTabSaveVendor = _a.vendorsTabSaveVendor, exports.vendorsTabSaveVendorSuccessOrFailure = _a.vendorsTabSaveVendorSuccessOrFailure, exports.vendorsTabUpdateVendorDetailLocalData = _a.vendorsTabUpdateVendorDetailLocalData, exports.vendorsTabResetVendorDetailLocalData = _a.vendorsTabResetVendorDetailLocalData, exports.fetchVendorsTabVendorDetailPageView = _a.fetchVendorsTabVendorDetailPageView, exports.updateVendorsTabVendorAllTransactionsTabData = _a.updateVendorsTabVendorAllTransactionsTabData, exports.resetSelectedTabType = _a.resetSelectedTabType, exports.updateSelectedTabType = _a.updateSelectedTabType, exports.updateVendorSpendTrendFilterTabValue = _a.updateVendorSpendTrendFilterTabValue, exports.resetVendorsTabVendorAllTransactionsTabData = _a.resetVendorsTabVendorAllTransactionsTabData, exports.updateContactsInVendorTabDetailLocalData = _a.updateContactsInVendorTabDetailLocalData, exports.updateVendorTabDetailUIState = _a.updateVendorTabDetailUIState, exports.clearVendorsTabVendorView = _a.clearVendorsTabVendorView;
 exports.default = vendorsTabVendorView.reducer;

package/lib/view/commonVendorView/vendorsTabVendorView/vendorsTabVendorViewSelector.d.ts

@@ -1,7 +1,7 @@
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
 import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
 import { RootState } from '../../../reducer';
-import { VendorsTabVendorDetailLocalData } from './vendorsTabVendorViewState';
+import { VendorsTabVendorDetailLocalData, VendorsTabVendorViewUIState } from './vendorsTabVendorViewState';
 import { AccountListSelectorView } from '../../accountList/accountListSelector';
 import { ClassListSelectorView } from '../../classList/classListSelector';
 import { AccountBase } from '../../../entity/account/accountState';
@@ -17,23 +17,37 @@ import { TransactionListByEntityView } from '../../transactionList/transactionLi
 import { TimePeriod } from '../../../commonStateTypes/timePeriod';
 import { Month } from '../../../commonStateTypes/timePeriod';
 import { TimeframeTick } from '../../../commonStateTypes/timeframeTick';
+import { Address } from '../../../entity/address/addressState';
+import { Contact } from '../../../entity/billPay/contact/contact';
+import { VendorType } from '../../vendorTypeList/vendorTypeListPayload';
+import { Filing1099TinType } from '../../../entity/vendor/vendorType';
+import { NewAddressData } from '../../addressView/addressViewState';
 export declare const toVendorDetailTabsType: (v: string) => "spend_transactions" | "all_transactions";
 export declare type VendorDetailTabsType = ReturnType<typeof toVendorDetailTabsType>;
 export interface VendorsTabVendorDetails {
     vendorBasic: VendorsTabVendorBasic;
+    vendorNewAddressStatus?: NewAddressData;
+    vendorAddress?: Address;
     saveStatus: FetchStateAndError;
     vendorDetailLocalData?: VendorsTabVendorDetailLocalData;
 }
 export interface VendorsTabVendorBasic {
     id: ID;
     name: string;
+    email?: string;
+    phone?: string;
     account?: AccountBase;
     class?: ClassBase;
     owner?: User;
+    vendorType?: VendorType;
+    vendorTin?: Filing1099TinType;
+    contacts?: Contact[];
+    vendorDocuments?: File[];
 }
 export interface VendorsTabVendorViewSelectorView extends SelectorView {
     accountList: AccountListSelectorView;
     classList: ClassListSelectorView;
+    vendorTypeList: VendorType[];
     accountsHierarchyList: NestedAccountHierarchyForReport[];
     classHierarchyList: NestedClassHierarchyForReport[];
     ownerList: User[];
@@ -41,6 +55,7 @@ export interface VendorsTabVendorViewSelectorView extends SelectorView {
 }
 export interface VendorsTabVendorDetailPageView extends SelectorView {
     vendorViewDetails: VendorsTabVendorViewSelectorView;
+    uiState: VendorsTabVendorViewUIState;
     vendorSpendTrendFilterTabValue: VendorSpendTrendFilterTabType;
     trendWithTransactions: TrendWithTransactionsView;
     vendorSpend: VendorSpend;

package/lib/view/commonVendorView/vendorsTabVendorView/vendorsTabVendorViewSelector.js

@@ -14,6 +14,8 @@ const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 const addSubtractPeriod_1 = require("../../../commonStateTypes/fiscalYearHelpers/addSubtractPeriod");
 const getStartOfAndEndOfTimeframeFY_1 = require("../../../commonStateTypes/fiscalYearHelpers/getStartOfAndEndOfTimeframeFY");
 const zeniDayJS_1 = require("../../../zeniDayJS");
+const addressSelector_1 = require("../../../entity/address/addressSelector");
+const contactSelector_1 = require("../../../entity/billPay/contact/contactSelector");
 const ALL_VENDOR_DETAIL_TABS_TYPES = [
     'spend_transactions',
     'all_transactions',
@@ -21,11 +23,12 @@ const ALL_VENDOR_DETAIL_TABS_TYPES = [
 const toVendorDetailTabsType = (v) => (0, stringToUnion_1.stringToUnion)(v, ALL_VENDOR_DETAIL_TABS_TYPES);
 exports.toVendorDetailTabsType = toVendorDetailTabsType;
 const getVendorsTabVendorView = (state, vendorIdFromUrl) => {
-    var _a, _b, _c, _d, _e;
-    const { accountListState, accountState, classListState, classState, vendorState, userState, vendorsTabVendorViewState, } = state;
+    var _a, _b, _c, _d, _e, _f;
+    const { accountListState, accountState, classListState, classState, vendorState, userState, vendorsTabVendorViewState, vendorTypeListState, addressState, addressViewState, contactState, } = state;
     const accountList = (0, accountListSelector_1.getAccountList)(accountState, accountListState, 'accountList');
     const classList = (0, classListSelector_1.getClassList)(classState, classListState);
     const ownerList = (0, userSelector_1.getUsersByUserIds)(state.userState, state.ownerListState.ownerIds);
+    const vendorTypeList = vendorTypeListState.vendorTypes;
     let vendorDetailState;
     let fetchState = {
         fetchState: 'Not-Started',
@@ -33,22 +36,27 @@ const getVendorsTabVendorView = (state, vendorIdFromUrl) => {
     };
     const selectedVendor = (0, vendorSelector_1.getVendorByVendorId)(vendorState, vendorIdFromUrl);
     const basicVendorDetails = selectedVendor != null
-        ? getBasicVendorDetails(accountState, classState, userState, selectedVendor)
+        ? getBasicVendorDetails(accountState, classState, userState, selectedVendor, vendorTypeListState, contactState)
         : undefined;
-    if (basicVendorDetails) {
+    if (basicVendorDetails != null) {
         vendorDetailState = {
             vendorBasic: basicVendorDetails,
             saveStatus: (_b = (_a = vendorsTabVendorViewState.vendorStateById[vendorIdFromUrl]) === null || _a === void 0 ? void 0 : _a.saveStatus) !== null && _b !== void 0 ? _b : {
                 fetchState: 'Not-Started',
                 error: undefined,
             },
-            vendorDetailLocalData: (_c = vendorsTabVendorViewState.vendorStateById[vendorIdFromUrl]) === null || _c === void 0 ? void 0 : _c.vendorDetailLocalData,
+            vendorNewAddressStatus: (_c = addressViewState.newAddressState) === null || _c === void 0 ? void 0 : _c.vendor_address,
+            vendorAddress: (selectedVendor === null || selectedVendor === void 0 ? void 0 : selectedVendor.addressId) != null
+                ? (0, addressSelector_1.getAddressByAddressId)(addressState, selectedVendor === null || selectedVendor === void 0 ? void 0 : selectedVendor.addressId)
+                : undefined,
+            vendorDetailLocalData: (_d = vendorsTabVendorViewState.vendorStateById[vendorIdFromUrl]) === null || _d === void 0 ? void 0 : _d.vendorDetailLocalData,
         };
     }
     fetchState = (0, reduceFetchState_1.reduceFetchState)([
         accountList,
         classList,
-        (_e = (_d = vendorsTabVendorViewState.vendorStateById[vendorIdFromUrl]) === null || _d === void 0 ? void 0 : _d.fetchStatus) !== null && _e !== void 0 ? _e : {
+        vendorTypeListState,
+        (_f = (_e = vendorsTabVendorViewState.vendorStateById[vendorIdFromUrl]) === null || _e === void 0 ? void 0 : _e.fetchStatus) !== null && _f !== void 0 ? _f : {
             fetchState: 'Not-Started',
         },
     ]);
@@ -57,6 +65,7 @@ const getVendorsTabVendorView = (state, vendorIdFromUrl) => {
     return {
         accountList: accountList,
         classList: classList,
+        vendorTypeList: vendorTypeList,
         accountsHierarchyList,
         classHierarchyList,
         ownerList: ownerList,
@@ -67,8 +76,10 @@ const getVendorsTabVendorView = (state, vendorIdFromUrl) => {
     };
 };
 exports.getVendorsTabVendorView = getVendorsTabVendorView;
-const getBasicVendorDetails = (accountState, classState, userState, selectedVendor) => ({
+const getBasicVendorDetails = (accountState, classState, userState, selectedVendor, vendorTypeListState, contactState) => ({
     name: selectedVendor.name,
+    email: selectedVendor.email,
+    phone: selectedVendor.phone,
     account: selectedVendor.accountId != null
         ? (0, accountSelector_1.getAccountBase)(accountState, selectedVendor.accountId, 'account_list')
         : undefined,
@@ -81,11 +92,15 @@ const getBasicVendorDetails = (accountState, classState, userState, selectedVend
     owner: selectedVendor.ownerId != null
         ? (0, userSelector_1.getUserByUserId)(userState, selectedVendor.ownerId)
         : undefined,
+    vendorType: vendorTypeListState.vendorTypes.filter((type) => type.code === selectedVendor.vendorType)[0],
+    vendorTin: selectedVendor.filing1099Tin,
+    contacts: (0, contactSelector_1.getContactsByIds)(contactState, selectedVendor.contactIds),
     id: selectedVendor.id,
 });
 const getVendorsTabDetailPageView = (state, vendorId, entity) => {
     var _a, _b, _c;
     const trendWithTransactions = (0, trendWithTransactionsSelector_1.getTrendWithTransactions)(state, entity, 'EntityDetail');
+    const uiState = state.vendorsTabVendorViewState.uiState;
     const vendorViewDetails = (0, exports.getVendorsTabVendorView)(state, vendorId);
     const allVendorTransactions = ((_a = state.vendorsTabVendorViewState.allTransactionsTabData) === null || _a === void 0 ? void 0 : _a.timePeriod) != null
         ? (0, transactionListByEntitySelector_1.getTransactionListByEntityForSinglePeriod)(state, entity, state.vendorsTabVendorViewState.allTransactionsTabData
@@ -95,6 +110,7 @@ const getVendorsTabDetailPageView = (state, vendorId, entity) => {
         state.accountListState.byReportId.accountList,
         state.classListState,
         state.ownerListState,
+        state.vendorTypeListState,
         (_c = (_b = state.vendorsTabVendorViewState.vendorStateById[vendorId]) === null || _b === void 0 ? void 0 : _b.fetchStatus) !== null && _c !== void 0 ? _c : {
             fetchState: 'Not-Started',
         },
@@ -102,6 +118,7 @@ const getVendorsTabDetailPageView = (state, vendorId, entity) => {
     ]);
     return {
         vendorViewDetails,
+        uiState,
         trendWithTransactions,
         allVendorTransactionsView: allVendorTransactions,
         allTransactionsTabData: state.vendorsTabVendorViewState.allTransactionsTabData,

package/lib/view/commonVendorView/vendorsTabVendorView/vendorsTabVendorViewState.d.ts

@@ -3,10 +3,14 @@ import { Recommendation } from '../../../commonStateTypes/recommendationBase';
 import { TimePeriod } from '../../../commonStateTypes/timePeriod';
 import { RecommendedAccountBase } from '../../../entity/account/accountState';
 import { RecommendedClassBase } from '../../../entity/class/classState';
+import { Filing1099TinType } from '../../../entity/vendor/vendorType';
 import { VendorSpendTrendFilterTabType } from '../../../entity/vendorExpense/vendorExpenseSelector';
+import { AddressUpdatableInfo } from '../../addressView/addressViewState';
+import { VendorContactInfo } from '../vendorView/vendorViewState';
 import { VendorDetailTabsType } from './vendorsTabVendorViewSelector';
 export interface VendorsTabVendorViewState {
     vendorStateById: Record<ID, VendorsTabVendorDetailState>;
+    uiState: VendorsTabVendorViewUIState;
     selectedTabType: VendorDetailTabsType;
     vendorSpendTrendFilterTabValue: VendorSpendTrendFilterTabType;
     allTransactionsTabData?: {
@@ -16,6 +20,12 @@ export interface VendorsTabVendorViewState {
 }
 export interface VendorsTabVendorDetailLocalData {
     vendorName?: string;
+    vendorEmail?: string;
+    vendorPhone?: string;
+    vendorType?: string;
+    tin?: Filing1099TinType;
+    address?: AddressUpdatableInfo;
+    contacts: VendorContactInfo[];
     vendorCategory?: string;
     vendorClass?: string;
     vendorId?: ID;
@@ -31,3 +41,9 @@ export interface VendorsTabVendorDetailState {
     saveStatus: FetchStateAndError;
     vendorDetailLocalData?: VendorsTabVendorDetailLocalData;
 }
+declare const toCollapsableStatusKey: (v: string) => "expand" | "collapse";
+export declare type CollapsableStatusKey = ReturnType<typeof toCollapsableStatusKey>;
+export interface VendorsTabVendorViewUIState {
+    collapsableStatus: CollapsableStatusKey;
+}
+export {};

package/lib/view/commonVendorView/vendorsTabVendorView/vendorsTabVendorViewState.js

@@ -1,2 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
+const COLLAPSABLESTATUS = ['expand', 'collapse'];
+const toCollapsableStatusKey = (v) => (0, stringToUnion_1.stringToUnion)(v, COLLAPSABLESTATUS);

package/lib/view/settingsView/settingsViewSelector.js

@@ -65,7 +65,7 @@ function getBankConnectionsSetupViewDetails(state, companyId, isBillPayEnabled,
             paymentAccountListState,
         ]);
     const allFundingAccounts = fetchState.fetchState === 'Completed'
-        ? (0, setupViewSelector_1.getAllFundingAccounts)(depositAccounts, paymentAccounts, false)
+        ? (0, setupViewSelector_1.getAllFundingAccounts)(depositAccounts, paymentAccounts, paymentAccountListState.paymentAccountBalanceFetchStatus, false)
         : [];
     const primaryAccountsProductWise = [];
     if (isBillPayEnabled) {

package/lib/view/spendManagement/billPay/billDetailView/billDetailViewSelector.js

@@ -85,7 +85,7 @@ const getBillActivities = (state, billId, billStageCode) => {
 exports.getBillActivities = getBillActivities;
 const getBillDetailView = (state, billId) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-    const { bankAccountState, paymentInstrumentState, billDetailViewState, billTransactionState, paymentAccountState, userState, billPayConfigState, userRoleState, classListState, classState, commonHistoryState, realTimeApprovalState, entityApprovalStatusState, billPaySetupApproverViewState, vendorState, recurringBillState, depositAccountState, } = state;
+    const { bankAccountState, paymentInstrumentState, billDetailViewState, billTransactionState, paymentAccountState, userState, billPayConfigState, userRoleState, classListState, classState, commonHistoryState, realTimeApprovalState, entityApprovalStatusState, billPaySetupApproverViewState, vendorState, recurringBillState, depositAccountState, paymentAccountListState, } = state;
     const { approverListState } = billPaySetupApproverViewState;
     const detailKey = (0, billDetailViewState_1.getBillTransactionDetailKey)(billId !== null && billId !== void 0 ? billId : '');
     const billTransactionDetails = (0, get_1.default)(billDetailViewState.billDetailById, detailKey, undefined);
@@ -98,7 +98,7 @@ const getBillDetailView = (state, billId) => {
     const paymentInstrument = (0, paymentInstrumentSelector_1.getPaymentInstrumentById)(paymentInstrumentState, (_c = transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo.toAccount.billAccountId) !== null && _c !== void 0 ? _c : '');
     const paymentAccount = (0, paymentAccountSelector_1.getPaymentAccountByPaymentAccountId)(paymentAccountState, (_d = transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo.fromAccount.billAccountId) !== null && _d !== void 0 ? _d : '');
     const depositAccount = (0, depositAccountSelector_1.getDepositAccountByDepositAccountId)(depositAccountState, (_e = transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo.fromAccount.billAccountId) !== null && _e !== void 0 ? _e : '');
-    const withdrawFrom = (0, setupViewSelector_1.getAllFundingAccounts)((_f = (depositAccount && [depositAccount])) !== null && _f !== void 0 ? _f : [], (_g = (paymentAccount && [paymentAccount])) !== null && _g !== void 0 ? _g : [])[0];
+    const withdrawFrom = (0, setupViewSelector_1.getAllFundingAccounts)((_f = (depositAccount && [depositAccount])) !== null && _f !== void 0 ? _f : [], (_g = (paymentAccount && [paymentAccount])) !== null && _g !== void 0 ? _g : [], paymentAccountListState.paymentAccountBalanceFetchStatus)[0];
     let previousBills = {
         bills: [],
         fetchState: 'Not-Started',

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

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

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

@@ -88,7 +88,7 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
     if (allDepositAccounts.length === 0 && fromDepositAccount != null) {
         allDepositAccounts.push(fromDepositAccount);
     }
-    const withdrawFromList = (0, setupViewSelector_1.getAllFundingAccounts)(allDepositAccounts, primaryPaymentAccount);
+    const withdrawFromList = (0, setupViewSelector_1.getAllFundingAccounts)(allDepositAccounts, primaryPaymentAccount, paymentAccountListState.paymentAccountBalanceFetchStatus);
     let previousBills = {
         bills: [],
         fetchState: 'Not-Started',
@@ -596,7 +596,7 @@ const getDueDate = (billStageCode, dueDate, invoiceDate, bookCloseDate) => {
 };
 exports.getDueDate = getDueDate;
 const getWithdrawFrom = (state, fromAccountId, fromAccountType, companyId, lastSelectedFromAccount) => {
-    const { paymentAccountState, depositAccountState, depositAccountListState } = state;
+    const { paymentAccountState, depositAccountState, depositAccountListState, paymentAccountListState, } = state;
     if (fromAccountId != null) {
         const withdrawFromAsDepositAcc = (0, depositAccountSelector_1.getDepositAccountByDepositAccountId)(depositAccountState, fromAccountId);
         const withdrawFromAsPaymentAcc = (0, paymentAccountSelector_1.getPaymentAccountByPaymentAccountId)(paymentAccountState, fromAccountId);
@@ -606,7 +606,7 @@ const getWithdrawFrom = (state, fromAccountId, fromAccountType, companyId, lastS
         }
         if (fromAccountType === 'paymentAccount' &&
             withdrawFromAsPaymentAcc != null) {
-            return (0, setupViewSelector_1.mapPaymentAccToFundingAccount)(withdrawFromAsPaymentAcc);
+            return (0, setupViewSelector_1.mapPaymentAccToFundingAccount)(withdrawFromAsPaymentAcc, paymentAccountListState.paymentAccountBalanceFetchStatus);
         }
     }
     else {
@@ -616,7 +616,7 @@ const getWithdrawFrom = (state, fromAccountId, fromAccountType, companyId, lastS
 };
 exports.getWithdrawFrom = getWithdrawFrom;
 const getDefaultWithdrawFromAccount = (state, depositAccounts, companyId, lastSelectedFromAccount) => {
-    const { depositAccountState, paymentAccountState } = state;
+    const { depositAccountState, paymentAccountState, paymentAccountListState } = state;
     const companyView = (0, getCompanyView_1.getCompanyView)(state, companyId, []);
     const primaryAccount = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyBillPayInfo.primaryFundingAccount;
     let defaultAccount = undefined;
@@ -655,7 +655,7 @@ const getDefaultWithdrawFromAccount = (state, depositAccounts, companyId, lastSe
         }
         if (defaultAccount.accountType === 'paymentAccount' &&
             defaultAccAsPaymentAcc != null) {
-            return (0, setupViewSelector_1.mapPaymentAccToFundingAccount)(defaultAccAsPaymentAcc);
+            return (0, setupViewSelector_1.mapPaymentAccToFundingAccount)(defaultAccAsPaymentAcc, paymentAccountListState.paymentAccountBalanceFetchStatus);
         }
     }
     return undefined;

package/lib/view/spendManagement/commonSetup/setupViewSelector.d.ts

@@ -12,9 +12,10 @@ import { NewAddressData } from '../../addressView/addressViewState';
 import { CompanyAndIdentityDetails, CompanyOfficerLocalData, PrimaryContactLocalData, SetupViewType } from './setupViewState';
 import { PlaidAccountKeyType, PlaidConnectionDetails } from '../plaidAccount/plaidAccountViewState';
 import { AccountTypeSubConfigCodeKeyType } from '../billPay/billPayConfig/billPayConfigState';
-import { Balance } from '../../../commonStateTypes/balance';
 import { DepositAccount } from '../../../entity/depositAccount/depositAccount';
 import { AllowedValueWithCode } from '../../../commonStateTypes/allowedValue';
+import { Amount } from '../../../commonStateTypes/amount';
+import { BalanceChange } from '../../../commonStateTypes/balance';
 export interface SetupView {
     allFundingAccounts: FundingAccount[];
     allBankAccounts: AccountBase[];
@@ -31,8 +32,14 @@ export interface FundingAccount {
     accType: AccountTypeSubConfigCodeKeyType;
     label: string;
     maskedAccountNumber: string;
+    balanceFetchStatus: FetchStateAndError;
     zeniAccountId?: ID;
-    accountBalance?: Balance;
+    accountBalance?: {
+        available?: Amount;
+        current?: Amount;
+        lastRefreshTime?: ZeniDate;
+        change?: BalanceChange;
+    };
     logo?: Logo;
     providerAccountId?: ID;
     institutionDetails?: InstitutionDetails;
@@ -79,7 +86,7 @@ export interface BusinessVerificationDetails extends CompanyAndOfficerLocalData
 export declare function getCommonSetupViewDetails(state: RootState, companyId: ID, setupViewType: SetupViewType, plaidAccountKeyType: PlaidAccountKeyType): SetupView;
 export declare function getBusinessVerificationDetails(state: RootState, companyId: ID): BusinessVerificationDetails;
 export declare const getCompanyAndIdentityDetails: (state: RootState, companyId: ID, companyAndIdentityDetails: CompanyAndIdentityDetails) => CompanyAndOfficerLocalData;
-export declare const getAllFundingAccounts: (depositAccounts: DepositAccount[], paymentAccounts: PaymentAccount[], includeOnlyVerifiedAccounts?: boolean) => FundingAccount[];
+export declare const getAllFundingAccounts: (depositAccounts: DepositAccount[], paymentAccounts: PaymentAccount[], paymentAccountBalanceFetchStatus: Record<ID, FetchStateAndError>, includeOnlyVerifiedAccounts?: boolean) => FundingAccount[];
 export declare const mapDepositAccToFundingAccount: (depositAcc: DepositAccount) => FundingAccount;
-export declare const mapPaymentAccToFundingAccount: (paymentAcc: PaymentAccount) => FundingAccount;
+export declare const mapPaymentAccToFundingAccount: (paymentAcc: PaymentAccount, paymentAccountBalanceFetchStatus: Record<ID, FetchStateAndError>) => FundingAccount;
 export {};

package/lib/view/spendManagement/commonSetup/setupViewSelector.js

@@ -15,13 +15,13 @@ function getCommonSetupViewDetails(state, companyId, setupViewType, plaidAccount
     const { updateStatus } = setupViewState;
     const { accountDetails, plaidConnectionDetails } = (0, plaidAccountViewSelector_1.getPlaidAccountDetails)(plaidAccountViewState, plaidAccountKeyType);
     const { allBankAccountIds } = accountDetails;
-    const { paymentAccountIds } = paymentAccountListState;
+    const { paymentAccountIds, paymentAccountBalanceFetchStatus } = paymentAccountListState;
     const { accountIds: depositAccountIds } = depositAccountListState;
     const allBankAccounts = (_a = allBankAccountIds === null || allBankAccountIds === void 0 ? void 0 : allBankAccountIds.map((accountId) => (0, accountSelector_1.getAccountBase)(accountState, accountId, setupViewType)).filter((account) => account != null)) !== null && _a !== void 0 ? _a : [];
     const paymentAccounts = (_b = (0, paymentAccountSelector_1.getPaymentAccountsByPaymentAccountIds)(paymentAccountState, paymentAccountIds).filter((account) => account != null)) !== null && _b !== void 0 ? _b : [];
     const depositAccounts = (_c = (0, depositAccountSelector_1.getDepositAccountsByDepositAccountIds)(depositAccountState, depositAccountIds).filter((account) => account != null)) !== null && _c !== void 0 ? _c : [];
     const allFundingAccounts = (0, exports.getAllFundingAccounts)(setupViewType === 'zeni_accounts' ? [] : depositAccounts, // only external acct can be made primary for accounts setup
-    paymentAccounts, false);
+    paymentAccounts, paymentAccountBalanceFetchStatus, false);
     const companyView = (0, getCompanyView_1.getCompanyView)(state, companyId, []);
     const companyBillPayInfo = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyBillPayInfo;
     const primaryAccount = getPrimaryAccountForTheProduct(state, companyId, setupViewType);
@@ -35,7 +35,7 @@ function getCommonSetupViewDetails(state, companyId, setupViewType, plaidAccount
     else if ((primaryAccount === null || primaryAccount === void 0 ? void 0 : primaryAccount.accountType) === 'paymentAccount') {
         const paymentAccount = (0, paymentAccountSelector_1.getPaymentAccountByPaymentAccountId)(paymentAccountState, primaryAccount.accountId);
         if (paymentAccount != null) {
-            primaryFundingAccount = (0, exports.mapPaymentAccToFundingAccount)(paymentAccount);
+            primaryFundingAccount = (0, exports.mapPaymentAccToFundingAccount)(paymentAccount, paymentAccountBalanceFetchStatus);
         }
     }
     let paymentAccountForBilling;
@@ -184,7 +184,7 @@ exports.getCompanyAndIdentityDetails = getCompanyAndIdentityDetails;
 /* This helper function takes deposit accounts and payment accounts
    and give back FundingAccount type array
    to support single dropdown with both lists */
-const getAllFundingAccounts = (depositAccounts, paymentAccounts, includeOnlyVerifiedAccounts = true) => {
+const getAllFundingAccounts = (depositAccounts, paymentAccounts, paymentAccountBalanceFetchStatus, includeOnlyVerifiedAccounts = true) => {
     return [
         ...depositAccounts.map((depositAcc) => (0, exports.mapDepositAccToFundingAccount)(depositAcc)),
         ...(includeOnlyVerifiedAccounts
@@ -196,7 +196,7 @@ const getAllFundingAccounts = (depositAccounts, paymentAccounts, includeOnlyVeri
                     ((_c = paymentAccount.providerVerificationStatus) === null || _c === void 0 ? void 0 : _c.code) ===
                         'automatically_verified';
             })
-            : paymentAccounts).map((paymentAcc) => (0, exports.mapPaymentAccToFundingAccount)(paymentAcc)),
+            : paymentAccounts).map((paymentAcc) => (0, exports.mapPaymentAccToFundingAccount)(paymentAcc, paymentAccountBalanceFetchStatus)),
     ];
 };
 exports.getAllFundingAccounts = getAllFundingAccounts;
@@ -208,10 +208,14 @@ const mapDepositAccToFundingAccount = (depositAcc) => ({
     accountBalance: depositAcc.accountBalance,
     logo: undefined,
     zeniAccountId: depositAcc.zeniAccountId,
+    balanceFetchStatus: {
+        fetchState: 'Completed',
+        error: undefined,
+    },
 });
 exports.mapDepositAccToFundingAccount = mapDepositAccToFundingAccount;
-const mapPaymentAccToFundingAccount = (paymentAcc) => {
-    var _a;
+const mapPaymentAccToFundingAccount = (paymentAcc, paymentAccountBalanceFetchStatus) => {
+    var _a, _b;
     return ({
         id: paymentAcc.paymentAccountId,
         accType: 'paymentAccount',
@@ -222,10 +226,15 @@ const mapPaymentAccToFundingAccount = (paymentAcc) => {
         isLoginRequired: paymentAcc.isLoginRequired,
         providerAccountId: paymentAcc.providerAccountId,
         providerVerificationStatus: paymentAcc.providerVerificationStatus,
+        accountBalance: paymentAcc.balances,
         label: Boolean(paymentAcc.institutionDetails.institutionName) === true
             ? paymentAcc.institutionDetails.institutionName
             : (0, depositAccountPayload_1.getZeniAccountFallbackName)(paymentAcc.maskedAccountNumber, (_a = paymentAcc.accountSubType) === null || _a === void 0 ? void 0 : _a.name),
         logo: paymentAcc.institutionDetails.logo,
+        balanceFetchStatus: (_b = paymentAccountBalanceFetchStatus[paymentAcc.paymentAccountId]) !== null && _b !== void 0 ? _b : {
+            fetchState: 'Not-Started',
+            error: undefined,
+        },
     });
 };
 exports.mapPaymentAccToFundingAccount = mapPaymentAccToFundingAccount;

package/lib/view/spendManagement/zeniAccounts/paymentAccountList/fetchPaymentAccountBalanceEpic.d.ts

@@ -0,0 +1,9 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { fetchPaymentAccountBalance, updatePaymentAccountList, updatePaymentAccountBalanceStatus } from './paymentAccountListReducer';
+import { updateAccounts } from '../../../../entity/account/accountReducer';
+import { updatePaymentAccounts } from '../../../../entity/paymentAccount/paymentAccountReducer';
+export declare type ActionType = ReturnType<typeof fetchPaymentAccountBalance> | ReturnType<typeof updatePaymentAccountList> | ReturnType<typeof updatePaymentAccountBalanceStatus> | ReturnType<typeof updateAccounts> | ReturnType<typeof updatePaymentAccounts>;
+export declare const fetchPaymentAccountBalanceEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/spendManagement/zeniAccounts/paymentAccountList/fetchPaymentAccountBalanceEpic.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchPaymentAccountBalanceEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../responsePayload");
+const paymentAccountListReducer_1 = require("./paymentAccountListReducer");
+const accountReducer_1 = require("../../../../entity/account/accountReducer");
+const paymentAccountReducer_1 = require("../../../../entity/paymentAccount/paymentAccountReducer");
+const paymentAccountSelector_1 = require("../../../../entity/paymentAccount/paymentAccountSelector");
+const fetchPaymentAccountBalanceEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(paymentAccountListReducer_1.fetchPaymentAccountBalance.match), (0, operators_1.mergeMap)((action) => {
+    var _a;
+    const { paymentAccountId } = action.payload;
+    const paymentAccountState = state$.value.paymentAccountState;
+    const payemntAcc = (0, paymentAccountSelector_1.getPaymentAccountByPaymentAccountId)(paymentAccountState, paymentAccountId);
+    if (((_a = payemntAcc === null || payemntAcc === void 0 ? void 0 : payemntAcc.providerVerificationStatus) === null || _a === void 0 ? void 0 : _a.code) !== 'manually_verified') {
+        return zeniAPI
+            .getJSON(`${zeniAPI.apiEndPoints.payMicroServiceBaseUrl}/1.0/payment-accounts/${paymentAccountId}?query=${encodeURIComponent(`{"is_include_realtime_balance":true}`)}`)
+            .pipe((0, operators_1.mergeMap)((response) => {
+            var _a, _b, _c, _d;
+            if ((0, responsePayload_1.isSuccessResponse)(response)) {
+                return (0, rxjs_1.of)((0, accountReducer_1.updateAccounts)((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.accounts) !== null && _b !== void 0 ? _b : [], 'zeni_accounts'), (0, paymentAccountReducer_1.updatePaymentAccounts)((_d = (_c = response.data) === null || _c === void 0 ? void 0 : _c.payment_accounts) !== null && _d !== void 0 ? _d : []), (0, paymentAccountListReducer_1.updatePaymentAccountBalanceStatus)({
+                    paymentAccountId,
+                    fetchState: 'Completed',
+                    error: undefined,
+                }));
+            }
+            else {
+                return (0, rxjs_1.of)((0, paymentAccountListReducer_1.updatePaymentAccountBalanceStatus)({
+                    paymentAccountId,
+                    fetchState: 'Error',
+                    error: response.status,
+                }));
+            }
+        }), (0, operators_1.catchError)((error) => {
+            return (0, rxjs_1.of)((0, paymentAccountListReducer_1.updatePaymentAccountBalanceStatus)({
+                paymentAccountId,
+                fetchState: 'Error',
+                error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch payment Accounts Balance REST API call errored out' +
+                    JSON.stringify(error)),
+            }));
+        }));
+    }
+    else {
+        return [];
+    }
+}));
+exports.fetchPaymentAccountBalanceEpic = fetchPaymentAccountBalanceEpic;

package/lib/view/spendManagement/zeniAccounts/paymentAccountList/fetchPaymentAccountListEpic.d.ts

@@ -2,8 +2,8 @@ import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { RootState } from '../../../../reducer';
 import { ZeniAPI } from '../../../../zeniAPI';
-import { fetchPaymentAccountList, updatePaymentAccountList, updatePaymentAccountListFetchStatus } from './paymentAccountListReducer';
+import { fetchPaymentAccountList, updatePaymentAccountList, updatePaymentAccountListFetchStatus, fetchPaymentAccountBalance } from './paymentAccountListReducer';
 import { updateAccounts } from '../../../../entity/account/accountReducer';
 import { updatePaymentAccounts } from '../../../../entity/paymentAccount/paymentAccountReducer';
-export declare type ActionType = ReturnType<typeof fetchPaymentAccountList> | ReturnType<typeof updatePaymentAccountList> | ReturnType<typeof updatePaymentAccountListFetchStatus> | ReturnType<typeof updateAccounts> | ReturnType<typeof updatePaymentAccounts>;
+export declare type ActionType = ReturnType<typeof fetchPaymentAccountList> | ReturnType<typeof updatePaymentAccountList> | ReturnType<typeof updatePaymentAccountListFetchStatus> | ReturnType<typeof fetchPaymentAccountBalance> | ReturnType<typeof updateAccounts> | ReturnType<typeof updatePaymentAccounts>;
 export declare const fetchPaymentAccountListEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/spendManagement/zeniAccounts/paymentAccountList/fetchPaymentAccountListEpic.js

@@ -11,12 +11,18 @@ const fetchPaymentAccountListEpic = (actions$, _state$, zeniAPI) => actions$.pip
     return zeniAPI
         .getJSON(`${zeniAPI.apiEndPoints.payMicroServiceBaseUrl}/1.0/payment-accounts`)
         .pipe((0, operators_1.mergeMap)((response) => {
-        var _a, _b, _c, _d, _e, _f;
-        if ((0, responsePayload_1.isSuccessResponse)(response)) {
-            return (0, rxjs_1.of)((0, accountReducer_1.updateAccounts)((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.accounts) !== null && _b !== void 0 ? _b : [], 'zeni_accounts'), (0, paymentAccountReducer_1.updatePaymentAccounts)((_d = (_c = response.data) === null || _c === void 0 ? void 0 : _c.payment_accounts) !== null && _d !== void 0 ? _d : []), (0, paymentAccountListReducer_1.updatePaymentAccountList)({
-                data: (_f = (_e = response.data) === null || _e === void 0 ? void 0 : _e.payment_accounts) !== null && _f !== void 0 ? _f : [],
-                updateType: 'replace',
-            }));
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const { payment_accounts, accounts } = response.data;
+            let paymentAccountListAction = [
+                (0, accountReducer_1.updateAccounts)(accounts, 'zeni_accounts'),
+                (0, paymentAccountReducer_1.updatePaymentAccounts)(payment_accounts),
+                (0, paymentAccountListReducer_1.updatePaymentAccountList)({
+                    data: payment_accounts,
+                    updateType: 'replace',
+                }),
+            ];
+            paymentAccountListAction = paymentAccountListAction.concat(payment_accounts.map((paymentAcc) => (0, paymentAccountListReducer_1.fetchPaymentAccountBalance)(paymentAcc.payment_account_id)));
+            return (0, rxjs_1.concat)((0, rxjs_1.from)(paymentAccountListAction));
         }
         else {
             return (0, rxjs_1.of)((0, paymentAccountListReducer_1.updatePaymentAccountListFetchStatus)({

package/lib/view/spendManagement/zeniAccounts/paymentAccountList/paymentAccountList.d.ts

@@ -2,4 +2,5 @@ import { FetchedState, FetchStateAndError, ID } from '../../../../commonStateTyp
 export interface PaymentAccountListState extends FetchedState {
     paymentAccountIds: ID[];
     unlinkingAccountStatus: Record<ID, FetchStateAndError>;
+    paymentAccountBalanceFetchStatus: Record<ID, FetchStateAndError>;
 }

package/lib/view/spendManagement/zeniAccounts/paymentAccountList/paymentAccountListReducer.d.ts

@@ -17,6 +17,12 @@ export declare const fetchPaymentAccountList: import("@reduxjs/toolkit").ActionC
     accountId: ID;
     fetchState: FetchState;
     error?: ZeniAPIStatus<Record<string, unknown>> | undefined;
+}, string>, fetchPaymentAccountBalance: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[paymentAccountId: string], {
+    paymentAccountId: string;
+}, string, never, never>, updatePaymentAccountBalanceStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    paymentAccountId: ID;
+    fetchState: FetchState;
+    error?: ZeniAPIStatus<Record<string, unknown>> | undefined;
 }, string>;
 declare const _default: import("@reduxjs/toolkit").Reducer<PaymentAccountListState, import("@reduxjs/toolkit").AnyAction>;
 export default _default;