@zeniai/client-epic-state 4.13.20 → 4.13.22

package/lib/index.d.ts

@@ -641,7 +641,7 @@ export { CompanyHealthMetric, CompanyRunway, updateCompaniesHealth, updateCompan
 export { clearCompanyHealthMetricView, fetchCompanyHealthMetricView, initializeCompanyHealthMetricViewLocalData, removeSelectedCompanyId, saveCompanyHealthMetricById, updateCompanyHealthMetricLocalStore, updateCompanyHealthMetricViewErrorStatus, updateCompanyHealthMetricViewSuccessStatus, updateCompanyHealthViewUIState, };
 import { ChargeCardViewSortKey, ChargeCardListUIState, toChargeCardSortKeyType } from './view/spendManagement/chargeCards/chargeCardList/chargeCardList';
 import { ChargeCardListSelectorView, ChargeCardWithUser, ChargeCardWithUserAndShippingAddress, getChargeCardListView, getMyChargeCardListWithShippingAddress, getCreditAccount, anyCardOnHold, ChargeCardListWithShippingAddressSelectorView } from './view/spendManagement/chargeCards/chargeCardList/chargeCardListSelector';
-import { IssueChargeCardLocalData, IssueChargeCardState, PhysicalCardData, VirtualCardData } from './view/spendManagement/chargeCards/issueChargeCard/issueChargeCardState';
+import { IssueChargeCardLocalData, IssueChargeCardState, PhysicalCardData, VirtualCardData, ActiveChargeCardCount } from './view/spendManagement/chargeCards/issueChargeCard/issueChargeCardState';
 import { fetchChargeCardConfig } from './view/spendManagement/chargeCards/chargeCardConfig/chargeCardConfigReducer';
 import { IssueChargeCardSelectorView, getIssueChargeCardView } from './view/spendManagement/chargeCards/issueChargeCard/issueChargeCardSelector';
 import { ChargeCard, CreditLimitFrequency, CreditLimitFrequencyCodeType, toCreditLimitFrequencyCodeType, CardCodeType, toCardType, CardAddressType, toCardAddressType, ShippingAddressType, toShippingAddressType, CardStatusCodeType, CardActivationEventCodeType } from './entity/chargeCard/chargeCard';
@@ -663,7 +663,7 @@ import { CardUserOnboardingLocalData } from './view/spendManagement/chargeCards/
 import { initializeCardUserOnboardingLocalData, updateCardUserOnboardingLocalData, saveCardOnboardingUserDetails, startActivationWait, completeActivationWait, setFirstViewAfterActivation, setFirstViewCompleteAfterActivation, setCurrentDisplayedCardId } from './view/spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingReducer';
 import { getCardUserOnboardingView, CardUserOnboardingView } from './view/spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingSelector';
 import { issueChargeCards, resetIssueChargeCardForm, updateChargeCardsLocalStore, updateCustomAddressId, fetchIssueCardPage } from './view/spendManagement/chargeCards/issueChargeCard/issueChargeCardReducer';
-export { CardStatusCodeType, updateChargeCardTransactionAttachments, TransactionReceiptsPayload, ProductServices, ProductServiceKey, isCompanyRunwayInfinite, getCompanyHealthMetricView, hasCompanyHealthMetricFormFieldChanged, companyHealthMetricDropDownOptions, CompanyHealthMetricViewSelector, CompanyHealthMetricDropDownOption, CompanyDetailWithHealthMetric, ChargeCardBusinessVerificationDetails, getChargeCardBusinessVerificationDetails, fetchChargeCardList, fetchChargeCardListPage, fetchChargeCardConfig, fetchCreditAccount, getChargeCardListView, getMyChargeCardListWithShippingAddress, getCreditAccount, ChargeCardStatementsSelectorView, fetchChargeCardDetailPage, getChargeCardDetailView, ChargeCardTransactionAttachmentView, getChargeCardTransactionAttachmentView, fetchChargeCardTransactionList, fetchCashbackDetail, ChargeCard, ChargeCardWithUser, ChargeCardWithUserAndShippingAddress, ChargeCardViewSortKey, toChargeCardSortKeyType, CashbackPeriod, CashbackDetailUIState, CashbackViewSortKey, getCashbackDetail, CashbackDetailSelectorView, toCreditLimitFrequencyCodeType, ChargeCardListSelectorView, ChargeCardListWithShippingAddressSelectorView, ChargeCardDetailSelectorView, IssueChargeCardSelectorView, IssueChargeCardState, getIssueChargeCardView, ChargeCardConfigState, ChargeCardListUIState, ChargeCardTransaction, ChargeCardTransactionStatusCode, ChargeCardTransactionTypeCode, ChargeCardTransactionStatus, ChargeCardDetailUiState, ChargeCardTransactionSortKey, getChargeCardSetupViewDetails, ChargeCardSetupView, fetchChargeCardStatementList, ChargeCardStatement, getChargeCardStatements, fetchChargeCardSetupView, acceptChargeCardTerms, IssueChargeCardLocalData, PhysicalCardData, VirtualCardData, CreditLimitFrequencyCodeType, CardAddressType, toCardAddressType, ShippingAddressType, toShippingAddressType, CardActivationEventCodeType, CreditLimitFrequency, CardCodeType, toCardType, issueChargeCards, fetchIssueCardPage, updateCustomAddressId, updateChargeCardsLocalStore, resetIssueChargeCardForm, updateChargeCardListSearchText, updateChargeCardListUIState, updateCashbackDetailUIState, updateChargeCardDetail, updatePhysicalChargeCardAttempt, CardUserOnboardingLocalData, getCardUserOnboardingView, initializeCardUserOnboardingLocalData, updateCardUserOnboardingLocalData, CardUserOnboardingView, saveCardOnboardingUserDetails, updateChargeCardTransactionUploadReceiptsFetchStatus, updateChargeCardTransactionReceiptsShowTickFetchStatus, updateChargeCardTransactionIsViewReceiptClicked, fetchChargeCardTransactionAttachments, resendCardInvite, revokeCardInvite, startActivationWait, completeActivationWait, setFirstViewAfterActivation, setFirstViewCompleteAfterActivation, setCurrentDisplayedCardId, anyCardOnHold, };
+export { CardStatusCodeType, updateChargeCardTransactionAttachments, TransactionReceiptsPayload, ProductServices, ProductServiceKey, isCompanyRunwayInfinite, getCompanyHealthMetricView, hasCompanyHealthMetricFormFieldChanged, companyHealthMetricDropDownOptions, CompanyHealthMetricViewSelector, CompanyHealthMetricDropDownOption, CompanyDetailWithHealthMetric, ChargeCardBusinessVerificationDetails, getChargeCardBusinessVerificationDetails, fetchChargeCardList, fetchChargeCardListPage, fetchChargeCardConfig, fetchCreditAccount, getChargeCardListView, getMyChargeCardListWithShippingAddress, getCreditAccount, ChargeCardStatementsSelectorView, fetchChargeCardDetailPage, getChargeCardDetailView, ChargeCardTransactionAttachmentView, getChargeCardTransactionAttachmentView, fetchChargeCardTransactionList, fetchCashbackDetail, ChargeCard, ChargeCardWithUser, ChargeCardWithUserAndShippingAddress, ChargeCardViewSortKey, toChargeCardSortKeyType, CashbackPeriod, CashbackDetailUIState, CashbackViewSortKey, getCashbackDetail, CashbackDetailSelectorView, toCreditLimitFrequencyCodeType, ChargeCardListSelectorView, ChargeCardListWithShippingAddressSelectorView, ChargeCardDetailSelectorView, IssueChargeCardSelectorView, ActiveChargeCardCount, IssueChargeCardState, getIssueChargeCardView, ChargeCardConfigState, ChargeCardListUIState, ChargeCardTransaction, ChargeCardTransactionStatusCode, ChargeCardTransactionTypeCode, ChargeCardTransactionStatus, ChargeCardDetailUiState, ChargeCardTransactionSortKey, getChargeCardSetupViewDetails, ChargeCardSetupView, fetchChargeCardStatementList, ChargeCardStatement, getChargeCardStatements, fetchChargeCardSetupView, acceptChargeCardTerms, IssueChargeCardLocalData, PhysicalCardData, VirtualCardData, CreditLimitFrequencyCodeType, CardAddressType, toCardAddressType, ShippingAddressType, toShippingAddressType, CardActivationEventCodeType, CreditLimitFrequency, CardCodeType, toCardType, issueChargeCards, fetchIssueCardPage, updateCustomAddressId, updateChargeCardsLocalStore, resetIssueChargeCardForm, updateChargeCardListSearchText, updateChargeCardListUIState, updateCashbackDetailUIState, updateChargeCardDetail, updatePhysicalChargeCardAttempt, CardUserOnboardingLocalData, getCardUserOnboardingView, initializeCardUserOnboardingLocalData, updateCardUserOnboardingLocalData, CardUserOnboardingView, saveCardOnboardingUserDetails, updateChargeCardTransactionUploadReceiptsFetchStatus, updateChargeCardTransactionReceiptsShowTickFetchStatus, updateChargeCardTransactionIsViewReceiptClicked, fetchChargeCardTransactionAttachments, resendCardInvite, revokeCardInvite, startActivationWait, completeActivationWait, setFirstViewAfterActivation, setFirstViewCompleteAfterActivation, setCurrentDisplayedCardId, anyCardOnHold, };
 import { AgingBalance, AgingPeriod } from './commonStateTypes/agingBalance/agingBalance';
 import { fetchApAging, updateApAgingUIState } from './view/apAgingView/apAgingReport/apAgingReducer';
 import { ApAgingReport, getApAgingReport, AgingBalancesByVendor } from './view/apAgingView/apAgingReport/apAgingSelector';

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

@@ -2,8 +2,9 @@ import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { RootState } from '../../../../reducer';
 import { fetchUserListByType } from '../../../userListView/userListViewReducer';
+import { fetchClassList } from '../../../classList/classListReducer';
 import { fetchChargeCardConfig } from '../chargeCardConfig/chargeCardConfigReducer';
 import { fetchIssueCardPage } from './issueChargeCardReducer';
-import { fetchCreditAccount } from '../chargeCardList/chargeCardListReducer';
-export declare type ActionType = ReturnType<typeof fetchIssueCardPage> | ReturnType<typeof fetchChargeCardConfig> | ReturnType<typeof fetchUserListByType> | ReturnType<typeof fetchCreditAccount>;
+import { fetchChargeCardList, fetchCreditAccount } from '../chargeCardList/chargeCardListReducer';
+export declare type ActionType = ReturnType<typeof fetchIssueCardPage> | ReturnType<typeof fetchChargeCardConfig> | ReturnType<typeof fetchUserListByType> | 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

@@ -4,6 +4,7 @@ exports.fetchIssueCardPageEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const userListViewReducer_1 = require("../../../userListView/userListViewReducer");
+const classListReducer_1 = require("../../../classList/classListReducer");
 const chargeCardConfigReducer_1 = require("../chargeCardConfig/chargeCardConfigReducer");
 const issueChargeCardReducer_1 = require("./issueChargeCardReducer");
 const chargeCardListReducer_1 = require("../chargeCardList/chargeCardListReducer");
@@ -15,7 +16,8 @@ const fetchIssueCardPageEpic = (actions$, state$) => actions$.pipe((0, operators
         issueCardPageAction.push((0, chargeCardConfigReducer_1.fetchChargeCardConfig)());
         issueCardPageAction.push((0, chargeCardListReducer_1.fetchCreditAccount)());
         issueCardPageAction.push((0, userListViewReducer_1.fetchUserListByType)('cardHolderCandidate', true));
-        issueCardPageAction.push((0, userListViewReducer_1.fetchUserListByType)('cardAdmin', true));
+        issueCardPageAction.push((0, classListReducer_1.fetchClassList)());
+        issueCardPageAction.push((0, chargeCardListReducer_1.fetchChargeCardList)());
     }
     else {
         const chargeCardConfig = state.chargeCardConfigState;
@@ -33,10 +35,13 @@ const fetchIssueCardPageEpic = (actions$, state$) => actions$.pipe((0, operators
             userList.hasValidState() === false) {
             issueCardPageAction.push((0, userListViewReducer_1.fetchUserListByType)('cardHolderCandidate', false));
         }
-        const userAdminList = state.userListViewState.userListByType.cardAdmin;
-        if (userAdminList.fetchState !== 'In-Progress' &&
-            userAdminList.hasValidState() === false) {
-            issueCardPageAction.push((0, userListViewReducer_1.fetchUserListByType)('cardAdmin', false));
+        if (state.classListState.hasValidState() === false &&
+            state.classListState.fetchState !== 'In-Progress') {
+            issueCardPageAction.push((0, classListReducer_1.fetchClassList)());
+        }
+        if (chargeCardList.fetchState !== 'Completed' &&
+            chargeCardList.fetchState !== 'In-Progress') {
+            issueCardPageAction.push((0, chargeCardListReducer_1.fetchChargeCardList)());
         }
     }
     return (0, rxjs_1.concat)((0, rxjs_1.from)(issueCardPageAction));

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

@@ -18,8 +18,8 @@ const issueChargeCardEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, ope
         var _a, _b, _c, _d, _e, _f, _g, _h;
         if (data.cardType === 'business_physical_credit_card') {
             return {
-                card_holder_user_ids: data.physicalCard.userIds != null
-                    ? [data.physicalCard.userIds]
+                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,

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

@@ -1,6 +1,7 @@
 import { ZeniAPIStatus } from '../../../../responsePayload';
 import { FetchState, ID } from '../../../../commonStateTypes/common';
 import { IssueChargeCardState, IssueChargeCardLocalData } from './issueChargeCardState';
+import { ActiveChargeCardCountPayload } from '../../../userListView/userListViewPayload';
 export declare const initialState: IssueChargeCardState;
 export declare const issueChargeCards: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[], {}, string, never, never>, updateChargeCardsLocalStore: import("@reduxjs/toolkit").ActionCreatorWithPayload<IssueChargeCardLocalData[], string>, issueChargeCardSuccessOrFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     fetchState: FetchState;
@@ -8,7 +9,7 @@ export declare const issueChargeCards: import("@reduxjs/toolkit").ActionCreatorW
 }, string>, resetIssueChargeCardForm: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateCustomAddressId: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     addressId: ID;
     cardLineId: ID;
-}, string>, fetchIssueCardPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[cacheOverride?: any], {
+}, string>, updateCardCount: import("@reduxjs/toolkit").ActionCreatorWithPayload<ActiveChargeCardCountPayload[], string>, fetchIssueCardPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[cacheOverride?: any], {
     cacheOverride: any;
 }, string, never, never>, clearIssueChargeCard: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("@reduxjs/toolkit").Reducer<IssueChargeCardState, import("@reduxjs/toolkit").AnyAction>;

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

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearIssueChargeCard = exports.fetchIssueCardPage = exports.updateCustomAddressId = exports.resetIssueChargeCardForm = exports.issueChargeCardSuccessOrFailure = exports.updateChargeCardsLocalStore = exports.issueChargeCards = exports.initialState = void 0;
+exports.clearIssueChargeCard = exports.fetchIssueCardPage = exports.updateCardCount = 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 = {
@@ -15,6 +15,7 @@ exports.initialState = {
     hasValidState() {
         return this.fetchState == 'Completed';
     },
+    activeCardCount: {},
 };
 const issueChargeCard = (0, toolkit_1.createSlice)({
     name: 'issueChargeCard',
@@ -44,6 +45,7 @@ const issueChargeCard = (0, toolkit_1.createSlice)({
         },
         resetIssueChargeCardForm(draft) {
             draft.localData = [...exports.initialState.localData];
+            draft.saveStatus = exports.initialState.saveStatus;
         },
         issueChargeCardSuccessOrFailure(draft, action) {
             draft.saveStatus.fetchState = action.payload.fetchState;
@@ -56,10 +58,18 @@ const issueChargeCard = (0, toolkit_1.createSlice)({
                 draft.localData[targetIndex] = Object.assign(Object.assign({}, draft.localData[targetIndex]), { physicalCard: Object.assign(Object.assign({}, draft.localData[targetIndex].physicalCard), { addressId: addressId }) });
             }
         },
+        updateCardCount(draft, action) {
+            action.payload.forEach((activeChargeCardCountPayload) => {
+                draft.activeCardCount[activeChargeCardCountPayload.user_id] = {
+                    physicalCardCount: activeChargeCardCountPayload.business_physical_credit_card_count,
+                    virtualCardCount: activeChargeCardCountPayload.business_virtual_credit_card_count,
+                };
+            });
+        },
         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.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.updateCardCount = _a.updateCardCount, exports.fetchIssueCardPage = _a.fetchIssueCardPage, exports.clearIssueChargeCard = _a.clearIssueChargeCard;
 exports.default = issueChargeCard.reducer;

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

@@ -4,7 +4,7 @@ import { SelectorView } from '../../../../commonStateTypes/viewAndReport/viewAnd
 import { Address } from '../../../../entity/address/addressState';
 import { Person } from '../../../people/peopleSelectorTypes';
 import { Class } from '../../../../entity/class/classState';
-import { IssueChargeCardLocalData } from './issueChargeCardState';
+import { ActiveChargeCardCount, IssueChargeCardLocalData } from './issueChargeCardState';
 import { ChargeCardConfigState } from '../chargeCardConfig/chargeCardConfigState';
 import { CreditAccount } from '../chargeCardList/chargeCardList';
 export interface IssueChargeCardSelectorView extends SelectorView {
@@ -17,6 +17,7 @@ export interface IssueChargeCardSelectorView extends SelectorView {
     customAddress: Record<ID, Address>;
     customAddressStatus: Record<ID, FetchStateAndError>;
     userAddress: Record<ID, Address>;
+    activeCardCountByUser: Record<ID, ActiveChargeCardCount>;
     companyAddress?: Address;
 }
 export declare const getIssueChargeCardView: (state: RootState) => IssueChargeCardSelectorView;

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

@@ -4,12 +4,12 @@ exports.getIssueChargeCardView = void 0;
 const reduceFetchState_1 = require("../../../../commonStateTypes/reduceFetchState");
 const addressSelector_1 = require("../../../../entity/address/addressSelector");
 const addressViewSelector_1 = require("../../../addressView/addressViewSelector");
-const getCompanyView_1 = require("../../../companyView/selectorHelpers/getCompanyView");
+const tenantSelector_1 = require("../../../../entity/tenant/tenantSelector");
 const classSelector_1 = require("../../../../entity/class/classSelector");
 const userListViewSelector_1 = require("../../../userListView/userListViewSelector");
 const getIssueChargeCardView = (state) => {
-    var _a, _b;
-    const { issueChargeCardState, userState, userRoleState, userListViewState, chargeCardConfigState, chargeCardListState, tenantState, addressState, classState, classListState, } = state;
+    var _a;
+    const { issueChargeCardState, userState, userRoleState, userListViewState, chargeCardConfigState, chargeCardListState, addressState, classState, classListState, } = state;
     const userListSelectorView = (0, userListViewSelector_1.getUserList)(userState, userRoleState, userListViewState, 'cardHolderCandidate');
     const userList = userListSelectorView.users;
     let selectedUserAddress = {};
@@ -20,12 +20,9 @@ const getIssueChargeCardView = (state) => {
             selectedUserAddress = Object.assign(Object.assign({}, selectedUserAddress), { [user.userId]: userAddress });
         }
     });
-    const { currentTenantId } = tenantState;
-    const companyId = currentTenantId != null
-        ? (_b = (_a = tenantState.tenantsById) === null || _a === void 0 ? void 0 : _a[currentTenantId]) === null || _b === void 0 ? void 0 : _b.companyId
-        : '';
-    const companyView = (0, getCompanyView_1.getCompanyView)(state, companyId, []);
-    const companyAddress = companyView === null || companyView === void 0 ? void 0 : companyView.companyAddress;
+    const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state);
+    const companyAddressId = (_a = currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.company) === null || _a === void 0 ? void 0 : _a.managegmentInfo.companyAddressId;
+    const companyAddress = (0, addressSelector_1.getAddressByAddressId)(addressState, companyAddressId !== null && companyAddressId !== void 0 ? companyAddressId : '');
     let customAddressStatus = {};
     let customAddress = {};
     const defaultFetchState = {
@@ -48,17 +45,19 @@ const getIssueChargeCardView = (state) => {
             }
         }
     });
-    const issueCardPageFetchState = (0, reduceFetchState_1.reduceFetchState)([
-        chargeCardConfigState,
-        userListSelectorView,
-        chargeCardListState.creditAccount,
-        tenantState,
-    ]);
     const { classIds } = classListState;
     const allAccountingClasses = (0, classSelector_1.getClassesByIds)(classState, {
         classIds: classIds,
         reportId: 'class_list',
     });
+    const issueCardPageFetchState = (0, reduceFetchState_1.reduceFetchState)([
+        chargeCardConfigState,
+        userListViewState.userListByType.cardHolderCandidate,
+        userListSelectorView,
+        chargeCardListState.creditAccount,
+        classListState,
+        chargeCardListState,
+    ]);
     return {
         fetchState: issueCardPageFetchState.fetchState,
         error: issueCardPageFetchState.error,
@@ -72,6 +71,7 @@ const getIssueChargeCardView = (state) => {
         customAddressStatus,
         userAddress: selectedUserAddress,
         allAccountingClasses,
+        activeCardCountByUser: issueChargeCardState.activeCardCount,
     };
 };
 exports.getIssueChargeCardView = getIssueChargeCardView;

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

@@ -4,6 +4,11 @@ import { CreditLimitFrequencyCodeType, CardCodeType, ShippingAddressType } from
 export interface IssueChargeCardState extends FetchedState {
     localData: IssueChargeCardLocalData[];
     saveStatus: FetchStateAndError;
+    activeCardCount: Record<ID, ActiveChargeCardCount>;
+}
+export interface ActiveChargeCardCount {
+    physicalCardCount: number;
+    virtualCardCount: number;
 }
 export interface PhysicalCardData {
     addressType: ShippingAddressType;
@@ -11,7 +16,7 @@ export interface PhysicalCardData {
     frequency: CreditLimitFrequencyCodeType;
     addressId?: ID;
     amount?: Amount;
-    userIds?: ID;
+    userId?: ID;
 }
 export interface VirtualCardData {
     userIds: ID[];

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

@@ -11,7 +11,7 @@ exports.initialIssueChargeCardLocalData = [
             frequency: 'monthly',
             addressId: undefined,
             amount: undefined,
-            userIds: undefined,
+            userId: undefined,
         },
         virtualCard: {
             userIds: [],

package/lib/view/userListView/fetchUserListByTypeEpic.d.ts

@@ -4,27 +4,6 @@ import { updateAllUsers } from '../../entity/user/userReducer';
 import { updateUserRoles } from '../../entity/userRole/userRoleReducer';
 import { fetchUserListByType, updateUserListFetchFailure, updateUserIds } from './userListViewReducer';
 import { RootState } from '../../reducer';
-import { UserListType } from './userListViewState';
-export declare type ActionType = ReturnType<typeof fetchUserListByType> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof updateUserIds> | ReturnType<typeof updateUserListFetchFailure>;
-export declare const fetchUserListByTypeEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<{
-    payload: {
-        users: import("../..").UserPayload[];
-        updateType?: import("../..").UpdateType | undefined;
-    };
-    type: string;
-} | {
-    payload: import("../../entity/userRole/userRolePayload").UserRolePayload[];
-    type: string;
-} | {
-    payload: {
-        userType: UserListType;
-        usersPayload: import("../..").UserPayload[];
-    };
-    type: string;
-} | {
-    payload: {
-        userType: UserListType;
-        status: import("../../responsePayload").ZeniAPIStatus<Record<string, unknown>>;
-    };
-    type: string;
-}>;
+import { updateCardCount } from '../spendManagement/chargeCards/issueChargeCard/issueChargeCardReducer';
+export declare type ActionType = ReturnType<typeof fetchUserListByType> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof updateUserIds> | ReturnType<typeof updateCardCount> | ReturnType<typeof updateUserListFetchFailure>;
+export declare const fetchUserListByTypeEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<ActionType>;

package/lib/view/userListView/fetchUserListByTypeEpic.js

@@ -8,6 +8,7 @@ const userRoleReducer_1 = require("../../entity/userRole/userRoleReducer");
 const tenantSelector_1 = require("../../entity/tenant/tenantSelector");
 const userListViewReducer_1 = require("./userListViewReducer");
 const responsePayload_1 = require("../../responsePayload");
+const issueChargeCardReducer_1 = require("../spendManagement/chargeCards/issueChargeCard/issueChargeCardReducer");
 const fetchUserListByTypeEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(userListViewReducer_1.fetchUserListByType.match), (0, operators_1.mergeMap)((action) => {
     const { userType, cacheOverride } = action.payload;
     const state = state$.value;
@@ -21,12 +22,20 @@ const fetchUserListByTypeEpic = (actions$, state$, zeniAPI) => actions$.pipe((0,
         apiUrl =
             apiUrl + `?query=${encodeURIComponent(JSON.stringify(queryParam))}`;
         return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.mergeMap)((response) => {
-            var _a, _b, _c, _d, _e, _f;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             if ((0, responsePayload_1.isSuccessResponse)(response)) {
-                return (0, rxjs_1.of)((0, userReducer_1.updateAllUsers)({ users: (_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.users) !== null && _b !== void 0 ? _b : [] }), (0, userRoleReducer_1.updateUserRoles)((_d = (_c = response.data) === null || _c === void 0 ? void 0 : _c.user_roles) !== null && _d !== void 0 ? _d : []), (0, userListViewReducer_1.updateUserIds)({
-                    userType,
-                    usersPayload: (_f = (_e = response.data) === null || _e === void 0 ? void 0 : _e.users) !== null && _f !== void 0 ? _f : [],
-                }));
+                const userListAction = [
+                    (0, userReducer_1.updateAllUsers)({ users: (_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.users) !== null && _b !== void 0 ? _b : [] }),
+                    (0, userRoleReducer_1.updateUserRoles)((_d = (_c = response.data) === null || _c === void 0 ? void 0 : _c.user_roles) !== null && _d !== void 0 ? _d : []),
+                    (0, userListViewReducer_1.updateUserIds)({
+                        userType,
+                        usersPayload: (_f = (_e = response.data) === null || _e === void 0 ? void 0 : _e.users) !== null && _f !== void 0 ? _f : [],
+                    }),
+                ];
+                if (userType === 'cardHolderCandidate') {
+                    userListAction.push((0, issueChargeCardReducer_1.updateCardCount)((_h = (_g = response.data) === null || _g === void 0 ? void 0 : _g.active_cards_count_by_user_id) !== null && _h !== void 0 ? _h : []));
+                }
+                return (0, rxjs_1.concat)((0, rxjs_1.from)(userListAction));
             }
             else {
                 return (0, rxjs_1.of)((0, userListViewReducer_1.updateUserListFetchFailure)({ userType, status: response.status }));

package/lib/view/userListView/userListViewPayload.d.ts

@@ -4,6 +4,12 @@ import { ZeniAPIResponse } from '../../responsePayload';
 interface UserListResponsePayload {
     users: UserPayload[];
     user_roles: UserRolePayload[];
+    active_cards_count_by_user_id?: ActiveChargeCardCountPayload[];
+}
+export interface ActiveChargeCardCountPayload {
+    business_physical_credit_card_count: number;
+    business_virtual_credit_card_count: number;
+    user_id: string;
 }
 export declare type UserListResponse = ZeniAPIResponse<UserListResponsePayload>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "4.13.20",
+  "version": "4.13.22",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",