@zeniai/client-epic-state 4.11.32 → 4.11.33

package/lib/view/spendManagement/billPay/billList/billListSelector.js

@@ -100,21 +100,7 @@ const getBillList = (state, currentTimePeriod, isBulkActionFeatureEnabled) => {
             }
             break;
     }
-    const bulkSubmissionFetchState = billsBulkActionViewState.bulkSubmissionFetchState.fetchState;
-    let isRecurringBillInBulkActionList = false;
-    let billListBulkActionInfo = {
-        isBulkActionAllowed: false,
-        billsSelectedForBulkAction: [],
-        allowedBulkActions: [],
-        bulkSubmissionFetchState,
-        isRecurringBillInBulkActionList,
-    };
-    let firstBillInBulkList = undefined;
-    const isBulkActionAllowed = isBulkActionFeatureEnabled
-        ? (0, exports.checkIfBulkActionAllowed)(billListState.currentTab, billListState.currentSubTab)
-        : false;
     let transactionsView = transactions.map((transaction) => {
-        var _a, _b;
         let approvers = {
             users: [],
             attributes: [],
@@ -128,51 +114,10 @@ const getBillList = (state, currentTimePeriod, isBulkActionFeatureEnabled) => {
             recurringBillDetail = (0, get_1.default)(recurringBillState.recurringBillDetailByConfigId, transaction.recurringBillConfigId, undefined);
         }
         const recurringBillConfig = recurringBillDetail === null || recurringBillDetail === void 0 ? void 0 : recurringBillDetail.recurringBillConfig;
-        let billBulkSelectInfo;
-        if (isBulkActionAllowed) {
-            const isProcessing = (0, helpers_1.isBillProcessing)((_a = transaction.bulkProcessingDetail) === null || _a === void 0 ? void 0 : _a.type);
-            const isError = ((_b = transaction.bulkProcessingDetail) === null || _b === void 0 ? void 0 : _b.type) === 'error';
-            const isBookClosedForBill = transaction.bookCloseDate != null &&
-                transaction.date.isBefore(transaction.bookCloseDate);
-            const { isSelectableForBulkAction, bulkSelectExceptionInfo } = isProcessing || isError
-                ? {
-                    isSelectableForBulkAction: false,
-                    bulkSelectExceptionInfo: undefined,
-                }
-                : isBillSelectableForBulkAction(transaction, billListState.currentTab, isBookClosedForBill, firstBillInBulkList);
-            if (isBulkActionAllowed &&
-                billsBulkActionViewState.billsSelectedForBulkAction.includes(transaction.id)) {
-                if (isRecurring) {
-                    isRecurringBillInBulkActionList = true;
-                }
-            }
-            billBulkSelectInfo = {
-                isSelectableForBulkAction,
-                bulkSelectExceptionInfo,
-            };
-        }
         return Object.assign(Object.assign({}, transaction), { approvers,
             isRecurring,
-            billBulkSelectInfo,
             recurringBillConfig });
     });
-    if (isBulkActionAllowed) {
-        const billsSelectedForBulkAction = billsBulkActionViewState.billsSelectedForBulkAction;
-        firstBillInBulkList = (0, get_1.default)(billTransactionState.transactionById, billsSelectedForBulkAction[0], undefined);
-        const allBulkBillsAwaitingMyApproval = (0, difference_1.default)(billsSelectedForBulkAction, pendingApprovalTransactionIDs)
-            .length === 0;
-        const allowedBulkActions = isBulkActionAllowed
-            ? (0, exports.getAllowedBulkActions)(billListState.currentTab, billListState.currentSubTab, allBulkBillsAwaitingMyApproval, (firstBillInBulkList === null || firstBillInBulkList === void 0 ? void 0 : firstBillInBulkList.billPayInfo.billPaymentStatus.code) ===
-                'processing')
-            : [];
-        billListBulkActionInfo = {
-            isBulkActionAllowed,
-            billsSelectedForBulkAction,
-            allowedBulkActions,
-            bulkSubmissionFetchState,
-            isRecurringBillInBulkActionList,
-        };
-    }
     transactionsView = (0, spendManagementFilterHelpers_1.applyAdvancedFiltersOnList)('bill_pay', transactionsView, billListState.filters);
     const TransactionsPendingForMyApprovalLength = pendingApprovalTransactionIDs.length;
     const fetchState = (_f = (_e = billListState.byBillListKey[key]) === null || _e === void 0 ? void 0 : _e.fetchState) !== null && _f !== void 0 ? _f : 'Not-Started';
@@ -195,6 +140,73 @@ const getBillList = (state, currentTimePeriod, isBulkActionFeatureEnabled) => {
             ((_c = transaction.documentId) === null || _c === void 0 ? void 0 : _c.toLowerCase().includes(loweredSearchText)) ===
                 true);
     }));
+    //BulkActions
+    const bulkSubmissionFetchState = billsBulkActionViewState.bulkSubmissionFetchState.fetchState;
+    let isRecurringBillInBulkActionList = false;
+    let isBookClosedForAnySelectedBill = false;
+    let billListBulkActionInfo = {
+        isBulkActionAllowed: false,
+        billsSelectedForBulkAction: [],
+        allowedBulkActions: [],
+        bulkSubmissionFetchState,
+        isRecurringBillInBulkActionList,
+    };
+    const billsSelectedForBulkAction = billsBulkActionViewState.billsSelectedForBulkAction;
+    const firstBillInBulkList = (0, get_1.default)(billTransactionState.transactionById, billsSelectedForBulkAction[0], undefined);
+    const isBulkActionAllowed = isBulkActionFeatureEnabled
+        ? (0, exports.checkIfBulkActionAllowed)(billListState.currentTab, billListState.currentSubTab)
+        : false;
+    let firstSelectableBill = undefined;
+    if (isBulkActionAllowed) {
+        transactionsView = transactionsView.map((transaction) => {
+            var _a, _b;
+            let billBulkSelectInfo;
+            if (isBulkActionAllowed) {
+                const isProcessing = (0, helpers_1.isBillProcessing)((_a = transaction.bulkProcessingDetail) === null || _a === void 0 ? void 0 : _a.type);
+                const isError = ((_b = transaction.bulkProcessingDetail) === null || _b === void 0 ? void 0 : _b.type) === 'error';
+                const isBookClosedForBill = transaction.bookCloseDate != null &&
+                    transaction.date.isBefore(transaction.bookCloseDate);
+                const { isSelectableForBulkAction, isSelectableForBulkActionSelectAll, bulkSelectExceptionInfo, } = isProcessing || isError
+                    ? {
+                        isSelectableForBulkAction: false,
+                        isSelectableForBulkActionSelectAll: false,
+                        bulkSelectExceptionInfo: undefined,
+                    }
+                    : isBillSelectableForBulkAction(transaction, billListState.currentTab, isBookClosedForBill, pendingApprovalTransactionIDs.includes(transaction.id), firstSelectableBill, firstBillInBulkList);
+                if (isBulkActionAllowed &&
+                    billsBulkActionViewState.billsSelectedForBulkAction.includes(transaction.id)) {
+                    if (transaction.isRecurring) {
+                        isRecurringBillInBulkActionList = true;
+                    }
+                    if (isBookClosedForBill) {
+                        isBookClosedForAnySelectedBill = true;
+                    }
+                }
+                if (firstSelectableBill == null && isSelectableForBulkAction) {
+                    firstSelectableBill = transaction;
+                }
+                billBulkSelectInfo = {
+                    isSelectableForBulkAction,
+                    isSelectableForBulkActionSelectAll,
+                    bulkSelectExceptionInfo,
+                };
+            }
+            return Object.assign(Object.assign({}, transaction), { billBulkSelectInfo });
+        });
+        const allBulkBillsAwaitingMyApproval = (0, difference_1.default)(billsSelectedForBulkAction, pendingApprovalTransactionIDs)
+            .length === 0;
+        const allowedBulkActions = isBulkActionAllowed
+            ? (0, exports.getAllowedBulkActions)(billListState.currentTab, billListState.currentSubTab, allBulkBillsAwaitingMyApproval, (firstBillInBulkList === null || firstBillInBulkList === void 0 ? void 0 : firstBillInBulkList.billPayInfo.billPaymentStatus.code) ===
+                'processing', isBookClosedForAnySelectedBill, isRecurringBillInBulkActionList)
+            : [];
+        billListBulkActionInfo = {
+            isBulkActionAllowed,
+            billsSelectedForBulkAction,
+            allowedBulkActions,
+            bulkSubmissionFetchState,
+            isRecurringBillInBulkActionList,
+        };
+    }
     const isDownloadEnabled = (0, spendManagementFilterHelpers_1.isBillListDownloadable)(state, currentTimePeriod);
     const billBulkSubmissionLimit = billPayConfigState.billBulkSubmissionLimit;
     return {
@@ -506,28 +518,66 @@ const checkIfBulkActionAllowed = (selectedTab, selectedSubTab) => {
     return true;
 };
 exports.checkIfBulkActionAllowed = checkIfBulkActionAllowed;
-const isBillSelectableForBulkAction = (bill, selectedTab, isBookClosedForBill, firstBillSelected) => {
+const isBillSelectableForBulkAction = (bill, selectedTab, isBookClosedForBill, isAwaitingMyApproval, firstSelectableBill, firstBillSelected) => {
     const result = {
         isSelectableForBulkAction: true,
+        isSelectableForBulkActionSelectAll: true,
         bulkSelectExceptionInfo: undefined,
     };
-    if (isBookClosedForBill && selectedTab !== 'draft') {
-        return {
-            isSelectableForBulkAction: false,
-            bulkSelectExceptionInfo: 'bookCloseDateProcessing',
-        };
+    if (isBookClosedForBill) {
+        if (selectedTab === 'scheduled' ||
+            (selectedTab === 'pending_approval' && !isAwaitingMyApproval)) {
+            return {
+                isSelectableForBulkAction: false,
+                isSelectableForBulkActionSelectAll: false,
+                bulkSelectExceptionInfo: 'bookCloseDateProcessing',
+            };
+        }
     }
     if (selectedTab === 'scheduled') {
+        //for cases where user attempts select all on scheduled tab
+        if (firstBillSelected == null && firstSelectableBill != null) {
+            if (firstSelectableBill.billPayInfo.billPaymentStatus.code === 'processing') {
+                if (bill.isRecurring &&
+                    Boolean(firstSelectableBill.isRecurring) === false) {
+                    return {
+                        isSelectableForBulkAction: true,
+                        isSelectableForBulkActionSelectAll: false,
+                        bulkSelectExceptionInfo: undefined,
+                    };
+                }
+                if (bill.billPayInfo.billPaymentStatus.code !== 'processing') {
+                    return {
+                        isSelectableForBulkAction: true,
+                        isSelectableForBulkActionSelectAll: false,
+                        bulkSelectExceptionInfo: undefined,
+                    };
+                }
+            }
+            if (bill.billPayInfo.billPaymentStatus.code === 'processing') {
+                if (firstSelectableBill.billPayInfo.billPaymentStatus.code !==
+                    'processing') {
+                    return {
+                        isSelectableForBulkAction: true,
+                        isSelectableForBulkActionSelectAll: false,
+                        bulkSelectExceptionInfo: undefined,
+                    };
+                }
+            }
+        }
         if ((firstBillSelected === null || firstBillSelected === void 0 ? void 0 : firstBillSelected.billPayInfo.billPaymentStatus.code) === 'processing') {
-            if (bill.isRecurring) {
+            if (bill.isRecurring &&
+                Boolean(firstBillSelected === null || firstBillSelected === void 0 ? void 0 : firstBillSelected.isRecurring) === false) {
                 return {
                     isSelectableForBulkAction: false,
+                    isSelectableForBulkActionSelectAll: true,
                     bulkSelectExceptionInfo: 'cancelRecurring',
                 };
             }
             if (bill.billPayInfo.billPaymentStatus.code !== 'processing') {
                 return {
                     isSelectableForBulkAction: false,
+                    isSelectableForBulkActionSelectAll: true,
                     bulkSelectExceptionInfo: 'processingSelectTogether',
                 };
             }
@@ -537,6 +587,7 @@ const isBillSelectableForBulkAction = (bill, selectedTab, isBookClosedForBill, f
             if (firstBillSelected.billPayInfo.billPaymentStatus.code !== 'processing') {
                 return {
                     isSelectableForBulkAction: false,
+                    isSelectableForBulkActionSelectAll: true,
                     bulkSelectExceptionInfo: 'processingWithOthers',
                 };
             }
@@ -544,7 +595,7 @@ const isBillSelectableForBulkAction = (bill, selectedTab, isBookClosedForBill, f
     }
     return result;
 };
-const getAllowedBulkActions = (selectedTab, selectedSubTab, isAllAwaitingMyApproval, isFirstBillProcessing) => {
+const getAllowedBulkActions = (selectedTab, selectedSubTab, isAllAwaitingMyApproval, isFirstBillProcessing, isBookClosedForAnySelectedBill, isRecurringBillInBulkActionList) => {
     switch (selectedTab) {
         case 'draft':
             return ['send_for_approval', 'delete'];
@@ -553,11 +604,16 @@ const getAllowedBulkActions = (selectedTab, selectedSubTab, isAllAwaitingMyAppro
                 case 'all':
                 case 'awaiting_approval':
                 case 'overdue':
-                    return isAllAwaitingMyApproval
-                        ? ['approve', 'reject', 'delete']
-                        : ['delete'];
+                    if (isAllAwaitingMyApproval) {
+                        return isBookClosedForAnySelectedBill
+                            ? ['approve', 'reject']
+                            : ['approve', 'reject', 'delete'];
+                    }
+                    return isBookClosedForAnySelectedBill ? [] : ['delete'];
                 case 'awaiting_my_approval':
-                    return ['approve', 'reject', 'delete'];
+                    return isBookClosedForAnySelectedBill
+                        ? ['approve', 'reject']
+                        : ['approve', 'reject', 'delete'];
                 case 'rejected':
                     return ['delete'];
                 default:
@@ -567,6 +623,9 @@ const getAllowedBulkActions = (selectedTab, selectedSubTab, isAllAwaitingMyAppro
         case 'scheduled': {
             switch (selectedSubTab) {
                 case 'all':
+                    if (isRecurringBillInBulkActionList) {
+                        return ['delete'];
+                    }
                     return isFirstBillProcessing ? ['cancel'] : ['delete'];
                 case 'failed':
                 case 'cancelled':

package/lib/view/spendManagement/chargeCards/chargeCardList/chargeCardListSelector.js

@@ -43,7 +43,7 @@ const getChargeCardListView = (state, includeCreditAccountAndCashbackInfo) => {
         var _a, _b, _c, _d, _e;
         switch (sortKey) {
             case 'owner':
-                return ((_c = `${(_a = card.cardHolderUser) === null || _a === void 0 ? void 0 : _a.firstName.toLowerCase()} ${(_b = card.cardHolderUser) === null || _b === void 0 ? void 0 : _b.lastName.toLowerCase()}`) !== null && _c !== void 0 ? _c : '');
+                return ((_c = `${(_a = card.cardHolderUser) === null || _a === void 0 ? void 0 : _a.firstName.toLowerCase().trim()} ${(_b = card.cardHolderUser) === null || _b === void 0 ? void 0 : _b.lastName.toLowerCase().trim()}`) !== null && _c !== void 0 ? _c : '');
             case 'cardName':
                 return card.cardName.toLowerCase();
             case 'department':

package/lib/view/spendManagement/commonSetup/epic/setup/updateBusinessVerificationDetailsEpic.js

@@ -244,5 +244,9 @@ const getBussinessVerificationForFeature = (setupViewType) => {
             return 'deposit_accounts';
         case 'bill_pay':
             return 'bill_pay';
+        //whenever a new setup view type is added, add the corresponding feature here
+        case 'billing':
+            console.warn(`Invalid type for setup view`);
+            return '';
     }
 };

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

@@ -4,13 +4,13 @@ import { ZeniAPIStatus } from '../../../responsePayload';
 import { CompanyOfficerType } from '../../companyView/types/companyPassport/companyUsersLocalData';
 import { SetupViewLocalData, SetupViewState } from './setupViewState';
 export declare const initialState: SetupViewState;
-export declare const enableSetup: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards"], {
+export declare const enableSetup: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing"], {
     companyId: string;
-    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards";
-}, string, never, never>, enableSetupSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, enableSetupFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>], ZeniAPIStatus<Record<string, unknown>>, string, never, never>, updateBusinessVerificationDetails: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string, officerType: "Officer_2" | "Officer_1" | "Officer_3" | "Officer_4" | "Officer_5" | "Officer_6" | "Officer_7" | "Officer_8" | "Officer_9" | "Officer_10", setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards", sendForVerification?: any, fromBillListScreen?: any, isSubmittingAdditionalDocuments?: any], {
+    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing";
+}, string, never, never>, enableSetupSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, enableSetupFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>], ZeniAPIStatus<Record<string, unknown>>, string, never, never>, updateBusinessVerificationDetails: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string, officerType: "Officer_2" | "Officer_1" | "Officer_3" | "Officer_4" | "Officer_5" | "Officer_6" | "Officer_7" | "Officer_8" | "Officer_9" | "Officer_10", setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing", sendForVerification?: any, fromBillListScreen?: any, isSubmittingAdditionalDocuments?: any], {
     companyId: string;
     officerType: "Officer_2" | "Officer_1" | "Officer_3" | "Officer_4" | "Officer_5" | "Officer_6" | "Officer_7" | "Officer_8" | "Officer_9" | "Officer_10";
-    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards";
+    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing";
     sendForVerification: any;
     fromBillListScreen: any;
     isSubmittingAdditionalDocuments: any;

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

@@ -4,7 +4,8 @@ import { AllowedValueWithCode } from '../../../commonStateTypes/allowedValue';
 import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
 import { AllowedDocumentType } from '../../../entity/file/fileState';
 import { CompanyOfficerType } from '../../companyView/types/companyPassport/companyUsersLocalData';
-export declare const toSetupViewType: (v: string) => "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards";
+export declare const SETUP_VIEW_TYPES: readonly ["billing"];
+export declare const toSetupViewType: (v: string) => "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing";
 export declare type SetupViewType = ReturnType<typeof toSetupViewType>;
 export declare const toSetupViewTypeStrict: (v: string | null) => SetupViewType | undefined;
 /**

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

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toSetupViewTypeStrict = exports.toSetupViewType = void 0;
+exports.toSetupViewTypeStrict = exports.toSetupViewType = exports.SETUP_VIEW_TYPES = void 0;
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 const entityApprovalStatusState_1 = require("../../../entity/entityApprovalStatus/entityApprovalStatusState");
-const toSetupViewType = (v) => (0, stringToUnion_1.stringToUnion)(v, entityApprovalStatusState_1.ALL_ENTITY_TYPES);
+exports.SETUP_VIEW_TYPES = ['billing'];
+const toSetupViewType = (v) => (0, stringToUnion_1.stringToUnion)(v, [...entityApprovalStatusState_1.ALL_ENTITY_TYPES, ...exports.SETUP_VIEW_TYPES]);
 exports.toSetupViewType = toSetupViewType;
 const toSetupViewTypeStrict = (v) => (0, stringToUnion_1.stringToUnionStrict)(v !== null && v !== void 0 ? v : '', entityApprovalStatusState_1.ALL_ENTITY_TYPES);
 exports.toSetupViewTypeStrict = toSetupViewTypeStrict;

package/lib/view/spendManagement/plaidAccount/epic/paymentAccounts/getPaymentAccountsEpic.js

@@ -9,12 +9,19 @@ const accountReducer_1 = require("../../../../../entity/account/accountReducer")
 const paymentAccountReducer_1 = require("../../../../../entity/paymentAccount/paymentAccountReducer");
 const getPaymentAccountsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(plaidAccountViewReducer_1.getPaymentAccounts.match), (0, operators_1.switchMap)((action) => {
     const { setupViewType, includeBalances, plaidAccountKeyType } = action.payload;
-    return zeniAPI
-        .getJSON(`${zeniAPI.apiEndPoints.payMicroServiceBaseUrl}/1.0/payment-accounts?query=${encodeURIComponent(JSON.stringify({
+    let queryParams = {
         is_include_balances: includeBalances,
         is_primary_for_onboarding: false,
         is_primary_for_bill_pay: true,
-    }))}`)
+    };
+    if (setupViewType === 'billing' &&
+        plaidAccountKeyType === 'billing_setup') {
+        queryParams = {
+            is_primary_for_onboarding: true,
+        };
+    }
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.payMicroServiceBaseUrl}/1.0/payment-accounts?query=${encodeURIComponent(JSON.stringify(queryParams))}`)
         .pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             const paymentAccountIds = response.data.payment_accounts.map((paymentAccount) => paymentAccount.payment_account_id);

package/lib/view/spendManagement/plaidAccount/epic/plaidConnection/establishPlaidConnectionEpic.js

@@ -26,10 +26,11 @@ const establishPlaidConnectionEpic = (actions$, state, zeniAPI) => actions$.pipe
         else if (plaidAccountKeyType === 'reimbursement_setup') {
             requestPayload.is_primary_for_reimbursements = true;
         }
+        else if (plaidAccountKeyType === 'billing_setup') {
+            requestPayload.is_primary_for_onboarding = true;
+        }
         else {
             requestPayload.is_primary_for_bill_pay = true;
-            requestPayload.is_primary_for_onboarding = true;
-            requestPayload.is_primary_for_reimbursements = true;
         }
     }
     return zeniAPI

package/lib/view/spendManagement/plaidAccount/plaidAccountViewReducer.d.ts

@@ -2,9 +2,9 @@ import { ID } from '../../../commonStateTypes/common';
 import { ZeniAPIStatus } from '../../../responsePayload';
 import { PlaidAccountKeyType, PlaidAccountViewState, PlaidLinkTokenType } from './plaidAccountViewState';
 export declare const initialState: PlaidAccountViewState;
-export declare const getPaymentAccounts: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards", plaidAccountKeyType: PlaidAccountKeyType, includeBalances?: any], {
-    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards";
-    includeBalances: any;
+export declare const getPaymentAccounts: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing", plaidAccountKeyType: PlaidAccountKeyType, includeBalances?: boolean | undefined], {
+    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing";
+    includeBalances: boolean;
     plaidAccountKeyType: PlaidAccountKeyType;
 }, string, never, never>, getPaymentAccountsSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[paymentAccountIds: string[], plaidAccountKeyType: PlaidAccountKeyType], {
     paymentAccountIds: string[];
@@ -12,10 +12,10 @@ export declare const getPaymentAccounts: import("@reduxjs/toolkit").ActionCreato
 }, string, never, never>, getPaymentAccountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>, plaidAccountKeyType: PlaidAccountKeyType], {
     error: ZeniAPIStatus<Record<string, unknown>>;
     plaidAccountKeyType: PlaidAccountKeyType;
-}, string, never, never>, updatePaymentAccount: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[accountId: string, paymentAccountId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards", plaidAccountKeyType: PlaidAccountKeyType], {
+}, string, never, never>, updatePaymentAccount: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[accountId: string, paymentAccountId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing", plaidAccountKeyType: PlaidAccountKeyType], {
     accountId: string;
     paymentAccountId: string;
-    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards";
+    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing";
     plaidAccountKeyType: PlaidAccountKeyType;
 }, string, never, never>, updatePaymentAccountSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[paymentAccountIds: string[], plaidAccountKeyType: PlaidAccountKeyType], {
     paymentAccountIds: string[];
@@ -23,10 +23,10 @@ export declare const getPaymentAccounts: import("@reduxjs/toolkit").ActionCreato
 }, string, never, never>, updatePaymentAccountFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>, plaidAccountKeyType: PlaidAccountKeyType], {
     error: ZeniAPIStatus<Record<string, unknown>>;
     plaidAccountKeyType: PlaidAccountKeyType;
-}, string, never, never>, updatePaymentAccountStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[verificationStatusCode: string, paymentAccountId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards", plaidAccountKeyType: PlaidAccountKeyType, linkTokenType?: PlaidLinkTokenType | undefined], {
+}, string, never, never>, updatePaymentAccountStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[verificationStatusCode: string, paymentAccountId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing", plaidAccountKeyType: PlaidAccountKeyType, linkTokenType?: PlaidLinkTokenType | undefined], {
     verificationStatusCode: string;
     paymentAccountId: string;
-    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards";
+    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing";
     plaidAccountKeyType: PlaidAccountKeyType;
     linkTokenType: PlaidLinkTokenType;
 }, string, never, never>, updatePaymentAccountStatusSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[paymentAccountIds: string[], linkTokenType: PlaidLinkTokenType, plaidAccountKeyType: PlaidAccountKeyType], {
@@ -37,10 +37,10 @@ export declare const getPaymentAccounts: import("@reduxjs/toolkit").ActionCreato
     error: ZeniAPIStatus<Record<string, unknown>>;
     linkTokenType: PlaidLinkTokenType;
     plaidAccountKeyType: PlaidAccountKeyType;
-}, string, never, never>, updatePaymentAccountLoginStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[isLoginRequired: boolean, paymentAccountId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards", plaidAccountKeyType: PlaidAccountKeyType, linkTokenType?: PlaidLinkTokenType | undefined], {
+}, string, never, never>, updatePaymentAccountLoginStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[isLoginRequired: boolean, paymentAccountId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing", plaidAccountKeyType: PlaidAccountKeyType, linkTokenType?: PlaidLinkTokenType | undefined], {
     isLoginRequired: boolean;
     paymentAccountId: string;
-    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards";
+    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing";
     plaidAccountKeyType: PlaidAccountKeyType;
     linkTokenType: PlaidLinkTokenType;
 }, string, never, never>, updatePaymentAccountLoginStatusSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[paymentAccountIds: string[], linkTokenType: PlaidLinkTokenType, plaidAccountKeyType: PlaidAccountKeyType], {
@@ -64,9 +64,9 @@ export declare const getPaymentAccounts: import("@reduxjs/toolkit").ActionCreato
     error: ZeniAPIStatus<Record<string, unknown>>;
     linkTokenType: PlaidLinkTokenType;
     plaidAccountKeyType: PlaidAccountKeyType;
-}, string, never, never>, establishPlaidConnection: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[publicToken: string, plaidAccountKeyType: PlaidAccountKeyType, setupViewType?: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | undefined, linkTokenType?: PlaidLinkTokenType | undefined], {
+}, string, never, never>, establishPlaidConnection: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[publicToken: string, plaidAccountKeyType: PlaidAccountKeyType, setupViewType?: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | undefined, linkTokenType?: PlaidLinkTokenType | undefined], {
     publicToken: string;
-    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | undefined;
+    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | undefined;
     linkTokenType: PlaidLinkTokenType;
     plaidAccountKeyType: PlaidAccountKeyType;
 }, string, never, never>, establishPlaidConnectionSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[primaryFundingAccountId: string, paymentAccountIds: string[], linkTokenType: PlaidLinkTokenType, plaidAccountKeyType: PlaidAccountKeyType], {

package/lib/view/spendManagement/plaidAccount/plaidAccountViewReducer.js

@@ -10,6 +10,7 @@ exports.initialState = {
     user_reimbursement_account: plaidAccountViewState_1.initialPlaidAccountState,
     external_account: plaidAccountViewState_1.initialPlaidAccountState,
     reimbursement_setup: plaidAccountViewState_1.initialPlaidAccountState,
+    billing_setup: plaidAccountViewState_1.initialPlaidAccountState,
 };
 const plaidAccountView = (0, toolkit_1.createSlice)({
     name: 'plaidAccountView',
@@ -23,8 +24,14 @@ const plaidAccountView = (0, toolkit_1.createSlice)({
                     error: undefined,
                 };
             },
-            prepare(setupViewType, plaidAccountKeyType, includeBalances = true) {
-                return { payload: { setupViewType, includeBalances, plaidAccountKeyType } };
+            prepare(setupViewType, plaidAccountKeyType, includeBalances) {
+                return {
+                    payload: {
+                        setupViewType,
+                        includeBalances: includeBalances == null ? true : includeBalances,
+                        plaidAccountKeyType,
+                    },
+                };
             },
         },
         getPaymentAccountsSuccess: {

package/lib/view/spendManagement/plaidAccount/plaidAccountViewState.d.ts

@@ -1,7 +1,7 @@
 import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
 import { ZeniDate } from '../../../zeniDayJS';
 export declare type PlaidLinkTokenType = 'link_account' | 'update_account' | 'link_account_no_microdeposit' | 'link_external_account';
-export declare type PlaidAccountKeyType = 'spend_management_setup' | 'reimbursement_setup' | 'user_reimbursement_account' | 'external_account';
+export declare type PlaidAccountKeyType = 'spend_management_setup' | 'reimbursement_setup' | 'user_reimbursement_account' | 'external_account' | 'billing_setup';
 export declare type PlaidConnectionDetails = Record<PlaidLinkTokenType, {
     linkToken?: string;
     expiration?: ZeniDate;

package/lib/view/spendManagement/zeniAccounts/zeniAccountList/fetchZeniAccountListPageEpic.js

@@ -18,8 +18,10 @@ const fetchZeniAccountListEpic = (actions$, state$) => actions$.pipe((0, operato
     }
     else {
         const depositAccountList = state.depositAccountListState;
-        if (depositAccountList.hasValidState() === false &&
-            depositAccountList.fetchState !== 'In-Progress') {
+        const zeniAccountList = state.zeniAccountListState;
+        if ((depositAccountList.hasValidState() === false &&
+            depositAccountList.fetchState !== 'In-Progress') ||
+            zeniAccountList.summary.zeniAccounts == null) {
             zeniAccountActions.push((0, depositAccountListReducer_1.fetchDepositAccountList)());
         }
         const paymentAccountList = state.paymentAccountListState;

package/lib/view/tasksCard/tasksCardSelector.d.ts

@@ -1,6 +1,6 @@
 import { RootState } from '../../reducer';
 export declare const getTasksCardReport: (state: RootState) => {
-    reportId: "cash_balance" | "card_balance" | "operating_expenses" | "operating_expenses_by_classes" | "revenue" | "revenue_by_classes" | "net_burn_or_income" | "net_burn_or_income_story_card" | "net_burn_or_income_by_classes" | "cash_position" | "top_expenses" | "profit_and_loss" | "profit_and_loss_by_classes" | "balance_sheet" | "cash_flow" | "dashboard" | "finance_statement" | "transaction_list_of_account" | "transaction_list_missing_receipt" | "transaction_list_of_account_by_class" | "transaction_detail" | "cash_in_cash_out" | "insights_dashboard" | "company_details" | "class_list" | "account_list" | "account_list_by_type" | "vendor" | "task_card" | "bill_pay" | "reimbursement" | "bill_pay_card" | "reimbursement_card" | "bill_pay_promo_card" | "zeni_accounts" | "zeni_accounts_promo_card" | "charge_cards" | "reimbursement_promo_card" | "onboarding" | "operating_expenses_by_vendor" | "operating_expenses_by_vendor_summary" | "vendors_tab" | "accounts_payable_aging" | "accounts_receivable_aging" | "vendor_global_review" | "prepaid_expenses" | "fixed_assets" | "notification" | "rewards_card";
+    reportId: "cash_balance" | "card_balance" | "operating_expenses" | "operating_expenses_by_classes" | "revenue" | "revenue_by_classes" | "net_burn_or_income" | "net_burn_or_income_story_card" | "net_burn_or_income_by_classes" | "cash_position" | "top_expenses" | "profit_and_loss" | "profit_and_loss_by_classes" | "balance_sheet" | "cash_flow" | "dashboard" | "finance_statement" | "transaction_list_of_account" | "transaction_list_missing_receipt" | "transaction_list_of_account_by_class" | "transaction_detail" | "cash_in_cash_out" | "insights_dashboard" | "company_details" | "class_list" | "account_list" | "account_list_by_type" | "vendor" | "task_card" | "bill_pay" | "reimbursement" | "bill_pay_card" | "reimbursement_card" | "bill_pay_promo_card" | "zeni_accounts" | "zeni_accounts_promo_card" | "charge_cards" | "reimbursement_promo_card" | "onboarding" | "operating_expenses_by_vendor" | "operating_expenses_by_vendor_summary" | "vendors_tab" | "accounts_payable_aging" | "accounts_receivable_aging" | "vendor_global_review" | "prepaid_expenses" | "fixed_assets" | "notification" | "rewards_card" | "billing";
     reportTitle: string;
     version: string | number | undefined;
     status: import("../..").Status | undefined;

package/lib/view/topEx/topExSelector.d.ts

@@ -5,7 +5,7 @@ import { AccountState } from '../../entity/account/accountState';
 import { EntityOrder } from '../../commonStateTypes/selectorTypes/selectorTypes';
 import { TopExReport, TopExTimePeriodWithMetaData } from './topExSelectorTypes';
 export declare const getTopExpenses: (accountState: AccountState, topExState: TopExState, numberOfExpenses?: number | undefined) => {
-    reportId: "cash_balance" | "card_balance" | "operating_expenses" | "operating_expenses_by_classes" | "revenue" | "revenue_by_classes" | "net_burn_or_income" | "net_burn_or_income_story_card" | "net_burn_or_income_by_classes" | "cash_position" | "top_expenses" | "profit_and_loss" | "profit_and_loss_by_classes" | "balance_sheet" | "cash_flow" | "dashboard" | "finance_statement" | "transaction_list_of_account" | "transaction_list_missing_receipt" | "transaction_list_of_account_by_class" | "transaction_detail" | "cash_in_cash_out" | "insights_dashboard" | "company_details" | "class_list" | "account_list" | "account_list_by_type" | "vendor" | "task_card" | "bill_pay" | "reimbursement" | "bill_pay_card" | "reimbursement_card" | "bill_pay_promo_card" | "zeni_accounts" | "zeni_accounts_promo_card" | "charge_cards" | "reimbursement_promo_card" | "onboarding" | "operating_expenses_by_vendor" | "operating_expenses_by_vendor_summary" | "vendors_tab" | "accounts_payable_aging" | "accounts_receivable_aging" | "vendor_global_review" | "prepaid_expenses" | "fixed_assets" | "notification" | "rewards_card";
+    reportId: "cash_balance" | "card_balance" | "operating_expenses" | "operating_expenses_by_classes" | "revenue" | "revenue_by_classes" | "net_burn_or_income" | "net_burn_or_income_story_card" | "net_burn_or_income_by_classes" | "cash_position" | "top_expenses" | "profit_and_loss" | "profit_and_loss_by_classes" | "balance_sheet" | "cash_flow" | "dashboard" | "finance_statement" | "transaction_list_of_account" | "transaction_list_missing_receipt" | "transaction_list_of_account_by_class" | "transaction_detail" | "cash_in_cash_out" | "insights_dashboard" | "company_details" | "class_list" | "account_list" | "account_list_by_type" | "vendor" | "task_card" | "bill_pay" | "reimbursement" | "bill_pay_card" | "reimbursement_card" | "bill_pay_promo_card" | "zeni_accounts" | "zeni_accounts_promo_card" | "charge_cards" | "reimbursement_promo_card" | "onboarding" | "operating_expenses_by_vendor" | "operating_expenses_by_vendor_summary" | "vendors_tab" | "accounts_payable_aging" | "accounts_receivable_aging" | "vendor_global_review" | "prepaid_expenses" | "fixed_assets" | "notification" | "rewards_card" | "billing";
     reportTitle: string;
     version: string | number | undefined;
     status: import("../..").Status | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "4.11.32",
+  "version": "4.11.33",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@reduxjs/toolkit": "^1.6.2",
-    "@stripe/stripe-js": "4.2.0",
+    "@stripe/stripe-js": "^4.1.0",
     "cross-fetch": "^3.1.2",
     "date-holidays": "^3.23.8",
     "dayjs": "^1.10.7",