@appcorp/fusion-storybook 0.2.14 → 0.2.16

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

@@ -10,15 +10,20 @@ import { useMemo, useState } from "react";
 export const AttendanceMoreActions = ({ labelAttendanceStatus, labelCourse, labelCourseInfo, labelCoursePlaceholder, labelNoCourseFound, labelRemarks, labelRemarksInfo, labelRemarksPlaceholder, labelSearchCourses, labelStatusAbsent, labelStatusExcused, labelStatusHalfDay, labelStatusLate, labelStatusPresent, }) => {
     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({});
+    // 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.courseId === courseId)
+            .filter((e) => e.sectionId === courseObj.sectionId)
             .map((e) => e.studentProfileId);
-    }, [enrollment, courseId]);
+    }, [enrollment, courseId, courses]);
     return (_jsxs("div", { className: "space-y-4", children: [_jsx(EnhancedCombobox, { emptyText: labelNoCourseFound, error: errors.courseId, id: "courseId", info: labelCourseInfo, label: labelCourse, onValueChange: (value) => setCourseId(value), options: getCachedCoursesSync().items.map((c) => ({
                     label: c.code.trim(),
                     value: c.id,

package/base-modules/enrollment/context.d.ts

@@ -1,5 +1,5 @@
 import { type RowAction, type TableRow } from "@appcorp/shadcn/components/enhanced-table";
-import { CourseBE, EnrollmentBE, SectionBE, StudentProfileBE } from "../../type";
+import { EnrollmentBE, SectionBE, StudentProfileBE } from "../../type";
 export declare const ENROLLMENT_DRAWER: {
     readonly FILTER_DRAWER: string;
     readonly FORM_DRAWER: string;
@@ -26,7 +26,6 @@ export declare const ENROLLMENT_ACTION_TYPES: {
     searchQuery: string;
     disableSaveButton: boolean;
     drawer: string | null;
-    courseId: string;
     enabled: boolean;
     enrollmentDate: string;
     errors: Record<string, string>;
@@ -34,7 +33,6 @@ export declare const ENROLLMENT_ACTION_TYPES: {
     id: string;
     sectionId: string;
     studentProfileId: string;
-    course: CourseBE | undefined;
     section: SectionBE | undefined;
     studentProfile: StudentProfileBE | undefined;
 }>, initialEnrollmentState: {
@@ -45,7 +43,6 @@ export declare const ENROLLMENT_ACTION_TYPES: {
     searchQuery: string;
     disableSaveButton: boolean;
     drawer: string | null;
-    courseId: string;
     enabled: boolean;
     enrollmentDate: string;
     errors: Record<string, string>;
@@ -53,7 +50,6 @@ export declare const ENROLLMENT_ACTION_TYPES: {
     id: string;
     sectionId: string;
     studentProfileId: string;
-    course: CourseBE | undefined;
     section: SectionBE | undefined;
     studentProfile: StudentProfileBE | undefined;
 }, EnrollmentProvider: import("react").FC<{
@@ -66,7 +62,6 @@ export declare const ENROLLMENT_ACTION_TYPES: {
     searchQuery: string;
     disableSaveButton: boolean;
     drawer: string | null;
-    courseId: string;
     enabled: boolean;
     enrollmentDate: string;
     errors: Record<string, string>;
@@ -74,7 +69,6 @@ export declare const ENROLLMENT_ACTION_TYPES: {
     id: string;
     sectionId: string;
     studentProfileId: string;
-    course: CourseBE | undefined;
     section: SectionBE | undefined;
     studentProfile: StudentProfileBE | undefined;
 }, action: any) => {
@@ -85,7 +79,6 @@ export declare const ENROLLMENT_ACTION_TYPES: {
     searchQuery: string;
     disableSaveButton: boolean;
     drawer: string | null;
-    courseId: string;
     enabled: boolean;
     enrollmentDate: string;
     errors: Record<string, string>;
@@ -93,7 +86,6 @@ export declare const ENROLLMENT_ACTION_TYPES: {
     id: string;
     sectionId: string;
     studentProfileId: string;
-    course: CourseBE | undefined;
     section: SectionBE | undefined;
     studentProfile: StudentProfileBE | undefined;
 }, useEnrollmentContext: () => import("@react-pakistan/util-functions/factory/generic-module-factory").GenericModuleContext<{
@@ -104,7 +96,6 @@ export declare const ENROLLMENT_ACTION_TYPES: {
     searchQuery: string;
     disableSaveButton: boolean;
     drawer: string | null;
-    courseId: string;
     enabled: boolean;
     enrollmentDate: string;
     errors: Record<string, string>;
@@ -112,7 +103,6 @@ export declare const ENROLLMENT_ACTION_TYPES: {
     id: string;
     sectionId: string;
     studentProfileId: string;
-    course: CourseBE | undefined;
     section: SectionBE | undefined;
     studentProfile: StudentProfileBE | undefined;
 }>;
@@ -152,7 +142,6 @@ export declare const useEnrollmentModule: () => {
         searchQuery: string;
         disableSaveButton: boolean;
         drawer: string | null;
-        courseId: string;
         enabled: boolean;
         enrollmentDate: string;
         errors: Record<string, string>;
@@ -160,7 +149,6 @@ export declare const useEnrollmentModule: () => {
         id: string;
         sectionId: string;
         studentProfileId: string;
-        course: CourseBE | undefined;
         section: SectionBE | undefined;
         studentProfile: StudentProfileBE | undefined;
     };

package/base-modules/enrollment/context.js

@@ -54,7 +54,6 @@ const enrollmentConfig = {
         disableSaveButton: false,
         drawer: null,
         // Form State
-        courseId: "",
         enabled: true,
         enrollmentDate: new Date().toISOString().split("T")[0],
         errors: {},
@@ -63,7 +62,6 @@ const enrollmentConfig = {
         sectionId: "",
         studentProfileId: "",
         // Relations (populated from byId fetch)
-        course: undefined,
         section: undefined,
         studentProfile: undefined,
     },
@@ -102,7 +100,6 @@ export const useEnrollmentModule = () => {
         debouncedQuery,
     ]);
     const updateParams = useMemo(() => ({
-        courseId: state.courseId,
         enabled: state.enabled,
         enrollmentDate: state.enrollmentDate,
         id: state.id,

package/base-modules/enrollment/form.js

@@ -16,24 +16,20 @@ import { Separator } from "@appcorp/shadcn/components/ui/separator";
 import { DATE_FORMATS, formatDate } from "@react-pakistan/util-functions";
 import { useEnrollmentModule } from "./context";
 import { getCachedStudentProfilesSync } from "../student-profile/cache";
-import { getCachedCoursesSync } from "../course/cache";
 import { getCachedSectionsSync } from "../section/cache";
 import { useTranslations } from "next-intl";
 // ============================================================================
 // COMPONENT
 // ============================================================================
 export const EnrollmentForm = () => {
-    const { state: { courseId, enabled, enrollmentDate, errors, sectionId, studentProfileId, }, handleChange, } = useEnrollmentModule();
+    const { state: { enabled, enrollmentDate, errors, sectionId, studentProfileId, }, handleChange, } = useEnrollmentModule();
     const t = useTranslations("enrollment");
     return (_jsxs("div", { className: "space-y-4", children: [_jsx(EnhancedInput, { error: errors.enrollmentDate, id: "enrollmentDate", info: t("formEnrollmentDateInfo"), label: t("formEnrollmentDateLabel"), onChange: (e) => handleChange("enrollmentDate", e.target.value), placeholder: t("formEnrollmentDatePlaceholder"), required: true, type: "date", value: enrollmentDate
                     ? formatDate(enrollmentDate, DATE_FORMATS.YYYY_MM_DD)
                     : "" }), _jsx(Separator, {}), _jsx(EnhancedCombobox, { emptyText: t("formNoStudentEmpty"), error: errors.studentProfileId, id: "studentProfileId", info: t("formStudentInfo"), label: t("formStudentLabel"), onValueChange: (value) => handleChange("studentProfileId", value), options: (getCachedStudentProfilesSync().items || []).map((s) => ({
                     label: s.studentCode || s.id,
                     value: s.id,
-                })), placeholder: t("formStudentPlaceholder"), required: true, searchPlaceholder: t("formSearchStudentsPlaceholder"), value: studentProfileId || "" }), _jsx(EnhancedCombobox, { emptyText: t("formNoCourseEmpty"), error: errors.courseId, id: "courseId", info: t("formCourseInfo"), label: t("formCourseLabel"), onValueChange: (value) => handleChange("courseId", value), options: (getCachedCoursesSync().items || []).map((c) => ({
-                    label: c.code || c.id,
-                    value: c.id,
-                })), placeholder: t("formCoursePlaceholder"), required: true, searchPlaceholder: t("formSearchCoursesPlaceholder"), value: courseId || "" }), _jsx(EnhancedCombobox, { emptyText: t("formNoSectionEmpty"), error: errors.sectionId, id: "sectionId", info: t("sectionInfo"), label: t("section"), onValueChange: (value) => handleChange("sectionId", value), options: (getCachedSectionsSync().items || []).map((s) => {
+                })), placeholder: t("formStudentPlaceholder"), required: true, searchPlaceholder: t("formSearchStudentsPlaceholder"), value: studentProfileId || "" }), _jsx(EnhancedCombobox, { emptyText: t("formNoSectionEmpty"), error: errors.sectionId, id: "sectionId", info: t("sectionInfo"), label: t("section"), onValueChange: (value) => handleChange("sectionId", value), options: (getCachedSectionsSync().items || []).map((s) => {
                     var _a;
                     return ({
                         label: ((_a = s.class) === null || _a === void 0 ? void 0 : _a.code) ? `${s.class.code}-${s.name}` : s.name,

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

@@ -24,7 +24,6 @@ interface Props {
     drawerViewDescription: string;
     drawerViewTitle: string;
     labelActions: string;
-    labelCourse: string;
     labelEnabled: string;
     labelEnrollmentDate: string;
     labelId: string;

package/base-modules/enrollment/page.js

@@ -34,11 +34,6 @@ const tableBodyCols = [
         key: "studentProfile",
         textFormatter: (_, row) => { var _a, _b; return (_b = (_a = row.studentProfile) === null || _a === void 0 ? void 0 : _a.studentCode) !== null && _b !== void 0 ? _b : "N/A"; },
     },
-    {
-        componentType: COMPONENT_TYPE.TEXT,
-        key: "course",
-        textFormatter: (_, row) => { var _a, _b; return (_b = (_a = row.course) === null || _a === void 0 ? void 0 : _a.code) !== null && _b !== void 0 ? _b : "N/A"; },
-    },
     {
         componentType: COMPONENT_TYPE.TEXT,
         key: "section",
@@ -69,17 +64,16 @@ const createComponentInstances = () => ({
     moreActions: _jsx(EnrollmentMoreActions, {}),
     view: _jsx(EnrollmentView, {}),
 });
-const createEnrollmentConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelCourse, labelEnabled, labelEnrollmentDate, labelId, labelSection, labelStudent, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+const createEnrollmentConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelEnabled, labelEnrollmentDate, labelId, labelSection, labelStudent, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "enrollment",
         tableColumns: [
             { label: labelId, width: "5%" },
-            { label: labelStudent, width: "20%" },
-            { label: labelCourse, width: "20%" },
-            { label: labelSection, width: "20%" },
-            { label: labelEnrollmentDate, width: "15%" },
-            { label: labelEnabled, width: "10%" },
+            { label: labelStudent, width: "25%" },
+            { label: labelSection, width: "25%" },
+            { label: labelEnrollmentDate, width: "20%" },
+            { label: labelEnabled, width: "15%" },
             { label: labelActions, width: "5%" },
         ],
         cancelLabel,
@@ -122,7 +116,6 @@ const EnrollmentPageInner = (props) => {
         drawerMoreActionsTitle: props.drawerMoreActionsTitle,
         drawerMoreActionsDescription: props.drawerMoreActionsDescription,
         labelActions: props.labelActions,
-        labelCourse: props.labelCourse,
         labelEnabled: props.labelEnabled,
         labelEnrollmentDate: props.labelEnrollmentDate,
         labelId: props.labelId,
@@ -144,7 +137,6 @@ const EnrollmentPageInner = (props) => {
         props.drawerMoreActionsTitle,
         props.drawerMoreActionsDescription,
         props.labelActions,
-        props.labelCourse,
         props.labelEnabled,
         props.labelEnrollmentDate,
         props.labelId,

package/base-modules/enrollment/validate.d.ts

@@ -6,7 +6,6 @@
 import { z } from "zod";
 export declare const enrollmentFormValidation: z.ZodObject<{
     studentProfileId: z.ZodString;
-    courseId: z.ZodString;
     sectionId: z.ZodString;
     enrollmentDate: z.ZodString;
     enabled: z.ZodOptional<z.ZodBoolean>;

package/base-modules/enrollment/validate.js

@@ -9,7 +9,6 @@ import { z } from "zod";
 // ============================================================================
 export const enrollmentFormValidation = z.object({
     studentProfileId: z.string().min(1, "Student is required"),
-    courseId: z.string().min(1, "Course is required"),
     sectionId: z.string().min(1, "Section is required"),
     enrollmentDate: z
         .string()

package/base-modules/enrollment/view.js

@@ -17,27 +17,24 @@ import { BookOpen, CheckCircle2, XCircle } from "lucide-react";
 import { DATE_FORMATS, formatDate } from "@react-pakistan/util-functions";
 import { useEnrollmentModule } from "./context";
 import { getCachedStudentProfilesSync } from "../student-profile/cache";
-import { getCachedCoursesSync } from "../course/cache";
 import { getCachedSectionsSync } from "../section/cache";
 import { useTranslations } from "next-intl";
 // ============================================================================
 // COMPONENT
 // ============================================================================
 export const EnrollmentView = memo(() => {
-    var _a, _b, _c, _d, _e;
-    const { state: { courseId, enrollmentDate, enabled, sectionId, studentProfileId }, } = useEnrollmentModule();
+    var _a, _b, _c;
+    const { state: { enrollmentDate, enabled, sectionId, studentProfileId }, } = useEnrollmentModule();
     const t = useTranslations("enrollment");
     const studentProfile = getCachedStudentProfilesSync().items.find((s) => s.id === studentProfileId);
     const studentName = (_b = (_a = studentProfile === null || studentProfile === void 0 ? void 0 : studentProfile.studentCode) !== null && _a !== void 0 ? _a : studentProfileId) !== null && _b !== void 0 ? _b : "—";
-    const course = getCachedCoursesSync().items.find((c) => c.id === courseId);
-    const courseName = (_d = (_c = course === null || course === void 0 ? void 0 : course.code) !== null && _c !== void 0 ? _c : courseId) !== null && _d !== void 0 ? _d : "—";
     const section = getCachedSectionsSync().items.find((s) => s.id === sectionId);
     const sectionName = section
-        ? ((_e = section.class) === null || _e === void 0 ? void 0 : _e.code)
+        ? ((_c = section.class) === null || _c === void 0 ? void 0 : _c.code)
             ? `${section.class.code}-${section.name}`
             : section.name
         : (sectionId !== null && sectionId !== void 0 ? sectionId : "—");
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BookOpen, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionEnrollmentDetails") })] }), _jsx(CardDescription, { children: t("viewSectionCompleteEnrollmentInformation") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldStudent") }), _jsx("p", { className: "text-base", children: studentName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldCourse") }), _jsx("p", { className: "text-base", children: courseName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("section") }), _jsx("p", { className: "text-base", children: sectionName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldEnrollmentDate") }), _jsx("p", { className: "text-base", children: enrollmentDate
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BookOpen, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionEnrollmentDetails") })] }), _jsx(CardDescription, { children: t("viewSectionCompleteEnrollmentInformation") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldStudent") }), _jsx("p", { className: "text-base", children: studentName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("section") }), _jsx("p", { className: "text-base", children: sectionName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldEnrollmentDate") }), _jsx("p", { className: "text-base", children: enrollmentDate
                                                 ? formatDate(enrollmentDate, DATE_FORMATS.LOCALE_DATE)
                                                 : "—" })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BookOpen, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldStatus") })] }), _jsx(CardDescription, { children: t("viewFieldEnrollmentAvailability") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("div", { className: "grid grid-cols-1 gap-6", children: _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldStatus") }), _jsx(Badge, { variant: enabled ? "default" : "destructive", className: "gap-1", children: enabled ? (_jsxs(_Fragment, { children: [_jsx(CheckCircle2, { className: "h-3 w-3" }), " ", t("viewFieldStatusActive")] })) : (_jsxs(_Fragment, { children: [_jsx(XCircle, { className: "h-3 w-3" }), " ", t("viewFieldStatusInactive")] })) })] }) }) })] })] }));
 });

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

@@ -59,14 +59,18 @@ export const tableBodyCols = [
         componentType: COMPONENT_TYPE.TEXT,
         key: "enrollments",
         textFormatter: (value) => {
-            var _a;
+            var _a, _b, _c, _d;
             const enrollments = value;
             if (!enrollments || enrollments.length === 0)
                 return "No enrollments";
             if (enrollments.length === 1) {
-                return ((_a = enrollments[0].course) === null || _a === void 0 ? void 0 : _a.code) || "Unknown course";
+                const section = enrollments[0].section;
+                const courseCount = (_b = (_a = section === null || section === void 0 ? void 0 : section.courses) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+                return courseCount > 0
+                    ? `${(_c = section === null || section === void 0 ? void 0 : section.name) !== null && _c !== void 0 ? _c : "Section"} (${courseCount} subjects)`
+                    : (_d = section === null || section === void 0 ? void 0 : section.name) !== null && _d !== void 0 ? _d : "Enrolled";
             }
-            return `${enrollments.length} courses`;
+            return `${enrollments.length} sections`;
         },
     },
     {

package/base-modules/teacher/context.js

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

package/base-modules/teacher/form.js

@@ -14,11 +14,11 @@ export const TeacherForm = () => {
     var _a;
     const t = useTranslations("teacher");
     const context = useTeacherModule();
-    const { address, avatar, bio, city, country, dateOfBirth, emergencyPhone, enabled, errors, experience, firstName, gender, joiningDate, lastName, phone, postalCode, qualification, specialization, teacherCode, userId, } = context.state;
+    const { address, avatar, bio, city, country, dateOfBirth, emergencyPhone, enabled, errors, experience, firstName, gender, joiningDate, lastName, phone, postalCode, qualification, specialization, userId, } = context.state;
     const stateValue = context.state.state;
     const { handleChange, handleAvatarUpload } = context;
     const users = getCachedUsersSync();
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(EnhancedInput, { error: errors.teacherCode, id: "teacherCode", info: t("formUniqueTeacherIdentifierLabel"), label: t("formTeacherCodeLabel"), onChange: (e) => handleChange("teacherCode", e.target.value), placeholder: t("formTeacherCodePlaceholder"), required: true, value: teacherCode }), _jsx(EnhancedInput, { error: errors.firstName, id: "firstName", info: t("formTeachersFirstNameLabel"), label: t("formFirstNameLabel"), onChange: (e) => handleChange("firstName", e.target.value), placeholder: t("formFirstNamePlaceholder"), required: true, value: firstName }), _jsx(EnhancedInput, { error: errors.lastName, id: "lastName", info: t("formTeachersLastNameLabel"), label: t("formLastNameLabel"), onChange: (e) => handleChange("lastName", e.target.value), placeholder: t("formLastNamePlaceholder"), required: true, value: lastName }), _jsx(EnhancedInput, { error: errors.joiningDate, id: "joiningDate", info: t("formDateTeacherJoinedTheSchoolLabel"), label: t("formJoiningDateLabel"), onChange: (e) => handleChange("joiningDate", e.target.value), onClick: (e) => { var _a, _b; return (_b = (_a = e.currentTarget).showPicker) === null || _b === void 0 ? void 0 : _b.call(_a); }, required: true, type: "date", value: joiningDate
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(EnhancedInput, { error: errors.firstName, id: "firstName", info: t("formTeachersFirstNameLabel"), label: t("formFirstNameLabel"), onChange: (e) => handleChange("firstName", e.target.value), placeholder: t("formFirstNamePlaceholder"), required: true, value: firstName }), _jsx(EnhancedInput, { error: errors.lastName, id: "lastName", info: t("formTeachersLastNameLabel"), label: t("formLastNameLabel"), onChange: (e) => handleChange("lastName", e.target.value), placeholder: t("formLastNamePlaceholder"), required: true, value: lastName }), _jsx(EnhancedInput, { error: errors.joiningDate, id: "joiningDate", info: t("formDateTeacherJoinedTheSchoolLabel"), label: t("formJoiningDateLabel"), onChange: (e) => handleChange("joiningDate", e.target.value), onClick: (e) => { var _a, _b; return (_b = (_a = e.currentTarget).showPicker) === null || _b === void 0 ? void 0 : _b.call(_a); }, required: true, type: "date", value: joiningDate
                     ? new Date(joiningDate).toISOString().split("formTLabel")[0]
                     : "" }), _jsx(EnhancedCombobox, { emptyText: t("formNoTeacherUsersEmpty"), error: errors.userId, id: "userId", info: t("formLinkedSystemUserLabel"), label: t("formTeacherUserPlaceholder"), onValueChange: (value) => handleChange("userId", value || null), options: (_a = users.items) === null || _a === void 0 ? void 0 : _a.filter(({ workspaces }) => workspaces === null || workspaces === void 0 ? void 0 : workspaces.filter(({ role }) => (role === null || role === void 0 ? void 0 : role.userRole) === USER_ROLE.TEACHER).length).map((u) => ({
                     label: (u === null || u === void 0 ? void 0 : u.name) || (u === null || u === void 0 ? void 0 : u.email) || u.id,

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

@@ -1,26 +1,86 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { API_METHODS, downloadFromUrl } from "@react-pakistan/util-functions";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { downloadFromUrl } from "@react-pakistan/util-functions";
+import { showErrorToast, showSuccessToast, } 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 { CSVS } from "@/constants";
+import { teacherFormValidation } from "./validate";
 const workspace = getCachedWorkspaceSync();
-const handleGetAllRecords = async (schoolId) => {
-    const response = await fetch(`/api/v1/teacher?pageLimit=1000&currentPage=1&schoolId=${schoolId}`, { method: API_METHODS.GET });
-    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, "teacher.csv");
-};
 export const TeacherMoreActions = () => {
     const t = useTranslations("teacher");
+    const handleBulkCreate = async (files) => {
+        var _a;
+        if (!files || files.length === 0)
+            return;
+        const file = files[0];
+        try {
+            const text = await file.text();
+            const records = converter.csv2json(text);
+            if (!Array.isArray(records) || records.length === 0) {
+                showErrorToast("CSV file is empty or invalid");
+                return;
+            }
+            const errors = [];
+            const validRecords = [];
+            for (let i = 0; i < records.length; i++) {
+                const result = teacherFormValidation.safeParse(records[i]);
+                if (!result.success) {
+                    errors.push({
+                        row: i + 1,
+                        messages: result.error.issues.map((issue) => `${issue.path.join(".")}: ${issue.message}`),
+                    });
+                }
+                else {
+                    validRecords.push(result.data);
+                }
+            }
+            if (errors.length > 0) {
+                const summary = errors
+                    .slice(0, 5)
+                    .map((e) => `Row ${e.row}: ${e.messages.join("; ")}`)
+                    .join("\n");
+                const remaining = errors.length - 5;
+                showErrorToast(`Validation failed for ${errors.length} row(s).\n${summary}${remaining > 0 ? `\n...and ${remaining} more` : ""}`);
+                return;
+            }
+            const schoolId = ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "";
+            try {
+                const response = await fetch("/api/v1/teacher/bulk", {
+                    method: "POST",
+                    headers: {
+                        "Content-Type": "application/json",
+                        "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+                    },
+                    body: JSON.stringify({
+                        schoolId,
+                        csvData: text,
+                    }),
+                });
+                if (response.ok) {
+                    showSuccessToast(`Successfully created ${validRecords.length} teacher(s)`);
+                }
+                else {
+                    const errorData = await response.json().catch(() => ({}));
+                    showErrorToast(errorData.error || `Bulk create failed with status ${response.status}`);
+                }
+            }
+            catch (_b) {
+                showErrorToast("Network error during bulk create");
+            }
+        }
+        catch (error) {
+            showErrorToast(`Failed to process CSV: ${error instanceof Error ? error.message : "Unknown error"}`);
+        }
+    };
     const create = [
         {
             id: "1",
             title: t("moreActionsDownloadEmptyCsvTemplate"),
             handleOnClick: async () => {
-                await downloadFromUrl("https://nwolvgylwmjuqxsngjxt.supabase.co/storage/v1/object/public/public-blob/common-assets/teacher.csv", "teacher-template.csv");
+                await downloadFromUrl(CSVS.Teacher, "teacher-template.csv");
             },
         },
         { id: "2", title: t("moreActionsAddYourDataToTheCsv") },
@@ -29,17 +89,5 @@ export const TeacherMoreActions = () => {
             title: t("moreActionsUploadTheCompletedCsvToTheSystem"),
         },
     ];
-    const update = [
-        {
-            id: "1",
-            title: t("moreActionsDownloadPopulatedCsvTemplate"),
-            handleOnClick: async () => {
-                var _a;
-                await handleGetAllRecords(((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "");
-            },
-        },
-        { id: "2", title: t("moreActionsUpdateYourDataToTheCsv") },
-        { id: "3", title: t("moreActionsUploadTheCompletedCsvToTheSystem") },
-    ];
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Timeline, { events: create, heading: t("moreActionsBulkCreate") }), _jsx(Timeline, { events: update, heading: t("moreActionsBulkUpdate") })] }));
+    return (_jsx("div", { className: "space-y-4", children: _jsx(Timeline, { events: create, heading: t("moreActionsBulkCreate"), handleOnBulkCreate: handleBulkCreate }) }));
 };

package/base-modules/teacher/validate.d.ts

@@ -22,6 +22,6 @@ export declare const teacherFormValidation: z.ZodObject<{
     qualification: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     specialization: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     state: z.ZodNullable<z.ZodOptional<z.ZodString>>;
-    teacherCode: z.ZodString;
+    teacherCode: z.ZodOptional<z.ZodString>;
     userId: z.ZodNullable<z.ZodOptional<z.ZodString>>;
 }, z.core.$strip>;

package/base-modules/teacher/validate.js

@@ -47,6 +47,6 @@ export const teacherFormValidation = z.object({
     qualification: z.string().optional().nullable(),
     specialization: z.string().optional().nullable(),
     state: z.string().optional().nullable(),
-    teacherCode: z.string().min(1, "Teacher code is required"),
+    teacherCode: z.string().optional(),
     userId: z.string().optional().nullable(),
 });

package/components/timeline.d.ts

@@ -7,5 +7,6 @@ export interface TimelineEvent {
 export interface TimelineProps {
     events: TimelineEvent[];
     heading: string;
+    handleOnBulkCreate?: (files: File[]) => void;
 }
-export declare const Timeline: ({ heading, events }: TimelineProps) => import("react").JSX.Element;
+export declare const Timeline: ({ heading, events, handleOnBulkCreate, }: TimelineProps) => import("react").JSX.Element;

package/components/timeline.js

@@ -1,4 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const Timeline = ({ heading, events }) => {
-    return (_jsxs("div", { className: "space-y-6", children: [_jsx("h2", { className: "text-foreground text-xl font-semibold", children: heading }), _jsxs("div", { className: "relative", children: [_jsx("div", { className: "bg-border absolute top-0 bottom-0 left-3 w-px" }), _jsx("div", { className: "space-y-4", children: events.map((event) => (_jsxs("div", { className: "relative flex items-start gap-4", children: [_jsx("div", { className: "relative 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 ? "underline cursor-pointer" : ""}`, children: event.title }), event.description && (_jsx("div", { className: "text-foreground mt-1 text-sm", children: event.description }))] })] }, event.id))) })] })] }));
+import { useState } from "react";
+import { EnhancedDropzone } from "@appcorp/shadcn/components/enhanced-dropzone";
+import { Button } from "@appcorp/shadcn/components/ui/button";
+export const Timeline = ({ heading, events, handleOnBulkCreate, }) => {
+    const [files, setFiles] = useState([]);
+    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: setFiles, 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" })] })] }));
 };

package/constants.d.ts

@@ -80,3 +80,43 @@ export declare const LS_KEYS: {
     WORKSPACE_USERS: string;
     WORKSPACE: string;
 };
+export declare const CSVS: {
+    Admission: string;
+    AdmissionAI: string;
+    Attendance: string;
+    BlogComment: string;
+    BlogCommentClap: string;
+    BlogPost: string;
+    Campaign: string;
+    Campus: string;
+    Class: string;
+    Course: string;
+    DashboardAnalytics: string;
+    DiscountCode: string;
+    Enrollment: string;
+    Expense: string;
+    Family: string;
+    FamilyMember: string;
+    FeeAgentActivity: string;
+    FeeConversation: string;
+    FeeStructure: string;
+    Grade: string;
+    MobileNotification: string;
+    NotificationPreference: string;
+    Permission: string;
+    Plan: string;
+    Role: string;
+    RolePermission: string;
+    Schedule: string;
+    School: string;
+    Section: string;
+    StudentFee: string;
+    StudentProfile: string;
+    Subject: string;
+    Teacher: string;
+    User: string;
+    UserPushToken: string;
+    Workspace: string;
+    WorkspaceUser: string;
+    WorkspaceUserPermission: string;
+};

package/constants.js

@@ -80,3 +80,43 @@ export const LS_KEYS = {
     WORKSPACE_USERS: "fusion_workspace_users",
     WORKSPACE: "fusion_workspace",
 };
+export const CSVS = {
+    Admission: "https://storage.edupilotpro.com/fusion-public/data-tables/Admission.csv",
+    AdmissionAI: "https://storage.edupilotpro.com/fusion-public/data-tables/AdmissionAI.csv",
+    Attendance: "https://storage.edupilotpro.com/fusion-public/data-tables/Attendance.csv",
+    BlogComment: "https://storage.edupilotpro.com/fusion-public/data-tables/BlogComment.csv",
+    BlogCommentClap: "https://storage.edupilotpro.com/fusion-public/data-tables/BlogCommentClap.csv",
+    BlogPost: "https://storage.edupilotpro.com/fusion-public/data-tables/BlogPost.csv",
+    Campaign: "https://storage.edupilotpro.com/fusion-public/data-tables/Campaign.csv",
+    Campus: "https://storage.edupilotpro.com/fusion-public/data-tables/Campus.csv",
+    Class: "https://storage.edupilotpro.com/fusion-public/data-tables/Class.csv",
+    Course: "https://storage.edupilotpro.com/fusion-public/data-tables/Course.csv",
+    DashboardAnalytics: "https://storage.edupilotpro.com/fusion-public/data-tables/DashboardAnalytics.csv",
+    DiscountCode: "https://storage.edupilotpro.com/fusion-public/data-tables/DiscountCode.csv",
+    Enrollment: "https://storage.edupilotpro.com/fusion-public/data-tables/Enrollment.csv",
+    Expense: "https://storage.edupilotpro.com/fusion-public/data-tables/Expense.csv",
+    Family: "https://storage.edupilotpro.com/fusion-public/data-tables/Family.csv",
+    FamilyMember: "https://storage.edupilotpro.com/fusion-public/data-tables/FamilyMember.csv",
+    FeeAgentActivity: "https://storage.edupilotpro.com/fusion-public/data-tables/FeeAgentActivity.csv",
+    FeeConversation: "https://storage.edupilotpro.com/fusion-public/data-tables/FeeConversation.csv",
+    FeeStructure: "https://storage.edupilotpro.com/fusion-public/data-tables/FeeStructure.csv",
+    Grade: "https://storage.edupilotpro.com/fusion-public/data-tables/Grade.csv",
+    MobileNotification: "https://storage.edupilotpro.com/fusion-public/data-tables/MobileNotification.csv",
+    NotificationPreference: "https://storage.edupilotpro.com/fusion-public/data-tables/NotificationPreference.csv",
+    Permission: "https://storage.edupilotpro.com/fusion-public/data-tables/Permission.csv",
+    Plan: "https://storage.edupilotpro.com/fusion-public/data-tables/Plan.csv",
+    Role: "https://storage.edupilotpro.com/fusion-public/data-tables/Role.csv",
+    RolePermission: "https://storage.edupilotpro.com/fusion-public/data-tables/RolePermission.csv",
+    Schedule: "https://storage.edupilotpro.com/fusion-public/data-tables/Schedule.csv",
+    School: "https://storage.edupilotpro.com/fusion-public/data-tables/School.csv",
+    Section: "https://storage.edupilotpro.com/fusion-public/data-tables/Section.csv",
+    StudentFee: "https://storage.edupilotpro.com/fusion-public/data-tables/StudentFee.csv",
+    StudentProfile: "https://storage.edupilotpro.com/fusion-public/data-tables/StudentProfile.csv",
+    Subject: "https://storage.edupilotpro.com/fusion-public/data-tables/Subject.csv",
+    Teacher: "https://storage.edupilotpro.com/fusion-public/data-tables/Teacher.csv",
+    User: "https://storage.edupilotpro.com/fusion-public/data-tables/User.csv",
+    UserPushToken: "https://storage.edupilotpro.com/fusion-public/data-tables/UserPushToken.csv",
+    Workspace: "https://storage.edupilotpro.com/fusion-public/data-tables/Workspace.csv",
+    WorkspaceUser: "https://storage.edupilotpro.com/fusion-public/data-tables/WorkspaceUser.csv",
+    WorkspaceUserPermission: "https://storage.edupilotpro.com/fusion-public/data-tables/WorkspaceUserPermission.csv",
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/fusion-storybook",
-  "version": "0.2.14",
+  "version": "0.2.16",
   "scripts": {
     "build-storybook": "storybook build",
     "build:next": "next build",
@@ -101,6 +101,7 @@
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "react-dropzone": "^15.0.0",
+    "react-easy-crop": "^5.5.7",
     "rimraf": "^6.1.3",
     "sonner": "^2.0.7",
     "storybook": "^10.3.4",