@appcorp/fusion-storybook 0.4.67 → 0.4.69

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

@@ -4,12 +4,14 @@ import { downloadFromUrl } from "@react-pakistan/util-functions/general/download
 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 { pageLimit } from "./constants";
 import { ATTENDANCE_API_ROUTES } from "../../constants";
 import { ATTENDANCE_ACTION_TYPES, useAttendanceContext } from "./context";
-import { useRef, useEffect, useCallback } from "react";
+import { useRef, useEffect, useCallback, useState } from "react";
+import { Button } from "@appcorp/shadcn/components/ui/button";
+import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
+import { EnhancedTextarea } from "@appcorp/shadcn/components/enhanced-textarea";
 const workspace = getCachedWorkspaceSync();
 const POLL_INTERVAL_MS = 2000;
 const POLL_TIMEOUT_MS = 300000;
@@ -78,10 +80,53 @@ function formatErrorSummary(t, errors) {
         lines.push(t("messagesBulkMoreRows", { count: remaining }));
     return lines.join("\n");
 }
+function formatAutoPostErrorSummary(t, errors) {
+    if (!(errors === null || errors === void 0 ? void 0 : errors.length))
+        return "";
+    const lines = errors.slice(0, 5).map((e) => t("messagesAutoPostRowError", {
+        computerNumber: e.computerNumber,
+        error: e.error,
+    }));
+    const remaining = errors.length - 5;
+    if (remaining > 0)
+        lines.push(t("messagesAutoPostMoreRows", { count: remaining }));
+    return lines.join("\n");
+}
+async function pollAutoPostJob(statusUrl, 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("Operation timed out");
+        }
+        await new Promise((resolve) => setTimeout(resolve, POLL_INTERVAL_MS));
+        if (signal.aborted)
+            throw new Error("Polling cancelled");
+        const res = await fetch(statusUrl, { 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);
+        }
+    }
+}
 export const AttendanceMoreActions = () => {
     const t = useTranslations("attendance");
     const { dispatch } = useAttendanceContext();
     const abortRef = useRef(null);
+    const [autoPostDate, setAutoPostDate] = useState(new Date().toISOString().split("T")[0]);
+    const [absentText, setAbsentText] = useState("");
+    const [lateText, setLateText] = useState("");
+    const [excusedText, setExcusedText] = useState("");
+    const [halfDayText, setHalfDayText] = useState("");
+    const [autoPostSubmitting, setAutoPostSubmitting] = useState(false);
     useEffect(() => {
         return () => {
             var _a;
@@ -221,37 +266,171 @@ export const AttendanceMoreActions = () => {
             }));
         }
     }, [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);
-            },
-        },
-        { 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 })] }));
+    const closeDrawer = useCallback(() => {
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+    }, [dispatch]);
+    const refreshList = useCallback(() => {
+        var _a;
+        const schoolId = ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.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(() => { });
+    }, [dispatch]);
+    const handleAutoPost = useCallback(async () => {
+        var _a, _b, _c, _d;
+        const schoolId = ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "";
+        if (!schoolId) {
+            showErrorToast("School ID not found");
+            return;
+        }
+        if (!autoPostDate) {
+            showErrorToast(t("validationAutoPostDateRequired"));
+            return;
+        }
+        // Parse text areas into assignment arrays
+        const parseNumbers = (text) => text
+            .split(",")
+            .map((n) => n.trim())
+            .filter(Boolean);
+        const absentNumbers = parseNumbers(absentText);
+        const lateNumbers = parseNumbers(lateText);
+        const excusedNumbers = parseNumbers(excusedText);
+        const halfDayNumbers = parseNumbers(halfDayText);
+        const totalExplicit = absentNumbers.length +
+            lateNumbers.length +
+            excusedNumbers.length +
+            halfDayNumbers.length;
+        if (totalExplicit === 0) {
+            showErrorToast(t("validationAutoPostAssignmentsRequired"));
+            return;
+        }
+        // Build assignments (first match wins via Set in the API/worker)
+        const assignments = [];
+        for (const cn of absentNumbers) {
+            assignments.push({ computerNumber: cn, status: "ABSENT" });
+        }
+        for (const cn of lateNumbers) {
+            assignments.push({ computerNumber: cn, status: "LATE" });
+        }
+        for (const cn of excusedNumbers) {
+            assignments.push({ computerNumber: cn, status: "EXCUSED" });
+        }
+        for (const cn of halfDayNumbers) {
+            assignments.push({ computerNumber: cn, status: "HALF_DAY" });
+        }
+        setAutoPostSubmitting(true);
+        (_b = abortRef.current) === null || _b === void 0 ? void 0 : _b.abort();
+        const controller = new AbortController();
+        abortRef.current = controller;
+        const { signal } = controller;
+        try {
+            showInfoToast(t("messagesAutoPostJobQueued", { count: assignments.length }));
+            let jobId;
+            try {
+                const res = await fetch(ATTENDANCE_API_ROUTES.AUTO_POST, {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({ schoolId, date: autoPostDate, assignments }),
+                    signal,
+                });
+                if (!res.ok) {
+                    const errorData = (await res.json().catch(() => ({})));
+                    throw new Error(errorData.error || `Auto-post failed with status ${res.status}`);
+                }
+                const data = (await res.json());
+                jobId = data.jobId;
+            }
+            catch (submitError) {
+                showErrorToast(t("messagesAutoPostJobSubmitFailed", {
+                    error: submitError instanceof Error
+                        ? submitError.message
+                        : t("unknownError"),
+                }));
+                return;
+            }
+            const status = await pollAutoPostJob(ATTENDANCE_API_ROUTES.AUTO_POST_STATUS(jobId), signal, (processed, total) => {
+                showInfoToast(t("messagesAutoPostProgress", { processed, total }));
+            });
+            if (signal.aborted)
+                return;
+            if (status.status === "completed") {
+                const r = status.results;
+                if (r && ((_c = r.errors) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+                    const summary = formatAutoPostErrorSummary(t, r.errors);
+                    showSuccessToast(t("messagesAutoPostResults", {
+                        present: r.present,
+                        absent: r.absent,
+                        late: r.late,
+                        excused: r.excused,
+                        halfDay: r.halfDay,
+                        skipped: r.skipped,
+                    }) +
+                        "\n" +
+                        summary);
+                }
+                else if (r) {
+                    showSuccessToast(t("messagesAutoPostResults", {
+                        present: r.present,
+                        absent: r.absent,
+                        late: r.late,
+                        excused: r.excused,
+                        halfDay: r.halfDay,
+                        skipped: r.skipped,
+                    }));
+                }
+                else {
+                    showSuccessToast(t("messagesAutoPostSuccess"));
+                }
+                refreshList();
+                closeDrawer();
+            }
+            else {
+                const r = status.results;
+                const detail = ((_d = r === null || r === void 0 ? void 0 : r.errors) === null || _d === void 0 ? void 0 : _d.length)
+                    ? formatAutoPostErrorSummary(t, r.errors)
+                    : t("unknownError");
+                showErrorToast(t("messagesAutoPostFailed") + "\n" + detail);
+            }
+        }
+        catch (error) {
+            if (error.message === "Polling cancelled")
+                return;
+            showErrorToast(t("messagesAutoPostFailedDetail", {
+                error: error instanceof Error ? error.message : t("unknownError"),
+            }));
+        }
+        finally {
+            setAutoPostSubmitting(false);
+        }
+    }, [
+        t,
+        closeDrawer,
+        refreshList,
+        autoPostDate,
+        absentText,
+        lateText,
+        excusedText,
+        halfDayText,
+    ]);
+    const canAutoPost = autoPostDate.trim() !== "" &&
+        (absentText.trim() !== "" ||
+            lateText.trim() !== "" ||
+            excusedText.trim() !== "" ||
+            halfDayText.trim() !== "") &&
+        !autoPostSubmitting;
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-sm font-semibold", children: t("actionsButtonAutoPost") }), _jsx(EnhancedInput, { id: "autoPostDate", info: t("formAutoPostDateInfo"), label: t("formAutoPostDateLabel"), onChange: (e) => setAutoPostDate(e.target.value), onClick: (e) => { var _a, _b; return (_b = (_a = e.currentTarget).showPicker) === null || _b === void 0 ? void 0 : _b.call(_a); }, type: "date", value: autoPostDate }), _jsx(EnhancedTextarea, { id: "autoPostAbsent", info: t("formAutoPostAbsentInfo"), label: t("formAutoPostAbsentLabel"), onChange: (e) => setAbsentText(e.target.value), placeholder: t("formAutoPostAbsentPlaceholder"), rows: 6, value: absentText }), _jsx(EnhancedTextarea, { id: "autoPostLate", info: t("formAutoPostLateInfo"), label: t("formAutoPostLateLabel"), onChange: (e) => setLateText(e.target.value), placeholder: t("formAutoPostLatePlaceholder"), rows: 6, value: lateText }), _jsx(EnhancedTextarea, { id: "autoPostExcused", info: t("formAutoPostExcusedInfo"), label: t("formAutoPostExcusedLabel"), onChange: (e) => setExcusedText(e.target.value), placeholder: t("formAutoPostExcusedPlaceholder"), rows: 6, value: excusedText }), _jsx(EnhancedTextarea, { id: "autoPostHalfDay", info: t("formAutoPostHalfDayInfo"), label: t("formAutoPostHalfDayLabel"), onChange: (e) => setHalfDayText(e.target.value), placeholder: t("formAutoPostHalfDayPlaceholder"), rows: 6, value: halfDayText }), _jsx(Button, { disabled: !canAutoPost, onClick: handleAutoPost, children: t("actionsButtonAutoPost") })] }));
 };

package/base-modules/bulk-operations/view.js

@@ -83,9 +83,16 @@ export const BulkOperationsView = () => {
                                     const att = item;
                                     return (_jsxs(AccordionItem, { value: att.studentName, className: `mb-2 border-l-4 px-4 ${(_a = ITEM_BORDER_COLOR[att.status]) !== null && _a !== void 0 ? _a : ""}`, children: [_jsx(AccordionTrigger, { className: "py-3 hover:no-underline", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-sm font-medium", children: att.studentName }), _jsx(Badge, { variant: (_b = ATTENDANCE_STATUS_VARIANT[att.attendanceStatus]) !== null && _b !== void 0 ? _b : "secondary", children: att.attendanceStatus }), _jsx(Badge, { variant: (_c = ITEM_STATUS_VARIANT[att.status]) !== null && _c !== void 0 ? _c : "secondary", children: t((_d = ITEM_STATUS_I18N[att.status]) !== null && _d !== void 0 ? _d : att.status) })] }) }), _jsx(AccordionContent, { className: "pb-4", children: _jsxs("div", { className: "space-y-3 pl-1", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: att.reason }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "bg-muted/50 rounded-md p-2 text-center", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: t("viewItemRecordAction") }), _jsx(Badge, { variant: (_e = RECORD_ACTION_VARIANT[att.recordAction]) !== null && _e !== void 0 ? _e : "secondary", className: "mt-1", children: att.recordAction })] }), _jsxs("div", { className: "bg-muted/50 rounded-md p-2 text-center", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: t("viewItemAttendanceStatus") }), _jsx(Badge, { variant: (_f = ATTENDANCE_STATUS_VARIANT[att.attendanceStatus]) !== null && _f !== void 0 ? _f : "secondary", className: "mt-1", children: att.attendanceStatus })] })] }), att.studentProfileId ? (_jsxs("div", { className: "bg-muted/50 rounded-md p-2", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: "Student Profile ID" }), _jsx("p", { className: "font-mono text-xs break-all", children: att.studentProfileId })] })) : null, att.error ? (_jsxs("div", { className: "bg-destructive/10 rounded-md p-2", children: [_jsx("p", { className: "text-destructive text-xs font-medium", children: "Error" }), _jsx("p", { className: "text-destructive text-xs", children: att.error })] })) : null] }) })] }, att.studentName));
                                 })
-                                : sortedItems.map((item) => {
-                                    var _a, _b, _c;
-                                    const fee = item;
-                                    return (_jsxs(AccordionItem, { value: fee.computerNumber, className: `mb-2 border-l-4 px-4 ${(_a = ITEM_BORDER_COLOR[fee.status]) !== null && _a !== void 0 ? _a : ""}`, children: [_jsx(AccordionTrigger, { className: "py-3 hover:no-underline", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("span", { className: "text-sm font-medium", children: [t("viewItemComputerNumber"), " ", fee.computerNumber] }), _jsx(Badge, { variant: (_b = ITEM_STATUS_VARIANT[fee.status]) !== null && _b !== void 0 ? _b : "secondary", children: t((_c = ITEM_STATUS_I18N[fee.status]) !== null && _c !== void 0 ? _c : fee.status) })] }) }), _jsx(AccordionContent, { className: "pb-4", children: _jsxs("div", { className: "space-y-4 pl-1", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: fee.reason }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "bg-muted/50 rounded-md p-2 text-center", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: t("viewItemPendingMarkedPaid") }), _jsx("p", { className: "text-sm font-medium", children: fee.pendingMarkedPaid })] }), _jsxs("div", { className: "bg-muted/50 rounded-md p-2 text-center", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: t("viewItemPaidAtUpdated") }), _jsx("p", { className: "text-sm font-medium", children: fee.paidAtUpdated })] }), _jsxs("div", { className: "bg-muted/50 rounded-md p-2 text-center", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: t("viewItemSameDaySkipped") }), _jsx("p", { className: "text-sm font-medium", children: fee.sameDaySkipped })] })] }), fee.fees && fee.fees.length > 0 ? (_jsxs("div", { children: [_jsx("p", { className: "text-muted-foreground mb-2 text-xs font-semibold tracking-wide uppercase", children: t("viewItemFees") }), _jsx("div", { className: "overflow-x-auto rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-muted/50 border-b text-left", children: [_jsx("th", { className: "text-muted-foreground px-3 py-2 text-xs font-medium", children: t("viewItemFeeId") }), _jsx("th", { className: "text-muted-foreground px-3 py-2 text-xs font-medium", children: t("viewItemFeeDueDate") }), _jsx("th", { className: "text-muted-foreground px-3 py-2 text-xs font-medium", children: t("viewItemFeeAmount") }), _jsx("th", { className: "text-muted-foreground px-3 py-2 text-xs font-medium", children: t("viewItemFeeFine") }), _jsx("th", { className: "text-muted-foreground px-3 py-2 text-xs font-medium", children: t("viewItemFeeAction") })] }) }), _jsx("tbody", { children: fee.fees.map((f) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "px-3 py-2 font-mono text-xs", children: f.feeId }), _jsx("td", { className: "px-3 py-2", children: f.dueDate }), _jsx("td", { className: "px-3 py-2", children: f.amount }), _jsx("td", { className: "px-3 py-2", children: f.fine }), _jsx("td", { className: "px-3 py-2", children: f.action })] }, f.feeId))) })] }) })] })) : null] }) })] }, fee.computerNumber));
-                                }) }) })] })) : null] }));
+                                : type === "attendance-auto-post"
+                                    ? sortedItems.map((item) => {
+                                        var _a, _b, _c, _d, _e, _f, _g;
+                                        const att = item;
+                                        const itemKey = (_a = att.studentProfileId) !== null && _a !== void 0 ? _a : att.computerNumber;
+                                        return (_jsxs(AccordionItem, { value: itemKey, className: `mb-2 border-l-4 px-4 ${(_b = ITEM_BORDER_COLOR[att.status]) !== null && _b !== void 0 ? _b : ""}`, children: [_jsx(AccordionTrigger, { className: "py-3 hover:no-underline", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-sm font-medium", children: (_c = att.studentName) !== null && _c !== void 0 ? _c : att.computerNumber }), _jsx(Badge, { variant: (_d = ATTENDANCE_STATUS_VARIANT[att.assignedStatus]) !== null && _d !== void 0 ? _d : "secondary", children: att.assignedStatus }), _jsx(Badge, { variant: (_e = ITEM_STATUS_VARIANT[att.status]) !== null && _e !== void 0 ? _e : "secondary", children: t((_f = ITEM_STATUS_I18N[att.status]) !== null && _f !== void 0 ? _f : att.status) })] }) }), _jsx(AccordionContent, { className: "pb-4", children: _jsxs("div", { className: "space-y-3 pl-1", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: att.reason }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "bg-muted/50 rounded-md p-2 text-center", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: "Computer Number" }), _jsx("p", { className: "text-sm font-medium", children: att.computerNumber })] }), _jsxs("div", { className: "bg-muted/50 rounded-md p-2 text-center", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: t("viewItemAttendanceStatus") }), _jsx(Badge, { variant: (_g = ATTENDANCE_STATUS_VARIANT[att.assignedStatus]) !== null && _g !== void 0 ? _g : "secondary", className: "mt-1", children: att.assignedStatus })] })] }), att.studentProfileId ? (_jsxs("div", { className: "bg-muted/50 rounded-md p-2", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: "Student Profile ID" }), _jsx("p", { className: "font-mono text-xs break-all", children: att.studentProfileId })] })) : null, att.error ? (_jsxs("div", { className: "bg-destructive/10 rounded-md p-2", children: [_jsx("p", { className: "text-destructive text-xs font-medium", children: "Error" }), _jsx("p", { className: "text-destructive text-xs", children: att.error })] })) : null] }) })] }, itemKey));
+                                    })
+                                    : sortedItems.map((item) => {
+                                        var _a, _b, _c;
+                                        const fee = item;
+                                        return (_jsxs(AccordionItem, { value: fee.computerNumber, className: `mb-2 border-l-4 px-4 ${(_a = ITEM_BORDER_COLOR[fee.status]) !== null && _a !== void 0 ? _a : ""}`, children: [_jsx(AccordionTrigger, { className: "py-3 hover:no-underline", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("span", { className: "text-sm font-medium", children: [t("viewItemComputerNumber"), " ", fee.computerNumber] }), _jsx(Badge, { variant: (_b = ITEM_STATUS_VARIANT[fee.status]) !== null && _b !== void 0 ? _b : "secondary", children: t((_c = ITEM_STATUS_I18N[fee.status]) !== null && _c !== void 0 ? _c : fee.status) })] }) }), _jsx(AccordionContent, { className: "pb-4", children: _jsxs("div", { className: "space-y-4 pl-1", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: fee.reason }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "bg-muted/50 rounded-md p-2 text-center", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: t("viewItemPendingMarkedPaid") }), _jsx("p", { className: "text-sm font-medium", children: fee.pendingMarkedPaid })] }), _jsxs("div", { className: "bg-muted/50 rounded-md p-2 text-center", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: t("viewItemPaidAtUpdated") }), _jsx("p", { className: "text-sm font-medium", children: fee.paidAtUpdated })] }), _jsxs("div", { className: "bg-muted/50 rounded-md p-2 text-center", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: t("viewItemSameDaySkipped") }), _jsx("p", { className: "text-sm font-medium", children: fee.sameDaySkipped })] })] }), fee.fees && fee.fees.length > 0 ? (_jsxs("div", { children: [_jsx("p", { className: "text-muted-foreground mb-2 text-xs font-semibold tracking-wide uppercase", children: t("viewItemFees") }), _jsx("div", { className: "overflow-x-auto rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-muted/50 border-b text-left", children: [_jsx("th", { className: "text-muted-foreground px-3 py-2 text-xs font-medium", children: t("viewItemFeeId") }), _jsx("th", { className: "text-muted-foreground px-3 py-2 text-xs font-medium", children: t("viewItemFeeDueDate") }), _jsx("th", { className: "text-muted-foreground px-3 py-2 text-xs font-medium", children: t("viewItemFeeAmount") }), _jsx("th", { className: "text-muted-foreground px-3 py-2 text-xs font-medium", children: t("viewItemFeeFine") }), _jsx("th", { className: "text-muted-foreground px-3 py-2 text-xs font-medium", children: t("viewItemFeeAction") })] }) }), _jsx("tbody", { children: fee.fees.map((f) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "px-3 py-2 font-mono text-xs", children: f.feeId }), _jsx("td", { className: "px-3 py-2", children: f.dueDate }), _jsx("td", { className: "px-3 py-2", children: f.amount }), _jsx("td", { className: "px-3 py-2", children: f.fine }), _jsx("td", { className: "px-3 py-2", children: f.action })] }, f.feeId))) })] }) })] })) : null] }) })] }, fee.computerNumber));
+                                    }) }) })] })) : null] }));
 };

package/constants.d.ts

@@ -12,6 +12,8 @@ export declare const ATTENDANCE_API_ROUTES: {
     readonly UNIT: "/api/v1/attendance";
     readonly BULK: "/api/v1/attendance/bulk";
     readonly BULK_STATUS: (jobId: string) => string;
+    readonly AUTO_POST: "/api/v1/attendance/auto-post";
+    readonly AUTO_POST_STATUS: (jobId: string) => string;
 };
 export declare const BULK_OPERATIONS_API_ROUTES: {
     readonly LIST: "/api/v1/bulk-operations";

package/constants.js

@@ -15,6 +15,8 @@ export const ATTENDANCE_API_ROUTES = {
     UNIT: "/api/v1/attendance",
     BULK: "/api/v1/attendance/bulk",
     BULK_STATUS: (jobId) => `/api/v1/attendance/bulk/${jobId}`,
+    AUTO_POST: "/api/v1/attendance/auto-post",
+    AUTO_POST_STATUS: (jobId) => `/api/v1/attendance/auto-post/${jobId}`,
 };
 export const BULK_OPERATIONS_API_ROUTES = {
     LIST: "/api/v1/bulk-operations",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/fusion-storybook",
-  "version": "0.4.67",
+  "version": "0.4.69",
   "scripts": {
     "build-storybook": "storybook build",
     "build:next": "next build",