@zeniai/client-epic-state 4.16.1 → 4.16.2

package/lib/view/spendManagement/chargeCards/issueChargeCard/issueChargeCardReducer.js

@@ -1,11 +1,12 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearIssueChargeCard = exports.fetchIssueCardPage = exports.updateCardCount = exports.updateCustomAddressId = exports.resetIssueChargeCardForm = exports.issueChargeCardSuccessOrFailure = exports.updateChargeCardsLocalStore = exports.issueChargeCards = exports.initialState = void 0;
+exports.clearIssueChargeCard = exports.updateDepositAccountListForCardsFetchStatus = exports.fetchDepositAccountListForCards = exports.updateDepositAccountsInCards = exports.fetchIssueCardPage = exports.updateDebitCardCount = exports.updateChargeCardCount = exports.updateCustomAddressId = exports.resetIssueChargeCardForm = exports.issueChargeCardSuccessOrFailure = exports.updateChargeCardsLocalStore = exports.issueChargeCards = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
-const issueChargeCardState_1 = require("./issueChargeCardState");
 exports.initialState = {
-    localData: issueChargeCardState_1.initialIssueChargeCardLocalData,
+    depositAccountIds: [],
+    depositAccountsFetchState: { fetchState: 'Not-Started', error: undefined },
+    localData: [],
     fetchState: 'Not-Started',
     error: undefined,
     saveStatus: {
@@ -15,7 +16,8 @@ exports.initialState = {
     hasValidState() {
         return this.fetchState == 'Completed';
     },
-    activeCardCount: {},
+    activeChargeCardCount: {},
+    activeDebitCardCountByDepositAccountId: {},
 };
 const issueChargeCard = (0, toolkit_1.createSlice)({
     name: 'issueChargeCard',
@@ -25,9 +27,13 @@ const issueChargeCard = (0, toolkit_1.createSlice)({
             reducer() {
                 //do nothing
             },
-            prepare(cacheOverride = false) {
+            prepare(isDebitCardFlagEnabled, isCreditCardFlagEnabled, cacheOverride = false) {
                 return {
-                    payload: { cacheOverride },
+                    payload: {
+                        isDebitCardFlagEnabled,
+                        isCreditCardFlagEnabled,
+                        cacheOverride,
+                    },
                 };
             },
         },
@@ -52,24 +58,52 @@ const issueChargeCard = (0, toolkit_1.createSlice)({
             draft.saveStatus.error = action.payload.error;
         },
         updateCustomAddressId(draft, action) {
-            const { addressId, cardLineId } = action.payload;
+            const { addressId, cardLineId, cardType } = action.payload;
             const targetIndex = draft.localData.findIndex((lineItem) => lineItem.lineId === cardLineId);
             if (targetIndex > -1) {
-                draft.localData[targetIndex] = Object.assign(Object.assign({}, draft.localData[targetIndex]), { physicalCard: Object.assign(Object.assign({}, draft.localData[targetIndex].physicalCard), { addressId: addressId }) });
+                if (cardType === 'business_physical_credit_card') {
+                    draft.localData[targetIndex] = Object.assign(Object.assign({}, draft.localData[targetIndex]), { creditCard: Object.assign(Object.assign({}, draft.localData[targetIndex].creditCard), { physicalCard: Object.assign(Object.assign({}, draft.localData[targetIndex].creditCard.physicalCard), { addressId: addressId }) }) });
+                }
+                else if (cardType === 'business_physical_debit_card') {
+                    draft.localData[targetIndex] = Object.assign(Object.assign({}, draft.localData[targetIndex]), { debitCard: Object.assign(Object.assign({}, draft.localData[targetIndex].debitCard), { physicalCard: Object.assign(Object.assign({}, draft.localData[targetIndex].debitCard.physicalCard), { addressId: addressId }) }) });
+                }
             }
         },
-        updateCardCount(draft, action) {
+        updateChargeCardCount(draft, action) {
             action.payload.forEach((activeChargeCardCountPayload) => {
-                draft.activeCardCount[activeChargeCardCountPayload.user_id] = {
+                draft.activeChargeCardCount[activeChargeCardCountPayload.user_id] = {
                     physicalCardCount: activeChargeCardCountPayload.business_physical_credit_card_count,
                     virtualCardCount: activeChargeCardCountPayload.business_virtual_credit_card_count,
                 };
             });
         },
+        updateDebitCardCount(draft, action) {
+            Object.entries(action.payload).forEach(([depositAccountId, activeDebitCardCountByUserIdPayload]) => {
+                Object.entries(activeDebitCardCountByUserIdPayload).forEach(([userId, activeDebitCardCount]) => {
+                    draft.activeDebitCardCountByDepositAccountId = Object.assign(Object.assign({}, draft.activeDebitCardCountByDepositAccountId), { [depositAccountId]: Object.assign(Object.assign({}, draft.activeDebitCardCountByDepositAccountId[depositAccountId]), { [userId]: {
+                                physicalCardCount: activeDebitCardCount.business_physical_debit_card_count,
+                                virtualCardCount: activeDebitCardCount.business_virtual_debit_card_count,
+                            } }) });
+                });
+            });
+        },
+        fetchDepositAccountListForCards(draft) {
+            draft.depositAccountsFetchState.error = undefined;
+            draft.depositAccountsFetchState.fetchState = 'In-Progress';
+        },
+        updateDepositAccountsInCards(draft, action) {
+            draft.depositAccountIds = action.payload.map((depositAccountWithLimitPayload) => depositAccountWithLimitPayload.deposit_account_id);
+            draft.depositAccountsFetchState.fetchState = 'Completed';
+            draft.depositAccountsFetchState.error = undefined;
+        },
+        updateDepositAccountListForCardsFetchStatus(draft, action) {
+            draft.depositAccountsFetchState.fetchState = action.payload.fetchState;
+            draft.depositAccountsFetchState.error = action.payload.error;
+        },
         clearIssueChargeCard(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = issueChargeCard.actions, exports.issueChargeCards = _a.issueChargeCards, exports.updateChargeCardsLocalStore = _a.updateChargeCardsLocalStore, exports.issueChargeCardSuccessOrFailure = _a.issueChargeCardSuccessOrFailure, exports.resetIssueChargeCardForm = _a.resetIssueChargeCardForm, exports.updateCustomAddressId = _a.updateCustomAddressId, exports.updateCardCount = _a.updateCardCount, exports.fetchIssueCardPage = _a.fetchIssueCardPage, exports.clearIssueChargeCard = _a.clearIssueChargeCard;
+_a = issueChargeCard.actions, exports.issueChargeCards = _a.issueChargeCards, exports.updateChargeCardsLocalStore = _a.updateChargeCardsLocalStore, exports.issueChargeCardSuccessOrFailure = _a.issueChargeCardSuccessOrFailure, exports.resetIssueChargeCardForm = _a.resetIssueChargeCardForm, exports.updateCustomAddressId = _a.updateCustomAddressId, exports.updateChargeCardCount = _a.updateChargeCardCount, exports.updateDebitCardCount = _a.updateDebitCardCount, exports.fetchIssueCardPage = _a.fetchIssueCardPage, exports.updateDepositAccountsInCards = _a.updateDepositAccountsInCards, exports.fetchDepositAccountListForCards = _a.fetchDepositAccountListForCards, exports.updateDepositAccountListForCardsFetchStatus = _a.updateDepositAccountListForCardsFetchStatus, exports.clearIssueChargeCard = _a.clearIssueChargeCard;
 exports.default = issueChargeCard.reducer;

package/lib/view/spendManagement/chargeCards/issueChargeCard/issueChargeCardSelector.d.ts

@@ -2,22 +2,25 @@ import { FetchStateAndError, ID } from '../../../../commonStateTypes/common';
 import { SelectorView } from '../../../../commonStateTypes/viewAndReport/viewAndReport';
 import { Address } from '../../../../entity/address/addressState';
 import { Class } from '../../../../entity/class/classState';
+import { DepositAccountWithLimit } from '../../../../entity/depositAccount/depositAccount';
 import { RootState } from '../../../../reducer';
 import { Person } from '../../../people/peopleSelectorTypes';
 import { ChargeCardConfigState } from '../chargeCardConfig/chargeCardConfigState';
 import { CreditAccount } from '../chargeCardList/chargeCardList';
-import { ActiveChargeCardCount, IssueChargeCardLocalData } from './issueChargeCardState';
+import { ActiveChargeCardCount, ActiveDebitCardCountByUserId, IssueChargeCardLocalData } from './issueChargeCardState';
 export interface IssueChargeCardSelectorView extends SelectorView {
     localData: IssueChargeCardLocalData[];
     issueCardStatus: FetchStateAndError;
     userList: Person[];
+    depositAccounts: DepositAccountWithLimit[];
     allAccountingClasses: Class[];
     chargeCardConfig: ChargeCardConfigState;
     creditAccount: CreditAccount;
     customAddress: Record<ID, Address>;
     customAddressStatus: Record<ID, FetchStateAndError>;
     userAddress: Record<ID, Address>;
-    activeCardCountByUser: Record<ID, ActiveChargeCardCount>;
+    activeChargeCardCount: Record<ID, ActiveChargeCardCount>;
+    activeDebitCardCountByDepositAccountId: Record<ID, ActiveDebitCardCountByUserId>;
     companyAddress?: Address;
 }
-export declare const getIssueChargeCardView: (state: RootState) => IssueChargeCardSelectorView;
+export declare const getIssueChargeCardView: (state: RootState, isCreditCardEnabled: boolean, isDebitCardEnabled: boolean) => IssueChargeCardSelectorView;

package/lib/view/spendManagement/chargeCards/issueChargeCard/issueChargeCardSelector.js

@@ -4,14 +4,16 @@ exports.getIssueChargeCardView = void 0;
 const reduceFetchState_1 = require("../../../../commonStateTypes/reduceFetchState");
 const addressSelector_1 = require("../../../../entity/address/addressSelector");
 const classSelector_1 = require("../../../../entity/class/classSelector");
+const depositAccountSelector_1 = require("../../../../entity/depositAccount/depositAccountSelector");
 const tenantSelector_1 = require("../../../../entity/tenant/tenantSelector");
 const addressViewSelector_1 = require("../../../addressView/addressViewSelector");
 const userListViewSelector_1 = require("../../../userListView/userListViewSelector");
-const getIssueChargeCardView = (state) => {
+const getIssueChargeCardView = (state, isCreditCardEnabled, isDebitCardEnabled) => {
     var _a;
-    const { issueChargeCardState, userState, userRoleState, userListViewState, chargeCardConfigState, chargeCardListState, addressState, classState, classListState, } = state;
+    const { issueChargeCardState, userState, userRoleState, userListViewState, chargeCardConfigState, chargeCardListState, addressState, classState, depositAccountState, classListState, } = state;
     const userListSelectorView = (0, userListViewSelector_1.getUserList)(userState, userRoleState, userListViewState, 'cardHolderCandidate');
     const userList = userListSelectorView.users;
+    const depositAccounts = (0, depositAccountSelector_1.getDepositAccountLimitsForChargeCardByDepositAccountIds)(depositAccountState, issueChargeCardState.depositAccountIds);
     let selectedUserAddress = {};
     userList.forEach((user) => {
         var _a, _b;
@@ -31,17 +33,23 @@ const getIssueChargeCardView = (state) => {
     };
     issueChargeCardState.localData.forEach((lineItem) => {
         var _a;
-        if (lineItem.cardType === 'business_physical_credit_card') {
-            const targetLineId = lineItem.lineId;
-            const newlyAddedAddress = (0, addressViewSelector_1.getNewAddress)(`custom_shipping_${targetLineId}_address`, state);
-            customAddressStatus = Object.assign(Object.assign({}, customAddressStatus), { [targetLineId]: (_a = newlyAddedAddress === null || newlyAddedAddress === void 0 ? void 0 : newlyAddedAddress.status) !== null && _a !== void 0 ? _a : defaultFetchState });
-            if (newlyAddedAddress != null &&
-                newlyAddedAddress.status.fetchState === 'Completed' &&
-                newlyAddedAddress.newAddressId != null) {
-                const addressFromEntity = (0, addressSelector_1.getAddressByAddressId)(addressState, newlyAddedAddress.newAddressId);
-                if (addressFromEntity != null) {
-                    customAddress = Object.assign(Object.assign({}, customAddress), { [targetLineId]: addressFromEntity });
-                }
+        let newlyAddedAddress;
+        const targetLineId = lineItem.lineId;
+        if (lineItem.chargeCardType === 'credit_card' &&
+            lineItem.creditCard.cardType === 'business_physical_credit_card') {
+            newlyAddedAddress = (0, addressViewSelector_1.getNewAddress)(`credit_custom_shipping_${targetLineId}_address`, state);
+        }
+        else if (lineItem.chargeCardType === 'debit_card' &&
+            lineItem.debitCard.cardType === 'business_physical_debit_card') {
+            newlyAddedAddress = (0, addressViewSelector_1.getNewAddress)(`debit_custom_shipping_${targetLineId}_address`, state);
+        }
+        customAddressStatus = Object.assign(Object.assign({}, customAddressStatus), { [targetLineId]: (_a = newlyAddedAddress === null || newlyAddedAddress === void 0 ? void 0 : newlyAddedAddress.status) !== null && _a !== void 0 ? _a : defaultFetchState });
+        if (newlyAddedAddress != null &&
+            newlyAddedAddress.status.fetchState === 'Completed' &&
+            newlyAddedAddress.newAddressId != null) {
+            const addressFromEntity = (0, addressSelector_1.getAddressByAddressId)(addressState, newlyAddedAddress.newAddressId);
+            if (addressFromEntity != null) {
+                customAddress = Object.assign(Object.assign({}, customAddress), { [targetLineId]: addressFromEntity });
             }
         }
     });
@@ -50,20 +58,26 @@ const getIssueChargeCardView = (state) => {
         classIds: classIds,
         reportId: 'class_list',
     });
-    const issueCardPageFetchState = (0, reduceFetchState_1.reduceFetchState)([
+    const requiredFetchStates = [
         chargeCardConfigState,
         userListViewState.userListByType.cardHolderCandidate,
         userListSelectorView,
-        chargeCardListState.creditAccount,
         classListState,
-        chargeCardListState,
-    ]);
+    ];
+    if (isDebitCardEnabled) {
+        requiredFetchStates.push(issueChargeCardState.depositAccountsFetchState);
+    }
+    if (isCreditCardEnabled) {
+        requiredFetchStates.push(chargeCardListState.creditAccount);
+    }
+    const issueCardPageFetchState = (0, reduceFetchState_1.reduceFetchState)(requiredFetchStates);
     return {
         fetchState: issueCardPageFetchState.fetchState,
         error: issueCardPageFetchState.error,
         issueCardStatus: issueChargeCardState.saveStatus,
         localData: issueChargeCardState.localData,
         userList,
+        depositAccounts,
         chargeCardConfig: chargeCardConfigState,
         creditAccount: chargeCardListState.creditAccount,
         companyAddress: companyAddress,
@@ -71,7 +85,8 @@ const getIssueChargeCardView = (state) => {
         customAddressStatus,
         userAddress: selectedUserAddress,
         allAccountingClasses,
-        activeCardCountByUser: issueChargeCardState.activeCardCount,
+        activeChargeCardCount: issueChargeCardState.activeChargeCardCount,
+        activeDebitCardCountByDepositAccountId: issueChargeCardState.activeDebitCardCountByDepositAccountId,
     };
 };
 exports.getIssueChargeCardView = getIssueChargeCardView;

package/lib/view/spendManagement/chargeCards/issueChargeCard/issueChargeCardState.d.ts

@@ -1,33 +1,66 @@
 import { Amount } from '../../../../commonStateTypes/amount';
 import { FetchStateAndError, FetchedState, ID } from '../../../../commonStateTypes/common';
-import { CardCodeType, CreditLimitFrequencyCodeType, ShippingAddressType } from '../../../../entity/chargeCard/chargeCard';
+import { ChargeCardType, CreditCardCodeType, CreditLimitFrequencyCodeType, DebitCardCodeType, ShippingAddressType } from '../../../../entity/chargeCard/chargeCard';
 export interface IssueChargeCardState extends FetchedState {
     localData: IssueChargeCardLocalData[];
     saveStatus: FetchStateAndError;
-    activeCardCount: Record<ID, ActiveChargeCardCount>;
+    activeChargeCardCount: Record<ID, ActiveChargeCardCount>;
+    activeDebitCardCountByDepositAccountId: Record<ID, ActiveDebitCardCountByUserId>;
+    depositAccountIds: ID[];
+    depositAccountsFetchState: FetchStateAndError;
 }
 export interface ActiveChargeCardCount {
     physicalCardCount: number;
     virtualCardCount: number;
 }
-export interface PhysicalCardData {
+export interface ActiveDebitCardCountByUserId {
+    [userId: ID]: ActiveDebitCardCount;
+}
+export interface ActiveDebitCardCount {
+    physicalCardCount: number;
+    virtualCardCount: number;
+}
+export interface PhysicalCreditCardData {
+    cardName: string;
+    frequency: CreditLimitFrequencyCodeType;
+    addressType?: ShippingAddressType;
+    addressId?: ID;
+    amount?: Amount;
+    userId?: ID;
+}
+export interface VirtualCreditCardData {
+    userIds: ID[];
+    cardName: string;
+    frequency: CreditLimitFrequencyCodeType;
+    amount?: Amount;
+}
+export interface PhysicalDebitCardData {
     cardName: string;
     frequency: CreditLimitFrequencyCodeType;
     addressType?: ShippingAddressType;
     addressId?: ID;
     amount?: Amount;
     userId?: ID;
+    connectedAccountId?: ID;
 }
-export interface VirtualCardData {
+export interface VirtualDebitCardData {
     userIds: ID[];
     cardName: string;
     frequency: CreditLimitFrequencyCodeType;
     amount?: Amount;
+    connectedAccountId?: ID;
 }
 export interface IssueChargeCardLocalData {
     lineId: ID;
-    cardType: CardCodeType;
-    physicalCard: PhysicalCardData;
-    virtualCard: VirtualCardData;
+    chargeCardType: ChargeCardType;
+    creditCard: {
+        cardType: CreditCardCodeType;
+        physicalCard: PhysicalCreditCardData;
+        virtualCard: VirtualCreditCardData;
+    };
+    debitCard: {
+        cardType: DebitCardCodeType;
+        physicalCard: PhysicalDebitCardData;
+        virtualCard: VirtualDebitCardData;
+    };
 }
-export declare const initialIssueChargeCardLocalData: IssueChargeCardLocalData[];

package/lib/view/spendManagement/chargeCards/issueChargeCard/issueChargeCardState.js

@@ -1,23 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.initialIssueChargeCardLocalData = void 0;
-exports.initialIssueChargeCardLocalData = [
-    {
-        lineId: '1',
-        cardType: 'business_virtual_credit_card',
-        physicalCard: {
-            userId: undefined,
-            cardName: '',
-            frequency: 'monthly',
-            addressType: undefined,
-            addressId: undefined,
-            amount: undefined,
-        },
-        virtualCard: {
-            userIds: [],
-            cardName: '',
-            frequency: 'monthly',
-            amount: undefined,
-        },
-    },
-];

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

@@ -18,6 +18,15 @@ const enableSetupEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operat
         case 'charge_cards':
             payload = { is_charge_cards_enabled: true };
             break;
+        case 'debit_cards':
+            payload = { is_debit_cards_enabled: true };
+            break;
+        case 'charge_cards__debit_cards':
+            payload = {
+                is_charge_cards_enabled: true,
+                is_debit_cards_enabled: true,
+            };
+            break;
         case 'zeni_accounts':
             payload = { is_deposit_accounts_enabled: true };
             break;

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

@@ -19,6 +19,7 @@ const responsePayload_1 = require("../../../../../responsePayload");
 const addressViewPayload_1 = require("../../../../addressView/addressViewPayload");
 const addressViewSelector_1 = require("../../../../addressView/addressViewSelector");
 const getCompanyView_1 = require("../../../../companyView/selectorHelpers/getCompanyView");
+const helpers_1 = require("../../../helpers");
 const setupViewReducer_1 = require("../../setupViewReducer");
 const updateBusinessVerificationDetailsEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(setupViewReducer_1.updateBusinessVerificationDetails.match), (0, operators_1.mergeMap)((action) => {
     var _a, _b, _c, _d;
@@ -48,7 +49,7 @@ const updateBusinessVerificationDetailsEpic = (actions$, state$, zeniAPI) => act
             Boolean(companyOfficerLocalData.email) === true // Don't save Empty Company Officer details
             ? (0, exports.toBusinessVerificationOfficerDataPayload)(companyOfficerLocalData, isSubmittingAdditionalDocuments, companyOfficerAddressToCreate)
             : {};
-        const business_verification_submitted_for_feature = getBussinessVerificationForFeature(setupViewType);
+        const business_verification_submitted_for_feature = getBusinessVerificationForFeature(setupViewType);
         let payload = {
             company,
             company_officer,
@@ -71,7 +72,7 @@ const updateBusinessVerificationDetailsEpic = (actions$, state$, zeniAPI) => act
                     }),
                     (0, addressReducer_1.updateAddresses)(response.data.addresses),
                     (0, fileReducer_1.updateFiles)({ files: response.data.files }),
-                    (0, accountReducer_1.updateAccounts)(response.data.accounts, setupViewType),
+                    (0, accountReducer_1.updateAccounts)(response.data.accounts, (0, helpers_1.getReportIDPlusForecastIDFromSetupViewType)(setupViewType)),
                     (0, paymentAccountReducer_1.updatePaymentAccounts)(response.data.payment_accounts),
                     (0, setupViewReducer_1.updateSetupViewLocalStoreData)({
                         companyId: response.data.companies[0].company_id,
@@ -238,10 +239,14 @@ const toBusinessVerificationOfficerDataPayload = (companyOfficer, isSubmittingAd
     return company_officer;
 };
 exports.toBusinessVerificationOfficerDataPayload = toBusinessVerificationOfficerDataPayload;
-const getBussinessVerificationForFeature = (setupViewType) => {
+const getBusinessVerificationForFeature = (setupViewType) => {
     switch (setupViewType) {
         case 'charge_cards':
             return 'charge_cards';
+        case 'debit_cards':
+            return 'debit_cards';
+        case 'charge_cards__debit_cards':
+            return 'charge_cards__debit_cards';
         case 'reimbursement':
             return 'reimbursements';
         case 'zeni_accounts':

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

@@ -4,13 +4,13 @@ import { ZeniDate } from '../../../zeniDayJS';
 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" | "billing"], {
+export declare const enableSetup: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards"], {
     companyId: string;
-    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing";
-}, "setupView/enableSetup", never, never>, enableSetupSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"setupView/enableSetupSuccess">, enableSetupFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>], ZeniAPIStatus<Record<string, unknown>>, "setupView/enableSetupFailure", never, never>, updateBusinessVerificationDetails: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string, officerType: "Officer_1" | "Officer_3" | "Officer_2" | "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], {
+    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards";
+}, "setupView/enableSetup", never, never>, enableSetupSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"setupView/enableSetupSuccess">, enableSetupFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>], ZeniAPIStatus<Record<string, unknown>>, "setupView/enableSetupFailure", never, never>, updateBusinessVerificationDetails: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string, officerType: "Officer_1" | "Officer_3" | "Officer_2" | "Officer_4" | "Officer_5" | "Officer_6" | "Officer_7" | "Officer_8" | "Officer_9" | "Officer_10", setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards", sendForVerification?: any, fromBillListScreen?: any, isSubmittingAdditionalDocuments?: any], {
     companyId: string;
     officerType: "Officer_1" | "Officer_3" | "Officer_2" | "Officer_4" | "Officer_5" | "Officer_6" | "Officer_7" | "Officer_8" | "Officer_9" | "Officer_10";
-    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing";
+    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards";
     sendForVerification: any;
     fromBillListScreen: any;
     isSubmittingAdditionalDocuments: any;

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

@@ -10,6 +10,7 @@ const fileSelector_1 = require("../../../entity/file/fileSelector");
 const paymentAccountSelector_1 = require("../../../entity/paymentAccount/paymentAccountSelector");
 const getCompanyView_1 = require("../../companyView/selectorHelpers/getCompanyView");
 const fileViewSelector_1 = require("../../fileView/fileViewSelector");
+const helpers_1 = require("../helpers");
 const plaidAccountViewSelector_1 = require("../plaidAccount/plaidAccountViewSelector");
 function getCommonSetupViewDetails(state, companyId, setupViewType, plaidAccountKeyType) {
     var _a, _b, _c, _d;
@@ -19,7 +20,7 @@ function getCommonSetupViewDetails(state, companyId, setupViewType, plaidAccount
     const { allBankAccountIds } = accountDetails;
     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 allBankAccounts = (_a = allBankAccountIds === null || allBankAccountIds === void 0 ? void 0 : allBankAccountIds.map((accountId) => (0, accountSelector_1.getAccountBase)(accountState, accountId, (0, helpers_1.getReportIDPlusForecastIDFromSetupViewType)(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

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

@@ -4,8 +4,10 @@ import { AllowedDocumentType } from '../../../entity/file/fileState';
 import { ZeniDate } from '../../../zeniDayJS';
 import ZeniUrl from '../../../zeniUrl';
 import { CompanyOfficerType } from '../../companyView/types/companyPassport/companyUsersLocalData';
-declare const toSetupViewType: (v: string) => "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing";
+declare const toSetupViewType: (v: string) => "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards";
 export type SetupViewType = ReturnType<typeof toSetupViewType>;
+export declare const toChargeCardSetupViewType: (v: string) => "charge_cards" | "debit_cards" | "charge_cards__debit_cards";
+export type ChargeCardSetupViewType = ReturnType<typeof toChargeCardSetupViewType>;
 /**
  * Setup View Local Data - Interfaces
  */

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

@@ -1,7 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.toChargeCardSetupViewType = void 0;
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 const entityApprovalStatusState_1 = require("../../../entity/entityApprovalStatus/entityApprovalStatusState");
 const SETUP_VIEW_TYPES = ['billing'];
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-const toSetupViewType = (v) => (0, stringToUnion_1.stringToUnion)(v, [...entityApprovalStatusState_1.ALL_ENTITY_TYPES, ...SETUP_VIEW_TYPES]);
+const toSetupViewType = (v) => (0, stringToUnion_1.stringToUnion)(v, [
+    ...entityApprovalStatusState_1.ALL_ENTITY_TYPES,
+    ...SETUP_VIEW_TYPES,
+    ...CHARGE_CARD_SETUP_VIEW_TYPES,
+]);
+const CHARGE_CARD_SETUP_VIEW_TYPES = [
+    'charge_cards',
+    'debit_cards',
+    'charge_cards__debit_cards',
+];
+const toChargeCardSetupViewType = (v) => (0, stringToUnion_1.stringToUnion)(v, CHARGE_CARD_SETUP_VIEW_TYPES);
+exports.toChargeCardSetupViewType = toChargeCardSetupViewType;

package/lib/view/spendManagement/helpers.d.ts

@@ -1,4 +1,5 @@
 import { Amount } from '../../commonStateTypes/amount';
+import { ReportIDPlusForecastID } from '../../commonStateTypes/viewAndReport/viewAndReport';
 import { BillPayInfo, BulkProcessingStateType } from '../../entity/billPay/billTransaction/billTransactionState';
 import { RecurringBillConfig } from '../../entity/billPay/recurringBills/recurringBillsState';
 import { ReimbursementTypeCode } from '../../entity/reimbursement/reimbursementState';
@@ -10,6 +11,7 @@ import { BillTransactionView } from './billPay/billList/billListSelector';
 import { AccType, AccountTypeSubConfigCodeKeyType } from './billPay/billPayConfig/billPayConfigState';
 import { RecurringBillConfigLocalData, RecurringBillInstance } from './billPay/editBillView/editBillViewState';
 import { BusinessVerificationDetails, CompanyOfficersDetails } from './commonSetup/setupViewSelector';
+import { SetupViewType } from './commonSetup/setupViewState';
 import { RemiActivity } from './reimbursement/remiDetailView/remiDetailViewSelector';
 export declare const getLatestApprovalDate: (allActivities: BillActivity[] | RemiActivity[]) => ZeniDate | undefined;
 export declare function getSpendManagementEffectiveListPeriod(): import("../..").TimePeriod;
@@ -38,4 +40,5 @@ export interface ZeniAccountsPromoConfig {
 export declare const toAccountsPromoConfig: (dynamicConfigValue: Record<string, unknown>) => ZeniAccountsPromoConfig;
 export declare const isPaymentMethodOutsideZeni: (code?: string) => boolean;
 export declare const isAwaitingMarkAsPaid: (code?: string) => boolean;
+export declare const getReportIDPlusForecastIDFromSetupViewType: (setupViewType: SetupViewType) => ReportIDPlusForecastID;
 export declare const checkIfLowBalance: (totalAmount: Amount, bankBalance: Amount) => boolean;

package/lib/view/spendManagement/helpers.js

@@ -3,13 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkIfLowBalance = exports.isAwaitingMarkAsPaid = exports.isPaymentMethodOutsideZeni = exports.toAccountsPromoConfig = exports.getBulkOperationSuffix = exports.getRemiListUniqueType = exports.getBillListUniqueType = exports.isBulkProcessing = exports.getActualPaymentDate = exports.accountTypeSubConfigCodeToAccType = exports.isRecurringConfigChanged = exports.updateRecurringBillDetails = exports.getPaymentDateFromVendorReceiveDate = exports.getSelectedCompanyOfficer = exports.getLatestApprovalDate = void 0;
+exports.checkIfLowBalance = exports.getReportIDPlusForecastIDFromSetupViewType = exports.isAwaitingMarkAsPaid = exports.isPaymentMethodOutsideZeni = exports.toAccountsPromoConfig = exports.getBulkOperationSuffix = exports.getRemiListUniqueType = exports.getBillListUniqueType = exports.isBulkProcessing = exports.getActualPaymentDate = exports.accountTypeSubConfigCodeToAccType = exports.isRecurringConfigChanged = exports.updateRecurringBillDetails = exports.getPaymentDateFromVendorReceiveDate = exports.getSelectedCompanyOfficer = exports.getLatestApprovalDate = void 0;
 exports.getSpendManagementEffectiveListPeriod = getSpendManagementEffectiveListPeriod;
 exports.showReimbursementPromoPage = showReimbursementPromoPage;
 exports.showBillPayPromoPage = showBillPayPromoPage;
 exports.isVerifiedStatusCode = isVerifiedStatusCode;
 const uniq_1 = __importDefault(require("lodash/uniq"));
 const timeframeTick_1 = require("../../commonStateTypes/timeframeTick");
+const viewAndReport_1 = require("../../commonStateTypes/viewAndReport/viewAndReport");
 const workingDayHelper_1 = require("../../commonStateTypes/workingDayHelper");
 const userRoleType_1 = require("../../entity/userRole/userRoleType");
 const zeniDayJS_1 = require("../../zeniDayJS");
@@ -339,6 +340,17 @@ const isAwaitingMarkAsPaid = (code) => {
     return code != null ? code === 'awaiting_to_be_marked_as_paid' : false;
 };
 exports.isAwaitingMarkAsPaid = isAwaitingMarkAsPaid;
+const getReportIDPlusForecastIDFromSetupViewType = (setupViewType) => {
+    if (setupViewType === 'charge_cards__debit_cards' ||
+        setupViewType === 'charge_cards' ||
+        setupViewType === 'debit_cards') {
+        return 'charge_cards';
+    }
+    else {
+        return (0, viewAndReport_1.toReportID)(setupViewType);
+    }
+};
+exports.getReportIDPlusForecastIDFromSetupViewType = getReportIDPlusForecastIDFromSetupViewType;
 const checkIfLowBalance = (totalAmount, bankBalance) => {
     let isLowBalance = false;
     if (totalAmount.currencyCode === bankBalance.currencyCode) {

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

@@ -6,6 +6,7 @@ const operators_1 = require("rxjs/operators");
 const accountReducer_1 = require("../../../../../entity/account/accountReducer");
 const paymentAccountReducer_1 = require("../../../../../entity/paymentAccount/paymentAccountReducer");
 const responsePayload_1 = require("../../../../../responsePayload");
+const helpers_1 = require("../../../helpers");
 const plaidAccountViewReducer_1 = require("../../plaidAccountViewReducer");
 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;
@@ -26,7 +27,7 @@ const getPaymentAccountsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0,
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             const paymentAccountIds = response.data.payment_accounts.map((paymentAccount) => paymentAccount.payment_account_id);
             const actions = [
-                (0, accountReducer_1.updateAccounts)(response.data.accounts, setupViewType),
+                (0, accountReducer_1.updateAccounts)(response.data.accounts, (0, helpers_1.getReportIDPlusForecastIDFromSetupViewType)(setupViewType)),
                 (0, paymentAccountReducer_1.updatePaymentAccounts)(response.data.payment_accounts),
                 (0, plaidAccountViewReducer_1.getPaymentAccountsSuccess)(paymentAccountIds, plaidAccountKeyType),
             ];

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

@@ -6,6 +6,7 @@ const operators_1 = require("rxjs/operators");
 const accountReducer_1 = require("../../../../../entity/account/accountReducer");
 const paymentAccountReducer_1 = require("../../../../../entity/paymentAccount/paymentAccountReducer");
 const responsePayload_1 = require("../../../../../responsePayload");
+const helpers_1 = require("../../../helpers");
 const plaidAccountViewReducer_1 = require("../../plaidAccountViewReducer");
 const updatePaymentAccountEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(plaidAccountViewReducer_1.updatePaymentAccount.match), (0, operators_1.mergeMap)((action) => {
     const { accountId, paymentAccountId, setupViewType, plaidAccountKeyType } = action.payload;
@@ -16,7 +17,7 @@ const updatePaymentAccountEpic = (actions$, _state$, zeniAPI) => actions$.pipe((
         .pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             const actions = [
-                (0, accountReducer_1.updateAccounts)(response.data.accounts, setupViewType),
+                (0, accountReducer_1.updateAccounts)(response.data.accounts, (0, helpers_1.getReportIDPlusForecastIDFromSetupViewType)(setupViewType)),
                 (0, paymentAccountReducer_1.updatePaymentAccounts)(response.data.payment_accounts),
                 (0, plaidAccountViewReducer_1.updatePaymentAccountSuccess)(plaidAccountKeyType),
             ];

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

@@ -7,6 +7,7 @@ const accountReducer_1 = require("../../../../../entity/account/accountReducer")
 const paymentAccountReducer_1 = require("../../../../../entity/paymentAccount/paymentAccountReducer");
 const snackbarReducer_1 = require("../../../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../../../responsePayload");
+const helpers_1 = require("../../../helpers");
 const plaidAccountViewReducer_1 = require("../../plaidAccountViewReducer");
 const updatePaymentAccountLoginStatusEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(plaidAccountViewReducer_1.updatePaymentAccountLoginStatus.match), (0, operators_1.mergeMap)((action) => {
     const { isLoginRequired, paymentAccountId, setupViewType, linkTokenType, plaidAccountKeyType, } = action.payload;
@@ -18,7 +19,7 @@ const updatePaymentAccountLoginStatusEpic = (actions$, _state$, zeniAPI) => acti
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             const paymentAccountIds = response.data.payment_accounts.map((paymentAccount) => paymentAccount.payment_account_id);
             const actions = [
-                (0, accountReducer_1.updateAccounts)(response.data.accounts, setupViewType),
+                (0, accountReducer_1.updateAccounts)(response.data.accounts, (0, helpers_1.getReportIDPlusForecastIDFromSetupViewType)(setupViewType)),
                 (0, paymentAccountReducer_1.updatePaymentAccounts)(response.data.payment_accounts),
                 (0, plaidAccountViewReducer_1.updatePaymentAccountLoginStatusSuccess)(paymentAccountIds, linkTokenType, plaidAccountKeyType),
             ];

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

@@ -7,6 +7,7 @@ const accountReducer_1 = require("../../../../../entity/account/accountReducer")
 const paymentAccountReducer_1 = require("../../../../../entity/paymentAccount/paymentAccountReducer");
 const snackbarReducer_1 = require("../../../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../../../responsePayload");
+const helpers_1 = require("../../../helpers");
 const plaidAccountViewReducer_1 = require("../../plaidAccountViewReducer");
 const updatePaymentAccountStatusEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(plaidAccountViewReducer_1.updatePaymentAccountStatus.match), (0, operators_1.mergeMap)((action) => {
     const { verificationStatusCode, paymentAccountId, setupViewType, linkTokenType, plaidAccountKeyType, } = action.payload;
@@ -17,7 +18,7 @@ const updatePaymentAccountStatusEpic = (actions$, _state$, zeniAPI) => actions$.
         .pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             const actions = [
-                (0, accountReducer_1.updateAccounts)(response.data.accounts, setupViewType),
+                (0, accountReducer_1.updateAccounts)(response.data.accounts, (0, helpers_1.getReportIDPlusForecastIDFromSetupViewType)(setupViewType)),
                 (0, paymentAccountReducer_1.updatePaymentAccounts)(response.data.payment_accounts),
                 (0, plaidAccountViewReducer_1.updatePaymentAccountStatusSuccess)(linkTokenType, plaidAccountKeyType),
             ];

package/lib/view/spendManagement/plaidAccount/epic/plaidConnection/establishPlaidConnectionEpic.d.ts

@@ -9,7 +9,8 @@ import { RootState } from '../../../../../reducer';
 import { ZeniAPI } from '../../../../../zeniAPI';
 import { fetchBillingAccountsView } from '../../../../settingsView/settingsViewReducer';
 import { updateUserBankAccount } from '../../../../userFinancialAccount/userFinancialAccountReducer';
+import { updateNewAddedBillPaymentAccount } from '../../../billPay/editBillView/editBillViewReducer';
 import { updatePaymentAccountList } from '../../../zeniAccounts/paymentAccountList/paymentAccountListReducer';
 import { establishPlaidConnection, establishPlaidConnectionFailure, establishPlaidConnectionSuccess, getPaymentAccounts } from '../../plaidAccountViewReducer';
-export type ActionType = ReturnType<typeof establishPlaidConnection> | ReturnType<typeof updateAccounts> | ReturnType<typeof updateBankAccounts> | ReturnType<typeof updateUserBankAccount> | ReturnType<typeof updatePaymentAccounts> | ReturnType<typeof openSnackbar> | ReturnType<typeof updatePaymentAccountList> | ReturnType<typeof getPaymentAccounts> | ReturnType<typeof establishPlaidConnectionSuccess> | ReturnType<typeof establishPlaidConnectionFailure> | ReturnType<typeof fetchBillingAccountsView> | ReturnType<typeof updateCompanyPrimaryAccount>;
+export type ActionType = ReturnType<typeof establishPlaidConnection> | ReturnType<typeof updateAccounts> | ReturnType<typeof updateBankAccounts> | ReturnType<typeof updateUserBankAccount> | ReturnType<typeof updatePaymentAccounts> | ReturnType<typeof openSnackbar> | ReturnType<typeof updatePaymentAccountList> | ReturnType<typeof getPaymentAccounts> | ReturnType<typeof establishPlaidConnectionSuccess> | ReturnType<typeof establishPlaidConnectionFailure> | ReturnType<typeof fetchBillingAccountsView> | ReturnType<typeof updateCompanyPrimaryAccount> | ReturnType<typeof updateNewAddedBillPaymentAccount>;
 export declare const establishPlaidConnectionEpic: (actions$: ActionsObservable<ActionType>, state: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;