@appcorp/fusion-storybook 0.1.21 → 0.1.24

package/base-modules/teacher/context.js

@@ -0,0 +1,461 @@
+"use client";
+/**
+ * Teacher Module — business logic + API integration
+ *
+ * Wires the generic module state (created by `createGenericModule`) to network
+ * actions using `useModuleEntityV2`. Contains domain-specific handlers for
+ * create/view/edit/delete and bulk actions.
+ *
+ * Key responsibilities:
+ * - expose `useTeacherModule()` which UI components call for actions
+ * - keep module-specific `apiParams` and callbacks in one place
+ * - ensure cache invalidation and toast notifications on mutation
+ *
+ * Exported utilities:
+ * - `TeacherProvider` — provider component used by the page
+ * - `TEACHER_ACTION_TYPES` — action type constants (from factory)
+ * - `TEACHER_DRAWER` — drawer type constants
+ * - `useTeacherModule()` — hook that returns state, dispatch, and handlers
+ */
+import { useCallback, useEffect, useMemo } from "react";
+import { isCreatedOrUpdated, validateForm, } from "@react-pakistan/util-functions";
+import { useModuleEntityV2, } from "@react-pakistan/util-functions/hooks/use-module-entity-v2";
+import { useDebounce } from "@react-pakistan/util-functions/hooks/use-debounce";
+import { createGenericModule } from "@react-pakistan/util-functions/factory/generic-module-factory";
+import { DRAWER_TYPES } from "@react-pakistan/util-functions/factory/generic-component-factory";
+import { generateThemeToast, TOAST_VARIANT, } from "@appcorp/shadcn/lib/toast-utils";
+import { GENDER } from "../../type";
+import { useTranslations } from "next-intl";
+import { TEACHER_API_ROUTES, pageLimit } from "./constants";
+import { teacherFormValidation } from "./validate";
+import { getCachedTeachers, invalidateTeachersCache } from "./cache";
+import { getCachedWorkspaceSync } from "../workspace/cache";
+import { Edit, Eye, Filter, MoreHorizontal, Plus, Trash2 } from "lucide-react";
+// ============================================================================
+// DRAWER TYPES
+// ============================================================================
+export const TEACHER_DRAWER = {
+    FILTER_DRAWER: DRAWER_TYPES.FILTER_DRAWER,
+    FORM_DRAWER: DRAWER_TYPES.FORM_DRAWER,
+    MORE_ACTIONS_DRAWER: "MORE_ACTIONS_DRAWER",
+    VIEW_DRAWER: DRAWER_TYPES.VIEW_DRAWER,
+};
+// ============================================================================
+// CONFIGURATION
+// ============================================================================
+const teacherConfig = {
+    name: "Teacher",
+    displayName: "Teacher",
+    initialState: {
+        // List Data
+        items: [],
+        count: 0,
+        // Search & Pagination
+        currentPage: 1,
+        pageLimit,
+        searchQuery: "",
+        // UI State
+        disableSaveButton: false,
+        drawer: null,
+        // Form State
+        address: null,
+        avatar: null,
+        bio: null,
+        city: null,
+        country: null,
+        dateOfBirth: null,
+        emergencyPhone: null,
+        enabled: true,
+        errors: {},
+        experience: null,
+        filterEnabled: undefined,
+        firstName: "",
+        gender: GENDER.MALE,
+        id: "",
+        joiningDate: new Date().toISOString().split("T")[0],
+        lastName: "",
+        phone: null,
+        postalCode: null,
+        qualification: null,
+        schoolId: "",
+        specialization: null,
+        state: null,
+        teacherCode: "",
+        userId: "",
+    },
+    drawerTypes: DRAWER_TYPES,
+};
+// ============================================================================
+// CREATE TEACHER MODULE
+// ============================================================================
+export const { actionTypes: TEACHER_ACTION_TYPES, config: teacherModuleConfig, initialState: initialTeacherState, Provider: TeacherProvider, reducer: teacherReducer, useContext: useTeacherContext, } = createGenericModule(teacherConfig);
+// ============================================================================
+// ENHANCED TEACHER HOOK WITH API INTEGRATION
+// ============================================================================
+export const useTeacherModule = () => {
+    var _a;
+    const context = useTeacherContext();
+    const { state, dispatch } = context;
+    const t = useTranslations("teacher");
+    const debouncedQuery = useDebounce(state.searchQuery, 800);
+    const workspace = getCachedWorkspaceSync();
+    const schoolId = ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "";
+    // ============================================================================
+    // API PARAMETERS
+    // ============================================================================
+    const listParams = useMemo(() => (Object.assign(Object.assign({ currentPage: state.currentPage, pageLimit: state.pageLimit, schoolId }, (debouncedQuery ? { searchQuery: debouncedQuery } : {})), (state.filterEnabled !== undefined
+        ? { filterEnabled: String(state.filterEnabled) }
+        : {}))), [
+        state.currentPage,
+        state.filterEnabled,
+        state.pageLimit,
+        debouncedQuery,
+        schoolId,
+    ]);
+    const updateParams = useMemo(() => ({
+        address: state.address,
+        avatar: state.avatar,
+        bio: state.bio,
+        city: state.city,
+        country: state.country,
+        dateOfBirth: state.dateOfBirth,
+        emergencyPhone: state.emergencyPhone,
+        enabled: state.enabled,
+        experience: state.experience,
+        firstName: state.firstName,
+        gender: state.gender,
+        id: state.id,
+        joiningDate: state.joiningDate,
+        lastName: state.lastName,
+        phone: state.phone,
+        postalCode: state.postalCode,
+        qualification: state.qualification,
+        schoolId,
+        specialization: state.specialization,
+        state: state.state,
+        teacherCode: state.teacherCode,
+        userId: state.userId,
+    }), [state, schoolId]);
+    const byIdParams = useMemo(() => ({ id: state.id }), [state.id]);
+    const deleteParams = useMemo(() => ({ id: state.id }), [state.id]);
+    // ============================================================================
+    // UTILITIES
+    // ============================================================================
+    const showToast = useCallback((message, variant) => {
+        generateThemeToast({ description: message, variant });
+    }, []);
+    const resetFormAndCloseDrawer = useCallback(() => {
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+    }, [dispatch]);
+    // ============================================================================
+    // API CALLBACKS
+    // ============================================================================
+    const listCallback = ({ data, error }) => {
+        var _a;
+        if (error) {
+            showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            const response = data;
+            const items = (_a = response.items) !== null && _a !== void 0 ? _a : [];
+            const count = typeof response.count === "number" ? response.count : 0;
+            dispatch({
+                type: TEACHER_ACTION_TYPES.SET_ITEMS,
+                payload: { items, count },
+            });
+        }
+    };
+    const updateCallback = ({ data, error }) => {
+        const isCreated = isCreatedOrUpdated(data);
+        if (error) {
+            showToast(isCreated ? t("messagesCreateFailed") : t("messagesUpdateFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            showToast(t("messagesSaveSuccess"), TOAST_VARIANT.SUCCESS);
+            invalidateTeachersCache();
+            listFetchNow();
+            resetFormAndCloseDrawer();
+        }
+    };
+    const byIdCallback = ({ data, error }) => {
+        if (error) {
+            showToast(t("messagesDetailsFetchFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            dispatch({
+                type: TEACHER_ACTION_TYPES.SET_FORM_DATA,
+                payload: { form: Object.assign(Object.assign({}, data), { filterEnabled: undefined }) },
+            });
+        }
+    };
+    const deleteCallback = ({ data, error }) => {
+        if (error) {
+            showToast(t("messagesDeleteFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            showToast(t("messagesDeleteSuccess"), TOAST_VARIANT.SUCCESS);
+            invalidateTeachersCache();
+            listFetchNow();
+        }
+    };
+    // ============================================================================
+    // HANDLERS
+    // ============================================================================
+    const handleChange = useCallback((field, value) => {
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: field, value },
+        });
+    }, [dispatch]);
+    const handlePageChange = useCallback((page) => {
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: page },
+        });
+    }, [dispatch]);
+    const handlePageLimitChange = useCallback((limit) => {
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_PAGE_LIMIT,
+            payload: { pageLimit: limit },
+        });
+    }, [dispatch]);
+    const handleCloseDrawer = useCallback(() => {
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+        dispatch({ type: TEACHER_ACTION_TYPES.RESET_FORM });
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+    }, [dispatch]);
+    const handleCreate = useCallback(() => {
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: TEACHER_DRAWER.FORM_DRAWER },
+        });
+    }, [dispatch]);
+    const handleFilters = useCallback(() => {
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: TEACHER_DRAWER.FILTER_DRAWER },
+        });
+    }, [dispatch]);
+    const handleMoreActions = useCallback(() => {
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: TEACHER_DRAWER.MORE_ACTIONS_DRAWER },
+        });
+    }, [dispatch]);
+    const handleSearch = useCallback((query) => {
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: query },
+        });
+    }, [dispatch]);
+    const clearFilters = useCallback(() => {
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_FILTERS,
+            payload: { filters: { filterEnabled: undefined } },
+        });
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+    }, [dispatch]);
+    // ============================================================================
+    // HEADER & ROW ACTIONS
+    // ============================================================================
+    const headerActions = useMemo(() => [
+        {
+            enabled: false,
+            handleOnClick: handleMoreActions,
+            icon: MoreHorizontal,
+            label: t("headerActionsMoreActions"),
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleFilters,
+            icon: Filter,
+            label: t("headerActionsFilters"),
+            order: 2,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleCreate,
+            icon: Plus,
+            label: t("headerActionsAddTeacher"),
+            order: 3,
+        },
+    ], [handleFilters, handleMoreActions, handleCreate, t]);
+    // ============================================================================
+    // NETWORK ACTIONS
+    // ============================================================================
+    // HEADER & ROW ACTIONS
+    // ============================================================================
+    const { listFetchNow, listLoading, updateFetchNow, updateLoading, byIdFetchNow, deleteFetchNow, deleteLoading, byIdLoading, } = useModuleEntityV2({
+        byIdCallback,
+        byIdParams,
+        deleteCallback,
+        deleteParams,
+        listCallback,
+        listParams,
+        listUrl: TEACHER_API_ROUTES.LIST,
+        searchQuery: debouncedQuery,
+        unitByIdUrl: TEACHER_API_ROUTES.UNIT,
+        unitUrl: TEACHER_API_ROUTES.UNIT,
+        updateCallback,
+        updateParams,
+        headers: {
+            "Content-Type": "application/json",
+            "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+        },
+    });
+    const applyFilters = useCallback(() => {
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+        listFetchNow();
+        handleCloseDrawer();
+    }, [dispatch, listFetchNow, handleCloseDrawer]);
+    const handleSubmit = useCallback(() => {
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: true },
+        });
+        validateForm({
+            params: updateParams,
+            schema: teacherFormValidation,
+            successCallback: () => {
+                updateFetchNow(undefined, {
+                    body: JSON.stringify(updateParams),
+                });
+            },
+            errorCallback: (errors) => {
+                dispatch({
+                    type: TEACHER_ACTION_TYPES.SET_ERRORS,
+                    payload: { errors },
+                });
+                dispatch({
+                    type: TEACHER_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                    payload: { disabled: false },
+                });
+                showToast(t("messagesFormErrors"), TOAST_VARIANT.ERROR);
+            },
+        });
+    }, [updateParams, t, showToast, updateFetchNow, dispatch]);
+    const handleView = useCallback((row) => {
+        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: TEACHER_DRAWER.VIEW_DRAWER },
+        });
+    }, [dispatch, byIdFetchNow]);
+    const handleEdit = useCallback((row) => {
+        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
+        dispatch({
+            type: TEACHER_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: TEACHER_DRAWER.FORM_DRAWER },
+        });
+    }, [dispatch, byIdFetchNow]);
+    const handleDelete = useCallback((row) => {
+        if (!confirm(t("areYouSureYouWantToDeleteThisTeacher")))
+            return;
+        deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
+            body: JSON.stringify({ id: row === null || row === void 0 ? void 0 : row.id }),
+        });
+    }, [t, deleteFetchNow]);
+    const rowActions = useMemo(() => [
+        {
+            enabled: true,
+            handleOnClick: handleView,
+            icon: Eye,
+            label: t("rowActionsView"),
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleEdit,
+            icon: Edit,
+            label: t("rowActionsEdit"),
+            order: 2,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleDelete,
+            icon: Trash2,
+            label: t("rowActionsDelete"),
+            order: 3,
+        },
+    ], [handleView, handleEdit, handleDelete, t]);
+    // ============================================================================
+    // EFFECTS
+    // ============================================================================
+    useEffect(() => {
+        if (!schoolId)
+            return;
+        (async () => {
+            try {
+                const { count, items } = await getCachedTeachers({
+                    params: listParams,
+                });
+                dispatch({
+                    type: TEACHER_ACTION_TYPES.SET_ITEMS,
+                    payload: { items: items || [], count: count || 0 },
+                });
+            }
+            catch (_a) {
+                showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
+            }
+        })();
+    }, [dispatch, listParams, schoolId, showToast, t]);
+    // ============================================================================
+    // RETURN
+    // ============================================================================
+    return Object.assign(Object.assign({}, context), { applyFilters,
+        byIdLoading,
+        clearFilters,
+        deleteLoading,
+        handleChange,
+        handleCloseDrawer,
+        handleCreate,
+        handleDelete,
+        handleEdit,
+        handleFilters,
+        handleMoreActions,
+        handlePageChange,
+        handlePageLimitChange,
+        handleSearch,
+        handleSubmit,
+        handleView,
+        headerActions,
+        listLoading,
+        rowActions,
+        updateLoading });
+};

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

@@ -0,0 +1 @@
+export declare const TeacherFilter: () => import("react/jsx-runtime").JSX.Element;

package/base-modules/teacher/filter.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Teacher Filter Component
+ *
+ * Filter UI for teacher records. Uses the module state pattern:
+ * `const { state, handleChange } = useTeacherModule()`
+ */
+import { EnhancedRadio } from "@appcorp/shadcn/components/enhanced-radio";
+import { useTranslations } from "next-intl";
+import { useTeacherModule } from "./context";
+export const TeacherFilter = () => {
+    const { state, handleChange } = useTeacherModule();
+    const { filterEnabled } = state;
+    const t = useTranslations("teacher");
+    const filterEnabledValue = filterEnabled === undefined
+        ? "undefined"
+        : filterEnabled
+            ? "true"
+            : "false";
+    return (_jsx("div", { className: "space-y-4", children: _jsx("div", { className: "grid grid-cols-1 gap-4", children: _jsx(EnhancedRadio, { label: t("enabled"), name: "filterEnabled", value: filterEnabledValue, options: [
+                    { label: t("all"), value: "undefined" },
+                    { label: t("enabled"), value: "true" },
+                    { label: t("disabled"), value: "false" },
+                ], onValueChange: (next) => {
+                    const parsed = next === "true" ? true : next === "false" ? false : undefined;
+                    handleChange("filterEnabled", parsed);
+                } }) }) }));
+};

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

@@ -0,0 +1 @@
+export declare const TeacherForm: () => import("react/jsx-runtime").JSX.Element;

package/base-modules/teacher/form.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
+import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
+import { EnhancedDropzone } from "@appcorp/shadcn/components/enhanced-dropzone";
+import { EnhancedCombobox } from "@appcorp/shadcn/components/enhanced-combobox";
+import { EnhancedTextarea } from "@appcorp/shadcn/components/enhanced-textarea";
+import { useTranslations } from "next-intl";
+import { USER_ROLE } from "../../type";
+import { getCachedUsersSync } from "../user/cache";
+import { useTeacherModule } from "./context";
+import { GENDER_OPTIONS } from "./constants";
+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 stateValue = context.state.state;
+    const { handleChange } = context;
+    const users = getCachedUsersSync();
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(EnhancedInput, { error: errors.teacherCode, id: "teacherCode", info: t("uniqueTeacherIdentifier"), label: t("teacherCode"), onChange: (e) => handleChange("teacherCode", e.target.value), placeholder: t("teacherCodePlaceholder"), required: true, value: teacherCode }), _jsx(EnhancedInput, { error: errors.firstName, id: "firstName", info: t("teachersFirstName"), label: t("firstName"), onChange: (e) => handleChange("firstName", e.target.value), placeholder: t("firstNamePlaceholder"), required: true, value: firstName }), _jsx(EnhancedInput, { error: errors.lastName, id: "lastName", info: t("teachersLastName"), label: t("lastName"), onChange: (e) => handleChange("lastName", e.target.value), placeholder: t("lastNamePlaceholder"), required: true, value: lastName }), _jsx(EnhancedInput, { error: errors.joiningDate, id: "joiningDate", info: t("dateTeacherJoinedTheSchool"), label: t("joiningDate"), 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("T")[0] : "" }), _jsx(EnhancedCombobox, { emptyText: t("noTeacherUsersFound"), error: errors.userId, id: "userId", info: t("linkedSystemUser"), label: t("selectTeacherUser"), 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,
+                    value: u.id,
+                })), placeholder: t("selectLinkedUserPlaceholder"), required: true, searchPlaceholder: t("searchUsersPlaceholder"), value: userId || "" }), _jsx(EnhancedCombobox, { error: errors.gender, id: "gender", info: t("selectTeachersGender"), label: t("gender"), onValueChange: (value) => handleChange("gender", value || null), options: GENDER_OPTIONS.slice(1), value: gender || "" }), _jsx(EnhancedInput, { error: errors.dateOfBirth, id: "dateOfBirth", info: t("teachersDateOfBirth"), label: t("dateOfBirth"), onChange: (e) => handleChange("dateOfBirth", 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: dateOfBirth ? new Date(dateOfBirth).toISOString().split("T")[0] : "" }), _jsx(EnhancedInput, { error: errors.phone, id: "phone", info: t("teachersPhoneNumber"), label: t("phone"), onChange: (e) => handleChange("phone", e.target.value), placeholder: t("phonePlaceholder"), type: "tel", value: phone || "" }), _jsx(EnhancedInput, { error: errors.emergencyPhone, id: "emergencyPhone", info: t("emergencyContactNumber"), label: t("emergencyPhone"), onChange: (e) => handleChange("emergencyPhone", e.target.value), placeholder: t("emergencyPhonePlaceholder"), type: "tel", value: emergencyPhone || "" }), _jsx(EnhancedInput, { error: errors.qualification, id: "qualification", info: t("teachersEducationalQualification"), label: t("qualification"), onChange: (e) => handleChange("qualification", e.target.value), placeholder: t("qualificationPlaceholder"), value: qualification || "" }), _jsx(EnhancedInput, { error: errors.specialization, id: "specialization", info: t("teachersAreaOfSpecialization"), label: t("specialization"), onChange: (e) => handleChange("specialization", e.target.value), placeholder: t("specializationPlaceholder"), value: specialization || "" }), _jsx(EnhancedInput, { error: errors.experience, id: "experience", info: t("yearsOfTeachingExperience"), label: t("experience"), onChange: (e) => handleChange("experience", parseInt(e.target.value) || null), placeholder: t("experiencePlaceholder"), type: "number", value: (experience === null || experience === void 0 ? void 0 : experience.toString()) || "" }), _jsx(EnhancedInput, { error: errors.address, id: "address", info: t("streetAddress"), label: t("address"), onChange: (e) => handleChange("address", e.target.value), placeholder: t("addressPlaceholder"), value: address || "" }), _jsx(EnhancedInput, { error: errors.city, id: "city", info: t("cityName"), label: t("city"), onChange: (e) => handleChange("city", e.target.value), placeholder: t("cityPlaceholder"), value: city || "" }), _jsx(EnhancedInput, { error: errors.state, id: "state", info: t("stateOrProvince"), label: t("stateProvince"), onChange: (e) => handleChange("state", e.target.value), placeholder: t("statePlaceholder"), value: stateValue || "" }), _jsx(EnhancedInput, { error: errors.country, id: "country", info: t("countryName"), label: t("country"), onChange: (e) => handleChange("country", e.target.value), placeholder: t("countryPlaceholder"), value: country || "" }), _jsx(EnhancedInput, { error: errors.postalCode, id: "postalCode", info: t("postalOrZipCode"), label: t("postalCode"), onChange: (e) => handleChange("postalCode", e.target.value), placeholder: t("postalCodePlaceholder"), value: postalCode || "" }), _jsx(EnhancedDropzone, { accept: ["image/*"], error: errors.avatar, id: "avatar", info: t("uploadTeachersPhoto"), label: t("avatar"), maxFiles: 1, maxSize: 1 * 1024 * 1024, onChange: (files) => {
+                    if (files.length > 0) {
+                        const fileUrl = URL.createObjectURL(files[0]);
+                        handleChange("avatar", fileUrl);
+                    }
+                }, onRemoveRemote: () => handleChange("avatar", null), value: avatar ? [avatar] : [] }), _jsx(EnhancedTextarea, { error: errors.bio, id: "bio", info: t("briefBiographyOrDescription"), label: t("bio"), onChange: (e) => handleChange("bio", e.target.value), placeholder: t("bioPlaceholder"), rows: 4, value: bio || "" }), _jsx(EnhancedCheckbox, { checked: enabled, info: t("toggleToActivateOrDeactivateTeacher"), label: t("activeTeacher"), onCheckedChange: (checked) => handleChange("enabled", checked) })] }));
+};

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

@@ -0,0 +1 @@
+export declare const TeacherMoreActions: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { API_METHODS, downloadFromUrl } from "@react-pakistan/util-functions";
+import { getCachedWorkspaceSync } from "../workspace/cache";
+import converter from "json-2-csv";
+import { Timeline } from "../../components/timeline";
+import { useTranslations } from "next-intl";
+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 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");
+            },
+        },
+        { id: "2", title: t("moreActionsAddYourDataToTheCsv") },
+        {
+            id: "3",
+            title: t("moreActionsUploadTheCompletedCsvToTheSystem"),
+            handleOnClick: () => console.log("clicked"),
+        },
+    ];
+    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"),
+            handleOnClick: () => console.log("clicked"),
+        },
+    ];
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Timeline, { events: create, heading: t("moreActionsBulkCreate") }), _jsx(Timeline, { events: update, heading: t("moreActionsBulkUpdate") })] }));
+};

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

@@ -0,0 +1,32 @@
+/**
+ * Teacher Page Component
+ *
+ * Thin wrapper around GenericModulePage. All handlers, header actions, and row
+ * actions live in context.tsx — this file only owns:
+ *   - tableBodyCols  (static, module-level constant)
+ *   - teacherConfig (memoised on locale change only; size fixed per drawer so
+ *     the component type produced by createGenericModulePage never changes at
+ *     runtime, preventing the infinite-remount re-render loop)
+ *   - permission guard
+ */
+import { FC } from "react";
+import { USER_ROLE } from "../../type";
+interface Props {
+    cancelLabel: string;
+    drawerTitle: string;
+    labelActions: string;
+    labelEmail: string;
+    labelEnabled: string;
+    labelId: string;
+    labelName: string;
+    labelPhone: string;
+    labelSpecialization: string;
+    labelTeacherCode: string;
+    saveLabel: string;
+    searchPlaceholder: string;
+    tableDescription: string;
+    tableTitle: string;
+    userRole: USER_ROLE;
+}
+export declare const TeacherPage: FC<Props>;
+export {};