@zeniai/client-epic-state 4.19.97 → 4.19.99-beta0ND

package/lib/view/expenseAutomationView/types/missingReceiptsViewState.d.ts

@@ -12,7 +12,149 @@ export interface MissingReceiptsViewUIState {
     sortKey: MissingReceiptsSortKey;
     sortOrder: SortOrder;
 }
+/**
+ * Minimum trimmed query length before manual-match search calls the expense-automation API.
+ * Kept in sync with `ManualSearchInput` in web-components (fires search only when length ≥ this).
+ */
+export declare const MIN_MANUAL_TRANSACTION_SEARCH_LENGTH = 2;
+export declare const toBatchStatusValue: (v: string) => "pending" | "processing" | "completed";
+export type BatchStatusValue = ReturnType<typeof toBatchStatusValue>;
+/** Canonical batch file statuses (API ingress may use aliases; see `parseBatchFileStatus`). */
+export declare const BATCH_FILE_STATUSES: readonly ["exact_match", "possible_matches", "no_match", "failed"];
+export declare const toBatchFileStatus: (v: string) => "failed" | "exact_match" | "possible_matches" | "no_match";
+export type BatchFileStatus = ReturnType<typeof toBatchFileStatus>;
+/** True for files that belong in the Unmatched tab (possible matches or no match). */
+export declare function isUnmatchedTabFileStatus(status: BatchFileStatus): boolean;
+export declare const toBulkUploadPhase: (v: string) => "completed" | "idle" | "uploading" | "matching";
+export type BulkUploadPhase = ReturnType<typeof toBulkUploadPhase>;
+export declare const toBulkUploadResultsTab: (v: string) => "completed" | "unmatched";
+export type BulkUploadResultsTab = ReturnType<typeof toBulkUploadResultsTab>;
+export declare const toMissingReceiptsTab: (v: string) => "completed" | "unmatched" | "missing";
+export type MissingReceiptsTab = ReturnType<typeof toMissingReceiptsTab>;
+export declare const toCompletedSubTab: (v: string) => "all" | "manual" | "ai_accountant";
+export type CompletedSubTab = ReturnType<typeof toCompletedSubTab>;
+export declare const toMatchSource: (v: string) => "manual" | "ai";
+export type MatchSource = ReturnType<typeof toMatchSource>;
+export declare const toBulkUploadSortKey: (v: string) => "date" | "amount" | "vendor" | "category" | "class";
+export type BulkUploadSortKey = ReturnType<typeof toBulkUploadSortKey>;
+export interface CandidateRef {
+    matchScore: number;
+    transactionId: ID;
+}
+export interface MatchCandidate {
+    amount: number;
+    currencyCode: string;
+    matchScore: number;
+    transactionDate: string;
+    transactionId: ID;
+    transactionType: string;
+    vendorName: string;
+    vendorLogo?: string;
+}
+export interface BatchFile {
+    attachmentId: ID;
+    fileDownloadUrl: string | null;
+    fileId: ID;
+    filename: string;
+    filePreviewUrl: string | null;
+    status: BatchFileStatus;
+    candidates?: CandidateRef[];
+    matchedTransactionId?: ID;
+    matchSource?: MatchSource;
+}
+export interface BatchSummary {
+    failed: number;
+    matched: number;
+    noMatch: number;
+    possibleMatches: number;
+    total: number;
+}
+export interface BatchStatus {
+    batchId: ID;
+    progress: {
+        processed: number;
+        total: number;
+    };
+    status: BatchStatusValue;
+}
+export interface BatchDetails {
+    batchId: ID;
+    createdAt: string;
+    files: BatchFile[];
+    status: BatchStatusValue;
+    summary: BatchSummary;
+}
+export interface BatchListItem {
+    batchId: ID;
+    createdAt: string;
+    failedCount: number;
+    matchedCount: number;
+    noMatchCount: number;
+    possibleMatchesCount: number;
+    status: string;
+    totalFiles: number;
+}
+export interface ManualSearchResult {
+    amount: number;
+    currencyCode: string;
+    entityId: string;
+    memo: string;
+    transactionDate: string;
+    transactionId: ID;
+    transactionType: string;
+    vendorName: string;
+    /** Present when API/merged transaction state supplies a logo URL. */
+    vendorLogo?: string;
+}
+export interface ManualSearchState {
+    fetchState: FetchStateAndError;
+    /** True while appending the next page (initial search uses fetchState only). */
+    isLoadingMore: boolean;
+    nextPageToken: string | null;
+    pageSize: number;
+    results: ManualSearchResult[];
+    searchQuery: string;
+    totalCount: number;
+}
+/** Same union as {@link CompletedSubTab} — used for completed-transactions API `match_type`. */
+export type CompletedTransactionsMatchType = CompletedSubTab;
+export interface CompletedTransactionsState {
+    fetchState: FetchStateAndError;
+    nextPageToken: string | null;
+    totalCount: number;
+    transactionIds: ID[];
+}
+export interface BulkUploadState {
+    batchDetailsById: Record<ID, BatchDetails>;
+    batchDetailsPaginationState: FetchStateAndError;
+    batchListByPeriod: Record<MonthYearPeriodId, BatchListItem[]>;
+    batchListFetchState: FetchStateAndError;
+    batchStatusById: Record<ID, BatchStatus>;
+    completedSubTab: CompletedSubTab;
+    completedTransactionsByPeriod: Record<string, CompletedTransactionsState>;
+    confirmMatchStatus: FetchStateAndError;
+    currentResultsTab: BulkUploadResultsTab;
+    failedBatchDetailIds: ID[];
+    /**
+     * Incremented when manual search Redux state is cleared so Unmatched `ManualSearchInput`
+     * instances remount and drop local query text.
+     */
+    manualSearch: ManualSearchState;
+    manualSearchUiResetKey: number;
+    phase: BulkUploadPhase;
+    sortKey: BulkUploadSortKey;
+    sortOrder: SortOrder;
+    uploadProgress: number;
+    uploadStatus: FetchStateAndError;
+    currentBatchId?: ID;
+}
 export interface MissingReceiptsViewState extends FetchedState {
+    bulkUpload: BulkUploadState;
+    /**
+     * When set, the app shell should switch the Missing Receipts sub-tab (e.g. to Unmatched)
+     * once, then clear via `clearMissingReceiptsTabNavigation`.
+     */
+    pendingMissingReceiptsTabNavigation: BulkUploadResultsTab | null;
     refreshStatus: FetchStateAndError;
     transactionIdsBySelectedPeriod: Record<MonthYearPeriodId, ID[]>;
     uiState: MissingReceiptsViewUIState;

package/lib/view/expenseAutomationView/types/missingReceiptsViewState.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toMissingReceiptsSortKey = void 0;
+exports.toBulkUploadSortKey = exports.toMatchSource = exports.toCompletedSubTab = exports.toMissingReceiptsTab = exports.toBulkUploadResultsTab = exports.toBulkUploadPhase = exports.toBatchFileStatus = exports.BATCH_FILE_STATUSES = exports.toBatchStatusValue = exports.MIN_MANUAL_TRANSACTION_SEARCH_LENGTH = exports.toMissingReceiptsSortKey = void 0;
+exports.isUnmatchedTabFileStatus = isUnmatchedTabFileStatus;
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 const MISSING_RECEIPTS_SORT_KEYS = [
     'vendor',
@@ -11,3 +12,55 @@ const MISSING_RECEIPTS_SORT_KEYS = [
 ];
 const toMissingReceiptsSortKey = (v) => (0, stringToUnion_1.stringToUnion)(v, MISSING_RECEIPTS_SORT_KEYS);
 exports.toMissingReceiptsSortKey = toMissingReceiptsSortKey;
+// -- Bulk Receipt Upload Types --
+/**
+ * Minimum trimmed query length before manual-match search calls the expense-automation API.
+ * Kept in sync with `ManualSearchInput` in web-components (fires search only when length ≥ this).
+ */
+exports.MIN_MANUAL_TRANSACTION_SEARCH_LENGTH = 2;
+const BATCH_STATUS_VALUES = ['pending', 'processing', 'completed'];
+const toBatchStatusValue = (v) => (0, stringToUnion_1.stringToUnion)(v.trim().toLowerCase(), BATCH_STATUS_VALUES);
+exports.toBatchStatusValue = toBatchStatusValue;
+/** Canonical batch file statuses (API ingress may use aliases; see `parseBatchFileStatus`). */
+exports.BATCH_FILE_STATUSES = [
+    'exact_match',
+    'possible_matches',
+    'no_match',
+    'failed',
+];
+const toBatchFileStatus = (v) => (0, stringToUnion_1.stringToUnion)(v.trim().toLowerCase().replace(/-/g, '_'), exports.BATCH_FILE_STATUSES);
+exports.toBatchFileStatus = toBatchFileStatus;
+const UNMATCHED_TAB_FILE_STATUSES = ['possible_matches', 'no_match'];
+/** True for files that belong in the Unmatched tab (possible matches or no match). */
+function isUnmatchedTabFileStatus(status) {
+    return UNMATCHED_TAB_FILE_STATUSES.includes(status);
+}
+const BULK_UPLOAD_PHASES = [
+    'idle',
+    'uploading',
+    'matching',
+    'completed',
+];
+const toBulkUploadPhase = (v) => (0, stringToUnion_1.stringToUnion)(v.trim().toLowerCase(), BULK_UPLOAD_PHASES);
+exports.toBulkUploadPhase = toBulkUploadPhase;
+const BULK_UPLOAD_RESULTS_TABS = ['completed', 'unmatched'];
+const toBulkUploadResultsTab = (v) => (0, stringToUnion_1.stringToUnion)(v.trim().toLowerCase(), BULK_UPLOAD_RESULTS_TABS);
+exports.toBulkUploadResultsTab = toBulkUploadResultsTab;
+const MISSING_RECEIPTS_TABS = ['missing', 'completed', 'unmatched'];
+const toMissingReceiptsTab = (v) => (0, stringToUnion_1.stringToUnion)(v.trim().toLowerCase(), MISSING_RECEIPTS_TABS);
+exports.toMissingReceiptsTab = toMissingReceiptsTab;
+const COMPLETED_SUB_TABS = ['all', 'ai_accountant', 'manual'];
+const toCompletedSubTab = (v) => (0, stringToUnion_1.stringToUnion)(v.trim().toLowerCase(), COMPLETED_SUB_TABS);
+exports.toCompletedSubTab = toCompletedSubTab;
+const MATCH_SOURCES = ['ai', 'manual'];
+const toMatchSource = (v) => (0, stringToUnion_1.stringToUnion)(v.trim().toLowerCase(), MATCH_SOURCES);
+exports.toMatchSource = toMatchSource;
+const BULK_UPLOAD_SORT_KEYS = [
+    'amount',
+    'category',
+    'class',
+    'date',
+    'vendor',
+];
+const toBulkUploadSortKey = (v) => (0, stringToUnion_1.stringToUnion)(v.trim().toLowerCase(), BULK_UPLOAD_SORT_KEYS);
+exports.toBulkUploadSortKey = toBulkUploadSortKey;

package/lib/view/expenseAutomationView/types/transactionsViewState.d.ts

@@ -15,7 +15,7 @@ import { VendorBase } from '../../../entity/vendor/vendorState';
 import { ZeniDate } from '../../../zeniDayJS';
 import { EntityRecommendationKey } from '../../recommendation/recommendationState';
 import { TransactionDetailKey } from '../../transactionDetail/transactionDetailState';
-export declare const toTransactionsSortKey: (v: string) => "date" | "amount" | "vendor" | "category" | "class" | "memo" | "transaction_type";
+export declare const toTransactionsSortKey: (v: string) => "date" | "amount" | "vendor" | "category" | "class" | "payment_account" | "transaction_type" | "memo_and_receipt";
 export type TransactionsSortKey = ReturnType<typeof toTransactionsSortKey>;
 export declare const TRANSACTIONS_TABS: readonly ["review", "autoCategorized"];
 export declare const toTransactionsTabKey: (v: string) => "review" | "autoCategorized";
@@ -97,6 +97,7 @@ export interface TransactionsTabViewState extends FetchedState {
     transactionIdsWithUnsavedData: ID[];
     transactionReviewLocalDataById: Record<ID | TransactionDetailKey, SupportedTransactionCategorization>;
     uiState: TransactionsViewUIState;
+    uploadReceiptStatusById: Record<ID, FetchStateAndError>;
     selectedTransactionId?: ID;
     selectedTransactionLineId?: ID;
 }

package/lib/view/expenseAutomationView/types/transactionsViewState.js

@@ -7,10 +7,11 @@ const TRANSACTIONS_SORT_KEYS = [
     'vendor',
     'amount',
     'transaction_type',
+    'payment_account',
     'date',
     'category',
     'class',
-    'memo',
+    'memo_and_receipt',
 ];
 const toTransactionsSortKey = (v) => (0, stringToUnion_1.stringToUnion)(v, TRANSACTIONS_SORT_KEYS);
 exports.toTransactionsSortKey = toTransactionsSortKey;

package/lib/view/financeStatement/financeStatementReducer.js

@@ -48,19 +48,20 @@ const financeStatement = (0, toolkit_1.createSlice)({
         updateFinanceStatementThisPeriod(draft, action) {
             const { firstMonthOfFY, coaBalances, maxNumOfPeriodsToHighlight } = action.payload;
             const { timeframe, selectedCOABalancesRange } = draft;
-            if (coaBalances.length > 0) {
-                const prevThisPeriod = (0, thisPeriodHelpers_1.extractThisPeriod)(action.payload.firstMonthOfFY, timeframe, selectedCOABalancesRange, coaBalances);
+            const safeCoaBalances = coaBalances != null ? coaBalances : [];
+            if (safeCoaBalances.length > 0) {
+                const prevThisPeriod = (0, thisPeriodHelpers_1.extractThisPeriod)(action.payload.firstMonthOfFY, timeframe, selectedCOABalancesRange, safeCoaBalances);
                 if (prevThisPeriod != null) {
                     const selectedCoaBalancesRangeWithThisPeriod = {
                         ...selectedCOABalancesRange,
                         thisPeriod: prevThisPeriod,
                     };
-                    const newThisPeriod = (0, thisPeriodHelpers_1.getMatchingThisPeriod)(action.payload.firstMonthOfFY, timeframe, action.payload.thisPeriod, coaBalances);
+                    const newThisPeriod = (0, thisPeriodHelpers_1.getMatchingThisPeriod)(action.payload.firstMonthOfFY, timeframe, action.payload.thisPeriod, safeCoaBalances);
                     if (newThisPeriod != null) {
                         const selectionRanges = (0, getSelectedAndHighlightedRanges_1.getSelectedAndHighlightedRangesForThisPeriod)({
                             firstMonthOfFY,
                             thisPeriod: newThisPeriod,
-                            coaBalances,
+                            coaBalances: safeCoaBalances,
                             timeframe,
                             maxNumOfPeriodsToSelect: maxNumOfPeriodsToHighlight,
                             currentSelection: {
@@ -79,7 +80,9 @@ const financeStatement = (0, toolkit_1.createSlice)({
             draft.selectedReportId = action.payload;
         },
         updateFinanceStatementAdditionalBalancesSelection(draft, action) {
-            const { firstMonthOfFY, additionalBalances, coaBalances, maxNumOfPeriodsToHighlight, } = action.payload;
+            const { firstMonthOfFY, additionalBalances: additionalBalancesPayload, coaBalances, maxNumOfPeriodsToHighlight, } = action.payload;
+            const safeCoaBalances = coaBalances != null ? coaBalances : [];
+            const additionalBalances = additionalBalancesPayload ?? [];
             let tempAdditionalBalances = [...additionalBalances];
             if (additionalBalances.includes('this_period_vs_last_period') ||
                 additionalBalances.includes('this_period_vs_last_period_percent')) {
@@ -95,8 +98,8 @@ const financeStatement = (0, toolkit_1.createSlice)({
             draft.isAdditionalBalancesShown =
                 additionalBalances.length != 0 ? true : false;
             const { timeframe, selectedCOABalancesRange } = draft;
-            if (coaBalances.length > 0) {
-                const thisPeriod = (0, thisPeriodHelpers_1.extractThisPeriod)(action.payload.firstMonthOfFY, timeframe, selectedCOABalancesRange, coaBalances);
+            if (safeCoaBalances.length > 0) {
+                const thisPeriod = (0, thisPeriodHelpers_1.extractThisPeriod)(action.payload.firstMonthOfFY, timeframe, selectedCOABalancesRange, safeCoaBalances);
                 if (thisPeriod != null) {
                     const selectedCoaBalancesRangeWithThisPeriod = {
                         ...selectedCOABalancesRange,
@@ -105,7 +108,7 @@ const financeStatement = (0, toolkit_1.createSlice)({
                     const selectionRanges = (0, getSelectedAndHighlightedRanges_1.getSelectedAndHighlightedRangesForThisPeriod)({
                         firstMonthOfFY,
                         thisPeriod: thisPeriod,
-                        coaBalances,
+                        coaBalances: safeCoaBalances,
                         timeframe,
                         maxNumOfPeriodsToHighlight: maxNumOfPeriodsToHighlight,
                         currentSelection: {

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

@@ -8,6 +8,7 @@ import { RootState } from '../../reducer';
 import { BalanceSheetReport } from '../balanceSheet/balanceSheetSelectorTypes';
 import { CashFlowReport } from '../cashFlow/cashFlowSelectorTypes';
 import { ProfitAndLossReport } from '../profitAndLoss/profitAndLossSelector';
+import { ProfitAndLossByClassHorizontalReport } from '../profitAndLossClassesView/profitAndLossClassesByClassHorizontalSelectorTypes';
 import { ProfitAndLossClassesViewReport } from '../profitAndLossClassesView/profitAndLossClassesViewSelectorTypes';
 export interface FinanceStatementReport extends SelectorReport {
     allTimeframeTicks: TimeframeTickWithMetaData[];
@@ -18,6 +19,7 @@ export interface FinanceStatementReport extends SelectorReport {
     downloadState: FetchState;
     filter: COABalancesFilter;
     isCompareModeOn: boolean;
+    profitAndLossByClassHorizontalReport: ProfitAndLossByClassHorizontalReport;
     profitAndLossByClassReport: ProfitAndLossClassesViewReport;
     profitAndLossReport: ProfitAndLossReport;
     reportFormat: ReportFormat;

package/lib/view/financeStatement/financeStatementSelector.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFinanceStatement = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
+const coaBalanceType_1 = require("../../commonStateTypes/coaBalance/coaBalanceType");
 const coaBalancesFilter_1 = require("../../commonStateTypes/coaBalance/coaBalancesFilter");
 const coaBalancesFilterClassesView_1 = require("../../commonStateTypes/coaBalance/coaBalancesFilterClassesView");
 const dataAvailable_1 = require("../../commonStateTypes/dataAvailable");
@@ -11,6 +12,7 @@ const thisPeriodHelpers_1 = require("../../commonStateTypes/viewAndReport/thisPe
 const balanceSheetSelector_1 = require("../balanceSheet/balanceSheetSelector");
 const cashFlowSelector_1 = require("../cashFlow/cashFlowSelector");
 const profitAndLossSelector_1 = require("../profitAndLoss/profitAndLossSelector");
+const profitAndLossClassesByClassHorizontalSelector_1 = require("../profitAndLossClassesView/profitAndLossClassesByClassHorizontalSelector");
 const profitAndLossClassesViewSelector_1 = require("../profitAndLossClassesView/profitAndLossClassesViewSelector");
 function getDateRangeForFinanceReports(profitAndLossState, balanceSheetState, cashFlowState) {
     const datesSorted = [
@@ -45,11 +47,11 @@ exports.getFinanceStatement = (0, toolkit_1.createSelector)((state) => state.acc
     if (dataAvailable != null) {
         const noFilter = (0, coaBalancesFilter_1.newBalancesFilterForDateRange)(firstMonthOfFY, financeStatementState.timeframe, dataAvailable, 'ascending_date', []);
         const profitAndLossForTimeframeTicks = (0, profitAndLossSelector_1.getProfitAndLossReport)(noFilter, undefined, accountState, accountGroupState, sectionAccountsViewState, profitAndLossState, forecastState);
-        if (profitAndLossForTimeframeTicks.sections.expenses != null) {
-            balancesInTimeframe =
-                profitAndLossForTimeframeTicks.sections.expenses.balances.length > 0
-                    ? profitAndLossForTimeframeTicks.sections['expenses'].balances
-                    : profitAndLossForTimeframeTicks.sections['income'].balances;
+        const expensesBalances = profitAndLossForTimeframeTicks.sections.expenses?.balances ?? [];
+        const incomeBalances = profitAndLossForTimeframeTicks.sections.income?.balances ?? [];
+        balancesInTimeframe =
+            expensesBalances.length > 0 ? expensesBalances : incomeBalances;
+        if (balancesInTimeframe.length > 0) {
             allTimeframeTicks = balancesInTimeframe.map((balance) => (0, timeframeTick_1.toTimeframeTick)(balance));
         }
     }
@@ -57,12 +59,22 @@ exports.getFinanceStatement = (0, toolkit_1.createSelector)((state) => state.acc
     if (thisPeriod == null && balancesInTimeframe.length > 0) {
         thisPeriod = (0, timeframeTick_1.toTimeframeTick)(balancesInTimeframe[balancesInTimeframe.length - 1]);
     }
-    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', financeStatementState.isAdditionalBalancesShown === true
+    const rawAdditionalBalances = financeStatementState.isAdditionalBalancesShown === true
         ? financeStatementState.selectedAdditionalBalances
-        : []);
+        : [];
+    const useHorizontalClassesLayout = profitAndLossClassesViewState.uiState.classViewLayout ===
+        'horizontal' &&
+        financeStatementState.selectedReportId === 'profit_and_loss_by_classes';
+    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 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);
+    const profitAndLossByClassHorizontalReport = (0, profitAndLossClassesByClassHorizontalSelector_1.getProfitAndLossClassesHorizontalView)(classFilter, accountState, classState, sectionsState, profitAndLossClassesViewState, profitAndLossClassesViewState.uiState.classViewLayout === 'horizontal'
+        ? thisPeriod
+        : undefined);
     const balanceSheetReport = (0, balanceSheetSelector_1.getBalanceSheet)(filter, accountState, accountGroupState, sectionAccountsViewState, balanceSheetState);
     const cashFlowReport = (0, cashFlowSelector_1.getCashFlow)(filter, accountState, accountGroupState, sectionAccountsViewState, cashFlowState);
     const allReports = [
@@ -110,12 +122,15 @@ exports.getFinanceStatement = (0, toolkit_1.createSelector)((state) => state.acc
         dataAvailable,
         profitAndLossReport,
         profitAndLossByClassReport,
+        profitAndLossByClassHorizontalReport,
         balanceSheetReport,
         cashFlowReport,
         filter,
         selectedReportId: financeStatementState.selectedReportId,
         downloadState: financeStatementState.downloadState,
-        isCompareModeOn: financeStatementState.selectedAdditionalBalances.includes('this_period_vs_last_period') ||
-            financeStatementState.selectedAdditionalBalances.includes('this_period_vs_last_period_percent'),
+        isCompareModeOn: useHorizontalClassesLayout
+            ? false
+            : financeStatementState.selectedAdditionalBalances.includes('this_period_vs_last_period') ||
+                financeStatementState.selectedAdditionalBalances.includes('this_period_vs_last_period_percent'),
     };
 });

package/lib/view/profitAndLossClassesView/profitAndLossClassesByClassHorizontalSelector.d.ts

@@ -0,0 +1,13 @@
+import { COABalancesFilterClassesView } from '../../commonStateTypes/coaBalance/coaBalancesFilterClassesView';
+import { AccountState } from '../../entity/account/accountState';
+import { ClassState } from '../../entity/class/classState';
+import { SectionClassesViewStateV2 } from '../../entity/sectionClassesViewV2/sectionClassesViewState';
+import { ZeniDate } from '../../zeniDayJS';
+import { ProfitAndLossByClassHorizontalReport } from './profitAndLossClassesByClassHorizontalSelectorTypes';
+import { PandLReportViewCalculatedSectionID, PandLReportViewSectionID } from './profitAndLossClassesViewSelectorTypes';
+import { ProfitAndLossClassesViewState } from './profitAndLossClassesViewState';
+export declare const profitAndLossHorizontalIdsInOrder: (PandLReportViewSectionID | PandLReportViewCalculatedSectionID)[];
+export declare const getProfitAndLossClassesHorizontalView: (filter: COABalancesFilterClassesView, accountState: AccountState, classState: ClassState, sectionsState: SectionClassesViewStateV2, profitAndLossClassesViewState: ProfitAndLossClassesViewState, selectedPeriod: {
+    endDate: ZeniDate;
+    startDate: ZeniDate;
+} | undefined) => ProfitAndLossByClassHorizontalReport;