@zeniai/client-epic-state 4.18.91 → 4.18.92

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>;

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

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lockChargeCardsEpic = 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 lockChargeCardsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(chargeCardListReducer_1.lockChargeCards.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/lock`, 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.lockChargeCardsSuccessOrFailure)({
+                fetchState: 'Completed',
+            }), (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'lock_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: 'lock_charge_cards',
+                messageText: 'failed',
+                type: 'error',
+                variables: [
+                    {
+                        variableName: '_api-error_',
+                        variableValue: response.status.message,
+                    },
+                ],
+            }), (0, chargeCardListReducer_1.lockChargeCardsSuccessOrFailure)({
+                fetchState: 'Error',
+                error: response.status,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => {
+        return (0, rxjs_1.of)((0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'lock_charge_cards',
+            messageText: 'failed',
+            type: 'error',
+            variables: [
+                {
+                    variableName: '_api-error_',
+                    variableValue: JSON.stringify(error),
+                },
+            ],
+        }), (0, chargeCardListReducer_1.lockChargeCardsSuccessOrFailure)({
+            fetchState: 'Error',
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Lock cards API call errored out' + JSON.stringify(error)),
+        }));
+    }));
+}));
+exports.lockChargeCardsEpic = lockChargeCardsEpic;

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

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

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

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.revokeChargeCardsInviteEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const snackbarReducer_1 = require("../../../../entity/snackbar/snackbarReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const chargeCardListReducer_1 = require("./chargeCardListReducer");
+const revokeChargeCardsInviteEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(chargeCardListReducer_1.revokeChargeCardsInvite.match), (0, operators_1.switchMap)((action) => {
+    const { cardIds } = action.payload;
+    const payload = {
+        card_ids: cardIds,
+    };
+    return zeniAPI
+        .putAndGetJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/cards/bulk/cancel-issue-request`, payload)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
+            return (0, rxjs_1.of)((0, chargeCardListReducer_1.revokeChargeCardsInviteSuccessOrFailure)({
+                fetchState: 'Completed',
+                revokedCardIds: cardIds,
+            }), (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'revoke_invite_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: 'revoke_invite_charge_cards',
+                messageText: 'failed',
+                type: 'error',
+                variables: [
+                    {
+                        variableName: '_api-error_',
+                        variableValue: response.status.message,
+                    },
+                ],
+            }), (0, chargeCardListReducer_1.revokeChargeCardsInviteSuccessOrFailure)({
+                fetchState: 'Error',
+                error: response.status,
+                revokedCardIds: [],
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => {
+        return (0, rxjs_1.of)((0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'revoke_invite_charge_cards',
+            messageText: 'failed',
+            type: 'error',
+            variables: [
+                {
+                    variableName: '_api-error_',
+                    variableValue: JSON.stringify(error),
+                },
+            ],
+        }), (0, chargeCardListReducer_1.revokeChargeCardsInviteSuccessOrFailure)({
+            fetchState: 'Error',
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Revoke invite charge cards API call errored out' +
+                JSON.stringify(error)),
+            revokedCardIds: [],
+        }));
+    }));
+}));
+exports.revokeChargeCardsInviteEpic = revokeChargeCardsInviteEpic;

package/lib/view/spendManagement/chargeCards/chargeCardList/unlockChargeCardsEpic.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 { unlockChargeCards, unlockChargeCardsSuccessOrFailure } from './chargeCardListReducer';
+export type ActionType = ReturnType<typeof unlockChargeCards> | ReturnType<typeof unlockChargeCardsSuccessOrFailure> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateChargeCards>;
+export declare const unlockChargeCardsEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;