warqadui 0.0.50 → 0.0.52

package/dist/index.d.mts

@@ -4,8 +4,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
 import { ColumnDef, SortingState, ColumnFiltersState, RowData } from '@tanstack/react-table';
+import * as z from 'zod';
 import * as react_to_print from 'react-to-print';
 import { UploadFile } from 'antd';
+import * as zustand from 'zustand';
 
 interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | "warning";
@@ -527,6 +529,73 @@ interface BrandingProps {
 }
 declare const Branding: React__default.FC<BrandingProps>;
 
+type LoginTheme = "tech" | "travel" | "healthcare";
+interface BaseLoginProps {
+    form: UseFormReturn<LoginSchema>;
+    onSubmit: (data: LoginSchema, form: UseFormReturn<LoginSchema>) => void;
+    image?: string;
+    theme?: LoginTheme;
+    title?: string;
+    subtitle?: string;
+    logo?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+    brandName?: string;
+    backUrl?: string;
+    isLoading?: boolean;
+}
+declare const ThemedLogin: React__default.FC<BaseLoginProps>;
+
+declare const defaultLoginSchema: z.ZodObject<{
+    email: z.ZodString;
+    password: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+    password: string;
+}, {
+    email: string;
+    password: string;
+}>;
+type LoginSchema = z.infer<typeof defaultLoginSchema>;
+interface UseLoginProps {
+    theme?: LoginTheme;
+    image?: string;
+    schema?: z.ZodType<any, any, any>;
+    defaultValues?: any;
+    onSubmit: (data: any, form: UseFormReturn<LoginSchema>) => void;
+    brandName?: string;
+    title?: string;
+    subtitle?: string;
+    backUrl?: string;
+    isLoading?: boolean;
+}
+declare const useLogin: (props: UseLoginProps) => {
+    form: UseFormReturn<{
+        email: string;
+        password: string;
+    }, any, {
+        email: string;
+        password: string;
+    }>;
+    Login: React__default.FC<{}>;
+};
+
+interface ProfileDropdownItem {
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick?: () => void | Promise<void>;
+    disabled?: boolean;
+    className?: string;
+}
+interface ProfileDropdownProps {
+    name: string;
+    image?: string;
+    items: ProfileDropdownItem[];
+    className?: string;
+    triggerMode?: "click" | "hover";
+    size?: "sm" | "md" | "lg";
+}
+declare const ProfileDropdown: React__default.FC<ProfileDropdownProps>;
+
 interface FetchProps {
     url: string;
     body?: Record<string, any>;
@@ -774,4 +843,154 @@ declare const Views: {
     }>;
 };
 
-export { Badge, type BadgeProps, Branding, type BrandingProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryCard, type CategoryItem, ClassicSpin, CodeBlock, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, type FetchFunction, type FetchProps, Fields, InfoGrid, Input, type InputProps, LoadingBox, LoadingSpin, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageA4, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, type PostFunction, PostTable, type PostTableActions, type PostTableChangeParams, type PutFunction, SearchApi, SearchApiContent, SearchApiInput, SearchApiItem, type SearchApiProps, SearchApiTrigger, Select, SelectContent, SelectItem, type SelectProps, SelectTrigger, SimpleTable, type SimpleTableColumn, type StorageManager, type StoreConfig, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, type UseModalReturn, Views, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, storage, useA4CategoryView, useA4StatementView, useAntdImageUpload, useApi, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig };
+/**
+ * Guard component that fetches the current user profile on every route change.
+ * It ensures the auth state is synchronized with the server.
+ */
+declare const Guard: () => react_jsx_runtime.JSX.Element;
+/**
+ * Ensures the user is logged in to access child routes.
+ */
+declare const ProtectedRoute: () => react_jsx_runtime.JSX.Element;
+/**
+ * Ensures the user is NOT logged in to access child routes (e.g. Login/Signup pages).
+ */
+declare const UnProtectedRoute: () => react_jsx_runtime.JSX.Element;
+/**
+ * Ensures only users with 'admin' role can access child routes.
+ */
+declare const AdminProtectedRoute: () => react_jsx_runtime.JSX.Element;
+
+type Role = string;
+type AccountType = string;
+type AuthData = {
+    _id: string;
+    role: Role;
+    email: string;
+    phoneNumber: string;
+    isActive: boolean;
+    isEmailVerified: boolean;
+    isPhoneVerified: boolean;
+    permissions?: Record<string, boolean>;
+    homePath?: string;
+};
+type AccountData = {
+    _id: string;
+    name: string;
+    email: string;
+    phoneNumber: string;
+    type: AccountType;
+};
+type AuthState = {
+    auth: AuthData | null;
+    account: AccountData | null;
+    isLoggedIn: boolean;
+    isFetched: boolean;
+    setAuth: (auth: AuthData, account: AccountData) => void;
+    setIsLoggedIn: (isLoggedIn: boolean) => void;
+    setIsFetched: (isFetched: boolean) => void;
+    logout: () => void;
+    updateAuth: (data: Partial<AuthData>) => void;
+    updateAccount: (data: Partial<AccountData>) => void;
+    hasPermission: (key: string) => boolean;
+};
+declare const useAuthStore: zustand.UseBoundStore<zustand.StoreApi<AuthState>>;
+
+declare const useAuth: () => {
+    auth: {
+        _id: string;
+        role: Role;
+        email: string;
+        phoneNumber: string;
+        isActive: boolean;
+        isEmailVerified: boolean;
+        isPhoneVerified: boolean;
+        permissions?: Record<string, boolean>;
+        homePath?: string;
+    } | null;
+    user: {
+        _id: string;
+        role: Role;
+        email: string;
+        phoneNumber: string;
+        isActive: boolean;
+        isEmailVerified: boolean;
+        isPhoneVerified: boolean;
+        permissions?: Record<string, boolean>;
+        homePath?: string;
+    } | null;
+    account: {
+        _id: string;
+        name: string;
+        email: string;
+        phoneNumber: string;
+        type: AccountType;
+    } | null;
+    isLoggedIn: boolean;
+    isFetched: boolean;
+    role: string | undefined;
+    userId: string | undefined;
+    accountId: string | undefined;
+    userName: string | undefined;
+    userEmail: string | undefined;
+    permissions: Record<string, boolean>;
+    isAdmin: boolean;
+    isActive: boolean;
+    isVerified: boolean;
+    isEmailVerified: boolean;
+    isPhoneVerified: boolean;
+    logout: () => void;
+    setIsLoggedIn: (isLoggedIn: boolean) => void;
+    setIsFetched: (isFetched: boolean) => void;
+    setAuth: (auth: {
+        _id: string;
+        role: Role;
+        email: string;
+        phoneNumber: string;
+        isActive: boolean;
+        isEmailVerified: boolean;
+        isPhoneVerified: boolean;
+        permissions?: Record<string, boolean>;
+        homePath?: string;
+    }, account: {
+        _id: string;
+        name: string;
+        email: string;
+        phoneNumber: string;
+        type: AccountType;
+    }) => void;
+    login: (data: any) => void;
+    updateAuth: (data: Partial<{
+        _id: string;
+        role: Role;
+        email: string;
+        phoneNumber: string;
+        isActive: boolean;
+        isEmailVerified: boolean;
+        isPhoneVerified: boolean;
+        permissions?: Record<string, boolean>;
+        homePath?: string;
+    }>) => void;
+    updateUser: (data: Partial<{
+        _id: string;
+        role: Role;
+        email: string;
+        phoneNumber: string;
+        isActive: boolean;
+        isEmailVerified: boolean;
+        isPhoneVerified: boolean;
+        permissions?: Record<string, boolean>;
+        homePath?: string;
+    }>) => void;
+    updateAccount: (data: Partial<{
+        _id: string;
+        name: string;
+        email: string;
+        phoneNumber: string;
+        type: AccountType;
+    }>) => void;
+    hasPermission: (key: string) => boolean;
+    can: (key: string) => boolean;
+};
+
+export { type AccountType, AdminProtectedRoute, Badge, type BadgeProps, Branding, type BrandingProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryCard, type CategoryItem, ClassicSpin, CodeBlock, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, type FetchFunction, type FetchProps, Fields, Guard, InfoGrid, Input, type InputProps, LoadingBox, LoadingSpin, type LoginSchema, type LoginTheme, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageA4, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, type PostFunction, PostTable, type PostTableActions, type PostTableChangeParams, ProfileDropdown, type ProfileDropdownItem, type ProfileDropdownProps, ProtectedRoute, type PutFunction, type Role, SearchApi, SearchApiContent, SearchApiInput, SearchApiItem, type SearchApiProps, SearchApiTrigger, Select, SelectContent, SelectItem, type SelectProps, SelectTrigger, SimpleTable, type SimpleTableColumn, type StorageManager, type StoreConfig, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, ThemedLogin, UnProtectedRoute, type UseModalReturn, Views, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, storage, useA4CategoryView, useA4StatementView, useAntdImageUpload, useApi, useAuth, useAuthStore, useLogin, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig };

package/dist/index.d.ts

@@ -4,8 +4,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
 import { ColumnDef, SortingState, ColumnFiltersState, RowData } from '@tanstack/react-table';
+import * as z from 'zod';
 import * as react_to_print from 'react-to-print';
 import { UploadFile } from 'antd';
+import * as zustand from 'zustand';
 
 interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | "warning";
@@ -527,6 +529,73 @@ interface BrandingProps {
 }
 declare const Branding: React__default.FC<BrandingProps>;
 
+type LoginTheme = "tech" | "travel" | "healthcare";
+interface BaseLoginProps {
+    form: UseFormReturn<LoginSchema>;
+    onSubmit: (data: LoginSchema, form: UseFormReturn<LoginSchema>) => void;
+    image?: string;
+    theme?: LoginTheme;
+    title?: string;
+    subtitle?: string;
+    logo?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+    brandName?: string;
+    backUrl?: string;
+    isLoading?: boolean;
+}
+declare const ThemedLogin: React__default.FC<BaseLoginProps>;
+
+declare const defaultLoginSchema: z.ZodObject<{
+    email: z.ZodString;
+    password: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+    password: string;
+}, {
+    email: string;
+    password: string;
+}>;
+type LoginSchema = z.infer<typeof defaultLoginSchema>;
+interface UseLoginProps {
+    theme?: LoginTheme;
+    image?: string;
+    schema?: z.ZodType<any, any, any>;
+    defaultValues?: any;
+    onSubmit: (data: any, form: UseFormReturn<LoginSchema>) => void;
+    brandName?: string;
+    title?: string;
+    subtitle?: string;
+    backUrl?: string;
+    isLoading?: boolean;
+}
+declare const useLogin: (props: UseLoginProps) => {
+    form: UseFormReturn<{
+        email: string;
+        password: string;
+    }, any, {
+        email: string;
+        password: string;
+    }>;
+    Login: React__default.FC<{}>;
+};
+
+interface ProfileDropdownItem {
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick?: () => void | Promise<void>;
+    disabled?: boolean;
+    className?: string;
+}
+interface ProfileDropdownProps {
+    name: string;
+    image?: string;
+    items: ProfileDropdownItem[];
+    className?: string;
+    triggerMode?: "click" | "hover";
+    size?: "sm" | "md" | "lg";
+}
+declare const ProfileDropdown: React__default.FC<ProfileDropdownProps>;
+
 interface FetchProps {
     url: string;
     body?: Record<string, any>;
@@ -774,4 +843,154 @@ declare const Views: {
     }>;
 };
 
-export { Badge, type BadgeProps, Branding, type BrandingProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryCard, type CategoryItem, ClassicSpin, CodeBlock, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, type FetchFunction, type FetchProps, Fields, InfoGrid, Input, type InputProps, LoadingBox, LoadingSpin, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageA4, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, type PostFunction, PostTable, type PostTableActions, type PostTableChangeParams, type PutFunction, SearchApi, SearchApiContent, SearchApiInput, SearchApiItem, type SearchApiProps, SearchApiTrigger, Select, SelectContent, SelectItem, type SelectProps, SelectTrigger, SimpleTable, type SimpleTableColumn, type StorageManager, type StoreConfig, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, type UseModalReturn, Views, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, storage, useA4CategoryView, useA4StatementView, useAntdImageUpload, useApi, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig };
+/**
+ * Guard component that fetches the current user profile on every route change.
+ * It ensures the auth state is synchronized with the server.
+ */
+declare const Guard: () => react_jsx_runtime.JSX.Element;
+/**
+ * Ensures the user is logged in to access child routes.
+ */
+declare const ProtectedRoute: () => react_jsx_runtime.JSX.Element;
+/**
+ * Ensures the user is NOT logged in to access child routes (e.g. Login/Signup pages).
+ */
+declare const UnProtectedRoute: () => react_jsx_runtime.JSX.Element;
+/**
+ * Ensures only users with 'admin' role can access child routes.
+ */
+declare const AdminProtectedRoute: () => react_jsx_runtime.JSX.Element;
+
+type Role = string;
+type AccountType = string;
+type AuthData = {
+    _id: string;
+    role: Role;
+    email: string;
+    phoneNumber: string;
+    isActive: boolean;
+    isEmailVerified: boolean;
+    isPhoneVerified: boolean;
+    permissions?: Record<string, boolean>;
+    homePath?: string;
+};
+type AccountData = {
+    _id: string;
+    name: string;
+    email: string;
+    phoneNumber: string;
+    type: AccountType;
+};
+type AuthState = {
+    auth: AuthData | null;
+    account: AccountData | null;
+    isLoggedIn: boolean;
+    isFetched: boolean;
+    setAuth: (auth: AuthData, account: AccountData) => void;
+    setIsLoggedIn: (isLoggedIn: boolean) => void;
+    setIsFetched: (isFetched: boolean) => void;
+    logout: () => void;
+    updateAuth: (data: Partial<AuthData>) => void;
+    updateAccount: (data: Partial<AccountData>) => void;
+    hasPermission: (key: string) => boolean;
+};
+declare const useAuthStore: zustand.UseBoundStore<zustand.StoreApi<AuthState>>;
+
+declare const useAuth: () => {
+    auth: {
+        _id: string;
+        role: Role;
+        email: string;
+        phoneNumber: string;
+        isActive: boolean;
+        isEmailVerified: boolean;
+        isPhoneVerified: boolean;
+        permissions?: Record<string, boolean>;
+        homePath?: string;
+    } | null;
+    user: {
+        _id: string;
+        role: Role;
+        email: string;
+        phoneNumber: string;
+        isActive: boolean;
+        isEmailVerified: boolean;
+        isPhoneVerified: boolean;
+        permissions?: Record<string, boolean>;
+        homePath?: string;
+    } | null;
+    account: {
+        _id: string;
+        name: string;
+        email: string;
+        phoneNumber: string;
+        type: AccountType;
+    } | null;
+    isLoggedIn: boolean;
+    isFetched: boolean;
+    role: string | undefined;
+    userId: string | undefined;
+    accountId: string | undefined;
+    userName: string | undefined;
+    userEmail: string | undefined;
+    permissions: Record<string, boolean>;
+    isAdmin: boolean;
+    isActive: boolean;
+    isVerified: boolean;
+    isEmailVerified: boolean;
+    isPhoneVerified: boolean;
+    logout: () => void;
+    setIsLoggedIn: (isLoggedIn: boolean) => void;
+    setIsFetched: (isFetched: boolean) => void;
+    setAuth: (auth: {
+        _id: string;
+        role: Role;
+        email: string;
+        phoneNumber: string;
+        isActive: boolean;
+        isEmailVerified: boolean;
+        isPhoneVerified: boolean;
+        permissions?: Record<string, boolean>;
+        homePath?: string;
+    }, account: {
+        _id: string;
+        name: string;
+        email: string;
+        phoneNumber: string;
+        type: AccountType;
+    }) => void;
+    login: (data: any) => void;
+    updateAuth: (data: Partial<{
+        _id: string;
+        role: Role;
+        email: string;
+        phoneNumber: string;
+        isActive: boolean;
+        isEmailVerified: boolean;
+        isPhoneVerified: boolean;
+        permissions?: Record<string, boolean>;
+        homePath?: string;
+    }>) => void;
+    updateUser: (data: Partial<{
+        _id: string;
+        role: Role;
+        email: string;
+        phoneNumber: string;
+        isActive: boolean;
+        isEmailVerified: boolean;
+        isPhoneVerified: boolean;
+        permissions?: Record<string, boolean>;
+        homePath?: string;
+    }>) => void;
+    updateAccount: (data: Partial<{
+        _id: string;
+        name: string;
+        email: string;
+        phoneNumber: string;
+        type: AccountType;
+    }>) => void;
+    hasPermission: (key: string) => boolean;
+    can: (key: string) => boolean;
+};
+
+export { type AccountType, AdminProtectedRoute, Badge, type BadgeProps, Branding, type BrandingProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryCard, type CategoryItem, ClassicSpin, CodeBlock, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, type FetchFunction, type FetchProps, Fields, Guard, InfoGrid, Input, type InputProps, LoadingBox, LoadingSpin, type LoginSchema, type LoginTheme, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageA4, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, type PostFunction, PostTable, type PostTableActions, type PostTableChangeParams, ProfileDropdown, type ProfileDropdownItem, type ProfileDropdownProps, ProtectedRoute, type PutFunction, type Role, SearchApi, SearchApiContent, SearchApiInput, SearchApiItem, type SearchApiProps, SearchApiTrigger, Select, SelectContent, SelectItem, type SelectProps, SelectTrigger, SimpleTable, type SimpleTableColumn, type StorageManager, type StoreConfig, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, ThemedLogin, UnProtectedRoute, type UseModalReturn, Views, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, storage, useA4CategoryView, useA4StatementView, useAntdImageUpload, useApi, useAuth, useAuthStore, useLogin, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig };