@zeniai/client-epic-state 5.3.23 → 5.3.24

package/lib/esm/view/dashboard/dashboardSelector.js

@@ -16,21 +16,24 @@ import { getInsights } from '../insightsCard/insightsCardSelector';
 import { getMonthEndCloseChecksViewByTenantId } from '../monthEndCloseChecksView/monthEndCloseChecksViewSelector';
 import { getNetBurnOrIncomeReport } from '../netBurnOrIncome/netBurnOrIncomeSelector';
 import { getNetBurnOrIncomeStoryCardReport } from '../netBurnOrIncomeStoryCard/netBurnOrIncomeStoryCardSelector';
-import { getOperatingExpensesReport } from '../opEx/opExSelector';
+import { getOperatingExpensesReportForDashboard } from '../opEx/opExSelector';
 import { getRewardsPlanCard } from '../referralView/referralSelector';
 import { getReimbursementCardReport } from '../reimbursementCard/reimbursementCardSelector';
 import { getRevenueReport } from '../revenue/revenueSelector';
 import { getTasksCardReport } from '../tasksCard/tasksCardSelector';
 import { getTop6Expenses } from '../topEx/topExSelector';
-const getNetBurnOrIncomeForLast4Periods = (state) => {
-    return getNetBurnOrIncomeReport(state.accountState, state.accountGroupState, state.sectionAccountsViewState, state.netBurnOrIncomeState, state.forecastState, state.forecastListState, newBalancesFilter(state.netBurnOrIncomeState.netBurnOrIncome.firstMonthOfFY, state.netBurnOrIncomeState.uiState.timeframe, 4, undefined, 'ascending_date', state.netBurnOrIncomeState.uiState.selectedAdditionalBalances));
-};
-const getOperatingExpensesForLast5Periods = (state) => {
-    return getOperatingExpensesReport(state, newBalancesFilter(state.opExState.opEx.firstMonthOfFY, state.opExState.uiState.timeframe, 5, undefined, 'ascending_date', state.opExState.uiState.selectedAdditionalBalances));
-};
-const getRevenueForLast4Periods = (state) => getRevenueReport(newBalancesFilter(state.revenueState.revenue.firstMonthOfFY, state.revenueState.uiState.timeframe, 4, undefined, 'ascending_date', state.revenueState.uiState.selectedAdditionalBalances), state.accountState, state.accountGroupState, state.sectionAccountsViewState, state.forecastListState, state.revenueState, state.forecastState);
-const getCashPositionLast5Periods = (state) => getCashPosition(state.accountState, state.cashPositionState, newBalancesFilter(state.cashPositionState.firstMonthOfFY, state.cashPositionState.uiState.timeframe, 5, undefined, 'ascending_date', state.cashPositionState.uiState.selectedAdditionalBalances));
-const getCashInCashOutLast4Periods = (state) => getCashInCashOut(state.accountState, state.accountGroupState, state.cashInCashOutState, newBalancesFilter(state.cashInCashOutState.firstMonthOfFY, state.cashInCashOutState.uiState.timeframe, 4, undefined, 'ascending_date', state.cashInCashOutState.uiState.selectedAdditionalBalances));
+// Every input must return the same reference until the slices it reads change, or getDashboard
+// rebuilds every card's balances on each dispatched action.
+const getNetBurnOrIncomeFilter = createSelector((state) => state.netBurnOrIncomeState.netBurnOrIncome.firstMonthOfFY, (state) => state.netBurnOrIncomeState.uiState.timeframe, (state) => state.netBurnOrIncomeState.uiState.selectedAdditionalBalances, (firstMonthOfFY, timeframe, selectedAdditionalBalances) => newBalancesFilter(firstMonthOfFY, timeframe, 4, undefined, 'ascending_date', selectedAdditionalBalances));
+const getNetBurnOrIncomeForLast4Periods = createSelector((state) => state.accountState, (state) => state.accountGroupState, (state) => state.sectionAccountsViewState, (state) => state.netBurnOrIncomeState, (state) => state.forecastState, (state) => state.forecastListState, getNetBurnOrIncomeFilter, (accountState, accountGroupState, sectionAccountsViewState, netBurnOrIncomeState, forecastState, forecastListState, filter) => getNetBurnOrIncomeReport(accountState, accountGroupState, sectionAccountsViewState, netBurnOrIncomeState, forecastState, forecastListState, filter));
+const getOperatingExpensesFilter = createSelector((state) => state.opExState.opEx.firstMonthOfFY, (state) => state.opExState.uiState.timeframe, (state) => state.opExState.uiState.selectedAdditionalBalances, (firstMonthOfFY, timeframe, selectedAdditionalBalances) => newBalancesFilter(firstMonthOfFY, timeframe, 5, undefined, 'ascending_date', selectedAdditionalBalances));
+const getOperatingExpensesForLast5Periods = (state) => getOperatingExpensesReportForDashboard(state, getOperatingExpensesFilter(state));
+const getRevenueFilter = createSelector((state) => state.revenueState.revenue.firstMonthOfFY, (state) => state.revenueState.uiState.timeframe, (state) => state.revenueState.uiState.selectedAdditionalBalances, (firstMonthOfFY, timeframe, selectedAdditionalBalances) => newBalancesFilter(firstMonthOfFY, timeframe, 4, undefined, 'ascending_date', selectedAdditionalBalances));
+const getRevenueForLast4Periods = createSelector(getRevenueFilter, (state) => state.accountState, (state) => state.accountGroupState, (state) => state.sectionAccountsViewState, (state) => state.forecastListState, (state) => state.revenueState, (state) => state.forecastState, (filter, accountState, accountGroupState, sectionAccountsViewState, forecastListState, revenueState, forecastState) => getRevenueReport(filter, accountState, accountGroupState, sectionAccountsViewState, forecastListState, revenueState, forecastState));
+const getCashPositionFilter = createSelector((state) => state.cashPositionState.firstMonthOfFY, (state) => state.cashPositionState.uiState.timeframe, (state) => state.cashPositionState.uiState.selectedAdditionalBalances, (firstMonthOfFY, timeframe, selectedAdditionalBalances) => newBalancesFilter(firstMonthOfFY, timeframe, 5, undefined, 'ascending_date', selectedAdditionalBalances));
+const getCashPositionLast5Periods = createSelector((state) => state.accountState, (state) => state.cashPositionState, getCashPositionFilter, (accountState, cashPositionState, filter) => getCashPosition(accountState, cashPositionState, filter));
+const getCashInCashOutFilter = createSelector((state) => state.cashInCashOutState.firstMonthOfFY, (state) => state.cashInCashOutState.uiState.timeframe, (state) => state.cashInCashOutState.uiState.selectedAdditionalBalances, (firstMonthOfFY, timeframe, selectedAdditionalBalances) => newBalancesFilter(firstMonthOfFY, timeframe, 4, undefined, 'ascending_date', selectedAdditionalBalances));
+const getCashInCashOutLast4Periods = createSelector((state) => state.accountState, (state) => state.accountGroupState, (state) => state.cashInCashOutState, getCashInCashOutFilter, (accountState, accountGroupState, cashInCashOutState, filter) => getCashInCashOut(accountState, accountGroupState, cashInCashOutState, filter));
 const getNetBurnOrIncomeStoryCard = (state) => getNetBurnOrIncomeStoryCardReport(state);
 const apAgingSelector = (state) => getApAgingReport(state);
 const arAgingSelector = (state) => getArAgingReport(state);

package/lib/esm/view/netBurnOrIncomeStoryCard/netBurnOrIncomeStoryCardSelector.js

@@ -5,12 +5,9 @@ import { getCurrentTenant } from '../../entity/tenant/tenantSelector';
 import { defaultPeriods } from '../netBurnOrIncome/netBurnOrIncomeReducer';
 import { ALL_ACCOUNTING_METHODS, toAccountingMethod, } from './netBurnOrIncomeStoryCardSelectorTypes';
 import { ALL_TIME_SPAN_IDS_FOR_AVERAGE, } from './netBurnOrIncomeStoryCardState';
-export const getNetBurnOrIncomeStoryCardReport = createSelector((state) => state, (rootState) => {
-    const { netBurnOrIncomeStoryCardState, netBurnOrIncomeState } = rootState;
+export const getNetBurnOrIncomeStoryCardReport = createSelector((state) => state.netBurnOrIncomeStoryCardState, (state) => state.netBurnOrIncomeState.netBurnOrIncome.firstMonthOfFY, getCurrentTenant, (netBurnOrIncomeStoryCardState, firstMonthOfFY, currentTenant) => {
     const { opExCash, ebitda, netIncome, runwayCash, runwayEbitda, runwayNetIncome, reportId, reportTitle, version, status, fetchState, error, updateStatus, } = netBurnOrIncomeStoryCardState;
-    const { firstMonthOfFY } = netBurnOrIncomeState.netBurnOrIncome;
     const filter = newBalancesFilter(firstMonthOfFY, 'month', defaultPeriods.numberOfPeriods, undefined, 'ascending_date');
-    const currentTenant = getCurrentTenant(rootState);
     const selectedAccountingMethod = currentTenant?.netBurnSettings?.accountingMethod;
     const timeSpanIdForAverage = currentTenant?.netBurnSettings?.timeSpanIdForAverage;
     let netBurnOrIncomeBalances;

package/lib/esm/view/opEx/opExSelector.js

@@ -58,7 +58,7 @@ export const getOperatingExpensesUIState = createSelector((state) => state.opExS
         reportFormat,
     };
 });
-const getOpExBalancesInTimeFrame = createSelector((state) => state.opExState, (state) => state.sectionAccountsViewState, (_state, readCustomRangeSlot) => readCustomRangeSlot === true, (opExState, sectionState, readCustomRangeSlot) => {
+function getOpExBalancesInTimeFrame(opExState, sectionState, readCustomRangeSlot) {
     // Custom detail reads its own section-accounts slot so a default fetch can't
     // overwrite the partial-period data; the dashboard reads the default slot.
     const reportId = reportIdUniqueKey(undefined, readCustomRangeSlot && opExState.uiState.customTimeframe != null);
@@ -73,8 +73,8 @@ const getOpExBalancesInTimeFrame = createSelector((state) => state.opExState, (s
         return incomeOrExpenseBalances.balances;
     }
     return [];
-});
-export const getOperatingExpensesReport = createSelector((state) => state, (state) => state.accountState, (state) => state.accountGroupState, (state) => state.sectionAccountsViewState, (state) => state.opExState, (state) => state.forecastState, (state) => state.forecastListState, (_state, filter) => filter, (_state, _filter, forecastId) => forecastId, (_state, _filter, _forecastId, readCustomRangeSlot) => readCustomRangeSlot === true, (state, accountState, accountGroupState, sectionsState, opExState, forecastState, forecastListState, filter, forecastId, readCustomRangeSlot) => {
+}
+const createOperatingExpensesReportSelector = () => createSelector((state) => state.accountState, (state) => state.accountGroupState, (state) => state.sectionAccountsViewState, (state) => state.opExState, (state) => state.forecastState, (state) => state.forecastListState, (_state, filter) => filter, (_state, _filter, forecastId) => forecastId, (_state, _filter, _forecastId, readCustomRangeSlot) => readCustomRangeSlot === true, (accountState, accountGroupState, sectionsState, opExState, forecastState, forecastListState, filter, forecastId, readCustomRangeSlot) => {
     const opEx = getState(opExState, opExState.uiState.isForecastModeOn, forecastId);
     // The detail screen opts into customFetchState so its Completed check fires
     // off the custom fetch; the dashboard (no flag) reads the shared fetchState,
@@ -103,7 +103,7 @@ export const getOperatingExpensesReport = createSelector((state) => state, (stat
             }, filter);
         });
     }
-    const balancesInTimeframe = getOpExBalancesInTimeFrame(state, useCustomRange);
+    const balancesInTimeframe = getOpExBalancesInTimeFrame(opExState, sectionsState, useCustomRange);
     const allTimeframeTicks = balancesInTimeframe.map((balance) => toTimeframeTick(balance));
     const forecast = opEx.forecastId != null
         ? getForecast(forecastState, opEx.forecastId)
@@ -134,6 +134,9 @@ export const getOperatingExpensesReport = createSelector((state) => state, (stat
         customTimeframe: opExState.uiState.customTimeframe,
     };
 });
+export const getOperatingExpensesReport = createOperatingExpensesReportSelector();
+// The dashboard card keeps its own cache so the detail page's calls with other filters can't evict it.
+export const getOperatingExpensesReportForDashboard = createOperatingExpensesReportSelector();
 export const getOperatingExpensesForSelectedRange = createSelector((state) => state, (state) => state.opExState, (state, opExWithForecastState) => {
     const { timeframe, selectedCOABalancesRange, selectedAdditionalBalances, isForecastModeOn, selectedForecast, } = opExWithForecastState.uiState;
     const noFilter = newBalancesFilter(opExWithForecastState.opEx.firstMonthOfFY, timeframe, selectedCOABalancesRange.numberOfPeriods, selectedCOABalancesRange.thisPeriod, 'ascending_date', selectedAdditionalBalances);

package/lib/view/dashboard/dashboardSelector.js

@@ -25,15 +25,18 @@ const reimbursementCardSelector_1 = require("../reimbursementCard/reimbursementC
 const revenueSelector_1 = require("../revenue/revenueSelector");
 const tasksCardSelector_1 = require("../tasksCard/tasksCardSelector");
 const topExSelector_1 = require("../topEx/topExSelector");
-const getNetBurnOrIncomeForLast4Periods = (state) => {
-    return (0, netBurnOrIncomeSelector_1.getNetBurnOrIncomeReport)(state.accountState, state.accountGroupState, state.sectionAccountsViewState, state.netBurnOrIncomeState, state.forecastState, state.forecastListState, (0, coaBalancesFilter_1.newBalancesFilter)(state.netBurnOrIncomeState.netBurnOrIncome.firstMonthOfFY, state.netBurnOrIncomeState.uiState.timeframe, 4, undefined, 'ascending_date', state.netBurnOrIncomeState.uiState.selectedAdditionalBalances));
-};
-const getOperatingExpensesForLast5Periods = (state) => {
-    return (0, opExSelector_1.getOperatingExpensesReport)(state, (0, coaBalancesFilter_1.newBalancesFilter)(state.opExState.opEx.firstMonthOfFY, state.opExState.uiState.timeframe, 5, undefined, 'ascending_date', state.opExState.uiState.selectedAdditionalBalances));
-};
-const getRevenueForLast4Periods = (state) => (0, revenueSelector_1.getRevenueReport)((0, coaBalancesFilter_1.newBalancesFilter)(state.revenueState.revenue.firstMonthOfFY, state.revenueState.uiState.timeframe, 4, undefined, 'ascending_date', state.revenueState.uiState.selectedAdditionalBalances), state.accountState, state.accountGroupState, state.sectionAccountsViewState, state.forecastListState, state.revenueState, state.forecastState);
-const getCashPositionLast5Periods = (state) => (0, cashPositionSelector_1.getCashPosition)(state.accountState, state.cashPositionState, (0, coaBalancesFilter_1.newBalancesFilter)(state.cashPositionState.firstMonthOfFY, state.cashPositionState.uiState.timeframe, 5, undefined, 'ascending_date', state.cashPositionState.uiState.selectedAdditionalBalances));
-const getCashInCashOutLast4Periods = (state) => (0, cashInCashOutSelector_1.getCashInCashOut)(state.accountState, state.accountGroupState, state.cashInCashOutState, (0, coaBalancesFilter_1.newBalancesFilter)(state.cashInCashOutState.firstMonthOfFY, state.cashInCashOutState.uiState.timeframe, 4, undefined, 'ascending_date', state.cashInCashOutState.uiState.selectedAdditionalBalances));
+// Every input must return the same reference until the slices it reads change, or getDashboard
+// rebuilds every card's balances on each dispatched action.
+const getNetBurnOrIncomeFilter = (0, toolkit_1.createSelector)((state) => state.netBurnOrIncomeState.netBurnOrIncome.firstMonthOfFY, (state) => state.netBurnOrIncomeState.uiState.timeframe, (state) => state.netBurnOrIncomeState.uiState.selectedAdditionalBalances, (firstMonthOfFY, timeframe, selectedAdditionalBalances) => (0, coaBalancesFilter_1.newBalancesFilter)(firstMonthOfFY, timeframe, 4, undefined, 'ascending_date', selectedAdditionalBalances));
+const getNetBurnOrIncomeForLast4Periods = (0, toolkit_1.createSelector)((state) => state.accountState, (state) => state.accountGroupState, (state) => state.sectionAccountsViewState, (state) => state.netBurnOrIncomeState, (state) => state.forecastState, (state) => state.forecastListState, getNetBurnOrIncomeFilter, (accountState, accountGroupState, sectionAccountsViewState, netBurnOrIncomeState, forecastState, forecastListState, filter) => (0, netBurnOrIncomeSelector_1.getNetBurnOrIncomeReport)(accountState, accountGroupState, sectionAccountsViewState, netBurnOrIncomeState, forecastState, forecastListState, filter));
+const getOperatingExpensesFilter = (0, toolkit_1.createSelector)((state) => state.opExState.opEx.firstMonthOfFY, (state) => state.opExState.uiState.timeframe, (state) => state.opExState.uiState.selectedAdditionalBalances, (firstMonthOfFY, timeframe, selectedAdditionalBalances) => (0, coaBalancesFilter_1.newBalancesFilter)(firstMonthOfFY, timeframe, 5, undefined, 'ascending_date', selectedAdditionalBalances));
+const getOperatingExpensesForLast5Periods = (state) => (0, opExSelector_1.getOperatingExpensesReportForDashboard)(state, getOperatingExpensesFilter(state));
+const getRevenueFilter = (0, toolkit_1.createSelector)((state) => state.revenueState.revenue.firstMonthOfFY, (state) => state.revenueState.uiState.timeframe, (state) => state.revenueState.uiState.selectedAdditionalBalances, (firstMonthOfFY, timeframe, selectedAdditionalBalances) => (0, coaBalancesFilter_1.newBalancesFilter)(firstMonthOfFY, timeframe, 4, undefined, 'ascending_date', selectedAdditionalBalances));
+const getRevenueForLast4Periods = (0, toolkit_1.createSelector)(getRevenueFilter, (state) => state.accountState, (state) => state.accountGroupState, (state) => state.sectionAccountsViewState, (state) => state.forecastListState, (state) => state.revenueState, (state) => state.forecastState, (filter, accountState, accountGroupState, sectionAccountsViewState, forecastListState, revenueState, forecastState) => (0, revenueSelector_1.getRevenueReport)(filter, accountState, accountGroupState, sectionAccountsViewState, forecastListState, revenueState, forecastState));
+const getCashPositionFilter = (0, toolkit_1.createSelector)((state) => state.cashPositionState.firstMonthOfFY, (state) => state.cashPositionState.uiState.timeframe, (state) => state.cashPositionState.uiState.selectedAdditionalBalances, (firstMonthOfFY, timeframe, selectedAdditionalBalances) => (0, coaBalancesFilter_1.newBalancesFilter)(firstMonthOfFY, timeframe, 5, undefined, 'ascending_date', selectedAdditionalBalances));
+const getCashPositionLast5Periods = (0, toolkit_1.createSelector)((state) => state.accountState, (state) => state.cashPositionState, getCashPositionFilter, (accountState, cashPositionState, filter) => (0, cashPositionSelector_1.getCashPosition)(accountState, cashPositionState, filter));
+const getCashInCashOutFilter = (0, toolkit_1.createSelector)((state) => state.cashInCashOutState.firstMonthOfFY, (state) => state.cashInCashOutState.uiState.timeframe, (state) => state.cashInCashOutState.uiState.selectedAdditionalBalances, (firstMonthOfFY, timeframe, selectedAdditionalBalances) => (0, coaBalancesFilter_1.newBalancesFilter)(firstMonthOfFY, timeframe, 4, undefined, 'ascending_date', selectedAdditionalBalances));
+const getCashInCashOutLast4Periods = (0, toolkit_1.createSelector)((state) => state.accountState, (state) => state.accountGroupState, (state) => state.cashInCashOutState, getCashInCashOutFilter, (accountState, accountGroupState, cashInCashOutState, filter) => (0, cashInCashOutSelector_1.getCashInCashOut)(accountState, accountGroupState, cashInCashOutState, filter));
 const getNetBurnOrIncomeStoryCard = (state) => (0, netBurnOrIncomeStoryCardSelector_1.getNetBurnOrIncomeStoryCardReport)(state);
 const apAgingSelector = (state) => (0, apAgingSelector_1.getApAgingReport)(state);
 const arAgingSelector = (state) => (0, arAgingSelector_1.getArAgingReport)(state);

package/lib/view/netBurnOrIncomeStoryCard/netBurnOrIncomeStoryCardSelector.js

@@ -8,12 +8,9 @@ const tenantSelector_1 = require("../../entity/tenant/tenantSelector");
 const netBurnOrIncomeReducer_1 = require("../netBurnOrIncome/netBurnOrIncomeReducer");
 const netBurnOrIncomeStoryCardSelectorTypes_1 = require("./netBurnOrIncomeStoryCardSelectorTypes");
 const netBurnOrIncomeStoryCardState_1 = require("./netBurnOrIncomeStoryCardState");
-exports.getNetBurnOrIncomeStoryCardReport = (0, toolkit_1.createSelector)((state) => state, (rootState) => {
-    const { netBurnOrIncomeStoryCardState, netBurnOrIncomeState } = rootState;
+exports.getNetBurnOrIncomeStoryCardReport = (0, toolkit_1.createSelector)((state) => state.netBurnOrIncomeStoryCardState, (state) => state.netBurnOrIncomeState.netBurnOrIncome.firstMonthOfFY, tenantSelector_1.getCurrentTenant, (netBurnOrIncomeStoryCardState, firstMonthOfFY, currentTenant) => {
     const { opExCash, ebitda, netIncome, runwayCash, runwayEbitda, runwayNetIncome, reportId, reportTitle, version, status, fetchState, error, updateStatus, } = netBurnOrIncomeStoryCardState;
-    const { firstMonthOfFY } = netBurnOrIncomeState.netBurnOrIncome;
     const filter = (0, coaBalancesFilter_1.newBalancesFilter)(firstMonthOfFY, 'month', netBurnOrIncomeReducer_1.defaultPeriods.numberOfPeriods, undefined, 'ascending_date');
-    const currentTenant = (0, tenantSelector_1.getCurrentTenant)(rootState);
     const selectedAccountingMethod = currentTenant?.netBurnSettings?.accountingMethod;
     const timeSpanIdForAverage = currentTenant?.netBurnSettings?.timeSpanIdForAverage;
     let netBurnOrIncomeBalances;

package/lib/view/opEx/opExSelector.d.ts

@@ -4,7 +4,10 @@ import { RootState } from '../../rootStateTypes';
 import { OpExReport, OpExUIStateSelectorView } from './opExSelectorTypes';
 import { OpExWithForecastState } from './opExState';
 export declare const getOperatingExpensesUIState: (state: RootState) => OpExUIStateSelectorView;
-export declare const getOperatingExpensesReport: (state: RootState, filter: COABalancesFilter, forecastId?: ID, readCustomRangeSlot?: boolean) => OpExReport;
+type OperatingExpensesReportSelector = (state: RootState, filter: COABalancesFilter, forecastId?: ID, readCustomRangeSlot?: boolean) => OpExReport;
+export declare const getOperatingExpensesReport: OperatingExpensesReportSelector;
+export declare const getOperatingExpensesReportForDashboard: OperatingExpensesReportSelector;
 export declare const getOperatingExpensesForSelectedRange: (state: RootState) => OpExReport;
 export declare const getOperatingExpensesForHighlightedRange: (state: RootState) => OpExReport;
 export declare const getOperatingExpensesReportFetchState: (forecastId: ID | undefined, opExState: OpExWithForecastState) => FetchStateAndError;
+export {};

package/lib/view/opEx/opExSelector.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getOperatingExpensesReportFetchState = exports.getOperatingExpensesForHighlightedRange = exports.getOperatingExpensesForSelectedRange = exports.getOperatingExpensesReport = exports.getOperatingExpensesUIState = void 0;
+exports.getOperatingExpensesReportFetchState = exports.getOperatingExpensesForHighlightedRange = exports.getOperatingExpensesForSelectedRange = exports.getOperatingExpensesReportForDashboard = exports.getOperatingExpensesReport = exports.getOperatingExpensesUIState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const coaBalancesFilter_1 = require("../../commonStateTypes/coaBalance/coaBalancesFilter");
 const getCOABalancesSlice_1 = require("../../commonStateTypes/coaBalance/getCOABalancesSlice");
@@ -61,7 +61,7 @@ exports.getOperatingExpensesUIState = (0, toolkit_1.createSelector)((state) => s
         reportFormat,
     };
 });
-const getOpExBalancesInTimeFrame = (0, toolkit_1.createSelector)((state) => state.opExState, (state) => state.sectionAccountsViewState, (_state, readCustomRangeSlot) => readCustomRangeSlot === true, (opExState, sectionState, readCustomRangeSlot) => {
+function getOpExBalancesInTimeFrame(opExState, sectionState, readCustomRangeSlot) {
     // Custom detail reads its own section-accounts slot so a default fetch can't
     // overwrite the partial-period data; the dashboard reads the default slot.
     const reportId = (0, opExForTimeFrameEpic_1.reportIdUniqueKey)(undefined, readCustomRangeSlot && opExState.uiState.customTimeframe != null);
@@ -76,8 +76,8 @@ const getOpExBalancesInTimeFrame = (0, toolkit_1.createSelector)((state) => stat
         return incomeOrExpenseBalances.balances;
     }
     return [];
-});
-exports.getOperatingExpensesReport = (0, toolkit_1.createSelector)((state) => state, (state) => state.accountState, (state) => state.accountGroupState, (state) => state.sectionAccountsViewState, (state) => state.opExState, (state) => state.forecastState, (state) => state.forecastListState, (_state, filter) => filter, (_state, _filter, forecastId) => forecastId, (_state, _filter, _forecastId, readCustomRangeSlot) => readCustomRangeSlot === true, (state, accountState, accountGroupState, sectionsState, opExState, forecastState, forecastListState, filter, forecastId, readCustomRangeSlot) => {
+}
+const createOperatingExpensesReportSelector = () => (0, toolkit_1.createSelector)((state) => state.accountState, (state) => state.accountGroupState, (state) => state.sectionAccountsViewState, (state) => state.opExState, (state) => state.forecastState, (state) => state.forecastListState, (_state, filter) => filter, (_state, _filter, forecastId) => forecastId, (_state, _filter, _forecastId, readCustomRangeSlot) => readCustomRangeSlot === true, (accountState, accountGroupState, sectionsState, opExState, forecastState, forecastListState, filter, forecastId, readCustomRangeSlot) => {
     const opEx = (0, opExReducer_1.getState)(opExState, opExState.uiState.isForecastModeOn, forecastId);
     // The detail screen opts into customFetchState so its Completed check fires
     // off the custom fetch; the dashboard (no flag) reads the shared fetchState,
@@ -106,7 +106,7 @@ exports.getOperatingExpensesReport = (0, toolkit_1.createSelector)((state) => st
             }, filter);
         });
     }
-    const balancesInTimeframe = getOpExBalancesInTimeFrame(state, useCustomRange);
+    const balancesInTimeframe = getOpExBalancesInTimeFrame(opExState, sectionsState, useCustomRange);
     const allTimeframeTicks = balancesInTimeframe.map((balance) => (0, timeframeTick_1.toTimeframeTick)(balance));
     const forecast = opEx.forecastId != null
         ? (0, forecastSelector_1.getForecast)(forecastState, opEx.forecastId)
@@ -137,6 +137,9 @@ exports.getOperatingExpensesReport = (0, toolkit_1.createSelector)((state) => st
         customTimeframe: opExState.uiState.customTimeframe,
     };
 });
+exports.getOperatingExpensesReport = createOperatingExpensesReportSelector();
+// The dashboard card keeps its own cache so the detail page's calls with other filters can't evict it.
+exports.getOperatingExpensesReportForDashboard = createOperatingExpensesReportSelector();
 exports.getOperatingExpensesForSelectedRange = (0, toolkit_1.createSelector)((state) => state, (state) => state.opExState, (state, opExWithForecastState) => {
     const { timeframe, selectedCOABalancesRange, selectedAdditionalBalances, isForecastModeOn, selectedForecast, } = opExWithForecastState.uiState;
     const noFilter = (0, coaBalancesFilter_1.newBalancesFilter)(opExWithForecastState.opEx.firstMonthOfFY, timeframe, selectedCOABalancesRange.numberOfPeriods, selectedCOABalancesRange.thisPeriod, 'ascending_date', selectedAdditionalBalances);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "5.3.23",
+  "version": "5.3.24",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",