@appcorp/fusion-storybook 0.2.86 → 0.2.89

package/base-modules/teacher/page.js

@@ -55,20 +55,20 @@ const createComponentInstances = () => ({
     moreActions: _jsx(TeacherMoreActions, {}),
     view: _jsx(TeacherView, {}),
 });
-const createTeacherConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelEnabled, labelId, labelName, labelPhone, labelSpecialization, labelTeacherCode, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+const createTeacherConfig = ({ dispatch, drawerButtonCancel, drawerButtonSave, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, tableColumnHeaderActions, tableColumnHeaderEnabled, tableColumnHeaderId, tableColumnHeaderName, tableColumnHeaderPhone, tableColumnHeaderSpecialization, tableColumnHeaderTeacherCode, tableDescription, tableSearchPlaceholder, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "teacher",
         tableColumns: [
-            { label: labelId, width: "5%" },
-            { label: labelTeacherCode, width: "10%" },
-            { label: labelName, width: "30%" },
-            { label: labelPhone, width: "25%" },
-            { label: labelSpecialization, width: "20%" },
-            { label: labelEnabled, width: "5%" },
-            { label: labelActions, width: "5%" },
+            { label: tableColumnHeaderId, width: "5%" },
+            { label: tableColumnHeaderTeacherCode, width: "10%" },
+            { label: tableColumnHeaderName, width: "30%" },
+            { label: tableColumnHeaderPhone, width: "25%" },
+            { label: tableColumnHeaderSpecialization, width: "20%" },
+            { label: tableColumnHeaderEnabled, width: "5%" },
+            { label: tableColumnHeaderActions, width: "5%" },
         ],
-        cancelLabel,
+        cancelLabel: drawerButtonCancel,
         drawerFilterDescription,
         drawerFilterTitle,
         drawerFormDescription,
@@ -80,8 +80,8 @@ const createTeacherConfig = ({ cancelLabel, dispatch, drawerFilterDescription, d
         filterContent: components.filter,
         formContent: components.form,
         moreActionsContent: components.moreActions,
-        saveLabel,
-        searchPlaceholder,
+        saveLabel: drawerButtonSave,
+        searchPlaceholder: tableSearchPlaceholder,
         tableDescription,
         tableTitle,
         viewContent: components.view,
@@ -98,7 +98,8 @@ const TeacherPageInner = (props) => {
     const context = useTeacherModule();
     const teacherConfig = useMemo(() => createTeacherConfig({
         dispatch: context.dispatch,
-        cancelLabel: props.cancelLabel,
+        drawerButtonCancel: props.drawerButtonCancel,
+        drawerButtonSave: props.drawerButtonSave,
         drawerFormTitle: props.drawerFormTitle,
         drawerFormDescription: props.drawerFormDescription,
         drawerViewTitle: props.drawerViewTitle,
@@ -107,20 +108,20 @@ const TeacherPageInner = (props) => {
         drawerFilterDescription: props.drawerFilterDescription,
         drawerMoreActionsTitle: props.drawerMoreActionsTitle,
         drawerMoreActionsDescription: props.drawerMoreActionsDescription,
-        labelActions: props.labelActions,
-        labelEnabled: props.labelEnabled,
-        labelId: props.labelId,
-        labelName: props.labelName,
-        labelPhone: props.labelPhone,
-        labelSpecialization: props.labelSpecialization,
-        labelTeacherCode: props.labelTeacherCode,
-        saveLabel: props.saveLabel,
-        searchPlaceholder: props.searchPlaceholder,
+        tableColumnHeaderActions: props.tableColumnHeaderActions,
+        tableColumnHeaderEnabled: props.tableColumnHeaderEnabled,
+        tableColumnHeaderId: props.tableColumnHeaderId,
+        tableColumnHeaderName: props.tableColumnHeaderName,
+        tableColumnHeaderPhone: props.tableColumnHeaderPhone,
+        tableColumnHeaderSpecialization: props.tableColumnHeaderSpecialization,
+        tableColumnHeaderTeacherCode: props.tableColumnHeaderTeacherCode,
         tableDescription: props.tableDescription,
+        tableSearchPlaceholder: props.tableSearchPlaceholder,
         tableTitle: props.tableTitle,
     }), [
         context.dispatch,
-        props.cancelLabel,
+        props.drawerButtonCancel,
+        props.drawerButtonSave,
         props.drawerFormTitle,
         props.drawerFormDescription,
         props.drawerViewTitle,
@@ -129,16 +130,15 @@ const TeacherPageInner = (props) => {
         props.drawerFilterDescription,
         props.drawerMoreActionsTitle,
         props.drawerMoreActionsDescription,
-        props.labelActions,
-        props.labelEnabled,
-        props.labelId,
-        props.labelName,
-        props.labelPhone,
-        props.labelSpecialization,
-        props.labelTeacherCode,
-        props.saveLabel,
-        props.searchPlaceholder,
+        props.tableColumnHeaderActions,
+        props.tableColumnHeaderEnabled,
+        props.tableColumnHeaderId,
+        props.tableColumnHeaderName,
+        props.tableColumnHeaderPhone,
+        props.tableColumnHeaderSpecialization,
+        props.tableColumnHeaderTeacherCode,
         props.tableDescription,
+        props.tableSearchPlaceholder,
         props.tableTitle,
     ]);
     const hasPermission = resolveRbacPermissions({

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

@@ -1,9 +1,13 @@
 /**
  * Teacher Validation Schema
  *
- * Zod validation schemas for teacher form data.
+ * Zod validation schemas for teacher form data with i18n-ready error keys.
  */
 import { z } from "zod";
+export declare const VALIDATION_KEYS: {
+    readonly firstName: "validationTeacherFirstNameRequired";
+    readonly lastName: "validationTeacherLastNameRequired";
+};
 export declare const teacherFormValidation: z.ZodObject<{
     address: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     avatar: z.ZodNullable<z.ZodOptional<z.ZodString>>;

package/base-modules/teacher/validate.js

@@ -1,10 +1,17 @@
 /**
  * Teacher Validation Schema
  *
- * Zod validation schemas for teacher form data.
+ * Zod validation schemas for teacher form data with i18n-ready error keys.
  */
 import { z } from "zod";
 // ============================================================================
+// VALIDATION KEYS
+// ============================================================================
+export const VALIDATION_KEYS = {
+    firstName: "validationTeacherFirstNameRequired",
+    lastName: "validationTeacherLastNameRequired",
+};
+// ============================================================================
 // VALIDATION SCHEMA
 // ============================================================================
 export const teacherFormValidation = z.object({
@@ -15,39 +22,17 @@ export const teacherFormValidation = z.object({
     country: z.string().optional().nullable(),
     dateOfBirth: z.string().optional().nullable(),
     emergencyPhone: z.string().nullable().optional(),
-    // .superRefine((val, ctx) => {
-    //   if (!val) return; // null, undefined, or empty string are OK
-    //   if (
-    //     !/^([+]?[\s0-9]+)?(\d{3}|[(]?[0-9]+[)]?)?([-]?[\s]?[0-9])+$/.test(val)
-    //   ) {
-    //     ctx.addIssue({
-    //       code: z.ZodIssueCode.custom,
-    //       message: "Invalid phone number format",
-    //     });
-    //   }
-    // }),
     campusId: z.string().optional().nullable(),
     experience: z.number().optional().nullable(),
-    firstName: z.string().min(1, "First name is required"),
+    firstName: z.string().min(1, VALIDATION_KEYS.firstName),
     gender: z
         .preprocess((val) => (val === "" ? undefined : val), z
         .enum(["MALE", "FEMALE", "OTHER", "PREFER_NOT_TO_SAY"])
         .optional()
         .nullable()),
     joiningDate: z.string().optional(),
-    lastName: z.string().min(1, "Last name is required"),
+    lastName: z.string().min(1, VALIDATION_KEYS.lastName),
     phone: z.string().nullable().optional(),
-    // .superRefine((val, ctx) => {
-    //   if (!val) return; // null, undefined, or empty string are OK
-    //   if (
-    //     !/^([+]?[\s0-9]+)?(\d{3}|[(]?[0-9]+[)]?)?([-]?[\s]?[0-9])+$/.test(val)
-    //   ) {
-    //     ctx.addIssue({
-    //       code: z.ZodIssueCode.custom,
-    //       message: "Invalid phone number format",
-    //     });
-    //   }
-    // }),
     postalCode: z.string().optional().nullable(),
     qualification: z.string().optional().nullable(),
     specialization: z.string().optional().nullable(),

package/base-modules/teacher/view.js

@@ -22,8 +22,8 @@ export const TeacherView = () => {
         const last = (lastName === null || lastName === void 0 ? void 0 : lastName.charAt(0)) || "";
         return (first + last).toUpperCase() || "T";
     };
-    return (_jsxs("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(User, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionBasicInformation") })] }), _jsx(CardDescription, { children: t("viewSectionTeachersPersonalDetails") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldProfilePicture") }), _jsxs(Avatar, { className: "h-20 w-20", children: [_jsx(AvatarImage, { src: avatar || undefined, alt: fullName }), _jsx(AvatarFallback, { className: "text-lg", children: getInitials() })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldTeacherCode") }), _jsx("p", { className: "font-mono text-base", children: formatValue(teacherCode) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldName") }), _jsx("p", { className: "text-base", children: fullName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldGender") }), _jsx("p", { className: "text-base", children: formatValue(gender) })] }), _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("viewFieldStatus") }), _jsx("div", { className: "flex items-center gap-2", children: enabled ? (_jsxs(_Fragment, { children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-green-600" }), _jsx(Badge, { variant: "default", children: t("badgeActive") })] })) : (_jsxs(_Fragment, { children: [_jsx(XCircle, { className: "h-4 w-4 text-red-600" }), _jsx(Badge, { variant: "destructive", children: t("badgeInactive") })] })) })] })] }) })] }), _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("viewFieldHowToReachTheTeacher") })] }), _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: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "text-muted-foreground h-4 w-4" }), _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: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldEmergencyPhone") })] }), _jsx("p", { className: "text-base", children: formatPhoneDisplay(emergencyPhone) ||
-                                                formatValue(emergencyPhone) })] })] }) })] }), _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("viewSectionProfessionalInformation") })] }), _jsx(CardDescription, { children: t("viewFieldTeachingCredentialsAndExperience") })] }), _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("viewFieldQualification") }), _jsx("p", { className: "text-base", children: formatValue(qualification) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldSpecialization") }), _jsx("p", { className: "text-base", children: formatValue(specialization) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Briefcase, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldExperience") })] }), _jsx("p", { className: "text-base", children: experience
+    return (_jsxs("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(User, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionBasicInformation") })] }), _jsx(CardDescription, { children: t("viewSectionTeachersPersonalDetails") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldProfilePicture") }), _jsxs(Avatar, { className: "h-20 w-20", children: [_jsx(AvatarImage, { src: avatar || undefined, alt: fullName }), _jsx(AvatarFallback, { className: "text-lg", children: getInitials() })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldTeacherCode") }), _jsx("p", { className: "font-mono text-base", children: formatValue(teacherCode) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldName") }), _jsx("p", { className: "text-base", children: fullName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formGenderLabel") }), _jsx("p", { className: "text-base", children: formatValue(gender) })] }), _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("viewFieldStatus") }), _jsx("div", { className: "flex items-center gap-2", children: enabled ? (_jsxs(_Fragment, { children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-green-600" }), _jsx(Badge, { variant: "default", children: t("badgeActive") })] })) : (_jsxs(_Fragment, { children: [_jsx(XCircle, { className: "h-4 w-4 text-red-600" }), _jsx(Badge, { variant: "destructive", children: t("badgeInactive") })] })) })] })] }) })] }), _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("viewFieldHowToReachTheTeacher") })] }), _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: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "text-muted-foreground h-4 w-4" }), _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: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formEmergencyPhoneLabel") })] }), _jsx("p", { className: "text-base", children: formatPhoneDisplay(emergencyPhone) ||
+                                                formatValue(emergencyPhone) })] })] }) })] }), _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("viewSectionProfessionalInformation") })] }), _jsx(CardDescription, { children: t("viewFieldTeachingCredentialsAndExperience") })] }), _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("formQualificationLabel") }), _jsx("p", { className: "text-base", children: formatValue(qualification) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formSpecializationLabel") }), _jsx("p", { className: "text-base", children: formatValue(specialization) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Briefcase, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldExperience") })] }), _jsx("p", { className: "text-base", children: experience
                                                 ? t("experienceYears", { years: experience })
-                                                : "\u2014" })] }), _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("viewFieldJoiningDate") })] }), _jsx("p", { className: "text-base", children: formatDateValue(joiningDate) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MapPin, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionAddressInformation") })] }), _jsx(CardDescription, { children: t("viewFieldTeachersResidentialAddress") })] }), _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("viewFieldAddress") }), _jsx("p", { className: "text-base", children: formatValue(address) })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_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: "grid grid-cols-2 gap-4", children: [_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) })] })] })] }) })] }), bio && (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-lg", children: t("viewFieldBiography") }), _jsx(CardDescription, { children: t("viewFieldAboutTheTeacher") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("p", { className: "text-base", children: bio }) })] }))] }));
+                                                : "\u2014" })] }), _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("formJoiningDateLabel") })] }), _jsx("p", { className: "text-base", children: formatDateValue(joiningDate) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MapPin, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionAddressInformation") })] }), _jsx(CardDescription, { children: t("viewFieldTeachersResidentialAddress") })] }), _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("formAddressLabel") }), _jsx("p", { className: "text-base", children: formatValue(address) })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_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("viewFieldStateProvince") }), _jsx("p", { className: "text-base", children: formatValue(stateValue) })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_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) })] })] })] }) })] }), bio && (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-lg", children: t("viewFieldBiography") }), _jsx(CardDescription, { children: t("viewFieldAboutTheTeacher") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("p", { className: "text-base", children: bio }) })] }))] }));
 };

package/base-modules/user/filter.js

@@ -12,7 +12,7 @@ export const UserFilter = () => {
         : 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/user/form.js

@@ -11,6 +11,7 @@ import { USER_API_ROUTES } from "../../constants";
 import { formatPhone } from "@react-pakistan/util-functions/general/format-phone";
 import { useState } from "react";
 import { Eye, EyeOff } from "lucide-react";
+import { getTranslatedError } from "../../utils/get-translated-error";
 export const UserForm = () => {
     const t = useTranslations("user");
     const { handleAvatar, handleChange, state } = useUserModule();
@@ -52,8 +53,8 @@ export const UserForm = () => {
         },
         value: userRole !== null && userRole !== void 0 ? userRole : "",
     });
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(EnhancedInput, { error: errors.name, 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: errors.email, id: "email", info: t("formEmailInfo"), label: t("formEmailLabel"), onChange: (e) => handleChange("email", e.target.value), placeholder: t("formEmailPlaceholder"), required: true, type: "email", value: email }), _jsxs("div", { className: "relative", children: [_jsx(EnhancedInput, { error: errors.password, id: "password", info: t("formPasswordInfo"), label: t("formPasswordLabel"), onChange: (e) => handleChange("password", e.target.value), placeholder: t("formPasswordPlaceholder"), type: passwordVisible ? "text" : "password", value: password || "" }), _jsx("button", { type: "button", "aria-label": passwordVisible ? t("actionHidePassword") : t("actionShowPassword"), onClick: () => setPasswordVisible(!passwordVisible), className: "text-muted-foreground hover:text-foreground absolute inset-y-0 top-1 right-3 flex items-center justify-center p-1 text-sm", children: passwordVisible ? (_jsx(EyeOff, { className: "h-4 w-4" })) : (_jsx(Eye, { className: "h-4 w-4" })) })] }), _jsx(EnhancedInput, { error: errors.phone, id: "phone", info: t("formPhoneInfo"), label: t("formPhoneLabel"), onChange: (e) => {
+    return (_jsxs("div", { className: "space-y-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: "email", t }), id: "email", info: t("formEmailInfo"), label: t("formEmailLabel"), onChange: (e) => handleChange("email", e.target.value), placeholder: t("formEmailPlaceholder"), required: true, type: "email", value: email }), _jsxs("div", { className: "relative", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "password", t }), id: "password", info: t("formPasswordInfo"), label: t("formPasswordLabel"), onChange: (e) => handleChange("password", e.target.value), placeholder: t("formPasswordPlaceholder"), type: passwordVisible ? "text" : "password", value: password || "" }), _jsx("button", { type: "button", "aria-label": passwordVisible ? t("actionHidePassword") : t("actionShowPassword"), onClick: () => setPasswordVisible(!passwordVisible), className: "text-muted-foreground hover:text-foreground absolute inset-y-0 top-1 right-3 flex items-center justify-center p-1 text-sm", children: passwordVisible ? (_jsx(EyeOff, { className: "h-4 w-4" })) : (_jsx(Eye, { className: "h-4 w-4" })) })] }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "phone", t }), id: "phone", info: t("formPhoneInfo"), label: t("formPhoneLabel"), onChange: (e) => {
                     var _a;
                     return handleChange("phone", ((_a = formatPhone(e.target.value)) === null || _a === void 0 ? void 0 : _a.international) || e.target.value);
-                }, placeholder: t("formPhonePlaceholder"), type: "tel", value: phone || "" }), _jsx(EnhancedDropzone, { accept: ["image/*"], error: errors.avatar, id: "avatar", info: t("formAvatarInfo"), label: t("formAvatarLabel"), maxFiles: 1, maxSize: 0.25 * 1024 * 1024, onChange: handleAvatar, onRemoveRemote: () => handleChange("avatar", ""), resize: true, value: avatar ? [avatar] : [] }), _jsx(EnhancedCheckbox, { checked: enabled, error: errors.enabled, id: "enabled", info: t("formEnabledInfo"), label: t("formActiveUserLabel"), onCheckedChange: (checked) => handleChange("enabled", checked) }), userRoleCombo] }));
+                }, placeholder: t("formPhonePlaceholder"), type: "tel", value: phone || "" }), _jsx(EnhancedDropzone, { accept: ["image/*"], error: getTranslatedError({ errors, key: "avatar", t }), id: "avatar", info: t("formAvatarInfo"), label: t("formAvatarLabel"), maxFiles: 1, maxSize: 0.25 * 1024 * 1024, onChange: handleAvatar, onRemoveRemote: () => handleChange("avatar", ""), resize: true, value: avatar ? [avatar] : [] }), _jsx(EnhancedCheckbox, { checked: enabled, error: getTranslatedError({ errors, key: "enabled", t }), id: "enabled", info: t("formEnabledInfo"), label: t("formEnabledLabel"), onCheckedChange: (checked) => handleChange("enabled", checked) }), userRoleCombo] }));
 };

package/base-modules/user/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;
-    labelEmail: string;
-    labelEnabled: string;
-    labelId: string;
-    labelName: string;
-    labelPhone: string;
-    saveLabel: string;
-    searchPlaceholder: string;
+    tableColumnHeaderActions: string;
+    tableColumnHeaderEmail: string;
+    tableColumnHeaderEnabled: string;
+    tableColumnHeaderId: string;
+    tableColumnHeaderName: string;
+    tableColumnHeaderPhone: string;
     tableDescription: string;
+    tableSearchPlaceholder: string;
     tableTitle: string;
     userRole: USER_ROLE;
 }

package/base-modules/user/page.js

@@ -47,19 +47,19 @@ const createComponentInstances = () => ({
     moreActions: _jsx(UserMoreActions, {}),
     view: _jsx(UserView, {}),
 });
-const createUserConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelEmail, labelEnabled, labelId, labelName, labelPhone, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+const createUserConfig = ({ dispatch, drawerButtonCancel, drawerButtonSave, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, tableColumnHeaderActions, tableColumnHeaderEmail, tableColumnHeaderEnabled, tableColumnHeaderId, tableColumnHeaderName, tableColumnHeaderPhone, tableDescription, tableSearchPlaceholder, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "user",
         tableColumns: [
-            { label: labelId, width: "5%" },
-            { label: labelName, width: "30%" },
-            { label: labelEmail, width: "30%" },
-            { label: labelPhone, width: "20%" },
-            { label: labelEnabled, width: "10%" },
-            { label: labelActions, width: "5%" },
+            { label: tableColumnHeaderId, width: "5%" },
+            { label: tableColumnHeaderName, width: "30%" },
+            { label: tableColumnHeaderEmail, width: "30%" },
+            { label: tableColumnHeaderPhone, width: "20%" },
+            { label: tableColumnHeaderEnabled, width: "10%" },
+            { label: tableColumnHeaderActions, width: "5%" },
         ],
-        cancelLabel,
+        cancelLabel: drawerButtonCancel,
         drawerFilterDescription,
         drawerFilterTitle,
         drawerFormDescription,
@@ -71,8 +71,8 @@ const createUserConfig = ({ cancelLabel, dispatch, drawerFilterDescription, draw
         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 UserPageInner = (props) => {
     const context = useUserModule();
     const userConfig = useMemo(() => createUserConfig({
         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 UserPageInner = (props) => {
         drawerFilterDescription: props.drawerFilterDescription,
         drawerMoreActionsTitle: props.drawerMoreActionsTitle,
         drawerMoreActionsDescription: props.drawerMoreActionsDescription,
-        labelActions: props.labelActions,
-        labelEmail: props.labelEmail,
-        labelEnabled: props.labelEnabled,
-        labelId: props.labelId,
-        labelName: props.labelName,
-        labelPhone: props.labelPhone,
-        saveLabel: props.saveLabel,
-        searchPlaceholder: props.searchPlaceholder,
+        tableColumnHeaderActions: props.tableColumnHeaderActions,
+        tableColumnHeaderEmail: props.tableColumnHeaderEmail,
+        tableColumnHeaderEnabled: props.tableColumnHeaderEnabled,
+        tableColumnHeaderId: props.tableColumnHeaderId,
+        tableColumnHeaderName: props.tableColumnHeaderName,
+        tableColumnHeaderPhone: props.tableColumnHeaderPhone,
         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 UserPageInner = (props) => {
         props.drawerFilterDescription,
         props.drawerMoreActionsTitle,
         props.drawerMoreActionsDescription,
-        props.labelActions,
-        props.labelEmail,
-        props.labelEnabled,
-        props.labelId,
-        props.labelName,
-        props.labelPhone,
-        props.saveLabel,
-        props.searchPlaceholder,
+        props.tableColumnHeaderActions,
+        props.tableColumnHeaderEmail,
+        props.tableColumnHeaderEnabled,
+        props.tableColumnHeaderId,
+        props.tableColumnHeaderName,
+        props.tableColumnHeaderPhone,
         props.tableDescription,
+        props.tableSearchPlaceholder,
         props.tableTitle,
     ]);
     const hasPermission = resolveRbacPermissions({

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

@@ -1,10 +1,17 @@
 /**
  * User Validation Schema
  *
- * Zod validation schemas for user form data.
+ * Zod validation schemas for user form data with i18n-ready error keys.
  */
 import { z } from "zod";
 import { USER_ROLE } from "../../type";
+export declare const VALIDATION_KEYS: {
+    readonly name: "validationUserNameRequired";
+    readonly emailInvalid: "validationUserEmailInvalid";
+    readonly phoneInvalid: "validationUserPhoneInvalid";
+    readonly roleInvalid: "validationUserRoleInvalid";
+    readonly roleSchoolAdminNotAllowed: "validationUserRoleSchoolAdminNotAllowed";
+};
 export declare const userFormValidation: z.ZodObject<{
     name: z.ZodString;
     email: z.ZodEmail;

package/base-modules/user/validate.js

@@ -1,29 +1,39 @@
 /**
  * User Validation Schema
  *
- * Zod validation schemas for user form data.
+ * Zod validation schemas for user form data with i18n-ready error keys.
  */
 import { z } from "zod";
 import { USER_ROLE } from "../../type";
 // ============================================================================
+// VALIDATION KEYS
+// ============================================================================
+export const VALIDATION_KEYS = {
+    name: "validationUserNameRequired",
+    emailInvalid: "validationUserEmailInvalid",
+    phoneInvalid: "validationUserPhoneInvalid",
+    roleInvalid: "validationUserRoleInvalid",
+    roleSchoolAdminNotAllowed: "validationUserRoleSchoolAdminNotAllowed",
+};
+// ============================================================================
 // VALIDATION SCHEMA
 // ============================================================================
 export const userFormValidation = z.object({
-    name: z.string().min(1, "Name is required"),
-    email: z.email("Invalid email address"),
+    name: z.string().min(1, VALIDATION_KEYS.name),
+    email: z.email(VALIDATION_KEYS.emailInvalid),
     password: z.string().optional(),
     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),
     avatar: z.string().optional(),
     enabled: z.boolean().optional(),
     userRole: z
         .nativeEnum(USER_ROLE, {
-        error: "Invalid or missing role",
+        error: VALIDATION_KEYS.roleInvalid,
     })
         .refine((v) => v !== USER_ROLE.SCHOOL_ADMIN, {
-        message: "Selecting SCHOOL_ADMIN is not allowed",
+        message: VALIDATION_KEYS.roleSchoolAdminNotAllowed,
     }),
 });

package/base-modules/user/view.js

@@ -23,5 +23,5 @@ export const UserView = () => {
     const t = useTranslations("user");
     const { state } = useUserModule();
     const { avatar, email, enabled, name, phone } = state;
-    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(User, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldUserInformation") })] }), _jsx(CardDescription, { children: t("viewUserAccountDetails") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldProfilePicture") }), _jsxs(Avatar, { className: "h-20 w-20", children: [_jsx(AvatarImage, { src: avatar || undefined, alt: name || t("viewFieldName") }), _jsx(AvatarFallback, { className: "text-lg", children: getInitials(name) })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldName") }), _jsx("p", { className: "text-base", children: formatValue(name) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldEmailAddress") })] }), _jsx("p", { className: "text-base", children: formatValue(email) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldPhoneNumber") })] }), _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("viewFieldStatus") }), _jsxs(Badge, { variant: enabled ? "default" : "destructive", className: "gap-1", children: [enabled ? (_jsx(CheckCircle2, { className: "h-3 w-3" })) : (_jsx(XCircle, { className: "h-3 w-3" })), enabled ? t("badgeActive") : t("badgeInactive")] })] })] }) })] }) }));
+    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(User, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldUserInformation") })] }), _jsx(CardDescription, { children: t("viewUserAccountDetails") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldProfilePicture") }), _jsxs(Avatar, { className: "h-20 w-20", children: [_jsx(AvatarImage, { src: avatar || undefined, alt: name || t("viewFieldName") }), _jsx(AvatarFallback, { className: "text-lg", children: getInitials(name) })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("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: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formEmailLabel") })] }), _jsx("p", { className: "text-base", children: formatValue(email) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "text-muted-foreground h-4 w-4" }), _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("viewFieldStatus") }), _jsxs(Badge, { variant: enabled ? "default" : "destructive", className: "gap-1", children: [enabled ? (_jsx(CheckCircle2, { className: "h-3 w-3" })) : (_jsx(XCircle, { className: "h-3 w-3" })), enabled ? t("badgeActive") : t("badgeInactive")] })] })] }) })] }) }));
 };

package/base-modules/workspace/context.js

@@ -101,7 +101,7 @@ export const WorkspaceStateContextProvider = ({ children, }) => {
             }
             catch (_a) {
                 generateThemeToast({
-                    description: t("messagesFetchFailed"),
+                    description: t("messagesWorkspaceFetchFailed"),
                     variant: TOAST_VARIANT.ERROR,
                 });
             }
@@ -203,11 +203,11 @@ export const useWorkspaceModule = () => {
     const listCallback = useCallback(() => { }, []);
     const updateCallback = useCallback(({ data, error }) => {
         if (error) {
-            showToast(t("messagesUpdateFailed"), TOAST_VARIANT.ERROR);
+            showToast(t("messagesWorkspaceUpdateFailed"), TOAST_VARIANT.ERROR);
             return;
         }
         if (data) {
-            showToast(t("messagesSaveSuccess"), TOAST_VARIANT.SUCCESS);
+            showToast(t("messagesWorkspaceUpdated"), TOAST_VARIANT.SUCCESS);
             invalidateWorkspaceCache();
             resetFormAndCloseDrawer();
         }

package/base-modules/workspace/drawer.js

@@ -22,5 +22,5 @@ export const WorkspaceDrawer = () => {
     const isMoreActionsDrawer = drawer === WORKSPACE_DRAWER.MORE_ACTIONS_DRAWER;
     const applyFilters = () => { };
     const clearFilters = () => { };
-    return (_jsx(DrawerGeneric, { filterDrawer: null, filterDrawerHeader: null, filterDrawerFooter: null, formDrawer: isFormDrawer ? _jsx(WorkspaceForm, {}) : null, formDrawerHeader: isFormDrawer ? (_jsx(EnhancedDrawerHeader, { title: t("formDrawerTitle"), description: t("formDrawerDescription") })) : null, formDrawerFooter: isFormDrawer ? (_jsx(EnhancedDrawerFooter, { applyFilters: applyFilters, clearFilters: clearFilters, closeDrawer: handleCloseDrawer, disableSaveButton: disableSaveButton, drawerType: DRAWER_FOOTER_COMPONENT_TYPE.FORM_DRAWER, errors: errors, handleSubmit: handleSubmit, updateLoading: updateLoading })) : null, viewDrawer: isViewDrawer ? _jsx(WorkspaceView, {}) : null, viewDrawerHeader: isViewDrawer ? (_jsx(EnhancedDrawerHeader, { title: t("viewTitle"), description: t("viewDescription") })) : null, viewDrawerFooter: isViewDrawer ? (_jsx(EnhancedDrawerFooter, { applyFilters: applyFilters, clearFilters: clearFilters, closeDrawer: handleCloseDrawer, disableSaveButton: disableSaveButton, drawerType: DRAWER_FOOTER_COMPONENT_TYPE.VIEW_DRAWER, errors: errors, handleSubmit: handleSubmit, updateLoading: updateLoading })) : null, moreActionsDrawer: isMoreActionsDrawer ? _jsx(WorkspaceMoreActions, {}) : null, moreActionsDrawerHeader: isMoreActionsDrawer ? (_jsx(EnhancedDrawerHeader, { title: t("moreActionsTitle"), description: t("moreActionsDescription") })) : null, moreActionsDrawerFooter: isMoreActionsDrawer ? (_jsx(EnhancedDrawerFooter, { applyFilters: applyFilters, clearFilters: clearFilters, closeDrawer: handleCloseDrawer, disableSaveButton: disableSaveButton, drawerType: DRAWER_FOOTER_COMPONENT_TYPE.MORE_ACTIONS_DRAWER, errors: errors, handleSubmit: handleSubmit, updateLoading: updateLoading })) : null, onOpenChange: (open) => !open && handleCloseDrawer(), open: isFormDrawer || isViewDrawer || isMoreActionsDrawer }));
+    return (_jsx(DrawerGeneric, { filterDrawer: null, filterDrawerHeader: null, filterDrawerFooter: null, formDrawer: isFormDrawer ? _jsx(WorkspaceForm, {}) : null, formDrawerHeader: isFormDrawer ? (_jsx(EnhancedDrawerHeader, { title: t("drawerFormTitle"), description: t("drawerFormDescription") })) : null, formDrawerFooter: isFormDrawer ? (_jsx(EnhancedDrawerFooter, { applyFilters: applyFilters, clearFilters: clearFilters, closeDrawer: handleCloseDrawer, disableSaveButton: disableSaveButton, drawerType: DRAWER_FOOTER_COMPONENT_TYPE.FORM_DRAWER, errors: errors, handleSubmit: handleSubmit, updateLoading: updateLoading })) : null, viewDrawer: isViewDrawer ? _jsx(WorkspaceView, {}) : null, viewDrawerHeader: isViewDrawer ? (_jsx(EnhancedDrawerHeader, { title: t("drawerViewTitle"), description: t("drawerViewDescription") })) : null, viewDrawerFooter: isViewDrawer ? (_jsx(EnhancedDrawerFooter, { applyFilters: applyFilters, clearFilters: clearFilters, closeDrawer: handleCloseDrawer, disableSaveButton: disableSaveButton, drawerType: DRAWER_FOOTER_COMPONENT_TYPE.VIEW_DRAWER, errors: errors, handleSubmit: handleSubmit, updateLoading: updateLoading })) : null, moreActionsDrawer: isMoreActionsDrawer ? _jsx(WorkspaceMoreActions, {}) : null, moreActionsDrawerHeader: isMoreActionsDrawer ? (_jsx(EnhancedDrawerHeader, { title: t("drawerMoreActionsTitle"), description: t("drawerMoreActionsDescription") })) : null, moreActionsDrawerFooter: isMoreActionsDrawer ? (_jsx(EnhancedDrawerFooter, { applyFilters: applyFilters, clearFilters: clearFilters, closeDrawer: handleCloseDrawer, disableSaveButton: disableSaveButton, drawerType: DRAWER_FOOTER_COMPONENT_TYPE.MORE_ACTIONS_DRAWER, errors: errors, handleSubmit: handleSubmit, updateLoading: updateLoading })) : null, onOpenChange: (open) => !open && handleCloseDrawer(), open: isFormDrawer || isViewDrawer || isMoreActionsDrawer }));
 };

package/base-modules/workspace/filter.js

@@ -9,5 +9,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useTranslations } from "next-intl";
 export const WorkspaceFilter = () => {
     const t = useTranslations("workspace");
-    return (_jsx("div", { className: "p-6 text-center text-muted-foreground", children: _jsx("p", { children: t("filterFallbackText") }) }));
+    return (_jsx("div", { className: "p-6 text-center text-muted-foreground", children: _jsx("p", { children: t("messagesNoFiltersAvailable") }) }));
 };

package/base-modules/workspace/form.js

@@ -11,6 +11,7 @@ import { useTranslations } from "next-intl";
 import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
 import { EnhancedTextarea } from "@appcorp/shadcn/components/enhanced-textarea";
 import { useEnhancedCombobox } from "@appcorp/shadcn/hooks/use-enhanced-combobox";
+import { getTranslatedError } from "@/utils/get-translated-error";
 import { Shield, Eye, EyeOff } from "lucide-react";
 import { secretKeys } from "./constants";
 import { PLAN_API_ROUTES } from "../../constants";
@@ -54,5 +55,5 @@ export const WorkspaceForm = () => {
             });
         },
     });
-    return (_jsxs("div", { className: "space-y-6", children: [_jsx(EnhancedInput, { id: "name", label: t("formNameLabel"), value: state.name, onChange: (e) => handleChange("name", e.target.value), error: state.errors.name, placeholder: t("formNamePlaceholder"), required: true, readOnly: true }), _jsx(EnhancedInput, { id: "subdomain", label: t("formSubdomainLabel"), value: state.subdomain, onChange: (e) => handleChange("subdomain", e.target.value), error: state.errors.subdomain, placeholder: t("formSubdomainPlaceholder"), required: true, info: t("formSubdomainUrlInfo", { subdomain: state.subdomain }), readOnly: true }), _jsx(EnhancedTextarea, { id: "description", label: t("formDescriptionLabel"), value: state.description || "", onChange: (e) => handleChange("description", e.target.value), error: state.errors.description, placeholder: t("formDescriptionPlaceholder"), rows: 3 }), _jsx(EnhancedInput, { id: "logo", label: t("formLogoLabel"), value: state.logo || "", onChange: (e) => handleChange("logo", e.target.value), error: state.errors.logo, placeholder: t("formLogoPlaceholder"), type: "url", readOnly: true }), planIdCombo, _jsxs("div", { className: "mt-6 border-t pt-6", children: [_jsxs("div", { className: "mb-4 flex items-center gap-2", children: [_jsx(Shield, { className: "text-primary h-5 w-5" }), _jsx("h3", { className: "text-lg font-semibold", children: t("formSecretsTitleLabel") })] }), _jsx("p", { className: "text-muted-foreground mb-4 text-sm", children: t("formSecretsDescriptionLabel") }), _jsx(SecretsEditor, { secrets: secrets, errors: state.errors, onChange: handleSecretChange, secretPlaceholder: t("formSecretPlaceholder") })] })] }));
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(EnhancedInput, { id: "name", label: t("formNameLabel"), value: state.name, onChange: (e) => handleChange("name", e.target.value), error: getTranslatedError({ errors: state.errors, key: "name", t }), placeholder: t("formNamePlaceholder"), required: true, readOnly: true }), _jsx(EnhancedInput, { id: "subdomain", label: t("formSubdomainLabel"), value: state.subdomain, onChange: (e) => handleChange("subdomain", e.target.value), error: getTranslatedError({ errors: state.errors, key: "subdomain", t }), placeholder: t("formSubdomainPlaceholder"), required: true, info: t("formSubdomainUrlInfo", { subdomain: state.subdomain }), readOnly: true }), _jsx(EnhancedTextarea, { id: "description", label: t("formDescriptionLabel"), value: state.description || "", onChange: (e) => handleChange("description", e.target.value), error: state.errors.description, placeholder: t("formDescriptionPlaceholder"), rows: 3 }), _jsx(EnhancedInput, { id: "logo", label: t("formLogoLabel"), value: state.logo || "", onChange: (e) => handleChange("logo", e.target.value), error: state.errors.logo, placeholder: t("formLogoPlaceholder"), type: "url", readOnly: true }), planIdCombo, _jsxs("div", { className: "mt-6 border-t pt-6", children: [_jsxs("div", { className: "mb-4 flex items-center gap-2", children: [_jsx(Shield, { className: "text-primary h-5 w-5" }), _jsx("h3", { className: "text-lg font-semibold", children: t("formSectionSecrets") })] }), _jsx("p", { className: "text-muted-foreground mb-4 text-sm", children: t("formSecretsDescription") }), _jsx(SecretsEditor, { secrets: secrets, errors: state.errors, onChange: handleSecretChange, secretPlaceholder: t("formSecretPlaceholder") })] })] }));
 };

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

@@ -9,5 +9,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useTranslations } from "next-intl";
 export const WorkspaceMoreActions = () => {
     const t = useTranslations("workspace");
-    return (_jsx("div", { className: "p-6 text-center text-muted-foreground", children: _jsx("p", { children: t("moreActionsFallbackText") }) }));
+    return (_jsx("div", { className: "p-6 text-center text-muted-foreground", children: _jsx("p", { children: t("messagesNoAdditionalActions") }) }));
 };

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

@@ -12,7 +12,7 @@
 import { FC } from "react";
 import { USER_ROLE } from "../../type";
 interface Props {
-    labelEdit: string;
+    actionsButtonEdit: string;
     tableDescription: string;
     tableTitle: string;
     userRole: USER_ROLE;

package/base-modules/workspace/page.js

@@ -21,7 +21,7 @@ import { RbacNoAccess } from "../../components/rbac-no-access";
 // ============================================================================
 // INNER PAGE (requires WorkspaceStateContextProvider)
 // ============================================================================
-const WorkspaceInnerPage = ({ labelEdit, tableDescription, tableTitle, userRole, }) => {
+const WorkspaceInnerPage = ({ actionsButtonEdit, tableDescription, tableTitle, userRole, }) => {
     const { handleEdit } = useWorkspaceModule();
     const hasPermission = resolveRbacPermissions({
         userRole,
@@ -30,7 +30,7 @@ const WorkspaceInnerPage = ({ labelEdit, tableDescription, tableTitle, userRole,
     if (!hasPermission) {
         return _jsx(RbacNoAccess, { moduleName: "Workspace" });
     }
-    return (_jsx("div", { className: "container mx-auto px-4 py-8", children: _jsxs("div", { className: "mx-auto max-w-6xl", children: [_jsxs("div", { className: "mb-8", children: [_jsx("h1", { className: "text-3xl font-bold text-gray-900", children: tableTitle }), _jsx("p", { className: "mt-2 text-gray-600", children: tableDescription })] }), _jsx("div", { className: "mb-6 flex justify-end", children: _jsxs(Button, { onClick: handleEdit, className: "flex items-center space-x-2", children: [_jsx(Edit, { className: "h-4 w-4" }), _jsx("span", { children: labelEdit })] }) }), _jsx(WorkspaceView, {}), _jsx(WorkspaceDrawer, {})] }) }));
+    return (_jsx("div", { className: "container mx-auto px-4 py-8", children: _jsxs("div", { className: "mx-auto max-w-6xl", children: [_jsxs("div", { className: "mb-8", children: [_jsx("h1", { className: "text-3xl font-bold text-gray-900", children: tableTitle }), _jsx("p", { className: "mt-2 text-gray-600", children: tableDescription })] }), _jsx("div", { className: "mb-6 flex justify-end", children: _jsxs(Button, { onClick: handleEdit, className: "flex items-center space-x-2", children: [_jsx(Edit, { className: "h-4 w-4" }), _jsx("span", { children: actionsButtonEdit })] }) }), _jsx(WorkspaceView, {}), _jsx(WorkspaceDrawer, {})] }) }));
 };
 // ============================================================================
 // ROOT PAGE COMPONENT (wraps with provider)

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

@@ -1,4 +1,8 @@
 import { z } from "zod";
+export declare const VALIDATION_KEYS: {
+    readonly name: "validationWorkspaceNameRequired";
+    readonly subdomain: "validationWorkspaceSubdomainRequired";
+};
 export declare const workspaceFormValidation: z.ZodObject<{
     id: z.ZodOptional<z.ZodString>;
     name: z.ZodString;