warqadui 0.0.89 → 0.0.91

package/dist/index.d.mts

@@ -371,6 +371,62 @@ declare const Textarea: <T extends FieldValues>(props: TextareaProps<T> & {
     ref?: React.ForwardedRef<HTMLTextAreaElement>;
 }) => React.ReactElement;
 
+declare const Enums: {
+    roles: readonly ["admin", "staff"];
+    sex: readonly ["male", "female"];
+    accountTypes: readonly ["employee", "supplier", "customer", "amaanah"];
+    verificationTypes: readonly ["email_verification", "password_reset"];
+    auditActions: readonly ["create", "update", "delete", "login", "logout"];
+    walletTypes: readonly ["bank", "cash", "mobile"];
+    currencies: readonly ["USD", "TZS", "KES", "CNY"];
+};
+
+interface ThemeConfig {
+    primaryColor?: string;
+    inputHeight?: string;
+}
+interface StoreConfig {
+    name?: string;
+    address?: string;
+    phone?: string;
+    email?: string;
+    logo?: string;
+}
+type EnumsConfig = {
+    [K in keyof typeof Enums]: string[] | readonly string[];
+};
+interface WarqadConfig {
+    api?: string;
+    theme?: ThemeConfig;
+    store?: StoreConfig;
+    enums?: Partial<EnumsConfig>;
+}
+interface WarqadConfigContextType {
+    config: WarqadConfig & {
+        theme: Required<ThemeConfig>;
+        store: Required<StoreConfig>;
+        enums: EnumsConfig;
+    };
+}
+/**
+ * Hook to access the current Warqad configuration.
+ */
+declare const useWarqadConfig: () => WarqadConfig & {
+    theme: Required<ThemeConfig>;
+    store: Required<StoreConfig>;
+    enums: EnumsConfig;
+};
+interface WarqadProviderProps {
+    children: ReactNode;
+    config?: WarqadConfig;
+}
+/**
+ * WarqadProvider
+ *
+ * Provides configuration and theme values to the entire application.
+ */
+declare const WarqadProvider: ({ children, config }: WarqadProviderProps) => react_jsx_runtime.JSX.Element;
+
 interface Option {
     value: string | number | boolean;
     label: string;
@@ -388,6 +444,8 @@ interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelec
     value?: any;
     variant?: "ghost" | "default";
     children?: ReactNode;
+    enum?: string[] | readonly string[];
+    enumName?: keyof EnumsConfig;
 }
 interface SelectContextValue {
     isOpen: boolean;
@@ -850,40 +908,6 @@ declare const useTransaction: ({ url, v, delay, params, dateFilter, }: {
     date: String | null | undefined;
 };
 
-interface ThemeConfig {
-    primaryColor?: string;
-    inputHeight?: string;
-}
-interface StoreConfig {
-    name?: string;
-    address?: string;
-    phone?: string;
-    email?: string;
-    logo?: string;
-}
-interface WarqadConfig {
-    api?: string;
-    theme?: ThemeConfig;
-    store?: StoreConfig;
-}
-interface WarqadConfigContextType {
-    config: WarqadConfig;
-}
-/**
- * Hook to access the current Warqad configuration.
- */
-declare const useWarqadConfig: () => WarqadConfig;
-interface WarqadProviderProps {
-    children: ReactNode;
-    config?: WarqadConfig;
-}
-/**
- * WarqadProvider
- *
- * Provides configuration and theme values to the entire application.
- */
-declare const WarqadProvider: ({ children, config }: WarqadProviderProps) => react_jsx_runtime.JSX.Element;
-
 interface PdfOptions {
     orientation?: "portrait" | "landscape";
     unit?: "mm" | "cm" | "in" | "px";
@@ -1381,13 +1405,13 @@ declare const createWalletSchema: z$1.ZodObject<{
     branch: z$1.ZodOptional<z$1.ZodString>;
 }, "strip", z$1.ZodTypeAny, {
     name: string;
-    type: "mobile" | "bank" | "cash";
+    type: "bank" | "cash" | "mobile";
     currency: "USD" | "TZS" | "KES" | "CNY";
     branch?: string | undefined;
     accountNo?: string | undefined;
 }, {
     name: string;
-    type: "mobile" | "bank" | "cash";
+    type: "bank" | "cash" | "mobile";
     currency: "USD" | "TZS" | "KES" | "CNY";
     branch?: string | undefined;
     accountNo?: string | undefined;
@@ -1414,4 +1438,4 @@ declare const ErrorPage: (({ title, message, statusCode, action, className, }: E
     400: (props: ErrorPageProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { AccountFields, AccountForm, type AccountType, Accounts, AdminProtectedRoute, Badge, type BadgeProps, type BranchesContext, Branding, type BrandingProps, Breadcrumbs, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryCard, type CategoryItem, ClassicSpin, CodeBlock, ConfirmModal, type ConfirmModalProps, type CreateAccountSchemaType, type CreateWalletSchemaType, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, Dropdown, type DropdownItem, type DropdownProps, ErrorPage, type ErrorPageProps, type FetchFunction, type FetchProps, Fields, Guard, InfoGrid, Input, type InputProps, LinkUser, 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, ProfileCard, type ProfileCardProps, ProfileDropdown, type ProfileDropdownItem, type ProfileDropdownProps, ProfilePage, ProfileView, type ProfileViewInfoItem, type ProfileViewProps, ProtectedRoute, type PutFunction, ResetPasswordPage, 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, UserForm, UserProfile, Users, Views, WalletField, WalletForm, Wallets, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, createAccountSchema, createUserSchema, type createUserSchemaType, createWalletSchema, generatePdf, linkUserSchema, type linkUserSchemaType, resetPasswordSchema, type resetPasswordSchemaType, storage, updateUserEmailSchema, type updateUserEmailSchemaType, useA4CategoryView, useA4StatementView, useAntdImageUpload, useApi, useApp, useAuth, useAuthStore, useLogin, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig, verifyUserEmailSchema, type verifyUserEmailSchemaType };
+export { AccountFields, AccountForm, type AccountType, Accounts, AdminProtectedRoute, Badge, type BadgeProps, type BranchesContext, Branding, type BrandingProps, Breadcrumbs, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryCard, type CategoryItem, ClassicSpin, CodeBlock, ConfirmModal, type ConfirmModalProps, type CreateAccountSchemaType, type CreateWalletSchemaType, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, Dropdown, type DropdownItem, type DropdownProps, type EnumsConfig, ErrorPage, type ErrorPageProps, type FetchFunction, type FetchProps, Fields, Guard, InfoGrid, Input, type InputProps, LinkUser, 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, ProfileCard, type ProfileCardProps, ProfileDropdown, type ProfileDropdownItem, type ProfileDropdownProps, ProfilePage, ProfileView, type ProfileViewInfoItem, type ProfileViewProps, ProtectedRoute, type PutFunction, ResetPasswordPage, 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, UserForm, UserProfile, Users, Views, WalletField, WalletForm, Wallets, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, createAccountSchema, createUserSchema, type createUserSchemaType, createWalletSchema, generatePdf, linkUserSchema, type linkUserSchemaType, resetPasswordSchema, type resetPasswordSchemaType, storage, updateUserEmailSchema, type updateUserEmailSchemaType, useA4CategoryView, useA4StatementView, useAntdImageUpload, useApi, useApp, useAuth, useAuthStore, useLogin, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig, verifyUserEmailSchema, type verifyUserEmailSchemaType };

package/dist/index.d.ts

@@ -371,6 +371,62 @@ declare const Textarea: <T extends FieldValues>(props: TextareaProps<T> & {
     ref?: React.ForwardedRef<HTMLTextAreaElement>;
 }) => React.ReactElement;
 
+declare const Enums: {
+    roles: readonly ["admin", "staff"];
+    sex: readonly ["male", "female"];
+    accountTypes: readonly ["employee", "supplier", "customer", "amaanah"];
+    verificationTypes: readonly ["email_verification", "password_reset"];
+    auditActions: readonly ["create", "update", "delete", "login", "logout"];
+    walletTypes: readonly ["bank", "cash", "mobile"];
+    currencies: readonly ["USD", "TZS", "KES", "CNY"];
+};
+
+interface ThemeConfig {
+    primaryColor?: string;
+    inputHeight?: string;
+}
+interface StoreConfig {
+    name?: string;
+    address?: string;
+    phone?: string;
+    email?: string;
+    logo?: string;
+}
+type EnumsConfig = {
+    [K in keyof typeof Enums]: string[] | readonly string[];
+};
+interface WarqadConfig {
+    api?: string;
+    theme?: ThemeConfig;
+    store?: StoreConfig;
+    enums?: Partial<EnumsConfig>;
+}
+interface WarqadConfigContextType {
+    config: WarqadConfig & {
+        theme: Required<ThemeConfig>;
+        store: Required<StoreConfig>;
+        enums: EnumsConfig;
+    };
+}
+/**
+ * Hook to access the current Warqad configuration.
+ */
+declare const useWarqadConfig: () => WarqadConfig & {
+    theme: Required<ThemeConfig>;
+    store: Required<StoreConfig>;
+    enums: EnumsConfig;
+};
+interface WarqadProviderProps {
+    children: ReactNode;
+    config?: WarqadConfig;
+}
+/**
+ * WarqadProvider
+ *
+ * Provides configuration and theme values to the entire application.
+ */
+declare const WarqadProvider: ({ children, config }: WarqadProviderProps) => react_jsx_runtime.JSX.Element;
+
 interface Option {
     value: string | number | boolean;
     label: string;
@@ -388,6 +444,8 @@ interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelec
     value?: any;
     variant?: "ghost" | "default";
     children?: ReactNode;
+    enum?: string[] | readonly string[];
+    enumName?: keyof EnumsConfig;
 }
 interface SelectContextValue {
     isOpen: boolean;
@@ -850,40 +908,6 @@ declare const useTransaction: ({ url, v, delay, params, dateFilter, }: {
     date: String | null | undefined;
 };
 
-interface ThemeConfig {
-    primaryColor?: string;
-    inputHeight?: string;
-}
-interface StoreConfig {
-    name?: string;
-    address?: string;
-    phone?: string;
-    email?: string;
-    logo?: string;
-}
-interface WarqadConfig {
-    api?: string;
-    theme?: ThemeConfig;
-    store?: StoreConfig;
-}
-interface WarqadConfigContextType {
-    config: WarqadConfig;
-}
-/**
- * Hook to access the current Warqad configuration.
- */
-declare const useWarqadConfig: () => WarqadConfig;
-interface WarqadProviderProps {
-    children: ReactNode;
-    config?: WarqadConfig;
-}
-/**
- * WarqadProvider
- *
- * Provides configuration and theme values to the entire application.
- */
-declare const WarqadProvider: ({ children, config }: WarqadProviderProps) => react_jsx_runtime.JSX.Element;
-
 interface PdfOptions {
     orientation?: "portrait" | "landscape";
     unit?: "mm" | "cm" | "in" | "px";
@@ -1381,13 +1405,13 @@ declare const createWalletSchema: z$1.ZodObject<{
     branch: z$1.ZodOptional<z$1.ZodString>;
 }, "strip", z$1.ZodTypeAny, {
     name: string;
-    type: "mobile" | "bank" | "cash";
+    type: "bank" | "cash" | "mobile";
     currency: "USD" | "TZS" | "KES" | "CNY";
     branch?: string | undefined;
     accountNo?: string | undefined;
 }, {
     name: string;
-    type: "mobile" | "bank" | "cash";
+    type: "bank" | "cash" | "mobile";
     currency: "USD" | "TZS" | "KES" | "CNY";
     branch?: string | undefined;
     accountNo?: string | undefined;
@@ -1414,4 +1438,4 @@ declare const ErrorPage: (({ title, message, statusCode, action, className, }: E
     400: (props: ErrorPageProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { AccountFields, AccountForm, type AccountType, Accounts, AdminProtectedRoute, Badge, type BadgeProps, type BranchesContext, Branding, type BrandingProps, Breadcrumbs, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryCard, type CategoryItem, ClassicSpin, CodeBlock, ConfirmModal, type ConfirmModalProps, type CreateAccountSchemaType, type CreateWalletSchemaType, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, Dropdown, type DropdownItem, type DropdownProps, ErrorPage, type ErrorPageProps, type FetchFunction, type FetchProps, Fields, Guard, InfoGrid, Input, type InputProps, LinkUser, 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, ProfileCard, type ProfileCardProps, ProfileDropdown, type ProfileDropdownItem, type ProfileDropdownProps, ProfilePage, ProfileView, type ProfileViewInfoItem, type ProfileViewProps, ProtectedRoute, type PutFunction, ResetPasswordPage, 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, UserForm, UserProfile, Users, Views, WalletField, WalletForm, Wallets, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, createAccountSchema, createUserSchema, type createUserSchemaType, createWalletSchema, generatePdf, linkUserSchema, type linkUserSchemaType, resetPasswordSchema, type resetPasswordSchemaType, storage, updateUserEmailSchema, type updateUserEmailSchemaType, useA4CategoryView, useA4StatementView, useAntdImageUpload, useApi, useApp, useAuth, useAuthStore, useLogin, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig, verifyUserEmailSchema, type verifyUserEmailSchemaType };
+export { AccountFields, AccountForm, type AccountType, Accounts, AdminProtectedRoute, Badge, type BadgeProps, type BranchesContext, Branding, type BrandingProps, Breadcrumbs, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryCard, type CategoryItem, ClassicSpin, CodeBlock, ConfirmModal, type ConfirmModalProps, type CreateAccountSchemaType, type CreateWalletSchemaType, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, Dropdown, type DropdownItem, type DropdownProps, type EnumsConfig, ErrorPage, type ErrorPageProps, type FetchFunction, type FetchProps, Fields, Guard, InfoGrid, Input, type InputProps, LinkUser, 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, ProfileCard, type ProfileCardProps, ProfileDropdown, type ProfileDropdownItem, type ProfileDropdownProps, ProfilePage, ProfileView, type ProfileViewInfoItem, type ProfileViewProps, ProtectedRoute, type PutFunction, ResetPasswordPage, 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, UserForm, UserProfile, Users, Views, WalletField, WalletForm, Wallets, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, createAccountSchema, createUserSchema, type createUserSchemaType, createWalletSchema, generatePdf, linkUserSchema, type linkUserSchemaType, resetPasswordSchema, type resetPasswordSchemaType, storage, updateUserEmailSchema, type updateUserEmailSchemaType, useA4CategoryView, useA4StatementView, useAntdImageUpload, useApi, useApp, useAuth, useAuthStore, useLogin, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig, verifyUserEmailSchema, type verifyUserEmailSchemaType };

package/dist/index.js

@@ -413,6 +413,18 @@ var useTheme = () => {
   return context;
 };
 
+// src/utils/Enums.ts
+var Enums = {
+  roles: ["admin", "staff"],
+  sex: ["male", "female"],
+  accountTypes: ["employee", "supplier", "customer", "amaanah"],
+  verificationTypes: ["email_verification", "password_reset"],
+  auditActions: ["create", "update", "delete", "login", "logout"],
+  walletTypes: ["bank", "cash", "mobile"],
+  currencies: ["USD", "TZS", "KES", "CNY"]
+};
+var Enums_default = Enums;
+
 // src/providers/WarqadProvider.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var WarqadConfigContext = (0, import_react3.createContext)(
@@ -448,6 +460,10 @@ var WarqadProvider = ({ children, config }) => {
       store: {
         ...DEFAULT_STORE,
         ...config?.store
+      },
+      enums: {
+        ...Enums_default,
+        ...config?.enums
       }
     }),
     [config]
@@ -1924,7 +1940,28 @@ var useSelectContext = () => {
   return context;
 };
 var Select = (0, import_react14.forwardRef)((props, ref) => {
-  const { form, name, onChange, value, children, options = [] } = props;
+  const { enums } = useWarqadConfig();
+  const {
+    form,
+    name,
+    onChange,
+    value,
+    children,
+    options: initialOptions = [],
+    enum: enumData,
+    enumName
+  } = props;
+  const options = (0, import_react14.useMemo)(() => {
+    if (initialOptions.length > 0) return initialOptions;
+    const targetEnum = enumData || (enumName ? enums[enumName] : void 0);
+    if (targetEnum) {
+      return targetEnum.map((val) => ({
+        value: val,
+        label: String(val).charAt(0).toUpperCase() + String(val).slice(1)
+      }));
+    }
+    return [];
+  }, [initialOptions, enumData, enumName, enums]);
   (0, import_react14.useEffect)(() => {
     if (form && name && value !== void 0 && value !== null && value !== "") {
       const currentFormValue = form.getValues(name);
@@ -8088,8 +8125,14 @@ var import_react34 = require("react");
 var import_antd6 = require("antd");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function Accounts({ v, url }) {
+  const { enums } = useWarqadConfig();
   const { branchId } = (0, import_react_router_dom6.useParams)();
+  const navigate = (0, import_react_router_dom6.useNavigate)();
   const { type } = (0, import_react_router_dom6.useParams)();
+  if (!enums.accountTypes.includes(type)) {
+    import_antd6.message.error("Invalid account type");
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react_router_dom6.Navigate, { to: "/accounts", replace: true });
+  }
   const [deleteAccount, setDeleteAccount] = (0, import_react34.useState)(null);
   const { isLoading, remove } = useApis_default();
   const isEmployee = type === "employee";
@@ -8099,7 +8142,6 @@ function Accounts({ v, url }) {
     dateFilter: false
   });
   const { Modal: Modal2 } = useModal();
-  const navigate = (0, import_react_router_dom6.useNavigate)();
   const items = (data2) => [
     {
       label: `Edit ${type}`,
@@ -8242,18 +8284,6 @@ var useApp = () => {
 };
 var useApp_default = useApp;
 
-// src/utils/Enums.ts
-var Enums = {
-  roles: ["admin", "staff"],
-  sex: ["male", "female"],
-  accountTypes: ["employee", "supplier", "customer", "investor"],
-  verificationTypes: ["email_verification", "password_reset"],
-  auditActions: ["create", "update", "delete", "login", "logout"],
-  walletTypes: ["bank", "cash", "mobile"],
-  currencies: ["USD", "TZS", "KES", "CNY"]
-};
-var Enums_default = Enums;
-
 // src/components/accounts/schema.tsx
 var import_zod2 = require("zod");
 var createAccountSchema = import_zod2.z.object({
@@ -8518,11 +8548,16 @@ var Feilds_default = AccountFields;
 var import_react_router_dom9 = require("react-router-dom");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 function AccountForm() {
+  const { enums } = useWarqadConfig();
   const { branchId } = (0, import_react_router_dom9.useParams)();
   const { getQuery, getParams, navigate } = useApp_default();
   const id = getQuery("id");
   const type = getParams("type");
   const isEdit = !!id;
+  if (!enums.accountTypes.includes(type)) {
+    import_antd7.message.error("Invalid account type");
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_router_dom9.Navigate, { to: "/accounts", replace: true });
+  }
   const { post, put, isLoading } = useApis_default();
   const { isLoading: isLoadingGet, get } = useApis_default();
   const methods = (0, import_react_hook_form8.useForm)({
@@ -8610,10 +8645,7 @@ function AccountForm() {
                     label: "Sex",
                     form: methods,
                     name: "sex",
-                    options: Enums_default.sex.map((sex) => ({
-                      value: sex,
-                      label: sex
-                    }))
+                    enumName: "sex"
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
@@ -9899,6 +9931,7 @@ var import_react44 = require("react");
 var import_react_router_dom15 = require("react-router-dom");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 function WalletForm() {
+  const { enums } = useWarqadConfig();
   const { branchId } = (0, import_react_router_dom15.useParams)();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
@@ -9993,10 +10026,7 @@ function WalletForm() {
                     form: methods,
                     required: true,
                     name: "type",
-                    options: Enums_default.walletTypes.map((type) => ({
-                      value: type,
-                      label: type
-                    }))
+                    enumName: "walletTypes"
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
@@ -10006,10 +10036,7 @@ function WalletForm() {
                     form: methods,
                     name: "currency",
                     required: true,
-                    options: Enums_default.currencies.map((currency) => ({
-                      value: currency,
-                      label: currency
-                    }))
+                    enumName: "currencies"
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(

package/dist/index.mjs

@@ -295,6 +295,18 @@ var useTheme = () => {
   return context;
 };
 
+// src/utils/Enums.ts
+var Enums = {
+  roles: ["admin", "staff"],
+  sex: ["male", "female"],
+  accountTypes: ["employee", "supplier", "customer", "amaanah"],
+  verificationTypes: ["email_verification", "password_reset"],
+  auditActions: ["create", "update", "delete", "login", "logout"],
+  walletTypes: ["bank", "cash", "mobile"],
+  currencies: ["USD", "TZS", "KES", "CNY"]
+};
+var Enums_default = Enums;
+
 // src/providers/WarqadProvider.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 var WarqadConfigContext = createContext2(
@@ -330,6 +342,10 @@ var WarqadProvider = ({ children, config }) => {
       store: {
         ...DEFAULT_STORE,
         ...config?.store
+      },
+      enums: {
+        ...Enums_default,
+        ...config?.enums
       }
     }),
     [config]
@@ -1803,7 +1819,8 @@ import React8, {
   useState as useState13,
   useRef as useRef3,
   useEffect as useEffect8,
-  forwardRef as forwardRef3
+  forwardRef as forwardRef3,
+  useMemo as useMemo4
 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { ChevronDown as ChevronDown2, Check as Check2 } from "lucide-react";
@@ -1817,7 +1834,28 @@ var useSelectContext = () => {
   return context;
 };
 var Select = forwardRef3((props, ref) => {
-  const { form, name, onChange, value, children, options = [] } = props;
+  const { enums } = useWarqadConfig();
+  const {
+    form,
+    name,
+    onChange,
+    value,
+    children,
+    options: initialOptions = [],
+    enum: enumData,
+    enumName
+  } = props;
+  const options = useMemo4(() => {
+    if (initialOptions.length > 0) return initialOptions;
+    const targetEnum = enumData || (enumName ? enums[enumName] : void 0);
+    if (targetEnum) {
+      return targetEnum.map((val) => ({
+        value: val,
+        label: String(val).charAt(0).toUpperCase() + String(val).slice(1)
+      }));
+    }
+    return [];
+  }, [initialOptions, enumData, enumName, enums]);
   useEffect8(() => {
     if (form && name && value !== void 0 && value !== null && value !== "") {
       const currentFormValue = form.getValues(name);
@@ -3134,7 +3172,7 @@ var Fields = {
 var Fields_default = Fields;
 
 // src/components/tables/DataTable.tsx
-import React10, { useState as useState17, useMemo as useMemo4, useEffect as useEffect11 } from "react";
+import React10, { useState as useState17, useMemo as useMemo5, useEffect as useEffect11 } from "react";
 import {
   useReactTable,
   getCoreRowModel,
@@ -3205,7 +3243,7 @@ function DataTable({
     }
     return initialState;
   });
-  const columns = useMemo4(() => {
+  const columns = useMemo5(() => {
     let mappedColumns = userColumns.map((col) => ({
       ...col,
       accessorKey: col.key || col.accessorKey,
@@ -3455,7 +3493,7 @@ function DataTable({
 // src/components/tables/PostTable.tsx
 import React11, {
   useState as useState18,
-  useMemo as useMemo5,
+  useMemo as useMemo6,
   useEffect as useEffect12,
   useRef as useRef5,
   useCallback as useCallback3
@@ -3791,7 +3829,7 @@ function PostTable({
     },
     [handleCancelEdit]
   );
-  const actionColumn = useMemo5(
+  const actionColumn = useMemo6(
     () => ({
       id: "actions",
       header: "Actions",
@@ -3823,7 +3861,7 @@ function PostTable({
     }),
     []
   );
-  const columns = useMemo5(() => {
+  const columns = useMemo6(() => {
     const mappedUserColumns = userColumns.map((col) => ({
       ...col,
       accessorKey: col.key || col.accessorKey,
@@ -4161,7 +4199,7 @@ function PostTable({
 }
 
 // src/components/tables/SimpleTable.tsx
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo7 } from "react";
 import {
   useReactTable as useReactTable3,
   getCoreRowModel as getCoreRowModel3,
@@ -4183,7 +4221,7 @@ function SimpleTable({
   emptyState,
   skeletonCount = 5
 }) {
-  const columns = useMemo6(() => {
+  const columns = useMemo7(() => {
     const cols = userColumns.filter((col) => !col.hide).map((col) => ({
       ...col,
       accessorKey: col.key || col.accessorKey,
@@ -4209,7 +4247,7 @@ function SimpleTable({
     columns,
     getCoreRowModel: getCoreRowModel3()
   });
-  const hasFooters = useMemo6(() => {
+  const hasFooters = useMemo7(() => {
     return table.getFooterGroups().some(
       (group) => group.headers.some(
         (header) => !header.isPlaceholder && header.column.columnDef.footer
@@ -6086,7 +6124,7 @@ var useA4CategoryView = ({
 var useA4CategoryView_default = useA4CategoryView;
 
 // src/hooks/Fetches/useTransaction.tsx
-import { useEffect as useEffect16, useState as useState24, useMemo as useMemo7, useCallback as useCallback4 } from "react";
+import { useEffect as useEffect16, useState as useState24, useMemo as useMemo8, useCallback as useCallback4 } from "react";
 import { AlertCircle as AlertCircle4, FileX as FileX3, Plus as Plus2, RefreshCw as RefreshCw3 } from "lucide-react";
 import moment from "moment";
 import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
@@ -6117,7 +6155,7 @@ var useTransaction = ({
   useEffect16(() => {
     getData();
   }, [url, v, JSON.stringify(params), delay, date]);
-  const TransactionViewComponent = useMemo7(() => {
+  const TransactionViewComponent = useMemo8(() => {
     return ({
       columns = [
         {
@@ -8042,14 +8080,20 @@ var AdminProtectedRoute = () => {
 };
 
 // src/components/accounts/Accounts.tsx
-import { useNavigate as useNavigate4, useParams } from "react-router-dom";
+import { Navigate as Navigate2, useNavigate as useNavigate4, useParams } from "react-router-dom";
 import { Cable, EllipsisVertical, FilePenLine, Trash2 as Trash22 } from "lucide-react";
 import { useState as useState26 } from "react";
 import { message as message4 } from "antd";
 import { Fragment as Fragment9, jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
 function Accounts({ v, url }) {
+  const { enums } = useWarqadConfig();
   const { branchId } = useParams();
+  const navigate = useNavigate4();
   const { type } = useParams();
+  if (!enums.accountTypes.includes(type)) {
+    message4.error("Invalid account type");
+    return /* @__PURE__ */ jsx43(Navigate2, { to: "/accounts", replace: true });
+  }
   const [deleteAccount, setDeleteAccount] = useState26(null);
   const { isLoading, remove } = useApis_default();
   const isEmployee = type === "employee";
@@ -8059,7 +8103,6 @@ function Accounts({ v, url }) {
     dateFilter: false
   });
   const { Modal: Modal2 } = useModal();
-  const navigate = useNavigate4();
   const items = (data2) => [
     {
       label: `Edit ${type}`,
@@ -8202,18 +8245,6 @@ var useApp = () => {
 };
 var useApp_default = useApp;
 
-// src/utils/Enums.ts
-var Enums = {
-  roles: ["admin", "staff"],
-  sex: ["male", "female"],
-  accountTypes: ["employee", "supplier", "customer", "investor"],
-  verificationTypes: ["email_verification", "password_reset"],
-  auditActions: ["create", "update", "delete", "login", "logout"],
-  walletTypes: ["bank", "cash", "mobile"],
-  currencies: ["USD", "TZS", "KES", "CNY"]
-};
-var Enums_default = Enums;
-
 // src/components/accounts/schema.tsx
 import { z as z2 } from "zod";
 var createAccountSchema = z2.object({
@@ -8475,14 +8506,19 @@ var AccountFields = {
 var Feilds_default = AccountFields;
 
 // src/components/accounts/AccountForm.tsx
-import { useParams as useParams4 } from "react-router-dom";
+import { Navigate as Navigate3, useParams as useParams4 } from "react-router-dom";
 import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
 function AccountForm() {
+  const { enums } = useWarqadConfig();
   const { branchId } = useParams4();
   const { getQuery, getParams, navigate } = useApp_default();
   const id = getQuery("id");
   const type = getParams("type");
   const isEdit = !!id;
+  if (!enums.accountTypes.includes(type)) {
+    message5.error("Invalid account type");
+    return /* @__PURE__ */ jsx49(Navigate3, { to: "/accounts", replace: true });
+  }
   const { post, put, isLoading } = useApis_default();
   const { isLoading: isLoadingGet, get } = useApis_default();
   const methods = useForm2({
@@ -8570,10 +8606,7 @@ function AccountForm() {
                     label: "Sex",
                     form: methods,
                     name: "sex",
-                    options: Enums_default.sex.map((sex) => ({
-                      value: sex,
-                      label: sex
-                    }))
+                    enumName: "sex"
                   }
                 ),
                 /* @__PURE__ */ jsx49(
@@ -8794,7 +8827,7 @@ function LinkUser({ type: initialType = "employee" }) {
 var linkUser_default = LinkUser;
 
 // src/components/users/users.tsx
-import { useMemo as useMemo8 } from "react";
+import { useMemo as useMemo9 } from "react";
 import { EllipsisVertical as EllipsisVertical2, Info, Mail as Mail2, ShieldCheck, Key } from "lucide-react";
 
 // src/components/users/VerifyEmailForm.tsx
@@ -9234,7 +9267,7 @@ function Users() {
       })
     }
   ].filter(Boolean);
-  const columns = useMemo8(
+  const columns = useMemo9(
     () => [
       {
         accessorKey: "email",
@@ -9859,6 +9892,7 @@ import { useEffect as useEffect25 } from "react";
 import { useParams as useParams7 } from "react-router-dom";
 import { jsx as jsx61, jsxs as jsxs47 } from "react/jsx-runtime";
 function WalletForm() {
+  const { enums } = useWarqadConfig();
   const { branchId } = useParams7();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
@@ -9953,10 +9987,7 @@ function WalletForm() {
                     form: methods,
                     required: true,
                     name: "type",
-                    options: Enums_default.walletTypes.map((type) => ({
-                      value: type,
-                      label: type
-                    }))
+                    enumName: "walletTypes"
                   }
                 ),
                 /* @__PURE__ */ jsx61(
@@ -9966,10 +9997,7 @@ function WalletForm() {
                     form: methods,
                     name: "currency",
                     required: true,
-                    options: Enums_default.currencies.map((currency) => ({
-                      value: currency,
-                      label: currency
-                    }))
+                    enumName: "currencies"
                   }
                 ),
                 /* @__PURE__ */ jsx61(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "warqadui",
-  "version": "0.0.89",
+  "version": "0.0.91",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",