@appcorp/fusion-storybook 0.2.23 → 0.2.25

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

@@ -10,13 +10,17 @@ import { CSVS } from "../../constants";
 import { teacherFormValidation } from "./validate";
 import { TEACHER_API_ROUTES } from "./constants";
 import { invalidateTeachersCache } from "./cache";
-import { useTeacherContext, TEACHER_ACTION_TYPES } from "./context";
+import { TEACHER_ACTION_TYPES, useTeacherModule } 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) => {
-    const response = await fetch(`${TEACHER_API_ROUTES.UNIT}?pageLimit=1000&currentPage=1&schoolId=${schoolId}`);
+    const response = await fetch(`${TEACHER_API_ROUTES.UNIT}?pageLimit=1000&currentPage=1&schoolId=${schoolId}`, {
+        headers: {
+            "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+        },
+    });
     const result = await response.json();
     const csv = await converter.json2csv(result.items || [], {});
     const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
@@ -27,11 +31,14 @@ async function submitBulkJob(csvData, method, signal) {
     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 apiKey = process.env.NEXT_PUBLIC_API_KEY;
+    if (!apiKey)
+        throw new Error("API key not configured");
     const res = await fetch(TEACHER_API_ROUTES.BULK, {
         method,
         headers: {
             "Content-Type": "application/json",
-            "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+            "x-api-token": apiKey,
         },
         body: JSON.stringify({ schoolId, csvData }),
         signal,
@@ -43,8 +50,9 @@ async function submitBulkJob(csvData, method, signal) {
     const data = (await res.json());
     return data.jobId;
 }
-async function pollBulkJob(jobId, signal) {
+async function pollBulkJob(jobId, signal, onProgress) {
     const startTime = Date.now();
+    let lastProgressToast = 0;
     while (true) {
         if (signal.aborted)
             throw new Error("Polling cancelled");
@@ -54,9 +62,12 @@ async function pollBulkJob(jobId, signal) {
         await new Promise((resolve) => setTimeout(resolve, POLL_INTERVAL_MS));
         if (signal.aborted)
             throw new Error("Polling cancelled");
+        const apiKey = process.env.NEXT_PUBLIC_API_KEY;
+        if (!apiKey)
+            throw new Error("API key not configured");
         const res = await fetch(TEACHER_API_ROUTES.BULK_STATUS(jobId), {
             headers: {
-                "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+                "x-api-token": apiKey,
             },
             signal,
         });
@@ -66,6 +77,11 @@ async function pollBulkJob(jobId, signal) {
         if (data.status === "completed" || data.status === "failed") {
             return data;
         }
+        // Show progress toast every 10 seconds while running
+        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(errors) {
@@ -79,7 +95,7 @@ function formatErrorSummary(errors) {
 }
 export const TeacherMoreActions = () => {
     const t = useTranslations("teacher");
-    const { dispatch } = useTeacherContext();
+    const { dispatch, listFetchNow } = useTeacherModule();
     const abortRef = useRef(null);
     // Abort any in-flight polling on unmount
     useEffect(() => {
@@ -88,14 +104,14 @@ export const TeacherMoreActions = () => {
             (_a = abortRef.current) === null || _a === void 0 ? void 0 : _a.abort();
         };
     }, []);
-    const closeDrawer = () => {
-        dispatch({
-            type: TEACHER_ACTION_TYPES.SET_DRAWER,
-            payload: { drawer: null },
-        });
-    };
     const handleBulkFlow = useCallback(async (files, method) => {
         var _a, _b, _c;
+        const closeDrawer = () => {
+            dispatch({
+                type: TEACHER_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: null },
+            });
+        };
         // Cancel previous in-flight request
         (_a = abortRef.current) === null || _a === void 0 ? void 0 : _a.abort();
         const controller = new AbortController();
@@ -132,8 +148,17 @@ export const TeacherMoreActions = () => {
         }
         try {
             showInfoToast(`Bulk ${label} job queued (${records.length} records). Processing...`);
-            const jobId = await submitBulkJob(text, method, signal);
-            const status = await pollBulkJob(jobId, signal);
+            let jobId;
+            try {
+                jobId = await submitBulkJob(text, method, signal);
+            }
+            catch (submitError) {
+                showErrorToast(`Failed to submit ${label} job: ${submitError instanceof Error ? submitError.message : "Unknown error"}`);
+                return;
+            }
+            const status = await pollBulkJob(jobId, signal, (processed, total) => {
+                showInfoToast(`Processing ${processed}/${total} teachers...`);
+            });
             if (signal.aborted)
                 return;
             if (status.status === "completed") {
@@ -149,6 +174,7 @@ export const TeacherMoreActions = () => {
                     showSuccessToast("Bulk operation completed successfully");
                 }
                 invalidateTeachersCache();
+                listFetchNow();
                 closeDrawer();
             }
             else {
@@ -164,7 +190,7 @@ export const TeacherMoreActions = () => {
                 return;
             showErrorToast(`Bulk ${label} failed: ${error instanceof Error ? error.message : "Unknown error"}`);
         }
-    }, [closeDrawer]);
+    }, [dispatch, listFetchNow]);
     const handleBulkCreate = useCallback((files) => handleBulkFlow(files, "POST"), [handleBulkFlow]);
     const handleBulkUpdate = useCallback((files) => handleBulkFlow(files, "PUT"), [handleBulkFlow]);
     const create = [

package/components/timeline.js

@@ -9,7 +9,14 @@ export const Timeline = ({ heading, events, handleOnBulkCreate, }) => {
         // EnhancedDropzone calls onChange synchronously during render.
         queueMicrotask(() => setFiles(f));
     }, []);
+    const handleUploadClick = useCallback(() => {
+        if (files.length > 0) {
+            handleOnBulkCreate === null || handleOnBulkCreate === void 0 ? void 0 : handleOnBulkCreate(files);
+            // Clear files after upload to allow resubmission
+            queueMicrotask(() => setFiles([]));
+        }
+    }, [files, handleOnBulkCreate]);
     return (_jsxs("div", { className: "space-y-6", children: [_jsx("h2", { className: "text-foreground text-xl font-semibold", children: heading }), _jsxs("div", { className: "space-y-4", children: [events.map((event) => (_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("div", { className: "z-10 flex h-6 w-6 items-center justify-center", children: _jsx("div", { className: "bg-muted-foreground h-3 w-3 rounded-full" }) }), _jsxs("div", { className: "min-w-0 flex-1 pb-1", children: [_jsx("div", { onClick: event.handleOnClick, className: `text-muted-foreground text-sm ${event.handleOnClick ? "cursor-pointer underline" : ""}`, children: event.title }), event.description && (_jsx("div", { className: "text-foreground mt-1 text-sm", children: event.description }))] })] }, event.id))), _jsx(EnhancedDropzone, { className: "", label: "Upload CSV", id: "timeline-dropzone", info: "Drag and drop your CSV file here, or click to select.", error: "", accept: { "text/csv": [".csv"] }, maxFiles: 1, onChange: handleDropzoneChange, onRemoveRemote: () => {
                             // Handle remote file removal if needed
-                        } }), _jsx(Button, { disabled: files.length === 0, onClick: () => handleOnBulkCreate === null || handleOnBulkCreate === void 0 ? void 0 : handleOnBulkCreate(files), children: "Upload and Process CSV" })] })] }));
+                        } }), _jsx(Button, { disabled: files.length === 0, onClick: handleUploadClick, children: "Upload and Process CSV" })] })] }));
 };

package/package.json

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