@appcorp/fusion-storybook 0.1.21 → 0.1.23

package/base-modules/teacher/page.js

@@ -0,0 +1,141 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Teacher 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)
+ *   - teacherConfig (memoised on locale change only; size fixed per drawer so
+ *     the component type produced by createGenericModulePage never changes at
+ *     runtime, preventing the infinite-remount re-render loop)
+ *   - permission guard
+ */
+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 { useTeacherModule, TeacherProvider, TEACHER_DRAWER, TEACHER_ACTION_TYPES, } from "./context";
+import { TeacherFilter } from "./filter";
+import { TeacherForm } from "./form";
+import { TeacherMoreActions } from "./more-actions";
+import { TeacherView } from "./view";
+import { resolveRbacPermissions } from "../../utils/resolve-rbac-permissions";
+import { RbacNoAccess } from "../../components/rbac-no-access";
+// ============================================================================
+// TABLE COLUMN CONFIGURATION (static — no runtime deps)
+// ============================================================================
+const tableBodyCols = [
+    { componentType: COMPONENT_TYPE.ID, key: "id" },
+    { componentType: COMPONENT_TYPE.TEXT, key: "teacherCode" },
+    {
+        componentType: COMPONENT_TYPE.TEXT,
+        key: "name",
+        textFormatter: (_, row) => {
+            var _a;
+            return ((_a = row === null || row === void 0 ? void 0 : row.user) === null || _a === void 0 ? void 0 : _a.name) || "N/A";
+        },
+    },
+    {
+        componentType: COMPONENT_TYPE.TEXT,
+        key: "email",
+        textFormatter: (_, row) => {
+            var _a;
+            return ((_a = row === null || row === void 0 ? void 0 : row.user) === null || _a === void 0 ? void 0 : _a.email) || "N/A";
+        },
+    },
+    { componentType: COMPONENT_TYPE.TEXT, key: "phone" },
+    { componentType: COMPONENT_TYPE.TEXT, key: "specialization" },
+    { componentType: COMPONENT_TYPE.BOOLEAN, key: "enabled" },
+    { componentType: COMPONENT_TYPE.ACTIONS },
+];
+// ============================================================================
+// COMPONENT FACTORY (creates JSX elements when config is created, not during render)
+// ============================================================================
+const createComponentInstances = () => ({
+    filter: _jsx(TeacherFilter, {}),
+    form: _jsx(TeacherForm, {}),
+    moreActions: _jsx(TeacherMoreActions, {}),
+    view: _jsx(TeacherView, {}),
+});
+const createTeacherConfig = ({ cancelLabel, dispatch, drawer, drawerTitle, labelActions, labelEmail, labelEnabled, labelId, labelName, labelPhone, labelSpecialization, labelTeacherCode, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+    const components = createComponentInstances();
+    return {
+        moduleName: "teacher",
+        tableColumns: [
+            { label: labelId, width: "5%" },
+            { label: labelTeacherCode, width: "12%" },
+            { label: labelName, width: "18%" },
+            { label: labelEmail, width: "18%" },
+            { label: labelPhone, width: "14%" },
+            { label: labelSpecialization, width: "18%" },
+            { label: labelEnabled, width: "8%" },
+            { label: labelActions, width: "7%" },
+        ],
+        cancelLabel,
+        drawerTitle,
+        filterContent: components.filter,
+        formContent: components.form,
+        moreActionsContent: components.moreActions,
+        saveLabel,
+        searchPlaceholder,
+        tableDescription,
+        tableTitle,
+        viewContent: components.view,
+        size: drawer === TEACHER_DRAWER.FORM_DRAWER ? "full" : "small",
+        onClearFilters: () => {
+            dispatch({ type: TEACHER_ACTION_TYPES.RESET_FORM });
+        },
+    };
+};
+// ============================================================================
+// STABLE PAGE COMPONENT (created once, outside render)
+// ============================================================================
+const GenericTeacherPage = createGenericModulePage();
+const TeacherPageInner = (props) => {
+    const context = useTeacherModule();
+    // Memoize config creation - destructure props to avoid object reference changes
+    const teacherConfig = useMemo(() => createTeacherConfig({
+        dispatch: context.dispatch,
+        drawer: context.state.drawer,
+        cancelLabel: props.cancelLabel,
+        drawerTitle: props.drawerTitle,
+        labelActions: props.labelActions,
+        labelEmail: props.labelEmail,
+        labelEnabled: props.labelEnabled,
+        labelId: props.labelId,
+        labelName: props.labelName,
+        labelPhone: props.labelPhone,
+        labelSpecialization: props.labelSpecialization,
+        labelTeacherCode: props.labelTeacherCode,
+        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.labelId,
+        props.labelName,
+        props.labelPhone,
+        props.labelSpecialization,
+        props.labelTeacherCode,
+        props.saveLabel,
+        props.searchPlaceholder,
+        props.tableDescription,
+        props.tableTitle,
+    ]);
+    const hasPermission = resolveRbacPermissions({
+        userRole: props.userRole,
+        moduleName: "People Management",
+    });
+    if (!hasPermission) {
+        return _jsx(RbacNoAccess, { moduleName: "People Management" });
+    }
+    return (_jsx("div", { className: "p-4", children: _jsx(GenericTeacherPage, { overrideConfig: teacherConfig, context: context, tableBodyCols: tableBodyCols }) }));
+};
+export const TeacherPage = (props) => (_jsx(TeacherProvider, { children: _jsx(TeacherPageInner, Object.assign({}, props)) }));

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

@@ -0,0 +1,26 @@
+/**
+ * Teacher Validation Schema
+ *
+ * Zod validation schemas for teacher form data.
+ */
+import { z } from "zod";
+export declare const teacherFormValidation: z.ZodObject<{
+    address: z.ZodOptional<z.ZodString>;
+    avatar: z.ZodOptional<z.ZodString>;
+    bio: z.ZodOptional<z.ZodString>;
+    city: z.ZodOptional<z.ZodString>;
+    country: z.ZodOptional<z.ZodString>;
+    dateOfBirth: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    emergencyPhone: z.ZodOptional<z.ZodString>;
+    experience: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+    firstName: z.ZodString;
+    gender: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    joiningDate: z.ZodString;
+    lastName: z.ZodString;
+    phone: z.ZodOptional<z.ZodString>;
+    postalCode: z.ZodOptional<z.ZodString>;
+    qualification: z.ZodOptional<z.ZodString>;
+    specialization: z.ZodOptional<z.ZodString>;
+    state: z.ZodOptional<z.ZodString>;
+    teacherCode: z.ZodString;
+}, z.core.$strip>;

package/base-modules/teacher/validate.js

@@ -0,0 +1,37 @@
+/**
+ * Teacher Validation Schema
+ *
+ * Zod validation schemas for teacher form data.
+ */
+import { z } from "zod";
+// ============================================================================
+// VALIDATION SCHEMA
+// ============================================================================
+export const teacherFormValidation = z.object({
+    address: z.string().optional(),
+    avatar: z.string().optional(),
+    bio: z.string().optional(),
+    city: z.string().optional(),
+    country: z.string().optional(),
+    dateOfBirth: z.string().optional().nullable(),
+    emergencyPhone: z
+        .string()
+        .optional()
+        .refine((val) => !val ||
+        /^([+]?[\s0-9]+)?(\d{3}|[(]?[0-9]+[)]?)?([-]?[\s]?[0-9])+$/.test(val), "Invalid phone number format"),
+    experience: z.number().optional().nullable(),
+    firstName: z.string().min(1, "First name is required"),
+    gender: z.string().optional().nullable(),
+    joiningDate: z.string(),
+    lastName: z.string().min(1, "Last name is required"),
+    phone: z
+        .string()
+        .optional()
+        .refine((val) => !val ||
+        /^([+]?[\s0-9]+)?(\d{3}|[(]?[0-9]+[)]?)?([-]?[\s]?[0-9])+$/.test(val), "Invalid phone number format"),
+    postalCode: z.string().optional(),
+    qualification: z.string().optional(),
+    specialization: z.string().optional(),
+    state: z.string().optional(),
+    teacherCode: z.string().min(1, "Teacher code is required"),
+});

package/base-modules/teacher/view.d.ts

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

package/base-modules/teacher/view.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@appcorp/shadcn/components/ui/card";
+import { Badge } from "@appcorp/shadcn/components/ui/badge";
+import { Separator } from "@appcorp/shadcn/components/ui/separator";
+import { Avatar, AvatarFallback, AvatarImage, } from "@appcorp/shadcn/components/ui/avatar";
+import { User, Phone, MapPin, Calendar, GraduationCap, CheckCircle2, XCircle, Briefcase, } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { formatValue } from "../../utils/format-value";
+import { formatDate, DATE_FORMATS } from "@react-pakistan/util-functions";
+import { useTeacherModule } from "./context";
+export const TeacherView = () => {
+    const t = useTranslations("teacher");
+    const context = useTeacherModule();
+    const { address, avatar, bio, city, country, dateOfBirth, emergencyPhone, enabled, experience, firstName, gender, joiningDate, lastName, phone, postalCode, qualification, specialization, teacherCode, } = context.state;
+    const stateValue = context.state.state;
+    const fullName = `${firstName} ${lastName}`;
+    const formatDateValue = (date) => date ? formatDate(String(date), DATE_FORMATS.LOCALE_DATE) : "\u2014";
+    const getInitials = () => {
+        const first = (firstName === null || firstName === void 0 ? void 0 : firstName.charAt(0)) || "";
+        const last = (lastName === null || lastName === void 0 ? void 0 : lastName.charAt(0)) || "";
+        return (first + last).toUpperCase() || "T";
+    };
+    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(User, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("basicInformation") })] }), _jsx(CardDescription, { children: t("teachersPersonalDetails") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("profilePicture") }), _jsxs(Avatar, { className: "h-20 w-20", children: [_jsx(AvatarImage, { src: avatar || undefined, alt: fullName }), _jsx(AvatarFallback, { className: "text-lg", children: getInitials() })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("teacherCode") }), _jsx("p", { className: "font-mono text-base", children: formatValue(teacherCode) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("name") }), _jsx("p", { className: "text-base", children: fullName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("gender") }), _jsx("p", { className: "text-base", children: formatValue(gender) })] }), _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("dateOfBirth") })] }), _jsx("p", { className: "text-base", children: formatDateValue(dateOfBirth) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("status") }), _jsx("div", { className: "flex items-center gap-2", children: enabled ? (_jsxs(_Fragment, { children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-green-600" }), _jsx(Badge, { variant: "default", children: t("active") })] })) : (_jsxs(_Fragment, { children: [_jsx(XCircle, { className: "h-4 w-4 text-red-600" }), _jsx(Badge, { variant: "destructive", children: t("inactive") })] })) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("contactInformation") })] }), _jsx(CardDescription, { children: t("howToReachTheTeacher") })] }), _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(Phone, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("phone") })] }), _jsx("p", { className: "text-base", children: formatValue(phone) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Phone, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("emergencyPhone") })] }), _jsx("p", { className: "text-base", children: formatValue(emergencyPhone) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(GraduationCap, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("professionalInformation") })] }), _jsx(CardDescription, { children: t("teachingCredentialsAndExperience") })] }), _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("qualification") }), _jsx("p", { className: "text-base", children: formatValue(qualification) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("specialization") }), _jsx("p", { className: "text-base", children: formatValue(specialization) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Briefcase, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("experience") })] }), _jsx("p", { className: "text-base", children: experience
+                                                ? t("experienceYears", { years: experience })
+                                                : "\u2014" })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("joiningDate") })] }), _jsx("p", { className: "text-base", children: formatDateValue(joiningDate) })] })] }) })] }), _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("addressInformation") })] }), _jsx(CardDescription, { children: t("teachersResidentialAddress") })] }), _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("address") }), _jsx("p", { className: "text-base", children: formatValue(address) })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("city") }), _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("stateProvince") }), _jsx("p", { className: "text-base", children: formatValue(stateValue) })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("country") }), _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("postalCode") }), _jsx("p", { className: "text-base", children: formatValue(postalCode) })] })] })] }) })] }), bio && (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-lg", children: t("biography") }), _jsx(CardDescription, { children: t("aboutTheTeacher") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("p", { className: "text-base", children: bio }) })] }))] }));
+};

package/base-modules/user/cache.d.ts

@@ -0,0 +1,14 @@
+/**
+ * User Module Cache Utilities
+ *
+ * Provides localStorage-based caching for users using generic cache system.
+ */
+import { UserBE } from "../../type";
+export declare const getCachedUsersSync: () => import("@react-pakistan/util-functions").ListResponse<UserBE>;
+export declare const getCachedUsers: ({ params, }: {
+    params: Record<string, unknown>;
+}) => Promise<import("@react-pakistan/util-functions").ListResponse<UserBE>>;
+export declare const getCachedUserById: (userId: string) => UserBE | null;
+export declare const invalidateUsersCache: () => void;
+export declare const preloadUsers: () => Promise<import("@react-pakistan/util-functions").ListResponse<UserBE>>;
+export declare const isUsersCacheStale: () => boolean;

package/base-modules/user/cache.js

@@ -0,0 +1,31 @@
+/**
+ * User Module Cache Utilities
+ *
+ * Provides localStorage-based caching for users using generic cache system.
+ */
+import { LS_KEYS } from "../../constants";
+import { USER_API_ROUTES } from "./constants";
+import { getCachedData, getCachedDataSync, getCachedItemById, invalidateCache, isCacheStale, preloadCache, } from "@react-pakistan/util-functions";
+// ============================================================================
+// CACHE CONFIGURATION
+// ============================================================================
+const USER_CACHE_CONFIG = {
+    cacheKey: LS_KEYS.USERS,
+    apiUrl: USER_API_ROUTES.LIST,
+};
+// ============================================================================
+// USER-SPECIFIC CACHE FUNCTIONS
+// ============================================================================
+export const getCachedUsersSync = () => getCachedDataSync(LS_KEYS.USERS);
+export const getCachedUsers = ({ params, }) => getCachedData({
+    config: USER_CACHE_CONFIG,
+    params,
+    headers: {
+        "Content-Type": "application/json",
+        "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+    },
+});
+export const getCachedUserById = (userId) => getCachedItemById(LS_KEYS.USERS, userId);
+export const invalidateUsersCache = () => invalidateCache(LS_KEYS.USERS);
+export const preloadUsers = () => preloadCache(USER_CACHE_CONFIG);
+export const isUsersCacheStale = () => isCacheStale(LS_KEYS.USERS);

package/base-modules/user/constants.d.ts

@@ -0,0 +1,9 @@
+/**
+ * User Constants
+ *
+ * Organization:
+ * - Page Configuration
+ * - API Routes
+ */
+export declare const pageLimit: number;
+export declare const USER_API_ROUTES: Record<string, string>;

package/base-modules/user/constants.js

@@ -0,0 +1,19 @@
+/**
+ * User Constants
+ *
+ * Organization:
+ * - Page Configuration
+ * - API Routes
+ */
+// ============================================================================
+// PAGE CONFIGURATION
+// ============================================================================
+export const pageLimit = Number(process.env.NEXT_PUBLIC_PAGE_LIMIT) || 10;
+// ============================================================================
+// API ROUTES
+// ============================================================================
+export const USER_API_ROUTES = {
+    LIST: "/api/v1/user",
+    UNIT: "/api/v1/user",
+    UNIT_BY_EMAIL: "/api/v1/user-by-email",
+};

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

@@ -0,0 +1,218 @@
+import { UserBE, USER_ROLE } from "@/type";
+import { type RowAction, type TableRow } from "@appcorp/shadcn/components/enhanced-table";
+export declare const USER_DRAWER: {
+    readonly FILTER_DRAWER: string;
+    readonly FORM_DRAWER: string;
+    readonly MORE_ACTIONS_DRAWER: string;
+    readonly VIEW_DRAWER: string;
+};
+export declare const USER_ACTION_TYPES: {
+    readonly RESET_FORM: "RESET_FORM";
+    readonly SET_CURRENT_PAGE: "SET_CURRENT_PAGE";
+    readonly SET_PAGE_LIMIT: "SET_PAGE_LIMIT";
+    readonly SET_SEARCH_QUERY: "SET_SEARCH_QUERY";
+    readonly SET_DRAWER: "SET_DRAWER";
+    readonly SET_ITEMS: "SET_ITEMS";
+    readonly SET_FORM_DATA: "SET_FORM_DATA";
+    readonly SET_DISABLE_SAVE_BUTTON: "SET_DISABLE_SAVE_BUTTON";
+    readonly SET_INPUT_FIELD: "SET_INPUT_FIELD";
+    readonly SET_ERRORS: "SET_ERRORS";
+    readonly SET_FILTERS: "SET_FILTERS";
+}, userModuleConfig: import("@react-pakistan/util-functions/factory/generic-module-factory").ModuleConfig<{
+    items: UserBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    errors: Record<string, string>;
+    id: string;
+    name: string;
+    email: string;
+    phone: string;
+    avatar: string;
+    password: string;
+    enabled: boolean;
+    userRole: USER_ROLE | null;
+    filterEnabled: boolean | undefined;
+}>, initialUserState: {
+    items: UserBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    errors: Record<string, string>;
+    id: string;
+    name: string;
+    email: string;
+    phone: string;
+    avatar: string;
+    password: string;
+    enabled: boolean;
+    userRole: USER_ROLE | null;
+    filterEnabled: boolean | undefined;
+}, UserProvider: import("react").FC<{
+    children: React.ReactNode;
+}>, userReducer: (state: {
+    items: UserBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    errors: Record<string, string>;
+    id: string;
+    name: string;
+    email: string;
+    phone: string;
+    avatar: string;
+    password: string;
+    enabled: boolean;
+    userRole: USER_ROLE | null;
+    filterEnabled: boolean | undefined;
+}, action: any) => {
+    items: UserBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    errors: Record<string, string>;
+    id: string;
+    name: string;
+    email: string;
+    phone: string;
+    avatar: string;
+    password: string;
+    enabled: boolean;
+    userRole: USER_ROLE | null;
+    filterEnabled: boolean | undefined;
+}, useUserContext: () => import("@react-pakistan/util-functions/factory/generic-module-factory").GenericModuleContext<{
+    items: UserBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    errors: Record<string, string>;
+    id: string;
+    name: string;
+    email: string;
+    phone: string;
+    avatar: string;
+    password: string;
+    enabled: boolean;
+    userRole: USER_ROLE | null;
+    filterEnabled: boolean | undefined;
+}>;
+export declare const useUserModule: () => {
+    applyFilters: () => void;
+    byIdLoading: boolean;
+    clearFilters: () => void;
+    deleteLoading: boolean;
+    handleAvatar: (files: File[]) => void;
+    handleChange: (field: string, value: string | number | boolean | undefined | null) => void;
+    handleCloseDrawer: () => void;
+    handleCreate: () => void;
+    handleDelete: (row?: TableRow) => void;
+    handleEdit: (row?: TableRow) => void;
+    handleFilters: () => void;
+    handleMoreActions: () => void;
+    handlePageChange: (page: number) => void;
+    handlePageLimitChange: (limit: number) => void;
+    handleSearch: (query: string) => void;
+    handleSubmit: () => Promise<void>;
+    handleView: (row?: TableRow) => void;
+    headerActions: {
+        enabled: boolean;
+        handleOnClick: () => void;
+        label: string;
+        order: number;
+        icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    }[];
+    listLoading: boolean;
+    rowActions: RowAction[];
+    toggleStatus: (row?: TableRow) => void;
+    updateLoading: boolean;
+    state: {
+        items: UserBE[];
+        count: number;
+        currentPage: number;
+        pageLimit: number;
+        searchQuery: string;
+        disableSaveButton: boolean;
+        drawer: string | null;
+        errors: Record<string, string>;
+        id: string;
+        name: string;
+        email: string;
+        phone: string;
+        avatar: string;
+        password: string;
+        enabled: boolean;
+        userRole: USER_ROLE | null;
+        filterEnabled: boolean | undefined;
+    };
+    dispatch: React.Dispatch<any>;
+};
+/** @deprecated Use `UserProvider` */
+export declare const UserStateContextProvider: import("react").FC<{
+    children: React.ReactNode;
+}>;
+/** @deprecated Use `useUserModule` */
+export declare const useUserStateContext: () => {
+    applyFilters: () => void;
+    byIdLoading: boolean;
+    clearFilters: () => void;
+    deleteLoading: boolean;
+    handleAvatar: (files: File[]) => void;
+    handleChange: (field: string, value: string | number | boolean | undefined | null) => void;
+    handleCloseDrawer: () => void;
+    handleCreate: () => void;
+    handleDelete: (row?: TableRow) => void;
+    handleEdit: (row?: TableRow) => void;
+    handleFilters: () => void;
+    handleMoreActions: () => void;
+    handlePageChange: (page: number) => void;
+    handlePageLimitChange: (limit: number) => void;
+    handleSearch: (query: string) => void;
+    handleSubmit: () => Promise<void>;
+    handleView: (row?: TableRow) => void;
+    headerActions: {
+        enabled: boolean;
+        handleOnClick: () => void;
+        label: string;
+        order: number;
+        icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    }[];
+    listLoading: boolean;
+    rowActions: RowAction[];
+    toggleStatus: (row?: TableRow) => void;
+    updateLoading: boolean;
+    state: {
+        items: UserBE[];
+        count: number;
+        currentPage: number;
+        pageLimit: number;
+        searchQuery: string;
+        disableSaveButton: boolean;
+        drawer: string | null;
+        errors: Record<string, string>;
+        id: string;
+        name: string;
+        email: string;
+        phone: string;
+        avatar: string;
+        password: string;
+        enabled: boolean;
+        userRole: USER_ROLE | null;
+        filterEnabled: boolean | undefined;
+    };
+    dispatch: React.Dispatch<any>;
+};