@zeniai/client-epic-state 4.16.0 → 4.16.2

package/lib/view/spendManagement/plaidAccount/epic/plaidConnection/establishPlaidConnectionEpic.js

@@ -10,6 +10,8 @@ const paymentAccountReducer_1 = require("../../../../../entity/paymentAccount/pa
 const snackbarReducer_1 = require("../../../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../../../responsePayload");
 const userFinancialAccountReducer_1 = require("../../../../userFinancialAccount/userFinancialAccountReducer");
+const editBillViewReducer_1 = require("../../../billPay/editBillView/editBillViewReducer");
+const helpers_1 = require("../../../helpers");
 const paymentAccountListReducer_1 = require("../../../zeniAccounts/paymentAccountList/paymentAccountListReducer");
 const plaidAccountViewReducer_1 = require("../../plaidAccountViewReducer");
 const establishPlaidConnectionEpic = (actions$, state, zeniAPI) => actions$.pipe((0, operators_1.filter)(plaidAccountViewReducer_1.establishPlaidConnection.match), (0, operators_1.mergeMap)((action) => {
@@ -61,6 +63,9 @@ const establishPlaidConnectionEpic = (actions$, state, zeniAPI) => actions$.pipe
                 }),
                 (0, plaidAccountViewReducer_1.establishPlaidConnectionSuccess)(linkTokenType, plaidAccountKeyType),
             ];
+            if (plaidAccountKeyType === 'bill_pay_detail') {
+                actions.push((0, editBillViewReducer_1.updateNewAddedBillPaymentAccount)(paymentAccount.payment_account_id));
+            }
             if (setupViewType != null) {
                 const primaryAccountForProducts = [];
                 // if the account added is primary for any product, it should be reflected on that setup page without refresh also
@@ -109,7 +114,7 @@ const establishPlaidConnectionEpic = (actions$, state, zeniAPI) => actions$.pipe
                 actions.push((0, bankAccountReducer_1.updateBankAccounts)(response.data.bank_accounts), (0, userFinancialAccountReducer_1.updateUserBankAccount)({ bankAccountIds, userId }));
             }
             if (setupViewType != null) {
-                actions.push((0, accountReducer_1.updateAccounts)(response.data.accounts, setupViewType));
+                actions.push((0, accountReducer_1.updateAccounts)(response.data.accounts, (0, helpers_1.getReportIDPlusForecastIDFromSetupViewType)(setupViewType)));
             }
             //show notification in case user account is added
             else {

package/lib/view/spendManagement/plaidAccount/plaidAccountViewReducer.d.ts

@@ -1,8 +1,8 @@
 import { ZeniAPIStatus } from '../../../responsePayload';
 import { PlaidAccountKeyType, PlaidAccountViewState, PlaidLinkTokenType } from './plaidAccountViewState';
 export declare const initialState: PlaidAccountViewState;
-export declare const getPaymentAccounts: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing", plaidAccountKeyType: PlaidAccountKeyType, includeBalances?: boolean | undefined], {
-    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing";
+export declare const getPaymentAccounts: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards", plaidAccountKeyType: PlaidAccountKeyType, includeBalances?: boolean | undefined], {
+    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards";
     includeBalances: boolean;
     plaidAccountKeyType: PlaidAccountKeyType;
 }, "plaidAccountView/getPaymentAccounts", never, never>, getPaymentAccountsSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[paymentAccountIds: string[], plaidAccountKeyType: PlaidAccountKeyType], {
@@ -11,20 +11,20 @@ export declare const getPaymentAccounts: import("@reduxjs/toolkit").ActionCreato
 }, "plaidAccountView/getPaymentAccountsSuccess", never, never>, getPaymentAccountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>, plaidAccountKeyType: PlaidAccountKeyType], {
     error: ZeniAPIStatus<Record<string, unknown>>;
     plaidAccountKeyType: PlaidAccountKeyType;
-}, "plaidAccountView/getPaymentAccountsFailure", never, never>, updatePaymentAccount: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[accountId: string, paymentAccountId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing", plaidAccountKeyType: PlaidAccountKeyType], {
+}, "plaidAccountView/getPaymentAccountsFailure", never, never>, updatePaymentAccount: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[accountId: string, paymentAccountId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards", plaidAccountKeyType: PlaidAccountKeyType], {
     accountId: string;
     paymentAccountId: string;
-    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing";
+    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards";
     plaidAccountKeyType: PlaidAccountKeyType;
 }, "plaidAccountView/updatePaymentAccount", never, never>, updatePaymentAccountSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[plaidAccountKeyType: PlaidAccountKeyType], {
     plaidAccountKeyType: PlaidAccountKeyType;
 }, "plaidAccountView/updatePaymentAccountSuccess", never, never>, updatePaymentAccountFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>, plaidAccountKeyType: PlaidAccountKeyType], {
     error: ZeniAPIStatus<Record<string, unknown>>;
     plaidAccountKeyType: PlaidAccountKeyType;
-}, "plaidAccountView/updatePaymentAccountFailure", never, never>, updatePaymentAccountStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[verificationStatusCode: string, paymentAccountId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing", plaidAccountKeyType: PlaidAccountKeyType, linkTokenType?: PlaidLinkTokenType | undefined], {
+}, "plaidAccountView/updatePaymentAccountFailure", never, never>, updatePaymentAccountStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[verificationStatusCode: string, paymentAccountId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards", plaidAccountKeyType: PlaidAccountKeyType, linkTokenType?: PlaidLinkTokenType | undefined], {
     verificationStatusCode: string;
     paymentAccountId: string;
-    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing";
+    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards";
     plaidAccountKeyType: PlaidAccountKeyType;
     linkTokenType: PlaidLinkTokenType;
 }, "plaidAccountView/updatePaymentAccountStatus", never, never>, updatePaymentAccountStatusSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[linkTokenType: PlaidLinkTokenType, plaidAccountKeyType: PlaidAccountKeyType], {
@@ -34,10 +34,10 @@ export declare const getPaymentAccounts: import("@reduxjs/toolkit").ActionCreato
     error: ZeniAPIStatus<Record<string, unknown>>;
     linkTokenType: PlaidLinkTokenType;
     plaidAccountKeyType: PlaidAccountKeyType;
-}, "plaidAccountView/updatePaymentAccountStatusFailure", never, never>, updatePaymentAccountLoginStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[isLoginRequired: boolean, paymentAccountId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing", plaidAccountKeyType: PlaidAccountKeyType, linkTokenType?: PlaidLinkTokenType | undefined], {
+}, "plaidAccountView/updatePaymentAccountStatusFailure", never, never>, updatePaymentAccountLoginStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[isLoginRequired: boolean, paymentAccountId: string, setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards", plaidAccountKeyType: PlaidAccountKeyType, linkTokenType?: PlaidLinkTokenType | undefined], {
     isLoginRequired: boolean;
     paymentAccountId: string;
-    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing";
+    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards";
     plaidAccountKeyType: PlaidAccountKeyType;
     linkTokenType: PlaidLinkTokenType;
 }, "plaidAccountView/updatePaymentAccountLoginStatus", never, never>, updatePaymentAccountLoginStatusSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[paymentAccountIds: string[], linkTokenType: PlaidLinkTokenType, plaidAccountKeyType: PlaidAccountKeyType], {
@@ -61,10 +61,10 @@ export declare const getPaymentAccounts: import("@reduxjs/toolkit").ActionCreato
     error: ZeniAPIStatus<Record<string, unknown>>;
     linkTokenType: PlaidLinkTokenType;
     plaidAccountKeyType: PlaidAccountKeyType;
-}, "plaidAccountView/getPlaidLinkTokenFailure", never, never>, establishPlaidConnection: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[publicToken: string, companyId: string, plaidAccountKeyType: PlaidAccountKeyType, setupViewType?: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | undefined, linkTokenType?: PlaidLinkTokenType | undefined, zeniMappedAccountId?: string | undefined], {
+}, "plaidAccountView/getPlaidLinkTokenFailure", never, never>, establishPlaidConnection: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[publicToken: string, companyId: string, plaidAccountKeyType: PlaidAccountKeyType, setupViewType?: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards" | undefined, linkTokenType?: PlaidLinkTokenType | undefined, zeniMappedAccountId?: string | undefined], {
     publicToken: string;
     companyId: string;
-    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | undefined;
+    setupViewType: "bill_pay" | "reimbursement" | "zeni_accounts" | "charge_cards" | "billing" | "debit_cards" | "charge_cards__debit_cards" | undefined;
     linkTokenType: PlaidLinkTokenType;
     plaidAccountKeyType: PlaidAccountKeyType;
     zeniMappedAccountId: string | undefined;

package/lib/view/spendManagement/plaidAccount/plaidAccountViewReducer.js

@@ -8,6 +8,7 @@ const plaidAccountViewState_1 = require("./plaidAccountViewState");
 exports.initialState = {
     spend_management_setup: plaidAccountViewState_1.initialPlaidAccountState,
     bill_pay_setup: plaidAccountViewState_1.initialPlaidAccountState,
+    bill_pay_detail: plaidAccountViewState_1.initialPlaidAccountState,
     reimbursement_setup: plaidAccountViewState_1.initialPlaidAccountState,
     account_setup: plaidAccountViewState_1.initialPlaidAccountState,
     charge_card_setup: plaidAccountViewState_1.initialPlaidAccountState,

package/lib/view/spendManagement/plaidAccount/plaidAccountViewState.d.ts

@@ -1,7 +1,7 @@
 import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
 import { ZeniDate } from '../../../zeniDayJS';
 export type PlaidLinkTokenType = 'link_account' | 'update_account' | 'link_account_no_microdeposit' | 'link_external_account';
-export type PlaidAccountKeyType = 'spend_management_setup' | 'bill_pay_setup' | 'reimbursement_setup' | 'account_setup' | 'charge_card_setup' | 'user_reimbursement_account' | 'external_account' | 'billing_setup' | 'expense_automation_reconcile';
+export type PlaidAccountKeyType = 'spend_management_setup' | 'bill_pay_setup' | 'bill_pay_detail' | 'reimbursement_setup' | 'account_setup' | 'charge_card_setup' | 'user_reimbursement_account' | 'external_account' | 'billing_setup' | 'expense_automation_reconcile';
 export type PlaidConnectionDetails = Record<PlaidLinkTokenType, {
     linkToken?: string;
     expiration?: ZeniDate;

package/lib/view/spendManagement/zeniAccounts/checkDeposit/checkDepositSelector.js

@@ -9,7 +9,7 @@ const getCheckDepositDetail = (state) => {
     const updateFileStatusById = {};
     const { depositAccountState, depositAccountListState, checkDepositState, fileState, } = state;
     const { localData, fetchState, error } = checkDepositState;
-    const depositAccountsView = (0, depositAccountListSelector_1.getAllDepostAccounts)(depositAccountState, depositAccountListState);
+    const depositAccountsView = (0, depositAccountListSelector_1.getAllDepositAccounts)(depositAccountState, depositAccountListState);
     localData.fileIds.forEach((fileId) => {
         deleteFileStatusById[fileId] = (0, fileViewSelector_1.getFileDeleteStatusById)(state, fileId);
         updateFileStatusById[fileId] = (0, fileViewSelector_1.getFileUpdateNameStatusById)(state, fileId);

package/lib/view/spendManagement/zeniAccounts/depositAccountList/depositAccountListSelector.d.ts

@@ -4,4 +4,4 @@ import { DepositAccountListState } from './depositAccountList';
 export interface DepositAccountListSelectorView extends SelectorView {
     depositAccounts: DepositAccount[];
 }
-export declare const getAllDepostAccounts: (depositAccountState: DepositAccountState, depositAccountListState: DepositAccountListState) => DepositAccountListSelectorView;
+export declare const getAllDepositAccounts: (depositAccountState: DepositAccountState, depositAccountListState: DepositAccountListState) => DepositAccountListSelectorView;

package/lib/view/spendManagement/zeniAccounts/depositAccountList/depositAccountListSelector.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAllDepostAccounts = void 0;
+exports.getAllDepositAccounts = void 0;
 const depositAccountSelector_1 = require("../../../../entity/depositAccount/depositAccountSelector");
-const getAllDepostAccounts = (depositAccountState, depositAccountListState) => {
+const getAllDepositAccounts = (depositAccountState, depositAccountListState) => {
     return {
         depositAccounts: (0, depositAccountSelector_1.getDepositAccountsByDepositAccountIds)(depositAccountState, depositAccountListState.accountIds),
         fetchState: depositAccountListState.fetchState,
@@ -10,4 +10,4 @@ const getAllDepostAccounts = (depositAccountState, depositAccountListState) => {
         version: 0,
     };
 };
-exports.getAllDepostAccounts = getAllDepostAccounts;
+exports.getAllDepositAccounts = getAllDepositAccounts;

package/lib/view/spendManagement/zeniAccounts/expressPay/expressPaySelector.js

@@ -38,7 +38,7 @@ const getExpressPayView = (state) => {
         ...vendorBankAccounts.map((acc) => (0, editBillViewSelector_1.toPaymentToOption)(acc)),
         ...vendorPaymentInstruments.map((pi) => (0, editBillViewSelector_1.toPaymentToOption)(pi)),
     ].sort((a, b) => { var _a; return (((_a = b.createTime) === null || _a === void 0 ? void 0 : _a.isAfter(a.createTime)) === true ? 1 : -1); });
-    const allDepositAccounts = (0, depositAccountListSelector_1.getAllDepostAccounts)(depositAccountState, depositAccountListState).depositAccounts;
+    const allDepositAccounts = (0, depositAccountListSelector_1.getAllDepositAccounts)(depositAccountState, depositAccountListState).depositAccounts;
     const withdrawFromList = (0, setupViewSelector_1.getAllFundingAccounts)(allDepositAccounts, [], paymentAccountListState.paymentAccountBalanceFetchStatus).sort((a, b) => { var _a; return (((_a = a.createTime) === null || _a === void 0 ? void 0 : _a.isAfter(b.createTime)) === true ? 1 : -1); });
     const internationalWireOnboardingStatus = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyBillPayInfo.internationalWireOnboardingStatus;
     const fileId = (_k = expressPayState.formLocalData) === null || _k === void 0 ? void 0 : _k.receiptFileId;

package/lib/view/spendManagement/zeniAccounts/transferDetail/transferDetailSelector.js

@@ -8,7 +8,7 @@ const paymentAccountListSelector_1 = require("../paymentAccountList/paymentAccou
 const getTransferDetail = (state) => {
     const { transferDetailState, depositAccountState, paymentAccountState, depositAccountListState, paymentAccountListState, } = state;
     const { localData, fetchState, error, reviewTransferDetail } = transferDetailState;
-    const depositAccountsView = (0, depositAccountListSelector_1.getAllDepostAccounts)(depositAccountState, depositAccountListState);
+    const depositAccountsView = (0, depositAccountListSelector_1.getAllDepositAccounts)(depositAccountState, depositAccountListState);
     const paymentAccountsView = (0, paymentAccountListSelector_1.getAllPaymentAccounts)(paymentAccountState, paymentAccountListState);
     let transferParties = [];
     const transferMoneyPartiesFetchState = (0, reduceFetchState_1.reduceAllFetchState)([

package/lib/view/spendManagement/zeniAccounts/zeniAccountList/zeniAccountListSelector.js

@@ -9,7 +9,7 @@ const zeniAccountsConfigSelector_1 = require("../zeniAccountsConfig/zeniAccounts
 const getZeniAccountList = (state) => {
     const { zeniAccountListState, depositAccountState, paymentAccountState, plaidAccountViewState, depositAccountListState, paymentAccountListState, } = state;
     const { plaidConnectionDetails } = plaidAccountViewState['external_account'];
-    const depositAccountsSelectorView = (0, depositAccountListSelector_1.getAllDepostAccounts)(depositAccountState, depositAccountListState);
+    const depositAccountsSelectorView = (0, depositAccountListSelector_1.getAllDepositAccounts)(depositAccountState, depositAccountListState);
     const zeniAccountsConfig = (0, zeniAccountsConfigSelector_1.getZeniAccountsConfigDetail)(state);
     const { paymentAccountIds } = paymentAccountListState;
     const externalAccountsSelectorView = (0, paymentAccountListSelector_1.getAllPaymentAccounts)(paymentAccountState, paymentAccountListState);

package/lib/view/transactionDetail/epics/markTransactionAsNotMiscategorizedEpic.d.ts

@@ -1,8 +1,9 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
-import { updateTransactionIsMiscategorized } from '../../../entity/transaction/transactionReducer';
+import { removeTransactionCategorization, updateTransactionIsMiscategorized } from '../../../entity/transaction/transactionReducer';
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
+import { updateStatusForTransactionNotMiscategorizedUpdateForCategorization, updateTotalCountForTransactionCategorization } from '../../expenseAutomationView/reducers/transactionsViewReducer';
 import { markTransactionAsNotMiscategorized, updateStatusConsolidatedSaveTransactionDetail, updateStatusForTransactionNotMiscategorizedUpdate } from '../transactionDetailReducer';
-export type ActionType = ReturnType<typeof updateStatusForTransactionNotMiscategorizedUpdate> | ReturnType<typeof markTransactionAsNotMiscategorized> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateStatusConsolidatedSaveTransactionDetail> | ReturnType<typeof updateTransactionIsMiscategorized>;
-export declare const markTransactionAsNotMiscategorizedEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<ActionType>;
+export type ActionType = ReturnType<typeof updateStatusForTransactionNotMiscategorizedUpdate> | ReturnType<typeof markTransactionAsNotMiscategorized> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateStatusConsolidatedSaveTransactionDetail> | ReturnType<typeof updateTransactionIsMiscategorized> | ReturnType<typeof removeTransactionCategorization> | ReturnType<typeof updateStatusForTransactionNotMiscategorizedUpdateForCategorization> | ReturnType<typeof updateTotalCountForTransactionCategorization>;
+export declare const markTransactionAsNotMiscategorizedEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<ActionType>;

package/lib/view/transactionDetail/epics/markTransactionAsNotMiscategorizedEpic.js

@@ -3,12 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.markTransactionAsNotMiscategorizedEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
+const timePeriod_1 = require("../../../commonStateTypes/timePeriod");
 const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
+const tenantSelector_1 = require("../../../entity/tenant/tenantSelector");
 const transactionReducer_1 = require("../../../entity/transaction/transactionReducer");
 const responsePayload_1 = require("../../../responsePayload");
+const transactionsViewReducer_1 = require("../../expenseAutomationView/reducers/transactionsViewReducer");
 const transactionDetailReducer_1 = require("../transactionDetailReducer");
 const transactionDetailState_1 = require("../transactionDetailState");
-const markTransactionAsNotMiscategorizedEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(transactionDetailReducer_1.markTransactionAsNotMiscategorized.match), (0, operators_1.mergeMap)((action) => {
+const markTransactionAsNotMiscategorizedEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(transactionDetailReducer_1.markTransactionAsNotMiscategorized.match), (0, operators_1.mergeMap)((action) => {
     return zeniAPI
         .putAndGetJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/transactions/${action.payload.transactionId.id}/mark-miscategorized-as-correct`, preparePayload(action.payload.transactionId))
         .pipe((0, operators_1.mergeMap)((response) => {
@@ -18,6 +21,27 @@ const markTransactionAsNotMiscategorizedEpic = (actions$, _state$, zeniAPI) => a
             const transactionKey = (0, transactionDetailState_1.getTransactionDetailKey)(action.payload.transactionId);
             // Mark this transaction as not miscategorized anymore
             actions.push((0, transactionReducer_1.updateTransactionIsMiscategorized)(transactionKey, false));
+            if (action.payload.isExpenseAutomationEnabled === true) {
+                const { expenseAutomationViewState, expenseAutomationTransactionsViewState, } = state$.value;
+                const { transactionCategorizationView, selectedTransactionCategorizationTab, } = expenseAutomationTransactionsViewState;
+                const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state$.value);
+                const { selectedPeriodByTenantId } = expenseAutomationViewState;
+                const selectedPeriod = selectedPeriodByTenantId[currentTenant.tenantId];
+                const { uiState } = transactionCategorizationView[selectedTransactionCategorizationTab];
+                const totalCountByPeriod = uiState.totalCount[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)];
+                const updatedTotalCount = totalCountByPeriod === 0
+                    ? totalCountByPeriod
+                    : totalCountByPeriod - 1;
+                actions.push((0, transactionsViewReducer_1.updateStatusForTransactionNotMiscategorizedUpdateForCategorization)(selectedTransactionCategorizationTab, [action.payload.transactionId.id], selectedPeriod, 'Completed'));
+                actions.push((0, transactionReducer_1.removeTransactionCategorization)({
+                    transactionIds: [action.payload.transactionId.id],
+                }));
+                actions.push((0, transactionsViewReducer_1.updateTotalCountForTransactionCategorization)({
+                    selectedPeriod,
+                    selectedTab: selectedTransactionCategorizationTab,
+                    totalCount: updatedTotalCount,
+                }));
+            }
             actions.push((0, transactionDetailReducer_1.updateStatusConsolidatedSaveTransactionDetail)({
                 transactionId: action.payload.transactionId,
                 fetchState: 'Completed',

package/lib/view/transactionDetail/epics/saveTransactionDetailEpic.js

@@ -23,7 +23,7 @@ const saveTransactionDetailEpic = (actions$, state$) => actions$.pipe((0, operat
     if (detail != null && transaction != null) {
         const localData = detail.transactionDetailLocalData;
         const transactionSaveUpdates = (0, saveTransactionHelper_1.toTransactionUpdatesFromTransactionDetailLocalData)(localData, transaction, isExpenseAutomationEnabled);
-        fetchActions.push((0, transactionDetailReducer_1.updateTransactionDetail)(transactionId, transactionSaveUpdates));
+        fetchActions.push((0, transactionDetailReducer_1.updateTransactionDetail)(transactionId, transactionSaveUpdates, isExpenseAutomationEnabled));
         return (0, rxjs_1.from)(fetchActions);
     }
     return (0, rxjs_1.from)(fetchActions);

package/lib/view/transactionDetail/epics/updateTransactionDetailEpic.js

@@ -86,7 +86,7 @@ const updateTransactionDetailEpic = (actions$, state$, zeniAPI) => actions$.pipe
                 true &&
                 callMarkTransactionAsNotMiscategorized === true &&
                 isTransactionUnCategorized === false) {
-                actions.push((0, transactionDetailReducer_1.markTransactionAsNotMiscategorized)(transactionIdResp, action.payload.transactionSaveUpdates));
+                actions.push((0, transactionDetailReducer_1.markTransactionAsNotMiscategorized)(transactionIdResp, action.payload.transactionSaveUpdates, action.payload.isExpenseAutomationEnabled));
             }
             else {
                 actions.push((0, transactionDetailReducer_1.updateStatusConsolidatedSaveTransactionDetail)({

package/lib/view/transactionDetail/transactionDetailReducer.d.ts

@@ -26,18 +26,20 @@ export declare const downloadAccountingProviderAttachment: import("@reduxjs/tool
     payload: SupportedTransactionPayload;
 }, "transactionDetail/uploadMissingAttachmentSuccess", never, {
     updateType: UpdateType;
-}>, updateTransactionDetail: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[transactionId: TransactionID, transactionSaveUpdates: TransactionSaveUpdates], {
+}>, updateTransactionDetail: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[transactionId: TransactionID, transactionSaveUpdates: TransactionSaveUpdates, isExpenseAutomationEnabled: boolean], {
     transactionId: TransactionID;
     transactionSaveUpdates: TransactionSaveUpdates;
+    isExpenseAutomationEnabled: boolean;
 }, "transactionDetail/updateTransactionDetail", never, never>, updateTransactionDetailSaveStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[transactionId: TransactionID, fetchState: FetchState, error?: ZeniAPIStatus<Record<string, unknown>> | undefined], {
     transactionId: TransactionID;
     fetchState: FetchState;
     error: ZeniAPIStatus<Record<string, unknown>> | undefined;
 }, "transactionDetail/updateTransactionDetailSaveStatus", never, never>, clearTransactionDetailSaveStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[transactionId: TransactionID], {
     transactionId: TransactionID;
-}, "transactionDetail/clearTransactionDetailSaveStatus", never, never>, markTransactionAsNotMiscategorized: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[transactionId: TransactionID, transactionSaveUpdates: TransactionSaveUpdates], {
+}, "transactionDetail/clearTransactionDetailSaveStatus", never, never>, markTransactionAsNotMiscategorized: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[transactionId: TransactionID, transactionSaveUpdates: TransactionSaveUpdates, isExpenseAutomationEnabled: boolean], {
     transactionId: TransactionID;
     transactionSaveUpdates: TransactionSaveUpdates;
+    isExpenseAutomationEnabled: boolean;
 }, "transactionDetail/markTransactionAsNotMiscategorized", never, never>, deleteTransactionAttachment: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[attachmentFileName: string, transactionId: TransactionID], {
     attachmentFileName: string;
     transactionId: TransactionID;

package/lib/view/transactionDetail/transactionDetailReducer.js

@@ -97,11 +97,12 @@ const transactionDetail = (0, toolkit_1.createSlice)({
                             } }) });
                 }
             },
-            prepare(transactionId, transactionSaveUpdates) {
+            prepare(transactionId, transactionSaveUpdates, isExpenseAutomationEnabled) {
                 return {
                     payload: {
                         transactionId,
                         transactionSaveUpdates,
+                        isExpenseAutomationEnabled,
                     },
                 };
             },
@@ -160,11 +161,12 @@ const transactionDetail = (0, toolkit_1.createSlice)({
                             } }) });
                 }
             },
-            prepare(transactionId, transactionSaveUpdates) {
+            prepare(transactionId, transactionSaveUpdates, isExpenseAutomationEnabled) {
                 return {
                     payload: {
                         transactionId,
                         transactionSaveUpdates,
+                        isExpenseAutomationEnabled,
                     },
                 };
             },

package/lib/view/twoFactorAuthentication/resendOtpEpic.d.ts

@@ -6,7 +6,8 @@ import { resendOtpVendorView, sendOtpVendorViewFailure, sendOtpVendorViewSuccess
 import { resendOnboardingOfficerOtp, sendOnboardingOfficerOtpFailure, sendOnboardingOfficerOtpSuccess } from '../onboardingView/customerView/onboardingCustomerViewReducer';
 import { resendOtpMyProfile, sendOtpMyProfileFailure, sendOtpMyProfileSuccess } from '../settingsView/settingsViewReducer';
 import { resendOtpCardUserOnboarding, sendOtpCardUserOnboardingFailure, sendOtpCardUserOnboardingSuccess } from '../spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingReducer';
+import { resendOtpCardHolder, sendOtpCardHolderFailure, sendOtpCardHolderSuccess } from '../spendManagement/chargeCards/chargeCardDetail/chargeCardDetailReducer';
 import { resendOtpSpendManagementSetUp, sendOtpFailureSpendManagementSetUp, sendOtpSuccessSpendManagementSetUp } from '../spendManagement/commonSetup/setupViewReducer';
 import { resendOtp, sendOtpFailure, sendOtpSuccess } from './twoFactorAuthenticationReducer';
-export type ActionType = ReturnType<typeof resendOtp> | ReturnType<typeof sendOtpSuccess> | ReturnType<typeof sendOtpFailure> | ReturnType<typeof resendOtpSpendManagementSetUp> | ReturnType<typeof sendOtpSuccessSpendManagementSetUp> | ReturnType<typeof sendOtpFailureSpendManagementSetUp> | ReturnType<typeof resendOtpVendorView> | ReturnType<typeof sendOtpVendorViewSuccess> | ReturnType<typeof sendOtpVendorViewFailure> | ReturnType<typeof resendOnboardingOfficerOtp> | ReturnType<typeof sendOnboardingOfficerOtpSuccess> | ReturnType<typeof sendOnboardingOfficerOtpFailure> | ReturnType<typeof resendOtpCardUserOnboarding> | ReturnType<typeof sendOtpCardUserOnboardingSuccess> | ReturnType<typeof sendOtpCardUserOnboardingFailure> | ReturnType<typeof resendOtpMyProfile> | ReturnType<typeof sendOtpMyProfileFailure> | ReturnType<typeof sendOtpMyProfileSuccess>;
-export declare const resendOtpEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export type ActionType = ReturnType<typeof resendOtp> | ReturnType<typeof sendOtpSuccess> | ReturnType<typeof sendOtpFailure> | ReturnType<typeof resendOtpSpendManagementSetUp> | ReturnType<typeof sendOtpSuccessSpendManagementSetUp> | ReturnType<typeof sendOtpFailureSpendManagementSetUp> | ReturnType<typeof resendOtpVendorView> | ReturnType<typeof sendOtpVendorViewSuccess> | ReturnType<typeof sendOtpVendorViewFailure> | ReturnType<typeof resendOnboardingOfficerOtp> | ReturnType<typeof sendOnboardingOfficerOtpSuccess> | ReturnType<typeof sendOnboardingOfficerOtpFailure> | ReturnType<typeof resendOtpCardUserOnboarding> | ReturnType<typeof sendOtpCardUserOnboardingSuccess> | ReturnType<typeof sendOtpCardUserOnboardingFailure> | ReturnType<typeof resendOtpMyProfile> | ReturnType<typeof resendOtpCardHolder> | ReturnType<typeof sendOtpCardHolderSuccess> | ReturnType<typeof sendOtpCardHolderFailure> | ReturnType<typeof sendOtpMyProfileFailure> | ReturnType<typeof sendOtpMyProfileSuccess>;
+export declare const resendOtpEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/twoFactorAuthentication/resendOtpEpic.js

@@ -8,27 +8,14 @@ const vendorViewReducer_1 = require("../commonVendorView/vendorView/vendorViewRe
 const onboardingCustomerViewReducer_1 = require("../onboardingView/customerView/onboardingCustomerViewReducer");
 const settingsViewReducer_1 = require("../settingsView/settingsViewReducer");
 const cardUserOnboardingReducer_1 = require("../spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingReducer");
+const chargeCardDetailReducer_1 = require("../spendManagement/chargeCards/chargeCardDetail/chargeCardDetailReducer");
 const setupViewReducer_1 = require("../spendManagement/commonSetup/setupViewReducer");
 const twoFactorAuthenticationReducer_1 = require("./twoFactorAuthenticationReducer");
-const resendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(twoFactorAuthenticationReducer_1.resendOtp.match), (0, operators_1.mergeMap)((action) => {
-    var _a;
+const resendOtpEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(twoFactorAuthenticationReducer_1.resendOtp.match), (0, operators_1.mergeMap)((action) => {
     const resendOtpActions = [];
-    const { otpChallenge, twoFASource } = action.payload;
-    const tenantState = state$.value.tenantState;
-    const companyState = state$.value.companyState;
-    const { currentTenantId } = tenantState;
-    const companyId = currentTenantId != null
-        ? (_a = tenantState.tenantsById[currentTenantId]) === null || _a === void 0 ? void 0 : _a.companyId
-        : undefined;
-    const isCardsEnabled = companyId != null
-        ? companyState.companiesById[companyId].companyChargeCardInfo
-            .isChargeCardEnabled
-        : false;
+    const { otpChallenge, twoFASource, entityId } = action.payload;
     const payload = {
         otp_challenge: otpChallenge,
-        is_for_charge_cards: twoFASource === 'ChargeCard' ||
-            twoFASource === 'CardUserOnboarding' ||
-            (twoFASource === 'MyProfile' && isCardsEnabled),
     };
     switch (twoFASource) {
         case 'SpendManagementSetup':
@@ -52,7 +39,11 @@ const resendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators
         .pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             const updateActions = [
-                (0, twoFactorAuthenticationReducer_1.sendOtpSuccess)({ otpChallenge: response.data.otp_challenge }),
+                (0, twoFactorAuthenticationReducer_1.sendOtpSuccess)({
+                    otpChallenge: response.data.otp_challenge,
+                    twoFASource,
+                    entityId,
+                }),
             ];
             switch (twoFASource) {
                 case 'SpendManagementSetup':
@@ -80,12 +71,24 @@ const resendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators
                         otpChallenge: response.data.otp_challenge,
                     }));
                     break;
+                case 'ChargeCardHolder':
+                    if (entityId != null) {
+                        updateActions.push((0, chargeCardDetailReducer_1.sendOtpCardHolderSuccess)({
+                            otpChallenge: response.data.otp_challenge,
+                            chargeCardId: entityId,
+                        }));
+                    }
+                    break;
             }
             return (0, rxjs_1.from)(updateActions);
         }
         else {
             const updateActions = [
-                (0, twoFactorAuthenticationReducer_1.sendOtpFailure)(response.status),
+                (0, twoFactorAuthenticationReducer_1.sendOtpFailure)({
+                    error: response.status,
+                    twoFASource,
+                    entityId,
+                }),
             ];
             switch (twoFASource) {
                 case 'SpendManagementSetup':
@@ -103,12 +106,26 @@ const resendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators
                 case 'CardUserOnboarding':
                     updateActions.push((0, cardUserOnboardingReducer_1.sendOtpCardUserOnboardingFailure)(response.status));
                     break;
+                case 'ChargeCardHolder':
+                    if (entityId != null) {
+                        updateActions.push((0, chargeCardDetailReducer_1.sendOtpCardHolderFailure)({
+                            error: response.status,
+                            chargeCardId: entityId,
+                        }));
+                    }
+                    break;
             }
             return (0, rxjs_1.from)(updateActions);
         }
     }), (0, operators_1.catchError)((error) => {
         const zeniAPIStatus = (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Resend otp api errored out' + JSON.stringify(error));
-        const updateActions = [(0, twoFactorAuthenticationReducer_1.sendOtpFailure)(zeniAPIStatus)];
+        const updateActions = [
+            (0, twoFactorAuthenticationReducer_1.sendOtpFailure)({
+                error: zeniAPIStatus,
+                twoFASource,
+                entityId,
+            }),
+        ];
         switch (twoFASource) {
             case 'SpendManagementSetup':
                 updateActions.push((0, setupViewReducer_1.sendOtpFailureSpendManagementSetUp)(zeniAPIStatus));
@@ -125,6 +142,14 @@ const resendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators
             case 'CardUserOnboarding':
                 updateActions.push((0, cardUserOnboardingReducer_1.sendOtpCardUserOnboardingFailure)(zeniAPIStatus));
                 break;
+            case 'ChargeCardHolder':
+                if (entityId != null) {
+                    updateActions.push((0, chargeCardDetailReducer_1.sendOtpCardHolderFailure)({
+                        error: zeniAPIStatus,
+                        chargeCardId: entityId,
+                    }));
+                }
+                break;
         }
         return (0, rxjs_1.from)(updateActions);
     }));

package/lib/view/twoFactorAuthentication/sendOtpEpic.d.ts

@@ -6,7 +6,8 @@ import { sendOtpVendorView, sendOtpVendorViewFailure, sendOtpVendorViewSuccess }
 import { sendOnboardingOfficerOtp, sendOnboardingOfficerOtpFailure, sendOnboardingOfficerOtpSuccess } from '../onboardingView/customerView/onboardingCustomerViewReducer';
 import { sendOtpMyProfile, sendOtpMyProfileFailure, sendOtpMyProfileSuccess } from '../settingsView/settingsViewReducer';
 import { sendOtpCardUserOnboarding, sendOtpCardUserOnboardingFailure, sendOtpCardUserOnboardingSuccess } from '../spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingReducer';
+import { sendOtpCardHolder, sendOtpCardHolderFailure, sendOtpCardHolderSuccess } from '../spendManagement/chargeCards/chargeCardDetail/chargeCardDetailReducer';
 import { sendOtpFailureSpendManagementSetUp, sendOtpSpendManagementSetUp, sendOtpSuccessSpendManagementSetUp } from '../spendManagement/commonSetup/setupViewReducer';
 import { sendOtp, sendOtpFailure, sendOtpSuccess } from './twoFactorAuthenticationReducer';
-export type ActionType = ReturnType<typeof sendOtp> | ReturnType<typeof sendOtpSuccess> | ReturnType<typeof sendOtpFailure> | ReturnType<typeof sendOtpSpendManagementSetUp> | ReturnType<typeof sendOtpSuccessSpendManagementSetUp> | ReturnType<typeof sendOtpFailureSpendManagementSetUp> | ReturnType<typeof sendOtpVendorView> | ReturnType<typeof sendOtpVendorViewSuccess> | ReturnType<typeof sendOtpVendorViewFailure> | ReturnType<typeof sendOnboardingOfficerOtp> | ReturnType<typeof sendOnboardingOfficerOtpSuccess> | ReturnType<typeof sendOnboardingOfficerOtpFailure> | ReturnType<typeof sendOtpCardUserOnboarding> | ReturnType<typeof sendOtpCardUserOnboardingSuccess> | ReturnType<typeof sendOtpCardUserOnboardingFailure> | ReturnType<typeof sendOtpMyProfile> | ReturnType<typeof sendOtpMyProfileFailure> | ReturnType<typeof sendOtpMyProfileSuccess>;
+export type ActionType = ReturnType<typeof sendOtp> | ReturnType<typeof sendOtpSuccess> | ReturnType<typeof sendOtpFailure> | ReturnType<typeof sendOtpSpendManagementSetUp> | ReturnType<typeof sendOtpSuccessSpendManagementSetUp> | ReturnType<typeof sendOtpFailureSpendManagementSetUp> | ReturnType<typeof sendOtpVendorView> | ReturnType<typeof sendOtpVendorViewSuccess> | ReturnType<typeof sendOtpVendorViewFailure> | ReturnType<typeof sendOnboardingOfficerOtp> | ReturnType<typeof sendOnboardingOfficerOtpSuccess> | ReturnType<typeof sendOnboardingOfficerOtpFailure> | ReturnType<typeof sendOtpCardUserOnboarding> | ReturnType<typeof sendOtpCardUserOnboardingSuccess> | ReturnType<typeof sendOtpCardUserOnboardingFailure> | ReturnType<typeof sendOtpMyProfile> | ReturnType<typeof sendOtpCardHolder> | ReturnType<typeof sendOtpCardHolderSuccess> | ReturnType<typeof sendOtpCardHolderFailure> | ReturnType<typeof sendOtpMyProfileFailure> | ReturnType<typeof sendOtpMyProfileSuccess>;
 export declare const sendOtpEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/twoFactorAuthentication/sendOtpEpic.js

@@ -8,31 +8,23 @@ const vendorViewReducer_1 = require("../commonVendorView/vendorView/vendorViewRe
 const onboardingCustomerViewReducer_1 = require("../onboardingView/customerView/onboardingCustomerViewReducer");
 const settingsViewReducer_1 = require("../settingsView/settingsViewReducer");
 const cardUserOnboardingReducer_1 = require("../spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingReducer");
+const chargeCardDetailReducer_1 = require("../spendManagement/chargeCards/chargeCardDetail/chargeCardDetailReducer");
 const setupViewReducer_1 = require("../spendManagement/commonSetup/setupViewReducer");
 const twoFactorAuthenticationReducer_1 = require("./twoFactorAuthenticationReducer");
 const sendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(twoFactorAuthenticationReducer_1.sendOtp.match), (0, operators_1.mergeMap)((action) => {
-    var _a;
     const sendOtpActions = [];
-    const { phoneNumber, twoFASource } = action.payload;
-    const tenantState = state$.value.tenantState;
-    const companyState = state$.value.companyState;
-    const { currentTenantId } = tenantState;
-    const companyId = currentTenantId != null
-        ? (_a = tenantState.tenantsById[currentTenantId]) === null || _a === void 0 ? void 0 : _a.companyId
-        : undefined;
-    const isCardsEnabled = companyId != null
-        ? companyState.companiesById[companyId].companyChargeCardInfo
-            .isChargeCardEnabled
-        : false;
+    const { phoneNumber, twoFASource, entityId } = action.payload;
     const queryPayload = {
         channel_type: 'phone',
         channel_info: {
             phone_number: phoneNumber,
         },
-        is_for_charge_cards: twoFASource === 'ChargeCard' ||
-            twoFASource === 'CardUserOnboarding' ||
-            (twoFASource === 'MyProfile' && isCardsEnabled),
     };
+    if (twoFASource === 'ChargeCardHolder' && entityId != null) {
+        const chargeCardProviderId = state$.value.chargeCardState.chargeCardByID[entityId].cardProviderID;
+        queryPayload.provider_card_id = chargeCardProviderId;
+        queryPayload.is_for_charge_cards = true;
+    }
     switch (twoFASource) {
         case 'SpendManagementSetup':
             sendOtpActions.push((0, setupViewReducer_1.sendOtpSpendManagementSetUp)());
@@ -49,13 +41,22 @@ const sendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1
         case 'CardUserOnboarding':
             sendOtpActions.push((0, cardUserOnboardingReducer_1.sendOtpCardUserOnboarding)());
             break;
+        case 'ChargeCardHolder':
+            if (entityId != null) {
+                sendOtpActions.push((0, chargeCardDetailReducer_1.sendOtpCardHolder)({ phone: phoneNumber, chargeCardId: entityId }));
+            }
+            break;
     }
     const setOtp$ = zeniAPI
         .postAndGetJSON(`${zeniAPI.apiEndPoints.authMicroServiceBaseUrl}/1.0/otp/send`, queryPayload)
         .pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             const updateActions = [
-                (0, twoFactorAuthenticationReducer_1.sendOtpSuccess)({ otpChallenge: response.data.otp_challenge }),
+                (0, twoFactorAuthenticationReducer_1.sendOtpSuccess)({
+                    otpChallenge: response.data.otp_challenge,
+                    twoFASource,
+                    entityId,
+                }),
             ];
             switch (twoFASource) {
                 case 'SpendManagementSetup':
@@ -83,12 +84,20 @@ const sendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1
                         otpChallenge: response.data.otp_challenge,
                     }));
                     break;
+                case 'ChargeCardHolder':
+                    if (entityId != null) {
+                        updateActions.push((0, chargeCardDetailReducer_1.sendOtpCardHolderSuccess)({
+                            otpChallenge: response.data.otp_challenge,
+                            chargeCardId: entityId,
+                        }));
+                    }
+                    break;
             }
             return (0, rxjs_1.from)(updateActions);
         }
         else {
             const updateActions = [
-                (0, twoFactorAuthenticationReducer_1.sendOtpFailure)(response.status),
+                (0, twoFactorAuthenticationReducer_1.sendOtpFailure)({ error: response.status, twoFASource, entityId }),
             ];
             switch (twoFASource) {
                 case 'SpendManagementSetup':
@@ -106,12 +115,22 @@ const sendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1
                 case 'CardUserOnboarding':
                     updateActions.push((0, cardUserOnboardingReducer_1.sendOtpCardUserOnboardingFailure)(response.status));
                     break;
+                case 'ChargeCardHolder':
+                    if (entityId != null) {
+                        updateActions.push((0, chargeCardDetailReducer_1.sendOtpCardHolderFailure)({
+                            error: response.status,
+                            chargeCardId: entityId,
+                        }));
+                    }
+                    break;
             }
             return (0, rxjs_1.from)(updateActions);
         }
     }), (0, operators_1.catchError)((error) => {
         const zeniAPIStatus = (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Send otp api errored out' + JSON.stringify(error));
-        const updateActions = [(0, twoFactorAuthenticationReducer_1.sendOtpFailure)(zeniAPIStatus)];
+        const updateActions = [
+            (0, twoFactorAuthenticationReducer_1.sendOtpFailure)({ error: zeniAPIStatus, twoFASource, entityId }),
+        ];
         switch (twoFASource) {
             case 'SpendManagementSetup':
                 updateActions.push((0, setupViewReducer_1.sendOtpFailureSpendManagementSetUp)(zeniAPIStatus));
@@ -128,6 +147,14 @@ const sendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1
             case 'CardUserOnboarding':
                 updateActions.push((0, cardUserOnboardingReducer_1.sendOtpCardUserOnboardingFailure)(zeniAPIStatus));
                 break;
+            case 'ChargeCardHolder':
+                if (entityId != null) {
+                    updateActions.push((0, chargeCardDetailReducer_1.sendOtpCardHolderFailure)({
+                        error: zeniAPIStatus,
+                        chargeCardId: entityId,
+                    }));
+                }
+                break;
         }
         return (0, rxjs_1.from)(updateActions);
     }));