@zeniai/client-epic-state 4.12.23 → 4.12.24

package/lib/view/scheduleView/scheduleListView/scheduleListPayload.d.ts

@@ -1,8 +1,13 @@
-import { JEScheduledTransactionPayload, ScheduledJournalEntryPayload } from '../../../entity/jeSchedules/jeSchedulesPayload';
+import { JEAccruedScheduledTransactionPayload, JEScheduledTransactionPayload, ScheduledJournalEntryPayload } from '../../../entity/jeSchedules/jeSchedulesPayload';
 import { ZeniAPIResponse } from '../../../responsePayload';
 interface ScheduleListPayload {
     je_schedules: JEScheduledTransactionPayload[];
     scheduled_journal_entries?: ScheduledJournalEntryPayload[];
 }
 export declare type FetchScheduleListResponse = ZeniAPIResponse<ScheduleListPayload>;
+export interface AccruedScheduleListPayload {
+    je_schedules: JEAccruedScheduledTransactionPayload[];
+    scheduled_journal_entries?: ScheduledJournalEntryPayload[];
+}
+export declare type FetchAccruedScheduleListResponse = ZeniAPIResponse<AccruedScheduleListPayload>;
 export {};

package/lib/view/scheduleView/scheduleListView/scheduleListReducer.d.ts

@@ -1,15 +1,17 @@
-import { ScheduleListLocalData, ScheduleListViewState, ScheduleListForTypeState, JESchedulesForTypeState, ScheduleListUIState } from './scheduleListState';
+import { ScheduleListLocalData, ScheduleListViewState, ScheduleListForTypeState, JESchedulesForTypeState, ScheduleListUIState, ScheduleAccruedListForTypeState, JEAccruedSchedulesForTypeState } from './scheduleListState';
 import { SortOrder } from '../../../commonStateTypes/selectorTypes/sortOrderTypes';
 import { FetchState, ID } from '../../../commonStateTypes/common';
 import { TimeframeTick } from '../../../commonStateTypes/timeframeTick';
 import { ZeniAPIStatus } from '../../../responsePayload';
 import { ScheduleListSortKey, ScheduleSubTabType } from './scheduleListTypes';
-import { JEScheduledTransactionPayload } from '../../../entity/jeSchedules/jeSchedulesPayload';
-import { ScheduleTypes } from '../../../entity/jeSchedules/jeSchedulesTypes';
+import { JEAccruedScheduledTransactionPayload, JEScheduledTransactionPayload } from '../../../entity/jeSchedules/jeSchedulesPayload';
+import { JEScheduleKey, ScheduleTypes } from '../../../entity/jeSchedules/jeSchedulesTypes';
 export declare const initialUIState: ScheduleListUIState;
 export declare const initialJESchedulesForTypeState: JESchedulesForTypeState;
+export declare const initialJEAccruedSchedulesForTypeState: JEAccruedSchedulesForTypeState;
 export declare const initialScheduleListStateByType: ScheduleListForTypeState;
 export declare const initialFixedAssetsScheduleListStateByType: ScheduleListForTypeState;
+export declare const initialAccruedExpensesScheduleListStateByType: ScheduleAccruedListForTypeState;
 export declare const initialState: ScheduleListViewState;
 export declare const fetchDownloadSchedules: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[scheduleType: "prepaid_expenses" | "fixed_assets" | "accrued_expenses" | "deferred_revenue", timeframeAndCategory: {
     selectedTimeframe: TimeframeTick;
@@ -22,6 +24,16 @@ export declare const fetchDownloadSchedules: import("@reduxjs/toolkit").ActionCr
     scheduleType: "prepaid_expenses" | "fixed_assets" | "accrued_expenses" | "deferred_revenue";
     cacheOverride: any;
     downloadCategories: string[];
+}, string, never, never>, fetchAccruedScheduleList: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[scheduleType: "prepaid_expenses" | "fixed_assets" | "accrued_expenses" | "deferred_revenue", timeframeAndCategory?: {
+    selectedTimeframe: TimeframeTick;
+    selectedCategoryId: ID;
+} | undefined, cacheOverride?: any], {
+    timeframeAndCategory: {
+        selectedTimeframe: TimeframeTick;
+        selectedCategoryId: ID;
+    } | undefined;
+    scheduleType: "prepaid_expenses" | "fixed_assets" | "accrued_expenses" | "deferred_revenue";
+    cacheOverride: any;
 }, string, never, never>, fetchScheduleList: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[scheduleType: "prepaid_expenses" | "fixed_assets" | "accrued_expenses" | "deferred_revenue", timeframeAndCategory?: {
     selectedTimeframe: TimeframeTick;
     selectedCategoryId: ID;
@@ -37,11 +49,21 @@ export declare const fetchDownloadSchedules: import("@reduxjs/toolkit").ActionCr
     selectedTimeframe: TimeframeTick;
     selectedCategoryId: string;
     scheduleList: JEScheduledTransactionPayload[];
+}, string, never, never>, updateAccruedScheduleListSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[scheduleType: "prepaid_expenses" | "fixed_assets" | "accrued_expenses" | "deferred_revenue", selectedTimeframe: TimeframeTick, selectedCategoryId: string, scheduleList: JEAccruedScheduledTransactionPayload[]], {
+    scheduleType: "prepaid_expenses" | "fixed_assets" | "accrued_expenses" | "deferred_revenue";
+    selectedTimeframe: TimeframeTick;
+    selectedCategoryId: string;
+    scheduleList: JEAccruedScheduledTransactionPayload[];
 }, string, never, never>, updateScheduleListFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[scheduleType: "prepaid_expenses" | "fixed_assets" | "accrued_expenses" | "deferred_revenue", selectedTimeframe: TimeframeTick, selectedCategoryId: string, error: ZeniAPIStatus<Record<string, unknown>>], {
     selectedCategoryId: string;
     selectedTimeframe: TimeframeTick;
     scheduleType: "prepaid_expenses" | "fixed_assets" | "accrued_expenses" | "deferred_revenue";
     error: ZeniAPIStatus<Record<string, unknown>>;
+}, string, never, never>, updateAccruedScheduleListFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[scheduleType: "prepaid_expenses" | "fixed_assets" | "accrued_expenses" | "deferred_revenue", selectedTimeframe: TimeframeTick, selectedCategoryId: string, error: ZeniAPIStatus<Record<string, unknown>>], {
+    selectedCategoryId: string;
+    selectedTimeframe: TimeframeTick;
+    scheduleType: "prepaid_expenses" | "fixed_assets" | "accrued_expenses" | "deferred_revenue";
+    error: ZeniAPIStatus<Record<string, unknown>>;
 }, string, never, never>, updateDownloadScheduleFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[scheduleType: "prepaid_expenses" | "fixed_assets" | "accrued_expenses" | "deferred_revenue", selectedTimeframe: TimeframeTick, selectedCategoryId: string, error: ZeniAPIStatus<Record<string, unknown>>], {
     selectedCategoryId: string;
     selectedTimeframe: TimeframeTick;
@@ -71,7 +93,13 @@ export declare const fetchDownloadSchedules: import("@reduxjs/toolkit").ActionCr
 }, string>, updateScheduleListDownloadState: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     scheduleType: ScheduleTypes;
     fetchState: FetchState;
+}, string>, updateAccruedJEScheduleAccruedByListKey: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    scheduleType: ScheduleTypes;
+    jeScheduleAccruedKey: JEScheduleKey;
+    key: string;
 }, string>, clearScheduleList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("@reduxjs/toolkit").Reducer<ScheduleListViewState, import("@reduxjs/toolkit").AnyAction>;
 export default _default;
-export declare function getState(state: ScheduleListViewState, scheduleType: ScheduleTypes): ScheduleListForTypeState;
+declare type ScheduleStateType<T extends ScheduleTypes> = T extends 'prepaid_expenses' | 'fixed_assets' ? ScheduleListForTypeState : T extends 'accrued_expenses' ? ScheduleAccruedListForTypeState : never;
+export declare function updateState<T extends ScheduleTypes>(state: ScheduleListViewState, scheduleType: T, updates: Partial<ScheduleStateType<T>>): void;
+export declare function getState<T extends ScheduleTypes>(state: ScheduleListViewState, scheduleType: T): ScheduleStateType<T>;

package/lib/view/scheduleView/scheduleListView/scheduleListReducer.js

@@ -1,11 +1,12 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getState = exports.clearScheduleList = exports.updateScheduleListDownloadState = exports.updateScheduleListSearchText = exports.updateScheduleListLocalData = exports.updateScheduleListSortState = exports.updateScheduleListScrollState = exports.updateScheduleListSubTab = exports.updateDownloadScheduleSuccess = exports.updateDownloadScheduleFailure = exports.updateScheduleListFailure = exports.updateScheduleListSuccess = exports.fetchSchedulesAccount = exports.fetchScheduleList = exports.fetchDownloadSchedules = exports.initialState = exports.initialFixedAssetsScheduleListStateByType = exports.initialScheduleListStateByType = exports.initialJESchedulesForTypeState = exports.initialUIState = void 0;
+exports.getState = exports.updateState = exports.clearScheduleList = exports.updateAccruedJEScheduleAccruedByListKey = exports.updateScheduleListDownloadState = exports.updateScheduleListSearchText = exports.updateScheduleListLocalData = exports.updateScheduleListSortState = exports.updateScheduleListScrollState = exports.updateScheduleListSubTab = exports.updateDownloadScheduleSuccess = exports.updateDownloadScheduleFailure = exports.updateAccruedScheduleListFailure = exports.updateScheduleListFailure = exports.updateAccruedScheduleListSuccess = exports.updateScheduleListSuccess = exports.fetchSchedulesAccount = exports.fetchScheduleList = exports.fetchAccruedScheduleList = exports.fetchDownloadSchedules = exports.initialState = exports.initialAccruedExpensesScheduleListStateByType = exports.initialFixedAssetsScheduleListStateByType = exports.initialScheduleListStateByType = exports.initialJEAccruedSchedulesForTypeState = exports.initialJESchedulesForTypeState = exports.initialUIState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const transactionIDPayload_1 = require("../../../entity/transaction/payloadTypes/transactionIDPayload");
 const scheduleListTypes_1 = require("./scheduleListTypes");
 const transactionDetailState_1 = require("../../transactionDetail/transactionDetailState");
+const jeSchedulesPayload_1 = require("../../../entity/jeSchedules/jeSchedulesPayload");
 const scheduleListHelper_1 = require("./scheduleListHelper");
 exports.initialUIState = {
     sortKey: 'transactionDate',
@@ -27,6 +28,14 @@ exports.initialJESchedulesForTypeState = {
     error: undefined,
     jeScheduleTransactionKeys: [],
 };
+exports.initialJEAccruedSchedulesForTypeState = {
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+    fetchState: 'Not-Started',
+    error: undefined,
+    jeScheduleAccruedKeys: [],
+};
 exports.initialScheduleListStateByType = {
     jeScheduleKeysByListKey: {},
     scheduleListLocalData: {
@@ -45,12 +54,26 @@ exports.initialFixedAssetsScheduleListStateByType = Object.assign(Object.assign(
         selectedCategoryId: 'all',
         selectedTimeframe: (0, scheduleListHelper_1.getDefaultSelectedTimeframeForScheduleType)('fixed_assets'),
     }, selectedTimeframe: (0, scheduleListHelper_1.getDefaultSelectedTimeframeForScheduleType)('fixed_assets') });
+exports.initialAccruedExpensesScheduleListStateByType = {
+    jeScheduleAccruedByListKey: {},
+    selectedCategoryId: 'all',
+    scheduleListLocalData: {
+        selectedCategoryId: 'all',
+        selectedTimeframe: (0, scheduleListHelper_1.getDefaultSelectedTimeframeForScheduleType)('accrued_expenses'),
+    },
+    selectedTimeframe: (0, scheduleListHelper_1.getDefaultSelectedTimeframeForScheduleType)('accrued_expenses'),
+    downloadState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    uiState: Object.assign(Object.assign({}, exports.initialUIState), { sortKey: 'createTime' }),
+};
 exports.initialState = {
     listByScheduleType: {
         prepaid_expenses: exports.initialScheduleListStateByType,
         fixed_assets: exports.initialFixedAssetsScheduleListStateByType,
         deferred_revenue: exports.initialScheduleListStateByType,
-        accrued_expenses: exports.initialScheduleListStateByType,
+        accrued_expenses: exports.initialAccruedExpensesScheduleListStateByType,
     },
 };
 const scheduleListView = (0, toolkit_1.createSlice)({
@@ -59,25 +82,28 @@ const scheduleListView = (0, toolkit_1.createSlice)({
     reducers: {
         fetchDownloadSchedules: {
             reducer(draft, action) {
-                const state = getState(draft, action.payload.scheduleType);
-                const selectedTimeframe = action.payload.timeframeAndCategory.selectedTimeframe;
-                const selectedCategoryId = action.payload.timeframeAndCategory.selectedCategoryId;
-                state.scheduleListLocalData = {
-                    selectedTimeframe,
-                    selectedCategoryId: selectedCategoryId,
-                };
-                const key = (0, scheduleListTypes_1.getScheduleListKey)(selectedCategoryId, selectedTimeframe);
-                const record = state.jeScheduleKeysByListKey[key];
-                state.selectedCategoryId = selectedCategoryId;
-                state.selectedTimeframe = selectedTimeframe;
-                state.downloadState = {
-                    fetchState: 'In-Progress',
-                    error: undefined,
-                };
-                if (record == null) {
-                    state.jeScheduleKeysByListKey[key] = Object.assign({}, exports.initialJESchedulesForTypeState);
+                if (action.payload.scheduleType !== 'accrued_expenses') {
+                    //if condition added for type narrowing
+                    const state = getState(draft, action.payload.scheduleType);
+                    const selectedTimeframe = action.payload.timeframeAndCategory.selectedTimeframe;
+                    const selectedCategoryId = action.payload.timeframeAndCategory.selectedCategoryId;
+                    state.scheduleListLocalData = {
+                        selectedTimeframe,
+                        selectedCategoryId: selectedCategoryId,
+                    };
+                    const key = (0, scheduleListTypes_1.getScheduleListKey)(selectedCategoryId, selectedTimeframe);
+                    const record = state.jeScheduleKeysByListKey[key];
+                    state.selectedCategoryId = selectedCategoryId;
+                    state.selectedTimeframe = selectedTimeframe;
+                    state.downloadState = {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    };
+                    if (record == null) {
+                        state.jeScheduleKeysByListKey[key] = Object.assign({}, exports.initialJESchedulesForTypeState);
+                    }
+                    updateState(draft, action.payload.scheduleType, state);
                 }
-                updateState(draft, action.payload.scheduleType, state);
             },
             prepare(scheduleType, timeframeAndCategory, downloadCategories, cacheOverride = false) {
                 return {
@@ -93,27 +119,65 @@ const scheduleListView = (0, toolkit_1.createSlice)({
         fetchSchedulesAccount: () => {
             // do nothing
         },
-        fetchScheduleList: {
+        fetchAccruedScheduleList: {
             reducer(draft, action) {
-                const state = getState(draft, action.payload.scheduleType);
-                const selectedTimeframe = action.payload.timeframeAndCategory != null
-                    ? action.payload.timeframeAndCategory.selectedTimeframe
-                    : state.selectedTimeframe;
-                const selectedCategoryId = action.payload.timeframeAndCategory != null
-                    ? action.payload.timeframeAndCategory.selectedCategoryId
-                    : state.selectedCategoryId;
-                const key = (0, scheduleListTypes_1.getScheduleListKey)(selectedCategoryId, selectedTimeframe);
-                const record = state.jeScheduleKeysByListKey[key];
-                state.scheduleListLocalData = {
-                    selectedTimeframe,
-                    selectedCategoryId,
+                if (action.payload.scheduleType === 'accrued_expenses') {
+                    //if condition added for type narrowing
+                    const state = getState(draft, action.payload.scheduleType);
+                    const selectedTimeframe = action.payload.timeframeAndCategory != null
+                        ? action.payload.timeframeAndCategory.selectedTimeframe
+                        : state.selectedTimeframe;
+                    const selectedCategoryId = action.payload.timeframeAndCategory != null
+                        ? action.payload.timeframeAndCategory.selectedCategoryId
+                        : state.selectedCategoryId;
+                    const key = (0, scheduleListTypes_1.getScheduleListKey)(selectedCategoryId, selectedTimeframe);
+                    const record = state.jeScheduleAccruedByListKey[key];
+                    state.scheduleListLocalData = {
+                        selectedTimeframe,
+                        selectedCategoryId,
+                    };
+                    state.selectedCategoryId = selectedCategoryId;
+                    state.selectedTimeframe = selectedTimeframe;
+                    if (record == null) {
+                        state.jeScheduleAccruedByListKey[key] = Object.assign(Object.assign({}, exports.initialJEAccruedSchedulesForTypeState), { fetchState: 'In-Progress' });
+                    }
+                    updateState(draft, action.payload.scheduleType, state);
+                }
+            },
+            prepare(scheduleType, timeframeAndCategory, cacheOverride = false) {
+                return {
+                    payload: {
+                        timeframeAndCategory,
+                        scheduleType,
+                        cacheOverride,
+                    },
                 };
-                state.selectedCategoryId = selectedCategoryId;
-                state.selectedTimeframe = selectedTimeframe;
-                if (record == null) {
-                    state.jeScheduleKeysByListKey[key] = Object.assign(Object.assign({}, exports.initialJESchedulesForTypeState), { fetchState: 'In-Progress' });
+            },
+        },
+        fetchScheduleList: {
+            reducer(draft, action) {
+                if (action.payload.scheduleType !== 'accrued_expenses') {
+                    //if condition added for type narrowing
+                    const state = getState(draft, action.payload.scheduleType);
+                    const selectedTimeframe = action.payload.timeframeAndCategory != null
+                        ? action.payload.timeframeAndCategory.selectedTimeframe
+                        : state.selectedTimeframe;
+                    const selectedCategoryId = action.payload.timeframeAndCategory != null
+                        ? action.payload.timeframeAndCategory.selectedCategoryId
+                        : state.selectedCategoryId;
+                    const key = (0, scheduleListTypes_1.getScheduleListKey)(selectedCategoryId, selectedTimeframe);
+                    const record = state.jeScheduleKeysByListKey[key];
+                    state.scheduleListLocalData = {
+                        selectedTimeframe,
+                        selectedCategoryId,
+                    };
+                    state.selectedCategoryId = selectedCategoryId;
+                    state.selectedTimeframe = selectedTimeframe;
+                    if (record == null) {
+                        state.jeScheduleKeysByListKey[key] = Object.assign(Object.assign({}, exports.initialJESchedulesForTypeState), { fetchState: 'In-Progress' });
+                    }
+                    updateState(draft, action.payload.scheduleType, state);
                 }
-                updateState(draft, action.payload.scheduleType, state);
             },
             prepare(scheduleType, timeframeAndCategory, cacheOverride = false) {
                 return {
@@ -140,14 +204,50 @@ const scheduleListView = (0, toolkit_1.createSlice)({
                 };
             },
         },
+        updateAccruedScheduleListSuccess: {
+            reducer(draft, action) {
+                doUpdateAccruedScheduleList(draft, action.payload.scheduleList, action.payload.scheduleType, action.payload.selectedTimeframe, action.payload.selectedCategoryId);
+            },
+            prepare(scheduleType, selectedTimeframe, selectedCategoryId, scheduleList) {
+                return {
+                    payload: {
+                        scheduleType,
+                        selectedTimeframe,
+                        selectedCategoryId,
+                        scheduleList,
+                    },
+                };
+            },
+        },
+        updateAccruedScheduleListFailure: {
+            reducer(draft, action) {
+                //if condition added for type narrowing
+                if (action.payload.scheduleType === 'accrued_expenses') {
+                    const state = getState(draft, action.payload.scheduleType);
+                    const key = (0, scheduleListTypes_1.getScheduleListKey)(action.payload.selectedCategoryId, action.payload.selectedTimeframe);
+                    state.jeScheduleAccruedByListKey[key] = Object.assign(Object.assign({}, exports.initialJEAccruedSchedulesForTypeState), { fetchState: 'Error', error: action.payload.error });
+                    state.selectedCategoryId = action.payload.selectedCategoryId;
+                    state.selectedTimeframe = action.payload.selectedTimeframe;
+                    updateState(draft, action.payload.scheduleType, state);
+                }
+            },
+            prepare(scheduleType, selectedTimeframe, selectedCategoryId, error) {
+                return {
+                    payload: { selectedCategoryId, selectedTimeframe, scheduleType, error },
+                };
+            },
+        },
         updateScheduleListFailure: {
             reducer(draft, action) {
-                const state = getState(draft, action.payload.scheduleType);
-                const key = (0, scheduleListTypes_1.getScheduleListKey)(action.payload.selectedCategoryId, action.payload.selectedTimeframe);
-                state.jeScheduleKeysByListKey[key] = Object.assign(Object.assign({}, exports.initialJESchedulesForTypeState), { fetchState: 'Error', error: action.payload.error });
-                state.selectedCategoryId = action.payload.selectedCategoryId;
-                state.selectedTimeframe = action.payload.selectedTimeframe;
-                updateState(draft, action.payload.scheduleType, state);
+                if (action.payload.scheduleType !== 'accrued_expenses') {
+                    //if condition added for type narrowing
+                    const state = getState(draft, action.payload.scheduleType);
+                    const key = (0, scheduleListTypes_1.getScheduleListKey)(action.payload.selectedCategoryId, action.payload.selectedTimeframe);
+                    state.jeScheduleKeysByListKey[key] = Object.assign(Object.assign({}, exports.initialJESchedulesForTypeState), { fetchState: 'Error', error: action.payload.error });
+                    state.selectedCategoryId = action.payload.selectedCategoryId;
+                    state.selectedTimeframe = action.payload.selectedTimeframe;
+                    updateState(draft, action.payload.scheduleType, state);
+                }
             },
             prepare(scheduleType, selectedTimeframe, selectedCategoryId, error) {
                 return {
@@ -172,16 +272,19 @@ const scheduleListView = (0, toolkit_1.createSlice)({
         },
         updateDownloadScheduleFailure: {
             reducer(draft, action) {
-                const state = getState(draft, action.payload.scheduleType);
-                const key = (0, scheduleListTypes_1.getScheduleListKey)(action.payload.selectedCategoryId, action.payload.selectedTimeframe);
-                state.jeScheduleKeysByListKey[key] = Object.assign(Object.assign({}, exports.initialJESchedulesForTypeState), { error: action.payload.error });
-                state.selectedCategoryId = action.payload.selectedCategoryId;
-                state.selectedTimeframe = action.payload.selectedTimeframe;
-                state.downloadState = {
-                    fetchState: 'Error',
-                    error: action.payload.error,
-                };
-                updateState(draft, action.payload.scheduleType, state);
+                if (action.payload.scheduleType !== 'accrued_expenses') {
+                    //if condition added for type narrowing
+                    const state = getState(draft, action.payload.scheduleType);
+                    const key = (0, scheduleListTypes_1.getScheduleListKey)(action.payload.selectedCategoryId, action.payload.selectedTimeframe);
+                    state.jeScheduleKeysByListKey[key] = Object.assign(Object.assign({}, exports.initialJESchedulesForTypeState), { error: action.payload.error });
+                    state.selectedCategoryId = action.payload.selectedCategoryId;
+                    state.selectedTimeframe = action.payload.selectedTimeframe;
+                    state.downloadState = {
+                        fetchState: 'Error',
+                        error: action.payload.error,
+                    };
+                    updateState(draft, action.payload.scheduleType, state);
+                }
             },
             prepare(scheduleType, selectedTimeframe, selectedCategoryId, error) {
                 return {
@@ -226,37 +329,72 @@ const scheduleListView = (0, toolkit_1.createSlice)({
             };
             updateState(draft, action.payload.scheduleType, state);
         },
+        updateAccruedJEScheduleAccruedByListKey(draft, action) {
+            const { key, jeScheduleAccruedKey, scheduleType } = action.payload;
+            if (scheduleType === 'accrued_expenses') {
+                const state = getState(draft, scheduleType);
+                const records = state.jeScheduleAccruedByListKey[key];
+                if (records != null) {
+                    const prev = state.jeScheduleAccruedByListKey[key].jeScheduleAccruedKeys;
+                    state.jeScheduleAccruedByListKey[key].jeScheduleAccruedKeys = [
+                        ...prev,
+                        jeScheduleAccruedKey,
+                    ];
+                }
+                updateState(draft, scheduleType, state);
+            }
+        },
         clearScheduleList(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = scheduleListView.actions, exports.fetchDownloadSchedules = _a.fetchDownloadSchedules, exports.fetchScheduleList = _a.fetchScheduleList, exports.fetchSchedulesAccount = _a.fetchSchedulesAccount, exports.updateScheduleListSuccess = _a.updateScheduleListSuccess, exports.updateScheduleListFailure = _a.updateScheduleListFailure, exports.updateDownloadScheduleFailure = _a.updateDownloadScheduleFailure, exports.updateDownloadScheduleSuccess = _a.updateDownloadScheduleSuccess, exports.updateScheduleListSubTab = _a.updateScheduleListSubTab, exports.updateScheduleListScrollState = _a.updateScheduleListScrollState, exports.updateScheduleListSortState = _a.updateScheduleListSortState, exports.updateScheduleListLocalData = _a.updateScheduleListLocalData, exports.updateScheduleListSearchText = _a.updateScheduleListSearchText, exports.updateScheduleListDownloadState = _a.updateScheduleListDownloadState, exports.clearScheduleList = _a.clearScheduleList;
+_a = scheduleListView.actions, exports.fetchDownloadSchedules = _a.fetchDownloadSchedules, exports.fetchAccruedScheduleList = _a.fetchAccruedScheduleList, exports.fetchScheduleList = _a.fetchScheduleList, exports.fetchSchedulesAccount = _a.fetchSchedulesAccount, exports.updateScheduleListSuccess = _a.updateScheduleListSuccess, exports.updateAccruedScheduleListSuccess = _a.updateAccruedScheduleListSuccess, exports.updateScheduleListFailure = _a.updateScheduleListFailure, exports.updateAccruedScheduleListFailure = _a.updateAccruedScheduleListFailure, exports.updateDownloadScheduleFailure = _a.updateDownloadScheduleFailure, exports.updateDownloadScheduleSuccess = _a.updateDownloadScheduleSuccess, exports.updateScheduleListSubTab = _a.updateScheduleListSubTab, exports.updateScheduleListScrollState = _a.updateScheduleListScrollState, exports.updateScheduleListSortState = _a.updateScheduleListSortState, exports.updateScheduleListLocalData = _a.updateScheduleListLocalData, exports.updateScheduleListSearchText = _a.updateScheduleListSearchText, exports.updateScheduleListDownloadState = _a.updateScheduleListDownloadState, exports.updateAccruedJEScheduleAccruedByListKey = _a.updateAccruedJEScheduleAccruedByListKey, exports.clearScheduleList = _a.clearScheduleList;
 exports.default = scheduleListView.reducer;
 /**
  * Helper functions
  */
 function doUpdateScheduleList(draft, payload, scheduleType, selectedTimeframe, selectedCategoryId) {
-    const state = getState(draft, scheduleType);
-    const jeScheduleTransactionKeys = payload.map((schedules) => {
-        const transactionID = (0, transactionIDPayload_1.toTransactionID)(schedules.base_transaction);
-        return (0, transactionDetailState_1.getZeniTransactionDetailKey)(transactionID);
-    });
-    state.selectedCategoryId = selectedCategoryId;
-    state.selectedTimeframe = selectedTimeframe;
-    const key = (0, scheduleListTypes_1.getScheduleListKey)(selectedCategoryId, selectedTimeframe);
-    const record = state.jeScheduleKeysByListKey[key];
-    state.jeScheduleKeysByListKey[key] = Object.assign(Object.assign({}, record), { fetchState: 'Completed', error: undefined, jeScheduleTransactionKeys });
-    state.downloadState = {
-        fetchState: 'Completed',
-        error: undefined,
-    };
+    if (scheduleType !== 'accrued_expenses') {
+        const state = getState(draft, scheduleType);
+        const jeScheduleTransactionKeys = payload.map((schedules) => {
+            const transactionID = (0, transactionIDPayload_1.toTransactionID)(schedules.base_transaction);
+            return (0, transactionDetailState_1.getZeniTransactionDetailKey)(transactionID);
+        });
+        state.selectedCategoryId = selectedCategoryId;
+        state.selectedTimeframe = selectedTimeframe;
+        const key = (0, scheduleListTypes_1.getScheduleListKey)(selectedCategoryId, selectedTimeframe);
+        const record = state.jeScheduleKeysByListKey[key];
+        state.jeScheduleKeysByListKey[key] = Object.assign(Object.assign({}, record), { fetchState: 'Completed', error: undefined, jeScheduleTransactionKeys });
+        state.downloadState = {
+            fetchState: 'Completed',
+            error: undefined,
+        };
+    }
+}
+function doUpdateAccruedScheduleList(draft, payload, scheduleType, selectedTimeframe, selectedCategoryId) {
+    if (scheduleType === 'accrued_expenses') {
+        const state = getState(draft, scheduleType);
+        const jeScheduleAccruedKeys = payload.map((schedule) => (0, jeSchedulesPayload_1.getJEScheduleKey)(schedule));
+        state.selectedCategoryId = selectedCategoryId;
+        state.selectedTimeframe = selectedTimeframe;
+        const key = (0, scheduleListTypes_1.getScheduleListKey)(selectedCategoryId, selectedTimeframe);
+        const record = state.jeScheduleAccruedByListKey[key];
+        state.jeScheduleAccruedByListKey[key] = Object.assign(Object.assign({}, record), { fetchState: 'Completed', error: undefined, jeScheduleAccruedKeys });
+        state.downloadState = {
+            fetchState: 'Completed',
+            error: undefined,
+        };
+    }
 }
 function updateState(state, scheduleType, updates) {
+    // TODO: Find a better to handle multiple type
     const listState = state.listByScheduleType[scheduleType];
     state.listByScheduleType[scheduleType] = Object.assign(Object.assign({}, listState), updates);
 }
+exports.updateState = updateState;
 function getState(state, scheduleType) {
+    // TODO: Find a better to handle multiple type
     return state.listByScheduleType[scheduleType];
 }
 exports.getState = getState;

package/lib/view/scheduleView/scheduleListView/scheduleListSelector.d.ts

@@ -6,7 +6,7 @@ import { ScheduleListLocalData, ScheduleListUIState } from './scheduleListState'
 import { NestedAccountHierarchyForReport } from '../../../commonStateTypes/accountView/nestedAccountID';
 import { TimeframeTick, TimeframeTickWithMetaData } from '../../../commonStateTypes/timeframeTick';
 import { AccountBase } from '../../../entity/account/accountState';
-import { JEScheduledTransaction } from '../../../entity/jeSchedules/jeSchedulesSelector';
+import { JEScheduledTransaction, JEAccruedSchedule } from '../../../entity/jeSchedules/jeSchedulesSelector';
 import { ScheduleTypes } from '../../../entity/jeSchedules/jeSchedulesTypes';
 import { Amount } from '../../../commonStateTypes/amount';
 import { COABalanceGroupedByPeriod } from '../../../commonStateTypes/coaBalance/coaBalance';
@@ -14,6 +14,10 @@ export interface JEScheduledTransactionWithBalance extends JEScheduledTransactio
     coaBalanceByPeriod: COABalanceGroupedByPeriod;
     durationOfMonths: number;
 }
+export interface JEScheduleWithBalance extends JEAccruedSchedule {
+    coaBalanceByPeriod: COABalanceGroupedByPeriod;
+    durationOfMonths: number;
+}
 export interface ScheduleListReport extends SelectorView {
     scheduleType: ScheduleTypes;
     downloadUIState: FetchStateAndError;
@@ -31,6 +35,24 @@ export interface ScheduleListReport extends SelectorView {
     totalRunningBalances: Amount;
     selectedScheduledId?: ID;
 }
+export interface ScheduleAccruedListReport extends SelectorView {
+    scheduleType: ScheduleTypes;
+    downloadUIState: FetchStateAndError;
+    jeScheduleOrder: EntityOrder;
+    jeAccruedSchedules: JEScheduleWithBalance[];
+    scheduleListAccounts: AccountBase[];
+    scheduleListNestedAccountHierarchy: NestedAccountHierarchyForReport[];
+    uiState: ScheduleListUIState;
+    selectedCategoryId: ID;
+    selectedTimeframe: TimeframeTick;
+    scheduleListLocalData: ScheduleListLocalData;
+    allTimeframeTicks: TimeframeTickWithMetaData[];
+    totalBalanceTimeframeTicks: COABalanceGroupedByPeriod;
+    totalAmount: Amount;
+    totalRunningBalances: Amount;
+    selectedAccruedScheduleId?: ID;
+}
 export declare const getScheduleListReport: (state: RootState, scheduleType: ScheduleTypes) => ScheduleListReport;
+export declare const getAccruedScheduleListReport: (state: RootState, scheduleType: ScheduleTypes) => ScheduleAccruedListReport;
 export declare const getFetchStateForScheduleAccountList: (state: RootState) => FetchState;
 export declare const getFetchStateForScheduleListByType: (state: RootState, scheduleType: ScheduleTypes) => FetchState;