@appcorp/fusion-storybook 0.1.4

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

@@ -0,0 +1,486 @@
+"use client";
+/**
+ * FamilyMember Module — business logic + API integration
+ *
+ * This module wires the generic module state (created by
+ * `createGenericModule`) to network actions using `useModuleEntityV2`.
+ * It contains the domain-specific handlers (create/view/edit/delete),
+ * local validation wiring, and optimistic UI helpers.
+ *
+ * Key responsibilities:
+ * - expose `useFamilyMemberModule()` which UI components call for actions
+ * - keep the module-specific `apiParams` and callbacks in one place
+ * - ensure cache invalidation and toast notifications on mutation
+ *
+ * Exported utilities:
+ * - `FamilyMemberStateContextProvider` — provider component used by the page
+ * - `useFamilyMemberModule()` — hook that returns handlers and state
+ */
+import { useCallback, useEffect, useMemo } from "react";
+import { isCreatedOrUpdated, validateForm, } from "@react-pakistan/util-functions";
+import { useModuleEntityV2, } from "@react-pakistan/util-functions/hooks/use-module-entity-v2";
+import { useDebounce } from "@react-pakistan/util-functions/hooks/use-debounce";
+import { createGenericModule } from "@react-pakistan/util-functions/factory/generic-module-factory";
+import { DRAWER_TYPES } from "@react-pakistan/util-functions/factory/generic-component-factory";
+import { FAMILY_MEMBER_API_ROUTES, pageLimit } from "./constants";
+import { getCachedFamilyMembers, invalidateFamilyMembersCache } from "./cache";
+import { familyMemberFormValidation } from "./validate";
+import { generateThemeToast, TOAST_VARIANT, } from "@appcorp/shadcn/lib/toast-utils";
+import { useTranslations } from "next-intl";
+import { getCachedWorkspaceSync } from "../workspace/cache";
+import { Eye, Filter, MoreHorizontal, Pencil, Plus } from "lucide-react";
+// ============================================================================
+// DRAWER TYPES
+// ============================================================================
+export const FAMILY_MEMBER_DRAWER = {
+    FILTER_DRAWER: DRAWER_TYPES.FILTER_DRAWER,
+    FORM_DRAWER: DRAWER_TYPES.FORM_DRAWER,
+    MORE_ACTIONS_DRAWER: DRAWER_TYPES.MORE_ACTIONS_DRAWER,
+    VIEW_DRAWER: DRAWER_TYPES.VIEW_DRAWER,
+};
+// ============================================================================
+// CONFIGURATION
+// ============================================================================
+const familyMemberConfig = {
+    name: "FamilyMember",
+    displayName: "Family Member",
+    initialState: {
+        // List Data
+        items: [],
+        count: 0,
+        // Search & Pagination
+        currentPage: 1,
+        pageLimit,
+        searchQuery: "",
+        // Filters
+        familyId: "",
+        filterEnabled: undefined,
+        // UI State
+        disableSaveButton: false,
+        drawer: null,
+        // Form State
+        avatar: "",
+        bloodGroup: "",
+        dateOfBirth: "",
+        email: "",
+        emergencyPhone: "",
+        enabled: true,
+        errors: {},
+        firstName: "",
+        gender: "",
+        id: "",
+        idNumber: "",
+        isPrimary: false,
+        lastName: "",
+        occupation: "",
+        phone: "",
+        relationship: "",
+        role: "",
+    },
+    drawerTypes: DRAWER_TYPES,
+};
+// ============================================================================
+// CREATE FAMILY MEMBER MODULE
+// ============================================================================
+export const { actionTypes: FAMILY_MEMBER_ACTION_TYPES, config: familyMemberModuleConfig, initialState: initialFamilyMemberState, Provider: FamilyMemberProvider, reducer: familyMemberReducer, useContext: useFamilyMemberContext, } = createGenericModule(familyMemberConfig);
+// ============================================================================
+// ENHANCED FAMILY MEMBER HOOK WITH API INTEGRATION
+// ============================================================================
+export const useFamilyMemberModule = () => {
+    var _a, _b;
+    const context = useFamilyMemberContext();
+    const t = useTranslations("familyMember");
+    const workspace = getCachedWorkspaceSync();
+    const debouncedQuery = useDebounce(context.state.searchQuery, 800);
+    // ============================================================================
+    // API PARAMETERS
+    // ============================================================================
+    const listParams = useMemo(() => {
+        var _a;
+        return (Object.assign(Object.assign(Object.assign({ currentPage: context.state.currentPage, pageLimit: context.state.pageLimit, schoolId: ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "" }, (debouncedQuery ? { searchQuery: debouncedQuery } : {})), (context.state.filterEnabled !== undefined
+            ? { filterEnabled: String(context.state.filterEnabled) }
+            : {})), (context.state.familyId ? { familyId: context.state.familyId } : {})));
+    }, [
+        context.state.currentPage,
+        context.state.familyId,
+        context.state.filterEnabled,
+        context.state.pageLimit,
+        debouncedQuery,
+        (_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id,
+    ]);
+    const updateParams = useMemo(() => ({
+        id: context.state.id,
+        familyId: context.state.familyId,
+        role: context.state.role,
+        firstName: context.state.firstName,
+        lastName: context.state.lastName,
+        dateOfBirth: context.state.dateOfBirth,
+        gender: context.state.gender,
+        bloodGroup: context.state.bloodGroup,
+        phone: context.state.phone,
+        email: context.state.email,
+        relationship: context.state.relationship,
+        occupation: context.state.occupation,
+        emergencyPhone: context.state.emergencyPhone,
+        idNumber: context.state.idNumber,
+        avatar: context.state.avatar,
+        isPrimary: context.state.isPrimary,
+        enabled: context.state.enabled,
+    }), [
+        context.state.avatar,
+        context.state.bloodGroup,
+        context.state.dateOfBirth,
+        context.state.email,
+        context.state.emergencyPhone,
+        context.state.enabled,
+        context.state.familyId,
+        context.state.firstName,
+        context.state.gender,
+        context.state.id,
+        context.state.idNumber,
+        context.state.isPrimary,
+        context.state.lastName,
+        context.state.occupation,
+        context.state.phone,
+        context.state.relationship,
+        context.state.role,
+    ]);
+    const byIdParams = useMemo(() => ({ id: context.state.id }), [context.state.id]);
+    const deleteParams = useMemo(() => ({ id: context.state.id }), [context.state.id]);
+    // ============================================================================
+    // API CALLBACKS
+    // ============================================================================
+    const listCallback = ({ data, error }) => {
+        if (error) {
+            showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            context.dispatch({
+                type: FAMILY_MEMBER_ACTION_TYPES.SET_ITEMS,
+                payload: { items: data.items || [], count: data.count || 0 },
+            });
+        }
+    };
+    const updateCallback = ({ data, error }) => {
+        const isCreated = isCreatedOrUpdated(data);
+        if (error) {
+            showToast(isCreated ? t("messagesCreateFailed") : t("messagesUpdateFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            showToast(t("messagesSaveSuccess"), TOAST_VARIANT.SUCCESS);
+            invalidateFamilyMembersCache();
+            listFetchNow();
+            resetFormAndCloseDrawer();
+        }
+    };
+    const byIdCallback = ({ data, error }) => {
+        if (error) {
+            showToast(t("messagesDetailsFetchFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            const familyMember = data;
+            // Batch field updates for better performance
+            const fieldMappings = {
+                id: familyMember.id,
+                familyId: familyMember.familyId,
+                role: familyMember.role,
+                firstName: familyMember.firstName,
+                lastName: familyMember.lastName,
+                dateOfBirth: familyMember.dateOfBirth,
+                gender: familyMember.gender,
+                bloodGroup: familyMember.bloodGroup,
+                phone: familyMember.phone,
+                email: familyMember.email,
+                relationship: familyMember.relationship,
+                occupation: familyMember.occupation,
+                emergencyPhone: familyMember.emergencyPhone,
+                idNumber: familyMember.idNumber,
+                avatar: familyMember.avatar,
+                isPrimary: familyMember.isPrimary,
+                enabled: familyMember.enabled,
+            };
+            Object.entries(fieldMappings).forEach(([key, value]) => {
+                setField(key, value !== null && value !== void 0 ? value : undefined);
+            });
+        }
+    };
+    const deleteCallback = ({ data, error }) => {
+        if (error) {
+            showToast(t("messagesDeleteFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            showToast(t("messagesDeleteSuccess"), TOAST_VARIANT.SUCCESS);
+            invalidateFamilyMembersCache();
+            listFetchNow();
+        }
+    };
+    // ============================================================================
+    // API HOOKS
+    // ============================================================================
+    const { listFetchNow, listLoading, updateFetchNow, updateLoading, byIdFetchNow, deleteFetchNow, deleteLoading, byIdLoading, } = useModuleEntityV2({
+        byIdCallback,
+        byIdParams,
+        deleteCallback,
+        deleteParams,
+        listCallback,
+        listParams,
+        listUrl: FAMILY_MEMBER_API_ROUTES.UNIT,
+        searchQuery: debouncedQuery,
+        unitByIdUrl: FAMILY_MEMBER_API_ROUTES.UNIT,
+        unitUrl: FAMILY_MEMBER_API_ROUTES.UNIT,
+        updateCallback,
+        updateParams,
+        headers: {
+            "Content-Type": "application/json",
+            "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+        },
+    });
+    // ============================================================================
+    // UTILITIES
+    // ============================================================================
+    const showToast = useCallback((message, variant) => {
+        generateThemeToast({ description: message, variant });
+    }, []);
+    const resetFormAndCloseDrawer = useCallback(() => {
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+    }, [context]);
+    const setField = useCallback((key, value) => {
+        let processedValue;
+        if (value === null) {
+            processedValue = undefined;
+        }
+        else if (value instanceof Date) {
+            processedValue = value.toISOString().slice(0, 10); // YYYY-MM-DD format
+        }
+        else {
+            processedValue = value;
+        }
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key, value: processedValue },
+        });
+    }, [context]);
+    // ============================================================================
+    // HANDLERS
+    // ============================================================================
+    const handleChange = useCallback((key, value) => {
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        setField(key, value);
+    }, [context, setField]);
+    const handlePageChange = useCallback((page) => {
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: page },
+        });
+    }, [context]);
+    const handlePageLimitChange = useCallback((limit) => {
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_PAGE_LIMIT,
+            payload: { pageLimit: limit },
+        });
+    }, [context]);
+    const handleCloseDrawer = useCallback(() => {
+        resetFormAndCloseDrawer();
+    }, [resetFormAndCloseDrawer]);
+    const handleCreate = useCallback(() => {
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: FAMILY_MEMBER_DRAWER.FORM_DRAWER },
+        });
+    }, [context]);
+    const handleView = useCallback((row) => {
+        const record = row;
+        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: record.id } });
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: FAMILY_MEMBER_DRAWER.VIEW_DRAWER },
+        });
+    }, [context, byIdFetchNow]);
+    const handleEdit = useCallback((row) => {
+        const record = row;
+        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: record.id } });
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: FAMILY_MEMBER_DRAWER.FORM_DRAWER },
+        });
+    }, [context, byIdFetchNow]);
+    const handleDelete = useCallback((row) => {
+        const record = row;
+        if (!confirm(t("areYouSureYouWantToDeleteThisFamilyMember")))
+            return;
+        deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
+            body: JSON.stringify({ id: record.id }),
+        });
+    }, [t, deleteFetchNow]);
+    const handleFilters = useCallback(() => {
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: FAMILY_MEMBER_DRAWER.FILTER_DRAWER },
+        });
+    }, [context]);
+    const handleMoreActions = useCallback(() => {
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: FAMILY_MEMBER_DRAWER.MORE_ACTIONS_DRAWER },
+        });
+    }, [context]);
+    const clearFilters = useCallback(() => {
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_FILTERS,
+            payload: { filters: { filterEnabled: undefined } },
+        });
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+    }, [context]);
+    const handleSearch = useCallback((query) => {
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: query },
+        });
+    }, [context]);
+    // ============================================================================
+    // NETWORK ACTIONS
+    // ============================================================================
+    const handleSubmit = useCallback(() => {
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: true },
+        });
+        validateForm({
+            params: updateParams,
+            schema: familyMemberFormValidation,
+            successCallback: () => {
+                updateFetchNow(undefined, {
+                    body: JSON.stringify(updateParams),
+                });
+            },
+            errorCallback: (errors) => {
+                context.dispatch({
+                    type: FAMILY_MEMBER_ACTION_TYPES.SET_ERRORS,
+                    payload: { errors },
+                });
+                context.dispatch({
+                    type: FAMILY_MEMBER_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                    payload: { disabled: false },
+                });
+                showToast(t("messagesFormErrors"), TOAST_VARIANT.ERROR);
+            },
+        });
+    }, [context, updateParams, t, showToast, updateFetchNow]);
+    const applyFilters = useCallback(() => {
+        context.dispatch({
+            type: FAMILY_MEMBER_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+        listFetchNow();
+        handleCloseDrawer();
+    }, [context, listFetchNow, handleCloseDrawer]);
+    const headerActions = useMemo(() => [
+        {
+            enabled: false,
+            handleOnClick: handleMoreActions,
+            label: t("headerActionsMoreActions"),
+            order: 1,
+            icon: MoreHorizontal,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleFilters,
+            label: t("headerActionsFilters"),
+            order: 2,
+            icon: Filter,
+        },
+        {
+            enabled: false,
+            handleOnClick: handleCreate,
+            label: t("headerActionsAddFamilyMember"),
+            order: 3,
+            icon: Plus,
+        },
+    ], [handleFilters, handleMoreActions, handleCreate, t]);
+    const rowActions = useMemo(() => [
+        {
+            enabled: true,
+            handleOnClick: (row) => handleView(row),
+            label: t("rowActionsView"),
+            order: 1,
+            icon: Eye,
+        },
+        {
+            enabled: true,
+            handleOnClick: (row) => handleEdit(row),
+            label: t("rowActionsEdit"),
+            order: 2,
+            icon: Pencil,
+        },
+    ], [handleView, handleEdit, t]);
+    // ============================================================================
+    // EFFECTS
+    // ============================================================================
+    useEffect(() => {
+        var _a;
+        if (!((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id))
+            return;
+        (async () => {
+            try {
+                const { count, items } = await getCachedFamilyMembers({
+                    params: listParams,
+                });
+                context.dispatch({
+                    type: FAMILY_MEMBER_ACTION_TYPES.SET_ITEMS,
+                    payload: { items: items || [], count: count || 0 },
+                });
+            }
+            catch (_a) {
+                showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
+            }
+        })();
+    }, [listParams, context, showToast, t, (_b = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _b === void 0 ? void 0 : _b.id]);
+    // ============================================================================
+    // RETURN
+    // ============================================================================
+    return Object.assign(Object.assign({}, context), { applyFilters,
+        byIdLoading,
+        clearFilters,
+        deleteLoading,
+        handleChange,
+        handleCloseDrawer,
+        handleCreate,
+        handleDelete,
+        handleEdit,
+        handleFilters,
+        handleMoreActions,
+        handlePageChange,
+        handlePageLimitChange,
+        handleSearch,
+        handleSubmit,
+        handleView,
+        headerActions,
+        listLoading,
+        rowActions,
+        updateLoading });
+};

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

@@ -0,0 +1 @@
+export declare const FamilyMemberFilter: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * FamilyMember Filter Component
+ *
+ * Filter component for family member records.
+ */
+import { EnhancedRadio } from "@appcorp/shadcn/components/enhanced-radio";
+import { useFamilyMemberModule } from "./context";
+import { useTranslations } from "next-intl";
+export const FamilyMemberFilter = () => {
+    const { handleChange, state } = useFamilyMemberModule();
+    const { filterEnabled } = state;
+    const t = useTranslations("familyMember");
+    const filterEnabledValue = filterEnabled === undefined
+        ? "undefined"
+        : filterEnabled
+            ? "true"
+            : "false";
+    return (_jsx("div", { className: "space-y-4", children: _jsx("div", { className: "grid grid-cols-1 gap-4", children: _jsx(EnhancedRadio, { label: t("enabled"), name: "filterEnabled", value: filterEnabledValue, options: [
+                    { label: t("all"), value: "undefined" },
+                    { label: t("enabled"), value: "true" },
+                    { label: t("disabled"), value: "false" },
+                ], onValueChange: (next) => {
+                    const parsed = next === "true" ? true : next === "false" ? false : undefined;
+                    handleChange("filterEnabled", parsed);
+                } }) }) }));
+};

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

@@ -0,0 +1 @@
+export declare const FamilyMemberForm: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FamilyMember Form Component
+ *
+ * Create and edit form for family member records.
+ */
+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";
+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("personalInformation") }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(EnhancedInput, { error: errors.firstName, id: "firstName", info: t("firstNameInfo"), label: t("firstName"), onChange: (e) => handleChange("firstName", e.target.value), placeholder: t("firstNamePlaceholder"), required: true, value: firstName }), _jsx(EnhancedInput, { error: errors.lastName, id: "lastName", info: t("lastNameInfo"), label: t("lastName"), onChange: (e) => handleChange("lastName", e.target.value), placeholder: t("lastNamePlaceholder"), 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("roleInfo"), label: t("role"), onChange: (e) => handleChange("role", e.target.value), placeholder: t("rolePlaceholder"), required: true, value: role }), _jsx(EnhancedInput, { error: errors.dateOfBirth, id: "dateOfBirth", info: t("dateOfBirthInfo"), label: t("dateOfBirth"), 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("genderInfo"), label: t("gender"), onChange: (e) => handleChange("gender", e.target.value), placeholder: t("genderPlaceholder"), value: gender }), _jsx(EnhancedInput, { error: errors.bloodGroup, id: "bloodGroup", info: t("bloodGroupInfo"), label: t("bloodGroup"), onChange: (e) => handleChange("bloodGroup", e.target.value), placeholder: t("bloodGroupPlaceholder"), value: bloodGroup })] }), _jsx(EnhancedInput, { error: errors.idNumber, id: "idNumber", info: t("idNumberInfo"), label: t("idNumber"), onChange: (e) => handleChange("idNumber", e.target.value), placeholder: t("idNumberPlaceholder"), value: idNumber })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("contactInformation") }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(EnhancedInput, { error: errors.phone, id: "phone", info: t("phoneInfo"), label: t("phone"), onChange: (e) => handleChange("phone", e.target.value), placeholder: t("phonePlaceholder"), type: "tel", value: phone }), _jsx(EnhancedInput, { error: errors.email, id: "email", info: t("emailInfo"), label: t("email"), onChange: (e) => handleChange("email", e.target.value), placeholder: t("emailPlaceholder"), type: "email", value: email })] }), _jsx(EnhancedInput, { error: errors.emergencyPhone, id: "emergencyPhone", info: t("emergencyPhoneInfo"), label: t("emergencyPhone"), onChange: (e) => handleChange("emergencyPhone", e.target.value), placeholder: t("emergencyPhonePlaceholder"), type: "tel", value: emergencyPhone })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("additionalInformation") }), _jsx(EnhancedInput, { error: errors.relationship, id: "relationship", info: t("relationshipInfo"), label: t("relationship"), onChange: (e) => handleChange("relationship", e.target.value), placeholder: t("relationshipPlaceholder"), value: relationship }), _jsx(EnhancedInput, { error: errors.occupation, id: "occupation", info: t("occupationInfo"), label: t("occupation"), onChange: (e) => handleChange("occupation", e.target.value), placeholder: t("occupationPlaceholder"), value: occupation })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("status") }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(EnhancedCheckbox, { checked: isPrimary, id: "isPrimary", label: t("primaryContact"), onCheckedChange: (checked) => handleChange("isPrimary", checked === true) }), _jsx(EnhancedCheckbox, { checked: enabled, id: "enabled", label: t("active"), onCheckedChange: (checked) => handleChange("enabled", checked === true) })] })] })] }));
+};

package/base-modules/family-member/more-actions.d.ts

@@ -0,0 +1 @@
+export declare const FamilyMemberMoreActions: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const FamilyMemberMoreActions = () => {
+    return _jsx("div", { className: "space-y-4", children: "More actions for family members" });
+};

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

@@ -0,0 +1,16 @@
+/**
+ * Family Member Page Component
+ *
+ * Thin wrapper around GenericModulePage. All handlers, header actions, and row
+ * actions live in context.tsx — this file only owns:
+ *   - tableBodyCols  (static, module-level constant)
+ *   - familyMemberConfig (memoised on locale change only; size fixed so the
+ *     component type produced by createGenericModulePage never changes at
+ *     runtime, preventing the infinite-remount re-render loop)
+ *   - permission guard
+ */
+import { FC } from "react";
+import { USER_ROLE } from "@/type";
+export declare const FamilyMemberPage: FC<{
+    userRole: USER_ROLE;
+}>;