@appcorp/fusion-storybook 0.1.19 → 0.1.20

package/base-modules/discount-code/page.d.ts

@@ -11,6 +11,21 @@
  */
 import { FC } from "react";
 import { USER_ROLE } from "@/type";
-export declare const DiscountCodePage: FC<{
+interface Props {
+    cancelLabel: string;
+    drawerTitle: string;
+    labelActions: string;
+    labelCode: string;
+    labelDescription: string;
+    labelDiscountType: string;
+    labelDiscountValue: string;
+    labelEnabled: string;
+    labelId: string;
+    saveLabel: string;
+    searchPlaceholder: string;
+    tableDescription: string;
+    tableTitle: string;
     userRole: USER_ROLE;
-}>;
+}
+export declare const DiscountCodePage: FC<Props>;
+export {};

package/base-modules/discount-code/page.js

@@ -19,10 +19,8 @@ import { DiscountCodeFilter } from "./filter";
 import { DiscountCodeForm } from "./form";
 import { DiscountCodeMoreActions } from "./more-actions";
 import { DiscountCodeView } from "./view";
-// import { useAuthStateContext } from "@/contexts/auth-context";
 import { resolveRbacPermissions } from "@/utils/resolve-rbac-permissions";
 import { RbacNoAccess } from "@/components/rbac-no-access";
-import { useTranslations } from "next-intl";
 // ============================================================================
 // TABLE COLUMN CONFIGURATION (static — no runtime deps)
 // ============================================================================
@@ -35,19 +33,6 @@ const tableBodyCols = [
     { componentType: COMPONENT_TYPE.BOOLEAN, key: "enabled" },
     { componentType: COMPONENT_TYPE.ACTIONS },
 ];
-const tableColumns = [
-    { label: "id", width: "5%" },
-    { label: "code", width: "15%" },
-    { label: "description", width: "25%" },
-    { label: "discountType", width: "15%" },
-    { label: "discountValue", width: "15%" },
-    { label: "status", width: "15%" },
-    { label: "actions", width: "10%" },
-];
-// ============================================================================
-// TRANSLATED COLUMNS HELPER
-// ============================================================================
-const getTranslatedColumns = (t) => tableColumns.map((col) => (Object.assign(Object.assign({}, col), { label: t(col.label) })));
 // ============================================================================
 // COMPONENT FACTORY (creates JSX elements when config is created, not during render)
 // ============================================================================
@@ -57,23 +42,28 @@ const createComponentInstances = () => ({
     moreActions: _jsx(DiscountCodeMoreActions, {}),
     view: _jsx(DiscountCodeView, {}),
 });
-// ============================================================================
-// CONFIG CREATION HELPER
-// ============================================================================
-const createDiscountCodeConfig = (t, drawer, dispatch) => {
+const createDiscountCodeConfig = ({ cancelLabel, drawer, dispatch, drawerTitle, labelActions, labelCode, labelDescription, labelDiscountType, labelDiscountValue, labelEnabled, labelId, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "discountCode",
-        tableColumns: getTranslatedColumns(t),
-        cancelLabel: t("cancel"),
-        drawerTitle: t("drawerTitle"),
+        tableColumns: [
+            { label: labelId, width: "5%" },
+            { label: labelCode, width: "15%" },
+            { label: labelDescription, width: "25%" },
+            { label: labelDiscountType, width: "15%" },
+            { label: labelDiscountValue, width: "15%" },
+            { label: labelEnabled, width: "15%" },
+            { label: labelActions, width: "10%" },
+        ],
+        cancelLabel,
+        drawerTitle,
         filterContent: components.filter,
         formContent: components.form,
         moreActionsContent: components.moreActions,
-        saveLabel: t("save"),
-        searchPlaceholder: t("tableSearchPlaceholder"),
-        tableDescription: t("tableDescription"),
-        tableTitle: t("tableTitle"),
+        saveLabel,
+        searchPlaceholder,
+        tableDescription,
+        tableTitle,
         viewContent: components.view,
         size: drawer === DISCOUNT_CODE_DRAWER.FORM_DRAWER ? "full" : "small",
         onClearFilters: () => {
@@ -88,18 +78,49 @@ const GenericDiscountCodePage = createGenericModulePage();
 // ============================================================================
 // INNER PAGE (requires DiscountCodeProvider context)
 // ============================================================================
-const DiscountCodePageInner = ({ userRole }) => {
-    const t = useTranslations("discountCode");
+const DiscountCodePageInner = (props) => {
     const context = useDiscountCodeModule();
-    const hasPermission = useMemo(() => resolveRbacPermissions({
-        userRole,
+    // Memoize config creation - destructure props to avoid object reference changes
+    const discountCodeConfig = useMemo(() => createDiscountCodeConfig({
+        dispatch: context.dispatch,
+        drawer: context.state.drawer,
+        cancelLabel: props.cancelLabel,
+        drawerTitle: props.drawerTitle,
+        labelActions: props.labelActions,
+        labelCode: props.labelCode,
+        labelDescription: props.labelDescription,
+        labelDiscountType: props.labelDiscountType,
+        labelDiscountValue: props.labelDiscountValue,
+        labelEnabled: props.labelEnabled,
+        labelId: props.labelId,
+        saveLabel: props.saveLabel,
+        searchPlaceholder: props.searchPlaceholder,
+        tableDescription: props.tableDescription,
+        tableTitle: props.tableTitle,
+    }), [
+        context.dispatch,
+        context.state.drawer,
+        props.cancelLabel,
+        props.drawerTitle,
+        props.labelActions,
+        props.labelCode,
+        props.labelDescription,
+        props.labelDiscountType,
+        props.labelDiscountValue,
+        props.labelEnabled,
+        props.labelId,
+        props.saveLabel,
+        props.searchPlaceholder,
+        props.tableDescription,
+        props.tableTitle,
+    ]);
+    const hasPermission = resolveRbacPermissions({
+        userRole: props.userRole,
         moduleName: "DiscountCode",
-    }), [userRole]);
-    // Memoize config creation
-    const discountCodeConfig = useMemo(() => createDiscountCodeConfig(t, context.state.drawer, context.dispatch), [t, context.state.drawer, context.dispatch]);
+    });
     if (!hasPermission) {
         return _jsx(RbacNoAccess, { moduleName: "DiscountCode" });
     }
     return (_jsx("div", { className: "p-4", children: _jsx(GenericDiscountCodePage, { overrideConfig: discountCodeConfig, context: context, tableBodyCols: tableBodyCols }) }));
 };
-export const DiscountCodePage = ({ userRole }) => (_jsx(DiscountCodeProvider, { children: _jsx(DiscountCodePageInner, { userRole: userRole }) }));
+export const DiscountCodePage = (props) => (_jsx(DiscountCodeProvider, { children: _jsx(DiscountCodePageInner, Object.assign({}, props)) }));

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

@@ -123,6 +123,27 @@ export declare const FamilyStateContextProvider: import("react").FC<{
     children: React.ReactNode;
 }>;
 export declare const useFamilyModule: () => {
+    state: {
+        items: FamilyBE[];
+        count: number;
+        currentPage: number;
+        pageLimit: number;
+        searchQuery: string;
+        disableSaveButton: boolean;
+        drawer: string | null;
+        address: string;
+        city: string;
+        country: string;
+        enabled: boolean;
+        errors: Record<string, string>;
+        familyCode: string;
+        filterEnabled: boolean | undefined;
+        id: string;
+        postalCode: string;
+        stateProvince: string;
+        userId: string;
+    };
+    dispatch: import("react").Dispatch<any>;
     applyFilters: () => void;
     byIdLoading: boolean;
     clearFilters: () => void;
@@ -149,25 +170,4 @@ export declare const useFamilyModule: () => {
     listLoading: boolean;
     rowActions: RowAction[];
     updateLoading: boolean;
-    state: {
-        items: FamilyBE[];
-        count: number;
-        currentPage: number;
-        pageLimit: number;
-        searchQuery: string;
-        disableSaveButton: boolean;
-        drawer: string | null;
-        address: string;
-        city: string;
-        country: string;
-        enabled: boolean;
-        errors: Record<string, string>;
-        familyCode: string;
-        filterEnabled: boolean | undefined;
-        id: string;
-        postalCode: string;
-        stateProvince: string;
-        userId: string;
-    };
-    dispatch: React.Dispatch<any>;
 };

package/base-modules/family/context.js

@@ -85,47 +85,46 @@ export const FamilyStateContextProvider = FamilyProvider;
 // ============================================================================
 export const useFamilyModule = () => {
     var _a, _b;
-    const context = useFamilyContext();
-    const { dispatch } = context;
+    const { state, dispatch } = useFamilyContext();
     const t = useTranslations("family");
     const workspace = getCachedWorkspaceSync();
-    const debouncedQuery = useDebounce(context.state.searchQuery, 800);
+    const debouncedQuery = useDebounce(state.searchQuery, 800);
     // ============================================================================
     // API PARAMETERS
     // ============================================================================
     const listParams = useMemo(() => {
         var _a;
-        return (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) }
+        return (Object.assign(Object.assign({ currentPage: state.currentPage, pageLimit: state.pageLimit, schoolId: ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "" }, (debouncedQuery ? { searchQuery: debouncedQuery } : {})), (state.filterEnabled !== undefined
+            ? { filterEnabled: String(state.filterEnabled) }
             : {})));
     }, [
-        context.state.currentPage,
-        context.state.filterEnabled,
-        context.state.pageLimit,
+        state.currentPage,
+        state.filterEnabled,
+        state.pageLimit,
         debouncedQuery,
         (_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id,
     ]);
     const updateParams = useMemo(() => ({
-        address: context.state.address,
-        city: context.state.city,
-        country: context.state.country,
-        enabled: context.state.enabled,
-        familyCode: context.state.familyCode,
-        id: context.state.id,
-        postalCode: context.state.postalCode,
-        stateProvince: context.state.stateProvince,
+        address: state.address,
+        city: state.city,
+        country: state.country,
+        enabled: state.enabled,
+        familyCode: state.familyCode,
+        id: state.id,
+        postalCode: state.postalCode,
+        stateProvince: state.stateProvince,
     }), [
-        context.state.address,
-        context.state.city,
-        context.state.country,
-        context.state.enabled,
-        context.state.familyCode,
-        context.state.id,
-        context.state.postalCode,
-        context.state.stateProvince,
+        state.address,
+        state.city,
+        state.country,
+        state.enabled,
+        state.familyCode,
+        state.id,
+        state.postalCode,
+        state.stateProvince,
     ]);
-    const byIdParams = useMemo(() => ({ id: context.state.id }), [context.state.id]);
-    const deleteParams = useMemo(() => ({ id: context.state.id }), [context.state.id]);
+    const byIdParams = useMemo(() => ({ id: state.id }), [state.id]);
+    const deleteParams = useMemo(() => ({ id: state.id }), [state.id]);
     // ============================================================================
     // API CALLBACKS
     // ============================================================================
@@ -419,7 +418,10 @@ export const useFamilyModule = () => {
     // ============================================================================
     // RETURN
     // ============================================================================
-    return Object.assign(Object.assign({}, context), { applyFilters,
+    return {
+        state,
+        dispatch,
+        applyFilters,
         byIdLoading,
         clearFilters,
         deleteLoading,
@@ -438,5 +440,6 @@ export const useFamilyModule = () => {
         headerActions,
         listLoading,
         rowActions,
-        updateLoading });
+        updateLoading,
+    };
 };

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

@@ -11,6 +11,21 @@
  */
 import { FC } from "react";
 import { USER_ROLE } from "@/type";
-export declare const FamilyPage: FC<{
+interface Props {
+    cancelLabel: string;
+    drawerTitle: string;
+    labelActions: string;
+    labelAddress: string;
+    labelCity: string;
+    labelEnabled: string;
+    labelFamilyCode: string;
+    labelId: string;
+    labelPrimaryEmail: string;
+    saveLabel: string;
+    searchPlaceholder: string;
+    tableDescription: string;
+    tableTitle: string;
     userRole: USER_ROLE;
-}>;
+}
+export declare const FamilyPage: FC<Props>;
+export {};

package/base-modules/family/page.js

@@ -14,15 +14,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { COMPONENT_TYPE } from "@appcorp/shadcn/components/enhanced-table";
 import { createGenericModulePage, } from "@react-pakistan/util-functions/factory/generic-component-factory";
-import { useFamilyModule, FamilyProvider, FAMILY_ACTION_TYPES, } from "./context";
+import { useFamilyModule, FamilyProvider, FAMILY_ACTION_TYPES, FAMILY_DRAWER, } from "./context";
 import { FamilyFilter } from "./filter";
 import { FamilyForm } from "./form";
 import { FamilyMoreActions } from "./more-actions";
 import { FamilyView } from "./view";
-// import { useAuthStateContext } from "@/contexts/auth-context";
 import { resolveRbacPermissions } from "@/utils/resolve-rbac-permissions";
 import { RbacNoAccess } from "@/components/rbac-no-access";
-import { useTranslations } from "next-intl";
 // ============================================================================
 // TABLE COLUMN CONFIGURATION (static — no runtime deps)
 // ============================================================================
@@ -35,19 +33,6 @@ const tableBodyCols = [
     { componentType: COMPONENT_TYPE.BOOLEAN, key: "enabled" },
     { componentType: COMPONENT_TYPE.ACTIONS },
 ];
-const tableColumns = [
-    { label: "id", width: "5%" },
-    { label: "familyCode", width: "20%" },
-    { label: "primaryEmail", width: "20%" },
-    { label: "address", width: "20%" },
-    { label: "city", width: "15%" },
-    { label: "status", width: "15%" },
-    { label: "actions", width: "5%" },
-];
-// ============================================================================
-// TRANSLATED COLUMNS HELPER
-// ============================================================================
-const getTranslatedColumns = (t) => tableColumns.map((col) => (Object.assign(Object.assign({}, col), { label: t(col.label) })));
 // ============================================================================
 // COMPONENT FACTORY (creates JSX elements when config is created, not during render)
 // ============================================================================
@@ -57,24 +42,30 @@ const createComponentInstances = () => ({
     moreActions: _jsx(FamilyMoreActions, {}),
     view: _jsx(FamilyView, {}),
 });
-// ============================================================================
-// CONFIG CREATION HELPER
-// ============================================================================
-const createFamilyConfig = (t, dispatch) => {
+const createFamilyConfig = ({ cancelLabel, dispatch, drawer, drawerTitle, labelActions, labelAddress, labelCity, labelEnabled, labelFamilyCode, labelId, labelPrimaryEmail, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "family",
-        tableColumns: getTranslatedColumns(t),
-        cancelLabel: t("cancel"),
-        drawerTitle: t("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%" },
+        ],
+        cancelLabel,
+        drawerTitle,
         filterContent: components.filter,
         formContent: components.form,
         moreActionsContent: components.moreActions,
-        saveLabel: t("save"),
-        searchPlaceholder: t("searchFamilies"),
-        tableDescription: t("manageFamilyAccountsAndTheirInformation"),
-        tableTitle: t("family"),
+        saveLabel,
+        searchPlaceholder,
+        tableDescription,
+        tableTitle,
         viewContent: components.view,
+        size: drawer === FAMILY_DRAWER.FORM_DRAWER ? "full" : "small",
         onClearFilters: () => {
             dispatch({ type: FAMILY_ACTION_TYPES.RESET_FORM });
         },
@@ -87,19 +78,49 @@ const GenericFamilyPage = createGenericModulePage();
 // ============================================================================
 // INNER PAGE (requires FamilyProvider context)
 // ============================================================================
-const FamilyPageInner = ({ userRole }) => {
-    const t = useTranslations("family");
+const FamilyPageInner = (props) => {
     const context = useFamilyModule();
-    // Memoize permission check to avoid recalculation on every render
-    const hasPermission = useMemo(() => resolveRbacPermissions({
-        userRole,
+    // Memoize config creation - destructure props to avoid object reference changes
+    const familyConfig = useMemo(() => createFamilyConfig({
+        dispatch: context.dispatch,
+        drawer: context.state.drawer,
+        cancelLabel: props.cancelLabel,
+        drawerTitle: props.drawerTitle,
+        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,
+        tableDescription: props.tableDescription,
+        tableTitle: props.tableTitle,
+    }), [
+        context.dispatch,
+        context.state.drawer,
+        props.cancelLabel,
+        props.drawerTitle,
+        props.labelActions,
+        props.labelAddress,
+        props.labelCity,
+        props.labelEnabled,
+        props.labelFamilyCode,
+        props.labelId,
+        props.labelPrimaryEmail,
+        props.saveLabel,
+        props.searchPlaceholder,
+        props.tableDescription,
+        props.tableTitle,
+    ]);
+    const hasPermission = resolveRbacPermissions({
+        userRole: props.userRole,
         moduleName: "People Management",
-    }), [userRole]);
-    // Memoize config creation
-    const familyConfig = useMemo(() => createFamilyConfig(t, context.dispatch), [t, context.dispatch]);
+    });
     if (!hasPermission) {
         return _jsx(RbacNoAccess, { moduleName: "People Management" });
     }
     return (_jsx("div", { className: "p-4", children: _jsx(GenericFamilyPage, { overrideConfig: familyConfig, context: context, tableBodyCols: tableBodyCols }) }));
 };
-export const FamilyPage = ({ userRole }) => (_jsx(FamilyProvider, { children: _jsx(FamilyPageInner, { userRole: userRole }) }));
+export const FamilyPage = (props) => (_jsx(FamilyProvider, { children: _jsx(FamilyPageInner, Object.assign({}, props)) }));

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

@@ -11,6 +11,22 @@
  */
 import { FC } from "react";
 import { USER_ROLE } from "@/type";
-export declare const FamilyMemberPage: FC<{
+interface Props {
+    cancelLabel: string;
+    drawerTitle: string;
+    labelActions: string;
+    labelEmail: string;
+    labelEnabled: string;
+    labelFirstName: string;
+    labelId: string;
+    labelPhone: string;
+    labelPrimaryContact: string;
+    labelRole: string;
+    saveLabel: string;
+    searchPlaceholder: string;
+    tableDescription: string;
+    tableTitle: string;
     userRole: USER_ROLE;
-}>;
+}
+export declare const FamilyMemberPage: FC<Props>;
+export {};

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

@@ -21,7 +21,6 @@ import { FamilyMemberMoreActions } from "./more-actions";
 import { FamilyMemberView } from "./view";
 import { resolveRbacPermissions } from "@/utils/resolve-rbac-permissions";
 import { RbacNoAccess } from "@/components/rbac-no-access";
-import { useTranslations } from "next-intl";
 // ============================================================================
 // TABLE COLUMN CONFIGURATION (static — no runtime deps)
 // ============================================================================
@@ -35,20 +34,6 @@ const tableBodyCols = [
     { componentType: COMPONENT_TYPE.BOOLEAN, key: "enabled" },
     { componentType: COMPONENT_TYPE.ACTIONS },
 ];
-const tableColumns = [
-    { label: "id", width: "5%" },
-    { label: "firstName", width: "20%" },
-    { label: "role", width: "15%" },
-    { label: "email", width: "20%" },
-    { label: "phone", width: "15%" },
-    { label: "primaryContact", width: "10%" },
-    { label: "status", width: "10%" },
-    { label: "actions", width: "5%" },
-];
-// ============================================================================
-// TRANSLATED COLUMNS HELPER
-// ============================================================================
-const getTranslatedColumns = (t) => tableColumns.map((col) => (Object.assign(Object.assign({}, col), { label: t(col.label) })));
 // ============================================================================
 // COMPONENT FACTORY (creates JSX elements when config is created, not during render)
 // ============================================================================
@@ -58,23 +43,29 @@ const createComponentInstances = () => ({
     moreActions: _jsx(FamilyMemberMoreActions, {}),
     view: _jsx(FamilyMemberView, {}),
 });
-// ============================================================================
-// CONFIG CREATION HELPER
-// ============================================================================
-const createFamilyMemberConfig = (t, drawer, dispatch) => {
+const createFamilyMemberConfig = ({ cancelLabel, drawer, dispatch, drawerTitle, labelActions, labelEmail, labelEnabled, labelFirstName, labelId, labelPhone, labelPrimaryContact, labelRole, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "familyMember",
-        tableColumns: getTranslatedColumns(t),
-        cancelLabel: t("cancel"),
-        drawerTitle: t("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%" },
+        ],
+        cancelLabel,
+        drawerTitle,
         filterContent: components.filter,
         formContent: components.form,
         moreActionsContent: components.moreActions,
-        saveLabel: t("save"),
-        searchPlaceholder: t("searchFamilyMembers"),
-        tableDescription: t("manageFamilyMembersAndTheirInformation"),
-        tableTitle: t("familyMember"),
+        saveLabel,
+        searchPlaceholder,
+        tableDescription,
+        tableTitle,
         viewContent: components.view,
         size: drawer === FAMILY_MEMBER_DRAWER.FORM_DRAWER ? "full" : "small",
         onClearFilters: () => {
@@ -89,19 +80,51 @@ const GenericFamilyMemberPage = createGenericModulePage();
 // ============================================================================
 // INNER PAGE (requires FamilyMemberProvider context)
 // ============================================================================
-const FamilyMemberPageInner = ({ userRole }) => {
-    const t = useTranslations("familyMember");
+const FamilyMemberPageInner = (props) => {
     const context = useFamilyMemberModule();
-    // Memoize permission check to avoid recalculation on every render
-    const hasPermission = useMemo(() => resolveRbacPermissions({
-        userRole,
+    // Memoize config creation - destructure props to avoid object reference changes
+    const familyMemberConfig = useMemo(() => createFamilyMemberConfig({
+        dispatch: context.dispatch,
+        drawer: context.state.drawer,
+        cancelLabel: props.cancelLabel,
+        drawerTitle: props.drawerTitle,
+        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,
+        tableDescription: props.tableDescription,
+        tableTitle: props.tableTitle,
+    }), [
+        context.dispatch,
+        context.state.drawer,
+        props.cancelLabel,
+        props.drawerTitle,
+        props.labelActions,
+        props.labelEmail,
+        props.labelEnabled,
+        props.labelFirstName,
+        props.labelId,
+        props.labelPhone,
+        props.labelPrimaryContact,
+        props.labelRole,
+        props.saveLabel,
+        props.searchPlaceholder,
+        props.tableDescription,
+        props.tableTitle,
+    ]);
+    const hasPermission = resolveRbacPermissions({
+        userRole: props.userRole,
         moduleName: "People Management",
-    }), [userRole]);
-    // Memoize config creation
-    const familyMemberConfig = useMemo(() => createFamilyMemberConfig(t, context.state.drawer, context.dispatch), [t, context.state.drawer, context.dispatch]);
+    });
     if (!hasPermission) {
         return _jsx(RbacNoAccess, { moduleName: "People Management" });
     }
     return (_jsx("div", { className: "p-4", children: _jsx(GenericFamilyMemberPage, { overrideConfig: familyMemberConfig, context: context, tableBodyCols: tableBodyCols }) }));
 };
-export const FamilyMemberPage = ({ userRole }) => (_jsx(FamilyMemberProvider, { children: _jsx(FamilyMemberPageInner, { userRole: userRole }) }));
+export const FamilyMemberPage = (props) => (_jsx(FamilyMemberProvider, { children: _jsx(FamilyMemberPageInner, Object.assign({}, props)) }));

package/base-modules/student-profile/page.d.ts

@@ -6,4 +6,22 @@
  * via the `ComponentConfig`.
  */
 import { FC } from "react";
-export declare const StudentProfilePage: FC;
+import { USER_ROLE } from "@/type";
+interface Props {
+    cancelLabel: string;
+    drawerTitle: string;
+    labelActions: string;
+    labelEnabled: string;
+    labelFirstName: string;
+    labelId: string;
+    labelLastName: string;
+    labelStatus: string;
+    labelStudentCode: string;
+    saveLabel: string;
+    searchPlaceholder: string;
+    tableDescription: string;
+    tableTitle: string;
+    userRole: USER_ROLE;
+}
+export declare const StudentProfilePage: FC<Props>;
+export {};