@appcorp/fusion-storybook 0.2.88 → 0.2.90

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

@@ -19,6 +19,7 @@ import { API_METHODS, DATE_FORMATS, formatDate, } from "@react-pakistan/util-fun
 import { DISCOUNT_TYPE, } from "../../type";
 import { useTranslations } from "next-intl";
 import { useFetch } from "@react-pakistan/util-functions/hooks/use-fetch";
+import { getTranslatedError } from "../../utils/get-translated-error";
 export const StudentFeeForm = () => {
     var _a, _b, _c, _d, _e;
     const { state, handleChange } = useStudentFeeModule();
@@ -128,7 +129,7 @@ export const StudentFeeForm = () => {
         emptyText: t("formNoStatusEmpty"),
         id: "status",
         info: t("formStatusInfo"),
-        label: t("formOptionStatus"),
+        label: t("formStatusLabel"),
         onValueChange: (value) => handleChange("status", value),
         options: PAYMENT_STATUS_OPTIONS.map((opt) => ({
             value: opt.value,
@@ -147,5 +148,5 @@ export const StudentFeeForm = () => {
         },
         value: status,
     });
-    return (_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [studentProfileIdCombo, feeStructureIdCombo, discountCodeIdCombo, _jsx(EnhancedInput, { error: errors.discountAmount, id: "discountAmount", info: t("formDiscountAmountInfo"), label: t("formDiscountAmountLabel"), min: "0", onChange: (e) => handleChange("discountAmount", Number(e.target.value)), placeholder: "0.00", required: true, step: "0.01", type: "number", value: discountAmount || 0 }), _jsx(EnhancedInput, { error: errors.amount, id: "amount", info: t("formTotalAmountInfo"), label: t("formTotalAmountLabel"), min: "0", onChange: (e) => handleChange("amount", Number(e.target.value)), placeholder: "0.00", required: true, step: "0.01", type: "number", value: amount }), _jsx(EnhancedInput, { error: errors.amountPaid, id: "amountPaid", info: t("formAmountPaidInfo"), label: t("formAmountPaidLabel"), min: "0", onChange: (e) => handleChange("amountPaid", Number(e.target.value)), placeholder: "0.00", step: "0.01", type: "number", value: amountPaid }), _jsx(EnhancedInput, { disabled: true, error: errors.amountDue, id: "amountDue", info: t("formAmountDueInfo"), label: t("formAmountDueLabel"), min: "0", onChange: (e) => handleChange("amountDue", Number(e.target.value)), placeholder: "0.00", step: "0.01", type: "number", value: amountDue }), _jsx(EnhancedInput, { error: errors.dueDate, id: "dueDate", info: t("formDueDateInfo"), label: t("formDueDateLabel"), onChange: (e) => handleChange("dueDate", e.target.value), required: true, type: "date", value: formatDate(dueDate, DATE_FORMATS.YYYY_MM_DD) }), statusCombo, _jsx(EnhancedTextarea, { error: errors.remarks, id: "remarks", label: t("formRemarksLabel"), onChange: (e) => handleChange("remarks", e.target.value), placeholder: t("formRemarksPlaceholder"), value: remarks || "" }), _jsx(EnhancedCheckbox, { checked: enabled, error: errors.enabled, id: "enabled", info: t("formEnabledInfo"), label: t("badgeActive"), onCheckedChange: (checked) => handleChange("enabled", !!checked) })] }));
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [studentProfileIdCombo, feeStructureIdCombo, discountCodeIdCombo, _jsx(EnhancedInput, { error: errors.discountAmount, id: "discountAmount", info: t("formDiscountAmountInfo"), label: t("formDiscountAmountLabel"), min: "0", onChange: (e) => handleChange("discountAmount", Number(e.target.value)), placeholder: "0.00", required: true, step: "0.01", type: "number", value: discountAmount || 0 }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "amount", t }), id: "amount", info: t("formTotalAmountInfo"), label: t("formTotalAmountLabel"), min: "0", onChange: (e) => handleChange("amount", Number(e.target.value)), placeholder: "0.00", required: true, step: "0.01", type: "number", value: amount }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "amountPaid", t }), id: "amountPaid", info: t("formAmountPaidInfo"), label: t("formAmountPaidLabel"), min: "0", onChange: (e) => handleChange("amountPaid", Number(e.target.value)), placeholder: "0.00", step: "0.01", type: "number", value: amountPaid }), _jsx(EnhancedInput, { disabled: true, error: getTranslatedError({ errors, key: "amountDue", t }), id: "amountDue", info: t("formAmountDueInfo"), label: t("formAmountDueLabel"), min: "0", onChange: (e) => handleChange("amountDue", Number(e.target.value)), placeholder: "0.00", step: "0.01", type: "number", value: amountDue }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "dueDate", t }), id: "dueDate", info: t("formDueDateInfo"), label: t("formDueDateLabel"), onChange: (e) => handleChange("dueDate", e.target.value), required: true, type: "date", value: formatDate(dueDate, DATE_FORMATS.YYYY_MM_DD) }), statusCombo, _jsx(EnhancedTextarea, { error: getTranslatedError({ errors, key: "remarks", t }), id: "remarks", label: t("formRemarksLabel"), onChange: (e) => handleChange("remarks", e.target.value), placeholder: t("formRemarksPlaceholder"), value: remarks || "" }), _jsx(EnhancedCheckbox, { checked: enabled, error: getTranslatedError({ errors, key: "enabled", t }), id: "enabled", info: t("formEnabledInfo"), label: t("formEnabledLabel"), onCheckedChange: (checked) => handleChange("enabled", !!checked) })] }));
 };

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

@@ -15,7 +15,8 @@
 import { FC } from "react";
 import { USER_ROLE } from "../../type";
 interface Props {
-    cancelLabel: string;
+    drawerButtonCancel: string;
+    drawerButtonSave: string;
     drawerFilterDescription: string;
     drawerFilterTitle: string;
     drawerFormDescription: string;
@@ -24,19 +25,18 @@ interface Props {
     drawerMoreActionsTitle: string;
     drawerViewDescription: string;
     drawerViewTitle: string;
-    labelActions: string;
-    labelAmount: string;
-    labelAmountDue: string;
-    labelAmountPaid: string;
-    labelDueDate: string;
-    labelFeeStructure: string;
-    labelId: string;
-    labelRemarks: string;
-    labelStatus: string;
-    labelStudent: string;
-    saveLabel: string;
-    searchPlaceholder: string;
+    tableColumnHeaderActions: string;
+    tableColumnHeaderAmount: string;
+    tableColumnHeaderAmountDue: string;
+    tableColumnHeaderAmountPaid: string;
+    tableColumnHeaderDueDate: string;
+    tableColumnHeaderFeeStructure: string;
+    tableColumnHeaderId: string;
+    tableColumnHeaderRemarks: string;
+    tableColumnHeaderStatus: string;
+    tableColumnHeaderStudent: string;
     tableDescription: string;
+    tableSearchPlaceholder: string;
     tableTitle: string;
     userRole: USER_ROLE;
 }

package/base-modules/student-fee/page.js

@@ -74,23 +74,23 @@ const createComponentInstances = () => ({
     moreActions: _jsx(StudentFeeMoreActions, {}),
     view: _jsx(StudentFeeView, {}),
 });
-const createStudentFeeConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelAmount, labelAmountDue, labelAmountPaid, labelDueDate, labelFeeStructure, labelId, labelRemarks, labelStatus, labelStudent, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+const createStudentFeeConfig = ({ dispatch, drawerButtonCancel, drawerButtonSave, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, tableColumnHeaderActions, tableColumnHeaderAmount, tableColumnHeaderAmountDue, tableColumnHeaderAmountPaid, tableColumnHeaderDueDate, tableColumnHeaderFeeStructure, tableColumnHeaderId, tableColumnHeaderRemarks, tableColumnHeaderStatus, tableColumnHeaderStudent, tableDescription, tableSearchPlaceholder, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "studentFee",
         tableColumns: [
-            { label: labelId, width: "5%" },
-            { label: labelStudent, width: "12%" },
-            { label: labelFeeStructure, width: "12%" },
-            { label: labelAmount, width: "10%" },
-            { label: labelAmountPaid, width: "10%" },
-            { label: labelAmountDue, width: "10%" },
-            { label: labelDueDate, width: "10%" },
-            { label: labelStatus, width: "10%" },
-            { label: labelRemarks, width: "11%" },
-            { label: labelActions, width: "5%" },
+            { label: tableColumnHeaderId, width: "5%" },
+            { label: tableColumnHeaderStudent, width: "12%" },
+            { label: tableColumnHeaderFeeStructure, width: "12%" },
+            { label: tableColumnHeaderAmount, width: "10%" },
+            { label: tableColumnHeaderAmountPaid, width: "10%" },
+            { label: tableColumnHeaderAmountDue, width: "10%" },
+            { label: tableColumnHeaderDueDate, width: "10%" },
+            { label: tableColumnHeaderStatus, width: "10%" },
+            { label: tableColumnHeaderRemarks, width: "11%" },
+            { label: tableColumnHeaderActions, width: "5%" },
         ],
-        cancelLabel,
+        cancelLabel: drawerButtonCancel,
         drawerFilterDescription,
         drawerFilterTitle,
         drawerFormDescription,
@@ -102,8 +102,8 @@ const createStudentFeeConfig = ({ cancelLabel, dispatch, drawerFilterDescription
         filterContent: components.filter,
         formContent: components.form,
         moreActionsContent: components.moreActions,
-        saveLabel,
-        searchPlaceholder,
+        saveLabel: drawerButtonSave,
+        searchPlaceholder: tableSearchPlaceholder,
         tableDescription,
         tableTitle,
         viewContent: components.view,
@@ -121,7 +121,8 @@ const StudentFeePageInner = (props) => {
     // Memoize config creation - destructure props to avoid object reference changes
     const studentFeeConfig = useMemo(() => createStudentFeeConfig({
         dispatch: context.dispatch,
-        cancelLabel: props.cancelLabel,
+        drawerButtonCancel: props.drawerButtonCancel,
+        drawerButtonSave: props.drawerButtonSave,
         drawerFormTitle: props.drawerFormTitle,
         drawerFormDescription: props.drawerFormDescription,
         drawerViewTitle: props.drawerViewTitle,
@@ -130,23 +131,23 @@ const StudentFeePageInner = (props) => {
         drawerFilterDescription: props.drawerFilterDescription,
         drawerMoreActionsTitle: props.drawerMoreActionsTitle,
         drawerMoreActionsDescription: props.drawerMoreActionsDescription,
-        labelActions: props.labelActions,
-        labelAmount: props.labelAmount,
-        labelAmountDue: props.labelAmountDue,
-        labelAmountPaid: props.labelAmountPaid,
-        labelDueDate: props.labelDueDate,
-        labelFeeStructure: props.labelFeeStructure,
-        labelId: props.labelId,
-        labelRemarks: props.labelRemarks,
-        labelStatus: props.labelStatus,
-        labelStudent: props.labelStudent,
-        saveLabel: props.saveLabel,
-        searchPlaceholder: props.searchPlaceholder,
+        tableColumnHeaderActions: props.tableColumnHeaderActions,
+        tableColumnHeaderAmount: props.tableColumnHeaderAmount,
+        tableColumnHeaderAmountDue: props.tableColumnHeaderAmountDue,
+        tableColumnHeaderAmountPaid: props.tableColumnHeaderAmountPaid,
+        tableColumnHeaderDueDate: props.tableColumnHeaderDueDate,
+        tableColumnHeaderFeeStructure: props.tableColumnHeaderFeeStructure,
+        tableColumnHeaderId: props.tableColumnHeaderId,
+        tableColumnHeaderRemarks: props.tableColumnHeaderRemarks,
+        tableColumnHeaderStatus: props.tableColumnHeaderStatus,
+        tableColumnHeaderStudent: props.tableColumnHeaderStudent,
         tableDescription: props.tableDescription,
+        tableSearchPlaceholder: props.tableSearchPlaceholder,
         tableTitle: props.tableTitle,
     }), [
         context.dispatch,
-        props.cancelLabel,
+        props.drawerButtonCancel,
+        props.drawerButtonSave,
         props.drawerFormTitle,
         props.drawerFormDescription,
         props.drawerViewTitle,
@@ -155,19 +156,18 @@ const StudentFeePageInner = (props) => {
         props.drawerFilterDescription,
         props.drawerMoreActionsTitle,
         props.drawerMoreActionsDescription,
-        props.labelActions,
-        props.labelAmount,
-        props.labelAmountDue,
-        props.labelAmountPaid,
-        props.labelDueDate,
-        props.labelFeeStructure,
-        props.labelId,
-        props.labelRemarks,
-        props.labelStatus,
-        props.labelStudent,
-        props.saveLabel,
-        props.searchPlaceholder,
+        props.tableColumnHeaderActions,
+        props.tableColumnHeaderAmount,
+        props.tableColumnHeaderAmountDue,
+        props.tableColumnHeaderAmountPaid,
+        props.tableColumnHeaderDueDate,
+        props.tableColumnHeaderFeeStructure,
+        props.tableColumnHeaderId,
+        props.tableColumnHeaderRemarks,
+        props.tableColumnHeaderStatus,
+        props.tableColumnHeaderStudent,
         props.tableDescription,
+        props.tableSearchPlaceholder,
         props.tableTitle,
     ]);
     const hasPermission = resolveRbacPermissions({

package/base-modules/student-fee/validate.d.ts

@@ -1,11 +1,19 @@
 /**
- * StudentFee Validation
+ * StudentFee Validation Schema
  *
- * Zod schema for `StudentFee` form validation. Matches the style used in
- * the `user` module validation file.
+ * Zod validation schemas for student-fee form data.
  */
 import { z } from "zod";
 import { PAYMENT_STATUS } from "../../type";
+export declare const VALIDATION_KEYS: {
+    readonly familyId: "validationStudentFeeFamilyIdRequired";
+    readonly studentProfileId: "validationStudentFeeStudentProfileIdRequired";
+    readonly feeStructureId: "validationStudentFeeFeeStructureIdRequired";
+    readonly amountPositive: "validationStudentFeeAmountPositive";
+    readonly dueDateRequired: "validationStudentFeeDueDateRequired";
+    readonly dueDateInvalid: "validationStudentFeeDueDateInvalid";
+    readonly statusInvalid: "validationStudentFeeStatusInvalid";
+};
 export declare const studentFeeFormValidation: z.ZodObject<{
     familyId: z.ZodString;
     studentProfileId: z.ZodString;

package/base-modules/student-fee/validate.js

@@ -1,25 +1,33 @@
 /**
- * StudentFee Validation
+ * StudentFee Validation Schema
  *
- * Zod schema for `StudentFee` form validation. Matches the style used in
- * the `user` module validation file.
+ * Zod validation schemas for student-fee form data.
  */
 import { z } from "zod";
 import { PAYMENT_STATUS } from "../../type";
+export const VALIDATION_KEYS = {
+    familyId: "validationStudentFeeFamilyIdRequired",
+    studentProfileId: "validationStudentFeeStudentProfileIdRequired",
+    feeStructureId: "validationStudentFeeFeeStructureIdRequired",
+    amountPositive: "validationStudentFeeAmountPositive",
+    dueDateRequired: "validationStudentFeeDueDateRequired",
+    dueDateInvalid: "validationStudentFeeDueDateInvalid",
+    statusInvalid: "validationStudentFeeStatusInvalid",
+};
 export const studentFeeFormValidation = z.object({
-    familyId: z.string().min(1, "Family ID is required"),
-    studentProfileId: z.string().min(1, "Student Profile ID is required"),
-    feeStructureId: z.string().min(1, "Fee Structure ID is required"),
+    familyId: z.string().min(1, VALIDATION_KEYS.familyId),
+    studentProfileId: z.string().min(1, VALIDATION_KEYS.studentProfileId),
+    feeStructureId: z.string().min(1, VALIDATION_KEYS.feeStructureId),
     discountCodeId: z.string().optional().nullable(),
-    amount: z.number().positive("Amount must be positive"),
-    amountPaid: z.number().min(0, "Amount must be positive").optional(),
-    amountDue: z.number().min(0, "Amount must be positive").optional(),
+    amount: z.number().positive(VALIDATION_KEYS.amountPositive),
+    amountPaid: z.number().min(0, VALIDATION_KEYS.amountPositive).optional(),
+    amountDue: z.number().min(0, VALIDATION_KEYS.amountPositive).optional(),
     dueDate: z
         .string()
-        .min(1, "Enrollment date is required")
-        .refine((v) => !isNaN(Date.parse(v)), "Invalid date format"),
+        .min(1, VALIDATION_KEYS.dueDateRequired)
+        .refine((v) => !isNaN(Date.parse(v)), VALIDATION_KEYS.dueDateInvalid),
     status: z.nativeEnum(PAYMENT_STATUS, {
-        error: "Invalid or missing status",
+        error: VALIDATION_KEYS.statusInvalid,
     }),
     remarks: z.string().optional().nullable(),
     enabled: z.boolean().optional(),

package/base-modules/student-fee/view.js

@@ -24,9 +24,9 @@ export const StudentFeeView = () => {
         method: API_METHODS.GET,
         params: { id: feeStructureId, workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id },
     });
-    return (_jsx("div", { className: "space-y-4", children: _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionStudentFeeDetails") })] }), _jsx(CardDescription, { children: t("viewSectionReadOnlyStudentFeeInformation") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldStudent") }), _jsx("p", { className: "text-base", children: studentProfile
+    return (_jsx("div", { className: "space-y-4", children: _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionStudentFeeDetails") })] }), _jsx(CardDescription, { children: t("viewSectionReadOnlyStudentFeeInformation") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formStudentLabel") }), _jsx("p", { className: "text-base", children: studentProfile
                                             ? `${studentProfile.firstName} ${studentProfile.lastName}`
-                                            : "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldComputerNumber") }), _jsx("p", { className: "text-base", children: (studentProfile === null || studentProfile === void 0 ? void 0 : studentProfile.computerNumber) || "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldFeeStructure") }), _jsx("p", { className: "text-base", children: (feeStructure === null || feeStructure === void 0 ? void 0 : feeStructure.name) || "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldTotalAmount") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amount !== null && amount !== void 0 ? amount : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldAmountPaid") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amountPaid !== null && amountPaid !== void 0 ? amountPaid : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldAmountDue") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amountDue !== null && amountDue !== void 0 ? amountDue : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldDueDate") })] }), _jsx("p", { className: "text-base", children: formatDate(dueDate, DATE_FORMATS.LOCALE_DATE) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldStatus") }), _jsx(Badge, { variant: "secondary", children: status || "—" })] }), remarks && (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldRemarks") }), _jsx("p", { className: "text-base", children: remarks })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldRecordState") }), _jsxs(Badge, { className: "gap-1", variant: enabled ? "default" : "destructive", children: [enabled ? (_jsx(CheckCircle2, { className: "h-3 w-3" })) : (_jsx(XCircle, { className: "h-3 w-3" })), enabled
-                                                ? t("viewFieldStatusActive")
-                                                : t("viewFieldStatusInactive")] })] })] }) })] }) }));
+                                            : "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldComputerNumber") }), _jsx("p", { className: "text-base", children: (studentProfile === null || studentProfile === void 0 ? void 0 : studentProfile.computerNumber) || "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formFeeStructureLabel") }), _jsx("p", { className: "text-base", children: (feeStructure === null || feeStructure === void 0 ? void 0 : feeStructure.name) || "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formTotalAmountLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amount !== null && amount !== void 0 ? amount : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formAmountPaidLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amountPaid !== null && amountPaid !== void 0 ? amountPaid : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formAmountDueLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amountDue !== null && amountDue !== void 0 ? amountDue : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formDueDateLabel") })] }), _jsx("p", { className: "text-base", children: formatDate(dueDate, DATE_FORMATS.LOCALE_DATE) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formStatusLabel") }), _jsx(Badge, { variant: "secondary", children: status || "—" })] }), remarks && (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formRemarksLabel") }), _jsx("p", { className: "text-base", children: remarks })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldRecordState") }), _jsxs(Badge, { className: "gap-1", variant: enabled ? "default" : "destructive", children: [enabled ? (_jsx(CheckCircle2, { className: "h-3 w-3" })) : (_jsx(XCircle, { className: "h-3 w-3" })), enabled
+                                                ? t("badgeActive")
+                                                : t("badgeInactive")] })] })] }) })] }) }));
 };

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

@@ -353,7 +353,7 @@ export const useStudentProfileModule = () => {
         });
     }, [updateFetchNow]);
     const handleWithdrawStudent = useCallback(async () => {
-        if (!confirm(t("areYouSureYouWantToWithdrawThisStudent")))
+        if (!confirm(t("messagesWithdrawConfirmation")))
             return;
         dispatch({
             type: STUDENT_PROFILE_ACTION_TYPES.SET_INPUT_FIELD,
@@ -366,7 +366,7 @@ export const useStudentProfileModule = () => {
     }, [dispatch, t]);
     const handleReAdmitStudent = useCallback(async (row) => {
         var _a;
-        if (!confirm(t("areYouSureYouWantToReAdmitThisStudent")))
+        if (!confirm(t("messagesReAdmitConfirmation")))
             return;
         const { data, error } = await fetchData({
             url: "/api/v1/readmit-student",

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

@@ -25,8 +25,8 @@ export const StudentProfileFilter = () => {
     };
     const { enhancedComboboxElement: filterStatusCombo } = useEnhancedCombobox({
         id: "filterStatus",
-        label: t("filterOptionStatus"),
-        info: t("filterByStudentStatus"),
+        label: t("filterStatusLabel"),
+        info: t("filterStatusInfo"),
         options: [...STATUS_OPTIONS].map((opt) => ({
             value: opt.value,
             label: statusLabelMap[opt.value] || opt.label,

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

@@ -8,6 +8,7 @@ import { useTranslations } from "next-intl";
 import { useStudentProfileModule } from "./context";
 import { STATUS_OPTIONS, GENDER_OPTIONS } from "./constants";
 import { STUDENT_PROFILE_API_ROUTES } from "../../constants";
+import { getTranslatedError } from "../../utils/get-translated-error";
 export const StudentProfileForm = () => {
     const t = useTranslations("studentProfile");
     const genderLabelMap = {
@@ -21,7 +22,7 @@ export const StudentProfileForm = () => {
     const { handleChange } = context;
     const { enhancedComboboxElement: genderCombo } = useEnhancedCombobox({
         id: "gender",
-        info: t("formGenderPlaceholder"),
+        info: t("formGenderInfo"),
         label: t("formGenderLabel"),
         onValueChange: (value) => handleChange("gender", value),
         options: GENDER_OPTIONS.map((opt) => ({
@@ -41,8 +42,8 @@ export const StudentProfileForm = () => {
     });
     const { enhancedComboboxElement: statusCombo } = useEnhancedCombobox({
         id: "status",
-        info: t("formStudentStatusPlaceholder"),
-        label: t("formOptionStatus"),
+        info: t("formStatusInfo"),
+        label: t("formStatusLabel"),
         onValueChange: (value) => handleChange("status", value),
         options: STATUS_OPTIONS.map((opt) => ({
             value: opt.value,
@@ -60,7 +61,7 @@ export const StudentProfileForm = () => {
         },
         value: status,
     });
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionPersonalInformation") }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: errors.firstName, id: "firstName", info: t("formStudentsFirstNamePlaceholder"), label: t("formFirstNameLabel"), onChange: (e) => handleChange("firstName", e.target.value), placeholder: t("formFirstNamePlaceholder"), required: true, value: firstName }), _jsx(EnhancedInput, { error: errors.lastName, id: "lastName", info: t("formStudentsLastNamePlaceholder"), label: t("formLastNameLabel"), onChange: (e) => handleChange("lastName", e.target.value), placeholder: t("formLastNamePlaceholder"), required: true, value: lastName }), _jsx(EnhancedInput, { error: errors.dateOfBirth, id: "dateOfBirth", info: t("formDateOfBirthPlaceholder"), label: t("formDateOfBirthLabel"), 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
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionPersonalInformation") }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "firstName", t }), id: "firstName", info: t("formFirstNameInfo"), label: t("formFirstNameLabel"), onChange: (e) => handleChange("firstName", e.target.value), placeholder: t("formFirstNamePlaceholder"), required: true, value: firstName }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "lastName", t }), id: "lastName", info: t("formLastNameInfo"), label: t("formLastNameLabel"), onChange: (e) => handleChange("lastName", e.target.value), placeholder: t("formLastNamePlaceholder"), required: true, value: lastName }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "dateOfBirth", t }), id: "dateOfBirth", info: t("formDateOfBirthInfo"), label: t("formDateOfBirthLabel"), 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("formTLabel")[0]
-                                    : "" }), genderCombo] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionContactInformation") }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: errors.phone, id: "phone", info: t("formStudentsPhoneNumberPlaceholder"), label: t("formPhoneLabel"), onChange: (e) => handleChange("phone", e.target.value), placeholder: t("formPhonePlaceholder"), type: "tel", value: phone || "" }), _jsx(EnhancedInput, { error: errors.emergencyPhone, id: "emergencyPhone", info: t("formStudentsEmergencyPhoneNumberPlaceholder"), label: t("formEmergencyPhoneLabel"), onChange: (e) => handleChange("emergencyPhone", e.target.value), placeholder: t("formEmergencyPhonePlaceholder"), type: "tel", value: emergencyPhone || "" })] }), _jsx(EnhancedInput, { error: errors.address, id: "address", info: t("formStudentsAddressPlaceholder"), label: t("formAddressLabel"), onChange: (e) => handleChange("address", e.target.value), placeholder: t("formAddressPlaceholder"), value: address || "" }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: errors.city, id: "city", info: t("formStudentsCityPlaceholder"), label: t("formCityLabel"), onChange: (e) => handleChange("city", e.target.value), placeholder: t("formCityPlaceholder"), value: city || "" }), _jsx(EnhancedInput, { error: errors.state, id: "state", info: t("formStudentsStateOrProvincePlaceholder"), label: t("formStateProvinceLabel"), onChange: (e) => handleChange("state", e.target.value), placeholder: t("formStatePlaceholder"), value: stateValue || "" }), _jsx(EnhancedInput, { error: errors.country, id: "country", info: t("formStudentsCountryPlaceholder"), label: t("formCountryLabel"), onChange: (e) => handleChange("country", e.target.value), placeholder: t("formCountryPlaceholder"), value: country || "" }), _jsx(EnhancedInput, { error: errors.postalCode, id: "postalCode", info: t("formStudentsPostalCodePlaceholder"), label: t("formPostalCodeLabel"), onChange: (e) => handleChange("postalCode", e.target.value), placeholder: t("formPostalCodePlaceholder"), value: postalCode || "" })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionAcademicInformation") }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [statusCombo, _jsx(EnhancedTextarea, { error: errors.remarks, id: "remarks", info: t("formAnyAdditionalRemarksPlaceholder"), label: t("formRemarksLabel"), onChange: (e) => handleChange("remarks", e.target.value), placeholder: t("formRemarksPlaceholder"), rows: 4, value: remarks || "" })] }), _jsx(EnhancedCheckbox, { checked: enabled, info: t("actionToggleActivateOrDeactivate"), label: t("formActiveStudentLabel"), onCheckedChange: (checked) => handleChange("enabled", checked) })] })] }));
+                                    : "" }), genderCombo] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionContactInformation") }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "phone", t }), id: "phone", info: t("formPhoneInfo"), label: t("formPhoneLabel"), onChange: (e) => handleChange("phone", e.target.value), placeholder: t("formPhonePlaceholder"), type: "tel", value: phone || "" }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "emergencyPhone", t }), id: "emergencyPhone", info: t("formEmergencyPhoneInfo"), label: t("formEmergencyPhoneLabel"), onChange: (e) => handleChange("emergencyPhone", e.target.value), placeholder: t("formEmergencyPhonePlaceholder"), type: "tel", value: emergencyPhone || "" })] }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "address", t }), id: "address", info: t("formAddressInfo"), label: t("formAddressLabel"), onChange: (e) => handleChange("address", e.target.value), placeholder: t("formAddressPlaceholder"), value: address || "" }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "city", t }), id: "city", info: t("formCityInfo"), label: t("formCityLabel"), onChange: (e) => handleChange("city", e.target.value), placeholder: t("formCityPlaceholder"), value: city || "" }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "state", t }), id: "state", info: t("formStateInfo"), label: t("formStateProvinceLabel"), onChange: (e) => handleChange("state", e.target.value), placeholder: t("formStatePlaceholder"), value: stateValue || "" }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "country", t }), id: "country", info: t("formCountryInfo"), label: t("formCountryLabel"), onChange: (e) => handleChange("country", e.target.value), placeholder: t("formCountryPlaceholder"), value: country || "" }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "postalCode", t }), id: "postalCode", info: t("formPostalCodeInfo"), label: t("formPostalCodeLabel"), onChange: (e) => handleChange("postalCode", e.target.value), placeholder: t("formPostalCodePlaceholder"), value: postalCode || "" })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionAcademicInformation") }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [statusCombo, _jsx(EnhancedTextarea, { error: getTranslatedError({ errors, key: "remarks", t }), id: "remarks", info: t("formRemarksInfo"), label: t("formRemarksLabel"), onChange: (e) => handleChange("remarks", e.target.value), placeholder: t("formRemarksPlaceholder"), rows: 4, value: remarks || "" })] }), _jsx(EnhancedCheckbox, { checked: enabled, info: t("formEnabledInfo"), label: t("formEnabledLabel"), onCheckedChange: (checked) => handleChange("enabled", checked) })] })] }));
 };

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

@@ -18,7 +18,8 @@
 import { FC } from "react";
 import { USER_ROLE } from "../../type";
 interface Props {
-    cancelLabel: string;
+    drawerButtonCancel: string;
+    drawerButtonSave: string;
     drawerFilterDescription: string;
     drawerFilterTitle: string;
     drawerFormDescription: string;
@@ -27,16 +28,15 @@ interface Props {
     drawerMoreActionsTitle: string;
     drawerViewDescription: string;
     drawerViewTitle: string;
-    labelActions: string;
-    labelEnabled: string;
-    labelName: string;
-    labelId: string;
-    labelComputerCode: string;
-    labelClassSection: string;
-    labelStudentCode: string;
-    saveLabel: string;
-    searchPlaceholder: string;
+    tableColumnHeaderActions: string;
+    tableColumnHeaderEnabled: string;
+    tableColumnHeaderName: string;
+    tableColumnHeaderId: string;
+    tableColumnHeaderComputerCode: string;
+    tableColumnHeaderClassSection: string;
+    tableColumnHeaderStudentCode: string;
     tableDescription: string;
+    tableSearchPlaceholder: string;
     tableTitle: string;
     userRole: USER_ROLE;
 }

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

@@ -71,20 +71,20 @@ const createComponentInstances = () => ({
     moreActions: _jsx(StudentProfileMoreActions, {}),
     view: _jsx(StudentProfileView, {}),
 });
-const createStudentProfileConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelEnabled, labelName, labelId, labelComputerCode, labelClassSection, labelStudentCode, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+const createStudentProfileConfig = ({ dispatch, drawerButtonCancel, drawerButtonSave, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, tableColumnHeaderActions, tableColumnHeaderEnabled, tableColumnHeaderName, tableColumnHeaderId, tableColumnHeaderComputerCode, tableColumnHeaderClassSection, tableColumnHeaderStudentCode, tableDescription, tableSearchPlaceholder, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "studentProfile",
         tableColumns: [
-            { label: labelId, width: "5%" },
-            { label: labelName, width: "15%" },
-            { label: labelComputerCode, width: "15%" },
-            { label: labelStudentCode, width: "15%" },
-            { label: labelClassSection, width: "20%" },
-            { label: labelEnabled, width: "10%" },
-            { label: labelActions, width: "5%" },
+            { label: tableColumnHeaderId, width: "5%" },
+            { label: tableColumnHeaderName, width: "15%" },
+            { label: tableColumnHeaderComputerCode, width: "15%" },
+            { label: tableColumnHeaderStudentCode, width: "15%" },
+            { label: tableColumnHeaderClassSection, width: "20%" },
+            { label: tableColumnHeaderEnabled, width: "10%" },
+            { label: tableColumnHeaderActions, width: "5%" },
         ],
-        cancelLabel,
+        cancelLabel: drawerButtonCancel,
         drawerFilterDescription,
         drawerFilterTitle,
         drawerFormDescription,
@@ -96,8 +96,8 @@ const createStudentProfileConfig = ({ cancelLabel, dispatch, drawerFilterDescrip
         filterContent: components.filter,
         formContent: components.form,
         moreActionsContent: components.moreActions,
-        saveLabel,
-        searchPlaceholder,
+        saveLabel: drawerButtonSave,
+        searchPlaceholder: tableSearchPlaceholder,
         tableDescription,
         tableTitle,
         viewContent: components.view,
@@ -114,7 +114,8 @@ const StudentProfilePageInner = (props) => {
     const context = useStudentProfileModule();
     const studentProfileConfig = useMemo(() => createStudentProfileConfig({
         dispatch: context.dispatch,
-        cancelLabel: props.cancelLabel,
+        drawerButtonCancel: props.drawerButtonCancel,
+        drawerButtonSave: props.drawerButtonSave,
         drawerFormTitle: props.drawerFormTitle,
         drawerFormDescription: props.drawerFormDescription,
         drawerViewTitle: props.drawerViewTitle,
@@ -123,20 +124,20 @@ const StudentProfilePageInner = (props) => {
         drawerFilterDescription: props.drawerFilterDescription,
         drawerMoreActionsTitle: props.drawerMoreActionsTitle,
         drawerMoreActionsDescription: props.drawerMoreActionsDescription,
-        labelActions: props.labelActions,
-        labelEnabled: props.labelEnabled,
-        labelName: props.labelName,
-        labelId: props.labelId,
-        labelComputerCode: props.labelComputerCode,
-        labelClassSection: props.labelClassSection,
-        labelStudentCode: props.labelStudentCode,
-        saveLabel: props.saveLabel,
-        searchPlaceholder: props.searchPlaceholder,
+        tableColumnHeaderActions: props.tableColumnHeaderActions,
+        tableColumnHeaderEnabled: props.tableColumnHeaderEnabled,
+        tableColumnHeaderName: props.tableColumnHeaderName,
+        tableColumnHeaderId: props.tableColumnHeaderId,
+        tableColumnHeaderComputerCode: props.tableColumnHeaderComputerCode,
+        tableColumnHeaderClassSection: props.tableColumnHeaderClassSection,
+        tableColumnHeaderStudentCode: props.tableColumnHeaderStudentCode,
         tableDescription: props.tableDescription,
+        tableSearchPlaceholder: props.tableSearchPlaceholder,
         tableTitle: props.tableTitle,
     }), [
         context.dispatch,
-        props.cancelLabel,
+        props.drawerButtonCancel,
+        props.drawerButtonSave,
         props.drawerFormTitle,
         props.drawerFormDescription,
         props.drawerViewTitle,
@@ -145,16 +146,15 @@ const StudentProfilePageInner = (props) => {
         props.drawerFilterDescription,
         props.drawerMoreActionsTitle,
         props.drawerMoreActionsDescription,
-        props.labelActions,
-        props.labelEnabled,
-        props.labelName,
-        props.labelId,
-        props.labelComputerCode,
-        props.labelClassSection,
-        props.labelStudentCode,
-        props.saveLabel,
-        props.searchPlaceholder,
+        props.tableColumnHeaderActions,
+        props.tableColumnHeaderEnabled,
+        props.tableColumnHeaderName,
+        props.tableColumnHeaderId,
+        props.tableColumnHeaderComputerCode,
+        props.tableColumnHeaderClassSection,
+        props.tableColumnHeaderStudentCode,
         props.tableDescription,
+        props.tableSearchPlaceholder,
         props.tableTitle,
     ]);
     const hasPermission = resolveRbacPermissions({

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

@@ -1,9 +1,15 @@
 /**
- * Student Validation Schema
+ * Student Profile Validation Schema
  *
- * Zod validation schemas for student form data.
+ * Zod validation schemas for student profile form data.
  */
 import { z } from "zod";
+export declare const VALIDATION_KEYS: {
+    readonly firstNameRequired: "validationStudentProfileFirstNameRequired";
+    readonly lastNameRequired: "validationStudentProfileLastNameRequired";
+    readonly phoneInvalid: "validationStudentProfilePhoneInvalid";
+    readonly statusRequired: "validationStudentProfileStatusRequired";
+};
 export declare const studentProfileFormValidation: z.ZodObject<{
     firstName: z.ZodString;
     lastName: z.ZodString;

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

@@ -1,26 +1,29 @@
 /**
- * Student Validation Schema
+ * Student Profile Validation Schema
  *
- * Zod validation schemas for student form data.
+ * Zod validation schemas for student profile form data.
  */
 import { z } from "zod";
-// ============================================================================
-// VALIDATION SCHEMA
-// ============================================================================
+export const VALIDATION_KEYS = {
+    firstNameRequired: "validationStudentProfileFirstNameRequired",
+    lastNameRequired: "validationStudentProfileLastNameRequired",
+    phoneInvalid: "validationStudentProfilePhoneInvalid",
+    statusRequired: "validationStudentProfileStatusRequired",
+};
 export const studentProfileFormValidation = z.object({
-    firstName: z.string().min(1, "First name is required"),
-    lastName: z.string().min(1, "Last name is required"),
+    firstName: z.string().min(1, VALIDATION_KEYS.firstNameRequired),
+    lastName: z.string().min(1, VALIDATION_KEYS.lastNameRequired),
     phone: z
         .string()
         .optional()
         .refine((val) => !val ||
-        /^([+]?[\s0-9]+)?(\d{3}|[(]?[0-9]+[)]?)?([-]?[\s]?[0-9])+$/.test(val), "Invalid phone number format"),
+        /^([+]?[\s0-9]+)?(\d{3}|[(]?[0-9]+[)]?)?([-]?[\s]?[0-9])+$/.test(val), VALIDATION_KEYS.phoneInvalid),
     emergencyPhone: z
         .string()
         .optional()
         .refine((val) => !val ||
-        /^([+]?[\s0-9]+)?(\d{3}|[(]?[0-9]+[)]?)?([-]?[\s]?[0-9])+$/.test(val), "Invalid phone number format"),
-    status: z.string().min(1, "Status is required"),
+        /^([+]?[\s0-9]+)?(\d{3}|[(]?[0-9]+[)]?)?([-]?[\s]?[0-9])+$/.test(val), VALIDATION_KEYS.phoneInvalid),
+    status: z.string().min(1, VALIDATION_KEYS.statusRequired),
     dateOfBirth: z.string().optional(),
     enrollmentDate: z.string().optional(),
     gender: z.string().optional(),