@appcorp/fusion-storybook 0.2.88 → 0.2.89

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

@@ -444,7 +444,7 @@ export const useFamilyMemberModule = () => {
         {
             enabled: false,
             handleOnClick: handleCreate,
-            label: t("actionsButtonAddFamilyMember"),
+            label: t("actionsButtonAdd"),
             order: 3,
             icon: Plus,
         },

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

@@ -9,9 +9,10 @@ import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
 import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
 import { useFamilyMemberModule } from "./context";
 import { useTranslations } from "next-intl";
+import { getTranslatedError } from "@/utils/get-translated-error";
 export const FamilyMemberForm = () => {
     const { handleChange, state } = useFamilyMemberModule();
     const { bloodGroup, dateOfBirth, email, emergencyPhone, enabled, errors, firstName, gender, idNumber, isPrimary, lastName, occupation, phone, relationship, role, } = state;
     const t = useTranslations("familyMember");
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionPersonalInformation") }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(EnhancedInput, { error: errors.firstName, id: "firstName", info: t("formFirstNameInfo"), label: t("formFirstNameLabel"), onChange: (e) => handleChange("firstName", e.target.value), placeholder: t("formFirstNamePlaceholder"), required: true, value: firstName }), _jsx(EnhancedInput, { error: errors.lastName, id: "lastName", info: t("formLastNameInfo"), label: t("formLastNameLabel"), onChange: (e) => handleChange("lastName", e.target.value), placeholder: t("formLastNamePlaceholder"), required: true, value: lastName })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(EnhancedInput, { error: errors.role, id: "role", info: t("formRoleInfo"), label: t("formRoleLabel"), onChange: (e) => handleChange("role", e.target.value), placeholder: t("formRolePlaceholder"), required: true, value: role }), _jsx(EnhancedInput, { error: errors.dateOfBirth, id: "dateOfBirth", info: t("formDateOfBirthInfo"), label: t("formDateOfBirthLabel"), onChange: (e) => handleChange("dateOfBirth", e.target.value), placeholder: "YYYY-MM-DD", type: "date", value: dateOfBirth })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(EnhancedInput, { error: errors.gender, id: "gender", info: t("formGenderInfo"), label: t("formGenderLabel"), onChange: (e) => handleChange("gender", e.target.value), placeholder: t("formGenderPlaceholder"), value: gender }), _jsx(EnhancedInput, { error: errors.bloodGroup, id: "bloodGroup", info: t("formBloodGroupInfo"), label: t("formBloodGroupLabel"), onChange: (e) => handleChange("bloodGroup", e.target.value), placeholder: t("formBloodGroupPlaceholder"), value: bloodGroup })] }), _jsx(EnhancedInput, { error: errors.idNumber, id: "idNumber", info: t("formIdNumberInfo"), label: t("formIdNumberLabel"), onChange: (e) => handleChange("idNumber", e.target.value), placeholder: t("formIdNumberPlaceholder"), value: idNumber })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionContactInformation") }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(EnhancedInput, { error: errors.phone, id: "phone", info: t("formPhoneInfo"), label: t("formPhoneLabel"), onChange: (e) => handleChange("phone", e.target.value), placeholder: t("formPhonePlaceholder"), type: "tel", value: phone }), _jsx(EnhancedInput, { error: errors.email, id: "email", info: t("formEmailInfo"), label: t("formEmailLabel"), onChange: (e) => handleChange("email", e.target.value), placeholder: t("formEmailPlaceholder"), type: "email", value: email })] }), _jsx(EnhancedInput, { error: errors.emergencyPhone, id: "emergencyPhone", info: t("formEmergencyPhoneInfo"), label: t("formEmergencyPhoneLabel"), onChange: (e) => handleChange("emergencyPhone", e.target.value), placeholder: t("formEmergencyPhonePlaceholder"), type: "tel", value: emergencyPhone })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionAdditionalInformation") }), _jsx(EnhancedInput, { error: errors.relationship, id: "relationship", info: t("formRelationshipInfo"), label: t("formRelationshipLabel"), onChange: (e) => handleChange("relationship", e.target.value), placeholder: t("formRelationshipPlaceholder"), value: relationship }), _jsx(EnhancedInput, { error: errors.occupation, id: "occupation", info: t("formOccupationInfo"), label: t("formOccupationLabel"), onChange: (e) => handleChange("occupation", e.target.value), placeholder: t("formOccupationPlaceholder"), value: occupation })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formOptionStatus") }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(EnhancedCheckbox, { checked: isPrimary, id: "isPrimary", label: t("formPrimaryContactLabel"), onCheckedChange: (checked) => handleChange("isPrimary", checked === true) }), _jsx(EnhancedCheckbox, { checked: enabled, id: "enabled", label: t("badgeActive"), onCheckedChange: (checked) => handleChange("enabled", checked === true) })] })] })] }));
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionPersonalInformation") }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "firstName", t }), id: "firstName", info: t("formFirstNameInfo"), label: t("formFirstNameLabel"), onChange: (e) => handleChange("firstName", e.target.value), placeholder: t("formFirstNamePlaceholder"), required: true, value: firstName }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "lastName", t }), id: "lastName", info: t("formLastNameInfo"), label: t("formLastNameLabel"), onChange: (e) => handleChange("lastName", e.target.value), placeholder: t("formLastNamePlaceholder"), required: true, value: lastName })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "role", t }), id: "role", info: t("formRoleInfo"), label: t("formRoleLabel"), onChange: (e) => handleChange("role", e.target.value), placeholder: t("formRolePlaceholder"), required: true, value: role }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "dateOfBirth", t }), id: "dateOfBirth", info: t("formDateOfBirthInfo"), label: t("formDateOfBirthLabel"), onChange: (e) => handleChange("dateOfBirth", e.target.value), placeholder: "YYYY-MM-DD", type: "date", value: dateOfBirth })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "gender", t }), id: "gender", info: t("formGenderInfo"), label: t("formGenderLabel"), onChange: (e) => handleChange("gender", e.target.value), placeholder: t("formGenderPlaceholder"), value: gender }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "bloodGroup", t }), id: "bloodGroup", info: t("formBloodGroupInfo"), label: t("formBloodGroupLabel"), onChange: (e) => handleChange("bloodGroup", e.target.value), placeholder: t("formBloodGroupPlaceholder"), value: bloodGroup })] }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "idNumber", t }), id: "idNumber", info: t("formIdNumberInfo"), label: t("formIdNumberLabel"), onChange: (e) => handleChange("idNumber", e.target.value), placeholder: t("formIdNumberPlaceholder"), value: idNumber })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionContactInformation") }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "phone", t }), id: "phone", info: t("formPhoneInfo"), label: t("formPhoneLabel"), onChange: (e) => handleChange("phone", e.target.value), placeholder: t("formPhonePlaceholder"), type: "tel", value: phone }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "email", t }), id: "email", info: t("formEmailInfo"), label: t("formEmailLabel"), onChange: (e) => handleChange("email", e.target.value), placeholder: t("formEmailPlaceholder"), type: "email", value: email })] }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "emergencyPhone", t }), id: "emergencyPhone", info: t("formEmergencyPhoneInfo"), label: t("formEmergencyPhoneLabel"), onChange: (e) => handleChange("emergencyPhone", e.target.value), placeholder: t("formEmergencyPhonePlaceholder"), type: "tel", value: emergencyPhone })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionAdditionalInformation") }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "relationship", t }), id: "relationship", info: t("formRelationshipInfo"), label: t("formRelationshipLabel"), onChange: (e) => handleChange("relationship", e.target.value), placeholder: t("formRelationshipPlaceholder"), value: relationship }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "occupation", t }), id: "occupation", info: t("formOccupationInfo"), label: t("formOccupationLabel"), onChange: (e) => handleChange("occupation", e.target.value), placeholder: t("formOccupationPlaceholder"), value: occupation })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionStatus") }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(EnhancedCheckbox, { checked: isPrimary, id: "isPrimary", label: t("formPrimaryContactLabel"), onCheckedChange: (checked) => handleChange("isPrimary", checked === true) }), _jsx(EnhancedCheckbox, { checked: enabled, id: "enabled", label: t("badgeActive"), onCheckedChange: (checked) => handleChange("enabled", checked === true) })] })] })] }));
 };

package/base-modules/family-member/more-actions.js

@@ -114,17 +114,17 @@ export const FamilyMemberMoreActions = () => {
             const msgs = [];
             if (method === "POST") {
                 if (!((_b = row.familyId) === null || _b === void 0 ? void 0 : _b.trim()))
-                    msgs.push(t("validationRequiredFamilyId"));
+                    msgs.push(t("validationFamilyMemberFamilyIdRequired"));
                 if (!((_c = row.firstName) === null || _c === void 0 ? void 0 : _c.trim()))
-                    msgs.push(t("validationRequiredFirstName"));
+                    msgs.push(t("validationFamilyMemberFirstNameRequired"));
                 if (!((_d = row.lastName) === null || _d === void 0 ? void 0 : _d.trim()))
-                    msgs.push(t("validationRequiredLastName"));
+                    msgs.push(t("validationFamilyMemberLastNameRequired"));
                 if (!((_e = row.role) === null || _e === void 0 ? void 0 : _e.trim()))
-                    msgs.push(t("validationRequiredRole"));
+                    msgs.push(t("validationFamilyMemberRoleRequired"));
             }
             else {
                 if (!((_f = row.id) === null || _f === void 0 ? void 0 : _f.trim()))
-                    msgs.push(t("validationRequiredIdForUpdate"));
+                    msgs.push(t("validationFamilyMemberIdForUpdateRequired"));
             }
             if (msgs.length > 0) {
                 validationErrors.push({ row: i + 1, messages: msgs });

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

@@ -14,8 +14,13 @@
  */
 import { FC } from "react";
 import { USER_ROLE } from "../../type";
-interface Props {
-    cancelLabel: string;
+interface ConfigProps {
+    dispatch: React.Dispatch<{
+        type: string;
+        payload?: unknown;
+    }>;
+    drawerButtonCancel: string;
+    drawerButtonSave: string;
     drawerFilterDescription: string;
     drawerFilterTitle: string;
     drawerFormDescription: string;
@@ -24,19 +29,41 @@ interface Props {
     drawerMoreActionsTitle: string;
     drawerViewDescription: string;
     drawerViewTitle: string;
-    labelActions: string;
-    labelEmail: string;
-    labelEnabled: string;
-    labelFirstName: string;
-    labelId: string;
-    labelPhone: string;
-    labelPrimaryContact: string;
-    labelRole: string;
-    saveLabel: string;
-    searchPlaceholder: string;
+    tableColumnHeaderActions: string;
+    tableColumnHeaderEmail: string;
+    tableColumnHeaderEnabled: string;
+    tableColumnHeaderFirstName: string;
+    tableColumnHeaderId: string;
+    tableColumnHeaderPhone: string;
+    tableColumnHeaderPrimaryContact: string;
+    tableColumnHeaderRole: string;
     tableDescription: string;
+    tableSearchPlaceholder: string;
     tableTitle: string;
-    userRole: USER_ROLE;
 }
+type Props = Omit<ConfigProps, "dispatch"> & {
+    drawerButtonCancel: string;
+    drawerButtonSave: string;
+    drawerFilterDescription: string;
+    drawerFilterTitle: string;
+    drawerFormDescription: string;
+    drawerFormTitle: string;
+    drawerMoreActionsDescription: string;
+    drawerMoreActionsTitle: string;
+    drawerViewDescription: string;
+    drawerViewTitle: string;
+    tableColumnHeaderActions: string;
+    tableColumnHeaderEmail: string;
+    tableColumnHeaderEnabled: string;
+    tableColumnHeaderFirstName: string;
+    tableColumnHeaderId: string;
+    tableColumnHeaderPhone: string;
+    tableColumnHeaderPrimaryContact: string;
+    tableColumnHeaderRole: string;
+    tableDescription: string;
+    tableSearchPlaceholder: string;
+    tableTitle: string;
+    userRole: USER_ROLE;
+};
 export declare const FamilyMemberPage: FC<Props>;
 export {};

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

@@ -46,21 +46,21 @@ const createComponentInstances = () => ({
     moreActions: _jsx(FamilyMemberMoreActions, {}),
     view: _jsx(FamilyMemberView, {}),
 });
-const createFamilyMemberConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelEmail, labelEnabled, labelFirstName, labelId, labelPhone, labelPrimaryContact, labelRole, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+const createFamilyMemberConfig = ({ dispatch, drawerButtonCancel, drawerButtonSave, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, tableColumnHeaderActions, tableColumnHeaderEmail, tableColumnHeaderEnabled, tableColumnHeaderFirstName, tableColumnHeaderId, tableColumnHeaderPhone, tableColumnHeaderPrimaryContact, tableColumnHeaderRole, tableDescription, tableSearchPlaceholder, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "familyMember",
         tableColumns: [
-            { label: labelId, width: "5%" },
-            { label: labelFirstName, width: "20%" },
-            { label: labelRole, width: "15%" },
-            { label: labelEmail, width: "20%" },
-            { label: labelPhone, width: "15%" },
-            { label: labelPrimaryContact, width: "10%" },
-            { label: labelEnabled, width: "10%" },
-            { label: labelActions, width: "5%" },
+            { label: tableColumnHeaderId, width: "5%" },
+            { label: tableColumnHeaderFirstName, width: "20%" },
+            { label: tableColumnHeaderRole, width: "15%" },
+            { label: tableColumnHeaderEmail, width: "20%" },
+            { label: tableColumnHeaderPhone, width: "15%" },
+            { label: tableColumnHeaderPrimaryContact, width: "10%" },
+            { label: tableColumnHeaderEnabled, width: "10%" },
+            { label: tableColumnHeaderActions, width: "5%" },
         ],
-        cancelLabel,
+        cancelLabel: drawerButtonCancel,
         drawerFilterDescription,
         drawerFilterTitle,
         drawerFormDescription,
@@ -72,8 +72,8 @@ const createFamilyMemberConfig = ({ cancelLabel, dispatch, drawerFilterDescripti
         filterContent: components.filter,
         formContent: components.form,
         moreActionsContent: components.moreActions,
-        saveLabel,
-        searchPlaceholder,
+        saveLabel: drawerButtonSave,
+        searchPlaceholder: tableSearchPlaceholder,
         tableDescription,
         tableTitle,
         viewContent: components.view,
@@ -91,7 +91,8 @@ const FamilyMemberPageInner = (props) => {
     // Memoize config creation - destructure props to avoid object reference changes
     const familyMemberConfig = useMemo(() => createFamilyMemberConfig({
         dispatch: context.dispatch,
-        cancelLabel: props.cancelLabel,
+        drawerButtonCancel: props.drawerButtonCancel,
+        drawerButtonSave: props.drawerButtonSave,
         drawerFormTitle: props.drawerFormTitle,
         drawerFormDescription: props.drawerFormDescription,
         drawerViewTitle: props.drawerViewTitle,
@@ -100,21 +101,21 @@ const FamilyMemberPageInner = (props) => {
         drawerFilterDescription: props.drawerFilterDescription,
         drawerMoreActionsTitle: props.drawerMoreActionsTitle,
         drawerMoreActionsDescription: props.drawerMoreActionsDescription,
-        labelActions: props.labelActions,
-        labelEmail: props.labelEmail,
-        labelEnabled: props.labelEnabled,
-        labelFirstName: props.labelFirstName,
-        labelId: props.labelId,
-        labelPhone: props.labelPhone,
-        labelPrimaryContact: props.labelPrimaryContact,
-        labelRole: props.labelRole,
-        saveLabel: props.saveLabel,
-        searchPlaceholder: props.searchPlaceholder,
+        tableColumnHeaderActions: props.tableColumnHeaderActions,
+        tableColumnHeaderEmail: props.tableColumnHeaderEmail,
+        tableColumnHeaderEnabled: props.tableColumnHeaderEnabled,
+        tableColumnHeaderFirstName: props.tableColumnHeaderFirstName,
+        tableColumnHeaderId: props.tableColumnHeaderId,
+        tableColumnHeaderPhone: props.tableColumnHeaderPhone,
+        tableColumnHeaderPrimaryContact: props.tableColumnHeaderPrimaryContact,
+        tableColumnHeaderRole: props.tableColumnHeaderRole,
         tableDescription: props.tableDescription,
+        tableSearchPlaceholder: props.tableSearchPlaceholder,
         tableTitle: props.tableTitle,
     }), [
         context.dispatch,
-        props.cancelLabel,
+        props.drawerButtonCancel,
+        props.drawerButtonSave,
         props.drawerFormTitle,
         props.drawerFormDescription,
         props.drawerViewTitle,
@@ -123,17 +124,16 @@ const FamilyMemberPageInner = (props) => {
         props.drawerFilterDescription,
         props.drawerMoreActionsTitle,
         props.drawerMoreActionsDescription,
-        props.labelActions,
-        props.labelEmail,
-        props.labelEnabled,
-        props.labelFirstName,
-        props.labelId,
-        props.labelPhone,
-        props.labelPrimaryContact,
-        props.labelRole,
-        props.saveLabel,
-        props.searchPlaceholder,
+        props.tableColumnHeaderActions,
+        props.tableColumnHeaderEmail,
+        props.tableColumnHeaderEnabled,
+        props.tableColumnHeaderFirstName,
+        props.tableColumnHeaderId,
+        props.tableColumnHeaderPhone,
+        props.tableColumnHeaderPrimaryContact,
+        props.tableColumnHeaderRole,
         props.tableDescription,
+        props.tableSearchPlaceholder,
         props.tableTitle,
     ]);
     const hasPermission = resolveRbacPermissions({

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

@@ -4,6 +4,14 @@
  * Zod validation schemas for family-member form data.
  */
 import { z } from "zod";
+export declare const VALIDATION_KEYS: {
+    readonly familyId: "validationFamilyMemberFamilyIdRequired";
+    readonly firstName: "validationFamilyMemberFirstNameRequired";
+    readonly lastName: "validationFamilyMemberLastNameRequired";
+    readonly role: "validationFamilyMemberRoleRequired";
+    readonly emailInvalid: "validationFamilyMemberEmailInvalid";
+    readonly idForUpdate: "validationFamilyMemberIdForUpdateRequired";
+};
 export declare const familyMemberFormValidation: z.ZodObject<{
     familyId: z.ZodString;
     firstName: z.ZodString;

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

@@ -5,18 +5,33 @@
  */
 import { z } from "zod";
 // ============================================================================
+// VALIDATION KEYS (used as Zod error messages, translated via getTranslatedError)
+// ============================================================================
+export const VALIDATION_KEYS = {
+    familyId: "validationFamilyMemberFamilyIdRequired",
+    firstName: "validationFamilyMemberFirstNameRequired",
+    lastName: "validationFamilyMemberLastNameRequired",
+    role: "validationFamilyMemberRoleRequired",
+    emailInvalid: "validationFamilyMemberEmailInvalid",
+    idForUpdate: "validationFamilyMemberIdForUpdateRequired",
+};
+// ============================================================================
 // VALIDATION SCHEMA
 // ============================================================================
 export const familyMemberFormValidation = z.object({
-    familyId: z.string().min(1, "Family is required"),
-    firstName: z.string().min(1, "First name is required"),
-    lastName: z.string().min(1, "Last name is required"),
-    role: z.string().min(1, "Role is required"),
+    familyId: z.string().min(1, VALIDATION_KEYS.familyId),
+    firstName: z.string().min(1, VALIDATION_KEYS.firstName),
+    lastName: z.string().min(1, VALIDATION_KEYS.lastName),
+    role: z.string().min(1, VALIDATION_KEYS.role),
     dateOfBirth: z.string().optional(),
     gender: z.string().optional(),
     bloodGroup: z.string().optional(),
     phone: z.string().optional(),
-    email: z.string().email().optional().or(z.literal("")),
+    email: z
+        .string()
+        .email(VALIDATION_KEYS.emailInvalid)
+        .optional()
+        .or(z.literal("")),
     relationship: z.string().optional(),
     occupation: z.string().optional(),
     emergencyPhone: z.string().optional(),

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

@@ -34,9 +34,9 @@ export const FamilyMemberView = () => {
             return "—";
         return formatDate(new Date(value).toISOString(), DATE_FORMATS.LOCALE_DATE);
     };
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Card, { children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex items-center gap-6", children: [_jsxs(Avatar, { className: "h-24 w-24", children: [_jsx(AvatarImage, { src: avatar || undefined, alt: fullName }), _jsx(AvatarFallback, { className: "text-2xl", children: initials || "FM" })] }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h2", { className: "text-2xl font-bold", children: fullName }), enabled ? (_jsxs(Badge, { variant: "default", className: "gap-1", children: [_jsx(CheckCircle2, { className: "h-3 w-3" }), t("badgeActive")] })) : (_jsxs(Badge, { variant: "secondary", className: "gap-1", children: [_jsx(XCircle, { className: "h-3 w-3" }), t("badgeInactive")] })), isPrimary && (_jsxs(Badge, { variant: "outline", className: "gap-1", children: [_jsx(ShieldCheck, { className: "h-3 w-3" }), t("viewFieldPrimaryContact")] }))] }), _jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: t("viewFieldFamilyMemberProfile") }), _jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [role ? (_jsx(Badge, { variant: "secondary", className: "capitalize", children: formatEnumValue(role) })) : null, relationship ? (_jsx(Badge, { variant: "outline", className: "capitalize", children: formatEnumValue(relationship) })) : null, gender ? (_jsx(Badge, { variant: "outline", className: "capitalize", children: formatEnumValue(gender) })) : null] })] })] }) }) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(User, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionPersonalInformation") })] }), _jsx(CardDescription, { children: t("viewSectionBasicIdentityAndProfileDetails") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldFirstName") }), _jsx("p", { className: "text-base", children: formatValue(firstName) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldLastName") }), _jsx("p", { className: "text-base", children: formatValue(lastName) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldRole") }), role ? (_jsx(Badge, { variant: "secondary", className: "capitalize", children: formatEnumValue(role) })) : (_jsx("p", { className: "text-base", children: "\u2014" }))] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldDateOfBirth") })] }), _jsx("p", { className: "text-base", children: formatDateValue(dateOfBirth) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldGender") }), gender ? (_jsx(Badge, { variant: "outline", className: "capitalize", children: formatEnumValue(gender) })) : (_jsx("p", { className: "text-base", children: "\u2014" }))] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Heart, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldBloodGroup") })] }), _jsx("p", { className: "text-base", children: formatValue(bloodGroup) })] }), _jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldIdNumber") }), _jsx("p", { className: "text-base", children: formatValue(idNumber) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionContactInformation") })] }), _jsx(CardDescription, { children: t("viewSectionReachabilityAndEmergencyContactDetails") })] }), _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(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(Users, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldFamilyRole") })] }), _jsx(CardDescription, { children: t("viewFieldRelationshipAndHouseholdResponsibilities") })] }), _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("viewFieldRelationship") }), relationship ? (_jsx(Badge, { variant: "secondary", className: "capitalize", children: formatEnumValue(relationship) })) : (_jsx("p", { className: "text-base", children: "\u2014" }))] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Briefcase, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldOccupation") })] }), _jsx("p", { className: "text-base", children: formatValue(occupation) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ShieldCheck, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldStatus") })] }), _jsx(CardDescription, { children: t("viewFieldPrimaryContactAndAccountActivity") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(ShieldCheck, { className: "text-primary mt-0.5 h-5 w-5" }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: isPrimary
-                                                        ? t("viewFieldPrimaryContact")
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Card, { children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex items-center gap-6", children: [_jsxs(Avatar, { className: "h-24 w-24", children: [_jsx(AvatarImage, { src: avatar || undefined, alt: fullName }), _jsx(AvatarFallback, { className: "text-2xl", children: initials || "FM" })] }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h2", { className: "text-2xl font-bold", children: fullName }), enabled ? (_jsxs(Badge, { variant: "default", className: "gap-1", children: [_jsx(CheckCircle2, { className: "h-3 w-3" }), t("badgeActive")] })) : (_jsxs(Badge, { variant: "secondary", className: "gap-1", children: [_jsx(XCircle, { className: "h-3 w-3" }), t("badgeInactive")] })), isPrimary && (_jsxs(Badge, { variant: "outline", className: "gap-1", children: [_jsx(ShieldCheck, { className: "h-3 w-3" }), t("formPrimaryContactLabel")] }))] }), _jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: t("viewFieldFamilyMemberProfile") }), _jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [role ? (_jsx(Badge, { variant: "secondary", className: "capitalize", children: formatEnumValue(role) })) : null, relationship ? (_jsx(Badge, { variant: "outline", className: "capitalize", children: formatEnumValue(relationship) })) : null, gender ? (_jsx(Badge, { variant: "outline", className: "capitalize", children: formatEnumValue(gender) })) : null] })] })] }) }) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(User, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("formSectionPersonalInformation") })] }), _jsx(CardDescription, { children: t("viewSectionBasicIdentityAndProfileDetails") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formFirstNameLabel") }), _jsx("p", { className: "text-base", children: formatValue(firstName) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formLastNameLabel") }), _jsx("p", { className: "text-base", children: formatValue(lastName) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formRoleLabel") }), role ? (_jsx(Badge, { variant: "secondary", className: "capitalize", children: formatEnumValue(role) })) : (_jsx("p", { className: "text-base", children: "\u2014" }))] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formDateOfBirthLabel") })] }), _jsx("p", { className: "text-base", children: formatDateValue(dateOfBirth) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formGenderLabel") }), gender ? (_jsx(Badge, { variant: "outline", className: "capitalize", children: formatEnumValue(gender) })) : (_jsx("p", { className: "text-base", children: "\u2014" }))] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Heart, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formBloodGroupLabel") })] }), _jsx("p", { className: "text-base", children: formatValue(bloodGroup) })] }), _jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formIdNumberLabel") }), _jsx("p", { className: "text-base", children: formatValue(idNumber) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("formSectionContactInformation") })] }), _jsx(CardDescription, { children: t("viewSectionReachabilityAndEmergencyContactDetails") })] }), _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(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(Users, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldFamilyRole") })] }), _jsx(CardDescription, { children: t("viewFieldRelationshipAndHouseholdResponsibilities") })] }), _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("formRelationshipLabel") }), relationship ? (_jsx(Badge, { variant: "secondary", className: "capitalize", children: formatEnumValue(relationship) })) : (_jsx("p", { className: "text-base", children: "\u2014" }))] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Briefcase, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formOccupationLabel") })] }), _jsx("p", { className: "text-base", children: formatValue(occupation) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ShieldCheck, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldStatus") })] }), _jsx(CardDescription, { children: t("viewFieldPrimaryContactAndAccountActivity") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(ShieldCheck, { className: "text-primary mt-0.5 h-5 w-5" }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: isPrimary
+                                                        ? t("formPrimaryContactLabel")
                                                         : t("viewFieldSecondaryContact") }), _jsx("p", { className: "text-muted-foreground text-sm", children: isPrimary
                                                         ? t("viewFieldThisIsPrimaryFamilyContact")
                                                         : t("viewFieldThisIsAdditionalFamilyContact") })] })] }), _jsxs("div", { className: "flex items-start gap-3", children: [enabled ? (_jsx(CheckCircle2, { className: "mt-0.5 h-5 w-5 text-green-500" })) : (_jsx(XCircle, { className: "mt-0.5 h-5 w-5 text-red-500" })), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: enabled ? t("badgeActive") : t("badgeInactive") }), _jsx("p", { className: "text-muted-foreground text-sm", children: enabled

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

@@ -17,6 +17,7 @@ import { useTranslations } from "next-intl";
 import { useFetch } from "@react-pakistan/util-functions/hooks/use-fetch";
 import { API_METHODS } from "@react-pakistan/util-functions";
 import { useEffect } from "react";
+import { getTranslatedError } from "@/utils/get-translated-error";
 export const FeeStructureForm = () => {
     var _a, _b, _c;
     const { state, handleChange } = useFeeStructureModule();
@@ -54,7 +55,7 @@ export const FeeStructureForm = () => {
         emptyText: t("formNoFeeTypeEmpty"),
         id: "feeType",
         info: t("formFeeTypeInfo"),
-        label: t("formOptionFeeType"),
+        label: t("formFeeTypeLabel"),
         onValueChange: (value) => handleChange("feeType", value),
         options: FEE_TYPE_OPTIONS.map((opt) => ({
             value: opt.value,
@@ -77,7 +78,7 @@ export const FeeStructureForm = () => {
         emptyText: t("formNoFrequencyEmpty"),
         id: "frequency",
         info: t("formFrequencyInfo"),
-        label: t("formOptionFrequency"),
+        label: t("formFrequencyLabel"),
         onValueChange: (value) => handleChange("frequency", value),
         options: FREQUENCY_OPTIONS.map((opt) => ({
             value: opt.value,
@@ -117,7 +118,7 @@ export const FeeStructureForm = () => {
         },
         value: classId || "",
     });
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-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 || "" }), feeTypeCombo, _jsx(EnhancedInput, { error: errors.amount, id: "amount", info: t(`amountInfo`, {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "name", t }), id: "name", info: t("formNameInfo"), label: t("formNameLabel"), onChange: (e) => handleChange("name", e.target.value), placeholder: t("formNamePlaceholder"), required: true, value: name || "" }), feeTypeCombo, _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "amount", t }), id: "amount", info: t("formAmountInfo", {
                             currency: (_c = (_b = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _b === void 0 ? void 0 : _b.currency) !== null && _c !== void 0 ? _c : "",
-                        }), label: t("formAmountLabel"), min: "0", onChange: (e) => handleChange("amount", Number(e.target.value)), placeholder: t("formAmountPlaceholder"), required: true, step: "0.01", type: "number", value: amount }), frequencyCombo, classIdCombo, _jsx(EnhancedTextarea, { error: errors.description, id: "description", info: t("formDescriptionInfo"), label: t("formDescriptionLabel"), onChange: (e) => handleChange("description", e.target.value), placeholder: t("formDescriptionPlaceholder"), rows: 3, value: description || "" })] }), _jsx(EnhancedCheckbox, { defaultChecked: enabled, label: t("formActiveFeeStructureLabel"), onCheckedChange: (checked) => handleChange("enabled", checked) })] }));
+                        }), label: t("formAmountLabel"), min: "0", onChange: (e) => handleChange("amount", Number(e.target.value)), placeholder: t("formAmountPlaceholder"), required: true, step: "0.01", type: "number", value: amount }), frequencyCombo, classIdCombo, _jsx(EnhancedTextarea, { error: getTranslatedError({ errors, key: "description", t }), id: "description", info: t("formDescriptionInfo"), label: t("formDescriptionLabel"), onChange: (e) => handleChange("description", e.target.value), placeholder: t("formDescriptionPlaceholder"), rows: 3, value: description || "" })] }), _jsx(EnhancedCheckbox, { defaultChecked: enabled, label: t("formActiveFeeStructureLabel"), onCheckedChange: (checked) => handleChange("enabled", checked) })] }));
 };

package/base-modules/fee-structure/more-actions.js

@@ -116,12 +116,12 @@ export const FeeStructureMoreActions = () => {
             if (method === "POST") {
                 const result = feeStructureFormValidation.safeParse(Object.assign(Object.assign({}, row), { amount: Number(row.amount) }));
                 if (!result.success) {
-                    msgs.push(...result.error.issues.map((issue) => `${issue.path.join(".")}: ${issue.message}`));
+                    msgs.push(...result.error.issues.map((issue) => `${issue.path.join(".")}: ${t(issue.message)}`));
                 }
             }
             else {
                 if (!((_b = row.id) === null || _b === void 0 ? void 0 : _b.trim()))
-                    msgs.push(t("validationRequiredIdForUpdate"));
+                    msgs.push(t("validationFeeStructureIdForUpdateRequired"));
             }
             if (msgs.length > 0) {
                 validationErrors.push({ row: i + 1, messages: msgs });

package/base-modules/fee-structure/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,17 +28,16 @@ interface Props {
     drawerMoreActionsTitle: string;
     drawerViewDescription: string;
     drawerViewTitle: string;
-    labelActions: string;
-    labelAmount: string;
-    labelDescription: string;
-    labelEnabled: string;
-    labelFeeType: string;
-    labelFrequency: string;
-    labelId: string;
-    labelName: string;
-    saveLabel: string;
-    searchPlaceholder: string;
+    tableColumnHeaderActions: string;
+    tableColumnHeaderAmount: string;
+    tableColumnHeaderDescription: string;
+    tableColumnHeaderEnabled: string;
+    tableColumnHeaderFeeType: string;
+    tableColumnHeaderFrequency: string;
+    tableColumnHeaderId: string;
+    tableColumnHeaderName: string;
     tableDescription: string;
+    tableSearchPlaceholder: string;
     tableTitle: string;
     userRole: USER_ROLE;
 }

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

@@ -66,21 +66,21 @@ const createComponentInstances = () => ({
     moreActions: _jsx(FeeStructureMoreActions, {}),
     view: _jsx(FeeStructureView, {}),
 });
-const createFeeStructureConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelAmount, labelDescription, labelEnabled, labelFeeType, labelFrequency, labelId, labelName, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+const createFeeStructureConfig = ({ dispatch, drawerButtonCancel, drawerButtonSave, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, tableColumnHeaderActions, tableColumnHeaderAmount, tableColumnHeaderDescription, tableColumnHeaderEnabled, tableColumnHeaderFeeType, tableColumnHeaderFrequency, tableColumnHeaderId, tableColumnHeaderName, tableDescription, tableSearchPlaceholder, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "feeStructure",
         tableColumns: [
-            { label: labelId, width: "5%" },
-            { label: labelName, width: "20%" },
-            { label: labelFeeType, width: "15%" },
-            { label: labelAmount, width: "15%" },
-            { label: labelFrequency, width: "10%" },
-            { label: labelDescription, width: "20%" },
-            { label: labelEnabled, width: "10%" },
-            { label: labelActions, width: "5%" },
+            { label: tableColumnHeaderId, width: "5%" },
+            { label: tableColumnHeaderName, width: "20%" },
+            { label: tableColumnHeaderFeeType, width: "15%" },
+            { label: tableColumnHeaderAmount, width: "15%" },
+            { label: tableColumnHeaderFrequency, width: "10%" },
+            { label: tableColumnHeaderDescription, width: "20%" },
+            { label: tableColumnHeaderEnabled, width: "10%" },
+            { label: tableColumnHeaderActions, width: "5%" },
         ],
-        cancelLabel,
+        cancelLabel: drawerButtonCancel,
         drawerFilterDescription,
         drawerFilterTitle,
         drawerFormDescription,
@@ -92,8 +92,8 @@ const createFeeStructureConfig = ({ cancelLabel, dispatch, drawerFilterDescripti
         filterContent: components.filter,
         formContent: components.form,
         moreActionsContent: components.moreActions,
-        saveLabel,
-        searchPlaceholder,
+        saveLabel: drawerButtonSave,
+        searchPlaceholder: tableSearchPlaceholder,
         tableDescription,
         tableTitle,
         viewContent: components.view,
@@ -110,7 +110,8 @@ const FeeStructurePageInner = (props) => {
     const context = useFeeStructureModule();
     const feeStructureConfig = useMemo(() => createFeeStructureConfig({
         dispatch: context.dispatch,
-        cancelLabel: props.cancelLabel,
+        drawerButtonCancel: props.drawerButtonCancel,
+        drawerButtonSave: props.drawerButtonSave,
         drawerFormTitle: props.drawerFormTitle,
         drawerFormDescription: props.drawerFormDescription,
         drawerViewTitle: props.drawerViewTitle,
@@ -119,21 +120,21 @@ const FeeStructurePageInner = (props) => {
         drawerFilterDescription: props.drawerFilterDescription,
         drawerMoreActionsTitle: props.drawerMoreActionsTitle,
         drawerMoreActionsDescription: props.drawerMoreActionsDescription,
-        labelActions: props.labelActions,
-        labelAmount: props.labelAmount,
-        labelDescription: props.labelDescription,
-        labelEnabled: props.labelEnabled,
-        labelFeeType: props.labelFeeType,
-        labelFrequency: props.labelFrequency,
-        labelId: props.labelId,
-        labelName: props.labelName,
-        saveLabel: props.saveLabel,
-        searchPlaceholder: props.searchPlaceholder,
+        tableColumnHeaderActions: props.tableColumnHeaderActions,
+        tableColumnHeaderAmount: props.tableColumnHeaderAmount,
+        tableColumnHeaderDescription: props.tableColumnHeaderDescription,
+        tableColumnHeaderEnabled: props.tableColumnHeaderEnabled,
+        tableColumnHeaderFeeType: props.tableColumnHeaderFeeType,
+        tableColumnHeaderFrequency: props.tableColumnHeaderFrequency,
+        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,
@@ -142,17 +143,16 @@ const FeeStructurePageInner = (props) => {
         props.drawerFilterDescription,
         props.drawerMoreActionsTitle,
         props.drawerMoreActionsDescription,
-        props.labelActions,
-        props.labelAmount,
-        props.labelDescription,
-        props.labelEnabled,
-        props.labelFeeType,
-        props.labelFrequency,
-        props.labelId,
-        props.labelName,
-        props.saveLabel,
-        props.searchPlaceholder,
+        props.tableColumnHeaderActions,
+        props.tableColumnHeaderAmount,
+        props.tableColumnHeaderDescription,
+        props.tableColumnHeaderEnabled,
+        props.tableColumnHeaderFeeType,
+        props.tableColumnHeaderFrequency,
+        props.tableColumnHeaderId,
+        props.tableColumnHeaderName,
         props.tableDescription,
+        props.tableSearchPlaceholder,
         props.tableTitle,
     ]);
     const hasPermission = resolveRbacPermissions({

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

@@ -5,6 +5,12 @@
  */
 import { z } from "zod";
 import { FEE_TYPE } from "../../type";
+export declare const VALIDATION_KEYS: {
+    readonly name: "validationFeeStructureNameRequired";
+    readonly feeType: "validationFeeStructureFeeTypeRequired";
+    readonly amountPositive: "validationFeeStructureAmountPositive";
+    readonly idForUpdate: "validationFeeStructureIdForUpdateRequired";
+};
 export declare const feeStructureFormValidation: z.ZodObject<{
     name: z.ZodString;
     feeType: z.ZodEnum<typeof FEE_TYPE>;

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

@@ -5,10 +5,19 @@
  */
 import { z } from "zod";
 import { FEE_TYPE } from "../../type";
+// ============================================================================
+// VALIDATION KEYS (used as Zod error messages, translated via getTranslatedError)
+// ============================================================================
+export const VALIDATION_KEYS = {
+    name: "validationFeeStructureNameRequired",
+    feeType: "validationFeeStructureFeeTypeRequired",
+    amountPositive: "validationFeeStructureAmountPositive",
+    idForUpdate: "validationFeeStructureIdForUpdateRequired",
+};
 export const feeStructureFormValidation = z.object({
-    name: z.string().min(1, "Name is required"),
-    feeType: z.nativeEnum(FEE_TYPE, { error: "Fee type is required" }),
-    amount: z.number().positive("Amount must be positive"),
+    name: z.string().min(1, VALIDATION_KEYS.name),
+    feeType: z.nativeEnum(FEE_TYPE, { error: VALIDATION_KEYS.feeType }),
+    amount: z.number().positive(VALIDATION_KEYS.amountPositive),
     classId: z.string().optional().nullable(),
     frequency: z.string().optional().nullable(),
     description: z.string().optional().nullable(),