@appcorp/fusion-storybook 0.1.4

package/base-modules/family-member/page.js

@@ -0,0 +1,122 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Family Member 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)
+ *   - familyMemberConfig (memoised on locale change only; size fixed so the
+ *     component type produced by createGenericModulePage never changes at
+ *     runtime, preventing the infinite-remount re-render loop)
+ *   - permission guard
+ */
+import { useMemo } from "react";
+import { COMPONENT_TYPE } from "@appcorp/shadcn/components/enhanced-table";
+import { createGenericModulePage, } from "@react-pakistan/util-functions/factory/generic-component-factory";
+import { useFamilyMemberModule, FamilyMemberProvider, FAMILY_MEMBER_DRAWER, FAMILY_MEMBER_ACTION_TYPES, } from "./context";
+import { FamilyMemberFilter } from "./filter";
+import { FamilyMemberForm } from "./form";
+import { FamilyMemberMoreActions } from "./more-actions";
+import { FamilyMemberView } from "./view";
+import { resolveRbacPermissions } from "@/utils/resolve-rbac-permissions";
+import { RbacNoAccess } from "@/components/rbac-no-access";
+import { useTranslations } from "next-intl";
+// ============================================================================
+// TABLE COLUMN CONFIGURATION (static — no runtime deps)
+// ============================================================================
+const tableBodyCols = [
+    { componentType: COMPONENT_TYPE.ID, key: "id" },
+    { componentType: COMPONENT_TYPE.BOLD_TEXT, key: ["firstName", "lastName"] },
+    { componentType: COMPONENT_TYPE.TEXT, key: "role" },
+    { componentType: COMPONENT_TYPE.TEXT, key: "email" },
+    { componentType: COMPONENT_TYPE.TEXT, key: "phone" },
+    { componentType: COMPONENT_TYPE.BOOLEAN, key: "isPrimary" },
+    { componentType: COMPONENT_TYPE.BOOLEAN, key: "enabled" },
+    { componentType: COMPONENT_TYPE.ACTIONS },
+];
+const tableColumns = [
+    { label: "id", width: "5%" },
+    { label: "firstName", width: "20%" },
+    { label: "role", width: "15%" },
+    { label: "email", width: "20%" },
+    { label: "phone", width: "15%" },
+    { label: "primaryContact", width: "10%" },
+    { label: "status", width: "10%" },
+    { label: "actions", width: "5%" },
+];
+// ============================================================================
+// TRANSLATED COLUMNS HELPER
+// ============================================================================
+const getTranslatedColumns = (t) => tableColumns.map((col) => (Object.assign(Object.assign({}, col), { label: t(col.label) })));
+// ============================================================================
+// COMPONENT FACTORY (creates JSX elements when config is created, not during render)
+// ============================================================================
+const createComponentInstances = () => ({
+    filter: _jsx(FamilyMemberFilter, {}),
+    form: _jsx(FamilyMemberForm, {}),
+    moreActions: _jsx(FamilyMemberMoreActions, {}),
+    view: _jsx(FamilyMemberView, {}),
+});
+// ============================================================================
+// CONFIG CREATION HELPER
+// ============================================================================
+const createFamilyMemberConfig = (t, drawer, dispatch) => {
+    const components = createComponentInstances();
+    return {
+        moduleName: "familyMember",
+        tableColumns: getTranslatedColumns(t),
+        cancelLabel: t("cancel"),
+        drawerTitle: t("familyMember"),
+        filterContent: components.filter,
+        formContent: components.form,
+        moreActionsContent: components.moreActions,
+        saveLabel: t("save"),
+        searchPlaceholder: t("searchFamilyMembers"),
+        tableDescription: t("manageFamilyMembersAndTheirInformation"),
+        tableTitle: t("familyMember"),
+        viewContent: components.view,
+        size: drawer === FAMILY_MEMBER_DRAWER.FORM_DRAWER ? "full" : "small",
+        onClearFilters: () => {
+            dispatch({ type: FAMILY_MEMBER_ACTION_TYPES.RESET_FORM });
+        },
+    };
+};
+// ============================================================================
+// STABLE PAGE COMPONENT (created once, outside render)
+// ============================================================================
+const GenericFamilyMemberPage = createGenericModulePage({
+    moduleName: "familyMember",
+    tableColumns: [],
+    cancelLabel: "",
+    drawerTitle: "",
+    filterContent: _jsx(FamilyMemberFilter, {}),
+    formContent: _jsx(FamilyMemberForm, {}),
+    moreActionsContent: _jsx(FamilyMemberMoreActions, {}),
+    saveLabel: "",
+    searchPlaceholder: "",
+    tableDescription: "",
+    tableTitle: "",
+    viewContent: _jsx(FamilyMemberView, {}),
+    size: "small",
+    onClearFilters: () => { },
+});
+// ============================================================================
+// INNER PAGE (requires FamilyMemberProvider context)
+// ============================================================================
+const FamilyMemberPageInner = ({ userRole }) => {
+    const t = useTranslations("familyMember");
+    const context = useFamilyMemberModule();
+    // Memoize permission check to avoid recalculation on every render
+    const hasPermission = useMemo(() => resolveRbacPermissions({
+        userRole,
+        moduleName: "People Management",
+    }), [userRole]);
+    // Memoize config creation
+    const familyMemberConfig = useMemo(() => createFamilyMemberConfig(t, context.state.drawer, context.dispatch), [t, context.state.drawer, context.dispatch]);
+    if (!hasPermission) {
+        return _jsx(RbacNoAccess, { moduleName: "People Management" });
+    }
+    return (_jsx("div", { className: "p-4", children: _jsx(GenericFamilyMemberPage, { config: familyMemberConfig, context: context, tableBodyCols: tableBodyCols }) }));
+};
+export const FamilyMemberPage = ({ userRole }) => (_jsx(FamilyMemberProvider, { children: _jsx(FamilyMemberPageInner, { userRole: userRole }) }));

package/base-modules/family-member/validate.d.ts

@@ -0,0 +1,24 @@
+/**
+ * FamilyMember Validation Schema
+ *
+ * Zod validation schemas for family-member form data.
+ */
+import { z } from "zod";
+export declare const familyMemberFormValidation: z.ZodObject<{
+    familyId: z.ZodString;
+    firstName: z.ZodString;
+    lastName: z.ZodString;
+    role: z.ZodString;
+    dateOfBirth: z.ZodOptional<z.ZodString>;
+    gender: z.ZodOptional<z.ZodString>;
+    bloodGroup: z.ZodOptional<z.ZodString>;
+    phone: z.ZodOptional<z.ZodString>;
+    email: z.ZodUnion<[z.ZodOptional<z.ZodString>, z.ZodLiteral<"">]>;
+    relationship: z.ZodOptional<z.ZodString>;
+    occupation: z.ZodOptional<z.ZodString>;
+    emergencyPhone: z.ZodOptional<z.ZodString>;
+    idNumber: z.ZodOptional<z.ZodString>;
+    avatar: z.ZodOptional<z.ZodString>;
+    isPrimary: z.ZodOptional<z.ZodBoolean>;
+    enabled: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>;

package/base-modules/family-member/validate.js

@@ -0,0 +1,27 @@
+/**
+ * FamilyMember Validation Schema
+ *
+ * Zod validation schemas for family-member form data.
+ */
+import { z } from "zod";
+// ============================================================================
+// VALIDATION SCHEMA
+// ============================================================================
+export const familyMemberFormValidation = z.object({
+    familyId: z.string().min(1, "Family is required"),
+    firstName: z.string().min(1, "First name is required"),
+    lastName: z.string().min(1, "Last name is required"),
+    role: z.string().min(1, "Role is required"),
+    dateOfBirth: z.string().optional(),
+    gender: z.string().optional(),
+    bloodGroup: z.string().optional(),
+    phone: z.string().optional(),
+    email: z.string().email().optional().or(z.literal("")),
+    relationship: z.string().optional(),
+    occupation: z.string().optional(),
+    emergencyPhone: z.string().optional(),
+    idNumber: z.string().optional(),
+    avatar: z.string().optional(),
+    isPrimary: z.boolean().optional(),
+    enabled: z.boolean().optional(),
+});

package/base-modules/family-member/view.d.ts

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

package/base-modules/family-member/view.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FamilyMember View Component
+ *
+ * Read-only detail view for a family member record.
+ */
+import { Avatar, AvatarFallback, AvatarImage, } from "@appcorp/shadcn/components/ui/avatar";
+import { Badge } from "@appcorp/shadcn/components/ui/badge";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@appcorp/shadcn/components/ui/card";
+import { Separator } from "@appcorp/shadcn/components/ui/separator";
+import { DATE_FORMATS, formatDate } from "@react-pakistan/util-functions";
+import { Briefcase, Calendar, CheckCircle2, Heart, Mail, Phone, ShieldCheck, User, Users, XCircle, } from "lucide-react";
+import { useFamilyMemberModule } from "./context";
+import { useTranslations } from "next-intl";
+import { formatValue } from "@/utils/format-value";
+export const FamilyMemberView = () => {
+    const { state } = useFamilyMemberModule();
+    const { avatar, bloodGroup, dateOfBirth, email, emergencyPhone, enabled, firstName, gender, idNumber, isPrimary, lastName, occupation, phone, relationship, role, } = state;
+    const t = useTranslations("familyMember");
+    const fullName = [firstName, lastName].filter(Boolean).join(" ") || t("familyMember");
+    const initials = `${(firstName === null || firstName === void 0 ? void 0 : firstName[0]) || ""}${(lastName === null || lastName === void 0 ? void 0 : lastName[0]) || ""}`
+        .toUpperCase()
+        .slice(0, 2);
+    const formatEnumValue = (value) => {
+        if (!value)
+            return "—";
+        return value.toLowerCase().replace(/_/g, " ");
+    };
+    const formatDateValue = (value) => {
+        if (!value)
+            return "—";
+        return formatDate(new Date(value).toISOString(), DATE_FORMATS.LOCALE_DATE);
+    };
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Card, { children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex items-center gap-6", children: [_jsxs(Avatar, { className: "h-24 w-24", children: [_jsx(AvatarImage, { src: avatar || undefined, alt: fullName }), _jsx(AvatarFallback, { className: "text-2xl", children: initials || "FM" })] }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h2", { className: "text-2xl font-bold", children: fullName }), enabled ? (_jsxs(Badge, { variant: "default", className: "gap-1", children: [_jsx(CheckCircle2, { className: "h-3 w-3" }), t("active")] })) : (_jsxs(Badge, { variant: "secondary", className: "gap-1", children: [_jsx(XCircle, { className: "h-3 w-3" }), t("inactive")] })), isPrimary && (_jsxs(Badge, { variant: "outline", className: "gap-1", children: [_jsx(ShieldCheck, { className: "h-3 w-3" }), t("primaryContact")] }))] }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: t("familyMemberProfile") }), _jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [role ? (_jsx(Badge, { variant: "secondary", className: "capitalize", children: formatEnumValue(role) })) : null, relationship ? (_jsx(Badge, { variant: "outline", className: "capitalize", children: formatEnumValue(relationship) })) : null, gender ? (_jsx(Badge, { variant: "outline", className: "capitalize", children: formatEnumValue(gender) })) : null] })] })] }) }) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(User, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("personalInformation") })] }), _jsx(CardDescription, { children: t("basicIdentityAndProfileDetails") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("firstName") }), _jsx("p", { className: "text-base", children: formatValue(firstName) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("lastName") }), _jsx("p", { className: "text-base", children: formatValue(lastName) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("role") }), role ? (_jsx(Badge, { variant: "secondary", className: "capitalize", children: formatEnumValue(role) })) : (_jsx("p", { className: "text-base", children: "\u2014" }))] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "h-4 w-4 text-muted-foreground" }), _jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("dateOfBirth") })] }), _jsx("p", { className: "text-base", children: formatDateValue(dateOfBirth) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("gender") }), gender ? (_jsx(Badge, { variant: "outline", className: "capitalize", children: formatEnumValue(gender) })) : (_jsx("p", { className: "text-base", children: "\u2014" }))] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Heart, { className: "h-4 w-4 text-muted-foreground" }), _jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("bloodGroup") })] }), _jsx("p", { className: "text-base", children: formatValue(bloodGroup) })] }), _jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("idNumber") }), _jsx("p", { className: "text-base", children: formatValue(idNumber) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("contactInformation") })] }), _jsx(CardDescription, { children: t("reachabilityAndEmergencyContactDetails") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "h-4 w-4 text-muted-foreground" }), _jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("phone") })] }), _jsx("p", { className: "text-base", children: formatValue(phone) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "h-4 w-4 text-muted-foreground" }), _jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("email") })] }), _jsx("p", { className: "text-base", children: formatValue(email) })] }), _jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "h-4 w-4 text-muted-foreground" }), _jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("emergencyPhone") })] }), _jsx("p", { className: "text-base", children: formatValue(emergencyPhone) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("familyRole") })] }), _jsx(CardDescription, { children: t("relationshipAndHouseholdResponsibilities") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("relationship") }), relationship ? (_jsx(Badge, { variant: "secondary", className: "capitalize", children: formatEnumValue(relationship) })) : (_jsx("p", { className: "text-base", children: "\u2014" }))] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Briefcase, { className: "h-4 w-4 text-muted-foreground" }), _jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("occupation") })] }), _jsx("p", { className: "text-base", children: formatValue(occupation) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ShieldCheck, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("status") })] }), _jsx(CardDescription, { children: t("primaryContactAndAccountActivity") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(ShieldCheck, { className: "mt-0.5 h-5 w-5 text-primary" }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: isPrimary ? t("primaryContact") : t("secondaryContact") }), _jsx("p", { className: "text-sm text-muted-foreground", children: isPrimary
+                                                        ? t("thisIsPrimaryFamilyContact")
+                                                        : t("thisIsAdditionalFamilyContact") })] })] }), _jsxs("div", { className: "flex items-start gap-3", children: [enabled ? (_jsx(CheckCircle2, { className: "mt-0.5 h-5 w-5 text-green-500" })) : (_jsx(XCircle, { className: "mt-0.5 h-5 w-5 text-red-500" })), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: enabled ? t("active") : t("inactive") }), _jsx("p", { className: "text-sm text-muted-foreground", children: enabled
+                                                        ? t("thisAccountIsCurrentlyActive")
+                                                        : t("thisAccountIsCurrentlyInactive") })] })] })] }) })] })] }));
+};

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

@@ -0,0 +1,14 @@
+/**
+ * Student Profile Module Cache Utilities
+ *
+ * Provides localStorage-based caching for student profiles using generic cache system.
+ */
+import { StudentProfileBE } from "@/type";
+export declare const getCachedStudentProfilesSync: () => import("@react-pakistan/util-functions").ListResponse<StudentProfileBE>;
+export declare const getCachedStudentProfiles: ({ params, }: {
+    params?: Record<string, unknown>;
+}) => Promise<import("@react-pakistan/util-functions").ListResponse<StudentProfileBE>>;
+export declare const getCachedStudentProfileById: (studentProfileId: string) => StudentProfileBE | null;
+export declare const invalidateStudentProfilesCache: () => void;
+export declare const preloadStudentProfiles: () => Promise<import("@react-pakistan/util-functions").ListResponse<StudentProfileBE>>;
+export declare const isStudentProfilesCacheStale: () => boolean;

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

@@ -0,0 +1,31 @@
+/**
+ * Student Profile Module Cache Utilities
+ *
+ * Provides localStorage-based caching for student profiles using generic cache system.
+ */
+import { LS_KEYS } from "@/constants";
+import { STUDENT_PROFILE_API_ROUTES } from "./constants";
+import { getCachedData, getCachedDataSync, getCachedItemById, invalidateCache, isCacheStale, preloadCache, } from "@react-pakistan/util-functions";
+// ============================================================================
+// CACHE CONFIGURATION
+// ============================================================================
+const STUDENT_PROFILE_CACHE_CONFIG = {
+    apiUrl: STUDENT_PROFILE_API_ROUTES.UNIT,
+    cacheKey: LS_KEYS.STUDENT_PROFILES,
+};
+// ============================================================================
+// STUDENT_PROFILE-SPECIFIC CACHE FUNCTIONS
+// ============================================================================
+export const getCachedStudentProfilesSync = () => getCachedDataSync(LS_KEYS.STUDENT_PROFILES);
+export const getCachedStudentProfiles = ({ params, }) => getCachedData({
+    config: STUDENT_PROFILE_CACHE_CONFIG,
+    params,
+    headers: {
+        "Content-Type": "application/json",
+        "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+    },
+});
+export const getCachedStudentProfileById = (studentProfileId) => getCachedItemById(LS_KEYS.STUDENT_PROFILES, studentProfileId);
+export const invalidateStudentProfilesCache = () => invalidateCache(LS_KEYS.STUDENT_PROFILES);
+export const preloadStudentProfiles = () => preloadCache(STUDENT_PROFILE_CACHE_CONFIG);
+export const isStudentProfilesCacheStale = () => isCacheStale(LS_KEYS.STUDENT_PROFILES);

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

@@ -0,0 +1,105 @@
+/**
+ * Student Constants
+ *
+ * Organization:
+ * - Page Configuration
+ * - API Routes
+ * - Table Configuration
+ * - Status Options
+ * - Gender Options
+ */
+import { COMPONENT_TYPE } from "@appcorp/shadcn/components/enhanced-table";
+export declare const pageLimit: number;
+export declare const STUDENT_PROFILE_API_ROUTES: Record<string, string>;
+export declare const tableHeadItems: {
+    label: string;
+    width: string;
+}[];
+export declare const tableBodyCols: ({
+    componentType: COMPONENT_TYPE;
+    key: string;
+    textFormatter?: undefined;
+} | {
+    componentType: COMPONENT_TYPE;
+    key: string[];
+    textFormatter?: undefined;
+} | {
+    componentType: COMPONENT_TYPE;
+    key: string;
+    textFormatter: (value: unknown) => string;
+} | {
+    componentType: COMPONENT_TYPE;
+    key?: undefined;
+    textFormatter?: undefined;
+})[];
+export declare const STATUS_OPTIONS: readonly [{
+    readonly label: "All Status";
+    readonly value: "";
+}, {
+    readonly label: "Active";
+    readonly value: "ACTIVE";
+}, {
+    readonly label: "Inactive";
+    readonly value: "INACTIVE";
+}, {
+    readonly label: "Graduated";
+    readonly value: "GRADUATED";
+}, {
+    readonly label: "Transferred";
+    readonly value: "TRANSFERRED";
+}, {
+    readonly label: "Expelled";
+    readonly value: "EXPELLED";
+}];
+export declare const STATUS_BADGE_COLORS: Record<string, string>;
+export declare const GENDER_OPTIONS: readonly [{
+    readonly label: "All Genders";
+    readonly value: "";
+}, {
+    readonly label: "Male";
+    readonly value: "MALE";
+}, {
+    readonly label: "Female";
+    readonly value: "FEMALE";
+}, {
+    readonly label: "Other";
+    readonly value: "OTHER";
+}];
+export declare const ENABLED_OPTIONS: readonly [{
+    readonly label: "All";
+    readonly value: "";
+}, {
+    readonly label: "Enabled";
+    readonly value: "true";
+}, {
+    readonly label: "Disabled";
+    readonly value: "false";
+}];
+export declare const BLOOD_GROUP_OPTIONS: readonly [{
+    readonly label: "Select Blood Group";
+    readonly value: "";
+}, {
+    readonly label: "A+";
+    readonly value: "A+";
+}, {
+    readonly label: "A-";
+    readonly value: "A-";
+}, {
+    readonly label: "B+";
+    readonly value: "B+";
+}, {
+    readonly label: "B-";
+    readonly value: "B-";
+}, {
+    readonly label: "AB+";
+    readonly value: "AB+";
+}, {
+    readonly label: "AB-";
+    readonly value: "AB-";
+}, {
+    readonly label: "O+";
+    readonly value: "O+";
+}, {
+    readonly label: "O-";
+    readonly value: "O-";
+}];

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

@@ -0,0 +1,132 @@
+/**
+ * Student Constants
+ *
+ * Organization:
+ * - Page Configuration
+ * - API Routes
+ * - Table Configuration
+ * - Status Options
+ * - Gender Options
+ */
+import { COMPONENT_TYPE } from "@appcorp/shadcn/components/enhanced-table";
+// ============================================================================
+// PAGE CONFIGURATION
+// ============================================================================
+export const pageLimit = Number(process.env.NEXT_PUBLIC_PAGE_LIMIT) || 10;
+// ============================================================================
+// API ROUTES
+// ============================================================================
+export const STUDENT_PROFILE_API_ROUTES = {
+    UNIT: "/api/v1/student-profile",
+};
+// ============================================================================
+// TABLE CONFIGURATION
+// ============================================================================
+export const tableHeadItems = [
+    { label: "ID", width: "5%" },
+    { label: "First Name", width: "15%" },
+    { label: "Last Name", width: "15%" },
+    { label: "Computer Number", width: "15%" },
+    { label: "Discount Code", width: "15%" },
+    { label: "Enrolled Class", width: "15%" },
+    { label: "Status", width: "10%" },
+    { label: "Enabled", width: "5%" },
+    { label: "Actions", width: "5%" },
+];
+export const tableBodyCols = [
+    {
+        componentType: COMPONENT_TYPE.ID,
+        key: "id",
+    },
+    {
+        componentType: COMPONENT_TYPE.OBJECT,
+        key: ["familyMember:firstName"],
+    },
+    {
+        componentType: COMPONENT_TYPE.OBJECT,
+        key: ["familyMember:lastName"],
+    },
+    {
+        componentType: COMPONENT_TYPE.TEXT,
+        key: "computerNumber",
+    },
+    {
+        componentType: COMPONENT_TYPE.TEXT,
+        key: "discountCode",
+        textFormatter: (value) => value || "N/A",
+    },
+    {
+        componentType: COMPONENT_TYPE.TEXT,
+        key: "enrollments",
+        textFormatter: (value) => {
+            var _a;
+            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";
+            }
+            return `${enrollments.length} courses`;
+        },
+    },
+    {
+        componentType: COMPONENT_TYPE.TEXT,
+        key: "status",
+    },
+    {
+        componentType: COMPONENT_TYPE.BOOLEAN,
+        key: "enabled",
+    },
+    {
+        componentType: COMPONENT_TYPE.ACTIONS,
+    },
+];
+// ============================================================================
+// STATUS OPTIONS
+// ============================================================================
+export const STATUS_OPTIONS = [
+    { label: "All Status", value: "" },
+    { label: "Active", value: "ACTIVE" },
+    { label: "Inactive", value: "INACTIVE" },
+    { label: "Graduated", value: "GRADUATED" },
+    { label: "Transferred", value: "TRANSFERRED" },
+    { label: "Expelled", value: "EXPELLED" },
+];
+export const STATUS_BADGE_COLORS = {
+    ACTIVE: "bg-green-500/10 text-green-700 dark:text-green-400",
+    INACTIVE: "bg-gray-500/10 text-gray-700 dark:text-gray-400",
+    GRADUATED: "bg-blue-500/10 text-blue-700 dark:text-blue-400",
+    TRANSFERRED: "bg-yellow-500/10 text-yellow-700 dark:text-yellow-400",
+    EXPELLED: "bg-red-500/10 text-red-700 dark:text-red-400",
+};
+// ============================================================================
+// GENDER OPTIONS
+// ============================================================================
+export const GENDER_OPTIONS = [
+    { label: "All Genders", value: "" },
+    { label: "Male", value: "MALE" },
+    { label: "Female", value: "FEMALE" },
+    { label: "Other", value: "OTHER" },
+];
+// ============================================================================
+// ENABLED OPTIONS
+// ============================================================================
+export const ENABLED_OPTIONS = [
+    { label: "All", value: "" },
+    { label: "Enabled", value: "true" },
+    { label: "Disabled", value: "false" },
+];
+// ============================================================================
+// BLOOD GROUP OPTIONS
+// ============================================================================
+export const BLOOD_GROUP_OPTIONS = [
+    { label: "Select Blood Group", value: "" },
+    { label: "A+", value: "A+" },
+    { label: "A-", value: "A-" },
+    { label: "B+", value: "B+" },
+    { label: "B-", value: "B-" },
+    { label: "AB+", value: "AB+" },
+    { label: "AB-", value: "AB-" },
+    { label: "O+", value: "O+" },
+    { label: "O-", value: "O-" },
+];