@zeniai/client-epic-state 4.19.91-beta4ND → 4.19.91-betaJK2

package/lib/commonStateTypes/reduceFetchState.d.ts

@@ -11,15 +11,6 @@ export declare const isAllFetchCompleted: (fetchStateList: FetchStateAndError[])
  * @return single fetchStateWithError
  */
 export declare function reduceFetchState(fetchStateList: FetchStateAndError[]): FetchStateAndError;
-/**
- * Combine multiple independent fetches (e.g. month / quarter / year for one report).
- * In-Progress if any fetch is in progress; Completed only when all complete; Error if
- * any failed once nothing is still in progress.
- *
- * Differs from {@link reduceFetchState} (requires all In-Progress for that state) and
- * from {@link reduceAllFetchState} (Error only when every fetch failed).
- */
-export declare function reduceFetchStateParallelTimeframes(fetchStateList: FetchStateAndError[]): FetchStateAndError;
 /**
  * Reduces list of fetch state to boolean
  * @param fetchStateList list of fetch states

package/lib/commonStateTypes/reduceFetchState.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reduceAnyCompletedFetchState = exports.reduceAllFetchState = exports.reduceAnyFetchState = exports.isAnyFetchCompleted = exports.isAnyFetchInProgress = exports.isAllFetchCompleted = void 0;
 exports.reduceFetchState = reduceFetchState;
-exports.reduceFetchStateParallelTimeframes = reduceFetchStateParallelTimeframes;
 /**
  * Reduces list of fetch state to boolean
  * @param fetchStateList list of fetch states
@@ -56,31 +55,6 @@ function reduceFetchState(fetchStateList) {
         error,
     };
 }
-/**
- * Combine multiple independent fetches (e.g. month / quarter / year for one report).
- * In-Progress if any fetch is in progress; Completed only when all complete; Error if
- * any failed once nothing is still in progress.
- *
- * Differs from {@link reduceFetchState} (requires all In-Progress for that state) and
- * from {@link reduceAllFetchState} (Error only when every fetch failed).
- */
-function reduceFetchStateParallelTimeframes(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 = reduceError(fetchStateList);
-    let fetchState = 'Not-Started';
-    if (isAnyProgress) {
-        fetchState = 'In-Progress';
-    }
-    else if (isAllCompleted) {
-        fetchState = 'Completed';
-    }
-    else if (isAnyError) {
-        fetchState = 'Error';
-    }
-    return { fetchState, error };
-}
 /**
  * Reduces list of fetch state to boolean
  * @param fetchStateList list of fetch states

package/lib/entity/userGroups/userGroupsPayload.d.ts

@@ -0,0 +1,7 @@
+import { UserGroup } from './userGroupsState';
+export interface UserGroupPayload {
+    id: string;
+    name: string;
+    user_ids?: string[] | null;
+}
+export declare function mapUserGroupPayloadToUserGroup(payload: UserGroupPayload): UserGroup;

package/lib/entity/userGroups/userGroupsPayload.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapUserGroupPayloadToUserGroup = mapUserGroupPayloadToUserGroup;
+function mapUserGroupPayloadToUserGroup(payload) {
+    return {
+        userGroupId: payload.id,
+        name: payload.name,
+        userIds: payload.user_ids ?? [],
+    };
+}

package/lib/entity/userGroups/userGroupsReducer.d.ts

@@ -0,0 +1,8 @@
+import { UserGroupPayload } from './userGroupsPayload';
+import { UserGroupsState } from './userGroupsState';
+export declare const initialState: UserGroupsState;
+export declare const updateAllUserGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    userGroups: UserGroupPayload[];
+}, "userGroups/updateAllUserGroups">, removeUserGroup: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "userGroups/removeUserGroup">, clearAllUserGroups: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"userGroups/clearAllUserGroups">;
+declare const _default: import("redux").Reducer<UserGroupsState>;
+export default _default;

package/lib/entity/userGroups/userGroupsReducer.js

@@ -0,0 +1,29 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearAllUserGroups = exports.removeUserGroup = exports.updateAllUserGroups = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const userGroupsPayload_1 = require("./userGroupsPayload");
+exports.initialState = {
+    userGroupByUserGroupId: {},
+};
+const userGroups = (0, toolkit_1.createSlice)({
+    name: 'userGroups',
+    initialState: exports.initialState,
+    reducers: {
+        updateAllUserGroups(draft, action) {
+            action.payload.userGroups.forEach((payload) => {
+                const userGroup = (0, userGroupsPayload_1.mapUserGroupPayloadToUserGroup)(payload);
+                draft.userGroupByUserGroupId[userGroup.userGroupId] = userGroup;
+            });
+        },
+        removeUserGroup(draft, action) {
+            delete draft.userGroupByUserGroupId[action.payload];
+        },
+        clearAllUserGroups(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = userGroups.actions, exports.updateAllUserGroups = _a.updateAllUserGroups, exports.removeUserGroup = _a.removeUserGroup, exports.clearAllUserGroups = _a.clearAllUserGroups;
+exports.default = userGroups.reducer;

package/lib/entity/userGroups/userGroupsSelector.d.ts

@@ -0,0 +1,4 @@
+import { ID } from '../../commonStateTypes/common';
+import { UserGroup, UserGroupsState } from './userGroupsState';
+export declare function getUserGroupsByUserGroupIds(userGroupsState: UserGroupsState, userGroupIds: ID[]): UserGroup[];
+export declare function getUserGroupByUserGroupId(userGroupsState: UserGroupsState, userGroupId: ID): UserGroup | undefined;

package/lib/entity/userGroups/userGroupsSelector.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUserGroupsByUserGroupIds = getUserGroupsByUserGroupIds;
+exports.getUserGroupByUserGroupId = getUserGroupByUserGroupId;
+function getUserGroupsByUserGroupIds(userGroupsState, userGroupIds) {
+    return userGroupIds
+        .map((id) => getUserGroupByUserGroupId(userGroupsState, id))
+        .filter((value) => value != null);
+}
+function getUserGroupByUserGroupId(userGroupsState, userGroupId) {
+    return userGroupsState.userGroupByUserGroupId[userGroupId] ?? undefined;
+}

package/lib/entity/userGroups/userGroupsState.d.ts

@@ -0,0 +1,9 @@
+import { ID } from '../../commonStateTypes/common';
+export interface UserGroup {
+    name: string;
+    userGroupId: ID;
+    userIds: ID[];
+}
+export interface UserGroupsState {
+    userGroupByUserGroupId: Record<ID, UserGroup>;
+}

package/lib/esm/commonStateTypes/reduceFetchState.js

@@ -50,31 +50,6 @@ export function reduceFetchState(fetchStateList) {
         error,
     };
 }
-/**
- * Combine multiple independent fetches (e.g. month / quarter / year for one report).
- * In-Progress if any fetch is in progress; Completed only when all complete; Error if
- * any failed once nothing is still in progress.
- *
- * Differs from {@link reduceFetchState} (requires all In-Progress for that state) and
- * from {@link reduceAllFetchState} (Error only when every fetch failed).
- */
-export function reduceFetchStateParallelTimeframes(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 = reduceError(fetchStateList);
-    let fetchState = 'Not-Started';
-    if (isAnyProgress) {
-        fetchState = 'In-Progress';
-    }
-    else if (isAllCompleted) {
-        fetchState = 'Completed';
-    }
-    else if (isAnyError) {
-        fetchState = 'Error';
-    }
-    return { fetchState, error };
-}
 /**
  * Reduces list of fetch state to boolean
  * @param fetchStateList list of fetch states

package/lib/esm/entity/userGroups/userGroupsPayload.js

@@ -0,0 +1,7 @@
+export function mapUserGroupPayloadToUserGroup(payload) {
+    return {
+        userGroupId: payload.id,
+        name: payload.name,
+        userIds: payload.user_ids ?? [],
+    };
+}

package/lib/esm/entity/userGroups/userGroupsReducer.js

@@ -0,0 +1,25 @@
+import { createSlice } from '@reduxjs/toolkit';
+import { mapUserGroupPayloadToUserGroup, } from './userGroupsPayload';
+export const initialState = {
+    userGroupByUserGroupId: {},
+};
+const userGroups = createSlice({
+    name: 'userGroups',
+    initialState,
+    reducers: {
+        updateAllUserGroups(draft, action) {
+            action.payload.userGroups.forEach((payload) => {
+                const userGroup = mapUserGroupPayloadToUserGroup(payload);
+                draft.userGroupByUserGroupId[userGroup.userGroupId] = userGroup;
+            });
+        },
+        removeUserGroup(draft, action) {
+            delete draft.userGroupByUserGroupId[action.payload];
+        },
+        clearAllUserGroups(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { updateAllUserGroups, removeUserGroup, clearAllUserGroups } = userGroups.actions;
+export default userGroups.reducer;

package/lib/esm/entity/userGroups/userGroupsSelector.js

@@ -0,0 +1,8 @@
+export function getUserGroupsByUserGroupIds(userGroupsState, userGroupIds) {
+    return userGroupIds
+        .map((id) => getUserGroupByUserGroupId(userGroupsState, id))
+        .filter((value) => value != null);
+}
+export function getUserGroupByUserGroupId(userGroupsState, userGroupId) {
+    return userGroupsState.userGroupByUserGroupId[userGroupId] ?? undefined;
+}

package/lib/esm/index.js

@@ -14,7 +14,7 @@ import { getActualPeriodOfFY, getActualPeriodOfFYQtr, } from './commonStateTypes
 import { getFYMonths } from './commonStateTypes/fiscalYearHelpers/getFYMonths';
 import { getFYQuarterAndYear, getLastMonthOfFYQuarter, getLastMonthOfFYYear, } from './commonStateTypes/fiscalYearHelpers/getFYQuarterAndYear';
 import { getStartOfAndEndOfTimeframeForFY } from './commonStateTypes/fiscalYearHelpers/getStartOfAndEndOfTimeframeFY';
-import { isAllFetchCompleted, isAnyFetchInProgress, reduceAllFetchState, reduceAnyCompletedFetchState, reduceAnyFetchState, reduceFetchState, reduceFetchStateParallelTimeframes, } from './commonStateTypes/reduceFetchState';
+import { isAllFetchCompleted, isAnyFetchInProgress, reduceAllFetchState, reduceAnyCompletedFetchState, reduceAnyFetchState, reduceFetchState, } from './commonStateTypes/reduceFetchState';
 import { toReimbursementTypeCode } from './commonStateTypes/reimbursementTypeCode';
 import { stringToUnion, stringToUnionStrict, } from './commonStateTypes/stringToUnion';
 import { SCHEDULE_DAYS_OF_MONTH, convertToPeriod, toAbsoluteDay, toMonth, toMonthStrict, toMonthYearPeriodId, toQuarter, toQuarterStrict, toScheduleDaysOfMonth, } from './commonStateTypes/timePeriod';
@@ -217,8 +217,7 @@ import { changeZeniPersonRoles, deletePerson, fetchAllPeopleRequiredViews, fetch
 import { getPeople, getPeopleLocalData } from './view/people/peopleSelector';
 import { fetchProfitAndLoss, fetchProfitAndLossForTimeframe, resetProfitAndLossNodeCollapseState, updateProfitAndLossUIState, } from './view/profitAndLoss/profitAndLossReducer';
 import { getPandLReportFetchState, getProfitAndLossReport, } from './view/profitAndLoss/profitAndLossSelector';
-import { fetchProfitAndLossClassesView, resetProfitAndLossClassesNodeCollapseState, updateAccountViewMode as updateProfitAndLossAccountViewMode, updateClassesToFilterOut as updateProfitAndLossClassesToFilterOut, updateClassViewLayout, updateProfitAndLossClassesViewUIState, } from './view/profitAndLossClassesView/profitAndLossClassesViewReducer';
-import { getProfitAndLossClassesHorizontalView } from './view/profitAndLossClassesView/profitAndLossClassesByClassHorizontalSelector';
+import { fetchProfitAndLossClassesView, resetProfitAndLossClassesNodeCollapseState, updateAccountViewMode as updateProfitAndLossAccountViewMode, updateClassesToFilterOut as updateProfitAndLossClassesToFilterOut, updateProfitAndLossClassesViewUIState, } from './view/profitAndLossClassesView/profitAndLossClassesViewReducer';
 import { getProfitAndLossClassesView } from './view/profitAndLossClassesView/profitAndLossClassesViewSelector';
 import { isPandLReportViewCalculatedSectionID, isPandLReportViewSectionID, } from './view/profitAndLossClassesView/profitAndLossClassesViewSelectorTypes';
 import { fetchEntityRecommendationsByTransactionId, fetchRecommendationByEntityId, fetchRecommendationByEntityName, } from './view/recommendation/recommendationReducer';
@@ -452,7 +451,7 @@ export { fetchDashboard, getDashboard, updateTreasuryVideoClosed, };
 export { updateDashboardLayout };
 export { getPandLWithForecast, } from './view/profitAndLoss/pAndLWithForecast/pAndLWithForecastSelector';
 export { fetchProfitAndLoss, resetProfitAndLossNodeCollapseState, updateProfitAndLossUIState, getProfitAndLossReport, getPandLReportFetchState, fetchProfitAndLossForTimeframe, };
-export { fetchProfitAndLossClassesView, updateProfitAndLossClassesToFilterOut, resetProfitAndLossClassesNodeCollapseState, updateProfitAndLossClassesViewUIState, updateProfitAndLossAccountViewMode, updateClassViewLayout, getProfitAndLossClassesView, getProfitAndLossClassesHorizontalView, isPandLReportViewCalculatedSectionID, isPandLReportViewSectionID, };
+export { fetchProfitAndLossClassesView, updateProfitAndLossClassesToFilterOut, resetProfitAndLossClassesNodeCollapseState, updateProfitAndLossClassesViewUIState, updateProfitAndLossAccountViewMode, getProfitAndLossClassesView, isPandLReportViewCalculatedSectionID, isPandLReportViewSectionID, };
 export { getAccountingProviderAttachment };
 export { fetchUserListByType, getUserList };
 export { fetchAllPeopleRequiredViews, fetchPeoplePage, fetchPeople, deletePerson, resendInvite, changeZeniPersonRoles, invitePeople, inviteZeniPeople, updatePeopleUIState, peopleSaveUpdates, resetUpdateErrorMessage, peopleSaveDataInLocalStore, peopleClearDataInLocalStore, getPeople, getPeopleLocalData, initializeEditPerson, };
@@ -544,7 +543,7 @@ export { saveRealTimeApproval, updateIsEditModeRealTimeApprovals, };
 export { deleteRemi, fetchRemiDetail, cancelAndDeleteRemi, approveOrRejectRemi, clearRemiDetailView, fetchDuplicateReimbursement, clearDuplicateReimbursementDetail, removeDuplicateReimbursementByLineId, };
 export { getEditRemiDetail, };
 export { fetchEditRemiDetailPage, fetchRecommendationsAndUpdateMerchantRecommendations, fetchRemiAndInitializeLocalStore, initializeRemiToLocalStore, saveRemiUpdatesToLocalStore, fetchCurrencyConversionValue, discardRemiUpdatesInLocalStore, removeFileFromRemiUpdatesInLocalStore, saveRemiDetail, saveRemiSuccessOrFailure, parseReceiptsToRemi, clearEditRemiViewDetail, updateAddRemiAutoFields, updateUploadFetchState, updateTentativeMerchantNames, clearTentativeMerchantName, updateReimbursementType, updateHomeCurrencyConversion, clearAddRemiAutoFields, };
-export { reduceFetchState, reduceFetchStateParallelTimeframes, reduceAnyFetchState, reduceAllFetchState, reduceAnyCompletedFetchState, isAnyFetchInProgress, isAllFetchCompleted, ALL_FILE_TYPES, toFileTypeStrict, };
+export { reduceFetchState, reduceAnyFetchState, reduceAllFetchState, reduceAnyCompletedFetchState, isAnyFetchInProgress, isAllFetchCompleted, ALL_FILE_TYPES, toFileTypeStrict, };
 export { getNextNthWorkingDay, getPreviousNthWorkingDay, isHolidayToday, filterDays, getYearsList, isHoliday, holidaysFormatted, PAYMENT_BUSINESS_DAYS, };
 export { fetchCompanyOnboardingView, fetchQBOConnectionPool, updateQBOConnectionPoolExternalConnection, fetchOnboardingCompletedCompanies, saveOnboardingCustomerCompletedStatus, toProductType, toProductTypeStrict, getOnboardingCockpitView, getNewOnboardingCustomerView, getOnboardingEmailGroup, initializeOnboardingCustomerViewUpdateData, clearOnboardingCustomerViewUpdateData, saveOnboardingCustomerViewUpdateData, updateOnboardingCustomerListUIState, updateCustomerCreationStatus, updateStatusAfterOnboardingCompleted, saveOnboardingCustomerViewUpdates, saveOnboardingCustomerNotes, saveOnboardingCustomerDataInLocalStore, updateOnboardingCustomerDataInLocalStore, resetNewOnboardedCustomerId, sendOnboardingCustomerViewInvite, retryBankAccountConnectionForOnboarding, };
 export { getTransactionsListByCategoryType, getTransactionListUIStateByCategoryType, };

package/lib/esm/reducer.js

@@ -58,6 +58,7 @@ import toastNotification, { initialState as initialToastNotificationState, } fro
 import transaction, { initialState as initialTransactionState, } from './entity/transaction/transactionReducer';
 import transactionActivityLog, { initialState as initialTransactionActivityLogState, } from './entity/transactionActivityLog/transactionActivityLogReducer';
 import user, { initialState as initialUserState, } from './entity/user/userReducer';
+import userGroups, { initialState as initialUserGroupsState, } from './entity/userGroups/userGroupsReducer';
 import userRole, { initialState as initialUserRoleState, } from './entity/userRole/userRoleReducer';
 import vendor, { initialState as initialVendorState, } from './entity/vendor/vendorReducer';
 import vendorExpense, { initialState as initialVendorExpenseState, } from './entity/vendorExpense/vendorExpenseReducer';
@@ -198,6 +199,7 @@ import trend, { initialTrendState } from './view/trend/trendReducer';
 import trendWithTransactions, { initialTrendWithTransactionsState, } from './view/trendWithTransactions/trendWithTransactionsReducer';
 import twoFactorAuthentication, { initialState as initialTwoFactorAuthenticationState, } from './view/twoFactorAuthentication/twoFactorAuthenticationReducer';
 import userFinancialAccountState, { initialState as initialUserFinancialAccountState, } from './view/userFinancialAccount/userFinancialAccountReducer';
+import userGroupListView, { initialState as initialUserGroupListViewState, } from './view/userGroupListView/userGroupListViewReducer';
 import userListView, { initialState as initialUserListViewState, } from './view/userListView/userListViewReducer';
 import userRoleConfig, { initialState as initialUserRoleConfigState, } from './view/userRoleConfigView/userRoleConfigReducer';
 import vendor1099TypeList, { initialState as initialVendor1099TypeListState, } from './view/vendor1099TypeList/vendor1099TypeListReducer';
@@ -270,6 +272,7 @@ const initialEntitiesState = {
     toastNotificationState: initialToastNotificationState,
     transactionActivityLogState: initialTransactionActivityLogState,
     transactionState: initialTransactionState,
+    userGroupsState: initialUserGroupsState,
     userRoleState: initialUserRoleState,
     userState: initialUserState,
     vendorExpenseState: initialVendorExpenseState,
@@ -408,6 +411,7 @@ const initialViewsState = {
     trendWithTransactionsState: initialTrendWithTransactionsState,
     twoFactorAuthenticationState: initialTwoFactorAuthenticationState,
     userFinancialAccountState: initialUserFinancialAccountState,
+    userGroupListViewState: initialUserGroupListViewState,
     userListViewState: initialUserListViewState,
     userRoleConfigState: initialUserRoleConfigState,
     vendorFirstReviewViewState: initialVendorFirstReviewViewState,
@@ -492,6 +496,7 @@ const entityReducers = {
     toastNotificationState: toastNotification,
     transactionActivityLogState: transactionActivityLog,
     transactionState: transaction,
+    userGroupsState: userGroups,
     userRoleState: userRole,
     userState: user,
     vendorExpenseState: vendorExpense,
@@ -630,6 +635,7 @@ const viewReducers = {
     trendWithTransactionsState: trendWithTransactions,
     twoFactorAuthenticationState: twoFactorAuthentication,
     userFinancialAccountState: userFinancialAccountState,
+    userGroupListViewState: userGroupListView,
     userListViewState: userListView,
     userRoleConfigState: userRoleConfig,
     vendorFirstReviewViewState: vendorFirstReviewView,

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

@@ -44,20 +44,19 @@ const financeStatement = createSlice({
         updateFinanceStatementThisPeriod(draft, action) {
             const { firstMonthOfFY, coaBalances, maxNumOfPeriodsToHighlight } = action.payload;
             const { timeframe, selectedCOABalancesRange } = draft;
-            const safeCoaBalances = coaBalances != null ? coaBalances : [];
-            if (safeCoaBalances.length > 0) {
-                const prevThisPeriod = extractThisPeriod(action.payload.firstMonthOfFY, timeframe, selectedCOABalancesRange, safeCoaBalances);
+            if (coaBalances.length > 0) {
+                const prevThisPeriod = extractThisPeriod(action.payload.firstMonthOfFY, timeframe, selectedCOABalancesRange, coaBalances);
                 if (prevThisPeriod != null) {
                     const selectedCoaBalancesRangeWithThisPeriod = {
                         ...selectedCOABalancesRange,
                         thisPeriod: prevThisPeriod,
                     };
-                    const newThisPeriod = getMatchingThisPeriod(action.payload.firstMonthOfFY, timeframe, action.payload.thisPeriod, safeCoaBalances);
+                    const newThisPeriod = getMatchingThisPeriod(action.payload.firstMonthOfFY, timeframe, action.payload.thisPeriod, coaBalances);
                     if (newThisPeriod != null) {
                         const selectionRanges = getSelectedAndHighlightedRangesForThisPeriod({
                             firstMonthOfFY,
                             thisPeriod: newThisPeriod,
-                            coaBalances: safeCoaBalances,
+                            coaBalances,
                             timeframe,
                             maxNumOfPeriodsToSelect: maxNumOfPeriodsToHighlight,
                             currentSelection: {
@@ -76,9 +75,7 @@ const financeStatement = createSlice({
             draft.selectedReportId = action.payload;
         },
         updateFinanceStatementAdditionalBalancesSelection(draft, action) {
-            const { firstMonthOfFY, additionalBalances: additionalBalancesPayload, coaBalances, maxNumOfPeriodsToHighlight, } = action.payload;
-            const safeCoaBalances = coaBalances != null ? coaBalances : [];
-            const additionalBalances = additionalBalancesPayload ?? [];
+            const { firstMonthOfFY, additionalBalances, coaBalances, maxNumOfPeriodsToHighlight, } = action.payload;
             let tempAdditionalBalances = [...additionalBalances];
             if (additionalBalances.includes('this_period_vs_last_period') ||
                 additionalBalances.includes('this_period_vs_last_period_percent')) {
@@ -94,8 +91,8 @@ const financeStatement = createSlice({
             draft.isAdditionalBalancesShown =
                 additionalBalances.length != 0 ? true : false;
             const { timeframe, selectedCOABalancesRange } = draft;
-            if (safeCoaBalances.length > 0) {
-                const thisPeriod = extractThisPeriod(action.payload.firstMonthOfFY, timeframe, selectedCOABalancesRange, safeCoaBalances);
+            if (coaBalances.length > 0) {
+                const thisPeriod = extractThisPeriod(action.payload.firstMonthOfFY, timeframe, selectedCOABalancesRange, coaBalances);
                 if (thisPeriod != null) {
                     const selectedCoaBalancesRangeWithThisPeriod = {
                         ...selectedCOABalancesRange,
@@ -104,7 +101,7 @@ const financeStatement = createSlice({
                     const selectionRanges = getSelectedAndHighlightedRangesForThisPeriod({
                         firstMonthOfFY,
                         thisPeriod: thisPeriod,
-                        coaBalances: safeCoaBalances,
+                        coaBalances,
                         timeframe,
                         maxNumOfPeriodsToHighlight: maxNumOfPeriodsToHighlight,
                         currentSelection: {

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

@@ -8,7 +8,6 @@ import { extractThisPeriod } from '../../commonStateTypes/viewAndReport/thisPeri
 import { getBalanceSheet } from '../balanceSheet/balanceSheetSelector';
 import { getCashFlow } from '../cashFlow/cashFlowSelector';
 import { getProfitAndLossReport, } from '../profitAndLoss/profitAndLossSelector';
-import { getProfitAndLossClassesHorizontalView } from '../profitAndLossClassesView/profitAndLossClassesByClassHorizontalSelector';
 import { getProfitAndLossClassesView } from '../profitAndLossClassesView/profitAndLossClassesViewSelector';
 function getDateRangeForFinanceReports(profitAndLossState, balanceSheetState, cashFlowState) {
     const datesSorted = [
@@ -43,11 +42,11 @@ export const getFinanceStatement = createSelector((state) => state.accountState,
     if (dataAvailable != null) {
         const noFilter = newBalancesFilterForDateRange(firstMonthOfFY, financeStatementState.timeframe, dataAvailable, 'ascending_date', []);
         const profitAndLossForTimeframeTicks = getProfitAndLossReport(noFilter, undefined, accountState, accountGroupState, sectionAccountsViewState, profitAndLossState, forecastState);
-        const expensesBalances = profitAndLossForTimeframeTicks.sections.expenses?.balances ?? [];
-        const incomeBalances = profitAndLossForTimeframeTicks.sections.income?.balances ?? [];
-        balancesInTimeframe =
-            expensesBalances.length > 0 ? expensesBalances : incomeBalances;
-        if (balancesInTimeframe.length > 0) {
+        if (profitAndLossForTimeframeTicks.sections.expenses != null) {
+            balancesInTimeframe =
+                profitAndLossForTimeframeTicks.sections.expenses.balances.length > 0
+                    ? profitAndLossForTimeframeTicks.sections['expenses'].balances
+                    : profitAndLossForTimeframeTicks.sections['income'].balances;
             allTimeframeTicks = balancesInTimeframe.map((balance) => toTimeframeTick(balance));
         }
     }
@@ -61,9 +60,6 @@ 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 profitAndLossByClassHorizontalReport = getProfitAndLossClassesHorizontalView(classFilter, accountState, classState, sectionsState, profitAndLossClassesViewState, profitAndLossClassesViewState.uiState.classViewLayout === 'horizontal'
-        ? thisPeriod
-        : undefined);
     const balanceSheetReport = getBalanceSheet(filter, accountState, accountGroupState, sectionAccountsViewState, balanceSheetState);
     const cashFlowReport = getCashFlow(filter, accountState, accountGroupState, sectionAccountsViewState, cashFlowState);
     const allReports = [
@@ -111,7 +107,6 @@ export const getFinanceStatement = createSelector((state) => state.accountState,
         dataAvailable,
         profitAndLossReport,
         profitAndLossByClassReport,
-        profitAndLossByClassHorizontalReport,
         balanceSheetReport,
         cashFlowReport,
         filter,

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

@@ -23,7 +23,6 @@ export const initialState = {
         nodeCollapseState: {},
         scrollPosition: undefined,
         accountViewMode: 'account_group',
-        classViewLayout: 'vertical',
         classesToFilterOut: [],
     },
     firstMonthOfFY: 1,
@@ -95,9 +94,6 @@ const profitAndLossClassesView = createSlice({
         updateAccountViewMode(draft, action) {
             draft.uiState.accountViewMode = action.payload.viewMode;
         },
-        updateClassViewLayout(draft, action) {
-            draft.uiState.classViewLayout = action.payload.classViewLayout;
-        },
         resetProfitAndLossClassesNodeCollapseState(draft) {
             draft.uiState.nodeCollapseState = {};
         },
@@ -106,11 +102,10 @@ const profitAndLossClassesView = createSlice({
         },
     },
 });
-export const { fetchProfitAndLossClassesView, fetchProfitAndLossForTimeframeClassesView, updateProfitAndLossForTimeframeClassesView, updateProfitAndLossForTimeframeClassesViewFailure, updateClassesToFilterOut, updateProfitAndLossClassesViewUIState, updateAccountViewMode, updateClassViewLayout, resetProfitAndLossClassesNodeCollapseState, clearProfitAndLossClassesView, } = profitAndLossClassesView.actions;
+export const { fetchProfitAndLossClassesView, fetchProfitAndLossForTimeframeClassesView, updateProfitAndLossForTimeframeClassesView, updateProfitAndLossForTimeframeClassesViewFailure, updateClassesToFilterOut, updateProfitAndLossClassesViewUIState, updateAccountViewMode, resetProfitAndLossClassesNodeCollapseState, clearProfitAndLossClassesView, } = profitAndLossClassesView.actions;
 export default profitAndLossClassesView.reducer;
 const doUpdatedProfitAndLossClassesView = (draft, timeframe, pandLReport) => {
     const report = mapReportPayloadV2ToReportV2(pandLReport.report);
-    draft.currency = report.currency;
     draft.dataAvailable = report.dataAvailable;
     draft.firstMonthOfFY = report.firstMonthOfFY;
     draft.bookCloseDate = report.bookCloseDate;

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

@@ -1,7 +1,6 @@
 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 { getSectionClassesViewReport } from '../../entity/sectionClassesViewV2/sectionClassesViewSelector';
 import { ALL_PANDL_REPORT_VIEW_SECTION_IDS, } from './profitAndLossClassesViewSelectorTypes';
 export const profitAndLossIdsInOrder = [
@@ -16,7 +15,7 @@ export const profitAndLossIdsInOrder = [
     'netIncome',
 ];
 export const getProfitAndLossClassesView = (filter, accountState, classState, sectionsState, profitAndLossClassesViewState) => {
-    const fetchState = reduceFetchStateParallelTimeframes([
+    const fetchState = reduceFetchState([
         profitAndLossClassesViewState.fetchState.month,
         profitAndLossClassesViewState.fetchState.quarter,
         profitAndLossClassesViewState.fetchState.year,
@@ -65,3 +64,31 @@ export const getProfitAndLossClassesView = (filter, accountState, classState, se
         idsInOrder: profitAndLossIdsInOrder,
     };
 };
+function reduceFetchState(fetchStateList) {
+    const isAnyProgress = fetchStateList.reduce((prevValue, currentValue) => {
+        return prevValue === true || currentValue.fetchState === 'In-Progress';
+    }, false);
+    const isAllCompleted = fetchStateList.reduce((prevValue, currentValue) => {
+        return prevValue === true && currentValue.fetchState === 'Completed';
+    }, true);
+    const isAnyError = fetchStateList.reduce((prevValue, currentValue) => {
+        return prevValue === true || currentValue.fetchState === 'Error';
+    }, false);
+    const error = fetchStateList.reduce((prevValue, currentValue) => {
+        return prevValue ?? currentValue.error;
+    }, undefined);
+    let fetchState = 'Not-Started';
+    if (isAnyProgress) {
+        fetchState = 'In-Progress';
+    }
+    else if (isAllCompleted) {
+        fetchState = 'Completed';
+    }
+    else if (isAnyError) {
+        fetchState = 'Error';
+    }
+    return {
+        fetchState,
+        error,
+    };
+}

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

@@ -24,13 +24,11 @@ export const fetchProfitAndLossForTimeframeClassesViewEpic = (actions$, _, zeniA
         .pipe(mergeMap((response) => {
         if (response.data != null && isSuccessResponse(response)) {
             const actions = [];
-            const report = response.data.report;
-            const currency = report.currency;
-            actions.push(updateSectionClassesView(action.payload.timeframe, 'cogs', 'profit_and_loss_by_classes', report.cogs, report.classes, report.accounts, currency));
-            actions.push(updateSectionClassesView(action.payload.timeframe, 'expenses', 'profit_and_loss_by_classes', report.expenses, report.classes, report.accounts, currency));
-            actions.push(updateSectionClassesView(action.payload.timeframe, 'income', 'profit_and_loss_by_classes', report.income, report.classes, report.accounts, currency));
-            actions.push(updateSectionClassesView(action.payload.timeframe, 'otherExpenses', 'profit_and_loss_by_classes', report.other_expenses, report.classes, report.accounts, currency));
-            actions.push(updateSectionClassesView(action.payload.timeframe, 'otherIncome', 'profit_and_loss_by_classes', report.other_income, report.classes, report.accounts, currency));
+            actions.push(updateSectionClassesView(action.payload.timeframe, 'cogs', 'profit_and_loss_by_classes', response.data.report.cogs, response.data.report.classes, response.data.report.accounts, response.data.report.currency));
+            actions.push(updateSectionClassesView(action.payload.timeframe, 'expenses', 'profit_and_loss_by_classes', response.data.report.expenses, response.data.report.classes, response.data.report.accounts, response.data.report.currency));
+            actions.push(updateSectionClassesView(action.payload.timeframe, 'income', 'profit_and_loss_by_classes', response.data.report.income, response.data.report.classes, response.data.report.accounts, response.data.report.currency));
+            actions.push(updateSectionClassesView(action.payload.timeframe, 'otherExpenses', 'profit_and_loss_by_classes', response.data.report.other_expenses, response.data.report.classes, response.data.report.accounts, response.data.report.currency));
+            actions.push(updateSectionClassesView(action.payload.timeframe, 'otherIncome', 'profit_and_loss_by_classes', response.data.report.other_income, response.data.report.classes, response.data.report.accounts, response.data.report.currency));
             actions.push(updateProfitAndLossForTimeframeClassesView({
                 timeframe: action.payload.timeframe,
                 report: response.data,

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

@@ -2,19 +2,15 @@ import { of } from 'rxjs';
 import { filter, switchMap } from 'rxjs/operators';
 import { updateCashInCashOutCOABalancesRange } from '../cashInCashOut/cashInCashOutReducer';
 import { updateCashPositionCOABalancesRange } from '../cashPosition/cashPositionReducer';
-import { updateCOABalancesRange } from '../financeStatement/financeStatementReducer';
+import { initialFinanceStatementState, updateCOABalancesRange, } from '../financeStatement/financeStatementReducer';
 import { updateNetBurnOrIncomeCOABalancesRange } from '../netBurnOrIncome/netBurnOrIncomeReducer';
 import { updateOpExCOABalancesRange } from '../opEx/opExReducer';
 import { updateRevenueCOABalancesRange } from '../revenue/revenueReducer';
 import { updateReportUIOptionCOABalancesRange } from './reportUIOptionsReducer';
 export const updateReportUIOptionCOABalancesRangeEpic = (actions$, state$) => actions$.pipe(filter(updateReportUIOptionCOABalancesRange.match), switchMap((action) => {
-    const selectedRange = action.payload.selectedCOABalancesRange;
-    const thisPeriod = selectedRange.thisPeriod;
-    const orderBy = selectedRange.orderBy;
-    const numberOfPeriodsFromSelection = selectedRange.numberOfPeriods;
-    const highlightedNoOfPeriods = state$.value.reportUIOptionsState.isCompareModeOn === true
-        ? numberOfPeriodsFromSelection
-        : 1;
+    const thisPeriod = action.payload.selectedCOABalancesRange.thisPeriod;
+    const orderBy = action.payload.selectedCOABalancesRange.orderBy;
+    const highlightedNoOfPeriods = state$.value.reportUIOptionsState.isCompareModeOn === true ? 4 : 1;
     const highlightedCOABalancesRange = action.payload.highlightedCOABalancesRange == null && thisPeriod != null
         ? {
             numberOfPeriods: highlightedNoOfPeriods,
@@ -66,7 +62,9 @@ export const updateReportUIOptionCOABalancesRangeEpic = (actions$, state$) => ac
         thisPeriod: action.payload.highlightedCOABalancesRange != null
             ? action.payload.highlightedCOABalancesRange.thisPeriod
             : thisPeriod,
-        numberOfPeriods: numberOfPeriodsFromSelection,
+        numberOfPeriods: state$.value.reportUIOptionsState.isCompareModeOn === true
+            ? 4
+            : initialFinanceStatementState.maxNumOfPeriodsToHighlight,
         orderBy,
     }));
 }));

package/lib/esm/view/taskManager/taskListView/taskListSelector.js

@@ -11,6 +11,7 @@ import { getTaskGroupTemplateByIds } from '../../../entity/taskGroupTemplate/tas
 import { getUserName, getUsersByUserIds, } from '../../../entity/user/userSelector';
 import { getUserAndUserRole, } from '../../companyView/types/userAndRole';
 import { applyAdvancedFiltersOnList } from '../../spendManagement/spendManagementFilterHelpers';
+import { getUserGroupList } from '../../userGroupListView/userGroupListViewSelector';
 import { getUserList, } from '../../userListView/userListViewSelector';
 import { allTaskPriority, allTaskStatus, } from '../taskDetailView/taskDetailSelector';
 import { DUE_DATE_GROUP_KEYS, } from './taskList';
@@ -308,7 +309,7 @@ const getTaskGroupsWithTaskList = ({ taskListState, taskState, userState, userRo
         tagState,
     });
 };
-export const getAllTasks = createSelector((state) => state.taskListState, (state) => state.taskState, (state) => state.userState, (state) => state.userRoleState, (state) => state.userListViewState, (state) => state.addressState, (state) => state.taskGroupState, (state) => state.taskGroupViewState, (state) => state.tagViewState, (state) => state.tagState, (state) => state.taskGroupTemplateState, (state) => state.taskGroupTemplateViewState, (_state, isTaskTemplatesEnabled) => isTaskTemplatesEnabled, (taskListState, taskState, userState, userRoleState, userListViewState, addressState, taskGroupState, taskGroupViewState, tagViewState, tagState, taskGroupTemplateState, taskGroupTemplateViewState, isTaskTemplatesEnabled) => {
+export const getAllTasks = createSelector((state) => state.taskListState, (state) => state.taskState, (state) => state.userState, (state) => state.userRoleState, (state) => state.userListViewState, (state) => state.addressState, (state) => state.taskGroupState, (state) => state.taskGroupViewState, (state) => state.tagViewState, (state) => state.tagState, (state) => state.taskGroupTemplateState, (state) => state.taskGroupTemplateViewState, (state) => state.userGroupsState, (state) => state.userGroupListViewState, (_state, isTaskTemplatesEnabled) => isTaskTemplatesEnabled, (taskListState, taskState, userState, userRoleState, userListViewState, addressState, taskGroupState, taskGroupViewState, tagViewState, tagState, taskGroupTemplateState, taskGroupTemplateViewState, userGroupsState, userGroupListViewState, isTaskTemplatesEnabled) => {
     const { localData } = taskListState;
     const taskGroupsWithTasksList = getTaskGroupsWithTaskList({
         taskListState,
@@ -336,6 +337,7 @@ export const getAllTasks = createSelector((state) => state.taskListState, (state
         taskGroupTemplates,
         fetchState: fetchState,
         userList: getUserList(userState, userRoleState, userListViewState, 'taskManagerCandidate'),
+        userGroupList: getUserGroupList(userGroupsState, userGroupListViewState, 'taskManagerCandidate'),
         error: error,
         version: 0,
         taskGroupsWithTasksList,