@appcorp/fusion-storybook 0.1.4

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

@@ -0,0 +1,583 @@
+"use client";
+/**
+ * StudentProfile Module — business logic + API integration
+ *
+ * Migrated to the generic module factory pattern (same as workspace-user /
+ * family-member). The hand-rolled context / reducer / actions / type files
+ * have been collapsed here; the factory creates the action types, initial
+ * state, provider, reducer, and useContext automatically.
+ *
+ * Key responsibilities:
+ * - expose `useStudentProfileModule()` which UI components call for actions
+ * - keep module-specific apiParams and callbacks in one place
+ * - preserve domain-specific handlers: withdraw, re-admit, status changes
+ * - ensure cache invalidation and toast notifications on mutation
+ *
+ * Exported utilities:
+ * - `StudentProfileProvider` — provider component used by the page
+ * - `StudentProfileStateContextProvider` — backward-compatible alias
+ * - `useStudentProfileModule()` — primary hook for UI components
+ * - `useStudentProfileStateContext` — backward-compatible alias
+ */
+import { useCallback, useEffect, useMemo } from "react";
+import { isCreatedOrUpdated, validateForm, fetchData, API_METHODS, } 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 { STUDENT_STATUS } from "@/type";
+import { useTranslations } from "next-intl";
+import { STUDENT_PROFILE_API_ROUTES, pageLimit } from "./constants";
+import { studentProfileFormValidation } from "./validate";
+import { getCachedStudentProfiles, invalidateStudentProfilesCache, } from "./cache";
+import { getCachedWorkspaceSync } from "../workspace/cache";
+import { invalidateFamiliesCache } from "../family/cache";
+import { invalidateFamilyMembersCache } from "../family-member/cache";
+import { invalidateAdmissionsCache } from "../admission/cache";
+import { Eye, Filter, MoreHorizontal, Pencil, Plus } from "lucide-react";
+// ============================================================================
+// DRAWER TYPES
+// ============================================================================
+export const STUDENT_PROFILE_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,
+};
+// ============================================================================
+// MODULE CONFIGURATION
+// ============================================================================
+const studentProfileConfig = {
+    name: "StudentProfile",
+    displayName: "Student Profile",
+    initialState: {
+        // List Data
+        items: [],
+        count: 0,
+        // Search & Pagination
+        currentPage: 1,
+        pageLimit,
+        searchQuery: "",
+        // Filters
+        filterStatus: undefined,
+        filterGender: undefined,
+        filterEnabled: undefined,
+        // UI State
+        disableSaveButton: false,
+        drawer: null,
+        // StudentProfile Form State
+        id: "",
+        familyMemberId: "",
+        studentCode: "",
+        status: STUDENT_STATUS.ACTIVE,
+        enabled: true,
+        remarks: "",
+        // FamilyMember fields (nested)
+        firstName: "",
+        lastName: "",
+        dateOfBirth: "",
+        gender: "",
+        bloodGroup: "",
+        phone: "",
+        email: "",
+        emergencyPhone: "",
+        avatar: "",
+        // Family fields (nested)
+        familyId: "",
+        address: "",
+        city: "",
+        state: "",
+        country: "",
+        postalCode: "",
+        errors: {},
+    },
+    drawerTypes: DRAWER_TYPES,
+};
+// ============================================================================
+// CREATE STUDENT PROFILE MODULE
+// ============================================================================
+export const { actionTypes: STUDENT_PROFILE_ACTION_TYPES, config: studentProfileModuleConfig, initialState: initialStudentProfileState, Provider: StudentProfileProvider, reducer: studentProfileReducer, useContext: useStudentProfileContext, } = createGenericModule(studentProfileConfig);
+// Backward-compatible aliases
+export const StudentProfileStateContextProvider = StudentProfileProvider;
+export const useStudentProfileStateContext = useStudentProfileContext;
+// ============================================================================
+// ENHANCED STUDENT PROFILE HOOK WITH API INTEGRATION
+// ============================================================================
+export const useStudentProfileModule = () => {
+    var _a;
+    const context = useStudentProfileContext();
+    const workspace = getCachedWorkspaceSync();
+    const schoolId = ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "";
+    const debouncedQuery = useDebounce(context.state.searchQuery, 800);
+    const t = useTranslations("studentProfile");
+    // ============================================================================
+    // API PARAMETERS
+    // ============================================================================
+    const listParams = useMemo(() => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ currentPage: context.state.currentPage }, (context.state.filterEnabled !== undefined
+        ? { filterEnabled: String(context.state.filterEnabled) }
+        : {})), (context.state.filterGender
+        ? { filterGender: context.state.filterGender }
+        : {})), (context.state.filterStatus
+        ? { filterStatus: context.state.filterStatus }
+        : {})), { pageLimit: context.state.pageLimit, schoolId }), (debouncedQuery ? { searchQuery: debouncedQuery } : {}))), [
+        context.state.currentPage,
+        context.state.filterEnabled,
+        context.state.filterGender,
+        context.state.filterStatus,
+        context.state.pageLimit,
+        debouncedQuery,
+        schoolId,
+    ]);
+    const updateParams = useMemo(() => ({
+        avatar: context.state.avatar,
+        bloodGroup: context.state.bloodGroup,
+        dateOfBirth: context.state.dateOfBirth,
+        email: context.state.email,
+        emergencyPhone: context.state.emergencyPhone,
+        enabled: context.state.enabled,
+        familyMemberId: context.state.familyMemberId,
+        firstName: context.state.firstName,
+        gender: context.state.gender,
+        id: context.state.id,
+        lastName: context.state.lastName,
+        phone: context.state.phone,
+        status: context.state.status,
+        studentCode: context.state.studentCode,
+    }), [
+        context.state.avatar,
+        context.state.bloodGroup,
+        context.state.dateOfBirth,
+        context.state.email,
+        context.state.emergencyPhone,
+        context.state.enabled,
+        context.state.familyMemberId,
+        context.state.firstName,
+        context.state.gender,
+        context.state.id,
+        context.state.lastName,
+        context.state.phone,
+        context.state.status,
+        context.state.studentCode,
+    ]);
+    const byIdParams = useMemo(() => ({ id: context.state.id }), [context.state.id]);
+    const deleteParams = useMemo(() => ({ id: context.state.id }), [context.state.id]);
+    // ============================================================================
+    // UTILITIES
+    // ============================================================================
+    const showToast = useCallback((message, variant) => {
+        generateThemeToast({ description: message, variant });
+    }, []);
+    const resetFormAndCloseDrawer = useCallback(() => {
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+    }, [context.dispatch]);
+    // ============================================================================
+    // API CALLBACKS
+    // ============================================================================
+    const listCallback = ({ data, error }) => {
+        var _a, _b;
+        if (error) {
+            showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            const response = data;
+            const items = (_b = (_a = response.items) !== null && _a !== void 0 ? _a : response.studentProfiles) !== null && _b !== void 0 ? _b : [];
+            const count = typeof response.count === "number" ? response.count : 0;
+            context.dispatch({
+                type: STUDENT_PROFILE_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);
+            invalidateStudentProfilesCache();
+            invalidateFamiliesCache();
+            invalidateFamilyMembersCache();
+            listFetchNow();
+            resetFormAndCloseDrawer();
+        }
+    };
+    const byIdCallback = ({ data, error }) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        if (error) {
+            showToast(t("messagesDetailsFetchFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data && typeof data === "object" && "id" in data) {
+            const sp = data;
+            const fm = sp.familyMember;
+            const family = fm === null || fm === void 0 ? void 0 : fm.family;
+            context.dispatch({
+                type: STUDENT_PROFILE_ACTION_TYPES.SET_FORM_DATA,
+                payload: {
+                    form: {
+                        id: sp.id,
+                        familyMemberId: sp.familyMemberId,
+                        studentCode: sp.studentCode,
+                        status: sp.status,
+                        enabled: sp.enabled,
+                        remarks: (_a = sp.remarks) !== null && _a !== void 0 ? _a : null,
+                        firstName: (_b = fm === null || fm === void 0 ? void 0 : fm.firstName) !== null && _b !== void 0 ? _b : "",
+                        lastName: (_c = fm === null || fm === void 0 ? void 0 : fm.lastName) !== null && _c !== void 0 ? _c : "",
+                        dateOfBirth: (_d = fm === null || fm === void 0 ? void 0 : fm.dateOfBirth) !== null && _d !== void 0 ? _d : null,
+                        gender: (_e = fm === null || fm === void 0 ? void 0 : fm.gender) !== null && _e !== void 0 ? _e : null,
+                        bloodGroup: (_f = fm === null || fm === void 0 ? void 0 : fm.bloodGroup) !== null && _f !== void 0 ? _f : null,
+                        phone: (_g = fm === null || fm === void 0 ? void 0 : fm.phone) !== null && _g !== void 0 ? _g : null,
+                        email: (_h = fm === null || fm === void 0 ? void 0 : fm.email) !== null && _h !== void 0 ? _h : null,
+                        emergencyPhone: (_j = fm === null || fm === void 0 ? void 0 : fm.emergencyPhone) !== null && _j !== void 0 ? _j : null,
+                        avatar: (_k = fm === null || fm === void 0 ? void 0 : fm.avatar) !== null && _k !== void 0 ? _k : null,
+                        familyId: (_l = fm === null || fm === void 0 ? void 0 : fm.familyId) !== null && _l !== void 0 ? _l : "",
+                        address: (_m = family === null || family === void 0 ? void 0 : family.address) !== null && _m !== void 0 ? _m : null,
+                        city: (_o = family === null || family === void 0 ? void 0 : family.city) !== null && _o !== void 0 ? _o : null,
+                        state: (_p = family === null || family === void 0 ? void 0 : family.state) !== null && _p !== void 0 ? _p : null,
+                        country: (_q = family === null || family === void 0 ? void 0 : family.country) !== null && _q !== void 0 ? _q : null,
+                        postalCode: (_r = family === null || family === void 0 ? void 0 : family.postalCode) !== null && _r !== void 0 ? _r : null,
+                    },
+                },
+            });
+        }
+    };
+    const deleteCallback = ({ data, error }) => {
+        if (error) {
+            showToast(t("messagesDeleteFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            showToast(t("messagesDeleteSuccess"), TOAST_VARIANT.SUCCESS);
+            invalidateStudentProfilesCache();
+            listFetchNow();
+        }
+    };
+    // ============================================================================
+    // API HOOKS
+    // ============================================================================
+    const { byIdFetchNow, byIdLoading, deleteFetchNow, deleteLoading, listFetchNow, listLoading, updateFetchNow, updateLoading, } = useModuleEntityV2({
+        byIdCallback,
+        byIdParams,
+        deleteCallback,
+        deleteParams,
+        headers: {
+            "Content-Type": "application/json",
+            "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+        },
+        listCallback,
+        listParams,
+        listUrl: STUDENT_PROFILE_API_ROUTES.UNIT,
+        searchQuery: debouncedQuery,
+        unitByIdUrl: STUDENT_PROFILE_API_ROUTES.UNIT,
+        unitUrl: STUDENT_PROFILE_API_ROUTES.UNIT,
+        updateCallback,
+        updateParams,
+    });
+    // ============================================================================
+    // EFFECTS
+    // ============================================================================
+    useEffect(() => {
+        (async () => {
+            try {
+                const { count, items } = await getCachedStudentProfiles({
+                    params: listParams,
+                });
+                context.dispatch({
+                    type: STUDENT_PROFILE_ACTION_TYPES.SET_ITEMS,
+                    payload: { items: items || [], count: count || 0 },
+                });
+            }
+            catch (_a) {
+                showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
+            }
+        })();
+    }, [listParams]);
+    // ============================================================================
+    // HANDLERS
+    // ============================================================================
+    const handleChange = useCallback((field, value) => {
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: field, value },
+        });
+    }, [context.dispatch]);
+    const handlePageChange = useCallback((page) => {
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: page },
+        });
+    }, [context.dispatch]);
+    const handlePageLimitChange = useCallback((limit) => {
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_PAGE_LIMIT,
+            payload: { pageLimit: limit },
+        });
+    }, [context.dispatch]);
+    const handleCloseDrawer = useCallback(() => {
+        resetFormAndCloseDrawer();
+    }, [resetFormAndCloseDrawer]);
+    const handleCreate = useCallback(() => {
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: STUDENT_PROFILE_DRAWER.FORM_DRAWER },
+        });
+    }, [context.dispatch]);
+    const handleView = useCallback((row) => {
+        const record = row;
+        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: record.id } });
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: STUDENT_PROFILE_DRAWER.VIEW_DRAWER },
+        });
+    }, [context.dispatch, byIdFetchNow]);
+    const handleEdit = useCallback((row) => {
+        const record = row;
+        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: record.id } });
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: STUDENT_PROFILE_DRAWER.FORM_DRAWER },
+        });
+    }, [context.dispatch, byIdFetchNow]);
+    const handleDelete = useCallback((row) => {
+        const record = row;
+        if (!confirm(t("areYouSureYouWantToDeleteThisStudentProfile")))
+            return;
+        deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
+            body: JSON.stringify({ id: record.id }),
+        });
+    }, [t]);
+    const handleFilters = useCallback(() => {
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: STUDENT_PROFILE_DRAWER.FILTER_DRAWER },
+        });
+    }, [context.dispatch]);
+    const handleMoreActions = useCallback(() => {
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: STUDENT_PROFILE_DRAWER.MORE_ACTIONS_DRAWER },
+        });
+    }, [context.dispatch]);
+    const applyFilters = useCallback(() => {
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+        listFetchNow();
+        handleCloseDrawer();
+    }, [context.dispatch, listFetchNow, handleCloseDrawer]);
+    const clearFilters = useCallback(() => {
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_FILTERS,
+            payload: {
+                filters: {
+                    filterEnabled: undefined,
+                    filterStatus: undefined,
+                    filterGender: undefined,
+                },
+            },
+        });
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+    }, [context.dispatch]);
+    const handleSearch = useCallback((query) => {
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: query },
+        });
+    }, [context.dispatch]);
+    const handleWithdrawStudent = useCallback(async (row) => {
+        const record = row;
+        if (confirm(t("areYouSureYouWantToWithdrawThisStudent"))) {
+            byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: record.id } });
+            context.dispatch({
+                type: STUDENT_PROFILE_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: STUDENT_PROFILE_DRAWER.FORM_DRAWER },
+            });
+            context.dispatch({
+                type: STUDENT_PROFILE_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: { key: "status", value: STUDENT_STATUS.INACTIVE },
+            });
+            context.dispatch({
+                type: STUDENT_PROFILE_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: { key: "enabled", value: false },
+            });
+            invalidateStudentProfilesCache();
+            invalidateFamiliesCache();
+            invalidateFamilyMembersCache();
+            invalidateAdmissionsCache();
+        }
+    }, [context.dispatch, t]);
+    const handleReAdmitStudent = useCallback(async (row) => {
+        const record = row;
+        if (confirm(t("areYouSureYouWantToReAdmitThisStudent"))) {
+            const { data, error } = await fetchData({
+                url: "/api/v1/readmit-student",
+                method: API_METHODS.POST,
+                headers: {
+                    "Content-Type": "application/json",
+                    "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+                },
+                body: JSON.stringify({ studentProfileId: record.id }),
+            });
+            listFetchNow();
+            invalidateStudentProfilesCache();
+            invalidateFamiliesCache();
+            invalidateFamilyMembersCache();
+            invalidateAdmissionsCache();
+            if (data) {
+                showToast(t("messagesReAdmitSuccess"), TOAST_VARIANT.SUCCESS);
+            }
+            if (error) {
+                showToast(t("messagesReAdmitFailed"), TOAST_VARIANT.ERROR);
+            }
+        }
+    }, [context.dispatch, showToast, t]);
+    // ============================================================================
+    // SUBMIT
+    // ============================================================================
+    const handleSubmit = useCallback(() => {
+        context.dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: true },
+        });
+        validateForm({
+            params: updateParams,
+            schema: studentProfileFormValidation,
+            successCallback: () => {
+                updateFetchNow(undefined, {
+                    body: JSON.stringify(updateParams),
+                });
+            },
+            errorCallback: (errors) => {
+                context.dispatch({
+                    type: STUDENT_PROFILE_ACTION_TYPES.SET_ERRORS,
+                    payload: { errors },
+                });
+                context.dispatch({
+                    type: STUDENT_PROFILE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                    payload: { disabled: false },
+                });
+                showToast(t("messagesFormErrors"), TOAST_VARIANT.ERROR);
+            },
+        });
+    }, [context.dispatch, updateParams, t, showToast]);
+    // ============================================================================
+    // HEADER & ROW ACTIONS
+    // ============================================================================
+    const headerActions = useMemo(() => [
+        {
+            enabled: false,
+            handleOnClick: handleMoreActions,
+            label: t("headerActionsMoreActions"),
+            order: 1,
+            icon: MoreHorizontal,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleFilters,
+            label: t("headerActionsFilters"),
+            order: 2,
+            icon: Filter,
+        },
+        {
+            enabled: false,
+            handleOnClick: handleCreate,
+            label: t("headerActionsAddStudentProfile"),
+            order: 3,
+            icon: Plus,
+        },
+    ], [handleFilters, handleMoreActions, handleCreate, t]);
+    const rowActions = useMemo(() => [
+        {
+            enabled: true,
+            handleOnClick: (row) => handleView(row),
+            label: t("rowActionsView"),
+            order: 1,
+            icon: Eye,
+        },
+        {
+            enabled: true,
+            handleOnClick: (row) => handleEdit(row),
+            label: t("rowActionsEdit"),
+            order: 2,
+            icon: Pencil,
+        },
+        {
+            enabled: false,
+            handleOnClick: (row) => handleDelete(row),
+            label: t("rowActionsDelete"),
+            order: 3,
+        },
+        {
+            enabled: (row) => (row === null || row === void 0 ? void 0 : row.status) === STUDENT_STATUS.ACTIVE,
+            handleOnClick: (row) => handleWithdrawStudent(row),
+            label: t("rowActionsWithdrawStudent"),
+            order: 4,
+            variant: "destructive",
+        },
+        {
+            enabled: (row) => (row === null || row === void 0 ? void 0 : row.status) === STUDENT_STATUS.INACTIVE,
+            handleOnClick: (row) => handleReAdmitStudent(row),
+            label: t("rowActionsReAdmitStudent"),
+            order: 5,
+        },
+    ], [
+        handleView,
+        handleEdit,
+        handleDelete,
+        handleWithdrawStudent,
+        handleReAdmitStudent,
+        t,
+    ]);
+    // ============================================================================
+    // RETURN
+    // ============================================================================
+    return Object.assign(Object.assign({}, context), { applyFilters,
+        byIdLoading,
+        clearFilters,
+        deleteLoading,
+        handleChange,
+        handleCloseDrawer,
+        handleCreate,
+        handleDelete,
+        handleEdit,
+        handleFilters,
+        handleMoreActions,
+        handlePageChange,
+        handlePageLimitChange,
+        handleReAdmitStudent,
+        handleSearch,
+        handleSubmit,
+        handleView,
+        handleWithdrawStudent,
+        headerActions,
+        listLoading,
+        rowActions,
+        updateLoading });
+};

package/base-modules/student-profile/filter.d.ts

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

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

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EnhancedRadio } from "@appcorp/shadcn/components/enhanced-radio";
+import { EnhancedCombobox } from "@appcorp/shadcn/components/enhanced-combobox";
+import { useTranslations } from "next-intl";
+import { useStudentProfileModule } from "./context";
+import { STATUS_OPTIONS } from "./constants";
+export const StudentProfileFilter = () => {
+    const t = useTranslations("studentProfile");
+    const context = useStudentProfileModule();
+    const { filterStatus, filterEnabled } = context.state;
+    const { handleChange } = context;
+    const filterEnabledValue = filterEnabled === undefined
+        ? "undefined"
+        : filterEnabled
+            ? "true"
+            : "false";
+    return (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedCombobox, { id: "filterStatus", label: t("status"), info: t("filterByStudentStatus"), options: [...STATUS_OPTIONS], value: filterStatus, onValueChange: (value) => handleChange("filterStatus", value) }), _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/student-profile/form.d.ts

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

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

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
+import { EnhancedCombobox } from "@appcorp/shadcn/components/enhanced-combobox";
+import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
+import { EnhancedTextarea } from "@appcorp/shadcn/components/enhanced-textarea";
+import { useTranslations } from "next-intl";
+import { useStudentProfileModule } from "./context";
+import { STATUS_OPTIONS, GENDER_OPTIONS } from "./constants";
+export const StudentProfileForm = () => {
+    const t = useTranslations("studentProfile");
+    const context = useStudentProfileModule();
+    const { address, city, country, dateOfBirth, emergencyPhone, enabled, errors, firstName, gender, lastName, phone, postalCode, remarks, status, } = context.state;
+    const stateValue = context.state.state;
+    const { handleChange } = context;
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("personalInformation") }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: errors.firstName, id: "firstName", info: t("enterStudentsFirstName"), 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("enterStudentsLastName"), label: t("lastName"), onChange: (e) => handleChange("lastName", e.target.value), placeholder: t("lastNamePlaceholder"), required: true, value: lastName }), _jsx(EnhancedInput, { error: errors.dateOfBirth, id: "dateOfBirth", info: t("selectDateOfBirth"), 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(EnhancedCombobox, { error: errors.gender, id: "gender", info: t("selectGender"), label: t("gender"), onValueChange: (value) => handleChange("gender", value), options: GENDER_OPTIONS.slice(1), value: gender })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("contactInformation") }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: errors.phone, id: "phone", info: t("enterStudentsPhoneNumber"), 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("enterStudentsEmergencyPhoneNumber"), label: t("emergencyPhone"), onChange: (e) => handleChange("emergencyPhone", e.target.value), placeholder: t("emergencyPhonePlaceholder"), type: "tel", value: emergencyPhone || "" })] }), _jsx(EnhancedInput, { error: errors.address, id: "address", info: t("enterStudentsAddress"), label: t("address"), onChange: (e) => handleChange("address", e.target.value), placeholder: t("addressPlaceholder"), value: address || "" }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: errors.city, id: "city", info: t("enterStudentsCity"), label: t("city"), onChange: (e) => handleChange("city", e.target.value), placeholder: t("cityPlaceholder"), value: city || "" }), _jsx(EnhancedInput, { error: errors.state, id: "state", info: t("enterStudentsStateOrProvince"), label: t("stateProvince"), onChange: (e) => handleChange("state", e.target.value), placeholder: t("statePlaceholder"), value: stateValue || "" }), _jsx(EnhancedInput, { error: errors.country, id: "country", info: t("enterStudentsCountry"), label: t("country"), onChange: (e) => handleChange("country", e.target.value), placeholder: t("countryPlaceholder"), value: country || "" }), _jsx(EnhancedInput, { error: errors.postalCode, id: "postalCode", info: t("enterStudentsPostalCode"), label: t("postalCode"), onChange: (e) => handleChange("postalCode", e.target.value), placeholder: t("postalCodePlaceholder"), value: postalCode || "" })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("academicInformation") }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedCombobox, { error: errors.status, id: "status", info: t("selectStudentStatus"), label: t("status"), onValueChange: (value) => handleChange("status", value), options: STATUS_OPTIONS.slice(1), required: true, value: status }), _jsx(EnhancedTextarea, { error: errors.remarks, id: "remarks", info: t("enterAnyAdditionalRemarks"), label: t("remarks"), onChange: (e) => handleChange("remarks", e.target.value), placeholder: t("remarksPlaceholder"), rows: 4, value: remarks || "" })] }), _jsx(EnhancedCheckbox, { checked: enabled, info: t("toggleToActivateOrDeactivate"), label: t("activeStudent"), onCheckedChange: (checked) => handleChange("enabled", checked) })] })] }));
+};

package/base-modules/student-profile/more-actions.d.ts

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

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

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const StudentProfileMoreActions = () => {
+    return _jsx("div", { className: "space-y-4", children: "More actions for student profiles" });
+};

package/base-modules/student-profile/page.d.ts

@@ -0,0 +1,9 @@
+/**
+ * StudentProfile Page — generic page wrapper
+ *
+ * Uses `createGenericModulePage` to provide the table + drawer chrome while
+ * wiring the module-specific content (filter, form, view, more-actions)
+ * via the `ComponentConfig`.
+ */
+import { FC } from "react";
+export declare const StudentProfilePage: FC;