@zeniai/client-epic-state 5.0.65 → 5.0.66-beta0ND

package/lib/commonStateTypes/cacheOverrideFetchReducer.d.ts

@@ -0,0 +1,17 @@
+import { PayloadAction, Draft } from '@reduxjs/toolkit';
+/**
+ * Factory for `fetchXxx` reducers that support Pusher-driven silent refresh.
+ * When `cacheOverride=true`, fetchState and error are left untouched so the
+ * UI doesn't flash a skeleton. When `false`, `applyTo` runs the normal
+ * 'In-Progress' transition.
+ */
+export declare const createCacheOverrideFetchReducer: <TState>(applyTo: (draft: Draft<TState>) => void) => {
+    prepare: (cacheOverride?: boolean) => {
+        payload: {
+            cacheOverride: boolean;
+        };
+    };
+    reducer: (draft: Draft<TState>, action: PayloadAction<{
+        cacheOverride: boolean;
+    }>) => void;
+};

package/lib/commonStateTypes/cacheOverrideFetchReducer.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createCacheOverrideFetchReducer = void 0;
+/**
+ * Factory for `fetchXxx` reducers that support Pusher-driven silent refresh.
+ * When `cacheOverride=true`, fetchState and error are left untouched so the
+ * UI doesn't flash a skeleton. When `false`, `applyTo` runs the normal
+ * 'In-Progress' transition.
+ */
+const createCacheOverrideFetchReducer = (applyTo) => ({
+    reducer(draft, action) {
+        if (action.payload.cacheOverride !== true) {
+            applyTo(draft);
+        }
+    },
+    prepare(cacheOverride = false) {
+        return { payload: { cacheOverride } };
+    },
+});
+exports.createCacheOverrideFetchReducer = createCacheOverrideFetchReducer;

package/lib/commonStateTypes/pusherActions.d.ts

@@ -0,0 +1,11 @@
+import { ID } from './common';
+import { ChargeCardTransactionPayload } from '../entity/chargeCardTransaction/chargeCardTransactionPayload';
+export declare const addChargeCardTransactionFromPusher: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    cardId: ID;
+    transaction: ChargeCardTransactionPayload;
+}, string>;
+export declare const addDeclinedChargeCardTransactionFromPusher: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    cardId: ID;
+    transaction: ChargeCardTransactionPayload;
+    declineReason?: string;
+}, string>;

package/lib/commonStateTypes/pusherActions.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addDeclinedChargeCardTransactionFromPusher = exports.addChargeCardTransactionFromPusher = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.addChargeCardTransactionFromPusher = (0, toolkit_1.createAction)('chargeCardDetail/addChargeCardTransactionFromPusher');
+exports.addDeclinedChargeCardTransactionFromPusher = (0, toolkit_1.createAction)('chargeCardDetail/addDeclinedChargeCardTransactionFromPusher');

package/lib/entity/chargeCard/chargeCardReducer.d.ts

@@ -1,9 +1,26 @@
-import { UpdateType } from '../../commonStateTypes/common';
+import { ID, UpdateType } from '../../commonStateTypes/common';
 import { ChargeCardState } from './chargeCard';
 import { ChargeCardPayload } from './chargeCardPayload';
 export declare const initialState: ChargeCardState;
 export declare const updateChargeCards: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[chargeCards: ChargeCardPayload[], updateType?: UpdateType | undefined], ChargeCardPayload[], "chargeCard/updateChargeCards", never, {
     updateType: UpdateType;
-}>, updateChargeCard: import("@reduxjs/toolkit").ActionCreatorWithPayload<ChargeCardPayload, "chargeCard/updateChargeCard">, removeChargeCard: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "chargeCard/removeChargeCard">, clearAllChargeCards: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chargeCard/clearAllChargeCards">;
+}>, updateChargeCard: import("@reduxjs/toolkit").ActionCreatorWithPayload<ChargeCardPayload, "chargeCard/updateChargeCard">, updateChargeCardStatusFromPusher: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    cardId: ID;
+    cardStatus: {
+        code: string;
+        name: string;
+    };
+    isLockedByAdmin: boolean | undefined;
+}, "chargeCard/updateChargeCardStatusFromPusher">, updateChargeCardSpendingFromPusher: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    cardId: ID;
+    currencyCode: string;
+    currencySymbol: string;
+    balance?: number;
+    dailyPurchaseSpends?: number;
+    dailyWithdrawals?: number;
+    hold?: number;
+    monthlyPurchaseSpends?: number;
+    monthlyWithdrawals?: number;
+}, "chargeCard/updateChargeCardSpendingFromPusher">, removeChargeCard: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "chargeCard/removeChargeCard">, clearAllChargeCards: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chargeCard/clearAllChargeCards">;
 declare const _default: import("redux").Reducer<ChargeCardState>;
 export default _default;

package/lib/entity/chargeCard/chargeCardReducer.js

@@ -4,9 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearAllChargeCards = exports.removeChargeCard = exports.updateChargeCard = exports.updateChargeCards = exports.initialState = void 0;
+exports.clearAllChargeCards = exports.removeChargeCard = exports.updateChargeCardSpendingFromPusher = exports.updateChargeCardStatusFromPusher = exports.updateChargeCard = exports.updateChargeCards = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const assignWith_1 = __importDefault(require("lodash/assignWith"));
+const amount_1 = require("../../commonStateTypes/amount");
+const chargeCard_1 = require("./chargeCard");
 const chargeCardPayload_1 = require("./chargeCardPayload");
 exports.initialState = {
     chargeCardByID: {},
@@ -42,6 +44,37 @@ const chargeCard = (0, toolkit_1.createSlice)({
             const latestChargeCard = (0, chargeCardPayload_1.mapChargeCardPayloadToChargeCard)(action.payload);
             draft.chargeCardByID[latestChargeCard.id] = latestChargeCard;
         },
+        updateChargeCardStatusFromPusher(draft, action) {
+            const { cardId, cardStatus, isLockedByAdmin } = action.payload;
+            const card = draft.chargeCardByID[cardId];
+            if (card != null) {
+                card.status = {
+                    code: (0, chargeCard_1.toCardStatusCodeType)(cardStatus.code),
+                    name: cardStatus.name,
+                };
+                if (isLockedByAdmin !== undefined) {
+                    card.isLockedByAdmin = isLockedByAdmin;
+                }
+            }
+        },
+        updateChargeCardSpendingFromPusher(draft, action) {
+            const { cardId, currencyCode, currencySymbol } = action.payload;
+            const card = draft.chargeCardByID[cardId];
+            if (card == null) {
+                return;
+            }
+            const amt = (v) => v !== undefined ? (0, amount_1.toAmount)(v, currencyCode, currencySymbol) : undefined;
+            card.balance = amt(action.payload.balance) ?? card.balance;
+            card.hold = amt(action.payload.hold) ?? card.hold;
+            card.dailyPurchaseSpends =
+                amt(action.payload.dailyPurchaseSpends) ?? card.dailyPurchaseSpends;
+            card.monthlyPurchaseSpends =
+                amt(action.payload.monthlyPurchaseSpends) ?? card.monthlyPurchaseSpends;
+            card.dailyWithdrawals =
+                amt(action.payload.dailyWithdrawals) ?? card.dailyWithdrawals;
+            card.monthlyWithdrawals =
+                amt(action.payload.monthlyWithdrawals) ?? card.monthlyWithdrawals;
+        },
         removeChargeCard(draft, action) {
             delete draft.chargeCardByID[action.payload];
         },
@@ -50,5 +83,5 @@ const chargeCard = (0, toolkit_1.createSlice)({
         },
     },
 });
-_a = chargeCard.actions, exports.updateChargeCards = _a.updateChargeCards, exports.updateChargeCard = _a.updateChargeCard, exports.removeChargeCard = _a.removeChargeCard, exports.clearAllChargeCards = _a.clearAllChargeCards;
+_a = chargeCard.actions, exports.updateChargeCards = _a.updateChargeCards, exports.updateChargeCard = _a.updateChargeCard, exports.updateChargeCardStatusFromPusher = _a.updateChargeCardStatusFromPusher, exports.updateChargeCardSpendingFromPusher = _a.updateChargeCardSpendingFromPusher, exports.removeChargeCard = _a.removeChargeCard, exports.clearAllChargeCards = _a.clearAllChargeCards;
 exports.default = chargeCard.reducer;

package/lib/entity/chargeCardTransaction/chargeCardTransactionReducer.d.ts

@@ -5,7 +5,20 @@ export declare const initialState: ChargeCardTransactionState;
 export declare const updateChargeCardTransactions: import("@reduxjs/toolkit").ActionCreatorWithPayload<ChargeCardTransactionPayload[], "chargeCardTransaction/updateChargeCardTransactions">, updateChargeCardTransaction: import("@reduxjs/toolkit").ActionCreatorWithPayload<ChargeCardTransactionPayload, "chargeCardTransaction/updateChargeCardTransaction">, updateChargeCardTransactionAttachments: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     data: TransactionReceiptsPayload;
     transactionId: ID;
-}, "chargeCardTransaction/updateChargeCardTransactionAttachments">, removeChargeCardTransaction: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "chargeCardTransaction/removeChargeCardTransaction">, removeChargeCardTransactionAttachmentByThirdPartyTransactionId: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "chargeCardTransaction/updateChargeCardTransactionAttachments">, updateChargeCardTransactionStatusFromPusher: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    transactionId: ID;
+    transactionStatus: {
+        code: string;
+        name: string;
+    };
+}, "chargeCardTransaction/updateChargeCardTransactionStatusFromPusher">, updateChargeCardTransactionFromPusher: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    cardId: ID;
+    transaction: ChargeCardTransactionPayload;
+}, "chargeCardTransaction/updateChargeCardTransactionFromPusher">, updateChargeCardTransactionReceiptFromPusher: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    attachmentFilePaths: string[];
+    cardId: ID;
+    transactionId: ID;
+}, "chargeCardTransaction/updateChargeCardTransactionReceiptFromPusher">, removeChargeCardTransaction: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "chargeCardTransaction/removeChargeCardTransaction">, removeChargeCardTransactionAttachmentByThirdPartyTransactionId: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     attachmentFileName: string;
     thirdPartyTransactionId: ID;
 }, "chargeCardTransaction/removeChargeCardTransactionAttachmentByThirdPartyTransactionId">, clearAllChargeCardTransactions: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chargeCardTransaction/clearAllChargeCardTransactions">;

package/lib/entity/chargeCardTransaction/chargeCardTransactionReducer.js

@@ -1,9 +1,11 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearAllChargeCardTransactions = exports.removeChargeCardTransactionAttachmentByThirdPartyTransactionId = exports.removeChargeCardTransaction = exports.updateChargeCardTransactionAttachments = exports.updateChargeCardTransaction = exports.updateChargeCardTransactions = exports.initialState = void 0;
+exports.clearAllChargeCardTransactions = exports.removeChargeCardTransactionAttachmentByThirdPartyTransactionId = exports.removeChargeCardTransaction = exports.updateChargeCardTransactionReceiptFromPusher = exports.updateChargeCardTransactionFromPusher = exports.updateChargeCardTransactionStatusFromPusher = exports.updateChargeCardTransactionAttachments = exports.updateChargeCardTransaction = exports.updateChargeCardTransactions = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
+const chargeCardTransaction_1 = require("./chargeCardTransaction");
 const chargeCardTransactionPayload_1 = require("./chargeCardTransactionPayload");
+const pusherActions_1 = require("../../commonStateTypes/pusherActions");
 exports.initialState = {
     chargeCardTransactionById: {},
 };
@@ -50,10 +52,42 @@ const chargeCardTransaction = (0, toolkit_1.createSlice)({
                 }
             }
         },
+        updateChargeCardTransactionStatusFromPusher(draft, action) {
+            const { transactionId, transactionStatus } = action.payload;
+            const transaction = draft.chargeCardTransactionById[transactionId];
+            if (transaction != null) {
+                transaction.transactionStatus = {
+                    code: (0, chargeCardTransaction_1.toCardTransactionStatusCode)(transactionStatus.code),
+                    name: transactionStatus.name,
+                };
+            }
+        },
+        updateChargeCardTransactionFromPusher(draft, action) {
+            const entity = (0, chargeCardTransactionPayload_1.toChargeCardTransaction)(action.payload.transaction);
+            draft.chargeCardTransactionById[entity.id] = entity;
+        },
+        updateChargeCardTransactionReceiptFromPusher(draft, action) {
+            const { transactionId, attachmentFilePaths } = action.payload;
+            const transaction = draft.chargeCardTransactionById[transactionId];
+            if (transaction != null) {
+                transaction.attachmentFilePaths = attachmentFilePaths;
+            }
+        },
         clearAllChargeCardTransactions(draft) {
             draft.chargeCardTransactionById = {};
         },
     },
+    extraReducers: (builder) => {
+        builder
+            .addCase(pusherActions_1.addChargeCardTransactionFromPusher, (draft, action) => {
+            const entity = (0, chargeCardTransactionPayload_1.toChargeCardTransaction)(action.payload.transaction);
+            draft.chargeCardTransactionById[entity.id] = entity;
+        })
+            .addCase(pusherActions_1.addDeclinedChargeCardTransactionFromPusher, (draft, action) => {
+            const entity = (0, chargeCardTransactionPayload_1.toChargeCardTransaction)(action.payload.transaction);
+            draft.chargeCardTransactionById[entity.id] = entity;
+        });
+    },
 });
-_a = chargeCardTransaction.actions, exports.updateChargeCardTransactions = _a.updateChargeCardTransactions, exports.updateChargeCardTransaction = _a.updateChargeCardTransaction, exports.updateChargeCardTransactionAttachments = _a.updateChargeCardTransactionAttachments, exports.removeChargeCardTransaction = _a.removeChargeCardTransaction, exports.removeChargeCardTransactionAttachmentByThirdPartyTransactionId = _a.removeChargeCardTransactionAttachmentByThirdPartyTransactionId, exports.clearAllChargeCardTransactions = _a.clearAllChargeCardTransactions;
+_a = chargeCardTransaction.actions, exports.updateChargeCardTransactions = _a.updateChargeCardTransactions, exports.updateChargeCardTransaction = _a.updateChargeCardTransaction, exports.updateChargeCardTransactionAttachments = _a.updateChargeCardTransactionAttachments, exports.updateChargeCardTransactionStatusFromPusher = _a.updateChargeCardTransactionStatusFromPusher, exports.updateChargeCardTransactionFromPusher = _a.updateChargeCardTransactionFromPusher, exports.updateChargeCardTransactionReceiptFromPusher = _a.updateChargeCardTransactionReceiptFromPusher, exports.removeChargeCardTransaction = _a.removeChargeCardTransaction, exports.removeChargeCardTransactionAttachmentByThirdPartyTransactionId = _a.removeChargeCardTransactionAttachmentByThirdPartyTransactionId, exports.clearAllChargeCardTransactions = _a.clearAllChargeCardTransactions;
 exports.default = chargeCardTransaction.reducer;

package/lib/esm/commonStateTypes/cacheOverrideFetchReducer.js

@@ -0,0 +1,16 @@
+/**
+ * Factory for `fetchXxx` reducers that support Pusher-driven silent refresh.
+ * When `cacheOverride=true`, fetchState and error are left untouched so the
+ * UI doesn't flash a skeleton. When `false`, `applyTo` runs the normal
+ * 'In-Progress' transition.
+ */
+export const createCacheOverrideFetchReducer = (applyTo) => ({
+    reducer(draft, action) {
+        if (action.payload.cacheOverride !== true) {
+            applyTo(draft);
+        }
+    },
+    prepare(cacheOverride = false) {
+        return { payload: { cacheOverride } };
+    },
+});

package/lib/esm/commonStateTypes/pusherActions.js

@@ -0,0 +1,3 @@
+import { createAction } from '@reduxjs/toolkit';
+export const addChargeCardTransactionFromPusher = createAction('chargeCardDetail/addChargeCardTransactionFromPusher');
+export const addDeclinedChargeCardTransactionFromPusher = createAction('chargeCardDetail/addDeclinedChargeCardTransactionFromPusher');

package/lib/esm/entity/chargeCard/chargeCardReducer.js

@@ -1,5 +1,7 @@
 import { createSlice } from '@reduxjs/toolkit';
 import assignWith from 'lodash/assignWith';
+import { toAmount } from '../../commonStateTypes/amount';
+import { toCardStatusCodeType } from './chargeCard';
 import { mapChargeCardPayloadToChargeCard, } from './chargeCardPayload';
 export const initialState = {
     chargeCardByID: {},
@@ -35,6 +37,37 @@ const chargeCard = createSlice({
             const latestChargeCard = mapChargeCardPayloadToChargeCard(action.payload);
             draft.chargeCardByID[latestChargeCard.id] = latestChargeCard;
         },
+        updateChargeCardStatusFromPusher(draft, action) {
+            const { cardId, cardStatus, isLockedByAdmin } = action.payload;
+            const card = draft.chargeCardByID[cardId];
+            if (card != null) {
+                card.status = {
+                    code: toCardStatusCodeType(cardStatus.code),
+                    name: cardStatus.name,
+                };
+                if (isLockedByAdmin !== undefined) {
+                    card.isLockedByAdmin = isLockedByAdmin;
+                }
+            }
+        },
+        updateChargeCardSpendingFromPusher(draft, action) {
+            const { cardId, currencyCode, currencySymbol } = action.payload;
+            const card = draft.chargeCardByID[cardId];
+            if (card == null) {
+                return;
+            }
+            const amt = (v) => v !== undefined ? toAmount(v, currencyCode, currencySymbol) : undefined;
+            card.balance = amt(action.payload.balance) ?? card.balance;
+            card.hold = amt(action.payload.hold) ?? card.hold;
+            card.dailyPurchaseSpends =
+                amt(action.payload.dailyPurchaseSpends) ?? card.dailyPurchaseSpends;
+            card.monthlyPurchaseSpends =
+                amt(action.payload.monthlyPurchaseSpends) ?? card.monthlyPurchaseSpends;
+            card.dailyWithdrawals =
+                amt(action.payload.dailyWithdrawals) ?? card.dailyWithdrawals;
+            card.monthlyWithdrawals =
+                amt(action.payload.monthlyWithdrawals) ?? card.monthlyWithdrawals;
+        },
         removeChargeCard(draft, action) {
             delete draft.chargeCardByID[action.payload];
         },
@@ -43,5 +76,5 @@ const chargeCard = createSlice({
         },
     },
 });
-export const { updateChargeCards, updateChargeCard, removeChargeCard, clearAllChargeCards, } = chargeCard.actions;
+export const { updateChargeCards, updateChargeCard, updateChargeCardStatusFromPusher, updateChargeCardSpendingFromPusher, removeChargeCard, clearAllChargeCards, } = chargeCard.actions;
 export default chargeCard.reducer;

package/lib/esm/entity/chargeCardTransaction/chargeCardTransactionReducer.js

@@ -1,5 +1,7 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { toCardTransactionStatusCode, } from './chargeCardTransaction';
 import { toChargeCardTransaction, } from './chargeCardTransactionPayload';
+import { addChargeCardTransactionFromPusher, addDeclinedChargeCardTransactionFromPusher } from '../../commonStateTypes/pusherActions';
 export const initialState = {
     chargeCardTransactionById: {},
 };
@@ -46,10 +48,42 @@ const chargeCardTransaction = createSlice({
                 }
             }
         },
+        updateChargeCardTransactionStatusFromPusher(draft, action) {
+            const { transactionId, transactionStatus } = action.payload;
+            const transaction = draft.chargeCardTransactionById[transactionId];
+            if (transaction != null) {
+                transaction.transactionStatus = {
+                    code: toCardTransactionStatusCode(transactionStatus.code),
+                    name: transactionStatus.name,
+                };
+            }
+        },
+        updateChargeCardTransactionFromPusher(draft, action) {
+            const entity = toChargeCardTransaction(action.payload.transaction);
+            draft.chargeCardTransactionById[entity.id] = entity;
+        },
+        updateChargeCardTransactionReceiptFromPusher(draft, action) {
+            const { transactionId, attachmentFilePaths } = action.payload;
+            const transaction = draft.chargeCardTransactionById[transactionId];
+            if (transaction != null) {
+                transaction.attachmentFilePaths = attachmentFilePaths;
+            }
+        },
         clearAllChargeCardTransactions(draft) {
             draft.chargeCardTransactionById = {};
         },
     },
+    extraReducers: (builder) => {
+        builder
+            .addCase(addChargeCardTransactionFromPusher, (draft, action) => {
+            const entity = toChargeCardTransaction(action.payload.transaction);
+            draft.chargeCardTransactionById[entity.id] = entity;
+        })
+            .addCase(addDeclinedChargeCardTransactionFromPusher, (draft, action) => {
+            const entity = toChargeCardTransaction(action.payload.transaction);
+            draft.chargeCardTransactionById[entity.id] = entity;
+        });
+    },
 });
-export const { updateChargeCardTransactions, updateChargeCardTransaction, updateChargeCardTransactionAttachments, removeChargeCardTransaction, removeChargeCardTransactionAttachmentByThirdPartyTransactionId, clearAllChargeCardTransactions, } = chargeCardTransaction.actions;
+export const { updateChargeCardTransactions, updateChargeCardTransaction, updateChargeCardTransactionAttachments, updateChargeCardTransactionStatusFromPusher, updateChargeCardTransactionFromPusher, updateChargeCardTransactionReceiptFromPusher, removeChargeCardTransaction, removeChargeCardTransactionAttachmentByThirdPartyTransactionId, clearAllChargeCardTransactions, } = chargeCardTransaction.actions;
 export default chargeCardTransaction.reducer;

package/lib/esm/index.js

@@ -37,6 +37,9 @@ import { toCardAddressType, toCardType, toCreditLimitFrequencyCodeType, toShippi
 import { getChargeCardById } from './entity/chargeCard/chargeCardSelector';
 import { attachmentFilePathToAttachment, } from './entity/chargeCardTransaction/chargeCardTransactionPayload';
 import { updateChargeCardTransactionAttachments } from './entity/chargeCardTransaction/chargeCardTransactionReducer';
+import { updateChargeCardStatusFromPusher, updateChargeCardSpendingFromPusher, } from './entity/chargeCard/chargeCardReducer';
+import { updateChargeCardTransactionStatusFromPusher, updateChargeCardTransactionFromPusher, updateChargeCardTransactionReceiptFromPusher, } from './entity/chargeCardTransaction/chargeCardTransactionReducer';
+import { addChargeCardTransactionFromPusher, addDeclinedChargeCardTransactionFromPusher, } from './commonStateTypes/pusherActions';
 import { getControllersName, getFirstControllerEmail, getFirstControllerId, } from './entity/company/companyHelper';
 import { getCompanyByCompanyId, getCompanyInfoForAllCockpitCompaniesInState, getControllersForCompany, } from './entity/company/companySelector';
 import { ALL_ACCOUNTING_CONNECTION_CREATION_MODES, isCompanyEligibleForTreasury, } from './entity/company/companyStateTypes';
@@ -296,7 +299,7 @@ import { fetchChargeCardConfig } from './view/spendManagement/chargeCards/charge
 import { closeChargeCard, completeCVVActivationWait, completeDebitCardSetPinWait, fetchChargeCardDetail, fetchChargeCardDetailPage, fetchChargeCardTransactionAttachments, fetchChargeCardTransactionList, fetchChargeCardTransactionStatistics, fetchChargeCardsRecurringExpenses, fetchDepositAccountLimit, lockChargeCard, startCVVActivationWait, startDebitCardSetPinWait, unlockChargeCard, updateChargeCardDetail, updateChargeCardName, updateChargeCardSpendLimit, updateChargeCardSpendLimitSuccessOrFailure, updateChargeCardTransactionIsViewReceiptClicked, updateChargeCardTransactionReceiptsShowTickFetchStatus, updateChargeCardTransactionUploadReceiptsFetchStatus, updateDebitCardPinAttempt, updatePhysicalChargeCardAttempt, } from './view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailReducer';
 import { getChargeCardCVVActivateView, getChargeCardControlDetailView, getChargeCardDetailView, getChargeCardRecurringExpensesView, getChargeCardTransactionAttachmentView, getDebitCardSetPinView, getDepositAccountLimitFetchStateByDepositAccountId, } from './view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailSelector';
 import { toChargeCardSortKeyType, } from './view/spendManagement/chargeCards/chargeCardList/chargeCardList';
-import { closeChargeCards, fetchChargeCardList, fetchChargeCardListPage, fetchCreditAccount, fetchCreditAccountRepayment, fetchDebitCardSummary, lockChargeCards, resendCardInvite, revokeCardInvite, revokeChargeCardsInvite, unlockChargeCards, updateBulkActionCardIds, updateSearchText as updateChargeCardListSearchText, updateChargeCardListUIState, updateChargeCardsSpendLimit, updateRowActionCardId, } from './view/spendManagement/chargeCards/chargeCardList/chargeCardListReducer';
+import { closeChargeCards, fetchChargeCardList, fetchChargeCardListPage, fetchCreditAccount, fetchCreditAccountRepayment, fetchDebitCardSummary, lockChargeCards, resendCardInvite, revokeCardInvite, revokeChargeCardsInvite, unlockChargeCards, updateBulkActionCardIds, updateSearchText as updateChargeCardListSearchText, updateChargeCardListUIState, updateChargeCardsSpendLimit, updateCreditAccountBalanceFromPusher, updateRowActionCardId, } from './view/spendManagement/chargeCards/chargeCardList/chargeCardListReducer';
 import { anyCardOnHold, getChargeCardBulkActionView, getChargeCardListView, getChargeCardRecurringExpensesByCardIds, getChargeCardRowActionView, getCreditAccountDetails, getDebitCardList, getDebitCardSummary, getDepositAccountListWithDebitCardIssued, getMyPendingActivationChargeCardListView, getMyRequestOnHoldChargeCardListWithShippingAddress, } from './view/spendManagement/chargeCards/chargeCardList/chargeCardListSelector';
 import { PAYMENT_HISTORY_FILTER_CATEGORIES, } from './view/spendManagement/chargeCards/chargeCardPaymentHistory/chargeCardPaymentHistory';
 import { getChargeCardPaymentHistoryDownloadReport, } from './view/spendManagement/chargeCards/chargeCardPaymentHistory/chargeCardPaymentHistoryDownloadSelector';
@@ -597,7 +600,7 @@ export { fetchUserRoleConfig, getUserRoleConfig };
 export { getCompanyHealthMetricConfig, fetchCompanyHealthMetricConfig, };
 export { updateCompaniesHealth, updateCompanyHealth, };
 export { clearCompanyHealthMetricView, fetchCompanyHealthMetricView, initializeCompanyHealthMetricViewLocalData, removeSelectedCompanyId, saveCompanyHealthMetricById, updateCompanyHealthMetricLocalStore, updateCompanyHealthMetricViewErrorStatus, updateCompanyHealthMetricViewSuccessStatus, updateCompanyHealthViewUIState, };
-export { updateChargeCardTransactionAttachments, attachmentFilePathToAttachment, isCompanyRunwayInfinite, getCompanyHealthMetricView, hasCompanyHealthMetricFormFieldChanged, companyHealthMetricDropDownOptions, getChargeCardBusinessVerificationDetails, fetchDebitCardSummary, fetchChargeCardList, fetchChargeCardListPage, fetchChargeCardConfig, fetchCreditAccount, fetchCreditAccountRepayment, getChargeCardListView, getMyPendingActivationChargeCardListView, getMyRequestOnHoldChargeCardListWithShippingAddress, clearChargeCardRepaymentDetail, fetchChargeCardRepaymentDetail, initiateChargeCardRepayment, updateChargeCardRepaymentLocalStore, getChargeCardRepaymentDetail, fetchChargeCardPaymentPage, fetchChargeCardPaymentHistory, updatePaymentHistoryDownloadUIState, updatePaymentHistoryFilters, updatePaymentHistorySearchText, updatePaymentHistoryUIState, getChargeCardPaymentHistoryDownloadReport, getChargeCardPaymentHistoryView, getPaymentHistorySourceAccountName, getPaymentStatusDisplayText, PAYMENT_HISTORY_FILTER_CATEGORIES, getCreditAccountDetails, fetchChargeCardDetailPage, fetchChargeCardDetail, fetchChargeCardTransactionStatistics, fetchDepositAccountLimit, getChargeCardDetailView, getChargeCardControlDetailView, getDepositAccountLimitFetchStateByDepositAccountId, getChargeCardTransactionAttachmentView, getDebitCardSetPinView, getChargeCardRecurringExpensesByCardIds, getChargeCardRecurringExpensesView, getChargeCardRowActionView, getChargeCardBulkActionView, getChargeCardCVVActivateView, fetchChargeCardTransactionList, fetchCashbackDetail, toChargeCardSortKeyType, getCashbackDetail, getZeniDateFromPeriod, toCreditLimitFrequencyCodeType, getDepositAccountListWithDebitCardIssued, getIssueChargeCardView, getChargeCardSetupViewDetails, fetchChargeCardStatementList, getChargeCardStatements, fetchChargeCardSetupView, enableChargeCardAutoPay, acceptChargeCardTerms, expressInterestInChargeCard, getDepositAccountLimitForChargeCardByDepositAccountId, toCardAddressType, toShippingAddressType, toCardType, issueChargeCards, fetchIssueCardPage, fetchDepositAccountListForCards, getDebitCardList, getDebitCardSummary, updateCustomAddressId, updateChargeCardsLocalStore, resetIssueChargeCardForm, updateBulkActionCardIds, updateChargeCardListSearchText, updateChargeCardListUIState, updateCashbackDetailUIState, updateChargeCardDetail, updatePhysicalChargeCardAttempt, lockChargeCard, unlockChargeCard, closeChargeCard, updateChargeCardName, getCardUserOnboardingView, initializeCardUserOnboardingLocalData, updateCardUserOnboardingLocalData, saveCardOnboardingUserDetails, updateChargeCardTransactionUploadReceiptsFetchStatus, completeDebitCardSetPinWait, startDebitCardSetPinWait, updateDebitCardPinAttempt, updateChargeCardTransactionReceiptsShowTickFetchStatus, updateChargeCardTransactionIsViewReceiptClicked, fetchChargeCardTransactionAttachments, completeCVVActivationWait, startCVVActivationWait, updateChargeCardSpendLimit, updateChargeCardSpendLimitSuccessOrFailure, resendCardInvite, revokeCardInvite, updateRowActionCardId, revokeChargeCardsInvite, lockChargeCards, unlockChargeCards, closeChargeCards, updateChargeCardsSpendLimit, fetchChargeCardsRecurringExpenses, startCardUserOnboardingActivationWait, completeCardUserOnboardingActivationWait, setFirstViewAfterActivation, setFirstViewCompleteAfterActivation, setCurrentDisplayedCardId, getChargeCardById, anyCardOnHold, };
+export { updateChargeCardTransactionAttachments, updateChargeCardStatusFromPusher, updateChargeCardSpendingFromPusher, updateChargeCardTransactionStatusFromPusher, updateChargeCardTransactionFromPusher, updateChargeCardTransactionReceiptFromPusher, updateCreditAccountBalanceFromPusher, addChargeCardTransactionFromPusher, addDeclinedChargeCardTransactionFromPusher, attachmentFilePathToAttachment, isCompanyRunwayInfinite, getCompanyHealthMetricView, hasCompanyHealthMetricFormFieldChanged, companyHealthMetricDropDownOptions, getChargeCardBusinessVerificationDetails, fetchDebitCardSummary, fetchChargeCardList, fetchChargeCardListPage, fetchChargeCardConfig, fetchCreditAccount, fetchCreditAccountRepayment, getChargeCardListView, getMyPendingActivationChargeCardListView, getMyRequestOnHoldChargeCardListWithShippingAddress, clearChargeCardRepaymentDetail, fetchChargeCardRepaymentDetail, initiateChargeCardRepayment, updateChargeCardRepaymentLocalStore, getChargeCardRepaymentDetail, fetchChargeCardPaymentPage, fetchChargeCardPaymentHistory, updatePaymentHistoryDownloadUIState, updatePaymentHistoryFilters, updatePaymentHistorySearchText, updatePaymentHistoryUIState, getChargeCardPaymentHistoryDownloadReport, getChargeCardPaymentHistoryView, getPaymentHistorySourceAccountName, getPaymentStatusDisplayText, PAYMENT_HISTORY_FILTER_CATEGORIES, getCreditAccountDetails, fetchChargeCardDetailPage, fetchChargeCardDetail, fetchChargeCardTransactionStatistics, fetchDepositAccountLimit, getChargeCardDetailView, getChargeCardControlDetailView, getDepositAccountLimitFetchStateByDepositAccountId, getChargeCardTransactionAttachmentView, getDebitCardSetPinView, getChargeCardRecurringExpensesByCardIds, getChargeCardRecurringExpensesView, getChargeCardRowActionView, getChargeCardBulkActionView, getChargeCardCVVActivateView, fetchChargeCardTransactionList, fetchCashbackDetail, toChargeCardSortKeyType, getCashbackDetail, getZeniDateFromPeriod, toCreditLimitFrequencyCodeType, getDepositAccountListWithDebitCardIssued, getIssueChargeCardView, getChargeCardSetupViewDetails, fetchChargeCardStatementList, getChargeCardStatements, fetchChargeCardSetupView, enableChargeCardAutoPay, acceptChargeCardTerms, expressInterestInChargeCard, getDepositAccountLimitForChargeCardByDepositAccountId, toCardAddressType, toShippingAddressType, toCardType, issueChargeCards, fetchIssueCardPage, fetchDepositAccountListForCards, getDebitCardList, getDebitCardSummary, updateCustomAddressId, updateChargeCardsLocalStore, resetIssueChargeCardForm, updateBulkActionCardIds, updateChargeCardListSearchText, updateChargeCardListUIState, updateCashbackDetailUIState, updateChargeCardDetail, updatePhysicalChargeCardAttempt, lockChargeCard, unlockChargeCard, closeChargeCard, updateChargeCardName, getCardUserOnboardingView, initializeCardUserOnboardingLocalData, updateCardUserOnboardingLocalData, saveCardOnboardingUserDetails, updateChargeCardTransactionUploadReceiptsFetchStatus, completeDebitCardSetPinWait, startDebitCardSetPinWait, updateDebitCardPinAttempt, updateChargeCardTransactionReceiptsShowTickFetchStatus, updateChargeCardTransactionIsViewReceiptClicked, fetchChargeCardTransactionAttachments, completeCVVActivationWait, startCVVActivationWait, updateChargeCardSpendLimit, updateChargeCardSpendLimitSuccessOrFailure, resendCardInvite, revokeCardInvite, updateRowActionCardId, revokeChargeCardsInvite, lockChargeCards, unlockChargeCards, closeChargeCards, updateChargeCardsSpendLimit, fetchChargeCardsRecurringExpenses, startCardUserOnboardingActivationWait, completeCardUserOnboardingActivationWait, setFirstViewAfterActivation, setFirstViewCompleteAfterActivation, setCurrentDisplayedCardId, getChargeCardById, anyCardOnHold, };
 export { TIME_SERIES_DURATIONS, convertToTimeSeriesSelectionRange, toTimeSeriesDuration, fetchAggregatedReport, aggregatedReportView, };
 export { fetchApAging, getApAgingReport, updateApAgingUIState, };
 export { fetchApAgingDetail, getApAgingDetailForVendor, updateApAgingDetailUIState, };

package/lib/esm/view/spendManagement/chargeCards/cashbackDetail/cashbackDetailReducer.js

@@ -1,6 +1,7 @@
 import { createSlice } from '@reduxjs/toolkit';
 import { mapCurrencyPayloadToCurrency } from '../../../../commonPayloadTypes/v2/viewAndReportPayloadv2';
 import { toAmount } from '../../../../commonStateTypes/amount';
+import { createCacheOverrideFetchReducer } from '../../../../commonStateTypes/cacheOverrideFetchReducer';
 import { initialCashbackAnalytics, } from './cashbackDetailState';
 export const initialState = {
     fetchState: 'Not-Started',
@@ -27,10 +28,10 @@ const cashbackDetail = createSlice({
     name: 'cashbackDetail',
     initialState,
     reducers: {
-        fetchCashbackDetail(draft) {
+        fetchCashbackDetail: createCacheOverrideFetchReducer((draft) => {
             draft.fetchState = 'In-Progress';
             draft.error = undefined;
-        },
+        }),
         updateCashbackDetail(draft, action) {
             draft.cashbackByPeriod = toCashbackByPeriod(action.payload);
             draft.cashbackSummary = toCashbackSummary(action.payload);

package/lib/esm/view/spendManagement/chargeCards/chargeCardConfig/chargeCardConfigReducer.js

@@ -1,5 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit';
 import { toAmount } from '../../../../commonStateTypes/amount';
+import { createCacheOverrideFetchReducer } from '../../../../commonStateTypes/cacheOverrideFetchReducer';
 import { toCreditLimitFrequencyCodeType } from '../../../../entity/chargeCard/chargeCard';
 import { toCreditTerm, toRePaymentInfo, } from './chargeCardConfigPayload';
 export const initialState = {
@@ -30,10 +31,10 @@ const chargeCardConfig = createSlice({
     name: 'chargeCardConfig',
     initialState,
     reducers: {
-        fetchChargeCardConfig(draft) {
+        fetchChargeCardConfig: createCacheOverrideFetchReducer((draft) => {
             draft.fetchState = 'In-Progress';
             draft.error = undefined;
-        },
+        }),
         updateChargeCardConfig(draft, action) {
             const { payload } = action;
             draft.creditLimitFrequency =

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

@@ -2,6 +2,7 @@ import { createSlice } from '@reduxjs/toolkit';
 import { mapSortOrderPayloadToSortOrder, } from '../../../../commonPayloadTypes/sortOrderPayload';
 import { toAttachment, } from '../../../../entity/transaction/payloadTypes/attachmentPayload';
 import { emptyChargeCardDetail, mapChargeCardTransactionStatisticsPayloadToChargeCardTransactionStatistics, toChargeCardTransactionSortKeyType, } from './chargeCardDetail';
+import { addChargeCardTransactionFromPusher, addDeclinedChargeCardTransactionFromPusher, } from '../../../../commonStateTypes/pusherActions';
 export const initialState = {
     detailById: {},
     recurringExpensesByChargeCardId: {},
@@ -64,19 +65,30 @@ const chargeCardDetail = createSlice({
         },
         fetchChargeCardTransactionList: {
             reducer(draft, action) {
-                const { chargeCardId, pageToken, pageTokenType } = action.payload;
+                const { chargeCardId, pageToken, pageTokenType, cacheOverride } = action.payload;
                 const existingCardDetail = draft.detailById[chargeCardId] ?? emptyChargeCardDetail;
+                const existingUi = existingCardDetail.transactionList.uiState;
+                // cacheOverride=true (Pusher): preserve fetchState, error, and scroll
+                // to avoid skeleton flash. Normal fetches reset as before.
                 draft.detailById[chargeCardId] = {
                     ...existingCardDetail,
                     transactionList: {
                         ...existingCardDetail.transactionList,
-                        fetchState: 'In-Progress',
-                        error: undefined,
+                        fetchState: cacheOverride
+                            ? existingCardDetail.transactionList.fetchState
+                            : 'In-Progress',
+                        error: cacheOverride
+                            ? existingCardDetail.transactionList.error
+                            : undefined,
                         uiState: {
-                            ...existingCardDetail.transactionList.uiState,
-                            scrollYOffset: existingCardDetail.transactionList.uiState.pageToken === null
-                                ? 0
-                                : existingCardDetail.transactionList.uiState.scrollYOffset,
+                            ...existingUi,
+                            // Preserve scroll on silent refresh so users aren't snapped
+                            // away from their reading position.
+                            scrollYOffset: cacheOverride
+                                ? existingUi.scrollYOffset
+                                : existingUi.pageToken === null
+                                    ? 0
+                                    : existingUi.scrollYOffset,
                             pageToken: pageToken,
                             pageTokenType: pageTokenType,
                         },
@@ -93,18 +105,24 @@ const chargeCardDetail = createSlice({
             const { chargeCardId, data, cacheOverride } = action.payload;
             const existingCardDetail = draft.detailById[chargeCardId] ?? emptyChargeCardDetail;
             const newTransactionIds = data.transactions.map((tran) => tran.transaction_id);
+            const existingIds = existingCardDetail.transactionList.transactionIds;
+            // cacheOverride (Pusher): refresh page 1 but keep page 2+ IDs.
+            // Normal pagination: append new page, deduped.
+            const newIdSet = new Set(newTransactionIds);
+            const mergedTransactionIds = cacheOverride
+                ? [
+                    ...newTransactionIds,
+                    ...existingIds.filter((id) => !newIdSet.has(id)),
+                ]
+                : [
+                    ...existingIds,
+                    ...newTransactionIds.filter((id) => !existingIds.includes(id)),
+                ];
             draft.detailById[chargeCardId] = {
                 ...existingCardDetail,
                 transactionList: {
                     ...existingCardDetail.transactionList,
-                    transactionIds: [
-                        ...new Set([
-                            ...(cacheOverride
-                                ? []
-                                : existingCardDetail.transactionList.transactionIds),
-                            ...newTransactionIds,
-                        ]),
-                    ],
+                    transactionIds: mergedTransactionIds,
                     fetchState: 'Completed',
                     error: undefined,
                     uiState: {
@@ -116,9 +134,12 @@ const chargeCardDetail = createSlice({
                         limit: data.query.limit,
                         pageToken: data.query.page_token,
                         pageTokenType: data.query.page_token_type,
-                        scrollYOffset: existingCardDetail.transactionList.uiState.pageToken === null
-                            ? 0
-                            : existingCardDetail.transactionList.uiState.scrollYOffset,
+                        // Preserve scroll on silent refresh; reset on user-triggered first page.
+                        scrollYOffset: cacheOverride
+                            ? existingCardDetail.transactionList.uiState.scrollYOffset
+                            : existingCardDetail.transactionList.uiState.pageToken === null
+                                ? 0
+                                : existingCardDetail.transactionList.uiState.scrollYOffset,
                     },
                 },
             };
@@ -632,6 +653,22 @@ const chargeCardDetail = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        const prependTransaction = (draft, cardId, txId) => {
+            const detail = draft.detailById[cardId];
+            if (detail != null &&
+                !detail.transactionList.transactionIds.includes(txId)) {
+                detail.transactionList.transactionIds.unshift(txId);
+            }
+        };
+        builder
+            .addCase(addChargeCardTransactionFromPusher, (draft, action) => {
+            prependTransaction(draft, action.payload.cardId, action.payload.transaction.transaction_id);
+        })
+            .addCase(addDeclinedChargeCardTransactionFromPusher, (draft, action) => {
+            prependTransaction(draft, action.payload.cardId, action.payload.transaction.transaction_id);
+        });
+    },
 });
 export const { fetchChargeCardDetailPage, fetchChargeCardDetail, updateChargeCardDetailFetchState, fetchChargeCardTransactionList, updateChargeCardDetailUIState, updateChargeCardTransactionList, updateChargeCardTransactionUploadReceiptsFetchStatus, fetchChargeCardTransactionAttachments, updateChargeCardTransactionIsViewReceiptClicked, updateChargeCardTransactionAttachmentsFailure, updatePhysicalChargeCardAttemptSuccessOrFailure, updatePhysicalChargeCardAttempt, updateDebitCardPinAttempt, updateDebitCardPinAttemptSuccessOrFailure, updateChargeCardTransactionReceiptsShowTickFetchStatus, updateChargeCardTransactionAttachmentsInCardDetail, updateChargeCardTransactionListFailure, updateChargeCardDetail, startCVVActivationWait, completeCVVActivationWait, startDebitCardSetPinWait, completeDebitCardSetPinWait, updateChargeCardDetailUpdateStatus, updateChargeCardSpendLimit, updateChargeCardSpendLimitSuccessOrFailure, updateChargeCardName, updateChargeCardNameSuccessOrFailure, lockChargeCard, lockChargeCardSuccessOrFailure, unlockChargeCard, unlockChargeCardSuccessOrFailure, closeChargeCard, closeChargeCardSuccessOrFailure, fetchDepositAccountLimit, updateDepositAccountLimitFetchStatus, fetchChargeCardTransactionStatistics, updateChargeCardTransactionStatistics, updateChargeCardTransactionStatisticsFetchState, fetchChargeCardsRecurringExpenses, updateChargeCardsRecurringExpenses, updateChargeCardsRecurringExpensesFetchState, sendOtpCardHolder, resendOtpCardHolder, sendOtpCardHolderSuccess, sendOtpCardHolderFailure, verifyOtpCardHolder, verifyOtpCardHolderSuccess, verifyOtpCardHolderFailure, clearChargeCardDetail, } = chargeCardDetail.actions;
 export default chargeCardDetail.reducer;

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

@@ -13,13 +13,24 @@ export const fetchChargeCardDetailEpic = (actions$, state$, zeniAPI) => actions$
     const chargeCardAction = [];
     const state = state$.value;
     const chargeCardDetail = recordGet(state.chargeCardDetailState.detailById, chargeCardId, undefined);
+    // Skip if a user-triggered fetch is already in-flight (not applicable
+    // to cacheOverride/Pusher refreshes, which always proceed).
     if (cacheOverride === true ||
         chargeCardDetail == null ||
         chargeCardDetail.fetchState !== 'In-Progress') {
+        // Silent refresh: preserve fetchState to avoid skeleton flash.
+        // Discriminate via fetchState (not null-check) because the reducer
+        // always creates an entry before the epic runs.
+        const isSilentRefresh = cacheOverride === true &&
+            chargeCardDetail != null &&
+            chargeCardDetail.fetchState !== 'Not-Started';
         chargeCardAction.push(updateChargeCardDetailFetchState({
             chargeCardId,
-            isRefreshingViewInBackground: cacheOverride,
-            fetchState: 'In-Progress',
+            isRefreshingViewInBackground: isSilentRefresh,
+            fetchState: isSilentRefresh
+                ? chargeCardDetail.fetchState
+                : 'In-Progress',
+            error: isSilentRefresh ? chargeCardDetail.error : undefined,
         }));
         const query = {
             is_include_card_activation_events: true,
@@ -37,6 +48,8 @@ export const fetchChargeCardDetailEpic = (actions$, state$, zeniAPI) => actions$
                 }));
             }
             else {
+                // Surface errors even on silent refresh so the user
+                // knows data is stale (follow-up: consider toast instead).
                 return of(updateChargeCardDetailFetchState({
                     chargeCardId,
                     fetchState: 'Error',
@@ -45,6 +58,7 @@ export const fetchChargeCardDetailEpic = (actions$, state$, zeniAPI) => actions$
                 }));
             }
         }), catchError((error) => {
+            // Surface network failures even on silent refresh.
             return of(updateChargeCardDetailFetchState({
                 chargeCardId,
                 fetchState: 'Error',