@zeniai/client-epic-state 4.12.23 → 4.12.24

package/lib/view/scheduleView/scheduleAccruedDetailView/scheduleAccruedDetailReducer.js

@@ -0,0 +1,363 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cancelScheduleAccruedJournalEntrySuccessOrFailure = exports.updateLinkBillExpenseLocalData = exports.cancelScheduleAccruedJournalEntry = exports.resetAccruedDetailNewScheduleState = exports.resetSelectedJEAccruedScheduleKey = exports.updatedFetchRecommendationBillExpenseSuccessOrFailure = exports.updateFetchedTransactionIds = exports.updateSelectedJEAccruedScheduleKey = exports.updateScheduleAccruedDetailsSuccess = exports.updateScheduleAccruedDetailsLocalData = exports.updateScheduleAccruedDetailsFailure = exports.fetchRecommendedTransactionRowIndex = exports.updatedJELinkInLocalDataAccruedExpenses = exports.updatedJEAccruedLinkWithRecommendedLocalData = exports.updateDeletedScheduleAccruedDetail = exports.updateAmountsInScheduleAccruedDetail = exports.saveScheduleAccruedDetailsSuccessOrFailure = exports.saveScheduleAccruedDetails = exports.resetJEAccruedLinkInLocalData = exports.initializeScheduleAccruedDetailLocalData = exports.fetchScheduleAccruedDetailsPage = exports.fetchScheduleAccruedDetails = exports.deleteScheduleAccruedDetailSuccessOrFailure = exports.deleteScheduleAccruedDetail = exports.createNewSchedulesAccrued = exports.clearScheduleAccruedDetailView = exports.initialState = exports.initialScheduleDetailsLocalDataAccruedExpenses = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const scheduleDetailLocalDataHelper_1 = require("../scheduleDetailView/scheduleDetailLocalDataHelper");
+const transactionDetailState_1 = require("../../transactionDetail/transactionDetailState");
+exports.initialScheduleDetailsLocalDataAccruedExpenses = {
+    scheduleType: 'accrued_expenses',
+    jeScheduleDetails: [],
+};
+exports.initialState = {
+    newScheduleState: exports.initialScheduleDetailsLocalDataAccruedExpenses,
+    editScheduleStateByDetailId: {},
+    linkBillExpenseView: {
+        transactionIds: [],
+        linkBillExpenseLocalData: {
+            selectedTransaction: undefined,
+        },
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    updateStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    cancelScheduleStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    deleteStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    uiState: {
+        sortKey: 'jePostingDate',
+        sortOrder: 'descending',
+        scrollPosition: 0,
+    },
+    fetchState: 'Not-Started',
+    selectedJEAccruedScheduleKey: undefined,
+    selectedDetailScheduleType: 'accrued_expenses',
+    selectedJEAccruedLinkRowIndex: undefined,
+};
+const scheduleAccruedDetailView = (0, toolkit_1.createSlice)({
+    name: 'scheduleAccruedDetailView',
+    initialState: exports.initialState,
+    reducers: {
+        createNewSchedulesAccrued: (
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        _draft, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        _action) => {
+            // nothing to do here
+        },
+        fetchScheduleAccruedDetailsPage: {
+            prepare(scheduleType, selectedJeScheduleDetailId) {
+                return {
+                    payload: { scheduleType, selectedJeScheduleDetailId },
+                };
+            },
+            reducer() {
+                // Do nothing
+            },
+        },
+        cancelScheduleAccruedJournalEntry: {
+            reducer(draft) {
+                draft.cancelScheduleStatus = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(scheduleType, selectedJeScheduleDetailId, rowId) {
+                return {
+                    payload: {
+                        scheduleType,
+                        rowId,
+                        selectedJeScheduleDetailId,
+                    },
+                };
+            },
+        },
+        cancelScheduleAccruedJournalEntrySuccessOrFailure: {
+            reducer(draft, action) {
+                draft.cancelScheduleStatus = {
+                    fetchState: action.payload.fetchState,
+                    error: action.payload.error,
+                };
+            },
+            prepare(fetchState, error) {
+                return {
+                    payload: {
+                        fetchState,
+                        error,
+                    },
+                };
+            },
+        },
+        fetchScheduleAccruedDetails: {
+            prepare(scheduleType, selectedJeScheduleDetailId) {
+                return {
+                    payload: { scheduleType, selectedJeScheduleDetailId },
+                };
+            },
+            reducer(draft, action) {
+                const selectedJeScheduleDetailId = action.payload.selectedJeScheduleDetailId;
+                if (selectedJeScheduleDetailId != null) {
+                    if (draft.editScheduleStateByDetailId[selectedJeScheduleDetailId] ==
+                        null) {
+                        draft.editScheduleStateByDetailId[selectedJeScheduleDetailId] =
+                            exports.initialScheduleDetailsLocalDataAccruedExpenses;
+                    }
+                }
+                else {
+                    draft.newScheduleState =
+                        exports.initialScheduleDetailsLocalDataAccruedExpenses;
+                }
+                draft.fetchState = 'In-Progress';
+                draft.error = undefined;
+            },
+        },
+        updateScheduleAccruedDetailsSuccess(draft) {
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateScheduleAccruedDetailsFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload.error;
+        },
+        // Fire this action to save the latest schedule data in local store in ZENI Platform.
+        saveScheduleAccruedDetails: {
+            prepare(scheduleType, selectedJeScheduleDetailId) {
+                return {
+                    payload: { scheduleType, selectedJeScheduleDetailId },
+                };
+            },
+            reducer(draft) {
+                draft.updateStatus = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+        },
+        saveScheduleAccruedDetailsSuccessOrFailure: {
+            reducer(draft, action) {
+                draft.updateStatus = {
+                    fetchState: action.payload.fetchState,
+                    error: action.payload.error,
+                };
+            },
+            prepare(fetchState, error) {
+                return {
+                    payload: {
+                        fetchState,
+                        error,
+                    },
+                };
+            },
+        },
+        // Fire this action to delete the latest schedule data in local store in ZENI Platform.
+        deleteScheduleAccruedDetail: {
+            prepare(scheduleType, selectedJeScheduleDetailId) {
+                return {
+                    payload: { scheduleType, selectedJeScheduleDetailId },
+                };
+            },
+            reducer(draft) {
+                draft.deleteStatus = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+        },
+        updateDeletedScheduleAccruedDetail: {
+            prepare(scheduleType, selectedJeScheduleDetailId) {
+                return {
+                    payload: { scheduleType, selectedJeScheduleDetailId },
+                };
+            },
+            reducer(draft, action) {
+                doUpdateDeletedScheduleDetail(draft.editScheduleStateByDetailId, action.payload.selectedJeScheduleDetailId);
+            },
+        },
+        deleteScheduleAccruedDetailSuccessOrFailure: {
+            reducer(draft, action) {
+                draft.deleteStatus = {
+                    fetchState: action.payload.fetchState,
+                    error: action.payload.error,
+                };
+            },
+            prepare(fetchState, error) {
+                return {
+                    payload: {
+                        fetchState,
+                        error,
+                    },
+                };
+            },
+        },
+        updateScheduleAccruedDetailsLocalData(draft, action) {
+            const { selectedJeScheduleDetailId, localData, scheduleType } = action.payload;
+            updateNewOrEditScheduleDetailLocalData(draft, scheduleType, localData, selectedJeScheduleDetailId);
+        },
+        initializeScheduleAccruedDetailLocalData: {
+            reducer() {
+                //do nothing
+            },
+            prepare(scheduleType, selectedJEScheduleKey, selectedJeScheduleDetailId) {
+                return {
+                    payload: {
+                        scheduleType,
+                        selectedJEScheduleKey,
+                        selectedJeScheduleDetailId,
+                    },
+                };
+            },
+        },
+        updateSelectedJEAccruedScheduleKey(draft, action) {
+            draft.selectedJEAccruedScheduleKey = action.payload.selectedJEScheduleKey;
+        },
+        resetSelectedJEAccruedScheduleKey(draft) {
+            draft.selectedJEAccruedScheduleKey = undefined;
+        },
+        fetchRecommendedTransactionRowIndex(draft, action) {
+            draft.selectedJEAccruedLinkRowIndex =
+                action.payload.selectedJELinkRowIndex;
+            if (action.payload.selectedJELinkRowIndex != null) {
+                draft.linkBillExpenseView.fetchState = 'In-Progress';
+            }
+        },
+        updateLinkBillExpenseLocalData(draft, action) {
+            draft.linkBillExpenseView.linkBillExpenseLocalData.selectedTransaction =
+                action.payload.selectedTransaction;
+        },
+        updatedFetchRecommendationBillExpenseSuccessOrFailure(draft, action) {
+            draft.linkBillExpenseView.fetchState = action.payload.fetchState;
+            draft.linkBillExpenseView.error = action.payload.error;
+        },
+        updateFetchedTransactionIds: {
+            reducer(draft, action) {
+                const transactionIds = action.payload.transactionsPayload.map((value) => action.payload.getTransactionId(value));
+                draft.linkBillExpenseView.transactionIds = transactionIds;
+            },
+            prepare(transactionsPayload, getTransactionId) {
+                return {
+                    payload: { transactionsPayload, getTransactionId },
+                };
+            },
+        },
+        updatedJELinkInLocalDataAccruedExpenses(draft, action) {
+            const jeScheduleDetailId = action.payload.jeScheduleDetailId;
+            if (draft.editScheduleStateByDetailId[jeScheduleDetailId] == null) {
+                console.error('Cannot attempt to link a JE for non existing JESchedule Detail');
+            }
+            else {
+                const jeScheduleDetailsLocalData = draft.editScheduleStateByDetailId[jeScheduleDetailId]
+                    .jeScheduleDetails;
+                // put the link into the right record
+                const jeScheduleLocalDataUpdated = updateJELinkInScheduleDetails(jeScheduleDetailsLocalData, action.payload.rowId, action.payload.jeLink);
+                draft.editScheduleStateByDetailId[jeScheduleDetailId] = Object.assign(Object.assign({}, draft.editScheduleStateByDetailId[jeScheduleDetailId]), { jeScheduleDetails: jeScheduleLocalDataUpdated });
+            }
+        },
+        updatedJEAccruedLinkWithRecommendedLocalData(draft, action) {
+            const jeScheduleDetailId = action.payload.jeScheduleDetailId;
+            if (draft.editScheduleStateByDetailId[jeScheduleDetailId] == null) {
+                console.error('Cannot attempt to link a JE for non existing JESchedule Detail');
+            }
+            else {
+                const jeScheduleDetailsLocalData = draft.editScheduleStateByDetailId[jeScheduleDetailId]
+                    .jeScheduleDetails;
+                // put the link into the right record
+                const jeScheduleLocalDataUpdated = updateJELinkInWithRecommendedScheduleDetails(jeScheduleDetailsLocalData, action.payload.rowId);
+                draft.editScheduleStateByDetailId[jeScheduleDetailId] = Object.assign(Object.assign({}, draft.editScheduleStateByDetailId[jeScheduleDetailId]), { jeScheduleDetails: jeScheduleLocalDataUpdated });
+            }
+        },
+        resetJEAccruedLinkInLocalData(draft, action) {
+            const jeScheduleDetailId = action.payload.jeScheduleDetailId;
+            if (draft.editScheduleStateByDetailId[jeScheduleDetailId] == null) {
+                console.error('Cannot attempt to link a JE for non existing JESchedule Detail');
+            }
+            else {
+                const jeScheduleDetailsLocalData = draft.editScheduleStateByDetailId[jeScheduleDetailId]
+                    .jeScheduleDetails;
+                // put the old link into the right record
+                const jeScheduleLocalDataUpdated = resetJELinkInScheduleDetails(jeScheduleDetailsLocalData, action.payload.rowId, action.payload.originalScheduledJE);
+                draft.editScheduleStateByDetailId[jeScheduleDetailId] = Object.assign(Object.assign({}, draft.editScheduleStateByDetailId[jeScheduleDetailId]), { jeScheduleDetails: jeScheduleLocalDataUpdated });
+            }
+        },
+        updateAmountsInScheduleAccruedDetail: {
+            reducer() {
+                //do nothing
+            },
+            prepare(scheduleType, rowId, jeScheduleDetailId) {
+                return {
+                    payload: {
+                        scheduleType,
+                        rowId,
+                        jeScheduleDetailId,
+                    },
+                };
+            },
+        },
+        resetAccruedDetailNewScheduleState(draft) {
+            draft.newScheduleState = exports.initialScheduleDetailsLocalDataAccruedExpenses;
+        },
+        clearScheduleAccruedDetailView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = scheduleAccruedDetailView.actions, exports.clearScheduleAccruedDetailView = _a.clearScheduleAccruedDetailView, exports.createNewSchedulesAccrued = _a.createNewSchedulesAccrued, exports.deleteScheduleAccruedDetail = _a.deleteScheduleAccruedDetail, exports.deleteScheduleAccruedDetailSuccessOrFailure = _a.deleteScheduleAccruedDetailSuccessOrFailure, exports.fetchScheduleAccruedDetails = _a.fetchScheduleAccruedDetails, exports.fetchScheduleAccruedDetailsPage = _a.fetchScheduleAccruedDetailsPage, exports.initializeScheduleAccruedDetailLocalData = _a.initializeScheduleAccruedDetailLocalData, exports.resetJEAccruedLinkInLocalData = _a.resetJEAccruedLinkInLocalData, exports.saveScheduleAccruedDetails = _a.saveScheduleAccruedDetails, exports.saveScheduleAccruedDetailsSuccessOrFailure = _a.saveScheduleAccruedDetailsSuccessOrFailure, exports.updateAmountsInScheduleAccruedDetail = _a.updateAmountsInScheduleAccruedDetail, exports.updateDeletedScheduleAccruedDetail = _a.updateDeletedScheduleAccruedDetail, exports.updatedJEAccruedLinkWithRecommendedLocalData = _a.updatedJEAccruedLinkWithRecommendedLocalData, exports.updatedJELinkInLocalDataAccruedExpenses = _a.updatedJELinkInLocalDataAccruedExpenses, exports.fetchRecommendedTransactionRowIndex = _a.fetchRecommendedTransactionRowIndex, exports.updateScheduleAccruedDetailsFailure = _a.updateScheduleAccruedDetailsFailure, exports.updateScheduleAccruedDetailsLocalData = _a.updateScheduleAccruedDetailsLocalData, exports.updateScheduleAccruedDetailsSuccess = _a.updateScheduleAccruedDetailsSuccess, exports.updateSelectedJEAccruedScheduleKey = _a.updateSelectedJEAccruedScheduleKey, exports.updateFetchedTransactionIds = _a.updateFetchedTransactionIds, exports.updatedFetchRecommendationBillExpenseSuccessOrFailure = _a.updatedFetchRecommendationBillExpenseSuccessOrFailure, exports.resetSelectedJEAccruedScheduleKey = _a.resetSelectedJEAccruedScheduleKey, exports.resetAccruedDetailNewScheduleState = _a.resetAccruedDetailNewScheduleState, exports.cancelScheduleAccruedJournalEntry = _a.cancelScheduleAccruedJournalEntry, exports.updateLinkBillExpenseLocalData = _a.updateLinkBillExpenseLocalData, exports.cancelScheduleAccruedJournalEntrySuccessOrFailure = _a.cancelScheduleAccruedJournalEntrySuccessOrFailure;
+exports.default = scheduleAccruedDetailView.reducer;
+const updateJELinkInScheduleDetails = (jeScheduleDetailsLocalData, rowId, jeLink) => {
+    return jeScheduleDetailsLocalData.map((jeScheduleDetail, index) => {
+        if (index === rowId) {
+            return Object.assign(Object.assign({}, jeScheduleDetail), { jeLink: (0, scheduleDetailLocalDataHelper_1.getThirdPartyIDFromQBOURL)(jeLink), 
+                // mark this as posted
+                postingStatus: 'posted' });
+        }
+        else {
+            return jeScheduleDetail;
+        }
+    });
+};
+const updateJELinkInWithRecommendedScheduleDetails = (jeScheduleDetailsLocalData, rowId) => {
+    return jeScheduleDetailsLocalData.map((jeScheduleDetail, index) => {
+        if (index === rowId) {
+            return Object.assign(Object.assign({}, jeScheduleDetail), { jeLink: Object.assign(Object.assign({}, jeScheduleDetail.jeLink), { transactionDetailID: jeScheduleDetail.jeLink.recommendedTransactionID, thirdPartyTransactionId: jeScheduleDetail.jeLink.recommendedTransactionID != null
+                        ? (0, transactionDetailState_1.getThirdPartyIdFromTransactionId)(jeScheduleDetail.jeLink.recommendedTransactionID)
+                        : undefined }), 
+                // mark this as posted
+                postingStatus: 'posted' });
+        }
+        else {
+            return jeScheduleDetail;
+        }
+    });
+};
+const resetJELinkInScheduleDetails = (jeScheduleDetailsLocalData, rowId, originalScheduledJE) => {
+    const { thirdPartyID, recommendedTransactionID, transactionID } = originalScheduledJE;
+    const jeLink = (0, scheduleDetailLocalDataHelper_1.getJETransactionLinkFromThirdPartyId)(thirdPartyID, transactionID, recommendedTransactionID);
+    const postingStatus = originalScheduledJE.status.code;
+    return jeScheduleDetailsLocalData.map((jeScheduleDetail, index) => {
+        if (index === rowId) {
+            return Object.assign(Object.assign({}, jeScheduleDetail), { jeLink,
+                postingStatus });
+        }
+        else {
+            return jeScheduleDetail;
+        }
+    });
+};
+const updateNewOrEditScheduleDetailLocalData = (draft, _scheduleType, updates, selectedJeScheduleDetailId) => {
+    if (selectedJeScheduleDetailId == null) {
+        draft.newScheduleState = Object.assign(Object.assign({}, draft.newScheduleState), updates);
+    }
+    else if (draft.editScheduleStateByDetailId[selectedJeScheduleDetailId] != null) {
+        draft.editScheduleStateByDetailId[selectedJeScheduleDetailId] = Object.assign(Object.assign({}, draft.editScheduleStateByDetailId[selectedJeScheduleDetailId]), updates);
+    }
+};
+const doUpdateDeletedScheduleDetail = (draft, selectedJeScheduleDetailId) => {
+    delete draft[selectedJeScheduleDetailId];
+};

package/lib/view/scheduleView/scheduleAccruedDetailView/scheduleAccruedDetailSelector.d.ts

@@ -0,0 +1,36 @@
+import { RootState } from '../../../reducer';
+import { NestedAccountHierarchyForReport } from '../../../commonStateTypes/accountView/nestedAccountID';
+import { NestedClassHierarchyForReport } from '../../../commonStateTypes/classesView/nestedClassID';
+import { AccountBase } from '../../../entity/account/accountState';
+import { ClassBase } from '../../../entity/class/classState';
+import { JEAccruedSchedule } from '../../../entity/jeSchedules/jeSchedulesSelector';
+import { UncategorizedAccounts } from '../../accountList/accountListSelector';
+import { LinkBillExpenseLocalData, ScheduleDetailUIState, ScheduleDetailsLocalDataAccruedExpenses } from './scheduleAccruedDetailState';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { ScheduleTypes } from '../../../entity/jeSchedules/jeSchedulesTypes';
+import { Transaction } from '../../../entity/transaction/stateTypes/transaction';
+export interface LinkBillExpenseView extends SelectorView {
+    transactions: Transaction[];
+    linkBillExpenseLocaData: LinkBillExpenseLocalData;
+}
+export interface ScheduleAccruedDetailsView extends SelectorView {
+    scheduleType: ScheduleTypes;
+    allAccountList: AccountBase[];
+    uncategorizedAccounts: UncategorizedAccounts;
+    accountListNestedAccountHierarchy: NestedAccountHierarchyForReport[];
+    allClassList: ClassBase[];
+    classListNestedAccountHierarchy: NestedClassHierarchyForReport[];
+    allAccruedAccountList: AccountBase[];
+    allAccruedAccountListNestedAccountHierarchy: NestedAccountHierarchyForReport[];
+    linkBillExpenseView: LinkBillExpenseView;
+    accruedScheduleStatus: FetchStateAndError;
+    uiState: ScheduleDetailUIState;
+    updateStatus: FetchStateAndError;
+    deleteStatus: FetchStateAndError;
+    cancelScheduleStatus: FetchStateAndError;
+    scheduleAccruedDetailsLocalData: ScheduleDetailsLocalDataAccruedExpenses;
+    selectedJEAccruedSchedule?: JEAccruedSchedule;
+    selectedJELinkRowIndex?: number;
+}
+export declare const getAccruedScheduleDetailsView: (state: RootState, scheduleType: ScheduleTypes) => ScheduleAccruedDetailsView;

package/lib/view/scheduleView/scheduleAccruedDetailView/scheduleAccruedDetailSelector.js

@@ -0,0 +1,127 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAccruedScheduleDetailsView = void 0;
+const omit_1 = __importDefault(require("lodash/omit"));
+const jeSchedulesSelector_1 = require("../../../entity/jeSchedules/jeSchedulesSelector");
+const accountListSelector_1 = require("../../accountList/accountListSelector");
+const classListSelector_1 = require("../../classList/classListSelector");
+const reduceFetchState_1 = require("../../../commonStateTypes/reduceFetchState");
+const scheduleAccruedDetailReducer_1 = require("./scheduleAccruedDetailReducer");
+const accountSelector_1 = require("../../../entity/account/accountSelector");
+const scheduleListHelper_1 = require("../scheduleListView/scheduleListHelper");
+const scheduleDetailLocalDataHelper_1 = require("../scheduleDetailView/scheduleDetailLocalDataHelper");
+const transactionSelector_1 = require("../../../entity/transaction/transactionSelector");
+const getAccruedScheduleDetailsView = (state, scheduleType) => {
+    const { accountState, accountListState, classState, classListState, scheduleAccruedDetailState, } = state;
+    const jeScheduleKey = scheduleAccruedDetailState.selectedJEAccruedScheduleKey;
+    const accountTypes = (0, scheduleListHelper_1.getAccountsTypesForScheduleList)(scheduleType);
+    const uncategorizedAccounts = (0, accountListSelector_1.getUncategorizedAccounts)(accountState, accountListState, accountTypes.accountListKey);
+    const scheduleDetailAccountTypes = (0, scheduleDetailLocalDataHelper_1.getAccountsTypesForScheduleDetails)(scheduleType);
+    const scheduleDetailAccountIds = (0, accountSelector_1.getAccountIdsForTypes)(accountState, scheduleDetailAccountTypes);
+    const allAccountList = (0, accountListSelector_1.getAccountList)(accountState, accountListState, accountTypes.accountListKey);
+    const filteredAccounts = allAccountList.accounts.filter((account) => scheduleDetailAccountIds.includes(account.accountId));
+    const accruedCategoryIds = (0, accountSelector_1.getAccountIdsForLabels)(accountState, [
+        'accrued_expenses',
+    ]);
+    const filterAccruedAccounts = allAccountList.accounts.filter((account) => accruedCategoryIds.includes(account.accountId));
+    const allClassList = (0, classListSelector_1.getClassList)(classState, classListState);
+    const allClasses = allClassList.classes.map((classData) => {
+        return (0, omit_1.default)(classData, ['accountIds', 'key']);
+    });
+    const accountListNestedAccountHierarchy = (0, accountListSelector_1.getNestedAccountListHierarchy)(accountListState, accountTypes.accountListKey).filter((account) => account.accountId[0] != null &&
+        scheduleDetailAccountIds.includes(account.accountId[0]));
+    const accruedAccountListNestedAccountHierarchy = (0, accountListSelector_1.getNestedAccountListHierarchy)(accountListState, accountTypes.accountListKey).filter((account) => account.accountId[0] != null &&
+        accruedCategoryIds.includes(account.accountId[0]));
+    const classListNestedAccountHierarchy = (0, classListSelector_1.getNestedClassListHierarchy)(classListState);
+    let scheduleAccruedDetailsLocalData = Object.assign({}, scheduleAccruedDetailReducer_1.initialScheduleDetailsLocalDataAccruedExpenses);
+    scheduleAccruedDetailsLocalData = scheduleAccruedDetailState.newScheduleState;
+    const linkBillExpenseLocalData = scheduleAccruedDetailState.linkBillExpenseView.linkBillExpenseLocalData;
+    const fetchState = (0, reduceFetchState_1.reduceAnyFetchState)([
+        scheduleAccruedDetailState,
+        allAccountList,
+        allClassList,
+    ]);
+    if (jeScheduleKey == null) {
+        return {
+            scheduleType,
+            uiState: scheduleAccruedDetailState.uiState,
+            allAccountList: filteredAccounts,
+            allClassList: allClasses,
+            allAccruedAccountList: filterAccruedAccounts,
+            allAccruedAccountListNestedAccountHierarchy: accruedAccountListNestedAccountHierarchy,
+            uncategorizedAccounts,
+            accountListNestedAccountHierarchy,
+            classListNestedAccountHierarchy,
+            selectedJEAccruedSchedule: undefined,
+            selectedJELinkRowIndex: undefined,
+            linkBillExpenseView: {
+                transactions: [],
+                linkBillExpenseLocaData: linkBillExpenseLocalData,
+                fetchState: 'Not-Started',
+            },
+            scheduleAccruedDetailsLocalData,
+            fetchState: fetchState.fetchState,
+            accruedScheduleStatus: {
+                fetchState: 'Not-Started',
+            },
+            error: scheduleAccruedDetailState.error,
+            updateStatus: scheduleAccruedDetailState.updateStatus,
+            deleteStatus: scheduleAccruedDetailState.deleteStatus,
+            cancelScheduleStatus: scheduleAccruedDetailState.cancelScheduleStatus,
+        };
+    }
+    let jeScheduleAccruedExpense = undefined;
+    if (jeScheduleKey != null) {
+        jeScheduleAccruedExpense = (0, jeSchedulesSelector_1.getJEAccruedScheduleByJEScheduleKey)(jeScheduleKey, state);
+    }
+    const selectedJeScheduleDetailId = jeScheduleAccruedExpense === null || jeScheduleAccruedExpense === void 0 ? void 0 : jeScheduleAccruedExpense.jeScheduleId;
+    if (selectedJeScheduleDetailId != null) {
+        if (scheduleAccruedDetailState.editScheduleStateByDetailId[selectedJeScheduleDetailId] != null) {
+            scheduleAccruedDetailsLocalData =
+                scheduleAccruedDetailState.editScheduleStateByDetailId[selectedJeScheduleDetailId];
+        }
+    }
+    else {
+        scheduleAccruedDetailsLocalData =
+            scheduleAccruedDetailState.newScheduleState;
+    }
+    const transactions = [];
+    scheduleAccruedDetailState.linkBillExpenseView.transactionIds.forEach((transactionId) => {
+        const transaction = (0, transactionSelector_1.getSupportedTransactionById)(state.transactionState, transactionId);
+        if (transaction != null) {
+            transactions.push(transaction);
+        }
+    });
+    return {
+        scheduleType,
+        uiState: scheduleAccruedDetailState.uiState,
+        allAccountList: filteredAccounts,
+        allClassList: allClasses,
+        allAccruedAccountList: filterAccruedAccounts,
+        allAccruedAccountListNestedAccountHierarchy: accruedAccountListNestedAccountHierarchy,
+        uncategorizedAccounts,
+        accountListNestedAccountHierarchy,
+        classListNestedAccountHierarchy,
+        scheduleAccruedDetailsLocalData,
+        linkBillExpenseView: {
+            linkBillExpenseLocaData: linkBillExpenseLocalData,
+            transactions: transactions,
+            fetchState: scheduleAccruedDetailState.linkBillExpenseView.fetchState,
+            error: scheduleAccruedDetailState.linkBillExpenseView.error,
+        },
+        selectedJELinkRowIndex: scheduleAccruedDetailState.selectedJEAccruedLinkRowIndex,
+        selectedJEAccruedSchedule: jeScheduleAccruedExpense,
+        fetchState: fetchState.fetchState,
+        accruedScheduleStatus: {
+            fetchState: scheduleAccruedDetailState.fetchState,
+        },
+        error: fetchState.error,
+        updateStatus: scheduleAccruedDetailState.updateStatus,
+        deleteStatus: scheduleAccruedDetailState.deleteStatus,
+        cancelScheduleStatus: scheduleAccruedDetailState.cancelScheduleStatus,
+    };
+};
+exports.getAccruedScheduleDetailsView = getAccruedScheduleDetailsView;

package/lib/view/scheduleView/scheduleAccruedDetailView/scheduleAccruedDetailState.d.ts

@@ -0,0 +1,45 @@
+import { Amount } from '../../../commonStateTypes/amount';
+import { ID, FetchStateAndError } from '../../../commonStateTypes/common';
+import { SortOrder } from '../../../commonStateTypes/selectorTypes/sortOrderTypes';
+import { JEScheduleKey, ScheduleTypes } from '../../../entity/jeSchedules/jeSchedulesTypes';
+import { VendorBase } from '../../../entity/vendor/vendorState';
+import { ZeniDate } from '../../../zeniDayJS';
+import { JEScheduleDetailsLocalData } from '../scheduleDetailView/scheduleDetailState';
+import { ScheduleDetailSortKey } from '../scheduleDetailView/scheduleDetailTypes';
+export interface ScheduleDetailUIState {
+    sortKey: ScheduleDetailSortKey;
+    sortOrder: SortOrder;
+    scrollPosition: number;
+}
+export interface ScheduleDetailsLocalDataAccruedExpenses {
+    scheduleType: ScheduleTypes;
+    jeScheduleDetails: JEScheduleDetailsLocalData[];
+    selectedVendor?: VendorBase;
+    selectedAccruedExpenseCategory?: ID;
+    estimatedMonthlyAmount?: Amount;
+    memo?: string;
+    startingBalance?: Amount;
+    selectedDate?: ZeniDate;
+    selectedMonths?: number;
+    selectedAccount?: ID;
+    selectedClass?: ID;
+}
+export interface LinkBillExpenseLocalData {
+    selectedTransaction?: ID;
+}
+export interface LinkBillExpenseAccruedSchedule extends FetchStateAndError {
+    transactionIds: ID[];
+    linkBillExpenseLocalData: LinkBillExpenseLocalData;
+}
+export interface ScheduleAccruedDetailViewState extends FetchStateAndError {
+    newScheduleState: ScheduleDetailsLocalDataAccruedExpenses;
+    editScheduleStateByDetailId: Record<ID, ScheduleDetailsLocalDataAccruedExpenses>;
+    linkBillExpenseView: LinkBillExpenseAccruedSchedule;
+    updateStatus: FetchStateAndError;
+    deleteStatus: FetchStateAndError;
+    cancelScheduleStatus: FetchStateAndError;
+    uiState: ScheduleDetailUIState;
+    selectedDetailScheduleType?: ScheduleTypes;
+    selectedJEAccruedScheduleKey?: JEScheduleKey;
+    selectedJEAccruedLinkRowIndex?: number;
+}

package/lib/view/scheduleView/scheduleAccruedDetailView/scheduleAccruedDetailState.js

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

package/lib/view/scheduleView/scheduleDetailView/epics/createNewSchedulesEpic.js

@@ -13,7 +13,7 @@ const createNewSchedulesEpic = (actions$, state$) => actions$.pipe((0, operators
     const { scheduleDetailState } = state;
     const selectedJEScheduleKey = scheduleDetailState.selectedJEScheduleKey;
     if (selectedJEScheduleKey != null) {
-        const jeScheduleTransactionState = (0, jeSchedulesSelector_1.getJEScheduledTransactionByJEScheduleKey)(selectedJEScheduleKey, state);
+        const jeScheduleTransactionState = (0, jeSchedulesSelector_1.getJEScheduledTransactionByJEScheduleTransactionKey)(selectedJEScheduleKey, state);
         const totalAmount = jeScheduleTransactionState.baseTransaction.amount;
         const vendorName = jeScheduleTransactionState.vendor.name;
         const currentLocalData = jeScheduleTransactionState.jeScheduleId != null

package/lib/view/scheduleView/scheduleDetailView/epics/deleteScheduleDetailEpic.js

@@ -19,7 +19,7 @@ const deleteScheduleDetailEpic = (actions$, state$, zeniAPI) => actions$.pipe((0
     if (selectedJEScheduleKey == null) {
         return (0, rxjs_1.from)(actions);
     }
-    const jeScheduleTransactionState = (0, jeSchedulesSelector_1.getJEScheduledTransactionByJEScheduleKey)(selectedJEScheduleKey, state);
+    const jeScheduleTransactionState = (0, jeSchedulesSelector_1.getJEScheduledTransactionByJEScheduleTransactionKey)(selectedJEScheduleKey, state);
     const vendorName = jeScheduleTransactionState.vendor.name;
     const scheduleDetailId = (_a = jeScheduleTransactionState.jeScheduleId) !== null && _a !== void 0 ? _a : selectedJeScheduleDetailId;
     if (scheduleDetailId == null) {

package/lib/view/scheduleView/scheduleDetailView/epics/fetchScheduleDetailsPageEpic.js

@@ -20,7 +20,9 @@ const fetchScheduleDetailsPageEpic = (actions$, state$) => actions$.pipe((0, ope
     if (classListState.fetchState === 'Not-Started') {
         scheduleDetailsActions.push((0, classListReducer_1.fetchClassList)());
     }
-    scheduleDetailsActions.push((0, scheduleDetailReducer_1.fetchScheduleDetails)(action.payload.scheduleType, action.payload.selectedJeScheduleDetailId));
+    if (action.payload.selectedJeScheduleDetailId != null) {
+        scheduleDetailsActions.push((0, scheduleDetailReducer_1.fetchScheduleDetails)(action.payload.scheduleType, action.payload.selectedJeScheduleDetailId));
+    }
     return (0, rxjs_1.concat)((0, rxjs_1.from)(scheduleDetailsActions));
 }));
 exports.fetchScheduleDetailsPageEpic = fetchScheduleDetailsPageEpic;

package/lib/view/scheduleView/scheduleDetailView/epics/initializeScheduleDetailLocalDataEpic.js

@@ -11,7 +11,7 @@ const initializeScheduleDetailLocalDataEpic = (actions$, state$) => actions$.pip
     const { scheduleDetailState } = state;
     const actions = [];
     const { selectedJeScheduleDetailId, selectedJEScheduleKey, scheduleType } = action.payload;
-    const jeScheduleTransactionState = (0, jeSchedulesSelector_1.getJEScheduledTransactionByJEScheduleKey)(selectedJEScheduleKey, state);
+    const jeScheduleTransactionState = (0, jeSchedulesSelector_1.getJEScheduledTransactionByJEScheduleTransactionKey)(selectedJEScheduleKey, state);
     if (selectedJeScheduleDetailId != null) {
         const scheduledJournalEntry = jeScheduleTransactionState.scheduledJournalEntry;
         const initLocalData = scheduleType !== 'fixed_assets'

package/lib/view/scheduleView/scheduleDetailView/epics/markAsCompleteScheduleDetailEpic.js

@@ -13,7 +13,7 @@ const markAsCompleteScheduleDetailEpic = (actions$, state$, zeniAPI) => actions$
     const state = state$.value;
     const { scheduleType, jeScheduleKey } = action.payload;
     const actions = [];
-    const jeScheduleTransactionState = (0, jeSchedulesSelector_1.getJEScheduledTransactionByJEScheduleKey)(jeScheduleKey, state);
+    const jeScheduleTransactionState = (0, jeSchedulesSelector_1.getJEScheduledTransactionByJEScheduleTransactionKey)(jeScheduleKey, state);
     const vendorName = jeScheduleTransactionState.vendor.name;
     const scheduleDetailsUpdated = state.scheduleDetailState.newScheduleState[scheduleType];
     const payload = Object.assign({}, (0, scheduleDetailPayload_1.prepareScheduleDetailPayload)(state, scheduleDetailsUpdated, jeScheduleKey, scheduleType, false, true));

package/lib/view/scheduleView/scheduleDetailView/epics/saveScheduleDetailsEpic.d.ts

@@ -3,8 +3,8 @@ import { ZeniAPI } from '../../../../zeniAPI';
 import { RootState } from '../../../../reducer';
 import { updateJESchedulesDetails, updateJESchedules } from '../../../../entity/jeSchedules/jeSchedulesReducer';
 import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
-import { initializeScheduleDetailLocalData, saveScheduleDetails, saveScheduleDetailsSuccessOrFailure, updateScheduleDetailNewStateLocalData } from '../scheduleDetailReducer';
-export declare type ActionType = ReturnType<typeof saveScheduleDetails> | ReturnType<typeof updateJESchedulesDetails> | ReturnType<typeof updateJESchedules> | ReturnType<typeof updateScheduleDetailNewStateLocalData> | ReturnType<typeof saveScheduleDetailsSuccessOrFailure> | ReturnType<typeof initializeScheduleDetailLocalData> | ReturnType<typeof openSnackbar>;
+import { initializeScheduleDetailLocalData, saveScheduleDetails, saveScheduleDetailsSuccessOrFailure } from '../scheduleDetailReducer';
+export declare type ActionType = ReturnType<typeof saveScheduleDetails> | ReturnType<typeof updateJESchedulesDetails> | ReturnType<typeof updateJESchedules> | ReturnType<typeof saveScheduleDetailsSuccessOrFailure> | ReturnType<typeof initializeScheduleDetailLocalData> | ReturnType<typeof openSnackbar>;
 export declare const saveScheduleDetailsEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<ActionType>;
 export interface ScheduleDetailsQueryParam {
     je_schedule_type: string;

package/lib/view/scheduleView/scheduleDetailView/epics/saveScheduleDetailsEpic.js

@@ -19,7 +19,7 @@ const saveScheduleDetailsEpic = (actions$, state$, zeniAPI) => actions$.pipe((0,
     if (selectedJEScheduleKey == null) {
         return (0, rxjs_1.from)(actions);
     }
-    const jeScheduleTransactionState = (0, jeSchedulesSelector_1.getJEScheduledTransactionByJEScheduleKey)(selectedJEScheduleKey, state);
+    const jeScheduleTransactionState = (0, jeSchedulesSelector_1.getJEScheduledTransactionByJEScheduleTransactionKey)(selectedJEScheduleKey, state);
     const vendorName = jeScheduleTransactionState.vendor.name;
     const scheduleDetailId = (_a = jeScheduleTransactionState.jeScheduleId) !== null && _a !== void 0 ? _a : selectedJeScheduleDetailId;
     const scheduleDetailsUpdated = scheduleDetailId != null