@zeniai/client-epic-state 4.18.80 → 4.18.81

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

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.revokeCardInviteFailure = exports.revokeCardInviteSuccess = exports.revokeCardInvite = exports.resendCardInviteFailure = exports.resendCardInviteSuccess = exports.resendCardInvite = exports.clearChargeCardList = exports.updateChargeCardListUIState = exports.updateSearchText = exports.updateChargeCardListFailure = exports.updateChargeCardList = exports.fetchChargeCardList = exports.updateDebitCardSummaryFailure = exports.updateDebitCardSummary = exports.fetchDebitCardSummary = exports.updateCreditAccountFailure = exports.updateCreditAccount = exports.fetchCreditAccount = exports.updateCreditAccountRepaymentAmountAndDate = exports.updateCreditAccountRepaymentFailure = exports.updateCreditAccountRepayment = exports.fetchCreditAccountRepayment = exports.fetchChargeCardListPage = exports.initialState = void 0;
+exports.revokeChargeCardsInviteSuccessOrFailure = exports.revokeChargeCardsInvite = exports.closeChargeCardsSuccessOrFailure = exports.closeChargeCards = exports.unlockChargeCardsSuccessOrFailure = exports.unlockChargeCards = exports.lockChargeCardsSuccessOrFailure = exports.lockChargeCards = exports.updateChargeCardsSpendLimitSuccessOrFailure = exports.updateChargeCardsSpendLimit = exports.revokeCardInviteFailure = exports.revokeCardInviteSuccess = exports.revokeCardInvite = exports.resendCardInviteFailure = exports.resendCardInviteSuccess = exports.resendCardInvite = exports.clearChargeCardList = exports.updateChargeCardListUIState = exports.updateBulkActionCardIds = exports.updateSearchText = exports.updateChargeCardListFailure = exports.updateChargeCardList = exports.fetchChargeCardList = exports.updateDebitCardSummaryFailure = exports.updateDebitCardSummary = exports.fetchDebitCardSummary = exports.updateCreditAccountFailure = exports.updateCreditAccount = exports.fetchCreditAccount = exports.updateRowActionCardId = exports.updateCreditAccountRepaymentAmountAndDate = exports.updateCreditAccountRepaymentFailure = exports.updateCreditAccountRepayment = exports.fetchCreditAccountRepayment = exports.fetchChargeCardListPage = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const amount_1 = require("../../../../commonStateTypes/amount");
 const zeniDayJS_1 = require("../../../../zeniDayJS");
@@ -9,11 +9,33 @@ const chargeCardList_1 = require("./chargeCardList");
 exports.initialState = {
     fetchState: 'Not-Started',
     error: undefined,
+    bulkActionCardIds: [],
     cardIds: [],
     searchText: '',
     unAssignedCredits: undefined,
+    rowActionCardId: undefined,
     creditAccount: chargeCardList_1.initialCreditAcc,
     debitCardSummaries: chargeCardList_1.initialDebitCardSummaries,
+    updateChargeCardsSpendLimitFetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    lockChargeCardsFetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    unlockChargeCardsFetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    closeChargeCardsFetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    revokeChargeCardsInviteFetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
     hasValidState() {
         return this.fetchState == 'Completed';
     },
@@ -58,6 +80,9 @@ const chargeCardList = (0, toolkit_1.createSlice)({
         updateCreditAccountRepaymentFailure(draft, action) {
             draft.creditAccountRepayment = Object.assign(Object.assign({}, chargeCardList_1.initialCreditAccountRepayment), { fetchState: 'Error', error: action.payload });
         },
+        updateRowActionCardId(draft, action) {
+            draft.rowActionCardId = action.payload;
+        },
         fetchCreditAccount(draft) {
             draft.creditAccount.fetchState = 'In-Progress';
             draft.creditAccount.error = undefined;
@@ -105,6 +130,9 @@ const chargeCardList = (0, toolkit_1.createSlice)({
         updateSearchText(draft, action) {
             draft.searchText = action.payload;
         },
+        updateBulkActionCardIds(draft, action) {
+            draft.bulkActionCardIds = action.payload;
+        },
         updateChargeCardListUIState(draft, action) {
             if (action.payload.uiState.sortKey != null) {
                 draft.uiState.sortKey = action.payload.uiState.sortKey;
@@ -125,7 +153,7 @@ const chargeCardList = (0, toolkit_1.createSlice)({
             },
             reducer(draft, action) {
                 draft.resendCardInvite.cardId = action.payload.cardId;
-                draft.revokeCardInvite.saveStatus.fetchState = 'In-Progress';
+                draft.resendCardInvite.saveStatus.fetchState = 'In-Progress';
             },
         },
         resendCardInviteSuccess(draft, action) {
@@ -158,9 +186,120 @@ const chargeCardList = (0, toolkit_1.createSlice)({
             draft.revokeCardInvite.saveStatus.fetchState = 'Error';
             draft.revokeCardInvite.saveStatus.error = action.payload;
         },
+        updateChargeCardsSpendLimit: {
+            reducer(draft) {
+                draft.updateChargeCardsSpendLimitFetchState = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(chargeCardIds, updatedSpendLimit, frequency) {
+                return {
+                    payload: {
+                        chargeCardIds,
+                        updatedSpendLimit,
+                        frequency,
+                    },
+                };
+            },
+        },
+        updateChargeCardsSpendLimitSuccessOrFailure(draft, action) {
+            draft.updateChargeCardsSpendLimitFetchState = {
+                fetchState: action.payload.fetchState,
+                error: action.payload.error,
+            };
+        },
+        lockChargeCards: {
+            reducer(draft) {
+                draft.lockChargeCardsFetchState = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(cardIds, reason) {
+                return {
+                    payload: {
+                        cardIds,
+                        reason,
+                    },
+                };
+            },
+        },
+        lockChargeCardsSuccessOrFailure(draft, action) {
+            draft.lockChargeCardsFetchState = {
+                fetchState: action.payload.fetchState,
+                error: action.payload.error,
+            };
+        },
+        closeChargeCards: {
+            reducer(draft) {
+                draft.closeChargeCardsFetchState = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(cardIds, reason) {
+                return {
+                    payload: {
+                        cardIds,
+                        reason,
+                    },
+                };
+            },
+        },
+        closeChargeCardsSuccessOrFailure(draft, action) {
+            draft.closeChargeCardsFetchState = {
+                fetchState: action.payload.fetchState,
+                error: action.payload.error,
+            };
+        },
+        unlockChargeCards: {
+            reducer(draft) {
+                draft.unlockChargeCardsFetchState = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(cardIds) {
+                return {
+                    payload: {
+                        cardIds,
+                    },
+                };
+            },
+        },
+        unlockChargeCardsSuccessOrFailure(draft, action) {
+            draft.unlockChargeCardsFetchState = {
+                fetchState: action.payload.fetchState,
+                error: action.payload.error,
+            };
+        },
+        revokeChargeCardsInvite: {
+            reducer(draft) {
+                draft.revokeChargeCardsInviteFetchState = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(cardIds) {
+                return {
+                    payload: {
+                        cardIds,
+                    },
+                };
+            },
+        },
+        revokeChargeCardsInviteSuccessOrFailure(draft, action) {
+            draft.revokeChargeCardsInviteFetchState = {
+                fetchState: action.payload.fetchState,
+                error: action.payload.error,
+            };
+            // Remove successfully revoked cards from the list
+            draft.cardIds = draft.cardIds.filter((cardId) => !action.payload.revokedCardIds.includes(cardId));
+        },
     },
 });
-_a = chargeCardList.actions, exports.fetchChargeCardListPage = _a.fetchChargeCardListPage, exports.fetchCreditAccountRepayment = _a.fetchCreditAccountRepayment, exports.updateCreditAccountRepayment = _a.updateCreditAccountRepayment, exports.updateCreditAccountRepaymentFailure = _a.updateCreditAccountRepaymentFailure, exports.updateCreditAccountRepaymentAmountAndDate = _a.updateCreditAccountRepaymentAmountAndDate, exports.fetchCreditAccount = _a.fetchCreditAccount, exports.updateCreditAccount = _a.updateCreditAccount, exports.updateCreditAccountFailure = _a.updateCreditAccountFailure, exports.fetchDebitCardSummary = _a.fetchDebitCardSummary, exports.updateDebitCardSummary = _a.updateDebitCardSummary, exports.updateDebitCardSummaryFailure = _a.updateDebitCardSummaryFailure, exports.fetchChargeCardList = _a.fetchChargeCardList, exports.updateChargeCardList = _a.updateChargeCardList, exports.updateChargeCardListFailure = _a.updateChargeCardListFailure, exports.updateSearchText = _a.updateSearchText, exports.updateChargeCardListUIState = _a.updateChargeCardListUIState, exports.clearChargeCardList = _a.clearChargeCardList, exports.resendCardInvite = _a.resendCardInvite, exports.resendCardInviteSuccess = _a.resendCardInviteSuccess, exports.resendCardInviteFailure = _a.resendCardInviteFailure, exports.revokeCardInvite = _a.revokeCardInvite, exports.revokeCardInviteSuccess = _a.revokeCardInviteSuccess, exports.revokeCardInviteFailure = _a.revokeCardInviteFailure;
+_a = chargeCardList.actions, exports.fetchChargeCardListPage = _a.fetchChargeCardListPage, exports.fetchCreditAccountRepayment = _a.fetchCreditAccountRepayment, exports.updateCreditAccountRepayment = _a.updateCreditAccountRepayment, exports.updateCreditAccountRepaymentFailure = _a.updateCreditAccountRepaymentFailure, exports.updateCreditAccountRepaymentAmountAndDate = _a.updateCreditAccountRepaymentAmountAndDate, exports.updateRowActionCardId = _a.updateRowActionCardId, exports.fetchCreditAccount = _a.fetchCreditAccount, exports.updateCreditAccount = _a.updateCreditAccount, exports.updateCreditAccountFailure = _a.updateCreditAccountFailure, exports.fetchDebitCardSummary = _a.fetchDebitCardSummary, exports.updateDebitCardSummary = _a.updateDebitCardSummary, exports.updateDebitCardSummaryFailure = _a.updateDebitCardSummaryFailure, exports.fetchChargeCardList = _a.fetchChargeCardList, exports.updateChargeCardList = _a.updateChargeCardList, exports.updateChargeCardListFailure = _a.updateChargeCardListFailure, exports.updateSearchText = _a.updateSearchText, exports.updateBulkActionCardIds = _a.updateBulkActionCardIds, exports.updateChargeCardListUIState = _a.updateChargeCardListUIState, exports.clearChargeCardList = _a.clearChargeCardList, exports.resendCardInvite = _a.resendCardInvite, exports.resendCardInviteSuccess = _a.resendCardInviteSuccess, exports.resendCardInviteFailure = _a.resendCardInviteFailure, exports.revokeCardInvite = _a.revokeCardInvite, exports.revokeCardInviteSuccess = _a.revokeCardInviteSuccess, exports.revokeCardInviteFailure = _a.revokeCardInviteFailure, exports.updateChargeCardsSpendLimit = _a.updateChargeCardsSpendLimit, exports.updateChargeCardsSpendLimitSuccessOrFailure = _a.updateChargeCardsSpendLimitSuccessOrFailure, exports.lockChargeCards = _a.lockChargeCards, exports.lockChargeCardsSuccessOrFailure = _a.lockChargeCardsSuccessOrFailure, exports.unlockChargeCards = _a.unlockChargeCards, exports.unlockChargeCardsSuccessOrFailure = _a.unlockChargeCardsSuccessOrFailure, exports.closeChargeCards = _a.closeChargeCards, exports.closeChargeCardsSuccessOrFailure = _a.closeChargeCardsSuccessOrFailure, exports.revokeChargeCardsInvite = _a.revokeChargeCardsInvite, exports.revokeChargeCardsInviteSuccessOrFailure = _a.revokeChargeCardsInviteSuccessOrFailure;
 exports.default = chargeCardList.reducer;
 // helper
 const toCreditAccount = (payload) => ({

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

@@ -10,6 +10,8 @@ import { UserRole } from '../../../../entity/userRole/userRoleState';
 import { RootState } from '../../../../reducer';
 import { Person } from '../../../people/peopleSelectorTypes';
 import { ChargeCardConfigState } from '../chargeCardConfig/chargeCardConfigState';
+import { RecurringExpense } from '../chargeCardDetail/chargeCardDetail';
+import { ChargeCardControlDetailView } from '../chargeCardDetail/chargeCardDetailSelector';
 import { ChargeCardListUIState, CreditAccount, CreditAccountRepayment, DebitCardSummaries, ResendRevokeCardInvite } from './chargeCardList';
 export interface ChargeCardWithUser extends ChargeCard {
     billingAddress: Address;
@@ -26,16 +28,21 @@ export interface ChargeCardListSelectorView extends SelectorView {
     allAccountingClasses: Class[];
     cards: ChargeCardWithUser[];
     chargeCardConfig: ChargeCardConfigState;
+    closeChargeCardsFetchState: FetchStateAndError;
     creditAccount: CreditAccount;
     creditAccountRepayment: CreditAccountRepayment;
     hasCreditCard: boolean;
     hasDebitCard: boolean;
     issueCardPageFetchState: FetchStateAndError;
+    lockChargeCardsFetchState: FetchStateAndError;
     resendCardInvite: ResendRevokeCardInvite;
     revokeCardInvite: ResendRevokeCardInvite;
+    revokeChargeCardsInviteFetchState: FetchStateAndError;
     searchText: string;
     totalCashback: Amount;
     uiState: ChargeCardListUIState;
+    unlockChargeCardsFetchState: FetchStateAndError;
+    updateChargeCardsSpendLimitFetchState: FetchStateAndError;
     userList: Person[];
     debitCardSummary?: DebitCardSummaries;
     unAssignedCredits?: Amount;
@@ -67,3 +74,42 @@ export interface DebitCardListSelectorView extends FetchStateAndError {
 }
 export declare const getDebitCardList: (state: RootState) => DebitCardListSelectorView;
 export declare const getDebitCardSummary: (state: RootState) => DebitCardSummaries;
+export interface ChargeCardRecurringExpensesByCardIds extends FetchStateAndError {
+    recurringExpensesByChargeCardId: Record<ID, RecurringExpense[]>;
+}
+export declare const getChargeCardRecurringExpensesByCardIds: (state: RootState, chargeCardIds: ID[]) => ChargeCardRecurringExpensesByCardIds;
+/**
+ * Memoized selector for row action card data
+ * Combines ChargeCardControlDetailView, depositAccountLimit, and recurringExpenses
+ * based on the rowActionCardId from chargeCardListState
+ */
+export interface ChargeCardRowActionView extends ChargeCardControlDetailView {
+    depositAccountLimitFetchState: FetchStateAndError;
+    recurringExpenses: RecurringExpense[];
+    recurringExpensesFetchState: FetchStateAndError;
+    cardId?: ID;
+    chargeCard?: ChargeCardWithUser;
+    depositAccountLimit?: DepositAccountWithLimit;
+}
+/**
+ * Memoized selector that returns row action card data
+ * Only recomputes when relevant parts of state change
+ */
+export declare const getChargeCardRowActionView: (state: RootState) => ChargeCardRowActionView;
+/**
+ * Memoized selector for bulk action cards data
+ * Returns data for all cards selected in bulkActionCardIds
+ */
+export interface ChargeCardBulkActionView {
+    bulkActionCardIds: ID[];
+    chargeCards: ChargeCardWithUser[];
+    hasCreditCards: boolean;
+    hasDebitCards: boolean;
+    recurringExpensesByCardId: Record<ID, RecurringExpense[]>;
+    recurringExpensesFetchState: FetchStateAndError;
+}
+/**
+ * Memoized selector that returns bulk action cards data
+ * Only recomputes when relevant parts of state change
+ */
+export declare const getChargeCardBulkActionView: (state: RootState) => ChargeCardBulkActionView;

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

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDebitCardSummary = exports.getDebitCardList = exports.getDepositAccountListWithDebitCardIssued = exports.getCreditAccountDetails = exports.anyCardOnHold = exports.getMyRequestOnHoldChargeCardListWithShippingAddress = exports.getMyPendingActivationChargeCardListView = exports.getChargeCardListView = void 0;
+exports.getChargeCardBulkActionView = exports.getChargeCardRowActionView = exports.getChargeCardRecurringExpensesByCardIds = exports.getDebitCardSummary = exports.getDebitCardList = exports.getDepositAccountListWithDebitCardIssued = exports.getCreditAccountDetails = exports.anyCardOnHold = exports.getMyRequestOnHoldChargeCardListWithShippingAddress = exports.getMyPendingActivationChargeCardListView = exports.getChargeCardListView = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
 const orderBy_1 = __importDefault(require("lodash/orderBy"));
 const sortOrderPayload_1 = require("../../../../commonPayloadTypes/sortOrderPayload");
 const reduceFetchState_1 = require("../../../../commonStateTypes/reduceFetchState");
@@ -14,6 +15,7 @@ const depositAccountSelector_1 = require("../../../../entity/depositAccount/depo
 const userSelector_1 = require("../../../../entity/user/userSelector");
 const userRoleSelector_1 = require("../../../../entity/userRole/userRoleSelector");
 const userListViewSelector_1 = require("../../../userListView/userListViewSelector");
+const chargeCardDetailSelector_1 = require("../chargeCardDetail/chargeCardDetailSelector");
 const getChargeCardListView = (state, includeCreditAccountDebitSummaryAndCashbackInfo, isDebitCardEnabled, isCreditCardEnabled) => {
     const { chargeCardListState, chargeCardState, classState, userState, userRoleState, chargeCardConfigState, classListState, cashbackDetailState, userListViewState, } = state;
     const searchText = chargeCardListState.searchText.toLowerCase();
@@ -76,11 +78,16 @@ const getChargeCardListView = (state, includeCreditAccountDebitSummaryAndCashbac
         userList,
         allAccountingClasses,
         issueCardPageFetchState,
-        uiState: chargeCardListState.uiState,
-        searchText,
-        version: '1.0',
+        closeChargeCardsFetchState: chargeCardListState.closeChargeCardsFetchState,
+        lockChargeCardsFetchState: chargeCardListState.lockChargeCardsFetchState,
         resendCardInvite: chargeCardListState.resendCardInvite,
         revokeCardInvite: chargeCardListState.revokeCardInvite,
+        revokeChargeCardsInviteFetchState: chargeCardListState.revokeChargeCardsInviteFetchState,
+        searchText,
+        unlockChargeCardsFetchState: chargeCardListState.unlockChargeCardsFetchState,
+        updateChargeCardsSpendLimitFetchState: chargeCardListState.updateChargeCardsSpendLimitFetchState,
+        uiState: chargeCardListState.uiState,
+        version: '1.0',
         debitCardSummary: chargeCardListState.debitCardSummaries,
         hasCreditCard,
         hasDebitCard,
@@ -233,3 +240,190 @@ const getCardsBySortKey = (card, sortKey) => {
             return card.limit.amount;
     }
 };
+const getChargeCardRecurringExpensesByCardIds = (state, chargeCardIds) => {
+    const { chargeCardDetailState } = state;
+    const recurringExpensesByChargeCardId = {};
+    chargeCardIds.forEach((cardId) => {
+        var _a;
+        recurringExpensesByChargeCardId[cardId] =
+            (_a = chargeCardDetailState.recurringExpensesByChargeCardId[cardId]) !== null && _a !== void 0 ? _a : [];
+    });
+    const recurringExpensesFetchState = chargeCardDetailState.recurringExpensesFetchState;
+    return {
+        fetchState: recurringExpensesFetchState.fetchState,
+        error: recurringExpensesFetchState.error,
+        recurringExpensesByChargeCardId,
+    };
+};
+exports.getChargeCardRecurringExpensesByCardIds = getChargeCardRecurringExpensesByCardIds;
+// Selector to get rowActionCardId from state
+const selectRowActionCardId = (state) => state.chargeCardListState.rowActionCardId;
+// Selector to get chargeCardDetailState
+const selectChargeCardDetailState = (state) => state.chargeCardDetailState;
+// Selector to get depositAccountState
+const selectDepositAccountState = (state) => state.depositAccountState;
+// Selector to get chargeCardState
+const selectChargeCardState = (state) => state.chargeCardState;
+/**
+ * Memoized selector that returns row action card data
+ * Only recomputes when relevant parts of state change
+ */
+exports.getChargeCardRowActionView = (0, toolkit_1.createSelector)([
+    selectRowActionCardId,
+    selectChargeCardDetailState,
+    selectDepositAccountState,
+    selectChargeCardState,
+    (state) => state.chargeCardListState,
+    (state) => state.userState,
+    (state) => state.userRoleState,
+    (state) => state.classState,
+    (state) => state.addressState,
+], (rowActionCardId, chargeCardDetailState, depositAccountState, chargeCardState, chargeCardListState, userState, userRoleState, classState, addressState) => {
+    var _a;
+    // If no rowActionCardId, return empty state
+    if (rowActionCardId == null) {
+        return {
+            closeChargeCardsFetchState: {
+                fetchState: 'Not-Started',
+                error: undefined,
+            },
+            lockChargeCardsFetchState: {
+                fetchState: 'Not-Started',
+                error: undefined,
+            },
+            unlockChargeCardsFetchState: {
+                fetchState: 'Not-Started',
+                error: undefined,
+            },
+            revokeChargeCardFetchState: {
+                fetchState: 'Not-Started',
+                error: undefined,
+            },
+            updateChargeCardLimitFetchState: {
+                fetchState: 'Not-Started',
+                error: undefined,
+            },
+            updateChargeCardNameFetchState: {
+                fetchState: 'Not-Started',
+                error: undefined,
+            },
+            depositAccountLimitFetchState: {
+                fetchState: 'Not-Started',
+                error: undefined,
+            },
+            recurringExpenses: [],
+            recurringExpensesFetchState: {
+                fetchState: 'Not-Started',
+                error: undefined,
+            },
+            cardId: undefined,
+            chargeCard: undefined,
+            depositAccountLimit: undefined,
+        };
+    }
+    // Reconstruct a minimal state object for helper functions
+    const stateSubset = {
+        userState,
+        userRoleState,
+        classState,
+        addressState,
+        chargeCardDetailState,
+        chargeCardListState,
+    };
+    // Get charge card (base entity)
+    const chargeCardBase = (0, chargeCardSelector_1.getChargeCardById)(chargeCardState, rowActionCardId);
+    // Get enriched ChargeCardWithUser
+    let chargeCard = undefined;
+    if (chargeCardBase != null) {
+        const enrichedCards = getChargeCardsWithUser([chargeCardBase], stateSubset);
+        chargeCard = enrichedCards[0];
+    }
+    // Get control detail view
+    const controlDetailView = (0, chargeCardDetailSelector_1.getChargeCardControlDetailView)(stateSubset, rowActionCardId);
+    // Get deposit account limit (for debit cards)
+    let depositAccountLimit = undefined;
+    let depositAccountLimitFetchState = {
+        fetchState: 'Not-Started',
+        error: undefined,
+    };
+    if ((chargeCardBase === null || chargeCardBase === void 0 ? void 0 : chargeCardBase.type.code.includes('debit')) === true) {
+        depositAccountLimit =
+            (0, depositAccountSelector_1.getDepositAccountLimitForChargeCardByDepositAccountId)(depositAccountState, chargeCardBase.connectedAccountId);
+        depositAccountLimitFetchState =
+            (0, chargeCardDetailSelector_1.getDepositAccountLimitFetchStateByDepositAccountId)(stateSubset, chargeCardBase.connectedAccountId);
+    }
+    // Get recurring expenses
+    const recurringExpenses = (_a = chargeCardDetailState.recurringExpensesByChargeCardId[rowActionCardId]) !== null && _a !== void 0 ? _a : [];
+    const recurringExpensesFetchState = chargeCardDetailState.recurringExpensesFetchState;
+    return Object.assign(Object.assign({}, controlDetailView), { depositAccountLimitFetchState,
+        recurringExpenses, recurringExpensesFetchState: {
+            fetchState: recurringExpensesFetchState.fetchState,
+            error: recurringExpensesFetchState.error,
+        }, cardId: rowActionCardId, chargeCard,
+        depositAccountLimit });
+});
+// Selector to get bulkActionCardIds from state
+const selectBulkActionCardIds = (state) => state.chargeCardListState.bulkActionCardIds;
+/**
+ * Memoized selector that returns bulk action cards data
+ * Only recomputes when relevant parts of state change
+ */
+exports.getChargeCardBulkActionView = (0, toolkit_1.createSelector)([
+    selectBulkActionCardIds,
+    selectChargeCardState,
+    selectChargeCardDetailState,
+    (state) => state.userState,
+    (state) => state.userRoleState,
+    (state) => state.classState,
+    (state) => state.addressState,
+], (bulkActionCardIds, chargeCardState, chargeCardDetailState, userState, userRoleState, classState, addressState) => {
+    // If no cards selected, return empty state
+    if (bulkActionCardIds.length === 0) {
+        return {
+            bulkActionCardIds: [],
+            chargeCards: [],
+            hasCreditCards: false,
+            hasDebitCards: false,
+            recurringExpensesByCardId: {},
+            recurringExpensesFetchState: {
+                fetchState: 'Not-Started',
+                error: undefined,
+            },
+        };
+    }
+    // Reconstruct a minimal state object for helper functions
+    const stateSubset = {
+        userState,
+        userRoleState,
+        classState,
+        addressState,
+    };
+    // Get all selected charge cards (base entities)
+    const chargeCardsBase = bulkActionCardIds
+        .map((cardId) => (0, chargeCardSelector_1.getChargeCardById)(chargeCardState, cardId))
+        .filter((card) => card != null);
+    // Get enriched ChargeCardWithUser array
+    const chargeCards = getChargeCardsWithUser(chargeCardsBase, stateSubset);
+    // Get recurring expenses for all selected cards
+    const recurringExpensesByCardId = {};
+    bulkActionCardIds.forEach((cardId) => {
+        var _a;
+        recurringExpensesByCardId[cardId] =
+            (_a = chargeCardDetailState.recurringExpensesByChargeCardId[cardId]) !== null && _a !== void 0 ? _a : [];
+    });
+    // Determine if selection contains debit or credit cards
+    const hasDebitCards = chargeCards.some((card) => card.type.code.includes('debit'));
+    const hasCreditCards = chargeCards.some((card) => card.type.code.includes('credit'));
+    const recurringExpensesFetchState = chargeCardDetailState.recurringExpensesFetchState;
+    return {
+        bulkActionCardIds,
+        chargeCards,
+        hasCreditCards,
+        hasDebitCards,
+        recurringExpensesByCardId,
+        recurringExpensesFetchState: {
+            fetchState: recurringExpensesFetchState.fetchState,
+            error: recurringExpensesFetchState.error,
+        },
+    };
+});

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

@@ -0,0 +1,9 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateChargeCards } from '../../../../entity/chargeCard/chargeCardReducer';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { closeChargeCards, closeChargeCardsSuccessOrFailure } from './chargeCardListReducer';
+export type ActionType = ReturnType<typeof closeChargeCards> | ReturnType<typeof closeChargeCardsSuccessOrFailure> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateChargeCards>;
+export declare const closeChargeCardsEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.closeChargeCardsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const chargeCardReducer_1 = require("../../../../entity/chargeCard/chargeCardReducer");
+const snackbarReducer_1 = require("../../../../entity/snackbar/snackbarReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const chargeCardListReducer_1 = require("./chargeCardListReducer");
+const closeChargeCardsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(chargeCardListReducer_1.closeChargeCards.match), (0, operators_1.switchMap)((action) => {
+    const { cardIds, reason } = action.payload;
+    const payload = {
+        card_ids: cardIds,
+        reason: reason,
+    };
+    return zeniAPI
+        .putAndGetJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/cards/bulk/close`, payload)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
+            return (0, rxjs_1.of)((0, chargeCardReducer_1.updateChargeCards)(response.data), (0, chargeCardListReducer_1.closeChargeCardsSuccessOrFailure)({
+                fetchState: 'Completed',
+            }), (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'close_charge_cards',
+                messageText: 'success',
+                type: 'success',
+                variables: [
+                    {
+                        variableName: '_number_of_cards_',
+                        variableValue: cardIds.length === 1
+                            ? '1 card'
+                            : `${cardIds.length} cards`,
+                    },
+                ],
+            }));
+        }
+        else {
+            return (0, rxjs_1.of)((0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'close_charge_cards',
+                messageText: 'failed',
+                type: 'error',
+                variables: [
+                    {
+                        variableName: '_api-error_',
+                        variableValue: response.status.message,
+                    },
+                ],
+            }), (0, chargeCardListReducer_1.closeChargeCardsSuccessOrFailure)({
+                fetchState: 'Error',
+                error: response.status,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => {
+        return (0, rxjs_1.of)((0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'close_charge_cards',
+            messageText: 'failed',
+            type: 'error',
+            variables: [
+                {
+                    variableName: '_api-error_',
+                    variableValue: JSON.stringify(error),
+                },
+            ],
+        }), (0, chargeCardListReducer_1.closeChargeCardsSuccessOrFailure)({
+            fetchState: 'Error',
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Close cards API call errored out' + JSON.stringify(error)),
+        }));
+    }));
+}));
+exports.closeChargeCardsEpic = closeChargeCardsEpic;

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

@@ -5,6 +5,8 @@ import { fetchClassList } from '../../../classList/classListReducer';
 import { fetchUserListByType } from '../../../userListView/userListViewReducer';
 import { fetchCashbackDetail } from '../cashbackDetail/cashbackDetailReducer';
 import { fetchChargeCardConfig } from '../chargeCardConfig/chargeCardConfigReducer';
+import { fetchChargeCardSetupView } from '../chargeCardSetUp/chargeCardSetUpViewReducer';
+import { fetchDepositAccountListForCards } from '../issueChargeCard/issueChargeCardReducer';
 import { fetchChargeCardList, fetchChargeCardListPage, fetchCreditAccount, fetchCreditAccountRepayment, 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> | ReturnType<typeof fetchCreditAccountRepayment>;
+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> | ReturnType<typeof fetchCreditAccountRepayment> | ReturnType<typeof fetchDepositAccountListForCards> | ReturnType<typeof fetchChargeCardSetupView>;
 export declare const fetchChargeCardListPageEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

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

@@ -3,10 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fetchChargeCardListPageEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
+const tenantSelector_1 = require("../../../../entity/tenant/tenantSelector");
 const classListReducer_1 = require("../../../classList/classListReducer");
 const userListViewReducer_1 = require("../../../userListView/userListViewReducer");
 const cashbackDetailReducer_1 = require("../cashbackDetail/cashbackDetailReducer");
 const chargeCardConfigReducer_1 = require("../chargeCardConfig/chargeCardConfigReducer");
+const chargeCardSetUpViewReducer_1 = require("../chargeCardSetUp/chargeCardSetUpViewReducer");
+const issueChargeCardReducer_1 = require("../issueChargeCard/issueChargeCardReducer");
 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 { doFetchCreditAccountsDebitSummaryAndCashback, isDebitCardEnabled, isCreditCardEnabled, cacheOverride, } = action.payload;
@@ -80,6 +83,21 @@ const fetchChargeCardListPageEpic = (actions$, state$) => actions$.pipe((0, oper
                 'Completed') {
             chargeCardListPageAction.push((0, chargeCardListReducer_1.fetchDebitCardSummary)());
         }
+        //Fetching deposit account list and charge card setup view for mix-panel events
+        if (doFetchCreditAccountsDebitSummaryAndCashback &&
+            isDebitCardEnabled &&
+            state.issueChargeCardState.depositAccountsFetchState.fetchState !==
+                'In-Progress' &&
+            state.issueChargeCardState.depositAccountsFetchState.fetchState !==
+                'Completed') {
+            chargeCardListPageAction.push((0, issueChargeCardReducer_1.fetchDepositAccountListForCards)());
+        }
+        if (doFetchCreditAccountsDebitSummaryAndCashback &&
+            state.chargeCardSetupViewState.fetchState !== 'In-Progress' &&
+            state.chargeCardSetupViewState.fetchState !== 'Completed') {
+            const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state);
+            chargeCardListPageAction.push((0, chargeCardSetUpViewReducer_1.fetchChargeCardSetupView)(currentTenant.companyId, true));
+        }
     }
     return (0, rxjs_1.concat)((0, rxjs_1.from)(chargeCardListPageAction));
 }));

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

@@ -0,0 +1,9 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateChargeCards } from '../../../../entity/chargeCard/chargeCardReducer';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { lockChargeCards, lockChargeCardsSuccessOrFailure } from './chargeCardListReducer';
+export type ActionType = ReturnType<typeof lockChargeCards> | ReturnType<typeof lockChargeCardsSuccessOrFailure> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateChargeCards>;
+export declare const lockChargeCardsEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;