@zeniai/client-epic-state 4.18.80 → 4.18.82

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

@@ -51,24 +51,27 @@ export declare const fetchTransactionCategorization: import("@reduxjs/toolkit").
     selectedPeriod: MonthYearPeriod;
     selectedTab: TransactionsTab;
     status: ZeniAPIStatus;
-}, "expenseAutomationTransactionsView/fetchTransactionCategorizationFailure">, saveTransactionCategorization: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[selectedTab: "review" | "autoCategorized", transactionIds: string[], cotTrackingByTransactionId: COTTransactionTrackingByTransactionId], {
+}, "expenseAutomationTransactionsView/fetchTransactionCategorizationFailure">, saveTransactionCategorization: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[selectedTab: "review" | "autoCategorized", transactionIds: string[], cotTrackingByTransactionId: COTTransactionTrackingByTransactionId, isUncategorizedExpenseCategoryEnabled?: boolean | undefined], {
     selectedTab: "review" | "autoCategorized";
     transactionIds: string[];
     cotTrackingByTransactionId: COTTransactionTrackingByTransactionId;
-}, "expenseAutomationTransactionsView/saveTransactionCategorization", never, never>, updateTransactionCategorization: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[selectedTab: "review" | "autoCategorized", transactionIds: string[], transactionSaveUpdates: TransactionSaveUpdates[], cotTrackingByTransactionId: COTTransactionTrackingByTransactionId], {
+    isUncategorizedExpenseCategoryEnabled: boolean | undefined;
+}, "expenseAutomationTransactionsView/saveTransactionCategorization", never, never>, updateTransactionCategorization: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[selectedTab: "review" | "autoCategorized", transactionIds: string[], transactionSaveUpdates: TransactionSaveUpdates[], cotTrackingByTransactionId: COTTransactionTrackingByTransactionId, isUncategorizedExpenseCategoryEnabled?: boolean | undefined], {
     selectedTab: "review" | "autoCategorized";
     transactionIds: string[];
     transactionSaveUpdates: TransactionSaveUpdates[];
     cotTrackingByTransactionId: COTTransactionTrackingByTransactionId;
+    isUncategorizedExpenseCategoryEnabled: boolean | undefined;
 }, "expenseAutomationTransactionsView/updateTransactionCategorization", never, never>, updateCurrentSelectedTransactionCategorizationTab: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[newSelectedTab: "review" | "autoCategorized"], {
     newSelectedTab: "review" | "autoCategorized";
 }, "expenseAutomationTransactionsView/updateCurrentSelectedTransactionCategorizationTab", never, never>, updateTransactionCategorizationSaveStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[selectedTab: "review" | "autoCategorized", fetchState: FetchState, error?: ZeniAPIStatus<Record<string, unknown>> | undefined], {
     selectedTab: "review" | "autoCategorized";
     fetchState: FetchState;
     error: ZeniAPIStatus<Record<string, unknown>> | undefined;
-}, "expenseAutomationTransactionsView/updateTransactionCategorizationSaveStatus", never, never>, markTransactionAsNotMiscategorized: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[selectedTab: "review" | "autoCategorized", transactionsInReview: UpdateTransactionCategorizationResponsePayload], {
+}, "expenseAutomationTransactionsView/updateTransactionCategorizationSaveStatus", never, never>, markTransactionAsNotMiscategorized: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[selectedTab: "review" | "autoCategorized", transactionsInReview: UpdateTransactionCategorizationResponsePayload, isUncategorizedExpenseCategoryEnabled?: boolean | undefined], {
     selectedTab: "review" | "autoCategorized";
     transactionsInReview: UpdateTransactionCategorizationResponsePayload;
+    isUncategorizedExpenseCategoryEnabled: boolean | undefined;
 }, "expenseAutomationTransactionsView/markTransactionAsNotMiscategorized", never, never>, updateStatusForTransactionNotMiscategorizedUpdateForCategorization: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[selectedTab: "review" | "autoCategorized", uncheckTransactionIds: string[], removeTransactionIdsFromSelectedPeriod: string[], selectedPeriod: MonthYearPeriod, fetchState: FetchState, error?: ZeniAPIStatus<Record<string, unknown>> | undefined, updateLineItemsByTransactionId?: Record<string, string[]> | undefined], {
     removeTransactionIdsFromSelectedPeriod: string[];
     selectedPeriod: MonthYearPeriod;

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

@@ -228,12 +228,13 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
             }
         },
         saveTransactionCategorization: {
-            prepare(selectedTab, transactionIds, cotTrackingByTransactionId) {
+            prepare(selectedTab, transactionIds, cotTrackingByTransactionId, isUncategorizedExpenseCategoryEnabled) {
                 return {
                     payload: {
                         selectedTab,
                         transactionIds,
                         cotTrackingByTransactionId,
+                        isUncategorizedExpenseCategoryEnabled,
                     },
                 };
             },
@@ -258,13 +259,14 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
                     fetchState: 'In-Progress',
                 };
             },
-            prepare(selectedTab, transactionIds, transactionSaveUpdates, cotTrackingByTransactionId) {
+            prepare(selectedTab, transactionIds, transactionSaveUpdates, cotTrackingByTransactionId, isUncategorizedExpenseCategoryEnabled) {
                 return {
                     payload: {
                         selectedTab,
                         transactionIds,
                         transactionSaveUpdates,
                         cotTrackingByTransactionId,
+                        isUncategorizedExpenseCategoryEnabled,
                     },
                 };
             },
@@ -535,11 +537,12 @@ const expenseAutomationTransactionsView = (0, toolkit_1.createSlice)({
                     error: undefined,
                 };
             },
-            prepare(selectedTab, transactionsInReview) {
+            prepare(selectedTab, transactionsInReview, isUncategorizedExpenseCategoryEnabled) {
                 return {
                     payload: {
                         selectedTab,
                         transactionsInReview,
+                        isUncategorizedExpenseCategoryEnabled,
                     },
                 };
             },

package/lib/view/monthEndCloseChecksView/epics/fetchMonthClosePerformanceTrendEpic.d.ts

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { fetchMonthClosePerformanceTrend, updateMonthClosePerformanceTrend, updateMonthClosePerformanceTrendFetchStatus } from '../monthEndCloseChecksViewReducer';
+export type ActionType = ReturnType<typeof fetchMonthClosePerformanceTrend> | ReturnType<typeof updateMonthClosePerformanceTrendFetchStatus> | ReturnType<typeof updateMonthClosePerformanceTrend>;
+export declare const fetchMonthClosePerformanceTrendEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/monthEndCloseChecksView/epics/fetchMonthClosePerformanceTrendEpic.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchMonthClosePerformanceTrendEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../responsePayload");
+const monthEndCloseChecksViewReducer_1 = require("../monthEndCloseChecksViewReducer");
+const fetchMonthClosePerformanceTrendEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(monthEndCloseChecksViewReducer_1.fetchMonthClosePerformanceTrend.match), (0, operators_1.switchMap)((action) => {
+    const { period } = action.payload;
+    const month = String(period.month).padStart(2, '0');
+    const queryParam = {
+        month_and_year: `${month}-${period.year}`,
+    };
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/month-close/performance-trend?query=${encodeURIComponent(JSON.stringify(queryParam))}`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if (response.data != null) {
+            const actions = [
+                (0, monthEndCloseChecksViewReducer_1.updateMonthClosePerformanceTrend)({
+                    performanceTrend: response.data.performance_trend,
+                    period,
+                }),
+            ];
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            const actions = [
+                (0, monthEndCloseChecksViewReducer_1.updateMonthClosePerformanceTrendFetchStatus)({
+                    period,
+                    fetchState: 'Error',
+                    error: response.status,
+                }),
+            ];
+            return (0, rxjs_1.from)(actions);
+        }
+    }), (0, operators_1.catchError)((error) => {
+        const actions = [
+            (0, monthEndCloseChecksViewReducer_1.updateMonthClosePerformanceTrendFetchStatus)({
+                period,
+                fetchState: 'Error',
+                error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected error', `Fetch Month close performance trend REST API call errored out:  ${JSON.stringify(error)}`),
+            }),
+        ];
+        return (0, rxjs_1.from)(actions);
+    }));
+}));
+exports.fetchMonthClosePerformanceTrendEpic = fetchMonthClosePerformanceTrendEpic;

package/lib/view/monthEndCloseChecksView/epics/fetchMonthEndCloseChecksEpic.js

@@ -8,7 +8,7 @@ const responsePayload_1 = require("../../../responsePayload");
 const monthEndCloseChecksViewReducer_1 = require("../monthEndCloseChecksViewReducer");
 const fetchMonthEndCloseChecksEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(monthEndCloseChecksViewReducer_1.fetchMonthEndCloseChecks.match), (0, operators_1.switchMap)((action) => {
     const { period, tenantId, refreshViewInBackground } = action.payload;
-    const month = period.month < 10 ? `0${period.month}` : period.month;
+    const month = String(period.month).padStart(2, '0');
     const queryParam = {
         month_and_year: `${month}-${period.year}`,
         history_month_and_year_flag: true,

package/lib/view/monthEndCloseChecksView/monthEndCloseChecksViewPayload.d.ts

@@ -1,3 +1,11 @@
 import { MonthEndCloseChecksPayload } from '../../entity/monthEndCloseChecks/monthEndCloseChecksPayload';
 import { ZeniAPIResponse } from '../../responsePayload';
 export type FetchMonthEndCloseChecksResponse = ZeniAPIResponse<MonthEndCloseChecksPayload>;
+export type MonthClosePerformanceTrendPayload = {
+    audit_score_percentage: number;
+    month_and_year: string;
+};
+export interface MonthClosePerformanceTrendResponsePayload {
+    performance_trend: MonthClosePerformanceTrendPayload[];
+}
+export type FetchMonthClosePerformanceTrendResponse = ZeniAPIResponse<MonthClosePerformanceTrendResponsePayload>;

package/lib/view/monthEndCloseChecksView/monthEndCloseChecksViewReducer.d.ts

@@ -1,6 +1,7 @@
 import { FetchState, ID } from '../../commonStateTypes/common';
 import { MonthYearPeriod } from '../../commonStateTypes/timePeriod';
 import { ZeniAPIStatus } from '../../responsePayload';
+import { MonthClosePerformanceTrendPayload } from './monthEndCloseChecksViewPayload';
 import { MonthEndCloseChecksViewState } from './monthEndCloseChecksViewState';
 export declare const initialState: MonthEndCloseChecksViewState;
 export declare const fetchMonthEndCloseChecks: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
@@ -13,6 +14,15 @@ export declare const fetchMonthEndCloseChecks: import("@reduxjs/toolkit").Action
     refreshViewInBackground: boolean;
     tenantId: ID;
     error?: ZeniAPIStatus;
-}, "monthEndCloseChecksView/updateMonthEndCloseChecksView">, clearAllMonthEndCloseChecksView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"monthEndCloseChecksView/clearAllMonthEndCloseChecksView">;
+}, "monthEndCloseChecksView/updateMonthEndCloseChecksView">, clearAllMonthEndCloseChecksView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"monthEndCloseChecksView/clearAllMonthEndCloseChecksView">, fetchMonthClosePerformanceTrend: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[period: MonthYearPeriod], {
+    period: MonthYearPeriod;
+}, "monthEndCloseChecksView/fetchMonthClosePerformanceTrend", never, never>, updateMonthClosePerformanceTrend: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    performanceTrend: MonthClosePerformanceTrendPayload[];
+    period: MonthYearPeriod;
+}, "monthEndCloseChecksView/updateMonthClosePerformanceTrend">, updateMonthClosePerformanceTrendFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    period: MonthYearPeriod;
+    error?: ZeniAPIStatus;
+}, "monthEndCloseChecksView/updateMonthClosePerformanceTrendFetchStatus">;
 declare const _default: import("redux").Reducer<MonthEndCloseChecksViewState>;
 export default _default;

package/lib/view/monthEndCloseChecksView/monthEndCloseChecksViewReducer.js

@@ -1,14 +1,18 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearAllMonthEndCloseChecksView = exports.updateMonthEndCloseChecksView = exports.fetchMonthEndCloseChecks = exports.initialState = void 0;
+exports.updateMonthClosePerformanceTrendFetchStatus = exports.updateMonthClosePerformanceTrend = exports.fetchMonthClosePerformanceTrend = exports.clearAllMonthEndCloseChecksView = exports.updateMonthEndCloseChecksView = exports.fetchMonthEndCloseChecks = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
+const formatZeniDateFY_1 = require("../../commonStateTypes/fiscalYearHelpers/formatZeniDateFY");
 const timePeriod_1 = require("../../commonStateTypes/timePeriod");
+const zeniDayJS_1 = require("../../zeniDayJS");
 exports.initialState = {
     monthEndCloseChecksViewByTenantId: {},
     refreshStatus: {
         fetchState: 'Not-Started',
     },
+    monthClosePerformanceTrend: {},
+    monthClosePerformanceTrendFetchStatus: {},
 };
 const monthEndCloseChecksView = (0, toolkit_1.createSlice)({
     name: 'monthEndCloseChecksView',
@@ -40,10 +44,50 @@ const monthEndCloseChecksView = (0, toolkit_1.createSlice)({
                 draft.refreshStatus.fetchState = 'Completed';
             }
         },
+        fetchMonthClosePerformanceTrend: {
+            prepare(period) {
+                return { payload: { period } };
+            },
+            reducer(draft, action) {
+                const { period } = action.payload;
+                draft.monthClosePerformanceTrendFetchStatus[(0, timePeriod_1.toMonthYearPeriodId)(period)] = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+        },
+        updateMonthClosePerformanceTrend(draft, action) {
+            const { performanceTrend, period } = action.payload;
+            draft.monthClosePerformanceTrend[(0, timePeriod_1.toMonthYearPeriodId)(period)] = [];
+            performanceTrend.forEach((curr) => {
+                const parsedDate = (0, zeniDayJS_1.date)(curr.month_and_year, formatZeniDateFY_1.MM_YYYY_FORMAT);
+                const parsedPeriod = {
+                    month: (0, timePeriod_1.toMonth)(parsedDate.month() + 1),
+                    year: parsedDate.year(),
+                };
+                draft.monthClosePerformanceTrend[(0, timePeriod_1.toMonthYearPeriodId)(period)].push({
+                    auditScore: curr.audit_score_percentage,
+                    period: parsedPeriod,
+                });
+            });
+            draft.monthClosePerformanceTrendFetchStatus[(0, timePeriod_1.toMonthYearPeriodId)(period)] =
+                {
+                    fetchState: 'Completed',
+                    error: undefined,
+                };
+        },
+        updateMonthClosePerformanceTrendFetchStatus(draft, action) {
+            const { period, fetchState, error } = action.payload;
+            draft.monthClosePerformanceTrendFetchStatus[(0, timePeriod_1.toMonthYearPeriodId)(period)] =
+                {
+                    fetchState,
+                    error,
+                };
+        },
         clearAllMonthEndCloseChecksView(draft) {
-            draft.monthEndCloseChecksViewByTenantId = {};
+            Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = monthEndCloseChecksView.actions, exports.fetchMonthEndCloseChecks = _a.fetchMonthEndCloseChecks, exports.updateMonthEndCloseChecksView = _a.updateMonthEndCloseChecksView, exports.clearAllMonthEndCloseChecksView = _a.clearAllMonthEndCloseChecksView;
+_a = monthEndCloseChecksView.actions, exports.fetchMonthEndCloseChecks = _a.fetchMonthEndCloseChecks, exports.updateMonthEndCloseChecksView = _a.updateMonthEndCloseChecksView, exports.clearAllMonthEndCloseChecksView = _a.clearAllMonthEndCloseChecksView, exports.fetchMonthClosePerformanceTrend = _a.fetchMonthClosePerformanceTrend, exports.updateMonthClosePerformanceTrend = _a.updateMonthClosePerformanceTrend, exports.updateMonthClosePerformanceTrendFetchStatus = _a.updateMonthClosePerformanceTrendFetchStatus;
 exports.default = monthEndCloseChecksView.reducer;

package/lib/view/monthEndCloseChecksView/monthEndCloseChecksViewSelector.d.ts

@@ -4,7 +4,9 @@ import { SelectorView } from '../../commonStateTypes/viewAndReport/viewAndReport
 import { MonthEndAuditSummary, MonthEndCloseChecksInfo } from '../../entity/monthEndCloseChecks/monthEndCloseChecksState';
 import { CurrentTenant } from '../../entity/tenant/tenantSelector';
 import { RootState } from '../../reducer';
+import { MonthClosePerformanceTrend } from './monthEndCloseChecksViewState';
 export interface MonthEndCloseChecksView extends SelectorView {
+    monthClosePerformanceTrend: MonthClosePerformanceTrend[];
     refreshStatus: FetchStateAndError;
     selectedPeriod: MonthYearPeriod;
     monthEndCloseChecks?: MonthEndCloseChecksInfo;

package/lib/view/monthEndCloseChecksView/monthEndCloseChecksViewSelector.js

@@ -7,6 +7,7 @@ exports.getMonthEndCloseChecksViewByTenantId = exports.isMonthEndInsightDisabled
 const toolkit_1 = require("@reduxjs/toolkit");
 const isEqual_1 = __importDefault(require("lodash/isEqual"));
 const formatZeniDateFY_1 = require("../../commonStateTypes/fiscalYearHelpers/formatZeniDateFY");
+const reduceFetchState_1 = require("../../commonStateTypes/reduceFetchState");
 const timePeriod_1 = require("../../commonStateTypes/timePeriod");
 const monthEndCloseChecksSelector_1 = require("../../entity/monthEndCloseChecks/monthEndCloseChecksSelector");
 const fetchAllTenantsEpic_1 = require("../../entity/tenant/epic/fetchAllTenantsEpic");
@@ -40,14 +41,15 @@ const isMonthEndInsightDisabled = (currentTenant, selectedPeriod, userAllowedToA
 };
 exports.isMonthEndInsightDisabled = isMonthEndInsightDisabled;
 exports.getMonthEndCloseChecksViewByTenantId = (0, toolkit_1.createSelector)((state) => state.monthEndCloseChecksState, (state) => state.monthEndCloseChecksViewState, (state) => state.expenseAutomationViewState, (state) => (0, tenantSelector_1.getCurrentTenant)(state), (state) => state.companyState, (state) => state.tenantState, (_state, tenantId) => tenantId, (monthEndCloseChecksState, monthEndCloseChecksViewState, expenseAutomationViewState, currentTenant, companyState, tenantState, tenantId) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const { refreshStatus } = monthEndCloseChecksViewState;
     const { loggedInUser } = tenantState;
     const selectedPeriod = (_a = expenseAutomationViewState.selectedPeriodByTenantId[tenantId]) !== null && _a !== void 0 ? _a : fetchAllTenantsEpic_1.defaultMonthYearPeriod;
-    const { monthEndCloseChecksViewByTenantId } = monthEndCloseChecksViewState;
+    const { monthEndCloseChecksViewByTenantId, monthClosePerformanceTrend, monthClosePerformanceTrendFetchStatus, } = monthEndCloseChecksViewState;
+    const monthClosePerformanceTrendForSelectedPeriod = (_b = monthClosePerformanceTrend[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)]) !== null && _b !== void 0 ? _b : [];
     const monthYearPeriodId = selectedPeriod != null ? (0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod) : null;
     const monthEndCloseChecksView = monthYearPeriodId != null
-        ? (_b = monthEndCloseChecksViewByTenantId[tenantId]) === null || _b === void 0 ? void 0 : _b[monthYearPeriodId]
+        ? (_c = monthEndCloseChecksViewByTenantId[tenantId]) === null || _c === void 0 ? void 0 : _c[monthYearPeriodId]
         : undefined;
     const monthEndCloseChecks = monthYearPeriodId != null
         ? (0, monthEndCloseChecksSelector_1.getMonthEndCloseChecksByTenantId)(monthEndCloseChecksState, tenantId, monthYearPeriodId)
@@ -59,7 +61,7 @@ exports.getMonthEndCloseChecksViewByTenantId = (0, toolkit_1.createSelector)((st
         const currentCompany = companyState.companiesById[currentTenant.companyId];
         const managementInfo = currentCompany === null || currentCompany === void 0 ? void 0 : currentCompany.managementInfo;
         const preparerUserIds = managementInfo != null ? managementInfo.preparerUserIds : [];
-        const isZeniUser = Boolean((_c = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.userEmail) === null || _c === void 0 ? void 0 : _c.includes('zeni.ai'));
+        const isZeniUser = Boolean((_d = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.userEmail) === null || _d === void 0 ? void 0 : _d.includes('zeni.ai'));
         const isPreparer = loggedInUser != null && preparerUserIds.includes(loggedInUser.userId);
         const userAllowedToAccessMonthEndInsights = isZeniUser === false || isPreparer === false;
         const monthEndCloseCheckListWithDisabledState = sortedMonthEndCloseCheckList.map((check) => {
@@ -71,8 +73,12 @@ exports.getMonthEndCloseChecksViewByTenantId = (0, toolkit_1.createSelector)((st
             }
             return check;
         });
-        return Object.assign(Object.assign({}, monthEndCloseChecksView), { monthEndCloseChecks: Object.assign(Object.assign({}, monthEndCloseChecks), { monthEndCloseCheckList: monthEndCloseCheckListWithDisabledState }), reportId: 'expense_automation_card', selectedPeriod,
-            refreshStatus });
+        const combinedFetchState = (0, reduceFetchState_1.reduceAnyFetchState)([
+            monthEndCloseChecksView,
+            (_e = monthClosePerformanceTrendFetchStatus[(0, timePeriod_1.toMonthYearPeriodId)(selectedPeriod)]) !== null && _e !== void 0 ? _e : { fetchState: 'Not-Started' },
+        ]);
+        return Object.assign(Object.assign({}, monthEndCloseChecksView), { fetchState: combinedFetchState.fetchState, error: combinedFetchState.error, monthEndCloseChecks: Object.assign(Object.assign({}, monthEndCloseChecks), { monthEndCloseCheckList: monthEndCloseCheckListWithDisabledState }), reportId: 'expense_automation_card', selectedPeriod,
+            refreshStatus, monthClosePerformanceTrend: monthClosePerformanceTrendForSelectedPeriod });
     }
     return {
         fetchState: 'Not-Started',
@@ -80,5 +86,6 @@ exports.getMonthEndCloseChecksViewByTenantId = (0, toolkit_1.createSelector)((st
         reportId: 'expense_automation_card',
         selectedPeriod,
         refreshStatus,
+        monthClosePerformanceTrend: monthClosePerformanceTrendForSelectedPeriod,
     };
 });

package/lib/view/monthEndCloseChecksView/monthEndCloseChecksViewState.d.ts

@@ -1,6 +1,12 @@
 import { FetchStateAndError, ID } from '../../commonStateTypes/common';
-import { MonthYearPeriodId } from '../../commonStateTypes/timePeriod';
+import { MonthYearPeriod, MonthYearPeriodId } from '../../commonStateTypes/timePeriod';
+export interface MonthClosePerformanceTrend {
+    auditScore: number;
+    period: MonthYearPeriod;
+}
 export interface MonthEndCloseChecksViewState {
+    monthClosePerformanceTrend: Record<MonthYearPeriodId, MonthClosePerformanceTrend[]>;
+    monthClosePerformanceTrendFetchStatus: Record<MonthYearPeriodId, FetchStateAndError>;
     monthEndCloseChecksViewByTenantId: Record<ID, Record<MonthYearPeriodId, FetchStateAndError>>;
     refreshStatus: FetchStateAndError;
 }

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetail.d.ts

@@ -1,22 +1,36 @@
+import { Amount } from '../../../../commonStateTypes/amount';
 import { FetchStateAndError, FetchedState, ID } from '../../../../commonStateTypes/common';
 import { SortOrder } from '../../../../commonStateTypes/selectorTypes/sortOrderTypes';
 import { PageToken } from '../../../../commonStateTypes/viewAndReport/viewAndReport';
+import { ChargeCardMerchant } from '../../../../entity/chargeCardTransaction/chargeCardTransaction';
 import { Attachment } from '../../../../entity/transaction/stateTypes/attachment';
-import { ChargeCardTransactionStatisticsPayload } from './chargeCardDetailPayload';
+import { ZeniDate } from '../../../../zeniDayJS';
+import { ChargeCardTransactionStatisticsPayload, RecurringExpensePayload } from './chargeCardDetailPayload';
 export declare const VISA_EOD_CORRECTION_TRANSACTION_TYPE_NAME = "Card Transaction";
 export interface ChargeCardDetailState {
+    depositAccountLimitFetchStateByDepositAccountId: Record<ID, FetchStateAndError>;
     detailById: Record<ID, ChargeCardDetail>;
+    recurringExpensesByChargeCardId: Record<ID, RecurringExpense[]>;
+    recurringExpensesFetchState: FetchStateAndError;
+}
+export interface RecurringExpense {
+    amount: Amount;
+    merchant: ChargeCardMerchant;
+    nextPaymentDate: ZeniDate;
 }
 interface ChargeCardDetail extends FetchedState {
+    closeChargeCardFetchState: FetchStateAndError;
     cvvActivationWaitStatus: FetchStateAndError;
     debitCardSetPinWaitStatus: FetchStateAndError;
-    depositAccountLimitFetchState: FetchStateAndError;
     id: ID;
     isRefreshingViewInBackground: boolean;
+    lockChargeCardFetchState: FetchStateAndError;
     transactionList: ChargeCardDetailTransactionList;
     transactionStatistics: TransactionStatistics;
     twoFAState: TwoFAState;
+    unlockChargeCardFetchState: FetchStateAndError;
     updateChargeCardLimitFetchState: FetchStateAndError;
+    updateChargeCardNameFetchState: FetchStateAndError;
     updateDebitCardPinAttemptFetchState: FetchStateAndError;
     updatePhysicalChargeCardAttemptFetchState: FetchStateAndError;
     updateStatus: FetchStateAndError;
@@ -68,4 +82,5 @@ export interface ChargeCardTransactionStatistics {
     totalNumberOfTransactionsWithReceipts: number;
 }
 export declare const mapChargeCardTransactionStatisticsPayloadToChargeCardTransactionStatistics: (statistics: ChargeCardTransactionStatisticsPayload) => ChargeCardTransactionStatistics;
+export declare const mapRecurringExpensePayloadToRecurringExpense: (recurringExpense: RecurringExpensePayload) => RecurringExpense;
 export {};

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetail.js

@@ -1,7 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapChargeCardTransactionStatisticsPayloadToChargeCardTransactionStatistics = exports.emptyChargeCardDetail = exports.initialTransactionStatistics = exports.initialTransactionAttachments = exports.toChargeCardTransactionSortKeyType = exports.VISA_EOD_CORRECTION_TRANSACTION_TYPE_NAME = void 0;
+exports.mapRecurringExpensePayloadToRecurringExpense = exports.mapChargeCardTransactionStatisticsPayloadToChargeCardTransactionStatistics = exports.emptyChargeCardDetail = exports.initialTransactionStatistics = exports.initialTransactionAttachments = exports.toChargeCardTransactionSortKeyType = exports.VISA_EOD_CORRECTION_TRANSACTION_TYPE_NAME = void 0;
+const urlPayload_1 = require("../../../../commonPayloadTypes/urlPayload");
+const amount_1 = require("../../../../commonStateTypes/amount");
 const stringToUnion_1 = require("../../../../commonStateTypes/stringToUnion");
+const zeniDayJS_1 = require("../../../../zeniDayJS");
 exports.VISA_EOD_CORRECTION_TRANSACTION_TYPE_NAME = 'Card Transaction';
 const ALL_CHARGE_CARD_TRANSACTION_SORT_KEYS = [
     'merchant',
@@ -48,12 +51,20 @@ exports.emptyChargeCardDetail = {
         otpChallenge: undefined,
     },
     isRefreshingViewInBackground: false,
-    depositAccountLimitFetchState: {
+    id: '',
+    updateChargeCardNameFetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    lockChargeCardFetchState: {
         fetchState: 'Not-Started',
         error: undefined,
     },
-    id: '',
     fetchState: 'Not-Started',
+    closeChargeCardFetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
     cvvActivationWaitStatus: {
         fetchState: 'Not-Started',
         error: undefined,
@@ -100,6 +111,10 @@ exports.emptyChargeCardDetail = {
         error: undefined,
     },
     transactionStatistics: exports.initialTransactionStatistics,
+    unlockChargeCardFetchState: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
 };
 const mapChargeCardTransactionStatisticsPayloadToChargeCardTransactionStatistics = (statistics) => {
     return {
@@ -116,3 +131,23 @@ const mapChargeCardTransactionStatisticsPayloadToChargeCardTransactionStatistics
     };
 };
 exports.mapChargeCardTransactionStatisticsPayloadToChargeCardTransactionStatistics = mapChargeCardTransactionStatisticsPayloadToChargeCardTransactionStatistics;
+const mapRecurringExpensePayloadToRecurringExpense = (recurringExpense) => {
+    var _a;
+    return {
+        amount: (0, amount_1.toAmount)(recurringExpense.amount, recurringExpense.currency_code, recurringExpense.currency_symbol),
+        nextPaymentDate: (0, zeniDayJS_1.date)(recurringExpense.next_payment_date),
+        merchant: {
+            name: recurringExpense.merchant.name,
+            brandName: recurringExpense.merchant.brand_name != null
+                ? recurringExpense.merchant.brand_name
+                : undefined,
+            logo: recurringExpense.merchant.logo != null
+                ? {
+                    url: (0, urlPayload_1.toURL)(recurringExpense.merchant.logo),
+                    base64: (_a = recurringExpense.merchant.logo.base64) !== null && _a !== void 0 ? _a : undefined,
+                }
+                : undefined,
+        },
+    };
+};
+exports.mapRecurringExpensePayloadToRecurringExpense = mapRecurringExpensePayloadToRecurringExpense;

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailPayload.d.ts

@@ -1,7 +1,8 @@
 import { AddressPayload } from '../../../../entity/address/addressPayload';
 import { ChargeCardPayload } from '../../../../entity/chargeCard/chargeCardPayload';
-import { ChargeCardTransactionPayload } from '../../../../entity/chargeCardTransaction/chargeCardTransactionPayload';
+import { ChargeCardMerchantPayload, ChargeCardTransactionPayload } from '../../../../entity/chargeCardTransaction/chargeCardTransactionPayload';
 import { ConnectedAccountPayload } from '../../../../entity/connectedAccount/connectedAccountPayload';
+import { AmountPayload } from '../../../../entity/reimbursement/reimbursementPayload';
 import { AttachmentPayload } from '../../../../entity/transaction/payloadTypes/attachmentPayload';
 import { UserPayload } from '../../../../entity/user/userPayload';
 import { UserRolePayload } from '../../../../entity/userRole/userRolePayload';
@@ -45,4 +46,13 @@ export interface ChargeCardTransactionStatisticsPayload {
     total_number_of_paid_transactions: number;
     total_number_of_transactions_with_receipts: number;
 }
+export interface RecurringExpensePayload extends AmountPayload {
+    merchant: ChargeCardMerchantPayload;
+    next_payment_date: string;
+}
+interface ChargeCardRecurringExpensePayload {
+    card_id: string;
+    expenses: RecurringExpensePayload[];
+}
+export type FetchChargeCardRecurringExpensesResponse = ZeniAPIResponse<ChargeCardRecurringExpensePayload[]>;
 export {};

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailReducer.d.ts

@@ -3,7 +3,7 @@ import { FetchState, ID } from '../../../../commonStateTypes/common';
 import { PageToken } from '../../../../commonStateTypes/viewAndReport/viewAndReport';
 import { AttachmentPayload } from '../../../../entity/transaction/payloadTypes/attachmentPayload';
 import { ZeniAPIStatus } from '../../../../responsePayload';
-import { ChargeCardDetailState, ChargeCardDetailUiState } from './chargeCardDetail';
+import { ChargeCardDetailState, ChargeCardDetailUiState, RecurringExpense } from './chargeCardDetail';
 import { ChargeCardTransactionListPayload, ChargeCardTransactionStatisticsPayload } from './chargeCardDetailPayload';
 export declare const initialState: ChargeCardDetailState;
 export declare const fetchChargeCardDetailPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[chargeCardId: string, doFetchCreditAccounts: boolean, isCreditCardEnabled: boolean, cacheOverride?: any], {
@@ -97,11 +97,40 @@ export declare const fetchChargeCardDetailPage: import("@reduxjs/toolkit").Actio
     chargeCardId: ID;
     fetchState: FetchState;
     error?: ZeniAPIStatus;
-}, "chargeCardDetail/updateChargeCardSpendLimitSuccessOrFailure">, fetchDepositAccountLimit: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "chargeCardDetail/updateChargeCardSpendLimitSuccessOrFailure">, updateChargeCardName: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[isChargeCardAdmin: boolean, chargeCardId: string, name: string], {
+    isChargeCardAdmin: boolean;
+    chargeCardId: string;
+    name: string;
+}, "chargeCardDetail/updateChargeCardName", never, never>, updateChargeCardNameSuccessOrFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    chargeCardId: ID;
+    fetchState: FetchState;
+    error?: ZeniAPIStatus;
+}, "chargeCardDetail/updateChargeCardNameSuccessOrFailure">, lockChargeCard: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[isChargeCardAdmin: boolean, chargeCardId: string, reason?: string | undefined], {
+    isChargeCardAdmin: boolean;
+    chargeCardId: string;
+    reason: string | undefined;
+}, "chargeCardDetail/lockChargeCard", never, never>, lockChargeCardSuccessOrFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     chargeCardId: ID;
+    fetchState: FetchState;
+    error?: ZeniAPIStatus;
+}, "chargeCardDetail/lockChargeCardSuccessOrFailure">, unlockChargeCard: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[isChargeCardAdmin: boolean, chargeCardId: string], {
+    chargeCardId: string;
+    isChargeCardAdmin: boolean;
+}, "chargeCardDetail/unlockChargeCard", never, never>, unlockChargeCardSuccessOrFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    chargeCardId: ID;
+    fetchState: FetchState;
+    error?: ZeniAPIStatus;
+}, "chargeCardDetail/unlockChargeCardSuccessOrFailure">, closeChargeCard: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[chargeCardId: string, reason?: string | undefined], {
+    chargeCardId: string;
+    reason: string | undefined;
+}, "chargeCardDetail/closeChargeCard", never, never>, closeChargeCardSuccessOrFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    chargeCardId: ID;
+    fetchState: FetchState;
+    error?: ZeniAPIStatus;
+}, "chargeCardDetail/closeChargeCardSuccessOrFailure">, fetchDepositAccountLimit: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     depositAccountId: ID;
 }, "chargeCardDetail/fetchDepositAccountLimit">, updateDepositAccountLimitFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
-    chargeCardId: ID;
+    depositAccountId: ID;
     fetchState: FetchState;
     error?: ZeniAPIStatus;
 }, "chargeCardDetail/updateDepositAccountLimitFetchStatus">, fetchChargeCardTransactionStatistics: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
@@ -113,7 +142,14 @@ export declare const fetchChargeCardDetailPage: import("@reduxjs/toolkit").Actio
     chargeCardId: ID;
     fetchState: FetchState;
     error?: ZeniAPIStatus;
-}, "chargeCardDetail/updateChargeCardTransactionStatisticsFetchState">, sendOtpCardHolder: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "chargeCardDetail/updateChargeCardTransactionStatisticsFetchState">, fetchChargeCardsRecurringExpenses: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[cardIds: string[]], {
+    cardIds: string[];
+}, "chargeCardDetail/fetchChargeCardsRecurringExpenses", never, never>, updateChargeCardsRecurringExpenses: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    recurringExpensesByChargeCardId: Record<ID, RecurringExpense[]>;
+}, "chargeCardDetail/updateChargeCardsRecurringExpenses">, updateChargeCardsRecurringExpensesFetchState: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    error?: ZeniAPIStatus;
+}, "chargeCardDetail/updateChargeCardsRecurringExpensesFetchState">, sendOtpCardHolder: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     chargeCardId: ID;
     phone: string;
 }, "chargeCardDetail/sendOtpCardHolder">, resendOtpCardHolder: import("@reduxjs/toolkit").ActionCreatorWithPayload<{