@appcorp/fusion-storybook 0.4.10 → 0.4.12

package/base-modules/student-fee/constants.js

@@ -34,7 +34,7 @@ import { getCachedWorkspaceSync } from "../workspace/cache";
 export const formatStudentName = (_, row) => {
     var _a, _b, _c;
     const fee = row;
-    const member = (_b = (_a = fee === null || fee === void 0 ? void 0 : fee.family) === null || _a === void 0 ? void 0 : _a.members) === null || _b === void 0 ? void 0 : _b.find(({ id }) => fee.studentProfileId === id);
+    const member = (_b = (_a = fee === null || fee === void 0 ? void 0 : fee.family) === null || _a === void 0 ? void 0 : _a.members) === null || _b === void 0 ? void 0 : _b.find(({ studentProfile }) => fee.studentProfileId === (studentProfile === null || studentProfile === void 0 ? void 0 : studentProfile.id));
     return member
         ? `${member.firstName} ${member.lastName} - ${(_c = member.studentProfile) === null || _c === void 0 ? void 0 : _c.computerNumber.split(":")[1]}`
         : "N/A";

package/base-modules/student-fee/more-actions.js

@@ -1,62 +1,32 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { downloadFromUrl } from "@react-pakistan/util-functions/general/download-from-url";
 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 { STUDENT_FEE_API_ROUTES } from "../../constants";
 import { STUDENT_FEE_ACTION_TYPES, useStudentFeeModule } from "./context";
-import { useRef, useEffect, useCallback } from "react";
+import { useRef, useEffect, useCallback, useState } from "react";
 import { Button } from "@appcorp/shadcn/components/ui/button";
 import { Separator } from "@appcorp/shadcn/components/ui/separator";
+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;
 const PAGE_LIMIT = 5000;
-const handleGetAllRecords = async (schoolId, pageLimit) => {
-    const response = await fetch(`${STUDENT_FEE_API_ROUTES.UNIT}?pageLimit=${pageLimit}&currentPage=1&schoolId=${schoolId}&studentComputerNumber=true&status=PENDING`);
-    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, "student-fees.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(STUDENT_FEE_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) {
+async function pollJob(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("Bulk operation timed out");
+            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(STUDENT_FEE_API_ROUTES.BULK_STATUS(jobId), {
-            signal,
-        });
+        const res = await fetch(statusUrl, { signal });
         if (!res.ok)
             continue;
         const data = (await res.json());
@@ -76,127 +46,127 @@ t, errors) {
         return "";
     const lines = errors
         .slice(0, 5)
-        .map((e) => t("messagesBulkRowError", { row: e.row, error: e.error }));
+        .map((e) => t("messagesAutoPostRowError", {
+        computerNumber: e.computerNumber,
+        error: e.error,
+    }));
     const remaining = errors.length - 5;
     if (remaining > 0)
-        lines.push(t("messagesBulkMoreRows", { count: remaining }));
+        lines.push(t("messagesAutoPostMoreRows", { count: remaining }));
     return lines.join("\n");
 }
 export const StudentFeeMoreActions = () => {
     const t = useTranslations("studentFee");
     const { dispatch, handleCreateMonthly, handleCreateSingleEntry } = useStudentFeeModule();
     const abortRef = useRef(null);
+    const [autoPostDate, setAutoPostDate] = useState("");
+    const [computerNumbersText, setComputerNumbersText] = useState("");
+    const [submitting, setSubmitting] = useState(false);
     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;
-        const closeDrawer = () => {
+    const closeDrawer = useCallback(() => {
+        dispatch({
+            type: STUDENT_FEE_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(`${STUDENT_FEE_API_ROUTES.UNIT}?currentPage=1&pageLimit=${PAGE_LIMIT}&schoolId=${schoolId}`, {
+            headers: {
+                "Content-Type": "application/json",
+            },
+        })
+            .then(async (res) => {
+            var _a, _b;
+            if (!res.ok)
+                return;
+            const data = await res.json();
             dispatch({
-                type: STUDENT_FEE_ACTION_TYPES.SET_DRAWER,
-                payload: { drawer: null },
+                type: STUDENT_FEE_ACTION_TYPES.SET_ITEMS,
+                payload: {
+                    items: (_a = data.items) !== null && _a !== void 0 ? _a : [],
+                    count: (_b = data.count) !== null && _b !== void 0 ? _b : 0,
+                },
             });
-        };
-        (_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"));
+        })
+            .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) || "";
+        const numbers = computerNumbersText
+            .split(",")
+            .map((n) => n.trim())
+            .filter(Boolean);
+        const uniqueNumbers = [...new Set(numbers)];
+        if (!autoPostDate) {
+            showErrorToast(t("validationAutoPostDateRequired"));
             return;
         }
-        const isEmpty = (v) => v === null || v === undefined || String(v).trim() === "";
-        const validationErrors = [];
-        for (let i = 0; i < records.length; i++) {
-            const row = records[i];
-            const msgs = [];
-            if (isEmpty(row.id))
-                msgs.push(t("validationRequiredIdForUpdate"));
-            if (msgs.length > 0) {
-                validationErrors.push({ row: i + 1, messages: msgs });
-            }
-        }
-        if (validationErrors.length > 0) {
-            const errorsList = validationErrors
-                .slice(0, 5)
-                .map((e) => t("messagesBulkRowError", {
-                row: e.row,
-                error: e.messages.join("; "),
-            }))
-                .join("\n");
-            const remaining = validationErrors.length - 5;
-            const errorsStr = remaining > 0
-                ? `${errorsList}\n${t("messagesBulkMoreRows", { count: remaining })}`
-                : errorsList;
-            showErrorToast(t("messagesBulkValidationFailed", {
-                count: validationErrors.length,
-                errors: errorsStr,
-            }));
+        if (uniqueNumbers.length === 0) {
+            showErrorToast(t("validationAutoPostComputerNumbersRequired"));
             return;
         }
+        setSubmitting(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("messagesBulkJobQueued", { action: label, count: records.length }));
+            showInfoToast(t("messagesAutoPostJobQueued", { count: uniqueNumbers.length }));
             let jobId;
             try {
-                jobId = await submitBulkJob(text, method, signal);
+                const res = await fetch(STUDENT_FEE_API_ROUTES.AUTO_POST, {
+                    method: "POST",
+                    headers: {
+                        "Content-Type": "application/json",
+                    },
+                    body: JSON.stringify({
+                        schoolId,
+                        computerNumbers: uniqueNumbers,
+                        paidAt: autoPostDate,
+                    }),
+                    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("messagesBulkJobSubmitFailed", {
-                    action: label,
+                showErrorToast(t("messagesAutoPostJobSubmitFailed", {
                     error: submitError instanceof Error
                         ? submitError.message
                         : t("unknownError"),
                 }));
                 return;
             }
-            const status = await pollBulkJob(jobId, signal, (processed, total) => {
-                showInfoToast(t("messagesBulkProgress", { processed, total }));
+            const status = await pollJob(STUDENT_FEE_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 && ((_b = r.errors) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+                if (r && ((_c = r.errors) === null || _c === void 0 ? void 0 : _c.length) > 0) {
                     const summary = formatErrorSummary(t, r.errors);
-                    showSuccessToast(`${t("messagesBulkResults", { created: r.created, updated: r.updated, skipped: r.skipped })}\n${summary}`);
+                    showSuccessToast(`${t("messagesAutoPostResults", { paid: r.paid, skipped: r.skipped })}\n${summary}`);
                 }
                 else if (r) {
-                    showSuccessToast(t("messagesBulkResults", {
-                        created: r.created,
-                        updated: r.updated,
-                        skipped: r.skipped,
-                    }));
+                    showSuccessToast(t("messagesAutoPostResults", { paid: r.paid, skipped: r.skipped }));
                 }
                 else {
-                    showSuccessToast(t("messagesBulkSuccess"));
+                    showSuccessToast(t("messagesAutoPostSuccess"));
                 }
-                const schoolId = ((_c = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _c === void 0 ? void 0 : _c.id) || "";
-                fetch(`${STUDENT_FEE_API_ROUTES.UNIT}?currentPage=1&pageLimit=${PAGE_LIMIT}&schoolId=${schoolId}`, {
-                    headers: {
-                        "Content-Type": "application/json",
-                    },
-                })
-                    .then(async (res) => {
-                    var _a, _b;
-                    if (!res.ok)
-                        return;
-                    const data = await res.json();
-                    dispatch({
-                        type: STUDENT_FEE_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(() => { });
+                refreshList();
                 closeDrawer();
             }
             else {
@@ -204,33 +174,22 @@ export const StudentFeeMoreActions = () => {
                 const detail = ((_d = r === null || r === void 0 ? void 0 : r.errors) === null || _d === void 0 ? void 0 : _d.length)
                     ? formatErrorSummary(t, r.errors)
                     : t("unknownError");
-                showErrorToast(`${t("messagesBulkFailed", { action: label })}\n${detail}`);
+                showErrorToast(`${t("messagesAutoPostFailed")}\n${detail}`);
             }
         }
         catch (error) {
             if (error.message === "Polling cancelled")
                 return;
-            showErrorToast(t("messagesBulkFailedDetail", {
-                action: label,
+            showErrorToast(t("messagesAutoPostFailedDetail", {
                 error: error instanceof Error ? error.message : t("unknownError"),
             }));
         }
-    }, [dispatch, t]);
-    const handleBulkUpdate = useCallback((files) => handleBulkFlow(files, "PUT"), [handleBulkFlow]);
-    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) || "", PAGE_LIMIT);
-            },
-        },
-        { id: "2", title: t("updateYourDataInTheCsv") },
-        {
-            id: "3",
-            title: t("uploadTheCompletedCsvToTheSystem"),
-        },
-    ];
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Button, { disabled: new Date().getDate() !== 1, onClick: handleCreateMonthly, children: t("actionsButtonCreateMonthly") }), _jsx(Button, { onClick: handleCreateSingleEntry, children: t("actionsButtonSingleEntry") }), _jsx(Separator, {}), _jsx(Timeline, { events: update, heading: t("bulkUpdate"), handleOnBulkCreate: handleBulkUpdate })] }));
+        finally {
+            setSubmitting(false);
+        }
+    }, [t, dispatch, closeDrawer, refreshList, computerNumbersText, autoPostDate]);
+    const canSubmit = autoPostDate.trim() !== "" &&
+        computerNumbersText.trim() !== "" &&
+        !submitting;
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Button, { disabled: new Date().getDate() !== 1, onClick: handleCreateMonthly, children: t("actionsButtonCreateMonthly") }), _jsx(Button, { onClick: handleCreateSingleEntry, children: t("actionsButtonSingleEntry") }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-4", children: [_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: "autoPostComputerNumbers", info: t("formAutoPostComputerNumbersInfo"), label: t("formAutoPostComputerNumbersLabel"), onChange: (e) => setComputerNumbersText(e.target.value), placeholder: t("formAutoPostComputerNumbersPlaceholder"), rows: 8, value: computerNumbersText }), _jsx(Button, { disabled: !canSubmit, onClick: handleAutoPost, children: t("actionsButtonAutoPost") })] })] }));
 };

package/constants.d.ts

@@ -81,6 +81,8 @@ export declare const STUDENT_FEE_API_ROUTES: {
     readonly CREATE_MONTHLY: "/api/v1/student-fee/create-monthly";
     readonly BY_COMPUTER_NUMBER: "/api/v1/student-fee-by-student-computer-number";
     readonly SINGLE_ENTRY: "/api/v1/student-fee-single-entry";
+    readonly AUTO_POST: "/api/v1/student-fee/auto-post";
+    readonly AUTO_POST_STATUS: (jobId: string) => string;
 };
 export declare const STUDENT_PROFILE_API_ROUTES: {
     readonly LIST: "/api/v1/student-profile";

package/constants.js

@@ -92,6 +92,8 @@ export const STUDENT_FEE_API_ROUTES = {
     CREATE_MONTHLY: "/api/v1/student-fee/create-monthly",
     BY_COMPUTER_NUMBER: "/api/v1/student-fee-by-student-computer-number",
     SINGLE_ENTRY: "/api/v1/student-fee-single-entry",
+    AUTO_POST: "/api/v1/student-fee/auto-post",
+    AUTO_POST_STATUS: (jobId) => `/api/v1/student-fee/auto-post/${jobId}`,
 };
 export const STUDENT_PROFILE_API_ROUTES = {
     LIST: "/api/v1/student-profile",

package/package.json

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