@zeniai/client-epic-state 5.0.68 → 5.0.69-beta0RJ

package/lib/view/scheduleActivityLogView/fetchScheduleActivityLogEpic.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchScheduleActivityLogEpic = exports.filterValidScheduleActivityPayloads = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const scheduleActivityLogReducer_1 = require("../../entity/scheduleActivityLog/scheduleActivityLogReducer");
+const userReducer_1 = require("../../entity/user/userReducer");
+const responsePayload_1 = require("../../responsePayload");
+const scheduleActivityLogViewReducer_1 = require("./scheduleActivityLogViewReducer");
+// Drop any payload that lacks the three top-level fields the entity pipeline
+// strictly needs (`event_type`, `correlation_id`, `create_time`). Surfaces each
+// drop as a console.warn so the next backend iteration has a list of gaps to
+// tighten. Returns the kept items so the rest of the timeline still renders.
+const filterValidScheduleActivityPayloads = (rawActivity) => {
+    const safe = [];
+    for (const item of rawActivity) {
+        if (typeof item?.event_type !== 'string') {
+            console.warn('[scheduleActivityLog] dropping payload: missing event_type', item);
+            continue;
+        }
+        if (typeof item?.correlation_id !== 'string') {
+            console.warn('[scheduleActivityLog] dropping payload: missing correlation_id', item);
+            continue;
+        }
+        if (typeof item?.create_time !== 'string') {
+            console.warn('[scheduleActivityLog] dropping payload: missing create_time', item);
+            continue;
+        }
+        safe.push(item);
+    }
+    return safe;
+};
+exports.filterValidScheduleActivityPayloads = filterValidScheduleActivityPayloads;
+const fetchScheduleActivityLogEpic = (actions$, _, zeniAPI) => actions$.pipe((0, operators_1.filter)(scheduleActivityLogViewReducer_1.fetchScheduleActivityLog.match), (0, operators_1.switchMap)((action) => {
+    const { scheduleId } = action.payload;
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/schedules/${scheduleId}/activity`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) &&
+            response.data != null &&
+            response.data.activity != null) {
+            const safeActivity = (0, exports.filterValidScheduleActivityPayloads)(response.data.activity);
+            const updateActions = [];
+            if (response.data.users != null &&
+                response.data.users.length > 0) {
+                updateActions.push((0, userReducer_1.updateAllUsers)({
+                    users: response.data.users,
+                    updateType: 'merge',
+                }));
+            }
+            updateActions.push((0, scheduleActivityLogReducer_1.updateScheduleActivityLogs)(safeActivity));
+            updateActions.push((0, scheduleActivityLogViewReducer_1.updateScheduleActivityLogViewOnSuccess)({
+                data: safeActivity,
+                scheduleId,
+            }));
+            return (0, rxjs_1.from)(updateActions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, scheduleActivityLogViewReducer_1.updateScheduleActivityLogViewFetchStatus)({
+                fetchState: 'Error',
+                error: response.status,
+                scheduleId,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, scheduleActivityLogViewReducer_1.updateScheduleActivityLogViewFetchStatus)({
+        scheduleId,
+        fetchState: 'Error',
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'fetch schedule activity log REST API call errored out' +
+            JSON.stringify(error)),
+    }))));
+}));
+exports.fetchScheduleActivityLogEpic = fetchScheduleActivityLogEpic;

package/lib/view/scheduleActivityLogView/scheduleActivityLogViewPayload.d.ts

@@ -0,0 +1,8 @@
+import { ScheduleActivityLogPayload } from '../../entity/scheduleActivityLog/scheduleActivityLogPayload';
+import { UserPayload } from '../../entity/user/userPayload';
+import { ZeniAPIResponse } from '../../responsePayload';
+export interface FetchScheduleActivityLogPayload {
+    activity: ScheduleActivityLogPayload[];
+    users?: UserPayload[];
+}
+export type FetchScheduleActivityLogResponse = ZeniAPIResponse<FetchScheduleActivityLogPayload>;

package/lib/view/scheduleActivityLogView/scheduleActivityLogViewPayload.js

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

package/lib/view/scheduleActivityLogView/scheduleActivityLogViewReducer.d.ts

@@ -0,0 +1,17 @@
+import { FetchState } from '../../commonStateTypes/common';
+import { ScheduleActivityLogPayload } from '../../entity/scheduleActivityLog/scheduleActivityLogPayload';
+import { ZeniAPIStatus } from '../../responsePayload';
+import { ScheduleActivityLogViewState } from './scheduleActivityLogViewState';
+export declare const initialState: ScheduleActivityLogViewState;
+export declare const fetchScheduleActivityLog: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[scheduleId: string], {
+    scheduleId: string;
+}, "scheduleActivityLogView/fetchScheduleActivityLog", never, never>, updateScheduleActivityLogViewOnSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    data: ScheduleActivityLogPayload[];
+    scheduleId: string;
+}, "scheduleActivityLogView/updateScheduleActivityLogViewOnSuccess">, clearScheduleActivityLogView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"scheduleActivityLogView/clearScheduleActivityLogView">, updateScheduleActivityLogViewFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    scheduleId: string;
+    error?: ZeniAPIStatus;
+}, "scheduleActivityLogView/updateScheduleActivityLogViewFetchStatus">;
+declare const _default: import("redux").Reducer<ScheduleActivityLogViewState>;
+export default _default;

package/lib/view/scheduleActivityLogView/scheduleActivityLogViewReducer.js

@@ -0,0 +1,51 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateScheduleActivityLogViewFetchStatus = exports.clearScheduleActivityLogView = exports.updateScheduleActivityLogViewOnSuccess = exports.fetchScheduleActivityLog = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const scheduleActivityLogPayload_1 = require("../../entity/scheduleActivityLog/scheduleActivityLogPayload");
+exports.initialState = {
+    scheduleActivityLogIdsByScheduleId: {},
+    scheduleActivityLogFetchStateByScheduleId: {},
+};
+const scheduleActivityLogView = (0, toolkit_1.createSlice)({
+    name: 'scheduleActivityLogView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchScheduleActivityLog: {
+            prepare(scheduleId) {
+                return {
+                    payload: { scheduleId },
+                };
+            },
+            reducer(draft, action) {
+                const { scheduleId } = action.payload;
+                draft.scheduleActivityLogFetchStateByScheduleId[scheduleId] = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+                draft.scheduleActivityLogIdsByScheduleId[scheduleId] = [];
+            },
+        },
+        updateScheduleActivityLogViewOnSuccess(draft, action) {
+            const { data, scheduleId } = action.payload;
+            draft.scheduleActivityLogFetchStateByScheduleId[scheduleId] = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+            draft.scheduleActivityLogIdsByScheduleId[scheduleId] = data.map((scheduleActivityLog) => (0, scheduleActivityLogPayload_1.toScheduleActivityLogId)(scheduleActivityLog.correlation_id, scheduleActivityLog.event_type, scheduleActivityLog.data?.transaction?.line_id));
+        },
+        updateScheduleActivityLogViewFetchStatus(draft, action) {
+            const { fetchState, scheduleId, error } = action.payload;
+            draft.scheduleActivityLogFetchStateByScheduleId[scheduleId] = {
+                fetchState,
+                error,
+            };
+        },
+        clearScheduleActivityLogView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = scheduleActivityLogView.actions, exports.fetchScheduleActivityLog = _a.fetchScheduleActivityLog, exports.updateScheduleActivityLogViewOnSuccess = _a.updateScheduleActivityLogViewOnSuccess, exports.clearScheduleActivityLogView = _a.clearScheduleActivityLogView, exports.updateScheduleActivityLogViewFetchStatus = _a.updateScheduleActivityLogViewFetchStatus;
+exports.default = scheduleActivityLogView.reducer;

package/lib/view/scheduleActivityLogView/scheduleActivityLogViewSelector.d.ts

@@ -0,0 +1,8 @@
+import { ID } from '../../commonStateTypes/common';
+import { SelectorView } from '../../commonStateTypes/viewAndReport/viewAndReport';
+import { ScheduleActivityLog } from '../../entity/scheduleActivityLog/scheduleActivityLogState';
+import { RootState } from '../../reducer';
+export interface ScheduleActivityLogViewSelectorView extends SelectorView {
+    scheduleActivityLogs: ScheduleActivityLog[];
+}
+export declare const getScheduleActivityLogView: (state: RootState, scheduleId: ID) => ScheduleActivityLogViewSelectorView;

package/lib/view/scheduleActivityLogView/scheduleActivityLogViewSelector.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getScheduleActivityLogView = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const reduceFetchState_1 = require("../../commonStateTypes/reduceFetchState");
+const scheduleActivityLogSelector_1 = require("../../entity/scheduleActivityLog/scheduleActivityLogSelector");
+exports.getScheduleActivityLogView = (0, toolkit_1.createSelector)((state) => state.scheduleActivityLogViewState, (state) => state.scheduleActivityLogState, (state) => state.userState, (_state, scheduleId) => scheduleId, (scheduleActivityLogViewState, scheduleActivityLogState, userState, scheduleId) => {
+    const fetchStateAndError = scheduleActivityLogViewState
+        .scheduleActivityLogFetchStateByScheduleId[scheduleId] ?? {
+        fetchState: 'Not-Started',
+        error: undefined,
+    };
+    const scheduleActivityLogIds = scheduleActivityLogViewState.scheduleActivityLogIdsByScheduleId[scheduleId] ?? [];
+    const rawLogs = (0, scheduleActivityLogSelector_1.getScheduleActivityLogsByIds)(scheduleActivityLogState, scheduleActivityLogIds);
+    const scheduleActivityLogs = rawLogs.map((log) => {
+        const userId = log.data?.transaction?.userId;
+        if (userId == null || log.data == null) {
+            return log;
+        }
+        const user = userState.userByUserId[userId];
+        if (user == null) {
+            return log;
+        }
+        return {
+            ...log,
+            data: {
+                ...log.data,
+                user,
+            },
+        };
+    });
+    return {
+        ...(0, reduceFetchState_1.reduceFetchState)([fetchStateAndError]),
+        scheduleActivityLogs,
+    };
+});

package/lib/view/scheduleActivityLogView/scheduleActivityLogViewState.d.ts

@@ -0,0 +1,5 @@
+import { FetchStateAndError, ID } from '../../commonStateTypes/common';
+export interface ScheduleActivityLogViewState {
+    scheduleActivityLogFetchStateByScheduleId: Record<ID, FetchStateAndError>;
+    scheduleActivityLogIdsByScheduleId: Record<ID, ID[]>;
+}

package/lib/view/scheduleActivityLogView/scheduleActivityLogViewState.js

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

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

@@ -3,6 +3,7 @@ import { Observable } from 'rxjs';
 import { RootState } from '../../../../reducer';
 import { fetchAccountList } from '../../../accountList/accountListReducer';
 import { fetchClassList } from '../../../classList/classListReducer';
+import { fetchScheduleActivityLog } from '../../../scheduleActivityLogView/scheduleActivityLogViewReducer';
 import { fetchScheduleDetails, fetchScheduleDetailsPage } from '../scheduleDetailReducer';
-export type ActionType = ReturnType<typeof fetchScheduleDetails> | ReturnType<typeof fetchClassList> | ReturnType<typeof fetchAccountList> | ReturnType<typeof fetchScheduleDetailsPage>;
+export type ActionType = ReturnType<typeof fetchScheduleDetails> | ReturnType<typeof fetchClassList> | ReturnType<typeof fetchAccountList> | ReturnType<typeof fetchScheduleActivityLog> | ReturnType<typeof fetchScheduleDetailsPage>;
 export declare const fetchScheduleDetailsPageEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

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

@@ -5,6 +5,7 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const accountListReducer_1 = require("../../../accountList/accountListReducer");
 const classListReducer_1 = require("../../../classList/classListReducer");
+const scheduleActivityLogViewReducer_1 = require("../../../scheduleActivityLogView/scheduleActivityLogViewReducer");
 const scheduleListHelper_1 = require("../../scheduleListView/scheduleListHelper");
 const scheduleDetailReducer_1 = require("../scheduleDetailReducer");
 const fetchScheduleDetailsPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(scheduleDetailReducer_1.fetchScheduleDetailsPage.match), (0, operators_1.mergeMap)((action) => {
@@ -22,6 +23,9 @@ const fetchScheduleDetailsPageEpic = (actions$, state$) => actions$.pipe((0, ope
     }
     if (action.payload.selectedJeScheduleDetailId != null) {
         scheduleDetailsActions.push((0, scheduleDetailReducer_1.fetchScheduleDetails)(action.payload.scheduleType, action.payload.selectedJeScheduleDetailId, action.payload.cacheOverride));
+        // Prefetch the schedule activity log alongside the detail page so the
+        // side panel renders instantly when the user taps the navbar icon.
+        scheduleDetailsActions.push((0, scheduleActivityLogViewReducer_1.fetchScheduleActivityLog)(action.payload.selectedJeScheduleDetailId));
     }
     return (0, rxjs_1.concat)((0, rxjs_1.from)(scheduleDetailsActions));
 }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "5.0.68",
+  "version": "5.0.69-beta0RJ",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",
@@ -116,7 +116,7 @@
     "find-dead-code": "ts-prune | grep -v '(used in module)'",
     "find-unused-exports": "ts-unused-exports ./tsconfig.json",
     "circular-dependency": "npx madge --circular --extensions ts ./src",
-    "build": "echo 'Running full ESLint...' && pnpm lint && concurrently --kill-others-on-fail --handle-input \"echo 'TypeScript build in progress...' && time tsc && echo 'ESM build...' && tsc -p tsconfig.esm.json\" \"echo 'Running tests and typecheck...' && pnpm test\" && rimraf \"lib/**/__mocks__\" \"lib/**/__testHelpers__\"",
+    "build": "concurrently --kill-others-on-fail --handle-input \"echo 'TypeScript build in progress...' && time tsc && echo 'ESM build...' && tsc -p tsconfig.esm.json\" \"echo 'Running tests and typecheck (incl. lint-modified-files)...' && pnpm test\" && rimraf \"lib/**/__mocks__\" \"lib/**/__testHelpers__\"",
     "only-build": "eslint . --ext .js,.jsx,.ts,.tsx && time tsc && tsc -p tsconfig.esm.json && rimraf \"lib/**/__mocks__\" \"lib/**/__testHelpers__\"",
     "only-build-dev": "eslint . --ext .js,.jsx,.ts,.tsx && time tsc -p tsconfig.dev.json && tsc -p tsconfig.esm.dev.json && rimraf \"lib/**/__mocks__\" \"lib/**/__testHelpers__\"",
     "format": "prettier --write --ignore-unknown \"src/**/*\" && pnpm lint",