@appcorp/fusion-storybook 0.2.86 → 0.2.89

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

@@ -4,6 +4,12 @@
  * Zod validation schemas for enrollment form data.
  */
 import { z } from "zod";
+export declare const VALIDATION_KEYS: {
+    readonly classIdRequired: "validationEnrollmentClassIdRequired";
+    readonly studentProfileIdRequired: "validationEnrollmentStudentProfileIdRequired";
+    readonly sectionIdRequired: "validationEnrollmentSectionIdRequired";
+    readonly enrollmentDateRequired: "validationEnrollmentEnrollmentDateRequired";
+};
 export declare const enrollmentFormValidation: z.ZodObject<{
     classId: z.ZodString;
     studentProfileId: z.ZodString;

package/base-modules/enrollment/validate.js

@@ -5,15 +5,23 @@
  */
 import { z } from "zod";
 // ============================================================================
+// VALIDATION KEYS
+// ============================================================================
+export const VALIDATION_KEYS = {
+    classIdRequired: "validationEnrollmentClassIdRequired",
+    studentProfileIdRequired: "validationEnrollmentStudentProfileIdRequired",
+    sectionIdRequired: "validationEnrollmentSectionIdRequired",
+    enrollmentDateRequired: "validationEnrollmentEnrollmentDateRequired",
+};
+// ============================================================================
 // VALIDATION SCHEMA
 // ============================================================================
 export const enrollmentFormValidation = z.object({
-    classId: z.string().min(1, "Class is required"),
-    studentProfileId: z.string().min(1, "Student is required"),
-    sectionId: z.string().min(1, "Section is required"),
+    classId: z.string().min(1, VALIDATION_KEYS.classIdRequired),
+    studentProfileId: z.string().min(1, VALIDATION_KEYS.studentProfileIdRequired),
+    sectionId: z.string().min(1, VALIDATION_KEYS.sectionIdRequired),
     enrollmentDate: z
         .string()
-        .min(1, "Enrollment date is required")
-        .refine((v) => !isNaN(Date.parse(v)), "Invalid date format"),
+        .min(1, VALIDATION_KEYS.enrollmentDateRequired),
     enabled: z.boolean().optional(),
 });

package/base-modules/enrollment/view.js

@@ -37,8 +37,8 @@ export const EnrollmentView = memo(() => {
             ? `${section.class.code}-${section.name}`
             : section.name
         : (sectionId !== null && sectionId !== void 0 ? sectionId : "—");
-    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(BookOpen, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionEnrollmentDetails") })] }), _jsx(CardDescription, { children: t("viewSectionCompleteEnrollmentInformation") })] }), _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-sm font-medium text-muted-foreground", children: t("viewFieldStudent") }), _jsx("p", { className: "text-base", children: studentName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("labelClass") }), _jsx("p", { className: "text-base", children: className })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("formSectionLabel") }), _jsx("p", { className: "text-base", children: sectionName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldEnrollmentDate") }), _jsx("p", { className: "text-base", children: enrollmentDate
+    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(BookOpen, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionEnrollmentDetails") })] }), _jsx(CardDescription, { children: t("viewSectionCompleteEnrollmentInformation") })] }), _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-sm font-medium text-muted-foreground", children: t("viewFieldStudent") }), _jsx("p", { className: "text-base", children: studentName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("formClassLabel") }), _jsx("p", { className: "text-base", children: className })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("formSectionLabel") }), _jsx("p", { className: "text-base", children: sectionName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldEnrollmentDate") }), _jsx("p", { className: "text-base", children: enrollmentDate
                                                 ? formatDate(enrollmentDate, DATE_FORMATS.LOCALE_DATE)
-                                                : "—" })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BookOpen, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldStatus") })] }), _jsx(CardDescription, { children: t("viewFieldEnrollmentAvailability") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("div", { className: "grid grid-cols-1 gap-6", children: _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldStatus") }), _jsx(Badge, { variant: enabled ? "default" : "destructive", className: "gap-1", children: enabled ? (_jsxs(_Fragment, { children: [_jsx(CheckCircle2, { className: "h-3 w-3" }), " ", t("viewFieldStatusActive")] })) : (_jsxs(_Fragment, { children: [_jsx(XCircle, { className: "h-3 w-3" }), " ", t("viewFieldStatusInactive")] })) })] }) }) })] })] }));
+                                                : "—" })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BookOpen, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldStatus") })] }), _jsx(CardDescription, { children: t("viewFieldEnrollmentAvailability") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("div", { className: "grid grid-cols-1 gap-6", children: _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldStatus") }), _jsx(Badge, { variant: enabled ? "default" : "destructive", className: "gap-1", children: enabled ? (_jsxs(_Fragment, { children: [_jsx(CheckCircle2, { className: "h-3 w-3" }), " ", t("badgeActive")] })) : (_jsxs(_Fragment, { children: [_jsx(XCircle, { className: "h-3 w-3" }), " ", t("badgeInactive")] })) })] }) }) })] })] }));
 });
 EnrollmentView.displayName = "EnrollmentView";

package/base-modules/expense/filter.js

@@ -70,7 +70,7 @@ export const ExpenseFilter = () => {
         emptyText: t("filterNoStatusFoundLabel"),
         id: "filterStatus",
         info: t("filterByStatus"),
-        label: t("filterOptionStatus"),
+        label: t("filterStatusLabel"),
         onValueChange: (value) => handleChange("filterStatus", value),
         options: EXPENSE_STATUS_OPTIONS.map((opt) => ({
             value: opt.value,

package/base-modules/expense/form.js

@@ -81,7 +81,7 @@ export const ExpenseForm = () => {
         emptyText: t("formNoStatusEmpty"),
         id: "status",
         info: t("formStatusInfo"),
-        label: t("formOptionStatus"),
+        label: t("formStatusLabel"),
         onValueChange: (value) => handleChange("status", value),
         options: EXPENSE_STATUS_OPTIONS.map((opt) => ({
             value: opt.value,
@@ -122,11 +122,11 @@ export const ExpenseForm = () => {
         },
         value: paymentMethod || "",
     });
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(EnhancedInput, { error: errors.title, id: "title", info: t("formTitleInfo"), label: t("formTitleLabel"), onChange: (e) => handleChange("title", e.target.value), placeholder: t("formTitlePlaceholder"), required: true, type: "text", value: title || "" }), categoryCombo, statusCombo, _jsx(EnhancedInput, { error: errors.amount, id: "amount", info: `${t("formAmountInfo")} ${currency}`, label: t("formAmountLabel"), min: "0", onChange: (e) => handleChange("amount", Number(e.target.value)), placeholder: "0.00", required: true, step: "0.01", type: "number", value: amount }), _jsx(EnhancedInput, { error: errors.expenseDate, id: "expenseDate", info: t("formExpenseDateInfo"), label: t("formExpenseDateLabel"), onChange: (e) => handleChange("expenseDate", e.target.value), required: true, type: "date", value: expenseDate || "" }), _jsx(EnhancedTextarea, { error: errors.description, id: "description", label: t("formDescriptionLabel"), onChange: (e) => handleChange("description", e.target.value), placeholder: t("formDescriptionPlaceholder"), rows: 3, value: description || "" }), _jsx(EnhancedInput, { error: errors.vendorName, id: "vendorName", info: t("formVendorNameInfo"), label: t("formVendorNameLabel"), onChange: (e) => handleChange("vendorName", e.target.value), placeholder: t("formVendorNamePlaceholder"), type: "text", value: vendorName || "" }), _jsx(EnhancedInput, { error: errors.vendorContact, id: "vendorContact", info: t("formVendorContactInfo"), label: t("formVendorContactLabel"), onChange: (e) => handleChange("vendorContact", e.target.value), placeholder: t("formVendorContactPlaceholder"), type: "text", value: vendorContact || "" }), _jsx(EnhancedInput, { error: errors.invoiceNumber, id: "invoiceNumber", info: t("formInvoiceNumberInfo"), label: t("formInvoiceNumberLabel"), onChange: (e) => handleChange("invoiceNumber", e.target.value), placeholder: t("formInvoiceNumberPlaceholder"), type: "text", value: invoiceNumber || "" }), paymentMethodCombo, _jsx(EnhancedInput, { error: errors.paymentDate, id: "paymentDate", info: t("formPaymentDateInfo"), label: t("formPaymentDateLabel"), onChange: (e) => handleChange("paymentDate", e.target.value), type: "date", value: paymentDate || "" }), _jsx(EnhancedInput, { error: errors.receiptNumber, id: "receiptNumber", info: t("formReceiptNumberInfo"), label: t("formReceiptNumberLabel"), onChange: (e) => handleChange("receiptNumber", e.target.value), placeholder: t("formReceiptNumberPlaceholder"), type: "text", value: receiptNumber || "" }), _jsx(EnhancedInput, { error: errors.transactionId, id: "transactionId", info: t("formTransactionIdInfo"), label: t("formTransactionIdLabel"), onChange: (e) => handleChange("transactionId", e.target.value), placeholder: t("formTransactionIdPlaceholder"), type: "text", value: transactionId || "" }), _jsx(EnhancedTextarea, { error: errors.remarks, id: "remarks", label: t("formRemarksLabel"), onChange: (e) => handleChange("remarks", e.target.value), placeholder: t("formRemarksPlaceholder"), rows: 3, value: remarks || "" }), _jsx(EnhancedDropzone, { accept: ["image/*", "application/pdf"], error: errors.attachments, id: "attachments", info: t("formAttachmentsInfo"), label: t("formAttachmentsLabel"), maxFiles: 10, onChange: (files) => {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(EnhancedInput, { error: errors.title ? t(errors.title) : undefined, id: "title", info: t("formTitleInfo"), label: t("formTitleLabel"), onChange: (e) => handleChange("title", e.target.value), placeholder: t("formTitlePlaceholder"), required: true, type: "text", value: title || "" }), categoryCombo, statusCombo, _jsx(EnhancedInput, { error: errors.amount ? t(errors.amount) : undefined, id: "amount", info: `${t("formAmountInfo")} ${currency}`, label: t("formAmountLabel"), min: "0", onChange: (e) => handleChange("amount", Number(e.target.value)), placeholder: "0.00", required: true, step: "0.01", type: "number", value: amount }), _jsx(EnhancedInput, { error: errors.expenseDate ? t(errors.expenseDate) : undefined, id: "expenseDate", info: t("formExpenseDateInfo"), label: t("formExpenseDateLabel"), onChange: (e) => handleChange("expenseDate", e.target.value), required: true, type: "date", value: expenseDate || "" }), _jsx(EnhancedTextarea, { error: errors.description, id: "description", label: t("formDescriptionLabel"), onChange: (e) => handleChange("description", e.target.value), placeholder: t("formDescriptionPlaceholder"), rows: 3, value: description || "" }), _jsx(EnhancedInput, { error: errors.vendorName ? t(errors.vendorName) : undefined, id: "vendorName", info: t("formVendorNameInfo"), label: t("formVendorNameLabel"), onChange: (e) => handleChange("vendorName", e.target.value), placeholder: t("formVendorNamePlaceholder"), type: "text", value: vendorName || "" }), _jsx(EnhancedInput, { error: errors.vendorContact ? t(errors.vendorContact) : undefined, id: "vendorContact", info: t("formVendorContactInfo"), label: t("formVendorContactLabel"), onChange: (e) => handleChange("vendorContact", e.target.value), placeholder: t("formVendorContactPlaceholder"), type: "text", value: vendorContact || "" }), _jsx(EnhancedInput, { error: errors.invoiceNumber ? t(errors.invoiceNumber) : undefined, id: "invoiceNumber", info: t("formInvoiceNumberInfo"), label: t("formInvoiceNumberLabel"), onChange: (e) => handleChange("invoiceNumber", e.target.value), placeholder: t("formInvoiceNumberPlaceholder"), type: "text", value: invoiceNumber || "" }), paymentMethodCombo, _jsx(EnhancedInput, { error: errors.paymentDate ? t(errors.paymentDate) : undefined, id: "paymentDate", info: t("formPaymentDateInfo"), label: t("formPaymentDateLabel"), onChange: (e) => handleChange("paymentDate", e.target.value), type: "date", value: paymentDate || "" }), _jsx(EnhancedInput, { error: errors.receiptNumber ? t(errors.receiptNumber) : undefined, id: "receiptNumber", info: t("formReceiptNumberInfo"), label: t("formReceiptNumberLabel"), onChange: (e) => handleChange("receiptNumber", e.target.value), placeholder: t("formReceiptNumberPlaceholder"), type: "text", value: receiptNumber || "" }), _jsx(EnhancedInput, { error: errors.transactionId ? t(errors.transactionId) : undefined, id: "transactionId", info: t("formTransactionIdInfo"), label: t("formTransactionIdLabel"), onChange: (e) => handleChange("transactionId", e.target.value), placeholder: t("formTransactionIdPlaceholder"), type: "text", value: transactionId || "" }), _jsx(EnhancedTextarea, { error: errors.remarks, id: "remarks", label: t("formRemarksLabel"), onChange: (e) => handleChange("remarks", e.target.value), placeholder: t("formRemarksPlaceholder"), rows: 3, value: remarks || "" }), _jsx(EnhancedDropzone, { accept: ["image/*", "application/pdf"], error: errors.attachments ? t(errors.attachments) : undefined, id: "attachments", info: t("formAttachmentsInfo"), label: t("formAttachmentsLabel"), maxFiles: 10, onChange: (files) => {
                     const urls = files.map((f) => URL.createObjectURL(f));
                     handleChange("attachments", urls);
                 }, onRemoveRemote: (url) => {
                     const newList = (attachments || []).filter((a) => a !== url);
                     handleChange("attachments", newList);
-                }, value: attachments || [] }), _jsx(EnhancedCheckbox, { checked: enabled, error: errors.enabled, id: "enabled", info: t("formEnabledInfo"), label: t("badgeActive"), onCheckedChange: (checked) => handleChange("enabled", !!checked) })] }));
+                }, value: attachments || [] }), _jsx(EnhancedCheckbox, { checked: enabled, error: errors.enabled ? t(errors.enabled) : undefined, id: "enabled", info: t("formEnabledInfo"), label: t("badgeActive"), onCheckedChange: (checked) => handleChange("enabled", !!checked) })] }));
 };

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

@@ -114,21 +114,21 @@ export const ExpenseMoreActions = () => {
             const msgs = [];
             if (method === "POST") {
                 if (!((_b = row.title) === null || _b === void 0 ? void 0 : _b.trim()))
-                    msgs.push(t("validationRequiredTitle"));
+                    msgs.push(t("validationExpenseTitleRequired"));
                 if (!((_c = row.amount) === null || _c === void 0 ? void 0 : _c.trim()) ||
                     isNaN(Number(row.amount)) ||
                     Number(row.amount) < 0.01)
-                    msgs.push(t("validationRequiredAmount"));
+                    msgs.push(t("validationExpenseAmountRequired"));
                 if (!((_d = row.category) === null || _d === void 0 ? void 0 : _d.trim()))
-                    msgs.push(t("validationRequiredCategory"));
+                    msgs.push(t("validationExpenseCategoryRequired"));
                 if (!((_e = row.expenseDate) === null || _e === void 0 ? void 0 : _e.trim()))
-                    msgs.push(t("validationRequiredExpenseDate"));
+                    msgs.push(t("validationExpenseExpenseDateRequired"));
                 if (!((_f = row.status) === null || _f === void 0 ? void 0 : _f.trim()))
-                    msgs.push(t("validationRequiredStatus"));
+                    msgs.push(t("validationExpenseStatusRequired"));
             }
             else {
                 if (!((_g = row.id) === null || _g === void 0 ? void 0 : _g.trim()))
-                    msgs.push(t("validationRequiredIdForUpdate"));
+                    msgs.push(t("validationExpenseIdForUpdateRequired"));
             }
             if (msgs.length > 0) {
                 validationErrors.push({ row: i + 1, messages: msgs });

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

@@ -15,7 +15,8 @@
 import { FC } from "react";
 import { USER_ROLE } from "../../type";
 interface Props {
-    cancelLabel: string;
+    drawerButtonCancel: string;
+    drawerButtonSave: string;
     drawerFilterDescription: string;
     drawerFilterTitle: string;
     drawerFormDescription: string;
@@ -24,17 +25,16 @@ interface Props {
     drawerMoreActionsTitle: string;
     drawerViewDescription: string;
     drawerViewTitle: string;
-    labelActions: string;
-    labelAmount: string;
-    labelCategory: string;
-    labelExpenseDate: string;
-    labelId: string;
-    labelStatus: string;
-    labelTitle: string;
-    labelVendorName: string;
-    saveLabel: string;
-    searchPlaceholder: string;
+    tableColumnHeaderActions: string;
+    tableColumnHeaderAmount: string;
+    tableColumnHeaderCategory: string;
+    tableColumnHeaderExpenseDate: string;
+    tableColumnHeaderId: string;
+    tableColumnHeaderStatus: string;
+    tableColumnHeaderTitle: string;
+    tableColumnHeaderVendorName: string;
     tableDescription: string;
+    tableSearchPlaceholder: string;
     tableTitle: string;
     userRole: USER_ROLE;
 }

package/base-modules/expense/page.js

@@ -64,21 +64,21 @@ const createComponentInstances = () => ({
     moreActions: _jsx(ExpenseMoreActions, {}),
     view: _jsx(ExpenseView, {}),
 });
-const createExpenseConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelAmount, labelCategory, labelExpenseDate, labelId, labelStatus, labelTitle, labelVendorName, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+const createExpenseConfig = ({ dispatch, drawerButtonCancel, drawerButtonSave, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, tableColumnHeaderActions, tableColumnHeaderAmount, tableColumnHeaderCategory, tableColumnHeaderExpenseDate, tableColumnHeaderId, tableColumnHeaderStatus, tableColumnHeaderTitle, tableColumnHeaderVendorName, tableDescription, tableSearchPlaceholder, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "expense",
         tableColumns: [
-            { label: labelId, width: "5%" },
-            { label: labelTitle, width: "20%" },
-            { label: labelCategory, width: "15%" },
-            { label: labelAmount, width: "10%" },
-            { label: labelExpenseDate, width: "10%" },
-            { label: labelStatus, width: "10%" },
-            { label: labelVendorName, width: "15%" },
-            { label: labelActions, width: "15%" },
+            { label: tableColumnHeaderId, width: "5%" },
+            { label: tableColumnHeaderTitle, width: "20%" },
+            { label: tableColumnHeaderCategory, width: "15%" },
+            { label: tableColumnHeaderAmount, width: "10%" },
+            { label: tableColumnHeaderExpenseDate, width: "10%" },
+            { label: tableColumnHeaderStatus, width: "10%" },
+            { label: tableColumnHeaderVendorName, width: "15%" },
+            { label: tableColumnHeaderActions, width: "15%" },
         ],
-        cancelLabel,
+        cancelLabel: drawerButtonCancel,
         drawerFilterDescription,
         drawerFilterTitle,
         drawerFormDescription,
@@ -90,8 +90,8 @@ const createExpenseConfig = ({ cancelLabel, dispatch, drawerFilterDescription, d
         filterContent: components.filter,
         formContent: components.form,
         moreActionsContent: components.moreActions,
-        saveLabel,
-        searchPlaceholder,
+        saveLabel: drawerButtonSave,
+        searchPlaceholder: tableSearchPlaceholder,
         tableDescription,
         tableTitle,
         viewContent: components.view,
@@ -109,7 +109,8 @@ const ExpensePageInner = (props) => {
     // Memoize config creation - destructure props to avoid object reference changes
     const expenseConfig = useMemo(() => createExpenseConfig({
         dispatch: context.dispatch,
-        cancelLabel: props.cancelLabel,
+        drawerButtonCancel: props.drawerButtonCancel,
+        drawerButtonSave: props.drawerButtonSave,
         drawerFormTitle: props.drawerFormTitle,
         drawerFormDescription: props.drawerFormDescription,
         drawerViewTitle: props.drawerViewTitle,
@@ -118,21 +119,21 @@ const ExpensePageInner = (props) => {
         drawerFilterDescription: props.drawerFilterDescription,
         drawerMoreActionsTitle: props.drawerMoreActionsTitle,
         drawerMoreActionsDescription: props.drawerMoreActionsDescription,
-        labelActions: props.labelActions,
-        labelAmount: props.labelAmount,
-        labelCategory: props.labelCategory,
-        labelExpenseDate: props.labelExpenseDate,
-        labelId: props.labelId,
-        labelStatus: props.labelStatus,
-        labelTitle: props.labelTitle,
-        labelVendorName: props.labelVendorName,
-        saveLabel: props.saveLabel,
-        searchPlaceholder: props.searchPlaceholder,
+        tableColumnHeaderActions: props.tableColumnHeaderActions,
+        tableColumnHeaderAmount: props.tableColumnHeaderAmount,
+        tableColumnHeaderCategory: props.tableColumnHeaderCategory,
+        tableColumnHeaderExpenseDate: props.tableColumnHeaderExpenseDate,
+        tableColumnHeaderId: props.tableColumnHeaderId,
+        tableColumnHeaderStatus: props.tableColumnHeaderStatus,
+        tableColumnHeaderTitle: props.tableColumnHeaderTitle,
+        tableColumnHeaderVendorName: props.tableColumnHeaderVendorName,
         tableDescription: props.tableDescription,
+        tableSearchPlaceholder: props.tableSearchPlaceholder,
         tableTitle: props.tableTitle,
     }), [
         context.dispatch,
-        props.cancelLabel,
+        props.drawerButtonCancel,
+        props.drawerButtonSave,
         props.drawerFormTitle,
         props.drawerFormDescription,
         props.drawerViewTitle,
@@ -141,17 +142,16 @@ const ExpensePageInner = (props) => {
         props.drawerFilterDescription,
         props.drawerMoreActionsTitle,
         props.drawerMoreActionsDescription,
-        props.labelActions,
-        props.labelAmount,
-        props.labelCategory,
-        props.labelExpenseDate,
-        props.labelId,
-        props.labelStatus,
-        props.labelTitle,
-        props.labelVendorName,
-        props.saveLabel,
-        props.searchPlaceholder,
+        props.tableColumnHeaderActions,
+        props.tableColumnHeaderAmount,
+        props.tableColumnHeaderCategory,
+        props.tableColumnHeaderExpenseDate,
+        props.tableColumnHeaderId,
+        props.tableColumnHeaderStatus,
+        props.tableColumnHeaderTitle,
+        props.tableColumnHeaderVendorName,
         props.tableDescription,
+        props.tableSearchPlaceholder,
         props.tableTitle,
     ]);
     const hasPermission = resolveRbacPermissions({

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

@@ -5,6 +5,14 @@
  */
 import { z } from "zod";
 import { EXPENSE_CATEGORY, EXPENSE_STATUS, PAYMENT_METHOD } from "../../type";
+export declare const VALIDATION_KEYS: {
+    readonly titleRequired: "validationExpenseTitleRequired";
+    readonly amountRequired: "validationExpenseAmountRequired";
+    readonly categoryRequired: "validationExpenseCategoryRequired";
+    readonly expenseDateRequired: "validationExpenseExpenseDateRequired";
+    readonly statusRequired: "validationExpenseStatusRequired";
+    readonly idForUpdateRequired: "validationExpenseIdForUpdateRequired";
+};
 export declare const expenseFormValidation: z.ZodObject<{
     amount: z.ZodNumber;
     category: z.ZodEnum<typeof EXPENSE_CATEGORY>;

package/base-modules/expense/validate.js

@@ -5,22 +5,30 @@
  */
 import { z } from "zod";
 import { EXPENSE_CATEGORY, EXPENSE_STATUS, PAYMENT_METHOD } from "../../type";
+export const VALIDATION_KEYS = {
+    titleRequired: "validationExpenseTitleRequired",
+    amountRequired: "validationExpenseAmountRequired",
+    categoryRequired: "validationExpenseCategoryRequired",
+    expenseDateRequired: "validationExpenseExpenseDateRequired",
+    statusRequired: "validationExpenseStatusRequired",
+    idForUpdateRequired: "validationExpenseIdForUpdateRequired",
+};
 export const expenseFormValidation = z.object({
-    amount: z.number().min(0.01, "Amount must be at least 0.01"),
+    amount: z.number().min(0.01, VALIDATION_KEYS.amountRequired),
     category: z.nativeEnum(EXPENSE_CATEGORY, {
-        error: "Invalid or missing category",
+        error: VALIDATION_KEYS.categoryRequired,
     }),
     description: z.string().optional(),
-    expenseDate: z.string().nonempty("Expense date is required"),
+    expenseDate: z.string().nonempty(VALIDATION_KEYS.expenseDateRequired),
     invoiceNumber: z.string().optional(),
     paymentDate: z.string().optional(),
     paymentMethod: z.nativeEnum(PAYMENT_METHOD).optional(),
     receiptNumber: z.string().optional(),
     remarks: z.string().optional(),
     status: z.nativeEnum(EXPENSE_STATUS, {
-        error: "Invalid or missing status",
+        error: VALIDATION_KEYS.statusRequired,
     }),
-    title: z.string().min(3, "Title must be at least 3 characters"),
+    title: z.string().min(1, VALIDATION_KEYS.titleRequired),
     transactionId: z.string().optional(),
     vendorContact: z.string().optional(),
     vendorName: z.string().optional(),

package/base-modules/expense/view.js

@@ -45,8 +45,8 @@ export const ExpenseView = () => {
         }
     };
     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(FileText, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionExpenseInformation") })] }), _jsx(CardDescription, { children: t("viewSectionReadOnlyExpenseInformation") })] }), _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("viewFieldTitle") }), _jsx("p", { className: "text-base font-semibold", children: formatValue(title) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldDescription") }), _jsx("p", { className: "text-base", children: formatValue(description) })] }), _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("viewFieldAmount") })] }), _jsxs("p", { className: "text-base font-bold", children: [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("viewFieldCategory") }), _jsx(Badge, { variant: "outline", children: formatValue(category) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldStatus") }), _jsxs(Badge, { className: "gap-1", variant: getStatusVariant(), children: [getStatusIcon(), formatValue(status)] })] }), remarks && (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldRemarks") }), _jsx("p", { className: "text-base", children: remarks })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldRecordState") }), _jsxs(Badge, { className: "gap-1", variant: enabled ? "default" : "destructive", children: [enabled ? (_jsx(CheckCircle2, { className: "h-3 w-3" })) : (_jsx(XCircle, { className: "h-3 w-3" })), enabled
-                                                    ? t("viewFieldStatusActive")
-                                                    : t("viewFieldStatusInactive")] })] })] }) })] }), _jsxs(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("viewSectionPaymentDetails") })] }), _jsx(CardDescription, { children: t("viewPaymentDetailsDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldExpenseDate") })] }), _jsx("p", { className: "text-base", children: expenseDate
+                                                    ? t("badgeActive")
+                                                    : t("badgeInactive")] })] })] }) })] }), _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("viewSectionPaymentDetails") })] }), _jsx(CardDescription, { children: t("viewPaymentDetailsDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldExpenseDate") })] }), _jsx("p", { className: "text-base", children: expenseDate
                                                 ? formatDate(expenseDate, DATE_FORMATS.LOCALE_DATE)
                                                 : "—" })] }), _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("viewFieldPaymentDate") })] }), _jsx("p", { className: "text-base", children: paymentDate
                                                 ? formatDate(paymentDate, DATE_FORMATS.LOCALE_DATE)

package/base-modules/family/context.js

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

package/base-modules/family/form.js

@@ -8,5 +8,5 @@ export const FamilyForm = () => {
     const { state, handleChange } = useFamilyModule();
     const { address, city, country, enabled, errors, familyCode, postalCode, stateProvince, } = state;
     const t = useTranslations("family");
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(EnhancedInput, { disabled: true, error: errors.familyCode, id: "familyCode", info: t("formFamilyCodeAutoGeneratedLabel"), label: t("formFamilyCodeLabel"), onChange: (e) => handleChange("familyCode", e.target.value), placeholder: "FAM2026001", required: true, value: familyCode }), _jsx(EnhancedInput, { error: errors.address, id: "address", info: t("formStreetAddressPlaceholder"), label: t("formStreetAddressLabel"), onChange: (e) => handleChange("address", e.target.value), placeholder: "123 Main Street", value: address || "" }), _jsx(EnhancedInput, { error: errors.city, id: "city", info: t("formCityNameLabel"), label: t("formCityLabel"), onChange: (e) => handleChange("city", e.target.value), placeholder: "New York", value: city || "" }), _jsx(EnhancedInput, { error: errors.stateProvince, id: "stateProvince", info: t("formStateOrProvinceLabel"), label: t("formStateProvinceLabel"), onChange: (e) => handleChange("stateProvince", e.target.value), placeholder: "NY", value: stateProvince || "" }), _jsx(EnhancedInput, { error: errors.country, id: "country", info: t("formCountryNameLabel"), label: t("formCountryLabel"), onChange: (e) => handleChange("country", e.target.value), placeholder: "United States", value: country || "" }), _jsx(EnhancedInput, { error: errors.postalCode, id: "postalCode", info: t("formPostalOrZipCodeLabel"), label: t("formPostalCodeLabel"), onChange: (e) => handleChange("postalCode", e.target.value), placeholder: "10001", value: postalCode || "" }), _jsx(EnhancedCheckbox, { checked: enabled, id: "enabled", label: t("badgeActive"), onCheckedChange: (checked) => handleChange("enabled", checked) })] }));
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(EnhancedInput, { disabled: true, error: errors.familyCode ? t(errors.familyCode) : undefined, id: "familyCode", info: t("formFamilyCodeInfo"), label: t("formFamilyCodeLabel"), onChange: (e) => handleChange("familyCode", e.target.value), placeholder: "FAM2026001", required: true, value: familyCode }), _jsx(EnhancedInput, { error: errors.address, id: "address", info: t("formStreetAddressInfo"), label: t("formStreetAddressLabel"), onChange: (e) => handleChange("address", e.target.value), placeholder: "123 Main Street", value: address || "" }), _jsx(EnhancedInput, { error: errors.city, id: "city", info: t("formCityInfo"), label: t("formCityLabel"), onChange: (e) => handleChange("city", e.target.value), placeholder: "New York", value: city || "" }), _jsx(EnhancedInput, { error: errors.stateProvince, id: "stateProvince", info: t("formStateProvinceInfo"), label: t("formStateProvinceLabel"), onChange: (e) => handleChange("stateProvince", e.target.value), placeholder: "NY", value: stateProvince || "" }), _jsx(EnhancedInput, { error: errors.country, id: "country", info: t("formCountryInfo"), label: t("formCountryLabel"), onChange: (e) => handleChange("country", e.target.value), placeholder: "United States", value: country || "" }), _jsx(EnhancedInput, { error: errors.postalCode, id: "postalCode", info: t("formPostalCodeInfo"), label: t("formPostalCodeLabel"), onChange: (e) => handleChange("postalCode", e.target.value), placeholder: "10001", value: postalCode || "" }), _jsx(EnhancedCheckbox, { checked: enabled, id: "enabled", label: t("badgeActive"), onCheckedChange: (checked) => handleChange("enabled", checked) })] }));
 };

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

@@ -114,11 +114,11 @@ export const FamilyMoreActions = () => {
             const msgs = [];
             if (method === "POST") {
                 if (!((_b = row.familyCode) === null || _b === void 0 ? void 0 : _b.trim()))
-                    msgs.push(t("validationRequiredFamilyCode"));
+                    msgs.push(t("validationFamilyFamilyCodeRequired"));
             }
             else {
                 if (!((_c = row.id) === null || _c === void 0 ? void 0 : _c.trim()))
-                    msgs.push(t("validationRequiredIdForUpdate"));
+                    msgs.push(t("validationFamilyIdForUpdateRequired"));
             }
             if (msgs.length > 0) {
                 validationErrors.push({ row: i + 1, messages: msgs });

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

@@ -15,7 +15,8 @@
 import { FC } from "react";
 import { USER_ROLE } from "../../type";
 interface Props {
-    cancelLabel: string;
+    drawerButtonCancel: string;
+    drawerButtonSave: string;
     drawerFilterDescription: string;
     drawerFilterTitle: string;
     drawerFormDescription: string;
@@ -24,16 +25,15 @@ interface Props {
     drawerMoreActionsTitle: string;
     drawerViewDescription: string;
     drawerViewTitle: string;
-    labelActions: string;
-    labelAddress: string;
-    labelCity: string;
-    labelEnabled: string;
-    labelFamilyCode: string;
-    labelId: string;
-    labelPrimaryEmail: string;
-    saveLabel: string;
-    searchPlaceholder: string;
+    tableColumnHeaderActions: string;
+    tableColumnHeaderAddress: string;
+    tableColumnHeaderCity: string;
+    tableColumnHeaderEnabled: string;
+    tableColumnHeaderFamilyCode: string;
+    tableColumnHeaderId: string;
+    tableColumnHeaderPrimaryEmail: string;
     tableDescription: string;
+    tableSearchPlaceholder: string;
     tableTitle: string;
     userRole: USER_ROLE;
 }

package/base-modules/family/page.js

@@ -45,20 +45,20 @@ const createComponentInstances = () => ({
     moreActions: _jsx(FamilyMoreActions, {}),
     view: _jsx(FamilyView, {}),
 });
-const createFamilyConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelAddress, labelCity, labelEnabled, labelFamilyCode, labelId, labelPrimaryEmail, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+const createFamilyConfig = ({ dispatch, drawerButtonCancel, drawerButtonSave, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, tableColumnHeaderActions, tableColumnHeaderAddress, tableColumnHeaderCity, tableColumnHeaderEnabled, tableColumnHeaderFamilyCode, tableColumnHeaderId, tableColumnHeaderPrimaryEmail, tableDescription, tableSearchPlaceholder, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "family",
         tableColumns: [
-            { label: labelId, width: "5%" },
-            { label: labelFamilyCode, width: "20%" },
-            { label: labelPrimaryEmail, width: "20%" },
-            { label: labelAddress, width: "20%" },
-            { label: labelCity, width: "15%" },
-            { label: labelEnabled, width: "15%" },
-            { label: labelActions, width: "5%" },
+            { label: tableColumnHeaderId, width: "5%" },
+            { label: tableColumnHeaderFamilyCode, width: "20%" },
+            { label: tableColumnHeaderPrimaryEmail, width: "20%" },
+            { label: tableColumnHeaderAddress, width: "20%" },
+            { label: tableColumnHeaderCity, width: "15%" },
+            { label: tableColumnHeaderEnabled, width: "15%" },
+            { label: tableColumnHeaderActions, width: "5%" },
         ],
-        cancelLabel,
+        cancelLabel: drawerButtonCancel,
         drawerFilterDescription,
         drawerFilterTitle,
         drawerFormDescription,
@@ -70,8 +70,8 @@ const createFamilyConfig = ({ cancelLabel, dispatch, drawerFilterDescription, dr
         filterContent: components.filter,
         formContent: components.form,
         moreActionsContent: components.moreActions,
-        saveLabel,
-        searchPlaceholder,
+        saveLabel: drawerButtonSave,
+        searchPlaceholder: tableSearchPlaceholder,
         tableDescription,
         tableTitle,
         viewContent: components.view,
@@ -89,7 +89,8 @@ const FamilyPageInner = (props) => {
     // Memoize config creation - destructure props to avoid object reference changes
     const familyConfig = useMemo(() => createFamilyConfig({
         dispatch: context.dispatch,
-        cancelLabel: props.cancelLabel,
+        drawerButtonCancel: props.drawerButtonCancel,
+        drawerButtonSave: props.drawerButtonSave,
         drawerFormTitle: props.drawerFormTitle,
         drawerFormDescription: props.drawerFormDescription,
         drawerViewTitle: props.drawerViewTitle,
@@ -98,20 +99,20 @@ const FamilyPageInner = (props) => {
         drawerFilterDescription: props.drawerFilterDescription,
         drawerMoreActionsTitle: props.drawerMoreActionsTitle,
         drawerMoreActionsDescription: props.drawerMoreActionsDescription,
-        labelActions: props.labelActions,
-        labelAddress: props.labelAddress,
-        labelCity: props.labelCity,
-        labelEnabled: props.labelEnabled,
-        labelFamilyCode: props.labelFamilyCode,
-        labelId: props.labelId,
-        labelPrimaryEmail: props.labelPrimaryEmail,
-        saveLabel: props.saveLabel,
-        searchPlaceholder: props.searchPlaceholder,
+        tableColumnHeaderActions: props.tableColumnHeaderActions,
+        tableColumnHeaderAddress: props.tableColumnHeaderAddress,
+        tableColumnHeaderCity: props.tableColumnHeaderCity,
+        tableColumnHeaderEnabled: props.tableColumnHeaderEnabled,
+        tableColumnHeaderFamilyCode: props.tableColumnHeaderFamilyCode,
+        tableColumnHeaderId: props.tableColumnHeaderId,
+        tableColumnHeaderPrimaryEmail: props.tableColumnHeaderPrimaryEmail,
         tableDescription: props.tableDescription,
+        tableSearchPlaceholder: props.tableSearchPlaceholder,
         tableTitle: props.tableTitle,
     }), [
         context.dispatch,
-        props.cancelLabel,
+        props.drawerButtonCancel,
+        props.drawerButtonSave,
         props.drawerFormTitle,
         props.drawerFormDescription,
         props.drawerViewTitle,
@@ -120,16 +121,15 @@ const FamilyPageInner = (props) => {
         props.drawerFilterDescription,
         props.drawerMoreActionsTitle,
         props.drawerMoreActionsDescription,
-        props.labelActions,
-        props.labelAddress,
-        props.labelCity,
-        props.labelEnabled,
-        props.labelFamilyCode,
-        props.labelId,
-        props.labelPrimaryEmail,
-        props.saveLabel,
-        props.searchPlaceholder,
+        props.tableColumnHeaderActions,
+        props.tableColumnHeaderAddress,
+        props.tableColumnHeaderCity,
+        props.tableColumnHeaderEnabled,
+        props.tableColumnHeaderFamilyCode,
+        props.tableColumnHeaderId,
+        props.tableColumnHeaderPrimaryEmail,
         props.tableDescription,
+        props.tableSearchPlaceholder,
         props.tableTitle,
     ]);
     const hasPermission = resolveRbacPermissions({

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

@@ -4,6 +4,10 @@
  * Zod validation schemas for family form data.
  */
 import { z } from "zod";
+export declare const VALIDATION_KEYS: {
+    readonly familyCodeRequired: "validationFamilyFamilyCodeRequired";
+    readonly idForUpdateRequired: "validationFamilyIdForUpdateRequired";
+};
 export declare const familyFormValidation: z.ZodObject<{
     familyCode: z.ZodString;
     address: z.ZodOptional<z.ZodString>;

package/base-modules/family/validate.js

@@ -5,10 +5,17 @@
  */
 import { z } from "zod";
 // ============================================================================
+// VALIDATION KEYS
+// ============================================================================
+export const VALIDATION_KEYS = {
+    familyCodeRequired: "validationFamilyFamilyCodeRequired",
+    idForUpdateRequired: "validationFamilyIdForUpdateRequired",
+};
+// ============================================================================
 // VALIDATION SCHEMA
 // ============================================================================
 export const familyFormValidation = z.object({
-    familyCode: z.string().min(1, "Family code is required"),
+    familyCode: z.string().min(1, VALIDATION_KEYS.familyCodeRequired),
     address: z.string().optional(),
     city: z.string().optional(),
     stateProvince: z.string().optional(),

package/base-modules/family/view.js

@@ -14,5 +14,5 @@ export const FamilyView = () => {
     const fullAddress = [address, city, stateProvince, country, postalCode]
         .filter(Boolean)
         .join(", ");
-    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-16 w-16 items-center justify-center rounded-full", children: _jsx(Home, { className: "text-primary h-8 w-8" }) }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h2", { className: "text-2xl font-bold", children: familyCode }), 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")] }))] }), _jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: t("viewFieldFamilyProfile") })] })] }) }) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MapPin, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionAddressInformation") })] }), _jsx(CardDescription, { children: t("viewSectionFamilyResidenceDetails") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldFullAddress") }), _jsx("p", { className: "text-base", children: fullAddress || t("viewTextAddressNotProvided") })] }), _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("viewFieldStreetAddress") }), _jsx("p", { className: "text-base", children: formatValue(address) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldCity") }), _jsx("p", { className: "text-base", children: formatValue(city) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldStateProvince") }), _jsx("p", { className: "text-base", children: formatValue(stateProvince) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldCountry") }), _jsx("p", { className: "text-base", children: formatValue(country) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldPostalCode") }), _jsx("p", { className: "text-base", children: formatValue(postalCode) })] })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldFamilyStatus") })] }), _jsx(CardDescription, { children: t("viewSectionCurrentStatusInformation") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("div", { className: "flex items-center gap-3", children: enabled ? (_jsxs(_Fragment, { children: [_jsx(CheckCircle2, { className: "h-5 w-5 text-green-500" }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: t("badgeActive") }), _jsx("p", { className: "text-muted-foreground text-sm", children: t("viewFieldThisAccountIsCurrentlyActive") })] })] })) : (_jsxs(_Fragment, { children: [_jsx(XCircle, { className: "h-5 w-5 text-red-500" }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: t("badgeInactive") }), _jsx("p", { className: "text-muted-foreground text-sm", children: t("viewFieldThisAccountIsCurrentlyInactive") })] })] })) }) })] })] }));
+    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-16 w-16 items-center justify-center rounded-full", children: _jsx(Home, { className: "text-primary h-8 w-8" }) }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h2", { className: "text-2xl font-bold", children: familyCode }), 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")] }))] }), _jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: t("viewFieldFamilyProfile") })] })] }) }) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MapPin, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionAddressInformation") })] }), _jsx(CardDescription, { children: t("viewSectionFamilyResidenceDetails") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldFullAddress") }), _jsx("p", { className: "text-base", children: fullAddress || t("viewTextAddressNotProvided") })] }), _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("formStreetAddressLabel") }), _jsx("p", { className: "text-base", children: formatValue(address) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formCityLabel") }), _jsx("p", { className: "text-base", children: formatValue(city) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formStateProvinceLabel") }), _jsx("p", { className: "text-base", children: formatValue(stateProvince) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formCountryLabel") }), _jsx("p", { className: "text-base", children: formatValue(country) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formPostalCodeLabel") }), _jsx("p", { className: "text-base", children: formatValue(postalCode) })] })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldFamilyStatus") })] }), _jsx(CardDescription, { children: t("viewSectionCurrentStatusInformation") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("div", { className: "flex items-center gap-3", children: enabled ? (_jsxs(_Fragment, { children: [_jsx(CheckCircle2, { className: "h-5 w-5 text-green-500" }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: t("badgeActive") }), _jsx("p", { className: "text-muted-foreground text-sm", children: t("viewFieldThisAccountIsCurrentlyActive") })] })] })) : (_jsxs(_Fragment, { children: [_jsx(XCircle, { className: "h-5 w-5 text-red-500" }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: t("badgeInactive") }), _jsx("p", { className: "text-muted-foreground text-sm", children: t("viewFieldThisAccountIsCurrentlyInactive") })] })] })) }) })] })] }));
 };