@zeniai/client-epic-state 5.2.88 → 5.2.90-betaRD0

package/lib/entity/tenant/tenantPayload.d.ts

@@ -98,6 +98,7 @@ interface TenantPayload {
     master_tos_info?: MasterTOSInfoPayload;
     receipts_email?: string | null;
     reimbursement_info?: UserReimbursementInfoDataPayload;
+    unit_connected_account_application_id?: ID | null;
     zeni_book_close_date?: string;
     zeni_book_close_month_and_year?: string;
 }

package/lib/entity/tenant/tenantReducer.js

@@ -1025,6 +1025,7 @@ function mapTenantPayloadToTenant(payload, userTenantPayload) {
         hubSpotId: payload.hubspot_id ?? undefined,
         isOnboardingCompleted: true,
         qboRealmId: payload.qbo_realm_id,
+        unitConnectedAccountApplicationId: payload.unit_connected_account_application_id ?? undefined,
         isCustomerCreated: payload.is_customer_created,
         isEmailGroupCreated: payload.is_email_group_created,
         userReimbursementInfo: payload.reimbursement_info != null

package/lib/entity/tenant/tenantState.d.ts

@@ -113,6 +113,7 @@ export interface Tenant {
     masterTOSInfo?: MasterTOSInfo;
     receiptsEmail?: string;
     rewardsLastViewedTime?: ZeniDate;
+    unitConnectedAccountApplicationId?: ID;
     userReimbursementInfo?: UserReimbursementInfo;
     zeniBookCloseDate?: ZeniDate;
     zeniBookCloseMonthAndYear?: MonthYearPeriod;

package/lib/esm/entity/tenant/tenantReducer.js

@@ -1014,6 +1014,7 @@ function mapTenantPayloadToTenant(payload, userTenantPayload) {
         hubSpotId: payload.hubspot_id ?? undefined,
         isOnboardingCompleted: true,
         qboRealmId: payload.qbo_realm_id,
+        unitConnectedAccountApplicationId: payload.unit_connected_account_application_id ?? undefined,
         isCustomerCreated: payload.is_customer_created,
         isEmailGroupCreated: payload.is_email_group_created,
         userReimbursementInfo: payload.reimbursement_info != null

package/lib/esm/view/financeStatement/financeStatementCompareBalances.js

@@ -0,0 +1,23 @@
+import { stripCompareAdditionalBalanceTypes, } from '../../commonStateTypes/coaBalance/coaBalanceType';
+// Reports can show the $ and % change columns together, so every requested compare type is kept;
+// compareMode picks one only when none was requested.
+export function getFinanceStatementAdditionalBalances(requestedBalances, isCompareModeOn, compareBalanceFromMode) {
+    const otherBalances = stripCompareAdditionalBalanceTypes(requestedBalances);
+    if (!isCompareModeOn) {
+        return otherBalances;
+    }
+    const requestedCompareBalances = requestedBalances.filter((balance) => !otherBalances.includes(balance));
+    return [
+        ...otherBalances,
+        ...(requestedCompareBalances.length > 0
+            ? requestedCompareBalances
+            : [compareBalanceFromMode]),
+    ];
+}
+// The table has one change column with a $/% picker, so only the first selected compare type is
+// shown; the rest of the selection still reaches the download.
+export function getDisplayedAdditionalBalances(selectedBalances) {
+    const otherBalances = stripCompareAdditionalBalanceTypes(selectedBalances);
+    const displayedCompareBalance = selectedBalances.find((balance) => !otherBalances.includes(balance));
+    return selectedBalances.filter((balance) => otherBalances.includes(balance) || balance === displayedCompareBalance);
+}

package/lib/esm/view/financeStatement/financeStatementReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { stripCompareAdditionalBalanceTypes, } from '../../commonStateTypes/coaBalance/coaBalanceType';
 import { extractThisPeriod, getMatchingThisPeriod, } from '../../commonStateTypes/viewAndReport/thisPeriodHelpers';
 import { clearAll } from '../../rootActions';
 import { dateNow } from '../../zeniDayJS';
@@ -88,17 +89,11 @@ const financeStatement = createSlice({
         updateFinanceStatementAdditionalBalancesSelection(draft, action) {
             const { additionalBalances: additionalBalancesPayload, maxNumOfPeriodsToHighlight, } = action.payload;
             const additionalBalances = additionalBalancesPayload ?? [];
-            let tempAdditionalBalances = [...additionalBalances];
-            if (additionalBalances.includes('this_period_vs_last_period') ||
-                additionalBalances.includes('this_period_vs_last_period_percent')) {
-                const id = tempAdditionalBalances.findIndex((balance) => balance === 'this_period_vs_last_period' ||
-                    balance === 'this_period_vs_last_period_percent');
-                if (id > -1) {
-                    const balance = tempAdditionalBalances.splice(id, 1);
-                    tempAdditionalBalances = [...balance, ...tempAdditionalBalances];
-                }
-            }
-            draft.selectedAdditionalBalances = tempAdditionalBalances;
+            const otherBalances = stripCompareAdditionalBalanceTypes(additionalBalances);
+            draft.selectedAdditionalBalances = [
+                ...additionalBalances.filter((balance) => !otherBalances.includes(balance)),
+                ...otherBalances,
+            ];
             draft.maxNumOfPeriodsToHighlight = maxNumOfPeriodsToHighlight;
             draft.isAdditionalBalancesShown =
                 additionalBalances.length != 0 ? true : false;

package/lib/esm/view/financeStatement/financeStatementSelector.js

@@ -1,5 +1,5 @@
 import { createSelector } from '@reduxjs/toolkit';
-import { stripCompareAdditionalBalanceTypes } from '../../commonStateTypes/coaBalance/coaBalanceType';
+import { stripCompareAdditionalBalanceTypes, } from '../../commonStateTypes/coaBalance/coaBalanceType';
 import { newBalancesFilter, newBalancesFilterForDateRange, } from '../../commonStateTypes/coaBalance/coaBalancesFilter';
 import { newBalancesFilterClassesView } from '../../commonStateTypes/coaBalance/coaBalancesFilterClassesView';
 import { newBalancesFilterProjectView } from '../../commonStateTypes/coaBalance/coaBalancesFilterProjectView';
@@ -17,6 +17,17 @@ import { getProfitAndLossReport, } from '../profitAndLoss/profitAndLossSelector'
 import { getProfitAndLossClassesHorizontalView } from '../profitAndLossClassesView/profitAndLossClassesByClassHorizontalSelector';
 import { getProfitAndLossClassesView } from '../profitAndLossClassesView/profitAndLossClassesViewSelector';
 import { getProfitAndLossProjectView } from '../profitAndLossProjectView/profitAndLossProjectViewSelector';
+import { getDisplayedAdditionalBalances } from './financeStatementCompareBalances';
+/**
+ * Reports are built from the displayed columns, but their filter carries the full selection: the
+ * download and the Add Columns picker read it from there.
+ */
+function withSelectedAdditionalBalances(report, selectedAdditionalBalances) {
+    return {
+        ...report,
+        filter: { ...report.filter, additionalBalances: selectedAdditionalBalances },
+    };
+}
 function getDateRangeForFinanceReports(profitAndLossState, balanceSheetState, cashFlowState) {
     const datesSorted = [
         profitAndLossState.dataAvailable?.startDate,
@@ -71,7 +82,7 @@ export const getFinanceStatement = createSelector((state) => state.accountState,
     const additionalBalancesForFilter = useHorizontalClassesLayout
         ? stripCompareAdditionalBalanceTypes(rawAdditionalBalances)
         : rawAdditionalBalances;
-    const filter = newBalancesFilter(firstMonthOfFY, financeStatementState.timeframe, Math.min(getNumberOfPeriods(firstMonthOfFY, financeStatementState.timeframe, dataAvailable) ?? financeStatementState.selectedCOABalancesRange.numberOfPeriods, financeStatementState.selectedCOABalancesRange.numberOfPeriods), thisPeriod, 'ascending_date', additionalBalancesForFilter);
+    const filter = newBalancesFilter(firstMonthOfFY, financeStatementState.timeframe, Math.min(getNumberOfPeriods(firstMonthOfFY, financeStatementState.timeframe, dataAvailable) ?? financeStatementState.selectedCOABalancesRange.numberOfPeriods, financeStatementState.selectedCOABalancesRange.numberOfPeriods), thisPeriod, 'ascending_date', getDisplayedAdditionalBalances(additionalBalancesForFilter));
     const profitAndLossReport = getProfitAndLossReport(filter, undefined, accountState, accountGroupState, sectionAccountsViewState, profitAndLossState, forecastState);
     const classFilter = newBalancesFilterClassesView(filter.firstMonthOfFY, filter.timeframe, filter.balancesRange.numberOfPeriods, filter.balancesRange.thisPeriod, filter.balancesRange.orderBy, filter.additionalBalances, profitAndLossClassesViewState.uiState.classesToFilterOut);
     const profitAndLossByClassReport = getProfitAndLossClassesView(classFilter, accountState, classState, sectionsState, profitAndLossClassesViewState);
@@ -163,17 +174,17 @@ export const getFinanceStatement = createSelector((state) => state.accountState,
         reportFormat: financeStatementState.reportFormat,
         firstMonthOfFY,
         dataAvailable,
-        profitAndLossReport,
-        profitAndLossByClassReport,
-        profitAndLossByProjectReport,
+        profitAndLossReport: withSelectedAdditionalBalances(profitAndLossReport, additionalBalancesForFilter),
+        profitAndLossByClassReport: withSelectedAdditionalBalances(profitAndLossByClassReport, additionalBalancesForFilter),
+        profitAndLossByProjectReport: withSelectedAdditionalBalances(profitAndLossByProjectReport, additionalBalancesForFilter),
         profitAndLossByClassHorizontalReport,
-        balanceSheetReport,
-        balanceSheetByClassReport,
-        cashFlowByClassReport,
-        cashFlowByProjectReport,
-        balanceSheetByProjectReport,
-        cashFlowReport,
-        filter,
+        balanceSheetReport: withSelectedAdditionalBalances(balanceSheetReport, additionalBalancesForFilter),
+        balanceSheetByClassReport: withSelectedAdditionalBalances(balanceSheetByClassReport, additionalBalancesForFilter),
+        cashFlowByClassReport: withSelectedAdditionalBalances(cashFlowByClassReport, additionalBalancesForFilter),
+        cashFlowByProjectReport: withSelectedAdditionalBalances(cashFlowByProjectReport, additionalBalancesForFilter),
+        balanceSheetByProjectReport: withSelectedAdditionalBalances(balanceSheetByProjectReport, additionalBalancesForFilter),
+        cashFlowReport: withSelectedAdditionalBalances(cashFlowReport, additionalBalancesForFilter),
+        filter: { ...filter, additionalBalances: additionalBalancesForFilter },
         selectedReportId: financeStatementState.selectedReportId,
         downloadState: financeStatementState.downloadState,
         isCompareModeOn: useHorizontalClassesLayout

package/lib/esm/view/reportUIOptions/updateReportUIOptionCompareModeEpic.js

@@ -2,6 +2,7 @@ import { of } from 'rxjs';
 import { filter, switchMap } from 'rxjs/operators';
 import { updateCashInCashOutAdditionalBalancesSelection } from '../cashInCashOut/cashInCashOutReducer';
 import { updateCashPositionAdditionalBalancesSelection } from '../cashPosition/cashPositionReducer';
+import { getFinanceStatementAdditionalBalances } from '../financeStatement/financeStatementCompareBalances';
 import { updateFinanceStatementAdditionalBalancesSelection } from '../financeStatement/financeStatementReducer';
 import { getFinanceStatement } from '../financeStatement/financeStatementSelector';
 import { updateNetBurnOrIncomeAdditionalBalancesSelection } from '../netBurnOrIncome/netBurnOrIncomeReducer';
@@ -15,11 +16,7 @@ export const updateReportUIOptionIsCompareModeEpic = (actions$, state) => action
         ? 'this_period_vs_last_period_percent'
         : 'this_period_vs_last_period';
     const financeStatementState = getFinanceStatement(state.value);
-    const filteredFinanceAdditionalBalances = additionalBalances.filter((balance) => balance !== 'this_period_vs_last_period' &&
-        balance !== 'this_period_vs_last_period_percent');
-    const financeAdditionalBalances = isCompareModeOn
-        ? [...filteredFinanceAdditionalBalances, additionalBalance]
-        : filteredFinanceAdditionalBalances;
+    const financeAdditionalBalances = getFinanceStatementAdditionalBalances(additionalBalances, isCompareModeOn, additionalBalance);
     return of(updateNetBurnOrIncomeAdditionalBalancesSelection({
         isCompareModeOn,
         additionalBalances: isCompareModeOn ? [additionalBalance] : [],

package/lib/esm/view/reportUIOptions/updateReportUIOptionIsCompareModeOnEpic.js

@@ -2,6 +2,7 @@ import { from } from 'rxjs';
 import { filter, switchMap } from 'rxjs/operators';
 import { updateCashInCashOutAdditionalBalancesSelection } from '../cashInCashOut/cashInCashOutReducer';
 import { updateCashPositionAdditionalBalancesSelection } from '../cashPosition/cashPositionReducer';
+import { getFinanceStatementAdditionalBalances } from '../financeStatement/financeStatementCompareBalances';
 import { updateFinanceStatementAdditionalBalancesSelection } from '../financeStatement/financeStatementReducer';
 import { getFinanceStatement } from '../financeStatement/financeStatementSelector';
 import { updateNetBurnOrIncomeAdditionalBalancesSelection } from '../netBurnOrIncome/netBurnOrIncomeReducer';
@@ -10,19 +11,14 @@ import { updateRevenueAdditionalBalancesSelection } from '../revenue/revenueRedu
 import { toggleReportUIOptionForecastMode, updateReportUIOptionIsCompareModeOn, } from './reportUIOptionsReducer';
 export const updateReportUIOptionIsCompareModeOnEpic = (actions$, state) => actions$.pipe(filter(updateReportUIOptionIsCompareModeOn.match), switchMap((action) => {
     const { additionalBalances } = action.payload;
+    const compareBalanceFromMode = state.value.reportUIOptionsState.compareMode === 'compare_mode_percent'
+        ? 'this_period_vs_last_period_percent'
+        : 'this_period_vs_last_period';
     const additionalBalance = action.payload.isCompareModeOn
-        ? state.value.reportUIOptionsState.compareMode ===
-            'compare_mode_percent'
-            ? ['this_period_vs_last_period_percent']
-            : ['this_period_vs_last_period']
+        ? [compareBalanceFromMode]
         : [];
     const financeStatementState = getFinanceStatement(state.value);
-    const filteredFinanceAdditionalBalances = additionalBalances.filter((balance) => balance !== 'this_period_vs_last_period' &&
-        balance !== 'this_period_vs_last_period_percent');
-    const financeAdditionalBalances = [
-        ...filteredFinanceAdditionalBalances,
-        ...additionalBalance,
-    ];
+    const financeAdditionalBalances = getFinanceStatementAdditionalBalances(additionalBalances, action.payload.isCompareModeOn, compareBalanceFromMode);
     const actions = [
         updateNetBurnOrIncomeAdditionalBalancesSelection({
             isCompareModeOn: action.payload.isCompareModeOn,

package/lib/view/financeStatement/financeStatementCompareBalances.d.ts

@@ -0,0 +1,3 @@
+import { COABalanceType } from '../../commonStateTypes/coaBalance/coaBalanceType';
+export declare function getFinanceStatementAdditionalBalances(requestedBalances: COABalanceType[], isCompareModeOn: boolean, compareBalanceFromMode: COABalanceType): COABalanceType[];
+export declare function getDisplayedAdditionalBalances(selectedBalances: COABalanceType[]): COABalanceType[];

package/lib/view/financeStatement/financeStatementCompareBalances.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFinanceStatementAdditionalBalances = getFinanceStatementAdditionalBalances;
+exports.getDisplayedAdditionalBalances = getDisplayedAdditionalBalances;
+const coaBalanceType_1 = require("../../commonStateTypes/coaBalance/coaBalanceType");
+// Reports can show the $ and % change columns together, so every requested compare type is kept;
+// compareMode picks one only when none was requested.
+function getFinanceStatementAdditionalBalances(requestedBalances, isCompareModeOn, compareBalanceFromMode) {
+    const otherBalances = (0, coaBalanceType_1.stripCompareAdditionalBalanceTypes)(requestedBalances);
+    if (!isCompareModeOn) {
+        return otherBalances;
+    }
+    const requestedCompareBalances = requestedBalances.filter((balance) => !otherBalances.includes(balance));
+    return [
+        ...otherBalances,
+        ...(requestedCompareBalances.length > 0
+            ? requestedCompareBalances
+            : [compareBalanceFromMode]),
+    ];
+}
+// The table has one change column with a $/% picker, so only the first selected compare type is
+// shown; the rest of the selection still reaches the download.
+function getDisplayedAdditionalBalances(selectedBalances) {
+    const otherBalances = (0, coaBalanceType_1.stripCompareAdditionalBalanceTypes)(selectedBalances);
+    const displayedCompareBalance = selectedBalances.find((balance) => !otherBalances.includes(balance));
+    return selectedBalances.filter((balance) => otherBalances.includes(balance) || balance === displayedCompareBalance);
+}

package/lib/view/financeStatement/financeStatementReducer.js

@@ -3,6 +3,7 @@ var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateFinanceStatementFormat = exports.updateFinanceStatementDisplayOrder = exports.updateDownloadState = exports.updateFinanceStatementAdditionalBalancesSelection = exports.updateSelectedReportId = exports.updateCOABalancesRange = exports.updateFinanceStatementThisPeriod = exports.updateFinanceStatementTimeframe = exports.fetchFinanceStatement = exports.initialFinanceStatementState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
+const coaBalanceType_1 = require("../../commonStateTypes/coaBalance/coaBalanceType");
 const thisPeriodHelpers_1 = require("../../commonStateTypes/viewAndReport/thisPeriodHelpers");
 const rootActions_1 = require("../../rootActions");
 const zeniDayJS_1 = require("../../zeniDayJS");
@@ -92,17 +93,11 @@ const financeStatement = (0, toolkit_1.createSlice)({
         updateFinanceStatementAdditionalBalancesSelection(draft, action) {
             const { additionalBalances: additionalBalancesPayload, maxNumOfPeriodsToHighlight, } = action.payload;
             const additionalBalances = additionalBalancesPayload ?? [];
-            let tempAdditionalBalances = [...additionalBalances];
-            if (additionalBalances.includes('this_period_vs_last_period') ||
-                additionalBalances.includes('this_period_vs_last_period_percent')) {
-                const id = tempAdditionalBalances.findIndex((balance) => balance === 'this_period_vs_last_period' ||
-                    balance === 'this_period_vs_last_period_percent');
-                if (id > -1) {
-                    const balance = tempAdditionalBalances.splice(id, 1);
-                    tempAdditionalBalances = [...balance, ...tempAdditionalBalances];
-                }
-            }
-            draft.selectedAdditionalBalances = tempAdditionalBalances;
+            const otherBalances = (0, coaBalanceType_1.stripCompareAdditionalBalanceTypes)(additionalBalances);
+            draft.selectedAdditionalBalances = [
+                ...additionalBalances.filter((balance) => !otherBalances.includes(balance)),
+                ...otherBalances,
+            ];
             draft.maxNumOfPeriodsToHighlight = maxNumOfPeriodsToHighlight;
             draft.isAdditionalBalancesShown =
                 additionalBalances.length != 0 ? true : false;

package/lib/view/financeStatement/financeStatementSelector.js

@@ -20,6 +20,17 @@ const profitAndLossSelector_1 = require("../profitAndLoss/profitAndLossSelector"
 const profitAndLossClassesByClassHorizontalSelector_1 = require("../profitAndLossClassesView/profitAndLossClassesByClassHorizontalSelector");
 const profitAndLossClassesViewSelector_1 = require("../profitAndLossClassesView/profitAndLossClassesViewSelector");
 const profitAndLossProjectViewSelector_1 = require("../profitAndLossProjectView/profitAndLossProjectViewSelector");
+const financeStatementCompareBalances_1 = require("./financeStatementCompareBalances");
+/**
+ * Reports are built from the displayed columns, but their filter carries the full selection: the
+ * download and the Add Columns picker read it from there.
+ */
+function withSelectedAdditionalBalances(report, selectedAdditionalBalances) {
+    return {
+        ...report,
+        filter: { ...report.filter, additionalBalances: selectedAdditionalBalances },
+    };
+}
 function getDateRangeForFinanceReports(profitAndLossState, balanceSheetState, cashFlowState) {
     const datesSorted = [
         profitAndLossState.dataAvailable?.startDate,
@@ -74,7 +85,7 @@ exports.getFinanceStatement = (0, toolkit_1.createSelector)((state) => state.acc
     const additionalBalancesForFilter = useHorizontalClassesLayout
         ? (0, coaBalanceType_1.stripCompareAdditionalBalanceTypes)(rawAdditionalBalances)
         : rawAdditionalBalances;
-    const filter = (0, coaBalancesFilter_1.newBalancesFilter)(firstMonthOfFY, financeStatementState.timeframe, Math.min((0, dataAvailable_1.getNumberOfPeriods)(firstMonthOfFY, financeStatementState.timeframe, dataAvailable) ?? financeStatementState.selectedCOABalancesRange.numberOfPeriods, financeStatementState.selectedCOABalancesRange.numberOfPeriods), thisPeriod, 'ascending_date', additionalBalancesForFilter);
+    const filter = (0, coaBalancesFilter_1.newBalancesFilter)(firstMonthOfFY, financeStatementState.timeframe, Math.min((0, dataAvailable_1.getNumberOfPeriods)(firstMonthOfFY, financeStatementState.timeframe, dataAvailable) ?? financeStatementState.selectedCOABalancesRange.numberOfPeriods, financeStatementState.selectedCOABalancesRange.numberOfPeriods), thisPeriod, 'ascending_date', (0, financeStatementCompareBalances_1.getDisplayedAdditionalBalances)(additionalBalancesForFilter));
     const profitAndLossReport = (0, profitAndLossSelector_1.getProfitAndLossReport)(filter, undefined, accountState, accountGroupState, sectionAccountsViewState, profitAndLossState, forecastState);
     const classFilter = (0, coaBalancesFilterClassesView_1.newBalancesFilterClassesView)(filter.firstMonthOfFY, filter.timeframe, filter.balancesRange.numberOfPeriods, filter.balancesRange.thisPeriod, filter.balancesRange.orderBy, filter.additionalBalances, profitAndLossClassesViewState.uiState.classesToFilterOut);
     const profitAndLossByClassReport = (0, profitAndLossClassesViewSelector_1.getProfitAndLossClassesView)(classFilter, accountState, classState, sectionsState, profitAndLossClassesViewState);
@@ -166,17 +177,17 @@ exports.getFinanceStatement = (0, toolkit_1.createSelector)((state) => state.acc
         reportFormat: financeStatementState.reportFormat,
         firstMonthOfFY,
         dataAvailable,
-        profitAndLossReport,
-        profitAndLossByClassReport,
-        profitAndLossByProjectReport,
+        profitAndLossReport: withSelectedAdditionalBalances(profitAndLossReport, additionalBalancesForFilter),
+        profitAndLossByClassReport: withSelectedAdditionalBalances(profitAndLossByClassReport, additionalBalancesForFilter),
+        profitAndLossByProjectReport: withSelectedAdditionalBalances(profitAndLossByProjectReport, additionalBalancesForFilter),
         profitAndLossByClassHorizontalReport,
-        balanceSheetReport,
-        balanceSheetByClassReport,
-        cashFlowByClassReport,
-        cashFlowByProjectReport,
-        balanceSheetByProjectReport,
-        cashFlowReport,
-        filter,
+        balanceSheetReport: withSelectedAdditionalBalances(balanceSheetReport, additionalBalancesForFilter),
+        balanceSheetByClassReport: withSelectedAdditionalBalances(balanceSheetByClassReport, additionalBalancesForFilter),
+        cashFlowByClassReport: withSelectedAdditionalBalances(cashFlowByClassReport, additionalBalancesForFilter),
+        cashFlowByProjectReport: withSelectedAdditionalBalances(cashFlowByProjectReport, additionalBalancesForFilter),
+        balanceSheetByProjectReport: withSelectedAdditionalBalances(balanceSheetByProjectReport, additionalBalancesForFilter),
+        cashFlowReport: withSelectedAdditionalBalances(cashFlowReport, additionalBalancesForFilter),
+        filter: { ...filter, additionalBalances: additionalBalancesForFilter },
         selectedReportId: financeStatementState.selectedReportId,
         downloadState: financeStatementState.downloadState,
         isCompareModeOn: useHorizontalClassesLayout

package/lib/view/reportUIOptions/updateReportUIOptionCompareModeEpic.js

@@ -5,6 +5,7 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const cashInCashOutReducer_1 = require("../cashInCashOut/cashInCashOutReducer");
 const cashPositionReducer_1 = require("../cashPosition/cashPositionReducer");
+const financeStatementCompareBalances_1 = require("../financeStatement/financeStatementCompareBalances");
 const financeStatementReducer_1 = require("../financeStatement/financeStatementReducer");
 const financeStatementSelector_1 = require("../financeStatement/financeStatementSelector");
 const netBurnOrIncomeReducer_1 = require("../netBurnOrIncome/netBurnOrIncomeReducer");
@@ -18,11 +19,7 @@ const updateReportUIOptionIsCompareModeEpic = (actions$, state) => actions$.pipe
         ? 'this_period_vs_last_period_percent'
         : 'this_period_vs_last_period';
     const financeStatementState = (0, financeStatementSelector_1.getFinanceStatement)(state.value);
-    const filteredFinanceAdditionalBalances = additionalBalances.filter((balance) => balance !== 'this_period_vs_last_period' &&
-        balance !== 'this_period_vs_last_period_percent');
-    const financeAdditionalBalances = isCompareModeOn
-        ? [...filteredFinanceAdditionalBalances, additionalBalance]
-        : filteredFinanceAdditionalBalances;
+    const financeAdditionalBalances = (0, financeStatementCompareBalances_1.getFinanceStatementAdditionalBalances)(additionalBalances, isCompareModeOn, additionalBalance);
     return (0, rxjs_1.of)((0, netBurnOrIncomeReducer_1.updateNetBurnOrIncomeAdditionalBalancesSelection)({
         isCompareModeOn,
         additionalBalances: isCompareModeOn ? [additionalBalance] : [],

package/lib/view/reportUIOptions/updateReportUIOptionIsCompareModeOnEpic.js

@@ -5,6 +5,7 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const cashInCashOutReducer_1 = require("../cashInCashOut/cashInCashOutReducer");
 const cashPositionReducer_1 = require("../cashPosition/cashPositionReducer");
+const financeStatementCompareBalances_1 = require("../financeStatement/financeStatementCompareBalances");
 const financeStatementReducer_1 = require("../financeStatement/financeStatementReducer");
 const financeStatementSelector_1 = require("../financeStatement/financeStatementSelector");
 const netBurnOrIncomeReducer_1 = require("../netBurnOrIncome/netBurnOrIncomeReducer");
@@ -13,19 +14,14 @@ const revenueReducer_1 = require("../revenue/revenueReducer");
 const reportUIOptionsReducer_1 = require("./reportUIOptionsReducer");
 const updateReportUIOptionIsCompareModeOnEpic = (actions$, state) => actions$.pipe((0, operators_1.filter)(reportUIOptionsReducer_1.updateReportUIOptionIsCompareModeOn.match), (0, operators_1.switchMap)((action) => {
     const { additionalBalances } = action.payload;
+    const compareBalanceFromMode = state.value.reportUIOptionsState.compareMode === 'compare_mode_percent'
+        ? 'this_period_vs_last_period_percent'
+        : 'this_period_vs_last_period';
     const additionalBalance = action.payload.isCompareModeOn
-        ? state.value.reportUIOptionsState.compareMode ===
-            'compare_mode_percent'
-            ? ['this_period_vs_last_period_percent']
-            : ['this_period_vs_last_period']
+        ? [compareBalanceFromMode]
         : [];
     const financeStatementState = (0, financeStatementSelector_1.getFinanceStatement)(state.value);
-    const filteredFinanceAdditionalBalances = additionalBalances.filter((balance) => balance !== 'this_period_vs_last_period' &&
-        balance !== 'this_period_vs_last_period_percent');
-    const financeAdditionalBalances = [
-        ...filteredFinanceAdditionalBalances,
-        ...additionalBalance,
-    ];
+    const financeAdditionalBalances = (0, financeStatementCompareBalances_1.getFinanceStatementAdditionalBalances)(additionalBalances, action.payload.isCompareModeOn, compareBalanceFromMode);
     const actions = [
         (0, netBurnOrIncomeReducer_1.updateNetBurnOrIncomeAdditionalBalancesSelection)({
             isCompareModeOn: action.payload.isCompareModeOn,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "5.2.88",
+  "version": "5.2.90-betaRD0",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",
@@ -53,6 +53,31 @@
     "url": "https://github.com/zeni-ai/client-epic-state/issues"
   },
   "homepage": "https://github.com/zeni-ai/client-epic-state#readme",
+  "devDependencies": {
+    "@eslint/js": "^9.24.0",
+    "@liveblocks/client": "^2.23.0",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
+    "@types/big.js": "^6.2.2",
+    "@types/lodash": "^4.17.23",
+    "@types/node": "^20.19.0",
+    "@types/url-parse": "^1.4.11",
+    "@typescript-eslint/eslint-plugin": "^8.56.0",
+    "@typescript-eslint/parser": "^8.56.0",
+    "concurrently": "^9.1.2",
+    "eslint": "^9.24.0",
+    "eslint-config-prettier": "^10.0.2",
+    "eslint-plugin-perfectionist": "^4.15.0",
+    "eslint-plugin-unused-imports": "^4.1.4",
+    "globals": "^16.0.0",
+    "knip": "^6.21.0",
+    "madge": "^8.0.0",
+    "prettier": "^3.5.3",
+    "rimraf": "^6.0.1",
+    "semver": "^7.7.1",
+    "typescript": "^5.7.3",
+    "vite": "^7.3.5",
+    "vitest": "^4.1.11"
+  },
   "dependencies": {
     "@redux-devtools/extension": "^3.3.0",
     "@reduxjs/toolkit": "^1.6.2",