@appcorp/fusion-storybook 0.2.86 → 0.2.89

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

@@ -19,8 +19,8 @@ export const FeeStructureView = () => {
     const { amount, description, enabled, feeType, frequency, name } = state;
     const t = useTranslations("feeStructure");
     const workspace = getCachedWorkspaceSync();
-    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(DollarSign, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionFeeStructureDetails") })] }), _jsx(CardDescription, { children: t("viewSectionFeeStructureRecordDetails") })] }), _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("viewFieldName") }), _jsx("p", { className: "text-base font-semibold", children: formatValue(name) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldFeeType") }), _jsx(Badge, { variant: "secondary", children: formatValue(feeType) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldAmount") }), _jsxs("p", { className: "text-base", children: [(_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.currency, " ", Number(amount !== null && amount !== void 0 ? amount : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldFrequency") }), _jsx("p", { className: "text-base", children: formatValue(frequency) })] })] }) })] }), description ? (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionAdditionalDetails") })] }), _jsx(CardDescription, { children: t("viewFieldOptionalNotes") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("p", { className: "text-base", children: description }) })] })) : null, _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldStatus") })] }), _jsx(CardDescription, { children: t("viewFieldRecordState") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _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("viewFieldStatusActive")
-                                    : t("viewFieldStatusInactive")] }) })] })] }));
+    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(DollarSign, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionFeeStructureDetails") })] }), _jsx(CardDescription, { children: t("viewSectionFeeStructureRecordDetails") })] }), _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("formNameLabel") }), _jsx("p", { className: "text-base font-semibold", children: formatValue(name) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formFeeTypeLabel") }), _jsx(Badge, { variant: "secondary", children: formatValue(feeType) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formAmountLabel") }), _jsxs("p", { className: "text-base", children: [(_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.currency, " ", Number(amount !== null && amount !== void 0 ? amount : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formFrequencyLabel") }), _jsx("p", { className: "text-base", children: formatValue(frequency) })] })] }) })] }), description ? (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionAdditionalDetails") })] }), _jsx(CardDescription, { children: t("viewFieldOptionalNotes") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("p", { className: "text-base", children: description }) })] })) : null, _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldStatus") })] }), _jsx(CardDescription, { children: t("viewFieldRecordState") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _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")] }) })] })] }));
 };
 FeeStructureView.displayName = "FeeStructureView";

package/base-modules/rbac/assign-permissions.js

@@ -12,13 +12,10 @@ import { Badge } from "@appcorp/shadcn/components/ui/badge";
 import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
 import { ACCESS_LEVEL } from "../../type";
 import { useRbacModule } from "./context";
+import { useTranslations } from "next-intl";
 // ============================================================================
 // HELPERS
 // ============================================================================
-const ACCESS_LEVEL_LABELS = {
-    [ACCESS_LEVEL.READ]: "Read",
-    [ACCESS_LEVEL.READ_WRITE]: "Read & Write",
-};
 const ACCESS_LEVEL_VARIANT = {
     [ACCESS_LEVEL.READ]: "outline",
     [ACCESS_LEVEL.READ_WRITE]: "default",
@@ -28,6 +25,11 @@ const ACCESS_LEVEL_VARIANT = {
 // ============================================================================
 export const AssignPermissions = () => {
     const { state, handleTogglePermission } = useRbacModule();
+    const t = useTranslations("rbac");
+    const ACCESS_LEVEL_LABELS = {
+        [ACCESS_LEVEL.READ]: t("formOptionRead"),
+        [ACCESS_LEVEL.READ_WRITE]: t("formOptionReadWrite"),
+    };
     const assignedIds = new Set(state.rolePermissions.map((rp) => rp.permissionId));
     // Group permissions by module name
     const grouped = state.availablePermissions.reduce((acc, perm) => {
@@ -37,7 +39,9 @@ export const AssignPermissions = () => {
         return acc;
     }, {});
     const modules = Object.keys(grouped).sort();
-    return (_jsxs("div", { className: "space-y-5", children: [_jsxs("p", { className: "text-muted-foreground text-sm", children: ["Toggle permissions for the ", _jsx("strong", { children: state.name }), " role. Changes are saved immediately."] }), modules.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-6 text-center", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "No permissions found. Create permissions in the system first." }) })) : (modules.map((module) => (_jsxs("div", { children: [_jsxs("div", { className: "mb-3 flex items-center gap-3", children: [_jsx("p", { className: "text-sm font-semibold tracking-wide capitalize", children: module }), _jsx(Separator, { className: "flex-1" })] }), _jsx("div", { className: "space-y-1 pl-1", children: grouped[module].map((perm) => {
+    return (_jsxs("div", { className: "space-y-5", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: t.rich("viewTextTogglePermissions", {
+                    name: (chunks) => _jsx("strong", { children: chunks }),
+                }) }), modules.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-6 text-center", children: _jsx("p", { className: "text-muted-foreground text-sm", children: t("viewTextNoPermissionsFound") }) })) : (modules.map((module) => (_jsxs("div", { children: [_jsxs("div", { className: "mb-3 flex items-center gap-3", children: [_jsx("p", { className: "text-sm font-semibold tracking-wide capitalize", children: module }), _jsx(Separator, { className: "flex-1" })] }), _jsx("div", { className: "space-y-1 pl-1", children: grouped[module].map((perm) => {
                             const isAssigned = assignedIds.has(perm.id);
                             return (_jsxs("div", { className: [
                                     "flex cursor-pointer items-center gap-3 rounded-md px-3 py-2",

package/base-modules/rbac/filter.js

@@ -7,12 +7,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * since roles don't have enabled/status fields.
  */
 import { useRbacModule } from "./context";
+import { useTranslations } from "next-intl";
 export const RbacFilter = () => {
     const { applyFilters, clearFilters, closeDrawer } = useRbacModule();
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: "Use the search bar to find roles by name or description." }), _jsxs("div", { className: "mt-4 flex gap-2", children: [_jsx("button", { className: "text-muted-foreground text-sm underline", onClick: () => {
+    const t = useTranslations("rbac");
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: t("filterTextDescription") }), _jsxs("div", { className: "mt-4 flex gap-2", children: [_jsx("button", { className: "text-muted-foreground text-sm underline", onClick: () => {
                             clearFilters();
                             closeDrawer();
-                        }, children: "Clear filters" }), _jsx("button", { className: "text-sm underline", onClick: () => {
+                        }, children: t("drawerButtonClearFilter") }), _jsx("button", { className: "text-sm underline", onClick: () => {
                             applyFilters();
-                        }, children: "Apply" })] })] }));
+                        }, children: t("drawerButtonApply") })] })] }));
 };

package/base-modules/rbac/form.js

@@ -10,8 +10,9 @@ import { Separator } from "@appcorp/shadcn/components/ui/separator";
 import { useRbacModule } from "./context";
 import { AssignPermissions } from "./assign-permissions";
 import { useTranslations } from "next-intl";
+import { getTranslatedError } from "../../utils/get-translated-error";
 export const RbacForm = () => {
     const t = useTranslations("rbac");
     const { state, handleChange } = useRbacModule();
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { id: "name", label: t("formNameLabel"), required: true, type: "text", value: state.name || "", onChange: (e) => handleChange("name", e.target.value), error: state.errors.name, placeholder: t("formNamePlaceholder"), info: t("formNameInfo") }), _jsx(EnhancedInput, { id: "description", label: t("formDescriptionLabel"), type: "text", value: state.description || "", onChange: (e) => handleChange("description", e.target.value || undefined), error: state.errors.description, placeholder: t("formDescriptionPlaceholder"), info: t("formDescriptionInfo") })] }), state.id && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-medium", children: t("viewSectionPermissions") }), _jsx(AssignPermissions, {})] })] }))] }));
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { id: "name", label: t("formNameLabel"), required: true, type: "text", value: state.name || "", onChange: (e) => handleChange("name", e.target.value), error: getTranslatedError({ errors: state.errors, key: "name", t }), placeholder: t("formNamePlaceholder"), info: t("formNameInfo") }), _jsx(EnhancedInput, { id: "description", label: t("formDescriptionLabel"), type: "text", value: state.description || "", onChange: (e) => handleChange("description", e.target.value || undefined), error: getTranslatedError({ errors: state.errors, key: "description", t }), placeholder: t("formDescriptionPlaceholder"), info: t("formDescriptionInfo") })] }), state.id && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-medium", children: t("viewSectionPermissions") }), _jsx(AssignPermissions, {})] })] }))] }));
 };

package/base-modules/rbac/more-actions.d.ts

@@ -1,6 +1 @@
-/**
- * RBAC More Actions Component
- *
- * Placeholder for additional actions like bulk operations, exports, etc.
- */
 export declare const RbacMoreActions: () => import("react").JSX.Element;

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

@@ -5,6 +5,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * Placeholder for additional actions like bulk operations, exports, etc.
  */
+import { useTranslations } from "next-intl";
 export const RbacMoreActions = () => {
-    return (_jsx("div", { className: "space-y-4", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "Additional actions will be available here in future updates." }) }));
+    const t = useTranslations("rbac");
+    return (_jsx("div", { className: "space-y-4", children: _jsx("p", { className: "text-muted-foreground text-sm", children: t("moreActionsTextPlaceholder") }) }));
 };

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

@@ -4,6 +4,9 @@
  * Zod validation schemas for role form data.
  */
 import { z } from "zod";
+export declare const VALIDATION_KEYS: {
+    readonly name: "validationRoleNameRequired";
+};
 export declare const roleFormValidation: z.ZodObject<{
     name: z.ZodString;
     description: z.ZodOptional<z.ZodNullable<z.ZodString>>;

package/base-modules/rbac/validate.js

@@ -5,9 +5,15 @@
  */
 import { z } from "zod";
 // ============================================================================
+// VALIDATION KEYS
+// ============================================================================
+export const VALIDATION_KEYS = {
+    name: "validationRoleNameRequired",
+};
+// ============================================================================
 // VALIDATION SCHEMA
 // ============================================================================
 export const roleFormValidation = z.object({
-    name: z.string().min(1, "Role name is required"),
+    name: z.string().min(1, VALIDATION_KEYS.name),
     description: z.string().nullable().optional(),
 });

package/base-modules/rbac/view.js

@@ -5,13 +5,10 @@ import { Badge } from "@appcorp/shadcn/components/ui/badge";
 import { Separator } from "@appcorp/shadcn/components/ui/separator";
 import { useRbacModule } from "./context";
 import { ACCESS_LEVEL } from "../../type";
+import { useTranslations } from "next-intl";
 // ============================================================================
 // HELPERS
 // ============================================================================
-const accessLevelLabel = {
-    [ACCESS_LEVEL.READ]: "Read",
-    [ACCESS_LEVEL.READ_WRITE]: "Read & Write",
-};
 const accessLevelVariant = (access) => {
     if (access === ACCESS_LEVEL.READ_WRITE)
         return "default";
@@ -22,7 +19,12 @@ const accessLevelVariant = (access) => {
 // ============================================================================
 export const RbacView = () => {
     const { state } = useRbacModule();
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-lg", children: "Role Information" }), _jsx(CardDescription, { children: "Basic role details" })] }), _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: "Role Name" }), _jsx("p", { className: "text-base", children: state.name || "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: "Description" }), _jsx("p", { className: "text-base", children: state.description || "—" })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-lg", children: "Assigned Permissions" }), _jsx(CardDescription, { children: "Modules and access levels granted to this role" })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: state.rolePermissions.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "No permissions assigned to this role." })) : (_jsx("div", { className: "space-y-3", children: state.rolePermissions.map((rp) => {
+    const t = useTranslations("rbac");
+    const accessLevelLabel = {
+        [ACCESS_LEVEL.READ]: t("formOptionRead"),
+        [ACCESS_LEVEL.READ_WRITE]: t("formOptionReadWrite"),
+    };
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-lg", children: t("viewSectionRoleInformation") }), _jsx(CardDescription, { children: t("viewFieldRoleDetails") })] }), _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("formNameLabel") }), _jsx("p", { className: "text-base", children: state.name || "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formDescriptionLabel") }), _jsx("p", { className: "text-base", children: state.description || "—" })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-lg", children: t("viewSectionAssignedPermissions") }), _jsx(CardDescription, { children: t("viewTextPermissionsDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: state.rolePermissions.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: t("viewTextNoPermissions") })) : (_jsx("div", { className: "space-y-3", children: state.rolePermissions.map((rp) => {
                                 var _a, _b;
                                 return (_jsxs("div", { className: "flex items-center justify-between border-b py-2 last:border-0", children: [_jsx("span", { className: "text-sm font-medium", children: (_b = (_a = rp.permission) === null || _a === void 0 ? void 0 : _a.module) !== null && _b !== void 0 ? _b : rp.permissionId }), _jsx(Badge, { variant: rp.permission
                                                 ? accessLevelVariant(rp.permission.access)

package/base-modules/school/drawer.js

@@ -9,16 +9,18 @@ import { EnhancedDrawerHeader } from "@appcorp/shadcn/components/enhanced-drawer
 import { EnhancedDrawerFooter, DRAWER_FOOTER_COMPONENT_TYPE, } from "@appcorp/shadcn/components/enhanced-drawer-footer";
 import { DrawerGeneric } from "@appcorp/shadcn/components/drawer-generic";
 import { useSchoolModule, SCHOOL_DRAWER } from "./context";
+import { useTranslations } from "next-intl";
 import { SchoolForm } from "./form";
 import { SchoolView } from "./view";
 import { SchoolMoreActions } from "./more-actions";
 export const SchoolDrawer = () => {
     const { closeDrawer, handleSubmit, state, updateLoading } = useSchoolModule();
+    const t = useTranslations("school");
     const { disableSaveButton, drawer, errors } = state;
     const isFormDrawer = drawer === SCHOOL_DRAWER.FORM_DRAWER;
     const isViewDrawer = drawer === SCHOOL_DRAWER.VIEW_DRAWER;
     const isMoreActionsDrawer = drawer === SCHOOL_DRAWER.MORE_ACTIONS_DRAWER;
     const applyFilters = () => { };
     const clearFilters = () => { };
-    return (_jsx(DrawerGeneric, { filterDrawer: null, filterDrawerHeader: null, filterDrawerFooter: null, formDrawer: isFormDrawer ? _jsx(SchoolForm, {}) : null, formDrawerHeader: isFormDrawer ? (_jsx(EnhancedDrawerHeader, { title: "Edit School", description: "Update your school information" })) : null, formDrawerFooter: isFormDrawer ? (_jsx(EnhancedDrawerFooter, { applyFilters: applyFilters, clearFilters: clearFilters, closeDrawer: closeDrawer, disableSaveButton: disableSaveButton, drawerType: DRAWER_FOOTER_COMPONENT_TYPE.FORM_DRAWER, errors: errors, handleSubmit: handleSubmit, updateLoading: updateLoading })) : null, viewDrawer: isViewDrawer ? _jsx(SchoolView, {}) : null, viewDrawerHeader: isViewDrawer ? (_jsx(EnhancedDrawerHeader, { title: "School Details", description: "View your school information" })) : null, viewDrawerFooter: isViewDrawer ? (_jsx(EnhancedDrawerFooter, { applyFilters: applyFilters, clearFilters: clearFilters, closeDrawer: closeDrawer, disableSaveButton: disableSaveButton, drawerType: DRAWER_FOOTER_COMPONENT_TYPE.VIEW_DRAWER, errors: errors, handleSubmit: handleSubmit, updateLoading: updateLoading })) : null, moreActionsDrawer: isMoreActionsDrawer ? _jsx(SchoolMoreActions, {}) : null, moreActionsDrawerHeader: isMoreActionsDrawer ? (_jsx(EnhancedDrawerHeader, { title: "More Actions", description: "Additional school actions" })) : null, moreActionsDrawerFooter: isMoreActionsDrawer ? (_jsx(EnhancedDrawerFooter, { applyFilters: applyFilters, clearFilters: clearFilters, closeDrawer: closeDrawer, disableSaveButton: disableSaveButton, drawerType: DRAWER_FOOTER_COMPONENT_TYPE.MORE_ACTIONS_DRAWER, errors: errors, handleSubmit: handleSubmit, updateLoading: updateLoading })) : null, onOpenChange: (open) => !open && closeDrawer(), open: isFormDrawer || isViewDrawer || isMoreActionsDrawer }));
+    return (_jsx(DrawerGeneric, { filterDrawer: null, filterDrawerHeader: null, filterDrawerFooter: null, formDrawer: isFormDrawer ? _jsx(SchoolForm, {}) : null, formDrawerHeader: isFormDrawer ? (_jsx(EnhancedDrawerHeader, { title: t("drawerFormTitle"), description: t("drawerFormDescription") })) : null, formDrawerFooter: isFormDrawer ? (_jsx(EnhancedDrawerFooter, { applyFilters: applyFilters, clearFilters: clearFilters, closeDrawer: closeDrawer, disableSaveButton: disableSaveButton, drawerType: DRAWER_FOOTER_COMPONENT_TYPE.FORM_DRAWER, errors: errors, handleSubmit: handleSubmit, updateLoading: updateLoading })) : null, viewDrawer: isViewDrawer ? _jsx(SchoolView, {}) : null, viewDrawerHeader: isViewDrawer ? (_jsx(EnhancedDrawerHeader, { title: t("drawerViewTitle"), description: t("drawerViewDescription") })) : null, viewDrawerFooter: isViewDrawer ? (_jsx(EnhancedDrawerFooter, { applyFilters: applyFilters, clearFilters: clearFilters, closeDrawer: closeDrawer, disableSaveButton: disableSaveButton, drawerType: DRAWER_FOOTER_COMPONENT_TYPE.VIEW_DRAWER, errors: errors, handleSubmit: handleSubmit, updateLoading: updateLoading })) : null, moreActionsDrawer: isMoreActionsDrawer ? _jsx(SchoolMoreActions, {}) : null, moreActionsDrawerHeader: isMoreActionsDrawer ? (_jsx(EnhancedDrawerHeader, { title: t("drawerMoreActionsTitle"), description: t("drawerMoreActionsDescription") })) : null, moreActionsDrawerFooter: isMoreActionsDrawer ? (_jsx(EnhancedDrawerFooter, { applyFilters: applyFilters, clearFilters: clearFilters, closeDrawer: closeDrawer, disableSaveButton: disableSaveButton, drawerType: DRAWER_FOOTER_COMPONENT_TYPE.MORE_ACTIONS_DRAWER, errors: errors, handleSubmit: handleSubmit, updateLoading: updateLoading })) : null, onOpenChange: (open) => !open && closeDrawer(), open: isFormDrawer || isViewDrawer || isMoreActionsDrawer }));
 };

package/base-modules/school/form.js

@@ -12,6 +12,7 @@ import { useSchoolModule } from "./context";
 import { CURRENCY } from "../../type";
 import { SCHOOL_API_ROUTES } from "../../constants";
 import { useTranslations } from "next-intl";
+import { getTranslatedError } from "../../utils/get-translated-error";
 export const SchoolForm = () => {
     const t = useTranslations("school");
     const { state, handleChange } = useSchoolModule();
@@ -56,5 +57,5 @@ export const SchoolForm = () => {
     //   searchPlaceholder: t("formPrincipalSearchPlaceholder"),
     //   value: principalId || "",
     // });
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { id: "name", label: t("formNameLabel"), value: name, onChange: (e) => handleChange("name", e.target.value), error: errors.name, placeholder: t("formNamePlaceholder"), required: true }), _jsx(EnhancedInput, { id: "code", label: t("formCodeLabel"), value: code, onChange: (e) => handleChange("code", e.target.value), error: errors.code, placeholder: t("formCodePlaceholder"), required: true, info: t("formCodeInfo") }), currencyCombo, _jsx(EnhancedInput, { id: "address", label: t("formAddressLabel"), value: address || "", onChange: (e) => handleChange("address", e.target.value), error: errors.address, placeholder: t("formAddressPlaceholder") }), _jsx(EnhancedInput, { id: "city", label: t("formCityLabel"), value: city || "", onChange: (e) => handleChange("city", e.target.value), error: errors.city, placeholder: t("formCityPlaceholder") }), _jsx(EnhancedInput, { id: "state", label: t("formStateLabel"), value: stateField || "", onChange: (e) => handleChange("state", e.target.value), error: errors.state, placeholder: t("formStatePlaceholder") }), _jsx(EnhancedInput, { id: "country", label: t("formCountryLabel"), value: country || "", onChange: (e) => handleChange("country", e.target.value), error: errors.country, placeholder: t("formCountryPlaceholder") }), _jsx(EnhancedInput, { id: "postalCode", label: t("formPostalCodeLabel"), value: postalCode || "", onChange: (e) => handleChange("postalCode", e.target.value), error: errors.postalCode, placeholder: t("formPostalCodePlaceholder") }), _jsx(EnhancedInput, { id: "phone", label: t("formPhoneLabel"), value: phone || "", onChange: (e) => handleChange("phone", e.target.value), error: errors.phone, placeholder: t("formPhonePlaceholder"), type: "tel" }), _jsx(EnhancedInput, { id: "email", label: t("formEmailLabel"), value: email || "", onChange: (e) => handleChange("email", e.target.value), error: errors.email, placeholder: t("formEmailPlaceholder"), type: "email" })] }), _jsx(EnhancedInput, { id: "website", label: t("formWebsiteLabel"), value: website || "", onChange: (e) => handleChange("website", e.target.value), error: errors.website, placeholder: t("formWebsitePlaceholder"), type: "url" }), _jsx(EnhancedInput, { id: "logo", label: t("formLogoLabel"), value: logo || "", onChange: (e) => handleChange("logo", e.target.value), error: errors.logo, placeholder: t("formLogoPlaceholder"), type: "url" }), _jsx(EnhancedCheckbox, { id: "enabled", label: t("formEnabledLabel"), checked: enabled, error: errors.enabled, onCheckedChange: (checked) => handleChange("enabled", checked), info: t("formEnabledInfo") })] }));
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { id: "name", label: t("formNameLabel"), value: name, onChange: (e) => handleChange("name", e.target.value), error: getTranslatedError({ errors, key: "name", t }), placeholder: t("formNamePlaceholder"), required: true }), _jsx(EnhancedInput, { id: "code", label: t("formCodeLabel"), value: code, onChange: (e) => handleChange("code", e.target.value), error: getTranslatedError({ errors, key: "code", t }), placeholder: t("formCodePlaceholder"), required: true, info: t("formCodeInfo") }), currencyCombo, _jsx(EnhancedInput, { id: "address", label: t("formAddressLabel"), value: address || "", onChange: (e) => handleChange("address", e.target.value), error: getTranslatedError({ errors, key: "address", t }), placeholder: t("formAddressPlaceholder") }), _jsx(EnhancedInput, { id: "city", label: t("formCityLabel"), value: city || "", onChange: (e) => handleChange("city", e.target.value), error: getTranslatedError({ errors, key: "city", t }), placeholder: t("formCityPlaceholder") }), _jsx(EnhancedInput, { id: "state", label: t("formStateLabel"), value: stateField || "", onChange: (e) => handleChange("state", e.target.value), error: getTranslatedError({ errors, key: "state", t }), placeholder: t("formStatePlaceholder") }), _jsx(EnhancedInput, { id: "country", label: t("formCountryLabel"), value: country || "", onChange: (e) => handleChange("country", e.target.value), error: getTranslatedError({ errors, key: "country", t }), placeholder: t("formCountryPlaceholder") }), _jsx(EnhancedInput, { id: "postalCode", label: t("formPostalCodeLabel"), value: postalCode || "", onChange: (e) => handleChange("postalCode", e.target.value), error: getTranslatedError({ errors, key: "postalCode", t }), placeholder: t("formPostalCodePlaceholder") }), _jsx(EnhancedInput, { id: "phone", label: t("formPhoneLabel"), value: phone || "", onChange: (e) => handleChange("phone", e.target.value), error: getTranslatedError({ errors, key: "phone", t }), placeholder: t("formPhonePlaceholder"), type: "tel" }), _jsx(EnhancedInput, { id: "email", label: t("formEmailLabel"), value: email || "", onChange: (e) => handleChange("email", e.target.value), error: getTranslatedError({ errors, key: "email", t }), placeholder: t("formEmailPlaceholder"), type: "email" })] }), _jsx(EnhancedInput, { id: "website", label: t("formWebsiteLabel"), value: website || "", onChange: (e) => handleChange("website", e.target.value), error: getTranslatedError({ errors, key: "website", t }), placeholder: t("formWebsitePlaceholder"), type: "url" }), _jsx(EnhancedInput, { id: "logo", label: t("formLogoLabel"), value: logo || "", onChange: (e) => handleChange("logo", e.target.value), error: getTranslatedError({ errors, key: "logo", t }), placeholder: t("formLogoPlaceholder"), type: "url" }), _jsx(EnhancedCheckbox, { id: "enabled", label: t("formEnabledLabel"), checked: enabled, error: getTranslatedError({ errors, key: "enabled", t }), onCheckedChange: (checked) => handleChange("enabled", checked), info: t("formEnabledInfo") })] }));
 };

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

@@ -4,6 +4,14 @@
  * Zod validation schemas for account-school form data.
  */
 import { z } from "zod";
+export declare const VALIDATION_KEYS: {
+    readonly workspaceId: "validationSchoolWorkspaceRequired";
+    readonly name: "validationSchoolNameRequired";
+    readonly code: "validationSchoolCodeRequired";
+    readonly email: "validationSchoolEmailInvalid";
+    readonly website: "validationSchoolWebsiteInvalid";
+    readonly currency: "validationSchoolCurrencyRequired";
+};
 export declare const schoolFormValidation: z.ZodObject<{
     workspaceId: z.ZodString;
     name: z.ZodString;

package/base-modules/school/validate.js

@@ -5,22 +5,33 @@
  */
 import { z } from "zod";
 // ============================================================================
+// VALIDATION KEYS
+// ============================================================================
+export const VALIDATION_KEYS = {
+    workspaceId: "validationSchoolWorkspaceRequired",
+    name: "validationSchoolNameRequired",
+    code: "validationSchoolCodeRequired",
+    email: "validationSchoolEmailInvalid",
+    website: "validationSchoolWebsiteInvalid",
+    currency: "validationSchoolCurrencyRequired",
+};
+// ============================================================================
 // VALIDATION SCHEMA
 // ============================================================================
 export const schoolFormValidation = z.object({
-    workspaceId: z.string().min(1, "Workspace is required"),
-    name: z.string().min(1, "School name is required"),
-    code: z.string().min(1, "School code is required"),
+    workspaceId: z.string().min(1, VALIDATION_KEYS.workspaceId),
+    name: z.string().min(1, VALIDATION_KEYS.name),
+    code: z.string().min(1, VALIDATION_KEYS.code),
     address: z.string().nullable().optional(),
     city: z.string().nullable().optional(),
     state: z.string().nullable().optional(),
     country: z.string().nullable().optional(),
     postalCode: z.string().nullable().optional(),
     phone: z.string().nullable().optional(),
-    email: z.string().email("Invalid email format").nullable().optional(),
-    website: z.string().url("Invalid website URL").nullable().optional(),
+    email: z.string().email(VALIDATION_KEYS.email).nullable().optional(),
+    website: z.string().url(VALIDATION_KEYS.website).nullable().optional(),
     logo: z.string().nullable().optional(),
     principalId: z.string().nullable().optional(),
     enabled: z.boolean().optional(),
-    currency: z.string().min(1, "Currency is required"),
+    currency: z.string().min(1, VALIDATION_KEYS.currency),
 });

package/base-modules/school/view.js

@@ -17,9 +17,9 @@ export const SchoolView = () => {
     const { state } = useSchoolModule();
     const { name, code, currency, address, city, state: _state, country, postalCode, enabled, phone, email, website, logo, principalId, } = state;
     const t = useTranslations("school");
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Building2, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionBasicInfo") })] }), _jsx(CardDescription, { children: t("viewBasicInfoDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-2 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Building2, { className: "text-muted-foreground h-4 w-4" }), _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(Building2, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldCode") })] }), _jsx("p", { className: "font-mono text-sm", children: formatValue(code) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(DollarSign, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldCurrency") })] }), _jsx("p", { className: "text-base", children: formatValue(currency) })] }), _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) === "—"
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Building2, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionBasicInfo") })] }), _jsx(CardDescription, { children: t("viewBasicInfoDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-2 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Building2, { className: "text-muted-foreground h-4 w-4" }), _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(Building2, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldCode") })] }), _jsx("p", { className: "font-mono text-sm", children: formatValue(code) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(DollarSign, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formCurrencyLabel") })] }), _jsx("p", { className: "text-base", children: formatValue(currency) })] }), _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) === "—"
                                                 ? t("viewTextAddressNotProvided")
-                                                : 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("viewFieldState") }), _jsx("p", { className: "text-base", children: formatValue(_state) })] }), _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("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("viewStatusEnabled") : t("viewStatusDisabled")] })] })] }) })] }), _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("viewSectionContactInfo") })] }), _jsx(CardDescription, { children: t("viewContactInfoDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "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(Mail, { className: "text-muted-foreground h-4 w-4" }), _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 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Globe, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldWebsite") })] }), _jsx("p", { className: "text-base", children: formatValue(website) === "—" ? (t("viewTextWebsiteNotProvided")) : (_jsx("a", { href: website, target: "_blank", rel: "noopener noreferrer", className: "text-primary hover:underline", children: website })) })] }), logo && (_jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Image, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldLogo") })] }), _jsx("div", { className: "mt-2", children: _jsx("img", { src: logo, alt: t("viewFieldLogoAlt"), className: "h-16 w-16 rounded border object-contain", onError: (e) => {
+                                                : 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("viewFieldState") }), _jsx("p", { className: "text-base", children: formatValue(_state) })] }), _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("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("viewStatusEnabled") : t("viewStatusDisabled")] })] })] }) })] }), _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("viewSectionContactInfo") })] }), _jsx(CardDescription, { children: t("viewContactInfoDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "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: [_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 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Globe, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formWebsiteLabel") })] }), _jsx("p", { className: "text-base", children: formatValue(website) === "—" ? (t("viewTextWebsiteNotProvided")) : (_jsx("a", { href: website, target: "_blank", rel: "noopener noreferrer", className: "text-primary hover:underline", children: website })) })] }), logo && (_jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Image, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldLogo") })] }), _jsx("div", { className: "mt-2", children: _jsx("img", { src: logo, alt: t("viewFieldLogoAlt"), className: "h-16 w-16 rounded border object-contain", onError: (e) => {
                                                     e.currentTarget.style.display = "none";
                                                 } }) })] }))] }) })] }), _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("viewSectionAdministration") })] }), _jsx(CardDescription, { children: t("viewAdministrationDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(User, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldPrincipalId") })] }), _jsx("p", { className: "font-mono text-sm", children: formatValue(principalId) })] }) }) })] })] }));
 };

package/base-modules/section/filter.js

@@ -17,7 +17,7 @@ export const SectionFilter = () => {
         : 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/section/form.js

@@ -10,12 +10,13 @@ import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
 import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
 import { useSectionModule } from "./context";
 import { useTranslations } from "next-intl";
+import { getTranslatedError } from "../../utils/get-translated-error";
 export const SectionForm = () => {
     const { state, handleChange } = useSectionModule();
     const { capacity, enabled, errors, name } = state;
     const t = useTranslations("section");
-    return (_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: errors.name, id: "name", info: t("formSectionNameInfo"), label: t("viewFieldSectionName"), onChange: (e) => handleChange("name", e.target.value), placeholder: t("formSectionNamePlaceholder"), required: true, value: name }), _jsx(EnhancedInput, { error: errors.capacity, id: "capacity", info: t("formCapacityInfo"), label: t("formCapacityLabel"), onChange: (e) => {
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "name", t }), id: "name", info: t("formSectionNameInfo"), label: t("formSectionNameLabel"), onChange: (e) => handleChange("name", e.target.value), placeholder: t("formSectionNamePlaceholder"), required: true, value: name }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "capacity", t }), id: "capacity", info: t("formCapacityInfo"), label: t("formCapacityLabel"), onChange: (e) => {
                     const value = e.target.value;
                     handleChange("capacity", value ? Number(value) : 0);
-                }, placeholder: t("formCapacityPlaceholder"), type: "number", value: (capacity === null || capacity === void 0 ? void 0 : capacity.toString()) || "" }), _jsx(EnhancedCheckbox, { label: t("formActiveSectionLabel"), defaultChecked: enabled, onCheckedChange: (checked) => handleChange("enabled", checked), info: t("actionToggleActivateOrDeactivateSection") })] }));
+                }, placeholder: t("formCapacityPlaceholder"), type: "number", value: (capacity === null || capacity === void 0 ? void 0 : capacity.toString()) || "" }), _jsx(EnhancedCheckbox, { label: t("formEnabledLabel"), defaultChecked: enabled, onCheckedChange: (checked) => handleChange("enabled", checked), info: t("formEnabledInfo") })] }));
 };

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

package/base-modules/section/page.js

@@ -46,18 +46,18 @@ const createComponentInstances = () => ({
     moreActions: _jsx(SectionMoreActions, {}),
     view: _jsx(SectionView, {}),
 });
-const createSectionConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelCapacity, labelEnabled, labelId, labelName, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+const createSectionConfig = ({ dispatch, drawerButtonCancel, drawerButtonSave, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, tableColumnHeaderActions, tableColumnHeaderCapacity, tableColumnHeaderEnabled, tableColumnHeaderId, tableColumnHeaderName, tableDescription, tableSearchPlaceholder, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "section",
         tableColumns: [
-            { label: labelId, width: "5%" },
-            { label: labelName, width: "30%" },
-            { label: labelCapacity, width: "25%" },
-            { label: labelEnabled, width: "15%" },
-            { label: labelActions, width: "5%" },
+            { label: tableColumnHeaderId, width: "5%" },
+            { label: tableColumnHeaderName, width: "30%" },
+            { label: tableColumnHeaderCapacity, width: "25%" },
+            { label: tableColumnHeaderEnabled, width: "15%" },
+            { label: tableColumnHeaderActions, width: "5%" },
         ],
-        cancelLabel,
+        cancelLabel: drawerButtonCancel,
         drawerFilterDescription,
         drawerFilterTitle,
         drawerFormDescription,
@@ -69,8 +69,8 @@ const createSectionConfig = ({ cancelLabel, dispatch, drawerFilterDescription, d
         filterContent: components.filter,
         formContent: components.form,
         moreActionsContent: components.moreActions,
-        saveLabel,
-        searchPlaceholder,
+        saveLabel: drawerButtonSave,
+        searchPlaceholder: tableSearchPlaceholder,
         tableDescription,
         tableTitle,
         viewContent: components.view,
@@ -87,7 +87,8 @@ const SectionPageInner = (props) => {
     const context = useSectionModule();
     const sectionConfig = useMemo(() => createSectionConfig({
         dispatch: context.dispatch,
-        cancelLabel: props.cancelLabel,
+        drawerButtonCancel: props.drawerButtonCancel,
+        drawerButtonSave: props.drawerButtonSave,
         drawerFormTitle: props.drawerFormTitle,
         drawerFormDescription: props.drawerFormDescription,
         drawerViewTitle: props.drawerViewTitle,
@@ -96,18 +97,18 @@ const SectionPageInner = (props) => {
         drawerFilterDescription: props.drawerFilterDescription,
         drawerMoreActionsTitle: props.drawerMoreActionsTitle,
         drawerMoreActionsDescription: props.drawerMoreActionsDescription,
-        labelActions: props.labelActions,
-        labelCapacity: props.labelCapacity,
-        labelEnabled: props.labelEnabled,
-        labelId: props.labelId,
-        labelName: props.labelName,
-        saveLabel: props.saveLabel,
-        searchPlaceholder: props.searchPlaceholder,
+        tableColumnHeaderActions: props.tableColumnHeaderActions,
+        tableColumnHeaderCapacity: props.tableColumnHeaderCapacity,
+        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,
@@ -116,14 +117,13 @@ const SectionPageInner = (props) => {
         props.drawerFilterDescription,
         props.drawerMoreActionsTitle,
         props.drawerMoreActionsDescription,
-        props.labelActions,
-        props.labelCapacity,
-        props.labelEnabled,
-        props.labelId,
-        props.labelName,
-        props.saveLabel,
-        props.searchPlaceholder,
+        props.tableColumnHeaderActions,
+        props.tableColumnHeaderCapacity,
+        props.tableColumnHeaderEnabled,
+        props.tableColumnHeaderId,
+        props.tableColumnHeaderName,
         props.tableDescription,
+        props.tableSearchPlaceholder,
         props.tableTitle,
     ]);
     const hasPermission = resolveRbacPermissions({

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

@@ -4,6 +4,13 @@
  * Zod validation schemas for section form data.
  */
 import { z } from "zod";
+export declare const VALIDATION_KEYS: {
+    readonly name: "validationSectionNameRequired";
+    readonly nameMaxLength: "validationSectionNameMaxLength";
+    readonly nameInvalid: "validationSectionNameInvalid";
+    readonly capacityMin: "validationSectionCapacityMin";
+    readonly capacityMax: "validationSectionCapacityMax";
+};
 export declare const sectionFormValidation: z.ZodObject<{
     name: z.ZodString;
     capacity: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;

package/base-modules/section/validate.js

@@ -5,19 +5,29 @@
  */
 import { z } from "zod";
 // ============================================================================
+// VALIDATION KEYS
+// ============================================================================
+export const VALIDATION_KEYS = {
+    name: "validationSectionNameRequired",
+    nameMaxLength: "validationSectionNameMaxLength",
+    nameInvalid: "validationSectionNameInvalid",
+    capacityMin: "validationSectionCapacityMin",
+    capacityMax: "validationSectionCapacityMax",
+};
+// ============================================================================
 // VALIDATION SCHEMA
 // ============================================================================
 export const sectionFormValidation = z.object({
     name: z
         .string()
-        .min(1, "Name is required")
-        .max(100, "Name must be less than 100 characters")
-        .regex(/^[a-zA-Z0-9\s\-_]+$/, "Name can only contain letters, numbers, spaces, hyphens, and underscores"),
+        .min(1, VALIDATION_KEYS.name)
+        .max(100, VALIDATION_KEYS.nameMaxLength)
+        .regex(/^[a-zA-Z0-9\s\-_]+$/, VALIDATION_KEYS.nameInvalid),
     capacity: z
         .number()
         .int()
-        .min(1, "Capacity must be at least 1")
-        .max(1000, "Capacity cannot exceed 1000")
+        .min(1, VALIDATION_KEYS.capacityMin)
+        .max(1000, VALIDATION_KEYS.capacityMax)
         .optional()
         .nullable(),
     enabled: z.boolean().optional(),

package/base-modules/section/view.js

@@ -16,7 +16,7 @@ export const SectionView = () => {
     const { state } = useSectionModule();
     const { capacity, enabled, name } = state;
     const t = useTranslations("section");
-    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(Users, { className: "text-primary h-12 w-12" }) }), _jsx("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" }))] }) })] }) }) }), _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("viewSectionDetails") })] }), _jsx(CardDescription, { children: t("viewSectionCompleteSectionInformation") })] }), _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("viewFieldSectionName") }), _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("viewFieldCapacity") }), _jsxs("p", { className: "text-base", children: [formatValue(capacity), " ", capacity !== null ? t("viewFieldStudents") : ""] })] }), _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(Users, { className: "text-primary h-12 w-12" }) }), _jsx("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" }))] }) })] }) }) }), _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("viewSectionDetails") })] }), _jsx(CardDescription, { children: t("viewSectionCompleteSectionInformation") })] }), _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("formSectionNameLabel") }), _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("formCapacityLabel") }), _jsxs("p", { className: "text-base", children: [formatValue(capacity), " ", capacity !== null ? t("viewFieldStudents") : ""] })] }), _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/student-fee/filter.js

@@ -51,7 +51,7 @@ export const StudentFeeFilter = () => {
         },
         value: filterStatus || "",
     });
-    return (_jsxs("div", { className: "space-y-4", children: [filterStatusCombo, _jsx(EnhancedRadio, { label: t("filterOptionEnabled"), name: "filterEnabled", value: filterEnabledValue, options: [
+    return (_jsxs("div", { className: "space-y-4", children: [filterStatusCombo, _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" },