@zeniai/client-epic-state 4.19.87-betaVR2 → 4.19.88-beta0ND

package/lib/view/expenseAutomationView/epics/missingReceipts/fetchMoreBatchDetailsEpic.js

@@ -31,8 +31,7 @@ const fetchMoreBatchDetailsEpic = (actions$, state$, zeniAPI) => actions$.pipe((
     }
     const nextPage = unfetchedBatchIds.slice(0, MORE_BATCH_PAGE_SIZE);
     return (0, rxjs_1.concat)((0, fetchMultipleBatchDetailsEpic_1.fetchBatchDetailsByIds)(nextPage, zeniAPI), (0, rxjs_1.of)((0, missingReceiptsViewReducer_1.fetchMoreBatchDetailsComplete)())).pipe((0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, missingReceiptsViewReducer_1.fetchMoreBatchDetailsFailure)({
-        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch more batch details errored out: ' +
-            JSON.stringify(error)),
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch more batch details errored out: ' + JSON.stringify(error)),
     }))));
 }));
 exports.fetchMoreBatchDetailsEpic = fetchMoreBatchDetailsEpic;

package/lib/view/expenseAutomationView/epics/missingReceipts/fetchMultipleBatchDetailsEpic.js

@@ -29,8 +29,7 @@ function fetchBatchDetailsByIds(batchIds, zeniAPI) {
         actions.push((0, missingReceiptsViewReducer_1.storeBatchDetails)((0, missingReceiptsPayload_1.toBatchDetails)(response.data, zeniAPI.apiEndPoints.fileMicroServiceBaseUrl)));
         return (0, rxjs_1.from)(actions);
     }), (0, operators_1.catchError)((error) => {
-        console.error(`Failed to fetch batch details for ${batchId}:`, (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch batch details errored out: ' +
-            JSON.stringify(error)));
+        console.error(`Failed to fetch batch details for ${batchId}:`, (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch batch details errored out: ' + JSON.stringify(error)));
         return (0, rxjs_1.of)((0, missingReceiptsViewReducer_1.batchDetailFetchFailed)({ batchId }));
     })), 5));
 }

package/lib/view/expenseAutomationView/epics/missingReceipts/searchTransactionsForManualMatchEpic.js

@@ -28,8 +28,7 @@ const searchTransactionsForManualMatchEpic = (actions$, state$, zeniAPI) => {
         action.payload.query.trim().length >= 2), (0, operators_1.debounceTime)(300));
     return (0, rxjs_1.merge)(pagination$, newSearchTooShortOrClear$, newSearchDebounced$).pipe((0, operators_1.switchMap)((action) => {
         const { query, pageToken } = action.payload;
-        if (pageToken == null &&
-            query.trim().length < 2) {
+        if (pageToken == null && query.trim().length < 2) {
             return rxjs_1.EMPTY;
         }
         const state = state$.value;

package/lib/view/expenseAutomationView/epics/missingReceipts/watchBulkUploadBatchStatusEpic.js

@@ -33,12 +33,9 @@ const bulkUploadAutomatchingTimeoutEpic = (actions$, state$) => actions$.pipe((0
     const { batchId } = action.payload;
     return (0, rxjs_1.timer)(bulkUploadTiming_1.BULK_UPLOAD_AUTOMATCHING_TIMEOUT_MS).pipe((0, operators_1.mergeMap)(() => {
         const bulk = state$.value.expenseAutomationMissingReceiptsViewState.bulkUpload;
-        if (bulk.phase !== 'matching' ||
-            bulk.currentBatchId !== batchId) {
+        if (bulk.phase !== 'matching' || bulk.currentBatchId !== batchId) {
             return rxjs_1.EMPTY;
         }
-        // eslint-disable-next-line no-console
-        console.warn('[bulk-upload] Automatching wait exceeded timeout; releasing UI', { batchId });
         return (0, rxjs_1.from)([
             (0, missingReceiptsViewReducer_1.bulkUploadAutomatchingTimedOut)(batchId),
             (0, missingReceiptsViewReducer_1.fetchBulkUploadBatches)({ cacheOverride: true }),

package/lib/view/expenseAutomationView/payload/missingReceiptsPayload.d.ts

@@ -1,8 +1,8 @@
 import { URLPayload } from '../../../commonPayloadTypes/urlPayload';
+import type { MonthYearPeriodId } from '../../../commonStateTypes/timePeriod';
 import { TransactionPayload } from '../../../entity/transaction/payloadTypes/transactionPayload';
 import { SupportedTransactionPayload } from '../../../entity/transaction/transactionState';
 import { ZeniAPIResponse } from '../../../responsePayload';
-import type { MonthYearPeriodId } from '../../../commonStateTypes/timePeriod';
 import { type BatchDetails, type BatchFile, type BatchFileStatus, type BatchListItem, type BatchStatus, type BatchSummary, type ManualSearchResult } from '../types/missingReceiptsViewState';
 export interface MissingReceiptsQueryPayload {
     end_date: string;

package/lib/view/expenseAutomationView/reducers/missingReceiptsViewReducer.d.ts

@@ -2,11 +2,11 @@ import { Amount } from '../../../commonStateTypes/amount';
 import { FetchStateAndError, ID, UpdateType } from '../../../commonStateTypes/common';
 import { SortOrder } from '../../../commonStateTypes/selectorTypes/sortOrderTypes';
 import { MonthYearPeriod, TimePeriod } from '../../../commonStateTypes/timePeriod';
+import type { MonthYearPeriodId } from '../../../commonStateTypes/timePeriod';
 import { TransactionPayload } from '../../../entity/transaction/payloadTypes/transactionPayload';
 import { SupportedTransactionPayload } from '../../../entity/transaction/transactionState';
 import { ZeniAPIStatus } from '../../../responsePayload';
 import { type BatchDetails, type BatchListItem, type BatchStatus, type BulkUploadResultsTab, type BulkUploadSortKey, type BulkUploadState, type CompletedSubTab, type ManualSearchResult, type MissingReceiptsViewState, type MissingReceiptsViewUIState } from '../types/missingReceiptsViewState';
-import type { MonthYearPeriodId } from '../../../commonStateTypes/timePeriod';
 export declare const getCompletedTransactionsCacheKey: (periodId: MonthYearPeriodId, sortKey: BulkUploadSortKey, sortOrder: SortOrder, subTab: CompletedSubTab) => string;
 export declare const initialBulkUploadState: BulkUploadState;
 export declare const initialState: MissingReceiptsViewState;

package/lib/view/expenseAutomationView/reducers/missingReceiptsViewReducer.js

@@ -328,8 +328,7 @@ const expenseAutomationMissingReceiptsView = (0, toolkit_1.createSlice)({
              * dismiss the Unmatched skeleton.
              */
             const currentId = draft.bulkUpload.currentBatchId;
-            if (draft.bulkUpload.phase === 'matching' &&
-                currentId != null) {
+            if (draft.bulkUpload.phase === 'matching' && currentId != null) {
                 const existing = draft.bulkUpload.batchDetailsById[currentId];
                 if (existing?.status === 'completed') {
                     draft.bulkUpload.phase = 'completed';
@@ -350,7 +349,15 @@ const expenseAutomationMissingReceiptsView = (0, toolkit_1.createSlice)({
                 };
             },
             prepare(batchId, attachmentId, transactionId, transactionType, fileName) {
-                return { payload: { batchId, attachmentId, transactionId, transactionType, fileName } };
+                return {
+                    payload: {
+                        batchId,
+                        attachmentId,
+                        transactionId,
+                        transactionType,
+                        fileName,
+                    },
+                };
             },
         },
         confirmBulkUploadMatchSuccess(draft, action) {
@@ -497,7 +504,7 @@ const expenseAutomationMissingReceiptsView = (0, toolkit_1.createSlice)({
             },
         },
         fetchCompletedTransactionsSuccess(draft, action) {
-            const { transactionIds, nextPageToken, totalCount, selectedPeriod, isInitialLoad } = action.payload;
+            const { transactionIds, nextPageToken, totalCount, selectedPeriod, isInitialLoad, } = action.payload;
             const periodId = (0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod);
             const cacheKey = (0, exports.getCompletedTransactionsCacheKey)(periodId, draft.bulkUpload.sortKey, draft.bulkUpload.sortOrder, draft.bulkUpload.completedSubTab);
             if (isInitialLoad) {

package/lib/view/expenseAutomationView/reducers/transactionsViewReducer.js

@@ -719,7 +719,10 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
         uploadTransactionCategorizationReceiptSuccess: {
             reducer(draft, action) {
                 const { transactionPayload, selectedTab } = action.payload;
-                draft.transactionCategorizationView[selectedTab].uploadReceiptStatusById[transactionPayload.transaction_id] = { fetchState: 'Completed', error: undefined };
+                draft.transactionCategorizationView[selectedTab].uploadReceiptStatusById[transactionPayload.transaction_id] = {
+                    fetchState: 'Completed',
+                    error: undefined,
+                };
             },
             prepare(selectedTab, transactionPayload, updateType = 'merge') {
                 return { payload: { selectedTab, transactionPayload, updateType } };

package/lib/view/expenseAutomationView/selectorTypes/missingReceiptsSelectorTypes.d.ts

@@ -1,7 +1,7 @@
 import { CompletionStatusType, FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { SortOrder } from '../../../commonStateTypes/selectorTypes/sortOrderTypes';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
 import { SupportedTransaction } from '../../../entity/transaction/transactionState';
-import { SortOrder } from '../../../commonStateTypes/selectorTypes/sortOrderTypes';
 import type { BatchFileStatus, BatchListItem, BatchStatus, BulkUploadPhase, BulkUploadResultsTab, BulkUploadSortKey, CompletedSubTab, ManualSearchState, MatchSource, MissingReceiptsViewUIState } from '../types/missingReceiptsViewState';
 export interface CompletedTransactionsSelectorData {
     fetchState: FetchStateAndError;

package/lib/view/expenseAutomationView/selectors/missingReceiptsSelector.js

@@ -8,9 +8,9 @@ const orderBy_1 = __importDefault(require("lodash/orderBy"));
 const timePeriod_1 = require("../../../commonStateTypes/timePeriod");
 const tenantSelector_1 = require("../../../entity/tenant/tenantSelector");
 const transactionSelector_1 = require("../../../entity/transaction/transactionSelector");
-const expenseAutomationViewSelectorTypes_1 = require("../selectorTypes/expenseAutomationViewSelectorTypes");
 const missingReceiptsPayload_1 = require("../payload/missingReceiptsPayload");
 const missingReceiptsViewReducer_1 = require("../reducers/missingReceiptsViewReducer");
+const expenseAutomationViewSelectorTypes_1 = require("../selectorTypes/expenseAutomationViewSelectorTypes");
 const missingReceiptsViewState_1 = require("../types/missingReceiptsViewState");
 function getExpenseAutomationMissingReceiptsView(state) {
     const { expenseAutomationMissingReceiptsViewState, expenseAutomationViewState, transactionState, monthEndCloseChecksState, } = state;
@@ -56,12 +56,12 @@ function getExpenseAutomationMissingReceiptsView(state) {
     const completionStatus = missingReceiptsCompletionStatus != null
         ? missingReceiptsCompletionStatus
         : 'incomplete';
-    const { bulkUpload, pendingMissingReceiptsTabNavigation, } = expenseAutomationMissingReceiptsViewState;
+    const { bulkUpload, pendingMissingReceiptsTabNavigation } = expenseAutomationMissingReceiptsViewState;
     const currentBatchStatus = bulkUpload.currentBatchId != null
         ? bulkUpload.batchStatusById[bulkUpload.currentBatchId]
         : undefined;
     const batchList = monthYearPeriodId != null
-        ? bulkUpload.batchListByPeriod[monthYearPeriodId] ?? []
+        ? (bulkUpload.batchListByPeriod[monthYearPeriodId] ?? [])
         : [];
     /**
      * Primary "Unmatched" batch = first completed batch in platform list order, preferring the
@@ -110,7 +110,7 @@ function getExpenseAutomationMissingReceiptsView(state) {
         }
         switch (bulkUpload.sortKey) {
             case 'vendor':
-                return (matchedTransaction.vendorName ?? matchedTransaction.description)?.toLowerCase() ?? null;
+                return ((matchedTransaction.vendorName ?? matchedTransaction.description)?.toLowerCase() ?? null);
             case 'category': {
                 const line = matchedTransaction.lines?.[0];
                 return line?.account?.accountName?.toLowerCase() ?? null;
@@ -302,9 +302,7 @@ function resolveBatchFile(file, batchId, transactionState) {
         filePreviewUrl: file.filePreviewUrl,
         status: file.status,
         matchedTransaction,
-        candidates: candidates != null && candidates.length > 0
-            ? candidates
-            : undefined,
+        candidates: candidates != null && candidates.length > 0 ? candidates : undefined,
         matchSource: file.matchSource,
     };
 }

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

@@ -35,7 +35,12 @@ const UNMATCHED_TAB_FILE_STATUSES = ['possible_matches', 'no_match'];
 function isUnmatchedTabFileStatus(status) {
     return UNMATCHED_TAB_FILE_STATUSES.includes(status);
 }
-const BULK_UPLOAD_PHASES = ['idle', 'uploading', 'matching', 'completed'];
+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'];

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

@@ -11,6 +11,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 = [
@@ -63,6 +64,9 @@ exports.getFinanceStatement = (0, toolkit_1.createSelector)((state) => state.acc
     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 = profitAndLossClassesViewState.uiState.classViewLayout === 'horizontal'
+        ? (0, profitAndLossClassesByClassHorizontalSelector_1.getProfitAndLossClassesHorizontalView)(classFilter, accountState, classState, sectionsState, profitAndLossClassesViewState, thisPeriod)
+        : (0, profitAndLossClassesByClassHorizontalSelector_1.getProfitAndLossClassesHorizontalView)(classFilter, accountState, classState, sectionsState, profitAndLossClassesViewState, 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,6 +114,7 @@ exports.getFinanceStatement = (0, toolkit_1.createSelector)((state) => state.acc
         dataAvailable,
         profitAndLossReport,
         profitAndLossByClassReport,
+        profitAndLossByClassHorizontalReport,
         balanceSheetReport,
         cashFlowReport,
         filter,

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;

package/lib/view/profitAndLossClassesView/profitAndLossClassesByClassHorizontalSelector.js

@@ -0,0 +1,286 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getProfitAndLossClassesHorizontalView = exports.profitAndLossHorizontalIdsInOrder = void 0;
+const amount_1 = require("../../commonStateTypes/amount");
+const sectionClassesViewSelector_1 = require("../../entity/sectionClassesViewV2/sectionClassesViewSelector");
+const profitAndLossClassesViewSelectorTypes_1 = require("./profitAndLossClassesViewSelectorTypes");
+const DEFAULT_CURRENCY = { currencyCode: 'USD', currencySymbol: '$' };
+exports.profitAndLossHorizontalIdsInOrder = [
+    'income',
+    'cogs',
+    'grossProfit',
+    'expenses',
+    'earningsBeforeInterestAndTax',
+    'otherIncome',
+    'otherExpenses',
+    'netOtherIncome',
+    'netIncome',
+];
+const SECTION_TITLES = {
+    income: 'Income',
+    cogs: 'Cost of Goods Sold',
+    grossProfit: 'Gross Profit',
+    expenses: 'Expenses',
+    earningsBeforeInterestAndTax: 'Net Operating Income',
+    otherIncome: 'Other Income',
+    otherExpenses: 'Other Expenses',
+    netOtherIncome: 'Net Other Income',
+    netIncome: 'Net Income',
+};
+const getProfitAndLossClassesHorizontalView = (filter, accountState, classState, sectionsState, profitAndLossClassesViewState, selectedPeriod) => {
+    const fetchState = reduceFetchState([
+        profitAndLossClassesViewState.fetchState.month,
+        profitAndLossClassesViewState.fetchState.quarter,
+        profitAndLossClassesViewState.fetchState.year,
+    ]);
+    const reportId = 'profit_and_loss_by_classes';
+    // Build class columns from the class hierarchy (top-level only)
+    const classColumns = buildClassColumns(profitAndLossClassesViewState.classHierarchy, profitAndLossClassesViewState.uiState.classesToFilterOut);
+    const sections = {};
+    const calculatedSections = {};
+    if (fetchState.fetchState === 'Completed' && selectedPeriod != null) {
+        // Get section reports using existing selector infrastructure
+        const sectionReports = {};
+        profitAndLossClassesViewSelectorTypes_1.ALL_PANDL_REPORT_VIEW_SECTION_IDS.forEach((sectionId) => {
+            sectionReports[sectionId] = (0, sectionClassesViewSelector_1.getSectionClassesViewReport)(accountState, classState, sectionsState, { reportId, sectionId }, filter);
+        });
+        // Pivot each section from class→account to account→class
+        const sectionIds = [
+            'income',
+            'cogs',
+            'expenses',
+            'otherIncome',
+            'otherExpenses',
+        ];
+        sectionIds.forEach((sectionId) => {
+            const sectionReport = sectionReports[sectionId];
+            if (sectionReport != null) {
+                sections[sectionId] = pivotSectionToHorizontal(sectionReport, classColumns, selectedPeriod, SECTION_TITLES[sectionId] ?? sectionId);
+            }
+        });
+        // Calculate derived sections
+        const incomeSection = sections['income'];
+        const cogsSection = sections['cogs'];
+        const expensesSection = sections['expenses'];
+        const otherIncomeSection = sections['otherIncome'];
+        const otherExpensesSection = sections['otherExpenses'];
+        // Gross Profit = Income - COGS
+        if (incomeSection != null && cogsSection != null) {
+            calculatedSections['grossProfit'] = computeCalculatedSection(incomeSection.classTotals, cogsSection.classTotals, incomeSection.sectionTotal, cogsSection.sectionTotal, 'subtract', SECTION_TITLES['grossProfit']);
+        }
+        // EBIT = Gross Profit - Expenses
+        const grossProfit = calculatedSections['grossProfit'];
+        if (grossProfit != null && expensesSection != null) {
+            calculatedSections['earningsBeforeInterestAndTax'] =
+                computeCalculatedSection(grossProfit.classTotals, expensesSection.classTotals, grossProfit.sectionTotal, expensesSection.sectionTotal, 'subtract', SECTION_TITLES['earningsBeforeInterestAndTax']);
+        }
+        // Net Other Income = Other Income - Other Expenses
+        if (otherIncomeSection != null && otherExpensesSection != null) {
+            calculatedSections['netOtherIncome'] = computeCalculatedSection(otherIncomeSection.classTotals, otherExpensesSection.classTotals, otherIncomeSection.sectionTotal, otherExpensesSection.sectionTotal, 'subtract', SECTION_TITLES['netOtherIncome']);
+        }
+        // Net Income = EBIT + Net Other Income
+        const ebit = calculatedSections['earningsBeforeInterestAndTax'];
+        const netOtherIncome = calculatedSections['netOtherIncome'];
+        if (ebit != null && netOtherIncome != null) {
+            calculatedSections['netIncome'] = computeCalculatedSection(ebit.classTotals, netOtherIncome.classTotals, ebit.sectionTotal, netOtherIncome.sectionTotal, 'add', SECTION_TITLES['netIncome']);
+        }
+    }
+    // Build synthetic header COABalances for rendering class names as column headers
+    const headerBalances = buildHeaderBalances(classColumns, filter.timeframe, selectedPeriod);
+    return {
+        reportId,
+        reportTitle: 'Profit and Loss by Class',
+        firstMonthOfFY: profitAndLossClassesViewState.firstMonthOfFY,
+        fetchState: fetchState.fetchState,
+        bookCloseDate: profitAndLossClassesViewState.bookCloseDate,
+        dataAvailable: profitAndLossClassesViewState.dataAvailable,
+        selectedPeriod,
+        classColumns,
+        sections,
+        calculatedSections,
+        idsInOrder: exports.profitAndLossHorizontalIdsInOrder,
+        uiState: profitAndLossClassesViewState.uiState,
+        headerBalances,
+    };
+};
+exports.getProfitAndLossClassesHorizontalView = getProfitAndLossClassesHorizontalView;
+/**
+ * Build column definitions from class hierarchy (top-level classes only).
+ */
+function buildClassColumns(classHierarchy, classesToFilterOut) {
+    return classHierarchy
+        .filter((c) => !classesToFilterOut.some((filteredId) => filteredId[0] === c.classId[0]))
+        .map((c) => ({
+        classId: c.classId[0],
+        className: c.className,
+        nestedClassId: c.classId,
+        qboId: c.qboId,
+    }));
+}
+/**
+ * Pivot a section from class→account→balances to account→class→balance (single period).
+ */
+function pivotSectionToHorizontal(section, classColumns, selectedPeriod, title) {
+    // Map: accountId -> { accountName, classId -> balance }
+    const accountMap = new Map();
+    // Also track class totals
+    const classTotalMap = new Map();
+    classColumns.forEach((col) => classTotalMap.set(col.classId, 0));
+    // Iterate over each class in the section
+    section.classes.forEach((classReport) => {
+        const classId = classReport.id[0];
+        // Only process classes that are in our columns
+        if (!classColumns.some((col) => col.classId === classId)) {
+            return;
+        }
+        // Get the class-level balance for this period (total for the class in this section)
+        const classBalance = findBalanceForPeriod(classReport.childrenBalancesTotal.balances, selectedPeriod);
+        classTotalMap.set(classId, classBalance);
+        // Iterate through accounts in this class
+        collectAccountsFromClass(classReport, classId, selectedPeriod, accountMap);
+    });
+    // Build account rows
+    const accounts = [];
+    accountMap.forEach((accountData, accountId) => {
+        const classBalances = classColumns.map((col) => ({
+            classId: col.classId,
+            balance: (0, amount_1.toAmountWC)(accountData.classBalances.get(col.classId) ?? 0, DEFAULT_CURRENCY),
+        }));
+        const rowTotal = classBalances.reduce((sum, cb) => sum + cb.balance.amount, 0);
+        accounts.push({
+            accountId,
+            accountName: accountData.accountName,
+            classBalances,
+            rowTotal: (0, amount_1.toAmountWC)(rowTotal, DEFAULT_CURRENCY),
+        });
+    });
+    // Build class totals
+    const classTotals = classColumns.map((col) => ({
+        classId: col.classId,
+        balance: (0, amount_1.toAmountWC)(classTotalMap.get(col.classId) ?? 0, DEFAULT_CURRENCY),
+    }));
+    const sectionTotal = classTotals.reduce((sum, ct) => sum + ct.balance.amount, 0);
+    return {
+        title,
+        accounts,
+        classTotals,
+        sectionTotal: (0, amount_1.toAmountWC)(sectionTotal, DEFAULT_CURRENCY),
+    };
+}
+/**
+ * Recursively collect account balances from a NestedClassReportV2 into accountMap.
+ */
+function collectAccountsFromClass(classReport, classId, selectedPeriod, accountMap) {
+    // Process accounts directly on this class
+    classReport.class.accounts.forEach((nestedAccount) => {
+        collectAccountsFromNestedAccount(nestedAccount, classId, selectedPeriod, accountMap);
+    });
+}
+/**
+ * Recursively collect accounts from NestedAccountReport (handles sub-accounts).
+ */
+function collectAccountsFromNestedAccount(nestedAccount, classId, selectedPeriod, accountMap) {
+    const accountId = nestedAccount.account.accountId;
+    const accountName = nestedAccount.account.accountName;
+    const balance = findBalanceForPeriod(nestedAccount.account.balancesInTimeframe.balances, selectedPeriod);
+    if (!accountMap.has(accountId)) {
+        accountMap.set(accountId, {
+            accountName,
+            classBalances: new Map(),
+        });
+    }
+    const accountData = accountMap.get(accountId);
+    if (accountData == null) {
+        return;
+    }
+    const existing = accountData.classBalances.get(classId) ?? 0;
+    accountData.classBalances.set(classId, existing + balance);
+    // Process sub-accounts
+    nestedAccount.children.forEach((child) => {
+        collectAccountsFromNestedAccount(child, classId, selectedPeriod, accountMap);
+    });
+}
+/**
+ * Find the balance amount for a specific period from a COABalance array.
+ */
+function findBalanceForPeriod(balances, selectedPeriod) {
+    for (const bal of balances) {
+        const b = bal;
+        if (b.startDate != null && b.endDate != null) {
+            if (b.startDate.isSame(selectedPeriod.startDate, 'day') &&
+                b.endDate.isSame(selectedPeriod.endDate, 'day')) {
+                return b.balance?.amount ?? 0;
+            }
+        }
+    }
+    return 0;
+}
+/**
+ * Compute a calculated section by adding or subtracting two sets of class totals.
+ */
+function computeCalculatedSection(aTotals, bTotals, aTotal, bTotal, operation, title) {
+    const classTotals = aTotals.map((a) => {
+        const bMatch = bTotals.find((b) => b.classId === a.classId);
+        const bAmount = bMatch?.balance.amount ?? 0;
+        const resultAmount = operation === 'add'
+            ? a.balance.amount + bAmount
+            : a.balance.amount - bAmount;
+        return {
+            classId: a.classId,
+            balance: (0, amount_1.toAmountWC)(resultAmount, DEFAULT_CURRENCY),
+        };
+    });
+    const sectionTotalAmount = operation === 'add'
+        ? aTotal.amount + bTotal.amount
+        : aTotal.amount - bTotal.amount;
+    return {
+        title,
+        classTotals,
+        sectionTotal: (0, amount_1.toAmountWC)(sectionTotalAmount, DEFAULT_CURRENCY),
+    };
+}
+/**
+ * Build synthetic COABalance array for header rendering.
+ * One entry per class column + one for "Total".
+ */
+function buildHeaderBalances(classColumns, timeframe, selectedPeriod) {
+    if (selectedPeriod == null) {
+        return [];
+    }
+    const { endDate, startDate } = selectedPeriod;
+    const balances = classColumns.map((col) => ({
+        balance: (0, amount_1.toAmountWC)(0, DEFAULT_CURRENCY),
+        balanceTimeFrame: timeframe,
+        endDate,
+        startDate,
+        type: 'default',
+        label: col.className,
+    }));
+    // Add a "Total" column
+    balances.push({
+        balance: (0, amount_1.toAmountWC)(0, DEFAULT_CURRENCY),
+        balanceTimeFrame: timeframe,
+        endDate,
+        startDate,
+        type: 'default',
+        label: 'Total',
+    });
+    return balances;
+}
+function reduceFetchState(fetchStateList) {
+    const isAnyProgress = fetchStateList.some((s) => s.fetchState === 'In-Progress');
+    const isAllCompleted = fetchStateList.every((s) => s.fetchState === 'Completed');
+    const isAnyError = fetchStateList.some((s) => s.fetchState === 'Error');
+    const error = fetchStateList.find((s) => s.error != null)?.error;
+    let fetchState = 'Not-Started';
+    if (isAnyProgress) {
+        fetchState = 'In-Progress';
+    }
+    else if (isAllCompleted) {
+        fetchState = 'Completed';
+    }
+    else if (isAnyError) {
+        fetchState = 'Error';
+    }
+    return { fetchState, error };
+}

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

@@ -0,0 +1,57 @@
+import { Amount } from '../../commonStateTypes/amount';
+import { NestedClassID } from '../../commonStateTypes/classesView/nestedClassID';
+import { COABalance } from '../../commonStateTypes/coaBalance/coaBalance';
+import { FetchState, ID } from '../../commonStateTypes/common';
+import { DataAvailable } from '../../commonStateTypes/dataAvailable';
+import { Month } from '../../commonStateTypes/timePeriod';
+import { ReportID } from '../../commonStateTypes/viewAndReport/viewAndReport';
+import { ZeniDate } from '../../zeniDayJS';
+import { PandLReportViewCalculatedSectionID, PandLReportViewSectionID } from './profitAndLossClassesViewSelectorTypes';
+import { ProfitAndLossClassesViewUIState } from './profitAndLossClassesViewState';
+export interface ClassColumnDefinition {
+    classId: string;
+    className: string;
+    nestedClassId: NestedClassID;
+    qboId?: ID;
+}
+export interface HorizontalClassBalance {
+    balance: Amount;
+    classId: string;
+}
+export interface HorizontalAccountRow {
+    accountId: string;
+    accountName: string;
+    classBalances: HorizontalClassBalance[];
+    rowTotal: Amount;
+}
+export interface HorizontalSectionReport {
+    accounts: HorizontalAccountRow[];
+    classTotals: HorizontalClassBalance[];
+    sectionTotal: Amount;
+    title: string;
+}
+export interface HorizontalCalculatedSection {
+    classTotals: HorizontalClassBalance[];
+    sectionTotal: Amount;
+    title: string;
+}
+export interface ProfitAndLossByClassHorizontalReport {
+    calculatedSections: Partial<Record<PandLReportViewCalculatedSectionID, HorizontalCalculatedSection>>;
+    classColumns: ClassColumnDefinition[];
+    fetchState: FetchState;
+    firstMonthOfFY: Month;
+    /** Synthetic COABalance array for header rendering — one per class column + total */
+    headerBalances: COABalance[];
+    idsInOrder: (PandLReportViewSectionID | PandLReportViewCalculatedSectionID)[];
+    reportId: ReportID;
+    reportTitle: string;
+    sections: Partial<Record<PandLReportViewSectionID, HorizontalSectionReport>>;
+    selectedPeriod: {
+        endDate: ZeniDate;
+        startDate: ZeniDate;
+        label?: string;
+    } | undefined;
+    uiState: ProfitAndLossClassesViewUIState;
+    bookCloseDate?: ZeniDate;
+    dataAvailable?: DataAvailable;
+}

package/lib/view/profitAndLossClassesView/profitAndLossClassesByClassHorizontalSelectorTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -2,7 +2,7 @@ import { NestedClassID } from '../../commonStateTypes/classesView/nestedClassID'
 import { AccountViewMode, ID } from '../../commonStateTypes/common';
 import { ZeniAPIStatus, ZeniReportData } from '../../responsePayload';
 import { ProfitAndLossClassesViewPayload } from './profitAndLossClassesViewPayload';
-import { ProfitAndLossClassesViewState } from './profitAndLossClassesViewState';
+import { ClassViewLayout, ProfitAndLossClassesViewState } from './profitAndLossClassesViewState';
 export declare const initialState: ProfitAndLossClassesViewState;
 export declare const fetchProfitAndLossClassesView: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[cacheOverride?: boolean | undefined], {
     cacheOverride: boolean;
@@ -30,6 +30,8 @@ export declare const fetchProfitAndLossClassesView: import("@reduxjs/toolkit").A
     };
 }, "profitAndLossClassesView/updateProfitAndLossClassesViewUIState">, updateAccountViewMode: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     viewMode: AccountViewMode;
-}, "profitAndLossClassesView/updateAccountViewMode">, resetProfitAndLossClassesNodeCollapseState: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"profitAndLossClassesView/resetProfitAndLossClassesNodeCollapseState">, clearProfitAndLossClassesView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"profitAndLossClassesView/clearProfitAndLossClassesView">;
+}, "profitAndLossClassesView/updateAccountViewMode">, updateClassViewLayout: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    classViewLayout: ClassViewLayout;
+}, "profitAndLossClassesView/updateClassViewLayout">, resetProfitAndLossClassesNodeCollapseState: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"profitAndLossClassesView/resetProfitAndLossClassesNodeCollapseState">, clearProfitAndLossClassesView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"profitAndLossClassesView/clearProfitAndLossClassesView">;
 declare const _default: import("redux").Reducer<ProfitAndLossClassesViewState>;
 export default _default;