@zeniai/client-epic-state 4.20.3-betaSS12 → 4.20.3-betaSS13

package/lib/esm/view/expenseAutomationView/selectors/reconciliationViewSelector.js

@@ -9,11 +9,12 @@ import { getAccountsByType } from '../../../entity/account/accountSelector';
 import { getAccountReconByAccountIdAndSelectedPeriod } from '../../../entity/accountRecon/accountReconSelector';
 import { getCurrentTenant } from '../../../entity/tenant/tenantSelector';
 import { getVendorByVendorId } from '../../../entity/vendor/vendorSelector';
+import { date } from '../../../zeniDayJS';
 import { getAccountList, getNestedAccountListHierarchy, } from '../../accountList/accountListSelector';
 import { getClassList, getNestedClassListHierarchy, } from '../../classList/classListSelector';
 import { initialActionFetchState, initialReconciliationTabsState, initialState, } from '../reducers/reconciliationViewReducer';
 import { getAllSteps } from '../selectorTypes/expenseAutomationViewSelectorTypes';
-export const getExpenseAutomationReconciliationView = createSelector((state) => state, (state) => getCurrentTenant(state), (state) => state.expenseAutomationReconciliationViewState, (state) => state.expenseAutomationViewState, (state) => state.plaidAccountViewState, (state) => state.accountListState, (state) => state.accountState, (state) => state.classListState, (state) => state.classState, (state) => state.monthEndCloseChecksState, (state) => state.vendorState, (state, currentTenant, reconciliationViewState, expenseAutomationViewState, plaidAccountViewState, accountListState, accountState, classListState, classState, monthEndCloseChecksState, vendorState) => {
+export const getExpenseAutomationReconciliationView = createSelector((state) => state, (state) => getCurrentTenant(state), (state) => state.expenseAutomationReconciliationViewState, (state) => state.expenseAutomationViewState, (state) => state.plaidAccountViewState, (state) => state.accountListState, (state) => state.accountState, (state) => state.classListState, (state) => state.classState, (state) => state.monthEndCloseChecksState, (state) => state.vendorState, (state) => state.monthEndCloseChecksViewState, (state, currentTenant, reconciliationViewState, expenseAutomationViewState, plaidAccountViewState, accountListState, accountState, classListState, classState, monthEndCloseChecksState, vendorState, monthEndCloseChecksViewState) => {
     const { selectedPeriodByTenantId } = expenseAutomationViewState;
     const reconcileTabUiState = reconciliationViewState.reconTabsState.reconcile.uiState;
     const reviewTabUiState = reconciliationViewState.reconTabsState.review.uiState;
@@ -35,6 +36,13 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
         }
         return acc;
     }, []);
+    const monthYearPeriodId = selectedPeriod != null ? toMonthYearPeriodId(selectedPeriod) : null;
+    const monthEndFetchState = monthYearPeriodId != null
+        ? (monthEndCloseChecksViewState.monthEndCloseChecksViewByTenantId[currentTenant.tenantId]?.[monthYearPeriodId] ?? {
+            fetchState: 'Not-Started',
+            error: undefined,
+        })
+        : { fetchState: 'Not-Started', error: undefined };
     if (accountReconForMonthYearPeriod == null) {
         return {
             bankAccounts: [],
@@ -44,10 +52,13 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
             classListNestedAccountHierarchy: [],
             allAccountList: [],
             allClassList: [],
-            fetchStatus: {
-                fetchState: reconciliationViewState.fetchState,
-                error: reconciliationViewState.error,
-            },
+            fetchStatus: reduceAnyFetchState([
+                {
+                    fetchState: reconciliationViewState.fetchState,
+                    error: reconciliationViewState.error,
+                },
+                monthEndFetchState,
+            ]),
             plaidConnectionDetails: plaidAccountViewState['expense_automation_reconcile']
                 .plaidConnectionDetails,
             completionStatus: 'incomplete',
@@ -80,6 +91,30 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
                     totalVariancePercentage: undefined,
                 },
             },
+            excludedAccountReconciliationByAccountID: {},
+            excludedAccountReconciliationBySectionID: {
+                assets: {
+                    sectionId: 'assets',
+                    accountIDs: [],
+                    totalBankBalance: undefined,
+                    totalClearedBalance: undefined,
+                    totalReconciledBalance: undefined,
+                    totalVariance: undefined,
+                    totalVariancePercentage: undefined,
+                },
+                liabilities: {
+                    sectionId: 'liabilities',
+                    accountIDs: [],
+                    totalBankBalance: undefined,
+                    totalClearedBalance: undefined,
+                    totalReconciledBalance: undefined,
+                    totalVariance: undefined,
+                    totalVariancePercentage: undefined,
+                },
+            },
+            excludeAccountFetchState: reconciliationViewState.actionFetchState.excludeAccountFetch,
+            includeAccountFetchState: reconciliationViewState.actionFetchState.includeAccountFetch,
+            excludedAccountIDs: reconciliationViewState.excludedAccountIDs,
         };
     }
     const allAccountIDs = accountReconForMonthYearPeriod.accountIDs;
@@ -217,6 +252,8 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
                     .transactionFetchState,
                 accountListState.byReportId.accountList,
             ]),
+            accountDetectionReason: accountReconForMonthYearPeriod.reconciliationByAccountID[accountID]
+                .accountDetectionReason,
         };
     });
     const accountReconciliationBySectionID = {
@@ -239,6 +276,88 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
             totalVariancePercentage: liabilityTotals.variancePercentage,
         },
     };
+    const bankAccountIdSet = new Set(uniqueBankAccounts.map((a) => a.accountId));
+    const creditCardIdSet = new Set(uniqueCreditCards.map((a) => a.accountId));
+    const excludedAssetAccountIDs = [];
+    const excludedLiabilityAccountIDs = [];
+    reconciliationViewState.excludedAccountIDs.forEach((accountID) => {
+        const isAsset = bankAccountIdSet.has(accountID);
+        const isLiability = creditCardIdSet.has(accountID);
+        if (!isAsset && !isLiability) {
+            return;
+        }
+        if (isAsset) {
+            excludedAssetAccountIDs.push(accountID);
+        }
+        else {
+            excludedLiabilityAccountIDs.push(accountID);
+        }
+    });
+    const excludedAccountReconciliationBySectionID = {
+        assets: {
+            sectionId: 'assets',
+            accountIDs: excludedAssetAccountIDs,
+        },
+        liabilities: {
+            sectionId: 'liabilities',
+            accountIDs: excludedLiabilityAccountIDs,
+        },
+    };
+    const excludedAccountReconciliationByAccountID = {};
+    const accountsInState = Object.values(accountState.accountsByKey);
+    const accountsInStateMap = new Map(accountsInState.map((a) => [a.accountId, a]));
+    reconciliationViewState.excludedAccountIDs.forEach((excludedAccountID) => {
+        const account = accountsInStateMap.get(excludedAccountID);
+        const exclusionInfo = reconciliationViewState.excludedAccountExclusionInfo[excludedAccountID];
+        if (account != null) {
+            excludedAccountReconciliationByAccountID[excludedAccountID] = {
+                refreshStatus: { fetchState: 'Not-Started' },
+                statementUpdateStatus: { fetchState: 'Not-Started' },
+                statementUploadStatus: { fetchState: 'Not-Started' },
+                statementDeleteStatus: { fetchState: 'Not-Started' },
+                localData: {},
+                connectionInProgress: false,
+                statementParseInProgress: false,
+                accountConnectionStatus: 'not_connected',
+                transactionFetchState: { fetchState: 'Not-Started' },
+                accountReconEntity: {
+                    account: {
+                        accountId: account.accountId,
+                        accountName: account.accountName,
+                        accountType: account.accountType,
+                        accountSubType: account.accountSubType,
+                        accountDescription: account.accountDescription,
+                        qboId: account.qboId,
+                        coaId: account.coaId,
+                        labels: account.labels,
+                    },
+                    currency: {
+                        currencyCode: exclusionInfo?.bankBalance?.currencyCode ??
+                            exclusionInfo?.clearedBalance?.currencyCode ??
+                            'USD',
+                        currencySymbol: exclusionInfo?.bankBalance?.currencySymbol ??
+                            exclusionInfo?.clearedBalance?.currencySymbol ??
+                            '$',
+                    },
+                    startDate: date(new Date().toDateString()),
+                    endDate: date(new Date().toDateString()),
+                    statementStatus: { code: 'not_found', label: 'Not Found' },
+                    transactionsToReconcile: [],
+                    transactionsToReview: [],
+                    balance: exclusionInfo?.bankBalance,
+                    clearedBalance: exclusionInfo?.clearedBalance,
+                    variance: exclusionInfo?.variance,
+                    variancePercentage: exclusionInfo?.variance != null &&
+                        exclusionInfo?.bankBalance != null &&
+                        exclusionInfo?.bankBalance.amount !== 0
+                        ? Math.abs((exclusionInfo.variance.amount /
+                            exclusionInfo.bankBalance.amount) *
+                            100)
+                        : undefined,
+                },
+            };
+        }
+    });
     const accountListNestedAccountHierarchy = getNestedAccountListHierarchy(accountListState, 'accountList');
     const classListNestedAccountHierarchy = getNestedClassListHierarchy(classListState);
     const accountsList = getAccountList(accountState, accountListState, 'accountList');
@@ -270,10 +389,13 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
         bankAccounts: uniqueBankAccounts,
         creditCards: uniqueCreditCards,
         accountReconciliationsByAccountID: reconList,
-        fetchStatus: {
-            fetchState: reconciliationViewState.fetchState,
-            error: reconciliationViewState.error,
-        },
+        fetchStatus: reduceAnyFetchState([
+            {
+                fetchState: reconciliationViewState.fetchState,
+                error: reconciliationViewState.error,
+            },
+            monthEndFetchState,
+        ]),
         plaidConnectionDetails: plaidAccountViewState['expense_automation_reconcile']
             .plaidConnectionDetails,
         reconciliationTabsState: reconciliationViewState.reconTabsState,
@@ -296,6 +418,11 @@ export const getExpenseAutomationReconciliationView = createSelector((state) =>
         allClassList: allClasses,
         reviewTabSelectedVendorByTransactionId,
         reconListUIState: reconciliationViewState.reconListUIState,
+        excludedAccountReconciliationBySectionID,
+        excludedAccountReconciliationByAccountID,
+        excludeAccountFetchState: reconciliationViewState.actionFetchState.excludeAccountFetch,
+        includeAccountFetchState: reconciliationViewState.actionFetchState.includeAccountFetch,
+        excludedAccountIDs: reconciliationViewState.excludedAccountIDs,
     };
 });
 export const isAccountReconReport = (reportId) => {

package/lib/esm/view/expenseAutomationView/selectors/transactionCategorizationSelector.js

@@ -1,14 +1,14 @@
 import omit from 'lodash/omit';
-import { reduceAllFetchState } from '../../../commonStateTypes/reduceFetchState';
+import { reduceAllFetchState, reduceAnyFetchState, } from '../../../commonStateTypes/reduceFetchState';
 import { toMonthYearPeriodId } from '../../../commonStateTypes/timePeriod';
-import { getCurrentTenant } from '../../../entity/tenant/tenantSelector';
+import { getIsAccountingClassesEnabled, getCurrentTenant, } from '../../../entity/tenant/tenantSelector';
 import { getTransactionWithCOT } from '../../../entity/transaction/transactionHelper';
 import { getSupportedTransactionsByIds } from '../../../entity/transaction/transactionSelector';
 import { getAccountList, getNestedAccountListHierarchy, getUncategorizedAccounts, } from '../../accountList/accountListSelector';
 import { getClassList, getNestedClassListHierarchy, } from '../../classList/classListSelector';
 import { getAllSteps } from '../selectorTypes/expenseAutomationViewSelectorTypes';
 export function getExpenseAutomationTransactionView(state) {
-    const { accountState, classState, classListState, accountListState, expenseAutomationTransactionsViewState, expenseAutomationViewState, transactionState, monthEndCloseChecksState, } = state;
+    const { accountState, classState, classListState, accountListState, expenseAutomationTransactionsViewState, expenseAutomationViewState, transactionState, monthEndCloseChecksState, monthEndCloseChecksViewState, } = state;
     const { selectedTransactionCategorizationTab } = expenseAutomationTransactionsViewState;
     const { uiState, refreshStatus, saveStatus, markAsNotMiscategorizedStatus, transactionIdsBySelectedPeriod, transactionReviewLocalDataById, selectedCheckBoxTransactionIds, transactionIdsWithUnsavedData, uploadReceiptStatusById, selectedTransactionId, selectedTransactionLineId, } = expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTransactionCategorizationTab];
     const uncategorizedIncomeExpense = getUncategorizedAccounts(accountState, accountListState, 'accountList');
@@ -41,10 +41,20 @@ export function getExpenseAutomationTransactionView(state) {
         .filter((transaction) => transaction != null);
     const transactions = getSupportedTransactionsByIds(transactionState, transactionIds);
     const transactionsWithCOT = transactions.map((transaction) => getTransactionWithCOT(transaction));
-    const fetchStatus = reduceAllFetchState([
+    const monthEndFetchState = monthYearPeriodId != null
+        ? (monthEndCloseChecksViewState.monthEndCloseChecksViewByTenantId[currentTenant.tenantId]?.[monthYearPeriodId] ?? { fetchState: 'Not-Started', error: undefined })
+        : { fetchState: 'Not-Started', error: undefined };
+    const isAccountingClassesEnabled = getIsAccountingClassesEnabled(state);
+    const allFetchStateList = [
         accountList,
-        classList,
         expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTransactionCategorizationTab],
+    ];
+    if (isAccountingClassesEnabled) {
+        allFetchStateList.push(classList);
+    }
+    const fetchStatus = reduceAnyFetchState([
+        reduceAllFetchState(allFetchStateList),
+        monthEndFetchState,
     ]);
     const totalCountByReview = expenseAutomationTransactionsViewState.transactionCategorizationView.review
         .uiState.totalCount;

package/lib/esm/view/expenseAutomationView/types/jeSchedulesViewState.js

@@ -1 +1,24 @@
-export {};
+import { stringToUnion } from '../../../commonStateTypes/stringToUnion';
+const JE_SCHEDULE_SORT_KEYS = [
+    'vendor',
+    'category',
+    'class',
+    'depCategory',
+    'scheduleCategory',
+    'startMonth',
+    'type',
+    'amortizationPeriod',
+    'jePostingDate',
+    'remainingMonths',
+    'runningBalance',
+    'totalAmount',
+    'transactionDate',
+    'memo',
+];
+export const toJEScheduleSortKey = (v) => stringToUnion(v, JE_SCHEDULE_SORT_KEYS);
+const JE_SCHEDULE_MAIN_TABS = [
+    'pending_review',
+    'ongoing',
+    'completed',
+];
+export const toJEScheduleMainTab = (v) => stringToUnion(v, JE_SCHEDULE_MAIN_TABS);

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

@@ -9,8 +9,10 @@ import { extractThisPeriod } from '../../commonStateTypes/viewAndReport/thisPeri
 import { getBalanceSheet } from '../balanceSheet/balanceSheetSelector';
 import { getCashFlow } from '../cashFlow/cashFlowSelector';
 import { getProfitAndLossReport, } from '../profitAndLoss/profitAndLossSelector';
+import { newBalancesFilterProjectView } from '../../commonStateTypes/coaBalance/coaBalancesFilterProjectView';
 import { getProfitAndLossClassesHorizontalView } from '../profitAndLossClassesView/profitAndLossClassesByClassHorizontalSelector';
 import { getProfitAndLossClassesView } from '../profitAndLossClassesView/profitAndLossClassesViewSelector';
+import { getProfitAndLossProjectView } from '../profitAndLossProjectView/profitAndLossProjectViewSelector';
 function getDateRangeForFinanceReports(profitAndLossState, balanceSheetState, cashFlowState) {
     const datesSorted = [
         profitAndLossState.dataAvailable?.startDate,
@@ -35,7 +37,7 @@ function getFirstMonthOfFY(profitAndLossState, balanceSheetState, cashFlowState)
         cashFlowState.firstMonthOfFY ??
         1);
 }
-export const getFinanceStatement = createSelector((state) => state.accountState, (state) => state.accountGroupState, (state) => state.classState, (state) => state.sectionClassesViewStateV2, (state) => state.profitAndLossState, (state) => state.profitAndLossClassesViewState, (state) => state.balanceSheetState, (state) => state.cashFlowState, (state) => state.financeStatementState, (state) => state.sectionAccountsViewState, (state) => state.forecastState, (accountState, accountGroupState, classState, sectionsState, profitAndLossState, profitAndLossClassesViewState, balanceSheetState, cashFlowState, financeStatementState, sectionAccountsViewState, forecastState) => {
+export const getFinanceStatement = createSelector((state) => state.accountState, (state) => state.accountGroupState, (state) => state.classState, (state) => state.sectionClassesViewStateV2, (state) => state.profitAndLossState, (state) => state.profitAndLossClassesViewState, (state) => state.projectState, (state) => state.sectionProjectViewState, (state) => state.profitAndLossProjectViewState, (state) => state.balanceSheetState, (state) => state.cashFlowState, (state) => state.financeStatementState, (state) => state.sectionAccountsViewState, (state) => state.forecastState, (accountState, accountGroupState, classState, sectionsState, profitAndLossState, profitAndLossClassesViewState, projectState, sectionProjectViewState, profitAndLossProjectViewState, balanceSheetState, cashFlowState, financeStatementState, sectionAccountsViewState, forecastState) => {
     // to get min and max dates across three reports
     let allTimeframeTicks = [];
     let balancesInTimeframe = [];
@@ -69,6 +71,8 @@ export const getFinanceStatement = createSelector((state) => state.accountState,
     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);
+    const projectFilter = newBalancesFilterProjectView(filter.firstMonthOfFY, filter.timeframe, filter.balancesRange.numberOfPeriods, filter.balancesRange.thisPeriod, filter.balancesRange.orderBy, filter.additionalBalances, profitAndLossProjectViewState.uiState.projectsToFilterOut);
+    const profitAndLossByProjectReport = getProfitAndLossProjectView(projectFilter, accountState, projectState, sectionProjectViewState, profitAndLossProjectViewState);
     const profitAndLossByClassHorizontalReport = getProfitAndLossClassesHorizontalView(classFilter, accountState, classState, sectionsState, profitAndLossClassesViewState, profitAndLossClassesViewState.uiState.classViewLayout === 'horizontal'
         ? thisPeriod
         : undefined);
@@ -89,6 +93,12 @@ export const getFinanceStatement = createSelector((state) => state.accountState,
                 error: profitAndLossReport.error,
             };
             break;
+        case 'profit_and_loss_by_projects':
+            selectedReportAndTimeframeFetchState = {
+                fetchState: profitAndLossByProjectReport.fetchState,
+                error: profitAndLossByProjectReport.error,
+            };
+            break;
         case 'balance_sheet':
             selectedReportAndTimeframeFetchState = {
                 fetchState: balanceSheetReport.fetchState,
@@ -119,6 +129,7 @@ export const getFinanceStatement = createSelector((state) => state.accountState,
         dataAvailable,
         profitAndLossReport,
         profitAndLossByClassReport,
+        profitAndLossByProjectReport,
         profitAndLossByClassHorizontalReport,
         balanceSheetReport,
         cashFlowReport,

package/lib/esm/view/profitAndLossClassesView/profitAndLossClassesByClassHorizontalSelector.js

@@ -3,6 +3,7 @@ import { getSummationFreeRangeTotalBalance } from '../../commonStateTypes/coaBal
 import { defaultCustomerCurrency } from '../../commonStateTypes/currencyHelper';
 import { reduceFetchStateParallelTimeframes } from '../../commonStateTypes/reduceFetchState';
 import { getSectionClassesViewReport } from '../../entity/sectionClassesViewV2/sectionClassesViewSelector';
+import { HORIZONTAL_CLASS_TOTAL_BALANCE_ID, } from './profitAndLossClassesByClassHorizontalSelectorTypes';
 import { enrichProfitAndLossByClassHorizontalReport } from './profitAndLossHorizontalEnrichment';
 /** Standard class ID returned by the accounting platform for transactions without an assigned class. */
 export const NOT_SPECIFIED_CLASS_ID = 'not_specified';
@@ -317,6 +318,7 @@ function buildHeaderBalances(classColumns, timeframe, selectedPeriod, currency)
         startDate,
         type: 'default',
         label: col.className,
+        id: col.classId,
     }));
     // Add a "Total" column
     balances.push({
@@ -326,6 +328,7 @@ function buildHeaderBalances(classColumns, timeframe, selectedPeriod, currency)
         startDate,
         type: 'default',
         label: 'Total',
+        id: HORIZONTAL_CLASS_TOTAL_BALANCE_ID,
     });
     return balances;
 }

package/lib/esm/view/profitAndLossProjectView/profitAndLossForTimeframeProjectViewEpic.js

@@ -0,0 +1,47 @@
+import { from, of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { updateProjects } from '../../entity/project/projectReducer';
+import { updateSectionProjectView } from '../../entity/sectionProjectView/sectionProjectViewReducer';
+import { createZeniAPIStatus, isSuccessResponse } from '../../responsePayload';
+import { fetchProfitAndLossForTimeframeProjectView, updateProfitAndLossForTimeframeProjectView, updateProfitAndLossForTimeframeProjectViewFailure, } from './profitAndLossProjectViewReducer';
+export const fetchProfitAndLossForTimeframeProjectViewEpic = (actions$, _, zeniAPI) => actions$.pipe(filter(fetchProfitAndLossForTimeframeProjectView.match), mergeMap((action) => {
+    const getTimeSeriesGroup = (timeframe) => {
+        switch (timeframe) {
+            case 'month':
+                return 'months';
+            case 'quarter':
+                return 'quarters';
+            case 'year':
+                return 'years';
+        }
+    };
+    const queryValue = {
+        is_full_response: action.payload.fetchFullReport,
+        time_series_groups: [getTimeSeriesGroup(action.payload.timeframe)],
+        is_group_by_project: true,
+    };
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/2.0/reports/profit_and_loss?query=${encodeURIComponent(JSON.stringify(queryValue))}`)
+        .pipe(mergeMap((response) => {
+        if (response.data != null && isSuccessResponse(response)) {
+            const actions = [];
+            const report = response.data.report;
+            const currency = report.currency;
+            actions.push(updateProjects(report.projects));
+            actions.push(updateSectionProjectView(action.payload.timeframe, 'cogs', 'profit_and_loss_by_projects', report.cogs, report.accounts, currency));
+            actions.push(updateSectionProjectView(action.payload.timeframe, 'expenses', 'profit_and_loss_by_projects', report.expenses, report.accounts, currency));
+            actions.push(updateSectionProjectView(action.payload.timeframe, 'income', 'profit_and_loss_by_projects', report.income, report.accounts, currency));
+            actions.push(updateSectionProjectView(action.payload.timeframe, 'otherExpenses', 'profit_and_loss_by_projects', report.other_expenses, report.accounts, currency));
+            actions.push(updateSectionProjectView(action.payload.timeframe, 'otherIncome', 'profit_and_loss_by_projects', report.other_income, report.accounts, currency));
+            actions.push(updateProfitAndLossForTimeframeProjectView({
+                timeframe: action.payload.timeframe,
+                report: response.data,
+            }));
+            return from(actions);
+        }
+        else {
+            return of(updateProfitAndLossForTimeframeProjectViewFailure(response.status, action.payload.timeframe));
+        }
+    }), catchError((error) => of(updateProfitAndLossForTimeframeProjectViewFailure(createZeniAPIStatus('Unexpected Error', 'P&L by Projects REST API call errored out' +
+        JSON.stringify(error)), action.payload.timeframe))));
+}));

package/lib/esm/view/profitAndLossProjectView/profitAndLossProjectViewEpic.js

@@ -0,0 +1,30 @@
+import { from } from 'rxjs';
+import { filter, switchMap } from 'rxjs/operators';
+import { fetchProfitAndLossForTimeframeProjectView, fetchProfitAndLossProjectView, } from './profitAndLossProjectViewReducer';
+export const fetchProfitAndLossProjectViewEpic = (actions$, state) => actions$.pipe(filter(fetchProfitAndLossProjectView.match), switchMap((action) => {
+    const { cacheOverride } = action.payload;
+    if (cacheOverride === true) {
+        return from([
+            fetchProfitAndLossForTimeframeProjectView('month'),
+            fetchProfitAndLossForTimeframeProjectView('quarter'),
+            fetchProfitAndLossForTimeframeProjectView('year'),
+        ]);
+    }
+    else {
+        const fetchActions = [];
+        const projectFetchState = state.value.profitAndLossProjectViewState.fetchState;
+        if (projectFetchState['month'].fetchState !== 'In-Progress' &&
+            projectFetchState['month'].fetchState !== 'Completed') {
+            fetchActions.push(fetchProfitAndLossForTimeframeProjectView('month'));
+        }
+        if (projectFetchState['quarter'].fetchState !== 'In-Progress' &&
+            projectFetchState['quarter'].fetchState !== 'Completed') {
+            fetchActions.push(fetchProfitAndLossForTimeframeProjectView('quarter'));
+        }
+        if (projectFetchState['year'].fetchState !== 'In-Progress' &&
+            projectFetchState['year'].fetchState !== 'Completed') {
+            fetchActions.push(fetchProfitAndLossForTimeframeProjectView('year'));
+        }
+        return from(fetchActions);
+    }
+}));

package/lib/esm/view/profitAndLossProjectView/profitAndLossProjectViewPayload.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/profitAndLossProjectView/profitAndLossProjectViewReducer.js

@@ -0,0 +1,113 @@
+import { createSlice } from '@reduxjs/toolkit';
+import { mapReportPayloadV2ToReportV2 } from '../../commonPayloadTypes/v2/viewAndReportPayloadv2';
+export const initialState = {
+    bookCloseDate: undefined,
+    fetchState: {
+        month: {
+            fetchState: 'Not-Started',
+            error: undefined,
+        },
+        quarter: {
+            fetchState: 'Not-Started',
+            error: undefined,
+        },
+        year: {
+            fetchState: 'Not-Started',
+            error: undefined,
+        },
+    },
+    firstMonthOfFY: 1,
+    projectIds: [],
+    reportId: 'profit_and_loss_by_projects',
+    reportTitle: 'profit_and_loss_by_projects',
+    uiState: {
+        accountViewMode: 'project',
+        nodeCollapseState: {},
+        projectsToFilterOut: [],
+        scrollPosition: undefined,
+    },
+};
+const profitAndLossProjectView = createSlice({
+    name: 'profitAndLossProjectView',
+    initialState,
+    reducers: {
+        fetchProfitAndLossProjectView: {
+            prepare(cacheOverride = false) {
+                return { payload: { cacheOverride } };
+            },
+            reducer(
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            _draft, 
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            _action) {
+                // nothing to do here
+            },
+        },
+        fetchProfitAndLossForTimeframeProjectView: {
+            prepare(timeframe, fetchFullReport = true, cacheOverride = false) {
+                return { payload: { timeframe, fetchFullReport, cacheOverride } };
+            },
+            reducer(draft, action) {
+                const timeframe = action.payload.timeframe;
+                draft.fetchState[timeframe].fetchState = 'In-Progress';
+                draft.fetchState[timeframe].error = undefined;
+            },
+        },
+        updateProfitAndLossForTimeframeProjectView(draft, action) {
+            doUpdateProfitAndLossProjectView(draft, action.payload.timeframe, action.payload.report);
+        },
+        updateProfitAndLossForTimeframeProjectViewFailure: {
+            prepare(error, timeframe) {
+                return {
+                    payload: {
+                        error,
+                        timeframe,
+                    },
+                };
+            },
+            reducer(draft, action) {
+                draft.fetchState[action.payload.timeframe] = {
+                    fetchState: 'Error',
+                    error: action.payload.error,
+                };
+            },
+        },
+        updateProjectsToFilterOut(draft, action) {
+            draft.uiState.projectsToFilterOut = action.payload.projectsToFilterOut;
+        },
+        updateProfitAndLossProjectViewUIState(draft, action) {
+            const { nodeCollapseState, scrollPosition } = action.payload;
+            if (nodeCollapseState != null) {
+                draft.uiState.nodeCollapseState = Object.assign({}, draft.uiState.nodeCollapseState, {
+                    [nodeCollapseState.nodeId]: nodeCollapseState.isCollapsed,
+                });
+            }
+            if (scrollPosition != null) {
+                draft.uiState.scrollPosition = scrollPosition;
+            }
+        },
+        updateProjectViewAccountViewMode(draft, action) {
+            draft.uiState.accountViewMode = action.payload.viewMode;
+        },
+        resetProfitAndLossProjectNodeCollapseState(draft) {
+            draft.uiState.nodeCollapseState = {};
+        },
+        clearProfitAndLossProjectView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchProfitAndLossProjectView, fetchProfitAndLossForTimeframeProjectView, updateProfitAndLossForTimeframeProjectView, updateProfitAndLossForTimeframeProjectViewFailure, updateProjectsToFilterOut, updateProfitAndLossProjectViewUIState, updateProjectViewAccountViewMode, resetProfitAndLossProjectNodeCollapseState, clearProfitAndLossProjectView, } = profitAndLossProjectView.actions;
+export default profitAndLossProjectView.reducer;
+const doUpdateProfitAndLossProjectView = (draft, timeframe, pandLReport) => {
+    const report = mapReportPayloadV2ToReportV2(pandLReport.report);
+    draft.currency = report.currency;
+    draft.dataAvailable = report.dataAvailable;
+    draft.firstMonthOfFY = report.firstMonthOfFY;
+    draft.bookCloseDate = report.bookCloseDate;
+    draft.status = report.status;
+    draft.fetchState[timeframe].fetchState = 'Completed';
+    if (draft.projectIds.length <= 0) {
+        draft.projectIds = pandLReport.report.projects.map((project) => project.zeni_project_id);
+    }
+};

package/lib/esm/view/profitAndLossProjectView/profitAndLossProjectViewSelector.js

@@ -0,0 +1,65 @@
+import { getDifferenceOfBalancesGroupedByPeriod } from '../../commonStateTypes/coaBalance/classBalances/getDifferenceOfBalancesGroupedByPeriod';
+import { getSumOfBalancesByGroupedByPeriod } from '../../commonStateTypes/coaBalance/classBalances/getSumOfBalancesGroupedByPeriod';
+import { getCOABalances } from '../../commonStateTypes/coaBalance/coaBalance';
+import { reduceFetchStateParallelTimeframes } from '../../commonStateTypes/reduceFetchState';
+import { getProjectsByIds } from '../../entity/project/projectSelector';
+import { getSectionProjectViewReport } from '../../entity/sectionProjectView/sectionProjectViewSelector';
+import { ALL_PANDL_REPORT_VIEW_SECTION_IDS, } from '../profitAndLossClassesView/profitAndLossClassesViewSelectorTypes';
+export const profitAndLossProjectIdsInOrder = [
+    'income',
+    'cogs',
+    'grossProfit',
+    'expenses',
+    'earningsBeforeInterestAndTax',
+    'otherIncome',
+    'otherExpenses',
+    'netOtherIncome',
+    'netIncome',
+];
+export const getProfitAndLossProjectView = (filter, accountState, projectState, sectionsState, profitAndLossProjectViewState) => {
+    const fetchState = reduceFetchStateParallelTimeframes([
+        profitAndLossProjectViewState.fetchState.month,
+        profitAndLossProjectViewState.fetchState.quarter,
+        profitAndLossProjectViewState.fetchState.year,
+    ]);
+    const reportId = 'profit_and_loss_by_projects';
+    const sections = {};
+    const calculatedSections = {};
+    if (fetchState.fetchState === 'Completed') {
+        ALL_PANDL_REPORT_VIEW_SECTION_IDS.forEach((sectionId) => {
+            sections[`${sectionId}`] = getSectionProjectViewReport(accountState, projectState, sectionsState, profitAndLossProjectViewState.projectIds, {
+                reportId,
+                sectionId,
+            }, filter);
+        });
+        const grossProfitBalancesByPeriod = getDifferenceOfBalancesGroupedByPeriod(sections['income'].sectionBalancesTotalByPeriod, sections['cogs'].sectionBalancesTotalByPeriod);
+        calculatedSections['grossProfit'] = getCOABalances(grossProfitBalancesByPeriod, filter);
+        const ebitBalancesByPeriod = getDifferenceOfBalancesGroupedByPeriod(grossProfitBalancesByPeriod, sections['expenses'].sectionBalancesTotalByPeriod);
+        calculatedSections['earningsBeforeInterestAndTax'] = getCOABalances(ebitBalancesByPeriod, filter);
+        const netOtherIncomeBalances = getDifferenceOfBalancesGroupedByPeriod(sections['otherIncome'].sectionBalancesTotalByPeriod, sections['otherExpenses'].sectionBalancesTotalByPeriod);
+        calculatedSections['netOtherIncome'] = getCOABalances(netOtherIncomeBalances, filter);
+        const netIncomeBalances = getSumOfBalancesByGroupedByPeriod([
+            ebitBalancesByPeriod,
+            netOtherIncomeBalances,
+        ]);
+        calculatedSections['netIncome'] = getCOABalances(netIncomeBalances, filter);
+    }
+    return {
+        sections,
+        calculatedSections,
+        reportId: profitAndLossProjectViewState.reportId,
+        reportTitle: profitAndLossProjectViewState.reportTitle,
+        firstMonthOfFY: profitAndLossProjectViewState.firstMonthOfFY,
+        dataAvailable: profitAndLossProjectViewState.dataAvailable,
+        bookCloseDate: profitAndLossProjectViewState.bookCloseDate,
+        version: profitAndLossProjectViewState.version,
+        status: profitAndLossProjectViewState.status,
+        fetchState: fetchState.fetchState,
+        error: fetchState.error,
+        filter,
+        uiState: profitAndLossProjectViewState.uiState,
+        projects: getProjectsByIds(projectState, profitAndLossProjectViewState.projectIds),
+        projectsToFilterOut: profitAndLossProjectViewState.uiState.projectsToFilterOut,
+        idsInOrder: profitAndLossProjectIdsInOrder,
+    };
+};

package/lib/esm/view/profitAndLossProjectView/profitAndLossProjectViewSelectorTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/profitAndLossProjectView/profitAndLossProjectViewState.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/reportsResync/reportsClassViewRefetchingEpic.js

@@ -3,6 +3,7 @@ import { filter, switchMap } from 'rxjs/operators';
 import { fetchNetBurnOrIncomeClassesView } from '../netBurnOrIncomeClassesView/netBurnOrIncomeClassesViewReducer';
 import { fetchOpExClassesView } from '../opExClassesView/opExClassesViewReducer';
 import { fetchProfitAndLossClassesView } from '../profitAndLossClassesView/profitAndLossClassesViewReducer';
+import { fetchProfitAndLossProjectView } from '../profitAndLossProjectView/profitAndLossProjectViewReducer';
 import { fetchRevenueClassesView } from '../revenueClassesView/revenueClassesViewReducer';
 import { initiateReportsClassViewRefetching } from './reportsResyncReducer';
 export const initiateReportsClassViewRefetchingEpic = (actions$, 
@@ -23,6 +24,9 @@ _) => actions$.pipe(filter(initiateReportsClassViewRefetching.match), switchMap(
         case 'net_burn_or_income_by_classes':
             actions.push(fetchNetBurnOrIncomeClassesView(true));
             break;
+        case 'profit_and_loss_by_projects':
+            actions.push(fetchProfitAndLossProjectView(true));
+            break;
         default:
             break;
     }