@zeniai/client-epic-state 4.16.0 → 4.16.2

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

@@ -13,7 +13,7 @@ const classSelector_1 = require("../../../../entity/class/classSelector");
 const userSelector_1 = require("../../../../entity/user/userSelector");
 const userRoleSelector_1 = require("../../../../entity/userRole/userRoleSelector");
 const userListViewSelector_1 = require("../../../userListView/userListViewSelector");
-const getChargeCardListView = (state, includeCreditAccountAndCashbackInfo) => {
+const getChargeCardListView = (state, includeCreditAccountDebitSummaryAndCashbackInfo, isDebitCardEnabled, isCreditCardEnabled) => {
     const { chargeCardListState, chargeCardState, classState, userState, userRoleState, chargeCardConfigState, classListState, cashbackDetailState, userListViewState, } = state;
     const searchText = chargeCardListState.searchText.toLowerCase();
     const cards = (0, chargeCardSelector_1.getChargeCardsByIds)(chargeCardState, chargeCardListState.cardIds);
@@ -37,15 +37,20 @@ const getChargeCardListView = (state, includeCreditAccountAndCashbackInfo) => {
     const cardsInOrder = (0, orderBy_1.default)(chargeCardsWithUserFiltered, (person) => getCardsBySortKey(person, sortKey), sortOrder);
     const userListSelectorView = (0, userListViewSelector_1.getUserList)(userState, userRoleState, userListViewState, 'cardHolderCandidate');
     const userList = userListSelectorView.users;
-    const fetchState = includeCreditAccountAndCashbackInfo === true
-        ? (0, reduceFetchState_1.reduceFetchState)([
-            chargeCardListState,
-            chargeCardListState.creditAccount,
-            chargeCardConfigState,
-            cashbackDetailState,
-        ]).fetchState
-        : (0, reduceFetchState_1.reduceFetchState)([chargeCardListState, chargeCardConfigState])
-            .fetchState;
+    const requiredFetchStates = [
+        chargeCardListState,
+        chargeCardConfigState,
+    ];
+    if (includeCreditAccountDebitSummaryAndCashbackInfo) {
+        if (isCreditCardEnabled) {
+            requiredFetchStates.push(chargeCardListState.creditAccount);
+        }
+        if (isDebitCardEnabled) {
+            requiredFetchStates.push(chargeCardListState.debitCardSummaries);
+        }
+        requiredFetchStates.push(cashbackDetailState);
+    }
+    const fetchState = (0, reduceFetchState_1.reduceFetchState)(requiredFetchStates).fetchState;
     const issueCardPageFetchState = (0, reduceFetchState_1.reduceFetchState)([
         chargeCardConfigState,
         userListSelectorView,
@@ -55,6 +60,9 @@ const getChargeCardListView = (state, includeCreditAccountAndCashbackInfo) => {
         classIds: classIds,
         reportId: 'class_list',
     });
+    // used to determine which card (summary or promo) to show in the UI
+    const hasCreditCard = chargeCardsWithUser.some((card) => card.type.code.includes('credit'));
+    const hasDebitCard = chargeCardsWithUser.some((card) => card.type.code.includes('debit'));
     return {
         fetchState,
         error: chargeCardListState.error,
@@ -71,6 +79,9 @@ const getChargeCardListView = (state, includeCreditAccountAndCashbackInfo) => {
         version: '1.0',
         resendCardInvite: chargeCardListState.resendCardInvite,
         revokeCardInvite: chargeCardListState.revokeCardInvite,
+        debitCardSummary: chargeCardListState.debitCardSummaries,
+        hasCreditCard,
+        hasDebitCard,
     };
 };
 exports.getChargeCardListView = getChargeCardListView;
@@ -80,7 +91,8 @@ const getMyPendingActivationChargeCardListView = (state) => {
     const cards = (0, chargeCardSelector_1.getChargeCardsByIds)(chargeCardState, chargeCardListState.cardIds);
     const myUserId = (_a = tenantState.loggedInUser) === null || _a === void 0 ? void 0 : _a.userId;
     const myPendingActivationChargeCardWithUser = getChargeCardsWithUser(cards, state).filter((chargeCard) => chargeCard.cardHolderUserId === myUserId &&
-        chargeCard.type.code === 'business_physical_credit_card' &&
+        (chargeCard.type.code === 'business_physical_credit_card' ||
+            chargeCard.type.code === 'business_physical_debit_card') &&
         chargeCard.status.code === 'inactive');
     const sortKey = chargeCardListState.uiState.sortKey;
     const sortOrder = (0, sortOrderPayload_1.getSortOrder)(chargeCardListState.uiState.sortOrder);
@@ -164,7 +176,7 @@ const getChargeCardsWithUser = (cards, { userState, userRoleState, classState, a
     return chargeCardsWithUser;
 };
 const getCardsBySortKey = (card, sortKey) => {
-    var _a, _b, _c, _d;
+    var _a, _b;
     switch (sortKey) {
         case 'owner': {
             const firstName = (_a = card.cardHolderUser) === null || _a === void 0 ? void 0 : _a.firstName.toLowerCase();
@@ -179,8 +191,8 @@ const getCardsBySortKey = (card, sortKey) => {
         }
         case 'cardName':
             return card.cardName.toLowerCase();
-        case 'department':
-            return (_d = (_c = card.department) === null || _c === void 0 ? void 0 : _c.className.toLowerCase()) !== null && _d !== void 0 ? _d : '';
+        case 'cardType':
+            return card.type.code;
         case 'status':
             return card.status.code;
         case 'utilisation':

package/lib/view/spendManagement/chargeCards/chargeCardList/fetchChargeCardListPageEpic.d.ts

@@ -5,6 +5,6 @@ import { fetchClassList } from '../../../classList/classListReducer';
 import { fetchUserListByType } from '../../../userListView/userListViewReducer';
 import { fetchCashbackDetail } from '../cashbackDetail/cashbackDetailReducer';
 import { fetchChargeCardConfig } from '../chargeCardConfig/chargeCardConfigReducer';
-import { fetchChargeCardList, fetchChargeCardListPage, fetchCreditAccount } from './chargeCardListReducer';
-export type ActionType = ReturnType<typeof fetchChargeCardListPage> | ReturnType<typeof fetchCreditAccount> | ReturnType<typeof fetchChargeCardList> | ReturnType<typeof fetchChargeCardConfig> | ReturnType<typeof fetchUserListByType> | ReturnType<typeof fetchCashbackDetail> | ReturnType<typeof fetchClassList>;
+import { fetchChargeCardList, fetchChargeCardListPage, fetchCreditAccount, fetchDebitCardSummary } from './chargeCardListReducer';
+export type ActionType = ReturnType<typeof fetchChargeCardListPage> | ReturnType<typeof fetchCreditAccount> | ReturnType<typeof fetchChargeCardList> | ReturnType<typeof fetchChargeCardConfig> | ReturnType<typeof fetchUserListByType> | ReturnType<typeof fetchCashbackDetail> | ReturnType<typeof fetchClassList> | ReturnType<typeof fetchDebitCardSummary>;
 export declare const fetchChargeCardListPageEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

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

@@ -9,13 +9,19 @@ const cashbackDetailReducer_1 = require("../cashbackDetail/cashbackDetailReducer
 const chargeCardConfigReducer_1 = require("../chargeCardConfig/chargeCardConfigReducer");
 const chargeCardListReducer_1 = require("./chargeCardListReducer");
 const fetchChargeCardListPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(chargeCardListReducer_1.fetchChargeCardListPage.match), (0, operators_1.mergeMap)((action) => {
-    const { doFetchCreditAccountsAndCashback, cacheOverride } = action.payload;
+    const { doFetchCreditAccountsDebitSummaryAndCashback, isDebitCardEnabled, isCreditCardEnabled, cacheOverride, } = action.payload;
     const chargeCardListPageAction = [];
     const state = state$.value;
     const cashbackDetailState = state.cashbackDetailState;
     if (cacheOverride === true) {
-        if (doFetchCreditAccountsAndCashback === true) {
-            chargeCardListPageAction.push((0, chargeCardListReducer_1.fetchCreditAccount)(), (0, cashbackDetailReducer_1.fetchCashbackDetail)());
+        if (doFetchCreditAccountsDebitSummaryAndCashback === true) {
+            if (isCreditCardEnabled) {
+                chargeCardListPageAction.push((0, chargeCardListReducer_1.fetchCreditAccount)());
+            }
+            if (isDebitCardEnabled) {
+                chargeCardListPageAction.push((0, chargeCardListReducer_1.fetchDebitCardSummary)());
+            }
+            chargeCardListPageAction.push((0, cashbackDetailReducer_1.fetchCashbackDetail)());
         }
         chargeCardListPageAction.push((0, chargeCardListReducer_1.fetchChargeCardList)());
         chargeCardListPageAction.push((0, chargeCardConfigReducer_1.fetchChargeCardConfig)());
@@ -25,12 +31,13 @@ const fetchChargeCardListPageEpic = (actions$, state$) => actions$.pipe((0, oper
     }
     else {
         const chargeCardList = state.chargeCardListState;
-        if (doFetchCreditAccountsAndCashback === true &&
+        if (doFetchCreditAccountsDebitSummaryAndCashback === true &&
+            isCreditCardEnabled &&
             chargeCardList.creditAccount.fetchState !== 'Completed' &&
             chargeCardList.creditAccount.fetchState !== 'In-Progress') {
             chargeCardListPageAction.push((0, chargeCardListReducer_1.fetchCreditAccount)());
         }
-        if (doFetchCreditAccountsAndCashback &&
+        if (doFetchCreditAccountsDebitSummaryAndCashback &&
             cashbackDetailState.fetchState !== 'In-Progress' &&
             cashbackDetailState.hasValidState() === false) {
             chargeCardListPageAction.push((0, cashbackDetailReducer_1.fetchCashbackDetail)());
@@ -58,6 +65,14 @@ const fetchChargeCardListPageEpic = (actions$, state$) => actions$.pipe((0, oper
             state.classListState.fetchState !== 'In-Progress') {
             chargeCardListPageAction.push((0, classListReducer_1.fetchClassList)());
         }
+        if (doFetchCreditAccountsDebitSummaryAndCashback &&
+            isDebitCardEnabled &&
+            state.chargeCardListState.debitCardSummaries.fetchState !==
+                'In-Progress' &&
+            state.chargeCardListState.debitCardSummaries.fetchState !==
+                'Completed') {
+            chargeCardListPageAction.push((0, chargeCardListReducer_1.fetchDebitCardSummary)());
+        }
     }
     return (0, rxjs_1.concat)((0, rxjs_1.from)(chargeCardListPageAction));
 }));

package/lib/view/spendManagement/chargeCards/chargeCardList/fetchDebitCardSummaryEpic.d.ts

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { fetchDebitCardSummary, updateDebitCardSummary, updateDebitCardSummaryFailure } from './chargeCardListReducer';
+export type ActionType = ReturnType<typeof fetchDebitCardSummary> | ReturnType<typeof updateDebitCardSummary> | ReturnType<typeof updateDebitCardSummaryFailure>;
+export declare const fetchDebitCardSummaryEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchDebitCardSummaryEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../responsePayload");
+const chargeCardListReducer_1 = require("./chargeCardListReducer");
+const fetchDebitCardSummaryEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(chargeCardListReducer_1.fetchDebitCardSummary.match), (0, operators_1.switchMap)(() => {
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/cards/summaries?query={"card_types": ["debit"]}`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
+            return (0, rxjs_1.of)((0, chargeCardListReducer_1.updateDebitCardSummary)(response.data.debit_card_summaries));
+        }
+        else {
+            return (0, rxjs_1.of)((0, chargeCardListReducer_1.updateDebitCardSummaryFailure)(response.status));
+        }
+    }), (0, operators_1.catchError)((error) => {
+        return (0, rxjs_1.of)((0, chargeCardListReducer_1.updateDebitCardSummaryFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch Debit Card Summary REST API call errored out' +
+            JSON.stringify(error))));
+    }));
+}));
+exports.fetchDebitCardSummaryEpic = fetchDebitCardSummaryEpic;

package/lib/view/spendManagement/chargeCards/chargeCardSetUp/chargeCardSetUpViewReducer.d.ts

@@ -5,9 +5,10 @@ export declare const fetchChargeCardSetupView: import("@reduxjs/toolkit").Action
     companyId: string;
     cacheOverride: any;
     refreshViewInBackground: any;
-}, "chargeCardSetupView/fetchChargeCardSetupView", never, never>, fetchChargeCardSetupViewSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chargeCardSetupView/fetchChargeCardSetupViewSuccess">, fetchChargeCardSetupViewFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>], ZeniAPIStatus<Record<string, unknown>>, "chargeCardSetupView/fetchChargeCardSetupViewFailure", never, never>, acceptChargeCardTerms: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string, enableChargeCard: boolean], {
+}, "chargeCardSetupView/fetchChargeCardSetupView", never, never>, fetchChargeCardSetupViewSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chargeCardSetupView/fetchChargeCardSetupViewSuccess">, fetchChargeCardSetupViewFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>], ZeniAPIStatus<Record<string, unknown>>, "chargeCardSetupView/fetchChargeCardSetupViewFailure", never, never>, acceptChargeCardTerms: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string, enableChargeCard: boolean, chargeCardSetupViewType: "charge_cards" | "debit_cards" | "charge_cards__debit_cards"], {
     companyId: string;
     enableChargeCard: boolean;
+    chargeCardSetupViewType: "charge_cards" | "debit_cards" | "charge_cards__debit_cards";
 }, "chargeCardSetupView/acceptChargeCardTerms", never, never>, acceptChargeCardTermsSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chargeCardSetupView/acceptChargeCardTermsSuccess">, acceptChargeCardTermsFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>], ZeniAPIStatus<Record<string, unknown>>, "chargeCardSetupView/acceptChargeCardTermsFailure", never, never>, clearChargeCardSetupView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chargeCardSetupView/clearChargeCardSetupView">;
 declare const _default: import("redux").Reducer<ChargeCardSetupViewState>;
 export default _default;

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

@@ -57,8 +57,10 @@ const chargeCardSetupView = (0, toolkit_1.createSlice)({
                     },
                 });
             },
-            prepare(companyId, enableChargeCard) {
-                return { payload: { companyId, enableChargeCard } };
+            prepare(companyId, enableChargeCard, chargeCardSetupViewType) {
+                return {
+                    payload: { companyId, enableChargeCard, chargeCardSetupViewType },
+                };
             },
         },
         acceptChargeCardTermsSuccess(draft) {

package/lib/view/spendManagement/chargeCards/chargeCardSetUp/chargeCardSetUpViewSelector.d.ts

@@ -1,10 +1,11 @@
 import { FetchStateAndError, ID } from '../../../../commonStateTypes/common';
 import { SelectorView } from '../../../../commonStateTypes/viewAndReport/viewAndReport';
-import { CompanyChargeCardInfo, CompanyLocaleInfo } from '../../../../entity/company/companyStateTypes';
+import { CompanyChargeCardInfo, CompanyDebitCardInfo, CompanyLocaleInfo } from '../../../../entity/company/companyStateTypes';
 import { RootState } from '../../../../reducer';
 import { BusinessVerificationDetails, CompanyOfficersDetails, SetupView } from '../../commonSetup/setupViewSelector';
 export interface ChargeCardSetupView extends SetupView, SelectorView {
     companyChargeCardInfo?: CompanyChargeCardInfo;
+    companyDebitCardInfo?: CompanyDebitCardInfo;
     companyLocaleInfo?: CompanyLocaleInfo;
     chargeCardTermsDetails?: {
         fetchStatus: FetchStateAndError;

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

@@ -9,6 +9,7 @@ function getChargeCardSetupViewDetails(state, companyId) {
     const chargeCardSetupViewDetails = (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'charge_cards', 'charge_card_setup');
     const companyView = (0, getCompanyView_1.getCompanyView)(state, companyId, []);
     const companyChargeCardInfo = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyChargeCardInfo;
+    const companyDebitCardInfo = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyDebitCardInfo;
     const companyLocaleInfo = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyLocaleInfo;
     const { chargeCardSetupViewState, setupViewState } = state;
     const { chargeCardTermsDetails, isRefreshingViewInBackground } = chargeCardSetupViewState;
@@ -18,6 +19,7 @@ function getChargeCardSetupViewDetails(state, companyId) {
     const selectedCompanyOfficer = (0, helpers_1.getSelectedCompanyOfficer)(businessVerificationDetails);
     return Object.assign(Object.assign({}, chargeCardSetupViewDetails), { chargeCardTermsDetails,
         companyChargeCardInfo,
+        companyDebitCardInfo,
         companyLocaleInfo, version: 1, fetchState,
         error,
         updateStatus,

package/lib/view/spendManagement/chargeCards/chargeCardSetUp/epic/acceptChargeCardTermsEpic.js

@@ -10,9 +10,26 @@ const userRoleReducer_1 = require("../../../../../entity/userRole/userRoleReduce
 const responsePayload_1 = require("../../../../../responsePayload");
 const chargeCardSetUpViewReducer_1 = require("../chargeCardSetUpViewReducer");
 const acceptChargeCardTermsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(chargeCardSetUpViewReducer_1.acceptChargeCardTerms.match), (0, operators_1.mergeMap)((action) => {
-    const { companyId, enableChargeCard } = action.payload;
+    const { companyId, enableChargeCard, chargeCardSetupViewType } = action.payload;
+    let payload;
+    switch (chargeCardSetupViewType) {
+        case 'charge_cards':
+            payload = Object.assign({ is_charge_cards_tos_accepted: true }, (enableChargeCard && { is_charge_cards_enabled: true }));
+            break;
+        case 'charge_cards__debit_cards':
+            payload = Object.assign({ is_charge_cards_tos_accepted: true, is_debit_cards_tos_accepted: true }, (enableChargeCard && {
+                is_charge_cards_enabled: true,
+                is_debit_cards_enabled: true,
+            }));
+            break;
+        case 'debit_cards':
+            payload = Object.assign({ is_debit_cards_tos_accepted: true }, (enableChargeCard && { is_debit_cards_enabled: true }));
+            break;
+        default:
+            payload = {};
+    }
     return zeniAPI
-        .putAndGetJSON(`${zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/companies/${companyId}`, Object.assign({ is_charge_cards_tos_accepted: true }, (enableChargeCard && { is_charge_cards_enabled: true })))
+        .putAndGetJSON(`${zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/companies/${companyId}`, payload)
         .pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
             const actions = [

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

@@ -0,0 +1,6 @@
+import { DepositAccountWithLimitPayload } from '../../../../entity/depositAccount/depositAccountPayload';
+import { ZeniAPIResponse } from '../../../../responsePayload';
+export interface FetchDepositAccountsForCardsPayload {
+    deposit_accounts: DepositAccountWithLimitPayload[];
+}
+export type FetchDepositAccountsForCardsResponse = ZeniAPIResponse<FetchDepositAccountsForCardsPayload>;

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateDepositAccountLimitsForChargeCard } from '../../../../entity/depositAccount/depositAccountReducer';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { fetchDepositAccountListForCards, updateDepositAccountListForCardsFetchStatus, updateDepositAccountsInCards } from './issueChargeCardReducer';
+export type ActionType = ReturnType<typeof fetchDepositAccountListForCards> | ReturnType<typeof updateDepositAccountsInCards> | ReturnType<typeof updateDepositAccountLimitsForChargeCard> | ReturnType<typeof updateDepositAccountListForCardsFetchStatus>;
+export declare const fetchDepositAccountListForCardsEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchDepositAccountListForCardsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const depositAccountReducer_1 = require("../../../../entity/depositAccount/depositAccountReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const issueChargeCardReducer_1 = require("./issueChargeCardReducer");
+const fetchDepositAccountListForCardsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(issueChargeCardReducer_1.fetchDepositAccountListForCards.match), (0, operators_1.switchMap)(() => {
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.bankingMicroServiceBaseUrl}/1.0/deposit-accounts/limits`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        var _a, _b, _c, _d;
+        if ((0, responsePayload_1.isSuccessResponse)(response)) {
+            return (0, rxjs_1.of)((0, issueChargeCardReducer_1.updateDepositAccountsInCards)((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.deposit_accounts) !== null && _b !== void 0 ? _b : []), (0, depositAccountReducer_1.updateDepositAccountLimitsForChargeCard)((_d = (_c = response.data) === null || _c === void 0 ? void 0 : _c.deposit_accounts) !== null && _d !== void 0 ? _d : []));
+        }
+        else {
+            return (0, rxjs_1.of)((0, issueChargeCardReducer_1.updateDepositAccountListForCardsFetchStatus)({
+                fetchState: 'Error',
+                error: response.status,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => {
+        return (0, rxjs_1.of)((0, issueChargeCardReducer_1.updateDepositAccountListForCardsFetchStatus)({
+            fetchState: 'Error',
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch deposit Accounts For Cards REST API call errored out' +
+                JSON.stringify(error)),
+        }));
+    }));
+}));
+exports.fetchDepositAccountListForCardsEpic = fetchDepositAccountListForCardsEpic;

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

@@ -5,6 +5,6 @@ import { fetchClassList } from '../../../classList/classListReducer';
 import { fetchUserListByType } from '../../../userListView/userListViewReducer';
 import { fetchChargeCardConfig } from '../chargeCardConfig/chargeCardConfigReducer';
 import { fetchChargeCardList, fetchCreditAccount } from '../chargeCardList/chargeCardListReducer';
-import { fetchIssueCardPage } from './issueChargeCardReducer';
-export type ActionType = ReturnType<typeof fetchIssueCardPage> | ReturnType<typeof fetchChargeCardConfig> | ReturnType<typeof fetchUserListByType> | ReturnType<typeof fetchChargeCardList> | ReturnType<typeof fetchClassList> | ReturnType<typeof fetchCreditAccount>;
+import { fetchDepositAccountListForCards, fetchIssueCardPage } from './issueChargeCardReducer';
+export type ActionType = ReturnType<typeof fetchIssueCardPage> | ReturnType<typeof fetchChargeCardConfig> | ReturnType<typeof fetchUserListByType> | ReturnType<typeof fetchDepositAccountListForCards> | ReturnType<typeof fetchChargeCardList> | ReturnType<typeof fetchClassList> | ReturnType<typeof fetchCreditAccount>;
 export declare const fetchIssueCardPageEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

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

@@ -9,15 +9,20 @@ const chargeCardConfigReducer_1 = require("../chargeCardConfig/chargeCardConfigR
 const chargeCardListReducer_1 = require("../chargeCardList/chargeCardListReducer");
 const issueChargeCardReducer_1 = require("./issueChargeCardReducer");
 const fetchIssueCardPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(issueChargeCardReducer_1.fetchIssueCardPage.match), (0, operators_1.mergeMap)((action) => {
-    const { cacheOverride } = action.payload;
+    const { cacheOverride, isDebitCardFlagEnabled, isCreditCardFlagEnabled } = action.payload;
     const issueCardPageAction = [];
     const state = state$.value;
     if (cacheOverride === true) {
         issueCardPageAction.push((0, chargeCardConfigReducer_1.fetchChargeCardConfig)());
-        issueCardPageAction.push((0, chargeCardListReducer_1.fetchCreditAccount)());
+        if (isCreditCardFlagEnabled) {
+            issueCardPageAction.push((0, chargeCardListReducer_1.fetchCreditAccount)());
+        }
         issueCardPageAction.push((0, userListViewReducer_1.fetchUserListByType)('cardHolderCandidate', true));
         issueCardPageAction.push((0, classListReducer_1.fetchClassList)());
         issueCardPageAction.push((0, chargeCardListReducer_1.fetchChargeCardList)());
+        if (isDebitCardFlagEnabled) {
+            issueCardPageAction.push((0, issueChargeCardReducer_1.fetchDepositAccountListForCards)());
+        }
     }
     else {
         const chargeCardConfig = state.chargeCardConfigState;
@@ -27,7 +32,8 @@ const fetchIssueCardPageEpic = (actions$, state$) => actions$.pipe((0, operators
         }
         const chargeCardList = state.chargeCardListState;
         if (chargeCardList.creditAccount.fetchState !== 'Completed' &&
-            chargeCardList.creditAccount.fetchState !== 'In-Progress') {
+            chargeCardList.creditAccount.fetchState !== 'In-Progress' &&
+            isCreditCardFlagEnabled) {
             issueCardPageAction.push((0, chargeCardListReducer_1.fetchCreditAccount)());
         }
         const userList = state.userListViewState.userListByType.cardHolderCandidate;
@@ -43,6 +49,12 @@ const fetchIssueCardPageEpic = (actions$, state$) => actions$.pipe((0, operators
             chargeCardList.fetchState !== 'In-Progress') {
             issueCardPageAction.push((0, chargeCardListReducer_1.fetchChargeCardList)());
         }
+        const depositAccountsFetchState = state.issueChargeCardState.depositAccountsFetchState;
+        if (isDebitCardFlagEnabled &&
+            depositAccountsFetchState.fetchState !== 'Completed' &&
+            depositAccountsFetchState.fetchState !== 'In-Progress') {
+            issueCardPageAction.push((0, issueChargeCardReducer_1.fetchDepositAccountListForCards)());
+        }
     }
     return (0, rxjs_1.concat)((0, rxjs_1.from)(issueCardPageAction));
 }));

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

@@ -8,6 +8,6 @@ import { updateUserRoles } from '../../../../entity/userRole/userRoleReducer';
 import { RootState } from '../../../../reducer';
 import { ZeniAPI } from '../../../../zeniAPI';
 import { updateChargeCardList } from '../chargeCardList/chargeCardListReducer';
-import { issueChargeCardSuccessOrFailure, issueChargeCards, updateCardCount } from './issueChargeCardReducer';
-export type ActionType = ReturnType<typeof issueChargeCards> | ReturnType<typeof updateChargeCards> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateChargeCardList> | ReturnType<typeof updateCardCount> | ReturnType<typeof issueChargeCardSuccessOrFailure> | ReturnType<typeof updateAddresses>;
+import { issueChargeCardSuccessOrFailure, issueChargeCards, updateChargeCardCount, updateDebitCardCount } from './issueChargeCardReducer';
+export type ActionType = ReturnType<typeof issueChargeCards> | ReturnType<typeof updateChargeCards> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateChargeCardList> | ReturnType<typeof updateChargeCardCount> | ReturnType<typeof updateDebitCardCount> | ReturnType<typeof issueChargeCardSuccessOrFailure> | ReturnType<typeof updateAddresses>;
 export declare const issueChargeCardEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -15,42 +15,82 @@ const issueChargeCardEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, ope
     const state = state$.value;
     const localData = state.issueChargeCardState.localData;
     const payload = localData.map((data) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        if (data.cardType === 'business_physical_credit_card') {
-            return {
-                card_holder_user_ids: data.physicalCard.userId != null
-                    ? [data.physicalCard.userId]
-                    : [],
-                card_name: data.physicalCard.cardName,
-                credit_limit: (_b = (_a = data.physicalCard.amount) === null || _a === void 0 ? void 0 : _a.amount) !== null && _b !== void 0 ? _b : 0,
-                currency_code: (_d = (_c = data.physicalCard.amount) === null || _c === void 0 ? void 0 : _c.currencyCode) !== null && _d !== void 0 ? _d : 'USD',
-                credit_limit_frequency: { code: data.physicalCard.frequency },
-                card_type: data.cardType,
-                shipping_address_type: data.physicalCard.addressType,
-                shipping_address_id: data.physicalCard.addressId,
-            };
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        if (data.chargeCardType === 'credit_card') {
+            if (data.creditCard.cardType === 'business_physical_credit_card') {
+                return {
+                    card_holder_user_ids: data.creditCard.physicalCard.userId != null
+                        ? [data.creditCard.physicalCard.userId]
+                        : [],
+                    card_name: data.creditCard.physicalCard.cardName,
+                    purchase_limit: (_b = (_a = data.creditCard.physicalCard.amount) === null || _a === void 0 ? void 0 : _a.amount) !== null && _b !== void 0 ? _b : 0,
+                    currency_code: (_d = (_c = data.creditCard.physicalCard.amount) === null || _c === void 0 ? void 0 : _c.currencyCode) !== null && _d !== void 0 ? _d : 'USD',
+                    purchase_limit_frequency: {
+                        code: data.creditCard.physicalCard.frequency,
+                    },
+                    card_type: data.creditCard.cardType,
+                    shipping_address_type: data.creditCard.physicalCard.addressType,
+                    shipping_address_id: data.creditCard.physicalCard.addressId,
+                };
+            }
+            {
+                return {
+                    card_holder_user_ids: data.creditCard.virtualCard.userIds,
+                    card_name: data.creditCard.virtualCard.cardName,
+                    purchase_limit: (_f = (_e = data.creditCard.virtualCard.amount) === null || _e === void 0 ? void 0 : _e.amount) !== null && _f !== void 0 ? _f : 0,
+                    currency_code: (_h = (_g = data.creditCard.virtualCard.amount) === null || _g === void 0 ? void 0 : _g.currencyCode) !== null && _h !== void 0 ? _h : 'USD',
+                    purchase_limit_frequency: {
+                        code: data.creditCard.virtualCard.frequency,
+                    },
+                    card_type: data.creditCard.cardType,
+                };
+            }
         }
         else {
-            return {
-                card_holder_user_ids: data.virtualCard.userIds,
-                card_name: data.virtualCard.cardName,
-                credit_limit: (_f = (_e = data.virtualCard.amount) === null || _e === void 0 ? void 0 : _e.amount) !== null && _f !== void 0 ? _f : 0,
-                currency_code: (_h = (_g = data.virtualCard.amount) === null || _g === void 0 ? void 0 : _g.currencyCode) !== null && _h !== void 0 ? _h : 'USD',
-                credit_limit_frequency: { code: data.virtualCard.frequency },
-                card_type: data.cardType,
-            };
+            if (data.debitCard.cardType === 'business_physical_debit_card') {
+                return {
+                    card_holder_user_ids: data.debitCard.physicalCard.userId != null
+                        ? [data.debitCard.physicalCard.userId]
+                        : [],
+                    card_name: data.debitCard.physicalCard.cardName,
+                    purchase_limit: (_k = (_j = data.debitCard.physicalCard.amount) === null || _j === void 0 ? void 0 : _j.amount) !== null && _k !== void 0 ? _k : 0,
+                    currency_code: (_m = (_l = data.debitCard.physicalCard.amount) === null || _l === void 0 ? void 0 : _l.currencyCode) !== null && _m !== void 0 ? _m : 'USD',
+                    purchase_limit_frequency: {
+                        code: data.debitCard.physicalCard.frequency,
+                    },
+                    card_type: data.debitCard.cardType,
+                    shipping_address_type: data.debitCard.physicalCard.addressType,
+                    shipping_address_id: data.debitCard.physicalCard.addressId,
+                    connected_account_id: data.debitCard.physicalCard.connectedAccountId,
+                    connected_account_type: 'deposit_account',
+                };
+            }
+            else {
+                return {
+                    card_holder_user_ids: data.debitCard.virtualCard.userIds,
+                    card_name: data.debitCard.virtualCard.cardName,
+                    purchase_limit: (_p = (_o = data.debitCard.virtualCard.amount) === null || _o === void 0 ? void 0 : _o.amount) !== null && _p !== void 0 ? _p : 0,
+                    currency_code: (_r = (_q = data.debitCard.virtualCard.amount) === null || _q === void 0 ? void 0 : _q.currencyCode) !== null && _r !== void 0 ? _r : 'USD',
+                    purchase_limit_frequency: {
+                        code: data.debitCard.virtualCard.frequency,
+                    },
+                    connected_account_id: data.debitCard.virtualCard.connectedAccountId,
+                    card_type: data.debitCard.cardType,
+                    connected_account_type: 'deposit_account',
+                };
+            }
         }
     });
     return zeniAPI
         .postAndGetJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/cards`, { cards: payload })
         .pipe((0, operators_1.mergeMap)((response) => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
             const actions = [];
             actions.push((0, chargeCardReducer_1.updateChargeCards)(response.data.cards), (0, userReducer_1.updateAllUsers)({ users: response.data.users }), (0, userRoleReducer_1.updateUserRoles)(response.data.user_roles), (0, chargeCardListReducer_1.updateChargeCardList)({
                 chargeCardListPayload: response.data,
                 keepExistingListItems: true,
-            }), (0, addressReducer_1.updateAddresses)(response.data.addresses), (0, issueChargeCardReducer_1.updateCardCount)((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.cards_count_by_user_id) !== null && _b !== void 0 ? _b : []), (0, issueChargeCardReducer_1.issueChargeCardSuccessOrFailure)({ fetchState: 'Completed' }));
+            }), (0, addressReducer_1.updateAddresses)(response.data.addresses), (0, issueChargeCardReducer_1.updateChargeCardCount)((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.cards_count_by_user_id) !== null && _b !== void 0 ? _b : []), (0, issueChargeCardReducer_1.updateDebitCardCount)((_d = (_c = response.data) === null || _c === void 0 ? void 0 : _c.debit_cards_count_by_deposit_account_id) !== null && _d !== void 0 ? _d : {}), (0, issueChargeCardReducer_1.issueChargeCardSuccessOrFailure)({ fetchState: 'Completed' }));
             const cardHolderIds = response.data.cards.map((card) => card.holder_user_id);
             const namesList = response.data.users
                 .filter((user) => cardHolderIds.includes(user.user_id))
@@ -65,7 +105,7 @@ const issueChargeCardEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, ope
                     variables: [
                         {
                             variableName: '_user-name_',
-                            variableValue: (_c = namesList[0]) !== null && _c !== void 0 ? _c : '',
+                            variableValue: (_e = namesList[0]) !== null && _e !== void 0 ? _e : '',
                         },
                         {
                             variableName: '_card_',

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

@@ -1,6 +1,8 @@
 import { FetchState, ID } from '../../../../commonStateTypes/common';
+import { CardCodeType } from '../../../../entity/chargeCard/chargeCard';
+import { DepositAccountWithLimitPayload } from '../../../../entity/depositAccount/depositAccountPayload';
 import { ZeniAPIStatus } from '../../../../responsePayload';
-import { ActiveChargeCardCountPayload } from '../../../userListView/userListViewPayload';
+import { ActiveChargeCardCountPayload, ActiveDebitCardCountByUserIdPayload } from '../../../userListView/userListViewPayload';
 import { IssueChargeCardLocalData, IssueChargeCardState } from './issueChargeCardState';
 export declare const initialState: IssueChargeCardState;
 export declare const issueChargeCards: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[], {}, "issueChargeCard/issueChargeCards", never, never>, updateChargeCardsLocalStore: import("@reduxjs/toolkit").ActionCreatorWithPayload<IssueChargeCardLocalData[], "issueChargeCard/updateChargeCardsLocalStore">, issueChargeCardSuccessOrFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
@@ -9,8 +11,14 @@ export declare const issueChargeCards: import("@reduxjs/toolkit").ActionCreatorW
 }, "issueChargeCard/issueChargeCardSuccessOrFailure">, resetIssueChargeCardForm: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"issueChargeCard/resetIssueChargeCardForm">, updateCustomAddressId: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     addressId: ID;
     cardLineId: ID;
-}, "issueChargeCard/updateCustomAddressId">, updateCardCount: import("@reduxjs/toolkit").ActionCreatorWithPayload<ActiveChargeCardCountPayload[], "issueChargeCard/updateCardCount">, fetchIssueCardPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[cacheOverride?: any], {
+    cardType: CardCodeType;
+}, "issueChargeCard/updateCustomAddressId">, updateChargeCardCount: import("@reduxjs/toolkit").ActionCreatorWithPayload<ActiveChargeCardCountPayload[], "issueChargeCard/updateChargeCardCount">, updateDebitCardCount: import("@reduxjs/toolkit").ActionCreatorWithPayload<Record<string, ActiveDebitCardCountByUserIdPayload>, "issueChargeCard/updateDebitCardCount">, fetchIssueCardPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[isDebitCardFlagEnabled: boolean, isCreditCardFlagEnabled: boolean, cacheOverride?: any], {
+    isDebitCardFlagEnabled: boolean;
+    isCreditCardFlagEnabled: boolean;
     cacheOverride: any;
-}, "issueChargeCard/fetchIssueCardPage", never, never>, clearIssueChargeCard: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"issueChargeCard/clearIssueChargeCard">;
+}, "issueChargeCard/fetchIssueCardPage", never, never>, updateDepositAccountsInCards: import("@reduxjs/toolkit").ActionCreatorWithPayload<DepositAccountWithLimitPayload[], "issueChargeCard/updateDepositAccountsInCards">, fetchDepositAccountListForCards: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"issueChargeCard/fetchDepositAccountListForCards">, updateDepositAccountListForCardsFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    error?: ZeniAPIStatus;
+}, "issueChargeCard/updateDepositAccountListForCardsFetchStatus">, clearIssueChargeCard: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"issueChargeCard/clearIssueChargeCard">;
 declare const _default: import("redux").Reducer<IssueChargeCardState>;
 export default _default;