@appcorp/fusion-storybook 0.2.86 → 0.2.89

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(),

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

@@ -22,8 +22,8 @@ export const StudentProfileView = () => {
             return "\u2014";
         return formatDate(new Date(date).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 })] }), _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 ? (_jsx(CheckCircle2, { className: "h-5 w-5 text-green-500" })) : (_jsx(XCircle, { className: "h-5 w-5 text-red-500" }))] }), _jsxs("p", { className: "text-muted-foreground mt-1", children: [t("viewFieldStudentCode"), ": ", studentCode || "N/A"] }), email && (_jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: email }))] })] }) }) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(User, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionPersonalInformation") })] }), _jsx(CardDescription, { children: t("viewSectionBasicPersonalDetails") })] }), _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-muted-foreground text-sm font-medium", children: t("viewFieldFirstName") }), _jsx("p", { className: "text-base", children: formatValue(firstName) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldLastName") }), _jsx("p", { className: "text-base", children: formatValue(lastName) })] }), _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("viewFieldDateOfBirth") })] }), _jsx("p", { className: "text-base", children: formatDateValue(dateOfBirth) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldGender") }), _jsx(Badge, { variant: "secondary", className: "capitalize", children: formatValue(gender === null || gender === void 0 ? void 0 : gender.toLowerCase()) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionContactInformation") })] }), _jsx(CardDescription, { children: t("viewFieldContactDetailsAndLocation") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [email && (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldEmail") }), _jsx("p", { className: "text-base", children: formatValue(email) })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldPhone") }), _jsx("p", { className: "text-base", children: formatPhoneDisplay(phone) || formatValue(phone) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldEmergencyPhone") }), _jsx("p", { className: "text-base", children: formatPhoneDisplay(emergencyPhone) ||
-                                                formatValue(emergencyPhone) })] }), _jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MapPin, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldAddress") })] }), _jsx("p", { className: "text-base", children: formatValue(address) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldCity") }), _jsx("p", { className: "text-base", children: formatValue(city) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldStateProvince") }), _jsx("p", { className: "text-base", children: formatValue(stateValue) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldCountry") }), _jsx("p", { className: "text-base", children: formatValue(country) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldPostalCode") }), _jsx("p", { className: "text-base", children: formatValue(postalCode) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(GraduationCap, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionAcademicInformation") })] }), _jsx(CardDescription, { children: t("viewFieldEnrollmentAndAcademicStatus") })] }), _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-muted-foreground text-sm font-medium", children: t("viewFieldStatus") }), _jsx(Badge, { variant: status === "ACTIVE"
+    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 })] }), _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 ? (_jsx(CheckCircle2, { className: "h-5 w-5 text-green-500" })) : (_jsx(XCircle, { className: "h-5 w-5 text-red-500" }))] }), _jsxs("p", { className: "text-muted-foreground mt-1", children: [t("tableColumnHeaderStudentCode"), ": ", studentCode || "N/A"] }), email && (_jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: email }))] })] }) }) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(User, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionPersonalInformation") })] }), _jsx(CardDescription, { children: t("viewSectionBasicPersonalDetails") })] }), _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-muted-foreground text-sm font-medium", children: t("formFirstNameLabel") }), _jsx("p", { className: "text-base", children: formatValue(firstName) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formLastNameLabel") }), _jsx("p", { className: "text-base", children: formatValue(lastName) })] }), _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("formDateOfBirthLabel") })] }), _jsx("p", { className: "text-base", children: formatDateValue(dateOfBirth) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formGenderLabel") }), _jsx(Badge, { variant: "secondary", className: "capitalize", children: formatValue(gender === null || gender === void 0 ? void 0 : gender.toLowerCase()) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionContactInformation") })] }), _jsx(CardDescription, { children: t("viewFieldContactDetailsAndLocation") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [email && (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldEmail") }), _jsx("p", { className: "text-base", children: formatValue(email) })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formPhoneLabel") }), _jsx("p", { className: "text-base", children: formatPhoneDisplay(phone) || formatValue(phone) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formEmergencyPhoneLabel") }), _jsx("p", { className: "text-base", children: formatPhoneDisplay(emergencyPhone) ||
+                                                formatValue(emergencyPhone) })] }), _jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MapPin, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formAddressLabel") })] }), _jsx("p", { className: "text-base", children: formatValue(address) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formCityLabel") }), _jsx("p", { className: "text-base", children: formatValue(city) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formStateProvinceLabel") }), _jsx("p", { className: "text-base", children: formatValue(stateValue) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formCountryLabel") }), _jsx("p", { className: "text-base", children: formatValue(country) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formPostalCodeLabel") }), _jsx("p", { className: "text-base", children: formatValue(postalCode) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(GraduationCap, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionAcademicInformation") })] }), _jsx(CardDescription, { children: t("viewFieldEnrollmentAndAcademicStatus") })] }), _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-muted-foreground text-sm font-medium", children: t("formStatusLabel") }), _jsx(Badge, { variant: status === "ACTIVE"
                                                 ? "default"
                                                 : status === "GRADUATED"
                                                     ? "secondary"

package/base-modules/subject/filter.js

@@ -17,7 +17,7 @@ export const SubjectFilter = () => {
         : filterEnabled
             ? "true"
             : "false";
-    return (_jsx("div", { className: "space-y-4", children: _jsx("div", { className: "grid grid-cols-1 gap-4", children: _jsx(EnhancedRadio, { label: t("filterOptionEnabled"), name: "filterEnabled", value: filterEnabledValue, options: [
+    return (_jsx("div", { className: "space-y-4", children: _jsx("div", { className: "grid grid-cols-1 gap-4", children: _jsx(EnhancedRadio, { label: t("filterEnabledLabel"), name: "filterEnabled", value: filterEnabledValue, options: [
                     { label: t("filterOptionAll"), value: "undefined" },
                     { label: t("filterOptionEnabled"), value: "true" },
                     { label: t("filterOptionDisabled"), value: "false" },

package/base-modules/subject/form.js

@@ -10,9 +10,10 @@ import { EnhancedTextarea } from "@appcorp/shadcn/components/enhanced-textarea";
 import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
 import { useSubjectModule } from "./context";
 import { useTranslations } from "next-intl";
+import { getTranslatedError } from "../../utils/get-translated-error";
 export const SubjectForm = () => {
     const { state, handleChange } = useSubjectModule();
     const { code, description, enabled, errors, name } = state;
     const t = useTranslations("subject");
-    return (_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: errors.name, id: "name", info: t("formSubjectNameInfo"), label: t("formSubjectNameLabel"), onChange: (e) => handleChange("name", e.target.value), placeholder: t("formSubjectNamePlaceholder"), required: true, value: name }), _jsx(EnhancedInput, { error: errors.code, id: "code", info: t("formCodeInfo"), label: t("formSubjectCodeLabel"), onChange: (e) => handleChange("code", e.target.value), placeholder: t("formCodePlaceholder"), required: true, value: code }), _jsx(EnhancedTextarea, { error: errors.description, id: "description", info: t("formDescriptionInfo"), label: t("formDescriptionLabel"), onChange: (e) => handleChange("description", e.target.value), placeholder: t("formDescriptionPlaceholder"), value: description !== null && description !== void 0 ? description : "" }), _jsx(EnhancedCheckbox, { label: t("formActiveSubjectLabel"), defaultChecked: enabled, onCheckedChange: (checked) => handleChange("enabled", checked), info: t("actionToggleEnableOrDisableSubject") })] }));
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "name", t }), id: "name", info: t("formNameInfo"), label: t("formNameLabel"), onChange: (e) => handleChange("name", e.target.value), placeholder: t("formNamePlaceholder"), required: true, value: name }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "code", t }), id: "code", info: t("formCodeInfo"), label: t("formCodeLabel"), onChange: (e) => handleChange("code", e.target.value), placeholder: t("formCodePlaceholder"), required: true, value: code }), _jsx(EnhancedTextarea, { error: getTranslatedError({ errors, key: "description", t }), id: "description", info: t("formDescriptionInfo"), label: t("formDescriptionLabel"), onChange: (e) => handleChange("description", e.target.value), placeholder: t("formDescriptionPlaceholder"), value: description !== null && description !== void 0 ? description : "" }), _jsx(EnhancedCheckbox, { label: t("formEnabledLabel"), defaultChecked: enabled, onCheckedChange: (checked) => handleChange("enabled", checked), info: t("formEnabledInfo") })] }));
 };

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

@@ -121,13 +121,13 @@ export const SubjectMoreActions = () => {
             const msgs = [];
             if (method === "POST") {
                 if (!((_b = row.code) === null || _b === void 0 ? void 0 : _b.trim()))
-                    msgs.push(t("validationRequiredCode"));
+                    msgs.push(t("validationSubjectCodeRequired"));
                 if (!((_c = row.name) === null || _c === void 0 ? void 0 : _c.trim()))
-                    msgs.push(t("validationRequiredName"));
+                    msgs.push(t("validationSubjectNameRequired"));
             }
             else {
                 if (!((_d = row.id) === null || _d === void 0 ? void 0 : _d.trim()))
-                    msgs.push(t("validationRequiredIdForUpdate"));
+                    msgs.push(t("validationSubjectIdRequired"));
             }
             if (msgs.length > 0) {
                 validationErrors.push({ row: i + 1, messages: msgs });

package/base-modules/subject/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,15 +28,14 @@ interface Props {
     drawerMoreActionsTitle: string;
     drawerViewDescription: string;
     drawerViewTitle: string;
-    labelActions: string;
-    labelCode: string;
-    labelDescription: string;
-    labelEnabled: string;
-    labelId: string;
-    labelName: string;
-    saveLabel: string;
-    searchPlaceholder: string;
+    tableColumnHeaderActions: string;
+    tableColumnHeaderCode: string;
+    tableColumnHeaderDescription: string;
+    tableColumnHeaderEnabled: string;
+    tableColumnHeaderId: string;
+    tableColumnHeaderName: string;
     tableDescription: string;
+    tableSearchPlaceholder: string;
     tableTitle: string;
     userRole: USER_ROLE;
 }

package/base-modules/subject/page.js

@@ -47,19 +47,19 @@ const createComponentInstances = () => ({
     moreActions: _jsx(SubjectMoreActions, {}),
     view: _jsx(SubjectView, {}),
 });
-const createSubjectConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelCode, labelDescription, labelEnabled, labelId, labelName, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+const createSubjectConfig = ({ dispatch, drawerButtonCancel, drawerButtonSave, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, tableColumnHeaderActions, tableColumnHeaderCode, tableColumnHeaderDescription, tableColumnHeaderEnabled, tableColumnHeaderId, tableColumnHeaderName, tableDescription, tableSearchPlaceholder, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "subject",
         tableColumns: [
-            { label: labelId, width: "5%" },
-            { label: labelCode, width: "15%" },
-            { label: labelName, width: "25%" },
-            { label: labelDescription, width: "35%" },
-            { label: labelEnabled, width: "15%" },
-            { label: labelActions, width: "5%" },
+            { label: tableColumnHeaderId, width: "5%" },
+            { label: tableColumnHeaderCode, width: "15%" },
+            { label: tableColumnHeaderName, width: "25%" },
+            { label: tableColumnHeaderDescription, width: "35%" },
+            { label: tableColumnHeaderEnabled, width: "15%" },
+            { label: tableColumnHeaderActions, width: "5%" },
         ],
-        cancelLabel,
+        cancelLabel: drawerButtonCancel,
         drawerFilterDescription,
         drawerFilterTitle,
         drawerFormDescription,
@@ -71,8 +71,8 @@ const createSubjectConfig = ({ cancelLabel, dispatch, drawerFilterDescription, d
         filterContent: components.filter,
         formContent: components.form,
         moreActionsContent: components.moreActions,
-        saveLabel,
-        searchPlaceholder,
+        saveLabel: drawerButtonSave,
+        searchPlaceholder: tableSearchPlaceholder,
         tableDescription,
         tableTitle,
         viewContent: components.view,
@@ -89,7 +89,8 @@ const SubjectPageInner = (props) => {
     const context = useSubjectModule();
     const subjectConfig = useMemo(() => createSubjectConfig({
         dispatch: context.dispatch,
-        cancelLabel: props.cancelLabel,
+        drawerButtonCancel: props.drawerButtonCancel,
+        drawerButtonSave: props.drawerButtonSave,
         drawerFormTitle: props.drawerFormTitle,
         drawerFormDescription: props.drawerFormDescription,
         drawerViewTitle: props.drawerViewTitle,
@@ -98,19 +99,19 @@ const SubjectPageInner = (props) => {
         drawerFilterDescription: props.drawerFilterDescription,
         drawerMoreActionsTitle: props.drawerMoreActionsTitle,
         drawerMoreActionsDescription: props.drawerMoreActionsDescription,
-        labelActions: props.labelActions,
-        labelCode: props.labelCode,
-        labelDescription: props.labelDescription,
-        labelEnabled: props.labelEnabled,
-        labelId: props.labelId,
-        labelName: props.labelName,
-        saveLabel: props.saveLabel,
-        searchPlaceholder: props.searchPlaceholder,
+        tableColumnHeaderActions: props.tableColumnHeaderActions,
+        tableColumnHeaderCode: props.tableColumnHeaderCode,
+        tableColumnHeaderDescription: props.tableColumnHeaderDescription,
+        tableColumnHeaderEnabled: props.tableColumnHeaderEnabled,
+        tableColumnHeaderId: props.tableColumnHeaderId,
+        tableColumnHeaderName: props.tableColumnHeaderName,
         tableDescription: props.tableDescription,
+        tableSearchPlaceholder: props.tableSearchPlaceholder,
         tableTitle: props.tableTitle,
     }), [
         context.dispatch,
-        props.cancelLabel,
+        props.drawerButtonCancel,
+        props.drawerButtonSave,
         props.drawerFormTitle,
         props.drawerFormDescription,
         props.drawerViewTitle,
@@ -119,15 +120,14 @@ const SubjectPageInner = (props) => {
         props.drawerFilterDescription,
         props.drawerMoreActionsTitle,
         props.drawerMoreActionsDescription,
-        props.labelActions,
-        props.labelCode,
-        props.labelDescription,
-        props.labelEnabled,
-        props.labelId,
-        props.labelName,
-        props.saveLabel,
-        props.searchPlaceholder,
+        props.tableColumnHeaderActions,
+        props.tableColumnHeaderCode,
+        props.tableColumnHeaderDescription,
+        props.tableColumnHeaderEnabled,
+        props.tableColumnHeaderId,
+        props.tableColumnHeaderName,
         props.tableDescription,
+        props.tableSearchPlaceholder,
         props.tableTitle,
     ]);
     const hasPermission = resolveRbacPermissions({

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

@@ -1,9 +1,20 @@
 /**
  * Subject Validation Schema
  *
- * Zod validation schemas for subject form data.
+ * Zod validation schemas for subject form data with i18n-ready error keys.
  */
 import { z } from "zod";
+export declare const VALIDATION_KEYS: {
+    readonly name: "validationSubjectNameRequired";
+    readonly nameMin: "validationSubjectNameMinLength";
+    readonly nameMax: "validationSubjectNameMaxLength";
+    readonly nameInvalid: "validationSubjectNameInvalid";
+    readonly code: "validationSubjectCodeRequired";
+    readonly codeMin: "validationSubjectCodeMinLength";
+    readonly codeMax: "validationSubjectCodeMaxLength";
+    readonly codeInvalid: "validationSubjectCodeInvalid";
+    readonly descriptionMax: "validationSubjectDescriptionMaxLength";
+};
 export declare const subjectFormValidation: z.ZodObject<{
     name: z.ZodString;
     code: z.ZodString;

package/base-modules/subject/validate.js

@@ -1,28 +1,42 @@
 /**
  * Subject Validation Schema
  *
- * Zod validation schemas for subject form data.
+ * Zod validation schemas for subject form data with i18n-ready error keys.
  */
 import { z } from "zod";
 // ============================================================================
+// VALIDATION KEYS
+// ============================================================================
+export const VALIDATION_KEYS = {
+    name: "validationSubjectNameRequired",
+    nameMin: "validationSubjectNameMinLength",
+    nameMax: "validationSubjectNameMaxLength",
+    nameInvalid: "validationSubjectNameInvalid",
+    code: "validationSubjectCodeRequired",
+    codeMin: "validationSubjectCodeMinLength",
+    codeMax: "validationSubjectCodeMaxLength",
+    codeInvalid: "validationSubjectCodeInvalid",
+    descriptionMax: "validationSubjectDescriptionMaxLength",
+};
+// ============================================================================
 // VALIDATION SCHEMA
 // ============================================================================
 export const subjectFormValidation = z.object({
     name: z
         .string()
-        .min(1, "Name is required")
-        .min(2, "Name must be at least 2 characters")
-        .max(100, "Name must be less than 100 characters")
-        .regex(/^[a-zA-Z\s]+$/, "Name can only contain letters and spaces"),
+        .min(1, VALIDATION_KEYS.name)
+        .min(2, VALIDATION_KEYS.nameMin)
+        .max(100, VALIDATION_KEYS.nameMax)
+        .regex(/^[a-zA-Z\s]+$/, VALIDATION_KEYS.nameInvalid),
     code: z
         .string()
-        .min(1, "Code is required")
-        .min(2, "Code must be at least 2 characters")
-        .max(20, "Code must be less than 20 characters")
-        .regex(/^[A-Z0-9_-]+$/, "Code can only contain uppercase letters, numbers, underscores, and hyphens"),
+        .min(1, VALIDATION_KEYS.code)
+        .min(2, VALIDATION_KEYS.codeMin)
+        .max(20, VALIDATION_KEYS.codeMax)
+        .regex(/^[A-Z0-9_-]+$/, VALIDATION_KEYS.codeInvalid),
     description: z
         .string()
-        .max(500, "Description must be less than 500 characters")
+        .max(500, VALIDATION_KEYS.descriptionMax)
         .optional(),
     enabled: z.boolean().optional(),
 });

package/base-modules/subject/view.js

@@ -16,7 +16,7 @@ export const SubjectView = () => {
     const { state } = useSubjectModule();
     const { code, description, enabled, name } = state;
     const t = useTranslations("subject");
-    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: [_jsx("div", { className: "bg-primary/10 flex h-24 w-24 items-center justify-center rounded-full", children: _jsx(BookOpen, { className: "text-primary h-12 w-12" }) }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h2", { className: "text-2xl font-bold", children: name }), enabled ? (_jsx(CheckCircle2, { className: "h-5 w-5 text-green-500" })) : (_jsx(XCircle, { className: "h-5 w-5 text-red-500" }))] }), _jsx("p", { className: "text-muted-foreground mt-1", children: code })] })] }) }) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BookOpen, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionSubjectDetails") })] }), _jsx(CardDescription, { children: t("viewSectionCompleteSubjectInformation") })] }), _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-muted-foreground text-sm font-medium", children: t("viewFieldSubjectName") }), _jsx("p", { className: "text-base", children: formatValue(name) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldSubjectCode") }), _jsx("p", { className: "text-base", children: formatValue(code) })] }), description && (_jsxs("div", { className: "col-span-full space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldDescription") }), _jsx("p", { className: "text-base", children: description })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldStatus") }), _jsx(Badge, { variant: enabled ? "default" : "secondary", children: enabled
-                                                ? t("viewFieldStatusActive")
-                                                : t("viewFieldStatusInactive") })] })] }) })] })] }));
+    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: [_jsx("div", { className: "bg-primary/10 flex h-24 w-24 items-center justify-center rounded-full", children: _jsx(BookOpen, { className: "text-primary h-12 w-12" }) }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h2", { className: "text-2xl font-bold", children: name }), enabled ? (_jsx(CheckCircle2, { className: "h-5 w-5 text-green-500" })) : (_jsx(XCircle, { className: "h-5 w-5 text-red-500" }))] }), _jsx("p", { className: "text-muted-foreground mt-1", children: code })] })] }) }) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BookOpen, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionSubjectDetails") })] }), _jsx(CardDescription, { children: t("viewSectionCompleteSubjectInformation") })] }), _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-muted-foreground text-sm font-medium", children: t("formNameLabel") }), _jsx("p", { className: "text-base", children: formatValue(name) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formCodeLabel") }), _jsx("p", { className: "text-base", children: formatValue(code) })] }), description && (_jsxs("div", { className: "col-span-full space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formDescriptionLabel") }), _jsx("p", { className: "text-base", children: description })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldStatus") }), _jsx(Badge, { variant: enabled ? "default" : "secondary", children: enabled
+                                                ? t("badgeActive")
+                                                : t("badgeInactive") })] })] }) })] })] }));
 };

package/base-modules/teacher/context.js

@@ -414,7 +414,7 @@ export const useTeacherModule = () => {
             }
             const teacherId = state.id;
             if (!teacherId) {
-                showToast("Please save the teacher record first before uploading an avatar", TOAST_VARIANT.ERROR);
+                showToast(t("messagesAvatarSaveRequired"), TOAST_VARIANT.ERROR);
                 uploadInProgressRef.current = false;
                 return;
             }
@@ -445,12 +445,12 @@ export const useTeacherModule = () => {
                 type: TEACHER_ACTION_TYPES.SET_INPUT_FIELD,
                 payload: { key: "avatar", value: avatarUrl },
             });
-            showToast("Avatar uploaded successfully", TOAST_VARIANT.SUCCESS);
+            showToast(t("messagesAvatarUploadSuccess"), TOAST_VARIANT.SUCCESS);
         }
         catch (error) {
             const errorMessage = error instanceof Error
                 ? error.message
-                : "Unknown error uploading avatar";
+                : t("messagesAvatarUploadError");
             showToast(errorMessage, TOAST_VARIANT.ERROR);
         }
         finally {

package/base-modules/teacher/filter.js

@@ -18,7 +18,7 @@ export const TeacherFilter = () => {
         : filterEnabled
             ? "true"
             : "false";
-    return (_jsx("div", { className: "space-y-4", children: _jsx("div", { className: "grid grid-cols-1 gap-4", children: _jsx(EnhancedRadio, { label: t("filterOptionEnabled"), name: "filterEnabled", value: filterEnabledValue, options: [
+    return (_jsx("div", { className: "space-y-4", children: _jsx("div", { className: "grid grid-cols-1 gap-4", children: _jsx(EnhancedRadio, { label: t("filterEnabledLabel"), name: "filterEnabled", value: filterEnabledValue, options: [
                     { label: t("filterOptionAll"), value: "undefined" },
                     { label: t("filterOptionEnabled"), value: "true" },
                     { label: t("filterOptionDisabled"), value: "false" },

package/base-modules/teacher/form.js

@@ -9,6 +9,7 @@ import { useTranslations } from "next-intl";
 import { useTeacherModule } from "./context";
 import { GENDER_OPTIONS } from "./constants";
 import { TEACHER_API_ROUTES } from "../../constants";
+import { getTranslatedError } from "../../utils/get-translated-error";
 export const TeacherForm = () => {
     const t = useTranslations("teacher");
     const genderLabelMap = {
@@ -17,36 +18,12 @@ export const TeacherForm = () => {
         PREFER_NOT_TO_SAY: t("formOptionPreferNotToSay"),
     };
     const context = useTeacherModule();
-    const { address, avatar, bio, city, country, dateOfBirth, emergencyPhone, enabled, errors, experience, firstName, gender, joiningDate, lastName, phone, postalCode, qualification, specialization,
-    // userId,
-     } = context.state;
+    const { address, avatar, bio, city, country, dateOfBirth, emergencyPhone, enabled, errors, experience, firstName, gender, joiningDate, lastName, phone, postalCode, qualification, specialization, } = context.state;
     const stateValue = context.state.state;
     const { handleChange, handleAvatarUpload } = context;
-    // const users = getCachedUsersSync();
-    // const { enhancedComboboxElement: userIdCombo } = useEnhancedCombobox({
-    //   emptyText: t("formNoTeacherUsersEmpty"),
-    //   id: "userId",
-    //   info: t("formLinkedSystemUserLabel"),
-    //   label: t("formTeacherUserPlaceholder"),
-    //   onValueChange: (value) => handleChange("userId", value || null),
-    //   options: users.items
-    //     ?.filter(
-    //       ({ workspaces }) =>
-    //         workspaces?.filter(({ role }) => role?.userRole === USER_ROLE.TEACHER)
-    //           .length
-    //     )
-    //     .map((u) => ({
-    //       id: u.id,
-    //       name: u?.name || u?.email || u.id,
-    //     })),
-    //   placeholder: t("formSelectLinkedUserPlaceholder"),
-    //   searchEndpoint: TEACHER_API_ROUTES.UNIT,
-    //   searchPlaceholder: t("formSearchUsersPlaceholder"),
-    //   value: userId || "",
-    // });
     const { enhancedComboboxElement: genderCombo } = useEnhancedCombobox({
         id: "gender",
-        info: t("formTeachersGenderPlaceholder"),
+        info: t("formGenderInfo"),
         label: t("formGenderLabel"),
         onValueChange: (value) => handleChange("gender", value || null),
         options: GENDER_OPTIONS.map((opt) => ({
@@ -64,13 +41,13 @@ export const TeacherForm = () => {
         },
         value: gender || "",
     });
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(EnhancedInput, { error: errors.firstName, id: "firstName", info: t("formTeachersFirstNameLabel"), label: t("formFirstNameLabel"), onChange: (e) => handleChange("firstName", e.target.value), placeholder: t("formFirstNamePlaceholder"), required: true, value: firstName }), _jsx(EnhancedInput, { error: errors.lastName, id: "lastName", info: t("formTeachersLastNameLabel"), label: t("formLastNameLabel"), onChange: (e) => handleChange("lastName", e.target.value), placeholder: t("formLastNamePlaceholder"), required: true, value: lastName }), _jsx(EnhancedInput, { error: errors.joiningDate, id: "joiningDate", info: t("formDateTeacherJoinedTheSchoolLabel"), label: t("formJoiningDateLabel"), onChange: (e) => handleChange("joiningDate", e.target.value), onClick: (e) => { var _a, _b; return (_b = (_a = e.currentTarget).showPicker) === null || _b === void 0 ? void 0 : _b.call(_a); }, required: true, type: "date", value: joiningDate
-                    ? new Date(joiningDate).toISOString().split("formTLabel")[0]
-                    : "" }), genderCombo, _jsx(EnhancedInput, { error: errors.dateOfBirth, id: "dateOfBirth", info: t("formTeachersDateOfBirthLabel"), 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]
-                    : "" }), _jsx(EnhancedInput, { error: errors.phone, id: "phone", info: t("formTeachersPhoneNumberLabel"), 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("formEmergencyContactNumberLabel"), label: t("formEmergencyPhoneLabel"), onChange: (e) => handleChange("emergencyPhone", e.target.value), placeholder: t("formEmergencyPhonePlaceholder"), type: "tel", value: emergencyPhone || "" }), _jsx(EnhancedInput, { error: errors.qualification, id: "qualification", info: t("formTeachersEducationalQualificationLabel"), label: t("formQualificationLabel"), onChange: (e) => handleChange("qualification", e.target.value), placeholder: t("formQualificationPlaceholder"), value: qualification || "" }), _jsx(EnhancedInput, { error: errors.specialization, id: "specialization", info: t("formTeachersAreaOfSpecializationLabel"), label: t("formSpecializationLabel"), onChange: (e) => handleChange("specialization", e.target.value), placeholder: t("formSpecializationPlaceholder"), value: specialization || "" }), _jsx(EnhancedInput, { error: errors.experience, id: "experience", info: t("formYearsOfTeachingExperienceLabel"), label: t("formExperienceLabel"), onChange: (e) => handleChange("experience", parseInt(e.target.value) || null), placeholder: t("formExperiencePlaceholder"), type: "number", value: (experience === null || experience === void 0 ? void 0 : experience.toString()) || "" }), _jsx(EnhancedInput, { error: errors.address, id: "address", info: t("formStreetAddressLabel"), label: t("formAddressLabel"), onChange: (e) => handleChange("address", e.target.value), placeholder: t("formAddressPlaceholder"), value: address || "" }), _jsx(EnhancedInput, { error: errors.city, id: "city", info: t("formCityNameLabel"), label: t("formCityLabel"), onChange: (e) => handleChange("city", e.target.value), placeholder: t("formCityPlaceholder"), value: city || "" }), _jsx(EnhancedInput, { error: errors.state, id: "state", info: t("formStateOrProvinceLabel"), label: t("formStateProvinceLabel"), onChange: (e) => handleChange("state", e.target.value), placeholder: t("formStatePlaceholder"), value: stateValue || "" }), _jsx(EnhancedInput, { error: errors.country, id: "country", info: t("formCountryNameLabel"), label: t("formCountryLabel"), onChange: (e) => handleChange("country", e.target.value), placeholder: t("formCountryPlaceholder"), value: country || "" }), _jsx(EnhancedInput, { error: errors.postalCode, id: "postalCode", info: t("formPostalOrZipCodeLabel"), label: t("formPostalCodeLabel"), onChange: (e) => handleChange("postalCode", e.target.value), placeholder: t("formPostalCodePlaceholder"), value: postalCode || "" }), _jsx(EnhancedDropzone, { accept: ["image/*"], error: errors.avatar, id: "avatar", info: t("formUploadTeachersPhoto"), label: t("formAvatarLabel"), maxFiles: 1, maxSize: 100 * 1024, onChange: (files) => {
+    return (_jsxs("div", { className: "space-y-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: "joiningDate", t }), id: "joiningDate", info: t("formJoiningDateInfo"), label: t("formJoiningDateLabel"), onChange: (e) => handleChange("joiningDate", e.target.value), onClick: (e) => { var _a, _b; return (_b = (_a = e.currentTarget).showPicker) === null || _b === void 0 ? void 0 : _b.call(_a); }, required: true, type: "date", value: joiningDate
+                    ? new Date(joiningDate).toISOString().split("T")[0]
+                    : "" }), genderCombo, _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("T")[0]
+                    : "" }), _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: "qualification", t }), id: "qualification", info: t("formQualificationInfo"), label: t("formQualificationLabel"), onChange: (e) => handleChange("qualification", e.target.value), placeholder: t("formQualificationPlaceholder"), value: qualification || "" }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "specialization", t }), id: "specialization", info: t("formSpecializationInfo"), label: t("formSpecializationLabel"), onChange: (e) => handleChange("specialization", e.target.value), placeholder: t("formSpecializationPlaceholder"), value: specialization || "" }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "experience", t }), id: "experience", info: t("formExperienceInfo"), label: t("formExperienceLabel"), onChange: (e) => handleChange("experience", parseInt(e.target.value) || null), placeholder: t("formExperiencePlaceholder"), type: "number", value: (experience === null || experience === void 0 ? void 0 : experience.toString()) || "" }), _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 || "" }), _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("formStateProvinceInfo"), 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 || "" }), _jsx(EnhancedDropzone, { accept: ["image/*"], error: getTranslatedError({ errors, key: "avatar", t }), id: "avatar", info: t("formAvatarInfo"), label: t("formAvatarLabel"), maxFiles: 1, maxSize: 100 * 1024, onChange: (files) => {
                     if (files.length > 0) {
                         handleAvatarUpload === null || handleAvatarUpload === void 0 ? void 0 : handleAvatarUpload(files[0]);
                     }
-                }, onRemoveRemote: () => handleChange("avatar", null), value: avatar ? [avatar] : [] }), _jsx(EnhancedTextarea, { error: errors.bio, id: "bio", info: t("formBriefBiographyOrDescriptionLabel"), label: t("formBioLabel"), onChange: (e) => handleChange("bio", e.target.value), placeholder: t("formBioPlaceholder"), rows: 4, value: bio || "" }), _jsx(EnhancedCheckbox, { checked: enabled, info: t("actionToggleActivateOrDeactivateTeacher"), label: t("formActiveTeacherLabel"), onCheckedChange: (checked) => handleChange("enabled", checked) })] }));
+                }, onRemoveRemote: () => handleChange("avatar", null), value: avatar ? [avatar] : [] }), _jsx(EnhancedTextarea, { error: getTranslatedError({ errors, key: "bio", t }), id: "bio", info: t("formBioInfo"), label: t("formBioLabel"), onChange: (e) => handleChange("bio", e.target.value), placeholder: t("formBioPlaceholder"), rows: 4, value: bio || "" }), _jsx(EnhancedCheckbox, { checked: enabled, info: t("formEnabledInfo"), label: t("formEnabledLabel"), onCheckedChange: (checked) => handleChange("enabled", checked) })] }));
 };

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

@@ -129,12 +129,12 @@ export const TeacherMoreActions = () => {
             if (method === "POST") {
                 const result = teacherFormValidation.safeParse(records[i]);
                 if (!result.success) {
-                    msgs.push(...result.error.issues.map((issue) => `${issue.path.join(".")}: ${issue.message}`));
+                    msgs.push(...result.error.issues.map((issue) => t(issue.message)));
                 }
             }
             else {
                 if (!((_b = row.id) === null || _b === void 0 ? void 0 : _b.trim()))
-                    msgs.push(t("validationRequiredIdForUpdate"));
+                    msgs.push(t("validationTeacherIdRequired"));
             }
             if (msgs.length > 0) {
                 validationErrors.push({ row: i + 1, messages: msgs });

package/base-modules/teacher/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;
-    labelId: string;
-    labelName: string;
-    labelPhone: string;
-    labelSpecialization: string;
-    labelTeacherCode: string;
-    saveLabel: string;
-    searchPlaceholder: string;
+    tableColumnHeaderActions: string;
+    tableColumnHeaderEnabled: string;
+    tableColumnHeaderId: string;
+    tableColumnHeaderName: string;
+    tableColumnHeaderPhone: string;
+    tableColumnHeaderSpecialization: string;
+    tableColumnHeaderTeacherCode: string;
     tableDescription: string;
+    tableSearchPlaceholder: string;
     tableTitle: string;
     userRole: USER_ROLE;
 }