@zeniai/client-epic-state 4.15.84 → 4.15.85

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetail.js

@@ -17,12 +17,34 @@ exports.initialTransactionAttachments = {
     error: undefined,
 };
 exports.emptyChargeCardDetail = {
+    twoFAState: {
+        sendOtpStatus: {
+            fetchState: 'Not-Started',
+            error: undefined,
+        },
+        isPhoneVerified: false,
+        verifyOtpStatus: {
+            fetchState: 'Not-Started',
+            error: undefined,
+        },
+        phone: undefined,
+        otpChallenge: undefined,
+    },
+    isRefreshingViewInBackground: false,
+    depositAccountLimitFetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
     id: '',
     fetchState: 'Not-Started',
     cvvActivationWaitStatus: {
         fetchState: 'Not-Started',
         error: undefined,
     },
+    debitCardSetPinWaitStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
     transactionList: {
         isViewReceiptClickedImmediatelyAfterUploadTransactionId: {},
         transactionAttachmentsByTransactionId: {},
@@ -52,6 +74,10 @@ exports.emptyChargeCardDetail = {
         fetchState: 'Not-Started',
         error: undefined,
     },
+    updateDebitCardPinAttemptFetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
     updateChargeCardLimitFetchState: {
         fetchState: 'Completed',
         error: undefined,

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailPayload.d.ts

@@ -1,6 +1,7 @@
 import { AddressPayload } from '../../../../entity/address/addressPayload';
 import { ChargeCardPayload } from '../../../../entity/chargeCard/chargeCardPayload';
 import { ChargeCardTransactionPayload } from '../../../../entity/chargeCardTransaction/chargeCardTransactionPayload';
+import { ConnectedAccountPayload } from '../../../../entity/connectedAccount/connectedAccountPayload';
 import { AttachmentPayload } from '../../../../entity/transaction/payloadTypes/attachmentPayload';
 import { UserPayload } from '../../../../entity/user/userPayload';
 import { UserRolePayload } from '../../../../entity/userRole/userRolePayload';
@@ -14,6 +15,7 @@ interface ChargeCardDetailPayload {
     users: UserPayload[];
     user_roles: UserRolePayload[];
     addresses: AddressPayload[];
+    connected_account: ConnectedAccountPayload;
 }
 export type FetchChargeCardDetailResponse = ZeniAPIResponse<ChargeCardDetailPayload>;
 export type UpdateChargeCardLimitResponse = ZeniAPIResponse<ChargeCardPayload>;

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailReducer.d.ts

@@ -15,18 +15,21 @@ export declare const fetchChargeCardDetailPage: import("@reduxjs/toolkit").Actio
     cacheOverride: any;
 }, "chargeCardDetail/fetchChargeCardDetail", never, never>, updateChargeCardDetailFetchState: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     chargeCardId: ID;
+    isRefreshingViewInBackground: boolean;
     fetchState: FetchState;
     error?: ZeniAPIStatus;
-}, "chargeCardDetail/updateChargeCardDetailFetchState">, fetchChargeCardTransactionList: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[chargeCardId: string, pageToken: PageToken, pageTokenType: PageToken], {
+}, "chargeCardDetail/updateChargeCardDetailFetchState">, fetchChargeCardTransactionList: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[chargeCardId: string, pageToken: PageToken, pageTokenType: PageToken, cacheOverride?: any], {
     chargeCardId: string;
     pageToken: PageToken;
     pageTokenType: PageToken;
+    cacheOverride: any;
 }, "chargeCardDetail/fetchChargeCardTransactionList", never, never>, updateChargeCardDetailUIState: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     chargeCardId: ID;
     uiState: Partial<ChargeCardDetailUiState>;
 }, "chargeCardDetail/updateChargeCardDetailUIState">, updateChargeCardTransactionList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     chargeCardId: ID;
     data: ChargeCardTransactionListPayload;
+    cacheOverride: boolean;
 }, "chargeCardDetail/updateChargeCardTransactionList">, updateChargeCardTransactionUploadReceiptsFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     transactionId: ID;
     chargeCardId: ID;
@@ -51,7 +54,14 @@ export declare const fetchChargeCardDetailPage: import("@reduxjs/toolkit").Actio
 }, "chargeCardDetail/updatePhysicalChargeCardAttemptSuccessOrFailure">, updatePhysicalChargeCardAttempt: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[chargeCardId: string, statusCode: "failed" | "success"], {
     chargeCardId: string;
     statusCode: "failed" | "success";
-}, "chargeCardDetail/updatePhysicalChargeCardAttempt", never, never>, updateChargeCardTransactionReceiptsShowTickFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "chargeCardDetail/updatePhysicalChargeCardAttempt", never, never>, updateDebitCardPinAttempt: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[chargeCardId: string, statusCode: "failed" | "success"], {
+    chargeCardId: string;
+    statusCode: "failed" | "success";
+}, "chargeCardDetail/updateDebitCardPinAttempt", never, never>, updateDebitCardPinAttemptSuccessOrFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    chargeCardId: ID;
+    fetchState: FetchState;
+    error?: ZeniAPIStatus;
+}, "chargeCardDetail/updateDebitCardPinAttemptSuccessOrFailure">, updateChargeCardTransactionReceiptsShowTickFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     transactionId: ID;
     chargeCardId: ID;
     shouldShowTick: boolean;
@@ -69,7 +79,11 @@ export declare const fetchChargeCardDetailPage: import("@reduxjs/toolkit").Actio
     chargeCardId: ID;
 }, "chargeCardDetail/startCVVActivationWait">, completeCVVActivationWait: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     chargeCardId: ID;
-}, "chargeCardDetail/completeCVVActivationWait">, updateChargeCardDetailUpdateStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "chargeCardDetail/completeCVVActivationWait">, startDebitCardSetPinWait: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    chargeCardId: ID;
+}, "chargeCardDetail/startDebitCardSetPinWait">, completeDebitCardSetPinWait: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    chargeCardId: ID;
+}, "chargeCardDetail/completeDebitCardSetPinWait">, updateChargeCardDetailUpdateStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     chargeCardId: ID;
     fetchState: FetchState;
     error?: ZeniAPIStatus;
@@ -82,6 +96,31 @@ export declare const fetchChargeCardDetailPage: import("@reduxjs/toolkit").Actio
     chargeCardId: ID;
     fetchState: FetchState;
     error?: ZeniAPIStatus;
-}, "chargeCardDetail/updateChargeCardSpendLimitSuccessOrFailure">, clearChargeCardDetail: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chargeCardDetail/clearChargeCardDetail">;
+}, "chargeCardDetail/updateChargeCardSpendLimitSuccessOrFailure">, fetchDepositAccountLimit: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    depositAccountId: ID;
+    chargeCardId: ID;
+}, "chargeCardDetail/fetchDepositAccountLimit">, updateDepositAccountLimitFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    chargeCardId: ID;
+    fetchState: FetchState;
+    error?: ZeniAPIStatus;
+}, "chargeCardDetail/updateDepositAccountLimitFetchStatus">, sendOtpCardHolder: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    chargeCardId: ID;
+    phone: string;
+}, "chargeCardDetail/sendOtpCardHolder">, resendOtpCardHolder: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    chargeCardId: ID;
+}, "chargeCardDetail/resendOtpCardHolder">, sendOtpCardHolderSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    otpChallenge: string;
+    chargeCardId: ID;
+}, "chargeCardDetail/sendOtpCardHolderSuccess">, sendOtpCardHolderFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    error: ZeniAPIStatus;
+    chargeCardId: ID;
+}, "chargeCardDetail/sendOtpCardHolderFailure">, verifyOtpCardHolder: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    chargeCardId: ID;
+}, "chargeCardDetail/verifyOtpCardHolder">, verifyOtpCardHolderSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    chargeCardId: ID;
+}, "chargeCardDetail/verifyOtpCardHolderSuccess">, verifyOtpCardHolderFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    error: ZeniAPIStatus;
+    chargeCardId: ID;
+}, "chargeCardDetail/verifyOtpCardHolderFailure">, clearChargeCardDetail: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chargeCardDetail/clearChargeCardDetail">;
 declare const _default: import("redux").Reducer<ChargeCardDetailState>;
 export default _default;

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailReducer.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearChargeCardDetail = exports.updateChargeCardSpendLimitSuccessOrFailure = exports.updateChargeCardSpendLimit = exports.updateChargeCardDetailUpdateStatus = exports.completeCVVActivationWait = exports.startCVVActivationWait = exports.updateChargeCardDetail = exports.updateChargeCardTransactionListFailure = exports.updateChargeCardTransactionAttachmentsInCardDetail = exports.updateChargeCardTransactionReceiptsShowTickFetchStatus = exports.updatePhysicalChargeCardAttempt = exports.updatePhysicalChargeCardAttemptSuccessOrFailure = exports.updateChargeCardTransactionAttachmentsFailure = exports.updateChargeCardTransactionIsViewReceiptClicked = exports.fetchChargeCardTransactionAttachments = exports.updateChargeCardTransactionUploadReceiptsFetchStatus = exports.updateChargeCardTransactionList = exports.updateChargeCardDetailUIState = exports.fetchChargeCardTransactionList = exports.updateChargeCardDetailFetchState = exports.fetchChargeCardDetail = exports.fetchChargeCardDetailPage = exports.initialState = void 0;
+exports.clearChargeCardDetail = exports.verifyOtpCardHolderFailure = exports.verifyOtpCardHolderSuccess = exports.verifyOtpCardHolder = exports.sendOtpCardHolderFailure = exports.sendOtpCardHolderSuccess = exports.resendOtpCardHolder = exports.sendOtpCardHolder = exports.updateDepositAccountLimitFetchStatus = exports.fetchDepositAccountLimit = exports.updateChargeCardSpendLimitSuccessOrFailure = exports.updateChargeCardSpendLimit = exports.updateChargeCardDetailUpdateStatus = exports.completeDebitCardSetPinWait = exports.startDebitCardSetPinWait = exports.completeCVVActivationWait = exports.startCVVActivationWait = exports.updateChargeCardDetail = exports.updateChargeCardTransactionListFailure = exports.updateChargeCardTransactionAttachmentsInCardDetail = exports.updateChargeCardTransactionReceiptsShowTickFetchStatus = exports.updateDebitCardPinAttemptSuccessOrFailure = exports.updateDebitCardPinAttempt = exports.updatePhysicalChargeCardAttempt = exports.updatePhysicalChargeCardAttemptSuccessOrFailure = exports.updateChargeCardTransactionAttachmentsFailure = exports.updateChargeCardTransactionIsViewReceiptClicked = exports.fetchChargeCardTransactionAttachments = exports.updateChargeCardTransactionUploadReceiptsFetchStatus = exports.updateChargeCardTransactionList = exports.updateChargeCardDetailUIState = exports.fetchChargeCardTransactionList = exports.updateChargeCardDetailFetchState = exports.fetchChargeCardDetail = exports.fetchChargeCardDetailPage = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const sortOrderPayload_1 = require("../../../../commonPayloadTypes/sortOrderPayload");
 const attachmentPayload_1 = require("../../../../entity/transaction/payloadTypes/attachmentPayload");
@@ -30,7 +30,7 @@ const chargeCardDetail = (0, toolkit_1.createSlice)({
                 if (action.payload.cacheOverride === true ||
                     detail == null ||
                     detail.fetchState !== 'In-Progress') {
-                    draft.detailById[chargeCardId] = Object.assign(Object.assign({}, chargeCardDetail_1.emptyChargeCardDetail), { id: chargeCardId });
+                    draft.detailById[chargeCardId] = Object.assign(Object.assign(Object.assign({}, chargeCardDetail_1.emptyChargeCardDetail), draft.detailById[chargeCardId]), { id: chargeCardId, isRefreshingViewInBackground: action.payload.cacheOverride });
                 }
             },
             prepare(chargeCardId, cacheOverride = false) {
@@ -40,10 +40,11 @@ const chargeCardDetail = (0, toolkit_1.createSlice)({
             },
         },
         updateChargeCardDetailFetchState(draft, action) {
-            const { chargeCardId, fetchState, error } = action.payload;
+            const { chargeCardId, fetchState, error, isRefreshingViewInBackground } = action.payload;
             const existingCardDetail = draft.detailById[chargeCardId];
             draft.detailById[chargeCardId] = Object.assign(Object.assign({}, existingCardDetail), { fetchState,
-                error });
+                error,
+                isRefreshingViewInBackground });
         },
         fetchChargeCardTransactionList: {
             reducer(draft, action) {
@@ -53,19 +54,21 @@ const chargeCardDetail = (0, toolkit_1.createSlice)({
                                 ? 0
                                 : existingCardDetail.transactionList.uiState.scrollYOffset, pageToken: pageToken, pageTokenType: pageTokenType }) }) });
             },
-            prepare(chargeCardId, pageToken, pageTokenType) {
+            prepare(chargeCardId, pageToken, pageTokenType, cacheOverride = false) {
                 return {
-                    payload: { chargeCardId, pageToken, pageTokenType },
+                    payload: { chargeCardId, pageToken, pageTokenType, cacheOverride },
                 };
             },
         },
         updateChargeCardTransactionList(draft, action) {
-            const { chargeCardId, data } = action.payload;
+            const { chargeCardId, data, cacheOverride } = action.payload;
             const existingCardDetail = draft.detailById[chargeCardId];
             const newTransactionIds = data.transactions.map((tran) => tran.transaction_id);
             draft.detailById[chargeCardId] = Object.assign(Object.assign({}, existingCardDetail), { transactionList: Object.assign(Object.assign({}, existingCardDetail.transactionList), { transactionIds: [
                         ...new Set([
-                            ...existingCardDetail.transactionList.transactionIds,
+                            ...(cacheOverride
+                                ? []
+                                : existingCardDetail.transactionList.transactionIds),
                             ...newTransactionIds,
                         ]),
                     ], fetchState: 'Completed', error: undefined, uiState: Object.assign(Object.assign({}, existingCardDetail.transactionList.uiState), { sortOrder: (0, sortOrderPayload_1.mapSortOrderPayloadToSortOrder)(data.query.sort_order), sortKey: data.query.sort_by === 'transaction_date'
@@ -117,6 +120,29 @@ const chargeCardDetail = (0, toolkit_1.createSlice)({
                     error,
                 } });
         },
+        updateDebitCardPinAttempt: {
+            reducer(draft, action) {
+                const { chargeCardId } = action.payload;
+                const existingCardDetail = draft.detailById[chargeCardId];
+                draft.detailById[chargeCardId] = Object.assign(Object.assign({}, existingCardDetail), { updateDebitCardPinAttemptFetchState: {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    } });
+            },
+            prepare(chargeCardId, statusCode) {
+                return {
+                    payload: { chargeCardId, statusCode },
+                };
+            },
+        },
+        updateDebitCardPinAttemptSuccessOrFailure(draft, action) {
+            const { chargeCardId, fetchState, error } = action.payload;
+            const existingCardDetail = draft.detailById[chargeCardId];
+            draft.detailById[chargeCardId] = Object.assign(Object.assign({}, existingCardDetail), { updateDebitCardPinAttemptFetchState: {
+                    fetchState,
+                    error,
+                } });
+        },
         updateChargeCardDetail: {
             reducer(draft, action) {
                 const { chargeCardId } = action.payload;
@@ -189,6 +215,12 @@ const chargeCardDetail = (0, toolkit_1.createSlice)({
                         },
                     } }) });
         },
+        startDebitCardSetPinWait(draft, action) {
+            draft.detailById[action.payload.chargeCardId].debitCardSetPinWaitStatus.fetchState = 'In-Progress';
+        },
+        completeDebitCardSetPinWait(draft, action) {
+            draft.detailById[action.payload.chargeCardId].debitCardSetPinWaitStatus.fetchState = 'Completed';
+        },
         startCVVActivationWait(draft, action) {
             draft.detailById[action.payload.chargeCardId].cvvActivationWaitStatus.fetchState = 'In-Progress';
         },
@@ -233,10 +265,73 @@ const chargeCardDetail = (0, toolkit_1.createSlice)({
                     error,
                 } });
         },
+        fetchDepositAccountLimit(draft, action) {
+            const { chargeCardId } = action.payload;
+            draft.detailById[chargeCardId].depositAccountLimitFetchState.fetchState =
+                'In-Progress';
+        },
+        updateDepositAccountLimitFetchStatus(draft, action) {
+            const { chargeCardId, fetchState, error } = action.payload;
+            draft.detailById[chargeCardId].depositAccountLimitFetchState.fetchState =
+                fetchState;
+            draft.detailById[chargeCardId].depositAccountLimitFetchState.error =
+                error;
+        },
+        sendOtpCardHolder(draft, action) {
+            const { chargeCardId, phone } = action.payload;
+            draft.detailById[chargeCardId].twoFAState.sendOtpStatus.fetchState =
+                'In-Progress';
+            draft.detailById[chargeCardId].twoFAState.sendOtpStatus.error = undefined;
+            draft.detailById[chargeCardId].twoFAState.phone = phone;
+        },
+        resendOtpCardHolder(draft, action) {
+            const { chargeCardId } = action.payload;
+            draft.detailById[chargeCardId].twoFAState.sendOtpStatus.fetchState =
+                'In-Progress';
+            draft.detailById[chargeCardId].twoFAState.sendOtpStatus.error = undefined;
+        },
+        sendOtpCardHolderSuccess(draft, action) {
+            const { chargeCardId, otpChallenge } = action.payload;
+            if (draft.detailById[chargeCardId].twoFAState.phone != null) {
+                draft.detailById[chargeCardId].twoFAState.otpChallenge = otpChallenge;
+            }
+            draft.detailById[chargeCardId].twoFAState.sendOtpStatus.fetchState =
+                'Completed';
+            draft.detailById[chargeCardId].twoFAState.sendOtpStatus.error = undefined;
+        },
+        sendOtpCardHolderFailure(draft, action) {
+            const { chargeCardId, error } = action.payload;
+            draft.detailById[chargeCardId].twoFAState.sendOtpStatus.fetchState =
+                'Error';
+            draft.detailById[chargeCardId].twoFAState.sendOtpStatus.error = error;
+        },
+        verifyOtpCardHolder(draft, action) {
+            const { chargeCardId } = action.payload;
+            draft.detailById[chargeCardId].twoFAState.verifyOtpStatus.fetchState =
+                'In-Progress';
+            draft.detailById[chargeCardId].twoFAState.verifyOtpStatus.error =
+                undefined;
+        },
+        verifyOtpCardHolderSuccess(draft, action) {
+            const { chargeCardId } = action.payload;
+            if (draft.detailById[chargeCardId].twoFAState.phone != null) {
+                draft.detailById[chargeCardId].twoFAState.isPhoneVerified = true;
+            }
+            draft.detailById[chargeCardId].twoFAState.verifyOtpStatus.fetchState =
+                'Completed';
+            draft.detailById[chargeCardId].twoFAState.verifyOtpStatus.error =
+                undefined;
+        },
+        verifyOtpCardHolderFailure(draft, action) {
+            const { chargeCardId, error } = action.payload;
+            draft.detailById[chargeCardId].twoFAState.verifyOtpStatus.fetchState =
+                'Error';
+            draft.detailById[chargeCardId].twoFAState.verifyOtpStatus.error = error;
+        },
         clearChargeCardDetail(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = chargeCardDetail.actions, exports.fetchChargeCardDetailPage = _a.fetchChargeCardDetailPage, exports.fetchChargeCardDetail = _a.fetchChargeCardDetail, exports.updateChargeCardDetailFetchState = _a.updateChargeCardDetailFetchState, exports.fetchChargeCardTransactionList = _a.fetchChargeCardTransactionList, exports.updateChargeCardDetailUIState = _a.updateChargeCardDetailUIState, exports.updateChargeCardTransactionList = _a.updateChargeCardTransactionList, exports.updateChargeCardTransactionUploadReceiptsFetchStatus = _a.updateChargeCardTransactionUploadReceiptsFetchStatus, exports.fetchChargeCardTransactionAttachments = _a.fetchChargeCardTransactionAttachments, exports.updateChargeCardTransactionIsViewReceiptClicked = _a.updateChargeCardTransactionIsViewReceiptClicked, exports.updateChargeCardTransactionAttachmentsFailure = _a.updateChargeCardTransactionAttachmentsFailure, exports.updatePhysicalChargeCardAttemptSuccessOrFailure = _a.updatePhysicalChargeCardAttemptSuccessOrFailure, exports.updatePhysicalChargeCardAttempt = _a.updatePhysicalChargeCardAttempt, exports.updateChargeCardTransactionReceiptsShowTickFetchStatus = _a.updateChargeCardTransactionReceiptsShowTickFetchStatus, exports.updateChargeCardTransactionAttachmentsInCardDetail = _a.updateChargeCardTransactionAttachmentsInCardDetail, exports.updateChargeCardTransactionListFailure = _a.updateChargeCardTransactionListFailure, exports.updateChargeCardDetail = _a.updateChargeCardDetail, exports.startCVVActivationWait = _a.startCVVActivationWait, exports.completeCVVActivationWait = _a.completeCVVActivationWait, exports.updateChargeCardDetailUpdateStatus = _a.updateChargeCardDetailUpdateStatus, exports.updateChargeCardSpendLimit = _a.updateChargeCardSpendLimit, exports.updateChargeCardSpendLimitSuccessOrFailure = _a.updateChargeCardSpendLimitSuccessOrFailure, exports.clearChargeCardDetail = _a.clearChargeCardDetail;
+_a = chargeCardDetail.actions, exports.fetchChargeCardDetailPage = _a.fetchChargeCardDetailPage, exports.fetchChargeCardDetail = _a.fetchChargeCardDetail, exports.updateChargeCardDetailFetchState = _a.updateChargeCardDetailFetchState, exports.fetchChargeCardTransactionList = _a.fetchChargeCardTransactionList, exports.updateChargeCardDetailUIState = _a.updateChargeCardDetailUIState, exports.updateChargeCardTransactionList = _a.updateChargeCardTransactionList, exports.updateChargeCardTransactionUploadReceiptsFetchStatus = _a.updateChargeCardTransactionUploadReceiptsFetchStatus, exports.fetchChargeCardTransactionAttachments = _a.fetchChargeCardTransactionAttachments, exports.updateChargeCardTransactionIsViewReceiptClicked = _a.updateChargeCardTransactionIsViewReceiptClicked, exports.updateChargeCardTransactionAttachmentsFailure = _a.updateChargeCardTransactionAttachmentsFailure, exports.updatePhysicalChargeCardAttemptSuccessOrFailure = _a.updatePhysicalChargeCardAttemptSuccessOrFailure, exports.updatePhysicalChargeCardAttempt = _a.updatePhysicalChargeCardAttempt, exports.updateDebitCardPinAttempt = _a.updateDebitCardPinAttempt, exports.updateDebitCardPinAttemptSuccessOrFailure = _a.updateDebitCardPinAttemptSuccessOrFailure, exports.updateChargeCardTransactionReceiptsShowTickFetchStatus = _a.updateChargeCardTransactionReceiptsShowTickFetchStatus, exports.updateChargeCardTransactionAttachmentsInCardDetail = _a.updateChargeCardTransactionAttachmentsInCardDetail, exports.updateChargeCardTransactionListFailure = _a.updateChargeCardTransactionListFailure, exports.updateChargeCardDetail = _a.updateChargeCardDetail, exports.startCVVActivationWait = _a.startCVVActivationWait, exports.completeCVVActivationWait = _a.completeCVVActivationWait, exports.startDebitCardSetPinWait = _a.startDebitCardSetPinWait, exports.completeDebitCardSetPinWait = _a.completeDebitCardSetPinWait, exports.updateChargeCardDetailUpdateStatus = _a.updateChargeCardDetailUpdateStatus, exports.updateChargeCardSpendLimit = _a.updateChargeCardSpendLimit, exports.updateChargeCardSpendLimitSuccessOrFailure = _a.updateChargeCardSpendLimitSuccessOrFailure, exports.fetchDepositAccountLimit = _a.fetchDepositAccountLimit, exports.updateDepositAccountLimitFetchStatus = _a.updateDepositAccountLimitFetchStatus, exports.sendOtpCardHolder = _a.sendOtpCardHolder, exports.resendOtpCardHolder = _a.resendOtpCardHolder, exports.sendOtpCardHolderSuccess = _a.sendOtpCardHolderSuccess, exports.sendOtpCardHolderFailure = _a.sendOtpCardHolderFailure, exports.verifyOtpCardHolder = _a.verifyOtpCardHolder, exports.verifyOtpCardHolderSuccess = _a.verifyOtpCardHolderSuccess, exports.verifyOtpCardHolderFailure = _a.verifyOtpCardHolderFailure, exports.clearChargeCardDetail = _a.clearChargeCardDetail;
 exports.default = chargeCardDetail.reducer;

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailSelector.d.ts

@@ -1,6 +1,9 @@
 import { FetchStateAndError, ID } from '../../../../commonStateTypes/common';
 import { SelectorView } from '../../../../commonStateTypes/viewAndReport/viewAndReport';
+import { ChargeCard } from '../../../../entity/chargeCard/chargeCard';
 import { ChargeCardTransaction } from '../../../../entity/chargeCardTransaction/chargeCardTransaction';
+import { ConnectedAccount } from '../../../../entity/connectedAccount/connectedAccount';
+import { DepositAccountWithLimit } from '../../../../entity/depositAccount/depositAccount';
 import { Attachment } from '../../../../entity/transaction/stateTypes/attachment';
 import { RootState } from '../../../../reducer';
 import { TwoFactorAuthenticationView } from '../../../twoFactorAuthentication/twoFactorAuthenticationSelector';
@@ -10,6 +13,7 @@ import { ChargeCardWithUser } from '../chargeCardList/chargeCardListSelector';
 import { ChargeCardDetailUiState } from './chargeCardDetail';
 export interface ChargeCardDetailSelectorView extends SelectorView {
     chargeCardConfig: ChargeCardConfigState;
+    isRefreshingViewInBackground: boolean;
     transactions: ChargeCardTransaction[];
     uploadReceiptsFetchStateByTransactionId: Record<ID, FetchStateAndError>;
     uploadReceiptsShowTickByTransactionId: Record<ID, boolean>;
@@ -21,12 +25,23 @@ export interface ChargeCardDetailSelectorView extends SelectorView {
     updateFetchState: FetchStateAndError;
     updatePhysicalChargeCardAttemptFetchState: FetchStateAndError;
     creditAccount: CreditAccount;
+    depositAccountLimitFetchState: FetchStateAndError;
     updateChargeCardLimitFetchState: FetchStateAndError;
+    depositAccountLimit?: DepositAccountWithLimit;
     chargeCard?: ChargeCardWithUser;
+    connectedAccount?: ConnectedAccount;
 }
 export declare const getChargeCardDetailView: (state: RootState, chargeCardId: ID, includeCreditAccountInfo: boolean) => ChargeCardDetailSelectorView;
+export interface DebitCardPinSetSelectorView extends SelectorView {
+    updateDebitCardPinAttemptFetchState: FetchStateAndError;
+    updateStatus: FetchStateAndError;
+    isRefreshingViewInBackground: boolean;
+    chargeCard?: ChargeCard;
+}
+export declare const getDebitCardSetPinView: (state: RootState, chargeCardId: ID) => DebitCardPinSetSelectorView;
 export interface ChargeCardCVVActivateSelectorView extends SelectorView {
     updatePhysicalChargeCardAttemptFetchState: FetchStateAndError;
+    isRefreshingViewInBackground: boolean;
     updateStatus: FetchStateAndError;
     chargeCard?: ChargeCardWithUser;
 }

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailSelector.js

@@ -3,24 +3,33 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getChargeCardTransactionAttachmentView = exports.getChargeCardCVVActivateView = exports.getChargeCardDetailView = void 0;
+exports.getChargeCardTransactionAttachmentView = exports.getChargeCardCVVActivateView = exports.getDebitCardSetPinView = exports.getChargeCardDetailView = void 0;
 const get_1 = __importDefault(require("lodash/get"));
 const reduceFetchState_1 = require("../../../../commonStateTypes/reduceFetchState");
 const addressSelector_1 = require("../../../../entity/address/addressSelector");
 const chargeCardSelector_1 = require("../../../../entity/chargeCard/chargeCardSelector");
 const chargeCardTransactionSelector_1 = require("../../../../entity/chargeCardTransaction/chargeCardTransactionSelector");
 const classSelector_1 = require("../../../../entity/class/classSelector");
+const connectedAccountSelector_1 = require("../../../../entity/connectedAccount/connectedAccountSelector");
+const depositAccountSelector_1 = require("../../../../entity/depositAccount/depositAccountSelector");
 const userSelector_1 = require("../../../../entity/user/userSelector");
 const userRoleSelector_1 = require("../../../../entity/userRole/userRoleSelector");
+const twoFactorAuthentication_1 = require("../../../twoFactorAuthentication/twoFactorAuthentication");
 const twoFactorAuthenticationSelector_1 = require("../../../twoFactorAuthentication/twoFactorAuthenticationSelector");
 const chargeCardDetail_1 = require("./chargeCardDetail");
 const getChargeCardDetailView = (state, chargeCardId, includeCreditAccountInfo) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    const { tenantState, addressState, chargeCardDetailState, chargeCardState, classState, userState, userRoleState, chargeCardConfigState, chargeCardTransactionState, chargeCardListState, } = state;
-    const twoFactorAuthenticationView = (0, twoFactorAuthenticationSelector_1.getTwoFactorAuthenticationView)(state);
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    const { tenantState, addressState, chargeCardDetailState, chargeCardState, classState, userState, userRoleState, chargeCardConfigState, chargeCardTransactionState, chargeCardListState, connectedAccountState, depositAccountState, } = state;
+    const twoFactorAuthenticationView = (0, twoFactorAuthenticationSelector_1.getTwoFactorAuthenticationViewForChargeCardHolder)(state, chargeCardId);
     const loggedInUserId = (_b = (_a = tenantState.loggedInUser) === null || _a === void 0 ? void 0 : _a.userId) !== null && _b !== void 0 ? _b : '';
     const loggedInUserPhone = (_e = (_c = twoFactorAuthenticationView.phone) !== null && _c !== void 0 ? _c : (_d = (0, userSelector_1.getUserByUserId)(userState, loggedInUserId)) === null || _d === void 0 ? void 0 : _d.phone) !== null && _e !== void 0 ? _e : '';
     let chargeCardWithUser = undefined;
+    let connectedAccount = undefined;
+    let depositAccountLimitFetchState = {
+        fetchState: 'Not-Started',
+        error: undefined,
+    };
+    let depositAccountLimit = undefined;
     const chargeCardDetail = (0, get_1.default)(chargeCardDetailState.detailById, chargeCardId, undefined);
     const chargeCard = (0, chargeCardSelector_1.getChargeCardById)(chargeCardState, chargeCardId);
     let reducedFetchState = {
@@ -58,6 +67,7 @@ const getChargeCardDetailView = (state, chargeCardId, includeCreditAccountInfo)
             ? (0, addressSelector_1.getAddressByAddressId)(addressState, chargeCard.mailingAddressId)
             : undefined;
         const billingAddress = (0, addressSelector_1.getAddressByAddressId)(addressState, chargeCard.billingAddressId);
+        connectedAccount = (0, connectedAccountSelector_1.getConnectedAccountByConnectedAccountId)(connectedAccountState, chargeCard.connectedAccountId);
         if (cardCreatedByUser == null ||
             cardHolderUser == null ||
             cardHolderUserRole == null ||
@@ -75,6 +85,9 @@ const getChargeCardDetailView = (state, chargeCardId, includeCreditAccountInfo)
             error: chargeCardDetail.transactionList.error,
         };
         uiState = chargeCardDetail.transactionList.uiState;
+        depositAccountLimitFetchState =
+            chargeCardDetail.depositAccountLimitFetchState;
+        depositAccountLimit = (0, depositAccountSelector_1.getDepositAccountLimitForChargeCardByDepositAccountId)(depositAccountState, chargeCard.connectedAccountId);
     }
     return {
         fetchState: reducedFetchState.fetchState,
@@ -82,34 +95,76 @@ const getChargeCardDetailView = (state, chargeCardId, includeCreditAccountInfo)
             fetchState: 'Not-Started',
             error: undefined,
         },
-        updatePhysicalChargeCardAttemptFetchState: (_g = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.updatePhysicalChargeCardAttemptFetchState) !== null && _g !== void 0 ? _g : {
+        isRefreshingViewInBackground: (_g = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.isRefreshingViewInBackground) !== null && _g !== void 0 ? _g : false,
+        updatePhysicalChargeCardAttemptFetchState: (_h = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.updatePhysicalChargeCardAttemptFetchState) !== null && _h !== void 0 ? _h : {
             fetchState: 'Not-Started',
             error: undefined,
         },
-        updateChargeCardLimitFetchState: (_h = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.updateChargeCardLimitFetchState) !== null && _h !== void 0 ? _h : {
+        updateChargeCardLimitFetchState: (_j = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.updateChargeCardLimitFetchState) !== null && _j !== void 0 ? _j : {
             fetchState: 'Not-Started',
             error: undefined,
         },
         chargeCard: chargeCardWithUser,
+        connectedAccount,
         error: reducedFetchState.error,
         chargeCardConfig: chargeCardConfigState,
         transactions,
-        uploadReceiptsFetchStateByTransactionId: (_j = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.transactionList.uploadReceiptsFetchStateByTransactionId) !== null && _j !== void 0 ? _j : {},
-        uploadReceiptsShowTickByTransactionId: (_k = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.transactionList.uploadReceiptsShowTickByTransactionId) !== null && _k !== void 0 ? _k : {},
-        isViewReceiptClickedImmediatelyAfterUploadTransactionId: (_l = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.transactionList.isViewReceiptClickedImmediatelyAfterUploadTransactionId) !== null && _l !== void 0 ? _l : {},
+        uploadReceiptsFetchStateByTransactionId: (_k = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.transactionList.uploadReceiptsFetchStateByTransactionId) !== null && _k !== void 0 ? _k : {},
+        uploadReceiptsShowTickByTransactionId: (_l = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.transactionList.uploadReceiptsShowTickByTransactionId) !== null && _l !== void 0 ? _l : {},
+        isViewReceiptClickedImmediatelyAfterUploadTransactionId: (_m = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.transactionList.isViewReceiptClickedImmediatelyAfterUploadTransactionId) !== null && _m !== void 0 ? _m : {},
         uiState,
         transactionListFetchState,
         twoFAView: twoFactorAuthenticationView,
         loggedInUserPhone,
+        depositAccountLimitFetchState,
+        depositAccountLimit,
         version: '1.0',
         creditAccount: chargeCardListState.creditAccount,
     };
 };
 exports.getChargeCardDetailView = getChargeCardDetailView;
+const getDebitCardSetPinView = (state, chargeCardId) => {
+    var _a, _b, _c, _d, _e;
+    const { chargeCardDetailState, chargeCardState, chargeCardConfigState } = state;
+    const twoFactorAuthenticationView = (_a = (0, twoFactorAuthenticationSelector_1.getTwoFactorAuthenticationViewForChargeCardHolder)(state, chargeCardId)) !== null && _a !== void 0 ? _a : twoFactorAuthentication_1.initialTwoFactorAuthentication;
+    const chargeCardDetail = (0, get_1.default)(chargeCardDetailState.detailById, chargeCardId, undefined);
+    const chargeCard = (0, chargeCardSelector_1.getChargeCardById)(chargeCardState, chargeCardId);
+    let reducedFetchState = {
+        fetchState: 'Not-Started',
+        error: undefined,
+    };
+    if (chargeCardDetail) {
+        reducedFetchState = (0, reduceFetchState_1.reduceFetchState)([
+            chargeCardDetail,
+            chargeCardConfigState,
+        ]);
+    }
+    const debitCardSetPinWaitStatus = (_c = (_b = chargeCardDetailState.detailById[chargeCardId]) === null || _b === void 0 ? void 0 : _b.debitCardSetPinWaitStatus) !== null && _c !== void 0 ? _c : {
+        fetchState: 'Not-Started',
+        error: undefined,
+    };
+    const updateStatus = (0, reduceFetchState_1.reduceAllFetchState)([
+        twoFactorAuthenticationView.sendOtpStatus,
+        debitCardSetPinWaitStatus,
+    ]);
+    return {
+        fetchState: reducedFetchState.fetchState,
+        updateStatus,
+        isRefreshingViewInBackground: (_d = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.isRefreshingViewInBackground) !== null && _d !== void 0 ? _d : false,
+        updateDebitCardPinAttemptFetchState: (_e = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.updateDebitCardPinAttemptFetchState) !== null && _e !== void 0 ? _e : {
+            fetchState: 'Not-Started',
+            error: undefined,
+        },
+        chargeCard: chargeCard,
+        error: reducedFetchState.error,
+        version: '1.0',
+    };
+};
+exports.getDebitCardSetPinView = getDebitCardSetPinView;
 const getChargeCardCVVActivateView = (state, chargeCardId) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const { addressState, chargeCardDetailState, chargeCardState, classState, userState, userRoleState, chargeCardConfigState, } = state;
-    const twoFactorAuthenticationView = (0, twoFactorAuthenticationSelector_1.getTwoFactorAuthenticationView)(state);
+    const twoFactorAuthenticationView = (_a = (0, twoFactorAuthenticationSelector_1.getTwoFactorAuthenticationViewForChargeCardHolder)(state, chargeCardId)) !== null && _a !== void 0 ? _a : twoFactorAuthentication_1.initialTwoFactorAuthentication;
     let chargeCardWithUser = undefined;
     const chargeCardDetail = (0, get_1.default)(chargeCardDetailState.detailById, chargeCardId, undefined);
     const chargeCard = (0, chargeCardSelector_1.getChargeCardById)(chargeCardState, chargeCardId);
@@ -123,9 +178,7 @@ const getChargeCardCVVActivateView = (state, chargeCardId) => {
             chargeCardConfigState,
         ]);
     }
-    if (chargeCardDetail &&
-        chargeCardDetail.fetchState === 'Completed' &&
-        chargeCard != null) {
+    if (chargeCardDetail && chargeCard != null) {
         const cardCreatedByUser = (0, userSelector_1.getUserByUserId)(userState, chargeCard.cardCreaterUserId);
         const cardHolderUser = (0, userSelector_1.getUserByUserId)(userState, chargeCard.cardHolderUserId);
         const cardHolderUserRole = (0, userRoleSelector_1.getUserRoleByUserId)(userRoleState, chargeCard.cardHolderUserId);
@@ -150,7 +203,7 @@ const getChargeCardCVVActivateView = (state, chargeCardId) => {
             mailingAddress,
             billingAddress });
     }
-    const cvvActivationWaitStatus = (_b = (_a = chargeCardDetailState.detailById[chargeCardId]) === null || _a === void 0 ? void 0 : _a.cvvActivationWaitStatus) !== null && _b !== void 0 ? _b : {
+    const cvvActivationWaitStatus = (_c = (_b = chargeCardDetailState.detailById[chargeCardId]) === null || _b === void 0 ? void 0 : _b.cvvActivationWaitStatus) !== null && _c !== void 0 ? _c : {
         fetchState: 'Not-Started',
         error: undefined,
     };
@@ -161,7 +214,8 @@ const getChargeCardCVVActivateView = (state, chargeCardId) => {
     return {
         fetchState: reducedFetchState.fetchState,
         updateStatus,
-        updatePhysicalChargeCardAttemptFetchState: (_c = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.updatePhysicalChargeCardAttemptFetchState) !== null && _c !== void 0 ? _c : {
+        isRefreshingViewInBackground: (_d = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.isRefreshingViewInBackground) !== null && _d !== void 0 ? _d : false,
+        updatePhysicalChargeCardAttemptFetchState: (_e = chargeCardDetail === null || chargeCardDetail === void 0 ? void 0 : chargeCardDetail.updatePhysicalChargeCardAttemptFetchState) !== null && _e !== void 0 ? _e : {
             fetchState: 'Not-Started',
             error: undefined,
         },

package/lib/view/spendManagement/chargeCards/chargeCardDetail/fetchChargeCardDetailEpic.d.ts

@@ -2,10 +2,11 @@ import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { updateAddress, updateAddresses } from '../../../../entity/address/addressReducer';
 import { updateChargeCard } from '../../../../entity/chargeCard/chargeCardReducer';
+import { updateConnectedAccount } from '../../../../entity/connectedAccount/connectedAccountReducer';
 import { updateAllUsers } from '../../../../entity/user/userReducer';
 import { updateUserRoles } from '../../../../entity/userRole/userRoleReducer';
 import { RootState } from '../../../../reducer';
 import { ZeniAPI } from '../../../../zeniAPI';
 import { fetchChargeCardDetail, updateChargeCardDetailFetchState } from './chargeCardDetailReducer';
-export type ActionType = ReturnType<typeof fetchChargeCardDetail> | ReturnType<typeof updateChargeCardDetailFetchState> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof updateAddress> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateChargeCard>;
+export type ActionType = ReturnType<typeof fetchChargeCardDetail> | ReturnType<typeof updateChargeCardDetailFetchState> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof updateAddress> | ReturnType<typeof updateConnectedAccount> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateChargeCard>;
 export declare const fetchChargeCardDetailEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/spendManagement/chargeCards/chargeCardDetail/fetchChargeCardDetailEpic.js

@@ -9,6 +9,7 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const addressReducer_1 = require("../../../../entity/address/addressReducer");
 const chargeCardReducer_1 = require("../../../../entity/chargeCard/chargeCardReducer");
+const connectedAccountReducer_1 = require("../../../../entity/connectedAccount/connectedAccountReducer");
 const userReducer_1 = require("../../../../entity/user/userReducer");
 const userRoleReducer_1 = require("../../../../entity/userRole/userRoleReducer");
 const responsePayload_1 = require("../../../../responsePayload");
@@ -23,15 +24,21 @@ const fetchChargeCardDetailEpic = (actions$, state$, zeniAPI) => actions$.pipe((
         chargeCardDetail.fetchState !== 'In-Progress') {
         chargeCardAction.push((0, chargeCardDetailReducer_1.updateChargeCardDetailFetchState)({
             chargeCardId,
+            isRefreshingViewInBackground: cacheOverride,
             fetchState: 'In-Progress',
         }));
+        const query = {
+            is_include_card_activation_events: true,
+            is_include_connected_account_info: true,
+            is_include_card_pin_change_attempt_history: true,
+        };
         const getChargeCardDetail$ = zeniAPI
-            .getJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/cards/${chargeCardId}?query={
-            "is_include_card_activation_events":true}`)
+            .getJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/cards/${chargeCardId}?query=${JSON.stringify(query)}`)
             .pipe((0, operators_1.mergeMap)((response) => {
             if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
-                return (0, rxjs_1.of)((0, chargeCardReducer_1.updateChargeCard)(response.data.card), (0, userReducer_1.updateAllUsers)({ users: response.data.users }), (0, userRoleReducer_1.updateUserRoles)(response.data.user_roles), (0, addressReducer_1.updateAddresses)(response.data.addresses), (0, chargeCardDetailReducer_1.updateChargeCardDetailFetchState)({
+                return (0, rxjs_1.of)((0, chargeCardReducer_1.updateChargeCard)(response.data.card), (0, userReducer_1.updateAllUsers)({ users: response.data.users }), (0, userRoleReducer_1.updateUserRoles)(response.data.user_roles), (0, addressReducer_1.updateAddresses)(response.data.addresses), (0, connectedAccountReducer_1.updateConnectedAccount)(response.data.connected_account), (0, chargeCardDetailReducer_1.updateChargeCardDetailFetchState)({
                     chargeCardId,
+                    isRefreshingViewInBackground: false,
                     fetchState: 'Completed',
                 }));
             }
@@ -39,6 +46,7 @@ const fetchChargeCardDetailEpic = (actions$, state$, zeniAPI) => actions$.pipe((
                 return (0, rxjs_1.of)((0, chargeCardDetailReducer_1.updateChargeCardDetailFetchState)({
                     chargeCardId,
                     fetchState: 'Error',
+                    isRefreshingViewInBackground: false,
                     error: response.status,
                 }));
             }
@@ -46,6 +54,7 @@ const fetchChargeCardDetailEpic = (actions$, state$, zeniAPI) => actions$.pipe((
             return (0, rxjs_1.of)((0, chargeCardDetailReducer_1.updateChargeCardDetailFetchState)({
                 chargeCardId,
                 fetchState: 'Error',
+                isRefreshingViewInBackground: false,
                 error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch card detail API call errored out' +
                     JSON.stringify(error)),
             }));

package/lib/view/spendManagement/chargeCards/chargeCardDetail/fetchChargeCardTransactionListEpic.js

@@ -10,7 +10,7 @@ const chargeCardDetail_1 = require("./chargeCardDetail");
 const chargeCardDetailReducer_1 = require("./chargeCardDetailReducer");
 const fetchChargeCardTransactionListEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(chargeCardDetailReducer_1.fetchChargeCardTransactionList.match), (0, operators_1.switchMap)((action) => {
     var _a, _b;
-    const { chargeCardId, pageToken, pageTokenType } = action.payload;
+    const { chargeCardId, pageToken, pageTokenType, cacheOverride } = action.payload;
     const { uiState } = (_b = (_a = state$.value.chargeCardDetailState.detailById[chargeCardId]) === null || _a === void 0 ? void 0 : _a.transactionList) !== null && _b !== void 0 ? _b : chargeCardDetail_1.emptyChargeCardDetail.transactionList;
     const queryParam = {
         page_token: pageToken,
@@ -27,6 +27,7 @@ const fetchChargeCardTransactionListEpic = (actions$, state$, zeniAPI) => action
             return (0, rxjs_1.of)((0, chargeCardTransactionReducer_1.updateChargeCardTransactions)(response.data.transactions), (0, chargeCardDetailReducer_1.updateChargeCardTransactionList)({
                 chargeCardId,
                 data: response.data,
+                cacheOverride,
             }));
         }
         else {