@zeniai/client-epic-state 5.3.18 → 5.3.20

package/lib/view/profitAndLoss/profitAndLossForTimeframeEpic.js

@@ -10,7 +10,11 @@ const reportIdUniqueKey = (forecastId) => forecastId != null
     ? `profit_and_loss+${forecastId}`
     : 'profit_and_loss';
 exports.reportIdUniqueKey = reportIdUniqueKey;
-const fetchProfitAndLossForTimeframeEpic = (actions$, _, zeniAPI) => actions$.pipe((0, operators_1.filter)(profitAndLossReducer_1.fetchProfitAndLossForTimeframe.match), (0, operators_1.mergeMap)((action) => {
+const fetchProfitAndLossForTimeframeEpic = (actions$, _, zeniAPI) => actions$.pipe((0, operators_1.filter)(profitAndLossReducer_1.fetchProfitAndLossForTimeframe.match), 
+// One stream per timeframe: a newer request for the same timeframe (e.g. a
+// custom-date-range change, or a dated fetch right after a default one)
+// cancels the older in-flight request so a stale response can't land last.
+(0, operators_1.groupBy)((action) => `${action.payload.forecastId ?? ''}_${action.payload.timeframe}`), (0, operators_1.mergeMap)((group$) => group$.pipe((0, operators_1.switchMap)((action) => {
     const getTimeSeriesGroup = (timeframe) => {
         switch (timeframe) {
             case 'month':
@@ -29,7 +33,8 @@ const fetchProfitAndLossForTimeframeEpic = (actions$, _, zeniAPI) => actions$.pi
         queryValue.forecast_id = action.payload.forecastId;
         queryValue.is_forecast_vs_actual = true;
     }
-    if (action.payload.startDate != null && action.payload.endDate != null) {
+    if (action.payload.startDate != null &&
+        action.payload.endDate != null) {
         queryValue.custom_start_date = action.payload.startDate;
         queryValue.custom_end_date = action.payload.endDate;
     }
@@ -59,5 +64,5 @@ const fetchProfitAndLossForTimeframeEpic = (actions$, _, zeniAPI) => actions$.pi
             return (0, rxjs_1.of)((0, profitAndLossReducer_1.updateProfitAndLossForTimeframeFailure)(response.status, action.payload.forecastId, action.payload.timeframe));
         }
     }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, profitAndLossReducer_1.updateProfitAndLossForTimeframeFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'P&L REST API call errored out' + JSON.stringify(error)), action.payload.forecastId, action.payload.timeframe))));
-}));
+}))));
 exports.fetchProfitAndLossForTimeframeEpic = fetchProfitAndLossForTimeframeEpic;

package/lib/view/profitAndLoss/profitAndLossReducer.js

@@ -5,6 +5,7 @@ exports.resetProfitAndLossNodeCollapseState = exports.updateProfitAndLossUIState
 exports.getState = getState;
 const toolkit_1 = require("@reduxjs/toolkit");
 const viewAndReportPayloadv2_1 = require("../../commonPayloadTypes/v2/viewAndReportPayloadv2");
+const coaBalance_1 = require("../../commonStateTypes/coaBalance/coaBalance");
 const rootActions_1 = require("../../rootActions");
 exports.initialPandLState = {
     bookCloseDate: undefined,
@@ -76,7 +77,10 @@ const profitAndLoss = (0, toolkit_1.createSlice)({
                     fetchState: 'In-Progress',
                     error: undefined,
                 };
-                updateState(draft, action.payload.forecastId, { fetchState });
+                updateState(draft, action.payload.forecastId, {
+                    fetchState,
+                    customDateRangeByTimeframe: (0, coaBalance_1.withFetchedCustomDateRange)(pAndLState.customDateRangeByTimeframe, timeframe, action.payload.startDate, action.payload.endDate),
+                });
             },
         },
         updateProfitAndLossForTimeframe(draft, action) {

package/lib/view/profitAndLoss/profitAndLossState.d.ts

@@ -1,4 +1,4 @@
-import { FetchStateByTimeframe } from '../../commonStateTypes/coaBalance/coaBalance';
+import { CustomDateRangeByTimeframe, FetchStateByTimeframe } from '../../commonStateTypes/coaBalance/coaBalance';
 import { ID } from '../../commonStateTypes/common';
 import { Report } from '../../commonStateTypes/viewAndReport/viewAndReport';
 export interface ProfitAndLossUIState {
@@ -11,6 +11,7 @@ export interface ProfitAndLossUIState {
 export interface ProfitAndLossState extends Report {
     fetchState: FetchStateByTimeframe;
     uiState: ProfitAndLossUIState;
+    customDateRangeByTimeframe?: CustomDateRangeByTimeframe;
     forecastId?: ID;
 }
 export interface ProfitAndLossWithForecastState {

package/lib/view/spendManagement/reimbursement/editRemiView/editRemiViewReducer.d.ts

@@ -69,7 +69,10 @@ export declare const fetchEditRemiDetailPage: import("@reduxjs/toolkit").ActionC
     reimbursementId?: ID;
 }, "editRemiView/currencyConversionValueSuccessOrFailure">, waitForRemiDetailThenInitializeLocalStore: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[reimbursementId: string], {
     reimbursementId: string;
-}, "editRemiView/waitForRemiDetailThenInitializeLocalStore", never, never>, waitForMerchantRecommendationFetchThenUpdateRecommendationInMerchant: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[lineId: string, reimbursementId?: string | undefined, merchantId?: string | undefined, merchantName?: string | undefined], {
+}, "editRemiView/waitForRemiDetailThenInitializeLocalStore", never, never>, initializeRemiToLocalStoreFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[reimbursementId: string, error?: ZeniAPIStatus<Record<string, unknown>> | undefined], {
+    reimbursementId: string;
+    error: ZeniAPIStatus<Record<string, unknown>> | undefined;
+}, "editRemiView/initializeRemiToLocalStoreFailure", never, never>, waitForMerchantRecommendationFetchThenUpdateRecommendationInMerchant: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[lineId: string, reimbursementId?: string | undefined, merchantId?: string | undefined, merchantName?: string | undefined], {
     lineId: string;
     reimbursementId: string | undefined;
     merchantId: string | undefined;
@@ -77,7 +80,9 @@ export declare const fetchEditRemiDetailPage: import("@reduxjs/toolkit").ActionC
 }, "editRemiView/waitForMerchantRecommendationFetchThenUpdateRecommendationInMerchant", never, never>, updateAddRemiAutoFields: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     addRemiAutoFields: Record<ID, AutoFields>;
     reimbursementId?: ID;
-}, "editRemiView/updateAddRemiAutoFields">, indicateReadyToInitializeRemiLocalStore: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"editRemiView/indicateReadyToInitializeRemiLocalStore">, updateUploadFetchState: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "editRemiView/updateAddRemiAutoFields">, indicateReadyToInitializeRemiLocalStore: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[reimbursementId: string], {
+    reimbursementId: string;
+}, "editRemiView/indicateReadyToInitializeRemiLocalStore", never, never>, updateUploadFetchState: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     fetchState: FetchState;
     reimbursementId?: ID;
 }, "editRemiView/updateUploadFetchState">, updateRecommendationInMerchant: import("@reduxjs/toolkit").ActionCreatorWithPayload<{

package/lib/view/spendManagement/reimbursement/editRemiView/editRemiViewReducer.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearAddRemiAutoFields = exports.clearTentativeMerchantName = exports.updateTentativeMerchantNames = exports.updateRecommendationInMerchant = exports.updateUploadFetchState = exports.indicateReadyToInitializeRemiLocalStore = exports.updateAddRemiAutoFields = exports.waitForMerchantRecommendationFetchThenUpdateRecommendationInMerchant = exports.waitForRemiDetailThenInitializeLocalStore = exports.currencyConversionValueSuccessOrFailure = exports.updateHomeCurrencyConversion = exports.updateReimbursementType = exports.fetchCurrencyConversionValue = exports.parseReceiptsToRemi = exports.saveRemiSuccessOrFailure = exports.saveRemiDetail = exports.removeFileFromRemiUpdatesInLocalStore = exports.discardRemiUpdatesInLocalStore = exports.updatesPaymentToInLocalStore = exports.saveRemiUpdatesToLocalStore = exports.fetchRecommendationsAndUpdateMerchantRecommendations = exports.initializeRemiToLocalStore = exports.fetchRemiAndInitializeLocalStore = exports.fetchEditRemiDetailPage = exports.initialState = void 0;
+exports.clearAddRemiAutoFields = exports.clearTentativeMerchantName = exports.updateTentativeMerchantNames = exports.updateRecommendationInMerchant = exports.updateUploadFetchState = exports.indicateReadyToInitializeRemiLocalStore = exports.updateAddRemiAutoFields = exports.waitForMerchantRecommendationFetchThenUpdateRecommendationInMerchant = exports.initializeRemiToLocalStoreFailure = exports.waitForRemiDetailThenInitializeLocalStore = exports.currencyConversionValueSuccessOrFailure = exports.updateHomeCurrencyConversion = exports.updateReimbursementType = exports.fetchCurrencyConversionValue = exports.parseReceiptsToRemi = exports.saveRemiSuccessOrFailure = exports.saveRemiDetail = exports.removeFileFromRemiUpdatesInLocalStore = exports.discardRemiUpdatesInLocalStore = exports.updatesPaymentToInLocalStore = exports.saveRemiUpdatesToLocalStore = exports.fetchRecommendationsAndUpdateMerchantRecommendations = exports.initializeRemiToLocalStore = exports.fetchRemiAndInitializeLocalStore = exports.fetchEditRemiDetailPage = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const amount_1 = require("../../../../commonStateTypes/amount");
 const rootActions_1 = require("../../../../rootActions");
@@ -34,8 +34,13 @@ const editRemiView = (0, toolkit_1.createSlice)({
                 };
             },
         },
-        indicateReadyToInitializeRemiLocalStore() {
-            // do nothing
+        indicateReadyToInitializeRemiLocalStore: {
+            reducer() {
+                // do nothing
+            },
+            prepare(reimbursementId) {
+                return { payload: { reimbursementId } };
+            },
         },
         fetchRecommendationsAndUpdateMerchantRecommendations: {
             reducer() {
@@ -141,6 +146,21 @@ const editRemiView = (0, toolkit_1.createSlice)({
                 return { payload: { reimbursementId } };
             },
         },
+        initializeRemiToLocalStoreFailure: {
+            reducer(draft, action) {
+                const { reimbursementId, error } = action.payload;
+                draft.editRemiStateById[reimbursementId] = {
+                    ...draft.editRemiStateById[reimbursementId],
+                    fetchStatus: {
+                        fetchState: 'Error',
+                        error,
+                    },
+                };
+            },
+            prepare(reimbursementId, error) {
+                return { payload: { reimbursementId, error } };
+            },
+        },
         saveRemiUpdatesToLocalStore(draft, action) {
             if (action.payload.reimbursementId != null) {
                 const reimbursementId = action.payload.reimbursementId;
@@ -391,7 +411,7 @@ const editRemiView = (0, toolkit_1.createSlice)({
         });
     },
 });
-_a = editRemiView.actions, exports.fetchEditRemiDetailPage = _a.fetchEditRemiDetailPage, exports.fetchRemiAndInitializeLocalStore = _a.fetchRemiAndInitializeLocalStore, exports.initializeRemiToLocalStore = _a.initializeRemiToLocalStore, exports.fetchRecommendationsAndUpdateMerchantRecommendations = _a.fetchRecommendationsAndUpdateMerchantRecommendations, exports.saveRemiUpdatesToLocalStore = _a.saveRemiUpdatesToLocalStore, exports.updatesPaymentToInLocalStore = _a.updatesPaymentToInLocalStore, exports.discardRemiUpdatesInLocalStore = _a.discardRemiUpdatesInLocalStore, exports.removeFileFromRemiUpdatesInLocalStore = _a.removeFileFromRemiUpdatesInLocalStore, exports.saveRemiDetail = _a.saveRemiDetail, exports.saveRemiSuccessOrFailure = _a.saveRemiSuccessOrFailure, exports.parseReceiptsToRemi = _a.parseReceiptsToRemi, exports.fetchCurrencyConversionValue = _a.fetchCurrencyConversionValue, exports.updateReimbursementType = _a.updateReimbursementType, exports.updateHomeCurrencyConversion = _a.updateHomeCurrencyConversion, exports.currencyConversionValueSuccessOrFailure = _a.currencyConversionValueSuccessOrFailure, exports.waitForRemiDetailThenInitializeLocalStore = _a.waitForRemiDetailThenInitializeLocalStore, exports.waitForMerchantRecommendationFetchThenUpdateRecommendationInMerchant = _a.waitForMerchantRecommendationFetchThenUpdateRecommendationInMerchant, exports.updateAddRemiAutoFields = _a.updateAddRemiAutoFields, exports.indicateReadyToInitializeRemiLocalStore = _a.indicateReadyToInitializeRemiLocalStore, exports.updateUploadFetchState = _a.updateUploadFetchState, exports.updateRecommendationInMerchant = _a.updateRecommendationInMerchant, exports.updateTentativeMerchantNames = _a.updateTentativeMerchantNames, exports.clearTentativeMerchantName = _a.clearTentativeMerchantName, exports.clearAddRemiAutoFields = _a.clearAddRemiAutoFields;
+_a = editRemiView.actions, exports.fetchEditRemiDetailPage = _a.fetchEditRemiDetailPage, exports.fetchRemiAndInitializeLocalStore = _a.fetchRemiAndInitializeLocalStore, exports.initializeRemiToLocalStore = _a.initializeRemiToLocalStore, exports.fetchRecommendationsAndUpdateMerchantRecommendations = _a.fetchRecommendationsAndUpdateMerchantRecommendations, exports.saveRemiUpdatesToLocalStore = _a.saveRemiUpdatesToLocalStore, exports.updatesPaymentToInLocalStore = _a.updatesPaymentToInLocalStore, exports.discardRemiUpdatesInLocalStore = _a.discardRemiUpdatesInLocalStore, exports.removeFileFromRemiUpdatesInLocalStore = _a.removeFileFromRemiUpdatesInLocalStore, exports.saveRemiDetail = _a.saveRemiDetail, exports.saveRemiSuccessOrFailure = _a.saveRemiSuccessOrFailure, exports.parseReceiptsToRemi = _a.parseReceiptsToRemi, exports.fetchCurrencyConversionValue = _a.fetchCurrencyConversionValue, exports.updateReimbursementType = _a.updateReimbursementType, exports.updateHomeCurrencyConversion = _a.updateHomeCurrencyConversion, exports.currencyConversionValueSuccessOrFailure = _a.currencyConversionValueSuccessOrFailure, exports.waitForRemiDetailThenInitializeLocalStore = _a.waitForRemiDetailThenInitializeLocalStore, exports.initializeRemiToLocalStoreFailure = _a.initializeRemiToLocalStoreFailure, exports.waitForMerchantRecommendationFetchThenUpdateRecommendationInMerchant = _a.waitForMerchantRecommendationFetchThenUpdateRecommendationInMerchant, exports.updateAddRemiAutoFields = _a.updateAddRemiAutoFields, exports.indicateReadyToInitializeRemiLocalStore = _a.indicateReadyToInitializeRemiLocalStore, exports.updateUploadFetchState = _a.updateUploadFetchState, exports.updateRecommendationInMerchant = _a.updateRecommendationInMerchant, exports.updateTentativeMerchantNames = _a.updateTentativeMerchantNames, exports.clearTentativeMerchantName = _a.clearTentativeMerchantName, exports.clearAddRemiAutoFields = _a.clearAddRemiAutoFields;
 exports.default = editRemiView.reducer;
 const doUpdateRecommendationForEntity = (draft, lineId, recommendations, shouldAutofill, reimbursementId, reimbursementStageCode) => {
     if (reimbursementId != null) {

package/lib/view/spendManagement/reimbursement/editRemiView/epics/fetchRemiAndInitializeLocalStoreEpic.d.ts

@@ -1,6 +1,9 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { clearAll } from '../../../../../rootActions';
 import { RootState } from '../../../../../rootStateTypes';
-import { fetchRemiDetail, updateRemiDetail } from '../../remiDetailView/remiDetailViewReducer';
-import { fetchRemiAndInitializeLocalStore, initializeRemiToLocalStore, waitForRemiDetailThenInitializeLocalStore } from '../editRemiViewReducer';
-export type ActionType = ReturnType<typeof waitForRemiDetailThenInitializeLocalStore> | ReturnType<typeof fetchRemiDetail> | ReturnType<typeof updateRemiDetail> | ReturnType<typeof initializeRemiToLocalStore> | ReturnType<typeof fetchRemiAndInitializeLocalStore>;
-export declare const fetchRemiAndInitializeLocalStoreEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => import("rxjs").Observable<ActionType>;
+import { fetchRemiDetail, updateRemiDetail, updateRemiDetailFetchState } from '../../remiDetailView/remiDetailViewReducer';
+import { fetchRemiAndInitializeLocalStore, indicateReadyToInitializeRemiLocalStore, initializeRemiToLocalStore, initializeRemiToLocalStoreFailure, waitForRemiDetailThenInitializeLocalStore } from '../editRemiViewReducer';
+export type ActionType = ReturnType<typeof waitForRemiDetailThenInitializeLocalStore> | ReturnType<typeof fetchRemiDetail> | ReturnType<typeof updateRemiDetail> | ReturnType<typeof updateRemiDetailFetchState> | ReturnType<typeof initializeRemiToLocalStore> | ReturnType<typeof fetchRemiAndInitializeLocalStore> | ReturnType<typeof indicateReadyToInitializeRemiLocalStore> | ReturnType<typeof initializeRemiToLocalStoreFailure> | ReturnType<typeof clearAll>;
+export declare const fetchRemiAndInitializeLocalStoreEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;
+export declare const waitForRemiDetailThenInitializeLocalStoreEpic: (actions$: ActionsObservable<ActionType>) => Observable<ActionType>;

package/lib/view/spendManagement/reimbursement/editRemiView/epics/fetchRemiAndInitializeLocalStoreEpic.js

@@ -3,10 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetchRemiAndInitializeLocalStoreEpic = void 0;
+exports.waitForRemiDetailThenInitializeLocalStoreEpic = exports.fetchRemiAndInitializeLocalStoreEpic = void 0;
 const get_1 = __importDefault(require("lodash/get"));
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
+const rootActions_1 = require("../../../../../rootActions");
 const remiDetailViewReducer_1 = require("../../remiDetailView/remiDetailViewReducer");
 const editRemiViewReducer_1 = require("../editRemiViewReducer");
 const fetchRemiAndInitializeLocalStoreEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(editRemiViewReducer_1.fetchRemiAndInitializeLocalStore.match), (0, operators_1.mergeMap)((action) => {
@@ -42,3 +43,16 @@ const fetchRemiAndInitializeLocalStoreEpic = (actions$, state$) => actions$.pipe
     return (0, rxjs_1.from)(remiDetailActions);
 }));
 exports.fetchRemiAndInitializeLocalStoreEpic = fetchRemiAndInitializeLocalStoreEpic;
+const waitForRemiDetailThenInitializeLocalStoreEpic = (actions$) => actions$.pipe((0, operators_1.filter)(editRemiViewReducer_1.waitForRemiDetailThenInitializeLocalStore.match), (0, operators_1.mergeMap)((action) => {
+    const { reimbursementId } = action.payload;
+    const ready$ = actions$.pipe((0, operators_1.filter)(editRemiViewReducer_1.indicateReadyToInitializeRemiLocalStore.match), (0, operators_1.filter)((readyAction) => readyAction.payload.reimbursementId === reimbursementId), (0, operators_1.take)(1), (0, operators_1.map)(() => (0, editRemiViewReducer_1.initializeRemiToLocalStore)(reimbursementId)));
+    const failed$ = actions$.pipe((0, operators_1.filter)(remiDetailViewReducer_1.updateRemiDetailFetchState.match), (0, operators_1.filter)((fetchStateAction) => fetchStateAction.payload.reimbursementId === reimbursementId &&
+        fetchStateAction.payload.fetchState === 'Error'), (0, operators_1.map)((fetchStateAction) => (0, editRemiViewReducer_1.initializeRemiToLocalStoreFailure)(reimbursementId, fetchStateAction.payload.error)));
+    const supersededOrCleared$ = actions$.pipe((0, operators_1.filter)((nextAction) => rootActions_1.clearAll.match(nextAction) ||
+        (editRemiViewReducer_1.waitForRemiDetailThenInitializeLocalStore.match(nextAction) &&
+            nextAction.payload.reimbursementId === reimbursementId)));
+    // An Error does not end the wait: a newer request for the same id may still succeed.
+    // After an Error, supersededOrCleared$ is what ends it.
+    return (0, rxjs_1.merge)(ready$, failed$).pipe((0, operators_1.takeWhile)((resultAction) => !editRemiViewReducer_1.initializeRemiToLocalStore.match(resultAction), true), (0, operators_1.takeUntil)(supersededOrCleared$));
+}));
+exports.waitForRemiDetailThenInitializeLocalStoreEpic = waitForRemiDetailThenInitializeLocalStoreEpic;

package/lib/view/spendManagement/reimbursement/remiDetailView/epics/fetchRemiDetailEpic.js

@@ -81,7 +81,7 @@ const fetchRemiDetailEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, ope
                         }));
                     }
                 });
-                actions.push((0, editRemiViewReducer_1.indicateReadyToInitializeRemiLocalStore)()); // add dummy action
+                actions.push((0, editRemiViewReducer_1.indicateReadyToInitializeRemiLocalStore)(reimbursementId));
                 if (response.data.transaction?.lines != null &&
                     response.data.transaction.lines.length > 0) {
                     actions.push((0, remiDetailViewReducer_1.fetchDuplicateReimbursement)(response.data.transaction.created_by_user_id, false, response.data.transaction.transaction_id));

package/lib/view/transactionList/filterTransactionsByTimePeriod.d.ts

@@ -0,0 +1,15 @@
+import { TimePeriod } from '../../commonStateTypes/timePeriod';
+import { ZeniDate } from '../../zeniDayJS';
+/**
+ * Transaction lists are fetched and cached in month buckets: `splitPeriod`
+ * snaps the first bucket back to the 1st of the month, while the last bucket
+ * is fetched with the real end date. So a period that starts mid-month (e.g. a
+ * drill-down from the custom-date-range column "Jun 17-30 2026") pulls in the
+ * days before its start. Drop those so the list reconciles to the clicked
+ * figure. Periods starting on the 1st (every pre-existing caller) are returned
+ * untouched. Compares calendar days as `YYYY-MM-DD` strings so the viewer's
+ * timezone can't shift the boundary.
+ */
+export declare const filterTransactionsByTimePeriod: <T extends {
+    date: ZeniDate;
+}>(transactions: T[], period: TimePeriod) => T[];

package/lib/view/transactionList/filterTransactionsByTimePeriod.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterTransactionsByTimePeriod = void 0;
+const timePeriod_1 = require("../../commonStateTypes/timePeriod");
+/**
+ * Transaction lists are fetched and cached in month buckets: `splitPeriod`
+ * snaps the first bucket back to the 1st of the month, while the last bucket
+ * is fetched with the real end date. So a period that starts mid-month (e.g. a
+ * drill-down from the custom-date-range column "Jun 17-30 2026") pulls in the
+ * days before its start. Drop those so the list reconciles to the clicked
+ * figure. Periods starting on the 1st (every pre-existing caller) are returned
+ * untouched. Compares calendar days as `YYYY-MM-DD` strings so the viewer's
+ * timezone can't shift the boundary.
+ */
+const filterTransactionsByTimePeriod = (transactions, period) => {
+    if (period.start.day === 1) {
+        return transactions;
+    }
+    const start = (0, timePeriod_1.toString)(period.start);
+    return transactions.filter((transaction) => transaction.date.format(timePeriod_1.DEFAULT_DATE_FORMAT) >= start);
+};
+exports.filterTransactionsByTimePeriod = filterTransactionsByTimePeriod;

package/lib/view/transactionList/transactionListByAccountSelector.js

@@ -8,6 +8,7 @@ const flatMap_1 = __importDefault(require("lodash/flatMap"));
 const get_1 = __importDefault(require("lodash/get"));
 const orderBy_1 = __importDefault(require("lodash/orderBy"));
 const transactionSelector_1 = require("../../entity/transaction/transactionSelector");
+const filterTransactionsByTimePeriod_1 = require("./filterTransactionsByTimePeriod");
 const parallelFetchAccountTransactionListEpic_1 = require("./parallelFetchAccountTransactionListEpic");
 const reduceTransactionListFetchState_1 = require("./reduceTransactionListFetchState");
 const transactionListState_1 = require("./transactionListState");
@@ -35,7 +36,7 @@ const getTransactionListByAccount = (transactionState, transactionListState, acc
             }
             return value != null;
         });
-        transactions = (0, orderBy_1.default)(transactionsUnsorted, (value) => value.date.valueOf(), 'desc');
+        transactions = (0, orderBy_1.default)((0, filterTransactionsByTimePeriod_1.filterTransactionsByTimePeriod)(transactionsUnsorted, filterByTimePeriod), (value) => value.date.valueOf(), 'desc');
     }
     const key = (0, transactionListState_1.getAcKey)(accountId, accountType);
     const uiState = (0, get_1.default)(transactionListState.byAccount.transactionListUIStateByAccountKey, key, {});

package/lib/view/transactionList/transactionListByCategoryTypeSelector.js

@@ -8,6 +8,7 @@ const flatMap_1 = __importDefault(require("lodash/flatMap"));
 const get_1 = __importDefault(require("lodash/get"));
 const orderBy_1 = __importDefault(require("lodash/orderBy"));
 const transactionSelector_1 = require("../../entity/transaction/transactionSelector");
+const filterTransactionsByTimePeriod_1 = require("./filterTransactionsByTimePeriod");
 const parallelFetchAccountTransactionListEpic_1 = require("./parallelFetchAccountTransactionListEpic");
 const reduceTransactionListFetchState_1 = require("./reduceTransactionListFetchState");
 const transactionListState_1 = require("./transactionListState");
@@ -32,7 +33,7 @@ const getTransactionsListByCategoryType = (transactionState, transactionListStat
             }
             return value != null;
         });
-        transactions = (0, orderBy_1.default)(transactionsUnsorted, (value) => value.date.valueOf(), 'desc');
+        transactions = (0, orderBy_1.default)((0, filterTransactionsByTimePeriod_1.filterTransactionsByTimePeriod)(transactionsUnsorted, filterByTimePeriod), (value) => value.date.valueOf(), 'desc');
     }
     const uiState = transactionListState.byType[transactionCategoryType].transactionListUIState;
     return {

package/lib/view/transactionList/transactionListByClassSelector.js

@@ -8,6 +8,7 @@ const flatMap_1 = __importDefault(require("lodash/flatMap"));
 const get_1 = __importDefault(require("lodash/get"));
 const orderBy_1 = __importDefault(require("lodash/orderBy"));
 const transactionSelector_1 = require("../../entity/transaction/transactionSelector");
+const filterTransactionsByTimePeriod_1 = require("./filterTransactionsByTimePeriod");
 const parallelFetchAccountTransactionListEpic_1 = require("./parallelFetchAccountTransactionListEpic");
 const reduceTransactionListFetchState_1 = require("./reduceTransactionListFetchState");
 const transactionListState_1 = require("./transactionListState");
@@ -35,7 +36,7 @@ const getTransactionListByClass = (transactionState, transactionListState, accou
             }
             return value != null;
         });
-        transactions = (0, orderBy_1.default)(transactionsUnsorted, (value) => value.date.valueOf(), 'desc');
+        transactions = (0, orderBy_1.default)((0, filterTransactionsByTimePeriod_1.filterTransactionsByTimePeriod)(transactionsUnsorted, filterByTimePeriod), (value) => value.date.valueOf(), 'desc');
     }
     const key = (0, transactionListState_1.getClassAcKey)(accountId, accountType, classId);
     const uiState = (0, get_1.default)(transactionListState.byClass.transactionListUIStateByClassKey, key, {});

package/lib/view/transactionList/transactionListByProjectSelector.js

@@ -8,6 +8,7 @@ const flatMap_1 = __importDefault(require("lodash/flatMap"));
 const get_1 = __importDefault(require("lodash/get"));
 const orderBy_1 = __importDefault(require("lodash/orderBy"));
 const transactionSelector_1 = require("../../entity/transaction/transactionSelector");
+const filterTransactionsByTimePeriod_1 = require("./filterTransactionsByTimePeriod");
 const parallelFetchAccountTransactionListEpic_1 = require("./parallelFetchAccountTransactionListEpic");
 const reduceTransactionListFetchState_1 = require("./reduceTransactionListFetchState");
 const transactionListState_1 = require("./transactionListState");
@@ -35,7 +36,7 @@ const getTransactionListByProject = (transactionState, transactionListState, acc
             }
             return value != null;
         });
-        transactions = (0, orderBy_1.default)(transactionsUnsorted, (value) => value.date.valueOf(), 'desc');
+        transactions = (0, orderBy_1.default)((0, filterTransactionsByTimePeriod_1.filterTransactionsByTimePeriod)(transactionsUnsorted, filterByTimePeriod), (value) => value.date.valueOf(), 'desc');
     }
     const key = (0, transactionListState_1.getProjectAcKey)(accountId, accountType, projectId);
     const uiState = (0, get_1.default)(transactionListState.byProject.transactionListUIStateByProjectKey, key, {});

package/package.json

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