@appcorp/fusion-storybook 0.2.81 → 0.2.84

package/base-modules/attendance/context.js

@@ -346,7 +346,7 @@ export const useAttendanceModule = () => {
     // ==========================================================================
     const headerActions = useMemo(() => [
         {
-            enabled: false,
+            enabled: true,
             handleOnClick: handleMoreActions,
             label: t("actionsButtonMoreActions"),
             order: 0,

package/base-modules/attendance/more-actions.d.ts

@@ -1,8 +1 @@
-import { FC } from "react";
-interface AttendanceMoreActionsProps {
-    labelAttendanceStatus: string;
-    labelRemarksInfo: string;
-    labelRemarksPlaceholder: string;
-}
-export declare const AttendanceMoreActions: FC<AttendanceMoreActionsProps>;
-export {};
+export declare const AttendanceMoreActions: () => import("react").JSX.Element;

package/base-modules/attendance/more-actions.js

@@ -1,63 +1,257 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEnhancedCombobox } from "@appcorp/shadcn/hooks/use-enhanced-combobox";
-import { EnhancedRadio } from "@appcorp/shadcn/components/enhanced-radio";
-import { EnhancedTextarea } from "@appcorp/shadcn/components/enhanced-textarea";
-import { useState } from "react";
+import { downloadFromUrl } from "@react-pakistan/util-functions";
+import { showErrorToast, showSuccessToast, showInfoToast, } from "@appcorp/shadcn/lib/toast-utils";
+import { getCachedWorkspaceSync } from "../workspace/cache";
+import converter from "json-2-csv";
+import { Timeline } from "../../components/timeline";
 import { useTranslations } from "next-intl";
-import { COURSE_API_ROUTES } from "../../constants";
-export const AttendanceMoreActions = ({ labelAttendanceStatus, labelRemarksInfo, labelRemarksPlaceholder, }) => {
-    // const enrollment = getCachedEnrollmentsSync().items;
-    // const studentProfiles = getCachedStudentProfilesSync().items;
-    // const courses = getCachedCoursesSync().items;
-    const [courseId, setCourseId] = useState("");
-    const [remarks, setRemarks] = useState({});
-    const [attendance, setAttendance] = useState({});
-    const [errors] = useState({});
+import { pageLimit } from "./constants";
+import { ATTENDANCE_API_ROUTES } from "../../constants";
+import { ATTENDANCE_ACTION_TYPES, useAttendanceContext } from "./context";
+import { useRef, useEffect, useCallback } from "react";
+const workspace = getCachedWorkspaceSync();
+const POLL_INTERVAL_MS = 2000;
+const POLL_TIMEOUT_MS = 300000;
+const handleGetAllRecords = async (schoolId, pageLimit) => {
+    const response = await fetch(`${ATTENDANCE_API_ROUTES.UNIT}?pageLimit=${pageLimit}&currentPage=1&schoolId=${schoolId}`);
+    const result = await response.json();
+    const csv = await converter.json2csv(result.items || [], {});
+    const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+    await downloadFromUrl(blob, "attendance.csv");
+};
+async function submitBulkJob(csvData, method, signal) {
+    var _a;
+    const schoolId = ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "";
+    if (!schoolId)
+        throw new Error("School ID not found");
+    const res = await fetch(ATTENDANCE_API_ROUTES.BULK, {
+        method,
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({ schoolId, csvData }),
+        signal,
+    });
+    if (!res.ok) {
+        const errorData = (await res.json().catch(() => ({})));
+        throw new Error(errorData.error || `Bulk operation failed with status ${res.status}`);
+    }
+    const data = (await res.json());
+    return data.jobId;
+}
+async function pollBulkJob(jobId, signal, onProgress) {
+    const startTime = Date.now();
+    let lastProgressToast = 0;
+    while (true) {
+        if (signal.aborted)
+            throw new Error("Polling cancelled");
+        if (Date.now() - startTime > POLL_TIMEOUT_MS) {
+            throw new Error("Bulk operation timed out");
+        }
+        await new Promise((resolve) => setTimeout(resolve, POLL_INTERVAL_MS));
+        if (signal.aborted)
+            throw new Error("Polling cancelled");
+        const res = await fetch(ATTENDANCE_API_ROUTES.BULK_STATUS(jobId), {
+            signal,
+        });
+        if (!res.ok)
+            continue;
+        const data = (await res.json());
+        if (data.status === "completed" || data.status === "failed") {
+            return data;
+        }
+        if (data.status === "running" && Date.now() - lastProgressToast > 10000) {
+            lastProgressToast = Date.now();
+            onProgress === null || onProgress === void 0 ? void 0 : onProgress(data.processed, data.total);
+        }
+    }
+}
+function formatErrorSummary(t, errors) {
+    if (!(errors === null || errors === void 0 ? void 0 : errors.length))
+        return "";
+    const lines = errors
+        .slice(0, 5)
+        .map((e) => t("messagesBulkRowError", { row: e.row, error: e.error }));
+    const remaining = errors.length - 5;
+    if (remaining > 0)
+        lines.push(t("messagesBulkMoreRows", { count: remaining }));
+    return lines.join("\n");
+}
+export const AttendanceMoreActions = () => {
     const t = useTranslations("attendance");
-    const { enhancedComboboxElement: courseIdCombo } = useEnhancedCombobox({
-        emptyText: t("formCourseEmptyText"),
-        id: "courseId",
-        info: t("formCourseInfo"),
-        label: t("formCourseLabel"),
-        onValueChange: (value) => setCourseId(value),
-        options: [{ id: "", code: "" }].map((c) => ({
-            value: c.id,
-            label: c.code.trim(),
-        })),
-        placeholder: t("formCoursePlaceholder"),
-        required: true,
-        searchEndpoint: COURSE_API_ROUTES.UNIT,
-        searchPlaceholder: t("formCourseSearchPlaceholder"),
-        formatSearchResult: (item) => {
-            var _a, _b;
-            return ({
-                label: String((_a = item.label) !== null && _a !== void 0 ? _a : ""),
-                value: String((_b = item.value) !== null && _b !== void 0 ? _b : ""),
+    const { dispatch } = useAttendanceContext();
+    const abortRef = useRef(null);
+    useEffect(() => {
+        return () => {
+            var _a;
+            (_a = abortRef.current) === null || _a === void 0 ? void 0 : _a.abort();
+        };
+    }, []);
+    const handleBulkFlow = useCallback(async (files, method) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const closeDrawer = () => {
+            dispatch({
+                type: ATTENDANCE_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: null },
+            });
+        };
+        (_a = abortRef.current) === null || _a === void 0 ? void 0 : _a.abort();
+        const controller = new AbortController();
+        abortRef.current = controller;
+        const { signal } = controller;
+        const label = method === "POST" ? "create" : "update";
+        const file = files[0];
+        const text = await file.text();
+        const records = converter.csv2json(text);
+        if (!Array.isArray(records) || records.length === 0) {
+            showErrorToast(t("messagesBulkCsvEmpty"));
+            return;
+        }
+        const validationErrors = [];
+        for (let i = 0; i < records.length; i++) {
+            const row = records[i];
+            const msgs = [];
+            if (method === "POST") {
+                if (!((_b = row.date) === null || _b === void 0 ? void 0 : _b.trim()))
+                    msgs.push(t("validationRequiredDate"));
+                if (!((_c = row.status) === null || _c === void 0 ? void 0 : _c.trim()))
+                    msgs.push(t("validationRequiredStatus"));
+            }
+            else {
+                if (!((_d = row.id) === null || _d === void 0 ? void 0 : _d.trim()))
+                    msgs.push(t("validationRequiredIdForUpdate"));
+            }
+            if (msgs.length > 0) {
+                validationErrors.push({ row: i + 1, messages: msgs });
+            }
+        }
+        if (validationErrors.length > 0) {
+            const summary = validationErrors
+                .slice(0, 5)
+                .map((e) => t("messagesBulkRowError", {
+                row: e.row,
+                error: e.messages.join("; "),
+            }))
+                .join("\n");
+            showErrorToast(t("messagesBulkValidationFailed", {
+                count: validationErrors.length,
+                errors: summary,
+            }));
+            return;
+        }
+        try {
+            showInfoToast(t("messagesBulkJobQueued", { action: label, count: records.length }));
+            let jobId;
+            try {
+                jobId = await submitBulkJob(text, method, signal);
+            }
+            catch (submitError) {
+                showErrorToast(t("messagesBulkJobSubmitFailed", {
+                    action: label,
+                    error: submitError instanceof Error
+                        ? submitError.message
+                        : t("unknownError"),
+                }));
+                return;
+            }
+            const status = await pollBulkJob(jobId, signal, (processed, total) => {
+                showInfoToast(t("messagesBulkProgress", { processed, total }));
             });
+            if (signal.aborted)
+                return;
+            if (status.status === "completed") {
+                const r = status.results;
+                if (r && ((_e = r.errors) === null || _e === void 0 ? void 0 : _e.length) > 0) {
+                    const summary = formatErrorSummary(t, r.errors);
+                    showSuccessToast(t("messagesBulkResults", {
+                        created: r.created,
+                        updated: r.updated,
+                        skipped: r.skipped,
+                    }) +
+                        "\n" +
+                        summary);
+                }
+                else if (r) {
+                    showSuccessToast(t("messagesBulkResults", {
+                        created: r.created,
+                        updated: r.updated,
+                        skipped: r.skipped,
+                    }));
+                }
+                else {
+                    showSuccessToast(t("messagesBulkSuccess"));
+                }
+                const schoolId = ((_f = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _f === void 0 ? void 0 : _f.id) || "";
+                fetch(`${ATTENDANCE_API_ROUTES.UNIT}?currentPage=1&pageLimit=${pageLimit}&schoolId=${schoolId}`, {
+                    headers: {
+                        "Content-Type": "application/json",
+                    },
+                })
+                    .then(async (res) => {
+                    var _a, _b;
+                    if (!res.ok)
+                        return;
+                    const data = await res.json();
+                    dispatch({
+                        type: ATTENDANCE_ACTION_TYPES.SET_ITEMS,
+                        payload: {
+                            items: (_a = data.items) !== null && _a !== void 0 ? _a : [],
+                            count: (_b = data.count) !== null && _b !== void 0 ? _b : 0,
+                        },
+                    });
+                })
+                    .catch(() => { });
+                closeDrawer();
+            }
+            else {
+                const r = status.results;
+                const detail = ((_g = r === null || r === void 0 ? void 0 : r.errors) === null || _g === void 0 ? void 0 : _g.length)
+                    ? formatErrorSummary(t, r.errors)
+                    : t("unknownError");
+                showErrorToast(t("messagesBulkFailed", { action: label }) + "\n" + detail);
+            }
+        }
+        catch (error) {
+            if (error.message === "Polling cancelled")
+                return;
+            showErrorToast(t("messagesBulkFailedDetail", {
+                action: label,
+                error: error instanceof Error ? error.message : t("unknownError"),
+            }));
+        }
+    }, [dispatch, t]);
+    const handleBulkCreate = useCallback((files) => handleBulkFlow(files, "POST"), [handleBulkFlow]);
+    const handleBulkUpdate = useCallback((files) => handleBulkFlow(files, "PUT"), [handleBulkFlow]);
+    const create = [
+        {
+            id: "1",
+            title: t("downloadEmptyCsvTemplate"),
+            handleOnClick: async () => {
+                var _a;
+                await handleGetAllRecords(((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "", 1);
+            },
         },
-        value: courseId || "",
-    });
-    // Find the section for the selected course, then get students enrolled in that section
-    // const studentsInCourse = useMemo(() => {
-    //   const courseObj = courses.find((c) => c.id === courseId);
-    //   if (!courseObj) return [];
-    //   return enrollment
-    //     .filter((e) => e.sectionId === courseObj.sectionId)
-    //     .map((e) => e.studentProfileId);
-    // }, [enrollment, courseId, courses]);
-    return (_jsxs("div", { className: "space-y-4", children: [courseIdCombo, courseId &&
-                [].length > 0 &&
-                [].map((s) => {
-                    // const student = studentProfiles.find((sp) => sp.id === s);
-                    return (_jsxs("div", { children: [_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "flex flex-col items-center justify-center", children: [_jsx("p", { children: " " }), _jsx("img", { src: "student?.familyMember?.avatar", alt: "student?.familyMember?.firstName", width: 100, height: 100, className: "rounded-full" })] }), _jsx("div", { children: _jsx(EnhancedRadio, { label: labelAttendanceStatus, name: "attendanceStatus", value: attendance[s] || "PRESENT", options: [
-                                                { label: t("formOptionPresent"), value: "PRESENT" },
-                                                { label: t("formOptionAbsent"), value: "ABSENT" },
-                                                { label: t("formOptionLate"), value: "LATE" },
-                                                { label: t("formOptionExcused"), value: "EXCUSED" },
-                                                { label: t("formOptionHalfDay"), value: "HALF_DAY" },
-                                            ], onValueChange: (next) => {
-                                                setAttendance((prev) => (Object.assign(Object.assign({}, prev), { [s]: next })));
-                                            } }) })] }), _jsx(EnhancedTextarea, { error: errors.remarks, id: "remarks", info: labelRemarksInfo, label: t("formRemarksLabel"), onChange: (e) => setRemarks((prev) => (Object.assign(Object.assign({}, prev), { [s]: e.target.value }))), placeholder: labelRemarksPlaceholder, rows: 0, value: remarks[s] })] }, s));
-                })] }));
+        { id: "2", title: t("addYourDataToTheCsv") },
+        {
+            id: "3",
+            title: t("uploadTheCompletedCsvToTheSystem"),
+        },
+    ];
+    const update = [
+        {
+            id: "1",
+            title: t("downloadPopulatedCsvTemplate"),
+            handleOnClick: async () => {
+                var _a;
+                await handleGetAllRecords(((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "", 1000);
+            },
+        },
+        { id: "2", title: t("updateYourDataInTheCsv") },
+        {
+            id: "3",
+            title: t("uploadTheCompletedCsvToTheSystem"),
+        },
+    ];
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Timeline, { events: create, heading: t("bulkCreate"), handleOnBulkCreate: handleBulkCreate }), _jsx(Timeline, { events: update, heading: t("bulkUpdate"), handleOnBulkCreate: handleBulkUpdate })] }));
 };

package/base-modules/attendance/page.d.ts

@@ -24,13 +24,10 @@ interface Props {
     drawerViewDescription: string;
     drawerViewTitle: string;
     labelActions: string;
-    labelAttendanceStatus: string;
     labelDate: string;
     labelEnabled: string;
     labelId: string;
     labelRemarks: string;
-    labelRemarksInfo: string;
-    labelRemarksPlaceholder: string;
     labelStatus: string;
     labelStudent: string;
     saveLabel: string;

package/base-modules/attendance/page.js

@@ -55,10 +55,10 @@ const tableBodyCols = [
 // ============================================================================
 // COMPONENT INSTANCES (memoized — no runtime deps)
 // ============================================================================
-const createComponentInstances = (props) => ({
+const createComponentInstances = () => ({
     filter: _jsx(AttendanceFilter, {}),
     form: _jsx(AttendanceForm, {}),
-    moreActions: (_jsx(AttendanceMoreActions, { labelAttendanceStatus: props.labelAttendanceStatus, labelRemarksInfo: props.labelRemarksInfo, labelRemarksPlaceholder: props.labelRemarksPlaceholder })),
+    moreActions: _jsx(AttendanceMoreActions, {}),
     view: _jsx(AttendanceView, {}),
 });
 const createAttendanceConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelDate, labelEnabled, labelId, labelRemarks, labelStatus, labelStudent, saveLabel, searchPlaceholder, tableDescription, tableTitle, components, }) => {
@@ -101,15 +101,7 @@ const createAttendanceConfig = ({ cancelLabel, dispatch, drawerFilterDescription
 const GenericAttendancePage = createGenericModulePage();
 const AttendancePageInner = (props) => {
     const context = useAttendanceModule();
-    const components = useMemo(() => createComponentInstances({
-        labelAttendanceStatus: props.labelAttendanceStatus,
-        labelRemarksInfo: props.labelRemarksInfo,
-        labelRemarksPlaceholder: props.labelRemarksPlaceholder,
-    }), [
-        props.labelAttendanceStatus,
-        props.labelRemarksInfo,
-        props.labelRemarksPlaceholder,
-    ]);
+    const components = useMemo(() => createComponentInstances(), []);
     const attendanceConfig = useMemo(() => createAttendanceConfig({
         dispatch: context.dispatch,
         cancelLabel: props.cancelLabel,

package/base-modules/expense/context.js

@@ -405,7 +405,7 @@ export const useExpenseModule = () => {
     // ============================================================================
     const headerActions = useMemo(() => [
         {
-            enabled: false,
+            enabled: true,
             handleOnClick: handleMoreActions,
             label: t("actionsButtonMoreActions"),
             order: 0,