@zeniai/client-epic-state 4.13.19 → 4.13.21

package/lib/view/spendManagement/billPay/billList/billListReducer.d.ts

@@ -4,11 +4,12 @@ import { ZeniAPIStatus } from '../../../../responsePayload';
 import { BillListPayload } from './billListPayload';
 import { BillListState, BillTab, SaveBillStageCode, BillListUIState, BillPayFilters, BillListDownloadUIState } from './billListState';
 export declare const initialState: BillListState;
-export declare const fetchBillList: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[period: TimePeriod, cacheOverride: any, isShowDeletedBillsEnabled: boolean, isBulkActionCompleteRefresh?: any], {
+export declare const fetchBillList: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[period: TimePeriod, cacheOverride: any, isShowDeletedBillsEnabled: boolean, isInternationalWireEnabled: boolean, isBulkActionCompleteRefresh?: any], {
     period: TimePeriod;
     cacheOverride: any;
     isShowDeletedBillsEnabled: boolean;
     isBulkActionCompleteRefresh: any;
+    isInternationalWireEnabled: boolean;
 }, string, never, never>, fetchBillListPerTab: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[period: TimePeriod, tab: "paid" | "pending_approval" | "scheduled" | "draft", isShowDeletedBillsEnabled: boolean], {
     period: TimePeriod;
     tab: "paid" | "pending_approval" | "scheduled" | "draft";

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

@@ -63,13 +63,14 @@ const billList = (0, toolkit_1.createSlice)({
                             : 'In-Progress', error: undefined });
                 });
             },
-            prepare(period, cacheOverride = false, isShowDeletedBillsEnabled, isBulkActionCompleteRefresh = false) {
+            prepare(period, cacheOverride = false, isShowDeletedBillsEnabled, isInternationalWireEnabled, isBulkActionCompleteRefresh = false) {
                 return {
                     payload: {
                         period,
                         cacheOverride,
                         isShowDeletedBillsEnabled,
                         isBulkActionCompleteRefresh,
+                        isInternationalWireEnabled,
                     },
                 };
             },

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

@@ -19,15 +19,15 @@ const fetchBillListEpic = (actions$, state$) => actions$.pipe((0, operators_1.fi
         'paid',
     ];
     const state = state$.value;
-    const { period, cacheOverride, isShowDeletedBillsEnabled } = action.payload;
+    const { period, cacheOverride, isShowDeletedBillsEnabled, isInternationalWireEnabled, } = action.payload;
     if (cacheOverride === true) {
-        fetchBillListActions.push((0, billPayConfigReducer_1.fetchBillPayConfig)());
+        fetchBillListActions.push((0, billPayConfigReducer_1.fetchBillPayConfig)(isInternationalWireEnabled));
         tabIds.forEach((tab) => fetchBillListActions.push((0, billListReducer_1.fetchBillListPerTab)(period, tab, isShowDeletedBillsEnabled)));
     }
     else {
         if (state.billPayConfigState.fetchState !== 'Completed' &&
             state.billPayConfigState.fetchState !== 'In-Progress') {
-            fetchBillListActions.push((0, billPayConfigReducer_1.fetchBillPayConfig)());
+            fetchBillListActions.push((0, billPayConfigReducer_1.fetchBillPayConfig)(isInternationalWireEnabled));
         }
         tabIds.forEach((tab) => {
             const key = (0, billListState_1.getBillListKey)(period, tab);

package/lib/view/spendManagement/billPay/billPayConfig/billPayConfigReducer.d.ts

@@ -2,6 +2,11 @@ import { ZeniAPIStatus } from '../../../../responsePayload';
 import { BillPayConfigPayload } from './billPayConfigPayload';
 import { BillPayConfigState } from './billPayConfigState';
 export declare const initialState: BillPayConfigState;
-export declare const fetchBillPayConfig: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateBillPayConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<BillPayConfigPayload, string>, updateBillPayConfigFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, clearBillPayConfig: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+export declare const fetchBillPayConfig: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[isInternationalWireEnabled: boolean], {
+    isInternationalWireEnabled: boolean;
+}, string, never, never>, updateBillPayConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    billPayConfigPayload: BillPayConfigPayload;
+    isInternationalWireEnabled: boolean;
+}, string>, updateBillPayConfigFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, clearBillPayConfig: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("@reduxjs/toolkit").Reducer<BillPayConfigState, import("@reduxjs/toolkit").AnyAction>;
 export default _default;

package/lib/view/spendManagement/billPay/billPayConfig/billPayConfigReducer.js

@@ -26,12 +26,22 @@ const billPayConfig = (0, toolkit_1.createSlice)({
     name: 'billPayConfig',
     initialState: exports.initialState,
     reducers: {
-        fetchBillPayConfig(draft) {
-            draft.fetchState = 'In-Progress';
-            draft.error = undefined;
+        fetchBillPayConfig: {
+            reducer(draft) {
+                draft.fetchState = 'In-Progress';
+                draft.error = undefined;
+            },
+            prepare(isInternationalWireEnabled) {
+                return {
+                    payload: {
+                        isInternationalWireEnabled,
+                    },
+                };
+            },
         },
         updateBillPayConfig(draft, action) {
-            const { payload } = action;
+            const payload = action.payload.billPayConfigPayload;
+            const isInternationalWireEnabled = action.payload.isInternationalWireEnabled;
             const { vendor } = payload;
             billPayConfigState_1.BILL_PAYMENT_METHOD_CODE.forEach((code) => {
                 switch (code) {
@@ -58,13 +68,13 @@ const billPayConfig = (0, toolkit_1.createSlice)({
                                 billPayConfigState_1.INTERNATIONAL_CODES.forEach((internationalWireCode) => {
                                     if (internationalWireCode === 'usd-to-local-currency') {
                                         billPayConfigState_1.ACCOUNT_TYPE_CODES.forEach((accType) => {
-                                            draft.methodById[(0, billPayConfigState_1.getBillPayConfigMethodKey)(code, (0, billPayConfigPayload_1.getBillPaymentWireSubConfigCodeKey)(subCode), (0, billPayConfigPayload_1.getAccountTypeSubConfigCodeKey)(accType), (0, billPayConfigPayload_1.getInternationalWireMethodCodeKey)(internationalWireCode))] = (0, billPayConfigPayload_1.mapBillPayConfigPayloadToBillPayConfig)(payload.payment_processor, payload.is_international_wire_enabled, payload.is_international_wires_verified, code, subCode, accType, internationalWireCode);
+                                            draft.methodById[(0, billPayConfigState_1.getBillPayConfigMethodKey)(code, (0, billPayConfigPayload_1.getBillPaymentWireSubConfigCodeKey)(subCode), (0, billPayConfigPayload_1.getAccountTypeSubConfigCodeKey)(accType), (0, billPayConfigPayload_1.getInternationalWireMethodCodeKey)(internationalWireCode))] = (0, billPayConfigPayload_1.mapBillPayConfigPayloadToBillPayConfig)(payload.payment_processor, isInternationalWireEnabled, true, code, subCode, accType, internationalWireCode);
                                         });
                                     }
                                     else if (internationalWireCode === 'usd-to-usd') {
                                         billPayConfigState_1.INTERNATIONAL_SUB_CODES.forEach((internationalWireSubCode) => {
                                             billPayConfigState_1.ACCOUNT_TYPE_CODES.forEach((accType) => {
-                                                draft.methodById[(0, billPayConfigState_1.getBillPayConfigMethodKey)(code, (0, billPayConfigPayload_1.getBillPaymentWireSubConfigCodeKey)(subCode), (0, billPayConfigPayload_1.getAccountTypeSubConfigCodeKey)(accType), (0, billPayConfigPayload_1.getInternationalWireMethodCodeKey)(internationalWireCode), (0, billPayConfigPayload_1.getInternationalSubConfigCodeKey)(internationalWireSubCode))] = (0, billPayConfigPayload_1.mapBillPayConfigPayloadToBillPayConfig)(payload.payment_processor, payload.is_international_wire_enabled, payload.is_international_wires_verified, code, subCode, accType, internationalWireCode, internationalWireSubCode);
+                                                draft.methodById[(0, billPayConfigState_1.getBillPayConfigMethodKey)(code, (0, billPayConfigPayload_1.getBillPaymentWireSubConfigCodeKey)(subCode), (0, billPayConfigPayload_1.getAccountTypeSubConfigCodeKey)(accType), (0, billPayConfigPayload_1.getInternationalWireMethodCodeKey)(internationalWireCode), (0, billPayConfigPayload_1.getInternationalSubConfigCodeKey)(internationalWireSubCode))] = (0, billPayConfigPayload_1.mapBillPayConfigPayloadToBillPayConfig)(payload.payment_processor, isInternationalWireEnabled, true, code, subCode, accType, internationalWireCode, internationalWireSubCode);
                                             });
                                         });
                                     }

package/lib/view/spendManagement/billPay/billPayConfig/fetchBillPayConfigEpic.js

@@ -5,7 +5,7 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const billPayConfigReducer_1 = require("./billPayConfigReducer");
 const responsePayload_1 = require("../../../../responsePayload");
-const fetchBillPayConfigEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(billPayConfigReducer_1.fetchBillPayConfig.match), (0, operators_1.mergeMap)(() => {
+const fetchBillPayConfigEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(billPayConfigReducer_1.fetchBillPayConfig.match), (0, operators_1.mergeMap)((action) => {
     const queryParam = {
         bill_pay_provider: 'zeni',
         transaction_type: 'bill',
@@ -17,7 +17,10 @@ const fetchBillPayConfigEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0,
         .pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             const updateActions = [];
-            updateActions.push((0, billPayConfigReducer_1.updateBillPayConfig)(response.data));
+            updateActions.push((0, billPayConfigReducer_1.updateBillPayConfig)({
+                billPayConfigPayload: response.data,
+                isInternationalWireEnabled: action.payload.isInternationalWireEnabled,
+            }));
             return (0, rxjs_1.from)(updateActions);
         }
         else {

package/lib/view/spendManagement/billPay/editBillView/editBillViewReducer.d.ts

@@ -5,10 +5,11 @@ import { InvoiceProcessingPayload } from './editBillViewPayload';
 import { AmountPayload } from '../../../../entity/reimbursement/reimbursementPayload';
 import { Amount } from '../../../../commonStateTypes/amount';
 export declare const initialState: EditBillDetailViewState;
-export declare const fetchEditBillDetailPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[cacheOverride: boolean, isShowDeletedBillsEnabled: boolean, hasZeniAssistAccess: boolean, billId?: string | undefined], {
+export declare const fetchEditBillDetailPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[cacheOverride: boolean, isShowDeletedBillsEnabled: boolean, hasZeniAssistAccess: boolean, isInternationalWireEnabled: boolean, billId?: string | undefined], {
     cacheOverride: boolean;
     isShowDeletedBillsEnabled: boolean;
     hasZeniAssistAccess: boolean;
+    isInternationalWireEnabled: boolean;
     billId: string | undefined;
 }, string, never, never>, fetchBillAndInitializeLocalStore: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[billId: string, cacheOverride: boolean, isShowDeletedBillsEnabled: boolean, hasZeniAssistAccess: boolean], {
     billId: string;

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

@@ -23,12 +23,13 @@ const editBillView = (0, toolkit_1.createSlice)({
             reducer() {
                 //do nothing
             },
-            prepare(cacheOverride, isShowDeletedBillsEnabled, hasZeniAssistAccess, billId) {
+            prepare(cacheOverride, isShowDeletedBillsEnabled, hasZeniAssistAccess, isInternationalWireEnabled, billId) {
                 return {
                     payload: {
                         cacheOverride,
                         isShowDeletedBillsEnabled,
                         hasZeniAssistAccess,
+                        isInternationalWireEnabled,
                         billId,
                     },
                 };

package/lib/view/spendManagement/billPay/editBillView/epics/fetchEditBillDetailPageEpic.d.ts

@@ -1,6 +1,6 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
-import { fetchEditBillDetailPage, updateShowAutofill } from '../editBillViewReducer';
+import { fetchBillAndInitializeLocalStore, fetchEditBillDetailPage, updateShowAutofill } from '../editBillViewReducer';
 import { RootState } from '../../../../../reducer';
 import { fetchClassList } from '../../../../classList/classListReducer';
 import { fetchAccountList } from '../../../../accountList/accountListReducer';
@@ -10,5 +10,5 @@ import { fetchVendorTypeList } from '../../../../vendorTypeList/vendorTypeListRe
 import { fetchBillPayConfig } from '../../billPayConfig/billPayConfigReducer';
 import { fetchDepositAccountList } from '../../../zeniAccounts/depositAccountList/depositAccountListReducer';
 import { fetchPaymentAccountList } from '../../../zeniAccounts/paymentAccountList/paymentAccountListReducer';
-export declare type ActionType = ReturnType<typeof fetchEditBillDetailPage> | ReturnType<typeof fetchClassList> | ReturnType<typeof fetchVendorTypeList> | ReturnType<typeof fetchAccountList> | ReturnType<typeof fetchPaymentAccountList> | ReturnType<typeof fetchDepositAccountList> | ReturnType<typeof fetchBillPayConfig> | ReturnType<typeof updateShowAutofill> | ReturnType<typeof fetchBillPaySetupApproverView> | ReturnType<typeof fetchOwnerList>;
+export declare type ActionType = ReturnType<typeof fetchEditBillDetailPage> | ReturnType<typeof fetchClassList> | ReturnType<typeof fetchVendorTypeList> | ReturnType<typeof fetchAccountList> | ReturnType<typeof fetchPaymentAccountList> | ReturnType<typeof fetchDepositAccountList> | ReturnType<typeof fetchBillPayConfig> | ReturnType<typeof updateShowAutofill> | ReturnType<typeof fetchBillPaySetupApproverView> | ReturnType<typeof fetchOwnerList> | ReturnType<typeof fetchBillAndInitializeLocalStore>;
 export declare const fetchEditBillDetailPageEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/spendManagement/billPay/editBillView/epics/fetchEditBillDetailPageEpic.js

@@ -15,7 +15,7 @@ const companySelector_1 = require("../../../../../entity/company/companySelector
 const paymentAccountListReducer_1 = require("../../../zeniAccounts/paymentAccountList/paymentAccountListReducer");
 const fetchEditBillDetailPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(editBillViewReducer_1.fetchEditBillDetailPage.match), (0, operators_1.mergeMap)((action) => {
     var _a, _b, _c;
-    const { cacheOverride, billId, isShowDeletedBillsEnabled, hasZeniAssistAccess, } = action.payload;
+    const { cacheOverride, billId, isShowDeletedBillsEnabled, hasZeniAssistAccess, isInternationalWireEnabled, } = action.payload;
     const billDetailActions = [];
     const state = state$.value;
     const { tenantState, companyState } = state;
@@ -30,7 +30,7 @@ const fetchEditBillDetailPageEpic = (actions$, state$) => actions$.pipe((0, oper
         billDetailActions.push((0, classListReducer_1.fetchClassList)());
         billDetailActions.push((0, vendorTypeListReducer_1.fetchVendorTypeList)());
         billDetailActions.push((0, ownerListReducer_1.fetchOwnerList)());
-        billDetailActions.push((0, billPayConfigReducer_1.fetchBillPayConfig)());
+        billDetailActions.push((0, billPayConfigReducer_1.fetchBillPayConfig)(isInternationalWireEnabled));
         if (isCompanyZeniAccountsSetUpDone) {
             billDetailActions.push((0, depositAccountListReducer_1.fetchDepositAccountList)());
         }
@@ -65,7 +65,7 @@ const fetchEditBillDetailPageEpic = (actions$, state$) => actions$.pipe((0, oper
         const billPayConfigFetchState = state.billPayConfigState.fetchState;
         if (billPayConfigFetchState !== 'Completed' &&
             billPayConfigFetchState !== 'In-Progress') {
-            billDetailActions.push((0, billPayConfigReducer_1.fetchBillPayConfig)());
+            billDetailActions.push((0, billPayConfigReducer_1.fetchBillPayConfig)(isInternationalWireEnabled));
         }
         const depositAccounts = state.depositAccountListState;
         if (isCompanyZeniAccountsSetUpDone &&

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");
@@ -16,6 +17,8 @@ const fetchIssueCardPageEpic = (actions$, state$) => actions$.pipe((0, operators
         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;
@@ -28,6 +31,10 @@ const fetchIssueCardPageEpic = (actions$, state$) => actions$.pipe((0, operators
             chargeCardList.creditAccount.fetchState !== 'In-Progress') {
             issueCardPageAction.push((0, chargeCardListReducer_1.fetchCreditAccount)());
         }
+        if (chargeCardList.fetchState !== 'Completed' &&
+            chargeCardList.fetchState !== 'In-Progress') {
+            issueCardPageAction.push((0, chargeCardListReducer_1.fetchChargeCardList)());
+        }
         const userList = state.userListViewState.userListByType.cardHolderCandidate;
         if (userList.fetchState !== 'In-Progress' &&
             userList.hasValidState() === false) {
@@ -38,6 +45,11 @@ const fetchIssueCardPageEpic = (actions$, state$) => actions$.pipe((0, operators
             userAdminList.hasValidState() === false) {
             issueCardPageAction.push((0, userListViewReducer_1.fetchUserListByType)('cardAdmin', false));
         }
+        const classList = state.classListState;
+        if (classList.fetchState !== 'In-Progress' &&
+            classList.hasValidState() === false) {
+            issueCardPageAction.push((0, classListReducer_1.fetchClassList)());
+        }
     }
     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/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,

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

@@ -11,7 +11,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/package.json

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