warqadui 0.0.88 → 0.0.90

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 = [
         {
@@ -8046,10 +8084,123 @@ import { 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";
+
+// src/components/ErrorPage/ErrorPage.tsx
+import { jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
+var ErrorPageBase = ({
+  title,
+  message: message16,
+  statusCode,
+  action,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsx43(
+    "div",
+    {
+      className: `flex-1 m-auto h-full w-full min-h-[50vh] flex flex-col items-center justify-center p-6 text-zinc-900 dark:text-zinc-100 ${className}`,
+      children: /* @__PURE__ */ jsxs33("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
+        statusCode && /* @__PURE__ */ jsx43("div", { className: "absolute inset-0 flex items-center justify-center z-0 select-none pointer-events-none opacity-[0.03] dark:opacity-5", children: /* @__PURE__ */ jsx43("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
+        /* @__PURE__ */ jsxs33("div", { className: "relative z-10 space-y-6", children: [
+          statusCode && /* @__PURE__ */ jsxs33("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
+            "Error ",
+            statusCode
+          ] }),
+          title && /* @__PURE__ */ jsx43("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
+          message16 && /* @__PURE__ */ jsx43("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message16 }),
+          action && /* @__PURE__ */ jsx43("div", { className: "pt-8", children: /* @__PURE__ */ jsx43(
+            "button",
+            {
+              onClick: action.onClick,
+              className: "px-8 py-3.5 rounded-full text-white font-semibold shadow-[0_4px_14px_0_rgba(0,0,0,0.1)] hover:shadow-[0_6px_20px_rgba(0,0,0,0.15)] transition-all hover:-translate-y-0.5 active:translate-y-0 focus:outline-none focus:ring-2 focus:ring-offset-2",
+              style: { backgroundColor: "var(--primary-color, #3b82f6)" },
+              children: action.label
+            }
+          ) })
+        ] })
+      ] })
+    }
+  );
+};
+
+// src/components/ErrorPage/ErrorPage.500.tsx
+import { jsx as jsx44 } from "react/jsx-runtime";
+var ErrorPage500 = (props) => {
+  return /* @__PURE__ */ jsx44(
+    ErrorPageBase,
+    {
+      statusCode: 500,
+      title: "Internal Server Error",
+      message: "Oops, something went wrong on our end. Please try again later.",
+      action: { label: "Go Home", onClick: () => window.location.href = "/" },
+      ...props
+    }
+  );
+};
+
+// src/components/ErrorPage/ErrorPage.404.tsx
+import { jsx as jsx45 } from "react/jsx-runtime";
+var ErrorPage404 = (props) => {
+  return /* @__PURE__ */ jsx45(
+    ErrorPageBase,
+    {
+      statusCode: 404,
+      title: "Page Not Found",
+      message: "The page you are looking for doesn't exist or has been moved.",
+      action: { label: "Go Home", onClick: () => window.location.href = "/" },
+      ...props
+    }
+  );
+};
+
+// src/components/ErrorPage/ErrorPage.401.tsx
+import { jsx as jsx46 } from "react/jsx-runtime";
+var ErrorPage401 = (props) => {
+  return /* @__PURE__ */ jsx46(
+    ErrorPageBase,
+    {
+      statusCode: 401,
+      title: "Unauthorized",
+      message: "You don't have permission to access this page.",
+      action: { label: "Go Home", onClick: () => window.location.href = "/" },
+      ...props
+    }
+  );
+};
+
+// src/components/ErrorPage/ErrorPage.400.tsx
+import { jsx as jsx47 } from "react/jsx-runtime";
+var ErrorPage400 = (props) => {
+  return /* @__PURE__ */ jsx47(
+    ErrorPageBase,
+    {
+      statusCode: 400,
+      title: "Bad Request",
+      message: "Your request could not be processed. Please try again.",
+      action: { label: "Go Home", onClick: () => window.location.href = "/" },
+      ...props
+    }
+  );
+};
+
+// src/components/ErrorPage/index.ts
+var ErrorPage = Object.assign(ErrorPageBase, {
+  500: ErrorPage500,
+  404: ErrorPage404,
+  401: ErrorPage401,
+  400: ErrorPage400
+});
+
+// src/components/accounts/Accounts.tsx
+import { Fragment as Fragment9, jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
+var ErrorPage5002 = ErrorPage[500];
 function Accounts({ v, url }) {
+  const { enums } = useWarqadConfig();
   const { branchId } = useParams();
+  const navigate = useNavigate4();
   const { type } = useParams();
+  if (!enums.accountTypes.includes(type)) {
+    return /* @__PURE__ */ jsx48(ErrorPage5002, { title: `${type} page not found` });
+  }
   const [deleteAccount, setDeleteAccount] = useState26(null);
   const { isLoading, remove } = useApis_default();
   const isEmployee = type === "employee";
@@ -8059,21 +8210,20 @@ function Accounts({ v, url }) {
     dateFilter: false
   });
   const { Modal: Modal2 } = useModal();
-  const navigate = useNavigate4();
   const items = (data2) => [
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ jsx43(FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ jsx48(FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ jsx43(Trash22, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx48(Trash22, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     },
     isEmployee && !data2?.user && {
       label: `Link User`,
-      icon: /* @__PURE__ */ jsx43(Cable, { size: 16 }),
+      icon: /* @__PURE__ */ jsx48(Cable, { size: 16 }),
       onClick: () => navigate(`link-user?id=${data2?._id}`)
     }
   ].filter(Boolean);
@@ -8083,7 +8233,7 @@ function Accounts({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx43("span", { children: account?.name });
+        return /* @__PURE__ */ jsx48("span", { children: account?.name });
       }
     },
     {
@@ -8091,7 +8241,7 @@ function Accounts({ v, url }) {
       header: "Sex",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx43("span", { children: account?.sex });
+        return /* @__PURE__ */ jsx48("span", { children: account?.sex });
       }
     },
     {
@@ -8099,7 +8249,7 @@ function Accounts({ v, url }) {
       header: "Email",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx43("span", { children: account?.email || "N/A" });
+        return /* @__PURE__ */ jsx48("span", { children: account?.email || "N/A" });
       }
     },
     {
@@ -8107,7 +8257,7 @@ function Accounts({ v, url }) {
       header: "Phone",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx43("span", { children: account?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ jsx48("span", { children: account?.phoneNumber || "N/A" });
       }
     },
     isEmployee && {
@@ -8115,7 +8265,7 @@ function Accounts({ v, url }) {
       header: "User",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx43(Badge, { variant: account?.user ? "success" : "danger", size: "sm", children: account?.user ? "Linked" : "Not Linked" });
+        return /* @__PURE__ */ jsx48(Badge, { variant: account?.user ? "success" : "danger", size: "sm", children: account?.user ? "Linked" : "Not Linked" });
       }
     },
     {
@@ -8123,13 +8273,13 @@ function Accounts({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx43(
+        return /* @__PURE__ */ jsx48(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx43(EllipsisVertical, {})
+            children: /* @__PURE__ */ jsx48(EllipsisVertical, {})
           }
         );
       }
@@ -8147,9 +8297,9 @@ function Accounts({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ jsxs33(Fragment9, { children: [
-    /* @__PURE__ */ jsx43(Modal2, {}),
-    /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsxs34(Fragment9, { children: [
+    /* @__PURE__ */ jsx48(Modal2, {}),
+    /* @__PURE__ */ jsx48(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -8162,7 +8312,7 @@ function Accounts({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx48(
       TransactionViewComponent,
       {
         columns,
@@ -8202,18 +8352,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({
@@ -8267,7 +8405,7 @@ var Formats_default = Formats;
 
 // src/hooks/useAccountBalance.tsx
 import { useEffect as useEffect19, useState as useState27 } from "react";
-import { jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
 var useAccountbalance = ({
   url,
   showBalance,
@@ -8301,15 +8439,15 @@ var useAccountbalance = ({
       return null;
     }
     if (isLoading) {
-      return /* @__PURE__ */ jsx44("h2", { className: "text-gray-500", children: "Getting Balance..." });
+      return /* @__PURE__ */ jsx49("h2", { className: "text-gray-500", children: "Getting Balance..." });
     }
     if (error) {
-      return /* @__PURE__ */ jsxs34("h2", { className: "text-red-500", children: [
+      return /* @__PURE__ */ jsxs35("h2", { className: "text-red-500", children: [
         "Error: ",
         error
       ] });
     }
-    return /* @__PURE__ */ jsxs34(
+    return /* @__PURE__ */ jsxs35(
       "h2",
       {
         className: `${balance.startsWith("-") ? "text-red-500" : "text-green-500"}`,
@@ -8326,7 +8464,7 @@ var useAccountBalance_default = useAccountbalance;
 
 // src/components/accounts/Feilds/Account.tsx
 import { useParams as useParams3 } from "react-router-dom";
-import { jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs36 } from "react/jsx-runtime";
 function Account({
   name,
   label,
@@ -8346,8 +8484,8 @@ function Account({
     showBalance,
     accountId
   });
-  return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx50(
       Fields_default.SearchApi,
       {
         name,
@@ -8364,13 +8502,13 @@ function Account({
         disabled
       }
     ),
-    /* @__PURE__ */ jsx45(BalanceView, {})
+    /* @__PURE__ */ jsx50(BalanceView, {})
   ] });
 }
 var Account_default = Account;
 
 // src/components/accounts/Feilds/Customers.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function Customer({
   name = "customer",
   label = "Customer",
@@ -8383,7 +8521,7 @@ function Customer({
   disabled,
   v
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx51(
     Account_default,
     {
       name,
@@ -8402,7 +8540,7 @@ function Customer({
 var Customers_default = Customer;
 
 // src/components/accounts/Feilds/Employee.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function Employee({
   name = "employee",
   label = "Employee",
@@ -8415,7 +8553,7 @@ function Employee({
   disabled,
   v
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx52(
     Account_default,
     {
       name,
@@ -8434,7 +8572,7 @@ function Employee({
 var Employee_default = Employee;
 
 // src/components/accounts/Feilds/Branches.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function Branches({
   name = "branch",
   label = "Branch",
@@ -8447,7 +8585,7 @@ function Branches({
   v,
   disabled
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx53(
     Account_default,
     {
       name,
@@ -8476,13 +8614,18 @@ var Feilds_default = AccountFields;
 
 // src/components/accounts/AccountForm.tsx
 import { useParams as useParams4 } from "react-router-dom";
-import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
+var ErrorPage5003 = ErrorPage[500];
 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)) {
+    return /* @__PURE__ */ jsx54(ErrorPage5003, { title: `${type} page not found` });
+  }
   const { post, put, isLoading } = useApis_default();
   const { isLoading: isLoadingGet, get } = useApis_default();
   const methods = useForm2({
@@ -8523,7 +8666,7 @@ function AccountForm() {
   const fetches = async () => {
     try {
       const res = await get({
-        url: `/accounts/get/${type}?id=${id}`
+        url: `/accounts/get/${type}?id=${id}${branchId ? `&branch=${branchId}` : ""}`
       });
       const data = res.data;
       methods.reset(data);
@@ -8536,24 +8679,24 @@ function AccountForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs36(Card.Header, { children: [
-          /* @__PURE__ */ jsx49(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
-          /* @__PURE__ */ jsx49(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
+        /* @__PURE__ */ jsxs37(Card.Header, { children: [
+          /* @__PURE__ */ jsx54(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
+          /* @__PURE__ */ jsx54(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
         ] }),
-        /* @__PURE__ */ jsx49(Card.Content, { children: /* @__PURE__ */ jsxs36(
+        /* @__PURE__ */ jsx54(Card.Content, { children: /* @__PURE__ */ jsxs37(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs36("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx49(
+              /* @__PURE__ */ jsxs37("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx54(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -8564,19 +8707,16 @@ function AccountForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx49(
+                /* @__PURE__ */ jsx54(
                   Fields_default.Select,
                   {
                     label: "Sex",
                     form: methods,
                     name: "sex",
-                    options: Enums_default.sex.map((sex) => ({
-                      value: sex,
-                      label: sex
-                    }))
+                    enumName: "sex"
                   }
                 ),
-                /* @__PURE__ */ jsx49(
+                /* @__PURE__ */ jsx54(
                   Fields_default.Input,
                   {
                     label: "Email",
@@ -8586,7 +8726,7 @@ function AccountForm() {
                     placeholder: "e.g maoo@exapmle.com"
                   }
                 ),
-                /* @__PURE__ */ jsx49(
+                /* @__PURE__ */ jsx54(
                   Fields_default.PhoneInput,
                   {
                     label: "Phone Number",
@@ -8595,7 +8735,7 @@ function AccountForm() {
                     placeholder: "Enter phone number"
                   }
                 ),
-                !branchId && /* @__PURE__ */ jsx49(
+                !branchId && /* @__PURE__ */ jsx54(
                   Feilds_default.Branches,
                   {
                     label: "Branch",
@@ -8606,7 +8746,7 @@ function AccountForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx49("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx49(
+              /* @__PURE__ */ jsx54("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx54(
                 Button,
                 {
                   isLoading,
@@ -8665,7 +8805,7 @@ import { useForm as useForm3 } from "react-hook-form";
 import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import { message as message6 } from "antd";
 import { useEffect as useEffect21 } from "react";
-import { jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs38 } from "react/jsx-runtime";
 function LinkUser({ type: initialType = "employee" }) {
   const { getQuery, navigate, getParams } = useApp_default();
   const id = getQuery("id");
@@ -8721,26 +8861,26 @@ function LinkUser({ type: initialType = "employee" }) {
       navigate(-1);
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs38(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs37(Card.Header, { children: [
-          /* @__PURE__ */ jsx50(Card.Title, { children: `Link User ` }),
-          /* @__PURE__ */ jsx50(Card.Description, { children: "Link User Employee and add it to your list" })
+        /* @__PURE__ */ jsxs38(Card.Header, { children: [
+          /* @__PURE__ */ jsx55(Card.Title, { children: `Link User ` }),
+          /* @__PURE__ */ jsx55(Card.Description, { children: "Link User Employee and add it to your list" })
         ] }),
-        /* @__PURE__ */ jsx50(Card.Content, { children: /* @__PURE__ */ jsxs37(
+        /* @__PURE__ */ jsx55(Card.Content, { children: /* @__PURE__ */ jsxs38(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             className: "space-y-4",
             children: [
-              /* @__PURE__ */ jsxs37("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxs38("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
                 " ",
-                /* @__PURE__ */ jsx50(
+                /* @__PURE__ */ jsx55(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -8751,7 +8891,7 @@ function LinkUser({ type: initialType = "employee" }) {
                     disabled: true
                   }
                 ),
-                /* @__PURE__ */ jsx50(
+                /* @__PURE__ */ jsx55(
                   Fields_default.Input,
                   {
                     label: "Email",
@@ -8762,7 +8902,7 @@ function LinkUser({ type: initialType = "employee" }) {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx50(
+                /* @__PURE__ */ jsx55(
                   Fields_default.Select,
                   {
                     label: "Role",
@@ -8773,7 +8913,7 @@ function LinkUser({ type: initialType = "employee" }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx50("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx50(
+              /* @__PURE__ */ jsx55("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx55(
                 Button,
                 {
                   isLoading,
@@ -8794,7 +8934,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
@@ -8802,7 +8942,7 @@ import { useForm as useForm4 } from "react-hook-form";
 import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import { message as message7, Statistic } from "antd";
 import { useState as useState28, useEffect as useEffect22 } from "react";
-import { jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs39 } from "react/jsx-runtime";
 var { Countdown } = Statistic;
 function VerifyEmailForm({
   data,
@@ -8870,9 +9010,9 @@ function VerifyEmailForm({
       message7.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ jsxs38("form", { onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)), children: [
-    /* @__PURE__ */ jsxs38("div", { className: "space-y-2", children: [
-      oldEmail && /* @__PURE__ */ jsx51("div", { className: "border-b-2 pb-2", children: /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsxs39("form", { onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)), children: [
+    /* @__PURE__ */ jsxs39("div", { className: "space-y-2", children: [
+      oldEmail && /* @__PURE__ */ jsx56("div", { className: "border-b-2 pb-2", children: /* @__PURE__ */ jsx56(
         Fields_default.Input,
         {
           label: "Current Email",
@@ -8882,7 +9022,7 @@ function VerifyEmailForm({
           disabled: true
         }
       ) }),
-      /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx56(
         Fields_default.Input,
         {
           label: "New Email",
@@ -8893,7 +9033,7 @@ function VerifyEmailForm({
           disabled: true
         }
       ),
-      /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx56(
         Fields_default.Input,
         {
           label: "Token",
@@ -8904,19 +9044,19 @@ function VerifyEmailForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2 mt-2", children: [
-      /* @__PURE__ */ jsxs38("h1", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
+    /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2 mt-2", children: [
+      /* @__PURE__ */ jsxs39("h1", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
         "Didn't receive a verification token or expired?",
         " "
       ] }),
-      hasPassed || !threeMinutesLater ? /* @__PURE__ */ jsx51(
+      hasPassed || !threeMinutesLater ? /* @__PURE__ */ jsx56(
         "span",
         {
           onClick: resend,
           className: "text-blue-600 cursor-pointer underline text-sm",
           children: "Resend"
         }
-      ) : /* @__PURE__ */ jsx51("span", { className: "text-blue-600 cursor-pointer underline text-sm", children: /* @__PURE__ */ jsx51(
+      ) : /* @__PURE__ */ jsx56("span", { className: "text-blue-600 cursor-pointer underline text-sm", children: /* @__PURE__ */ jsx56(
         Countdown,
         {
           styles: { content: { fontSize: 14, color: "#3b82f6" } },
@@ -8926,7 +9066,7 @@ function VerifyEmailForm({
         threeMinutesLater
       ) })
     ] }),
-    /* @__PURE__ */ jsx51("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx56("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx56(
       Button,
       {
         isLoading,
@@ -8944,7 +9084,7 @@ var VerifyEmailForm_default = VerifyEmailForm;
 import { useForm as useForm5 } from "react-hook-form";
 import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
 import { message as message8 } from "antd";
-import { jsx as jsx52, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs40 } from "react/jsx-runtime";
 function UpdateEmailForm({
   data,
   close,
@@ -8977,9 +9117,9 @@ function UpdateEmailForm({
       message8.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ jsxs39("form", { onSubmit: handleSubmit(onSubmit), children: [
-    /* @__PURE__ */ jsxs39("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsxs40("form", { onSubmit: handleSubmit(onSubmit), children: [
+    /* @__PURE__ */ jsxs40("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx57(
         Fields_default.Input,
         {
           label: "Current Email",
@@ -8988,7 +9128,7 @@ function UpdateEmailForm({
           disabled: true
         }
       ),
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx57(
         Fields_default.Input,
         {
           label: "New Email Address",
@@ -8999,10 +9139,10 @@ function UpdateEmailForm({
           required: true
         }
       ),
-      /* @__PURE__ */ jsx52("div", { className: "bg-blue-50 dark:bg-blue-900/10 border-l-4 border-blue-400 p-3 rounded", children: /* @__PURE__ */ jsx52("p", { className: "text-xs text-blue-700 dark:text-blue-400", children: "Note: You will need to verify the new email address before it becomes primary." }) })
+      /* @__PURE__ */ jsx57("div", { className: "bg-blue-50 dark:bg-blue-900/10 border-l-4 border-blue-400 p-3 rounded", children: /* @__PURE__ */ jsx57("p", { className: "text-xs text-blue-700 dark:text-blue-400", children: "Note: You will need to verify the new email address before it becomes primary." }) })
     ] }),
-    /* @__PURE__ */ jsxs39("footer", { className: "flex justify-end mt-6 gap-3", children: [
-      /* @__PURE__ */ jsx52(
+    /* @__PURE__ */ jsxs40("footer", { className: "flex justify-end mt-6 gap-3", children: [
+      /* @__PURE__ */ jsx57(
         Button,
         {
           type: "button",
@@ -9012,7 +9152,7 @@ function UpdateEmailForm({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx57(
         Button,
         {
           isLoading,
@@ -9031,7 +9171,7 @@ var UpdateEmailForm_default = UpdateEmailForm;
 import { useForm as useForm6 } from "react-hook-form";
 import { message as message9, Statistic as Statistic2 } from "antd";
 import { useState as useState29, useEffect as useEffect23 } from "react";
-import { jsx as jsx53, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs41 } from "react/jsx-runtime";
 var { Countdown: Countdown2 } = Statistic2;
 function ResetPasswordForm({
   data,
@@ -9086,9 +9226,9 @@ function ResetPasswordForm({
       message9.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ jsxs40("form", { onSubmit: handleSubmit(onSubmit), children: [
-    /* @__PURE__ */ jsxs40("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx53("div", { className: "border-b-2 pb-4 dark:border-zinc-800", children: /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsxs41("form", { onSubmit: handleSubmit(onSubmit), children: [
+    /* @__PURE__ */ jsxs41("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx58("div", { className: "border-b-2 pb-4 dark:border-zinc-800", children: /* @__PURE__ */ jsx58(
         Fields_default.Input,
         {
           label: "Target Email",
@@ -9097,10 +9237,10 @@ function ResetPasswordForm({
           disabled: true
         }
       ) }),
-      /* @__PURE__ */ jsx53("div", { className: "bg-orange-50 dark:bg-orange-900/10 border-l-4 border-orange-400 p-4 rounded-xl", children: /* @__PURE__ */ jsx53("p", { className: "text-sm text-orange-700 dark:text-orange-300", children: "Click context below to send a secure password reset link to this user." }) }),
-      !hasPassed && threeMinutesLater && /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-2 mt-2 bg-blue-50 dark:bg-blue-900/10 p-2 rounded-lg", children: [
-        /* @__PURE__ */ jsx53("p", { className: "text-xs text-blue-600 dark:text-blue-400 font-medium", children: "You can request another link in:" }),
-        /* @__PURE__ */ jsx53("span", { className: "text-blue-600 font-bold text-xs", children: /* @__PURE__ */ jsx53(
+      /* @__PURE__ */ jsx58("div", { className: "bg-orange-50 dark:bg-orange-900/10 border-l-4 border-orange-400 p-4 rounded-xl", children: /* @__PURE__ */ jsx58("p", { className: "text-sm text-orange-700 dark:text-orange-300", children: "Click context below to send a secure password reset link to this user." }) }),
+      !hasPassed && threeMinutesLater && /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2 mt-2 bg-blue-50 dark:bg-blue-900/10 p-2 rounded-lg", children: [
+        /* @__PURE__ */ jsx58("p", { className: "text-xs text-blue-600 dark:text-blue-400 font-medium", children: "You can request another link in:" }),
+        /* @__PURE__ */ jsx58("span", { className: "text-blue-600 font-bold text-xs", children: /* @__PURE__ */ jsx58(
           Countdown2,
           {
             styles: { content: { fontSize: 12, color: "#3b82f6" } },
@@ -9111,8 +9251,8 @@ function ResetPasswordForm({
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs40("footer", { className: "flex justify-end mt-8 gap-3", children: [
-      /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsxs41("footer", { className: "flex justify-end mt-8 gap-3", children: [
+      /* @__PURE__ */ jsx58(
         Button,
         {
           type: "button",
@@ -9122,7 +9262,7 @@ function ResetPasswordForm({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ jsx53(
+      /* @__PURE__ */ jsx58(
         Button,
         {
           isLoading,
@@ -9140,11 +9280,11 @@ var ResetPasswordForm_default = ResetPasswordForm;
 // src/components/users/Activate.tsx
 import { message as message10, Switch } from "antd";
 import { useState as useState30 } from "react";
-import { Fragment as Fragment10, jsx as jsx54 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx59 } from "react/jsx-runtime";
 var ActivateUser = ({ data }) => {
   const [checked, setChecked] = useState30(data?.isActive);
   const { put, isLoading } = useApis_default();
-  return /* @__PURE__ */ jsx54(Fragment10, { children: /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx59(Fragment10, { children: /* @__PURE__ */ jsx59(
     Switch,
     {
       onChange: async (e) => {
@@ -9172,7 +9312,7 @@ var Activate_default = ActivateUser;
 
 // src/components/users/users.tsx
 import { useNavigate as useNavigate6 } from "react-router-dom";
-import { Fragment as Fragment11, jsx as jsx55, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
 function Users() {
   const navigate = useNavigate6();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -9184,11 +9324,11 @@ function Users() {
   const items = (data2) => [
     {
       label: `Reset Password`,
-      icon: /* @__PURE__ */ jsx55(Key, { size: 16 }),
+      icon: /* @__PURE__ */ jsx60(Key, { size: 16 }),
       onClick: () => openState({
         title: "Request Password Reset",
         type: "form",
-        content: /* @__PURE__ */ jsx55(
+        content: /* @__PURE__ */ jsx60(
           ResetPasswordForm_default,
           {
             data: data2,
@@ -9201,11 +9341,11 @@ function Users() {
     },
     {
       label: `Update Email`,
-      icon: /* @__PURE__ */ jsx55(Mail2, { size: 16 }),
+      icon: /* @__PURE__ */ jsx60(Mail2, { size: 16 }),
       onClick: () => openState({
         title: "Update Email Address",
         type: "form",
-        content: /* @__PURE__ */ jsx55(
+        content: /* @__PURE__ */ jsx60(
           UpdateEmailForm_default,
           {
             data: data2,
@@ -9218,11 +9358,11 @@ function Users() {
     },
     data2?.emailVerification && {
       label: `Verify Email`,
-      icon: /* @__PURE__ */ jsx55(ShieldCheck, {}),
+      icon: /* @__PURE__ */ jsx60(ShieldCheck, {}),
       onClick: () => openState({
         title: "Verify Email",
         type: "form",
-        content: /* @__PURE__ */ jsx55(
+        content: /* @__PURE__ */ jsx60(
           VerifyEmailForm_default,
           {
             data: data2,
@@ -9234,7 +9374,7 @@ function Users() {
       })
     }
   ].filter(Boolean);
-  const columns = useMemo8(
+  const columns = useMemo9(
     () => [
       {
         accessorKey: "email",
@@ -9243,16 +9383,16 @@ function Users() {
           const data2 = row.original;
           const emailVerification = data2?.emailVerification;
           const newEmail = emailVerification?.email !== data2?.email ? emailVerification?.email : null;
-          return /* @__PURE__ */ jsxs41("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsxs41("section", { className: "flex items-center gap-2", children: [
+          return /* @__PURE__ */ jsxs42("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs42("section", { className: "flex items-center gap-2", children: [
               " ",
-              /* @__PURE__ */ jsx55("p", { children: data2?.email }),
-              data2?.isEmailVerified && /* @__PURE__ */ jsx55(Badge, { variant: "success", size: "sm", children: "Verified" }),
-              !data2?.isEmailVerified && /* @__PURE__ */ jsx55(Badge, { variant: "warning", size: "sm", children: "Not Verified" })
+              /* @__PURE__ */ jsx60("p", { children: data2?.email }),
+              data2?.isEmailVerified && /* @__PURE__ */ jsx60(Badge, { variant: "success", size: "sm", children: "Verified" }),
+              !data2?.isEmailVerified && /* @__PURE__ */ jsx60(Badge, { variant: "warning", size: "sm", children: "Not Verified" })
             ] }),
-            newEmail && /* @__PURE__ */ jsxs41("section", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx55(Info, { size: 16, className: "text-orange-600" }),
-              /* @__PURE__ */ jsx55("p", { children: newEmail })
+            newEmail && /* @__PURE__ */ jsxs42("section", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx60(Info, { size: 16, className: "text-orange-600" }),
+              /* @__PURE__ */ jsx60("p", { children: newEmail })
             ] })
           ] });
         }
@@ -9262,7 +9402,7 @@ function Users() {
         header: "Role",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ jsx55(
+          return /* @__PURE__ */ jsx60(
             Badge,
             {
               variant: data2?.role === "admin" ? "primary" : "warning",
@@ -9277,7 +9417,7 @@ function Users() {
         header: "Employee Name",
         cell: ({ row }) => {
           const account = row.original?.account;
-          return /* @__PURE__ */ jsx55("span", { children: account?.name || "N/A" });
+          return /* @__PURE__ */ jsx60("span", { children: account?.name || "N/A" });
         }
       },
       {
@@ -9285,7 +9425,7 @@ function Users() {
         header: "Status",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ jsx55(Activate_default, { data: data2 });
+          return /* @__PURE__ */ jsx60(Activate_default, { data: data2 });
         }
       },
       {
@@ -9293,13 +9433,13 @@ function Users() {
         header: "Actions",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ jsx55(
+          return /* @__PURE__ */ jsx60(
             Dropdown,
             {
               className: "w-fit! cursor-pointer",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ jsx55(EllipsisVertical2, {})
+              children: /* @__PURE__ */ jsx60(EllipsisVertical2, {})
             }
           );
         }
@@ -9308,9 +9448,9 @@ function Users() {
     [items]
   );
   const users = data?.data || [];
-  return /* @__PURE__ */ jsxs41(Fragment11, { children: [
-    /* @__PURE__ */ jsx55(Modal2, {}),
-    /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsxs42(Fragment11, { children: [
+    /* @__PURE__ */ jsx60(Modal2, {}),
+    /* @__PURE__ */ jsx60(
       TransactionViewComponent,
       {
         columns,
@@ -9331,7 +9471,7 @@ var users_default = Users;
 import { useForm as useForm7 } from "react-hook-form";
 import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
 import { message as message11 } from "antd";
-import { jsx as jsx56, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
 function UserForm() {
   const { navigate } = useApp_default();
   const { post, isLoading } = useApis_default();
@@ -9356,14 +9496,14 @@ function UserForm() {
       message11.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ jsxs42(Card, { className: "max-w-xl mx-auto mt-10 relative", children: [
-    /* @__PURE__ */ jsxs42(Card.Header, { children: [
-      /* @__PURE__ */ jsx56(Card.Title, { children: "Add User" }),
-      /* @__PURE__ */ jsx56(Card.Description, { children: "Create a new user by providing their email and phone number." })
+  return /* @__PURE__ */ jsxs43(Card, { className: "max-w-xl mx-auto mt-10 relative", children: [
+    /* @__PURE__ */ jsxs43(Card.Header, { children: [
+      /* @__PURE__ */ jsx61(Card.Title, { children: "Add User" }),
+      /* @__PURE__ */ jsx61(Card.Description, { children: "Create a new user by providing their email and phone number." })
     ] }),
-    /* @__PURE__ */ jsx56(Card.Content, { children: /* @__PURE__ */ jsxs42("form", { onSubmit: handleSubmit(onSubmit), children: [
-      /* @__PURE__ */ jsxs42("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx61(Card.Content, { children: /* @__PURE__ */ jsxs43("form", { onSubmit: handleSubmit(onSubmit), children: [
+      /* @__PURE__ */ jsxs43("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx61(
           Fields_default.Input,
           {
             label: "Email",
@@ -9374,7 +9514,7 @@ function UserForm() {
             required: true
           }
         ),
-        /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx61(
           Fields_default.PhoneInput,
           {
             label: "Phone Number",
@@ -9383,7 +9523,7 @@ function UserForm() {
             placeholder: "Enter phone number"
           }
         ),
-        /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx61(
           Fields_default.Select,
           {
             label: "Role",
@@ -9394,7 +9534,7 @@ function UserForm() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx56("footer", { className: "flex justify-end mt-6", children: /* @__PURE__ */ jsx56(
+      /* @__PURE__ */ jsx61("footer", { className: "flex justify-end mt-6", children: /* @__PURE__ */ jsx61(
         Button,
         {
           isLoading,
@@ -9417,7 +9557,7 @@ import { useForm as useForm8 } from "react-hook-form";
 import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
 import * as z4 from "zod";
 import { message as message12, Spin } from "antd";
-import { Fragment as Fragment12, jsx as jsx57, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx62, jsxs as jsxs44 } from "react/jsx-runtime";
 var resetPageSchema = z4.object({
   password: z4.string().min(6, "Password must be at least 6 characters"),
   confirmPassword: z4.string().min(6, "Password must be at least 6 characters")
@@ -9483,14 +9623,14 @@ function ResetPasswordPage() {
     }
   };
   if (verifying) {
-    return /* @__PURE__ */ jsx57("div", { className: "h-screen w-full flex items-center justify-center bg-slate-50 dark:bg-[#0A0B10]", children: /* @__PURE__ */ jsxs43("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ jsx57(Spin, { size: "large" }),
-      /* @__PURE__ */ jsx57("p", { className: "text-slate-500 animate-pulse", children: "Verifying reset link..." })
+    return /* @__PURE__ */ jsx62("div", { className: "h-screen w-full flex items-center justify-center bg-slate-50 dark:bg-[#0A0B10]", children: /* @__PURE__ */ jsxs44("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ jsx62(Spin, { size: "large" }),
+      /* @__PURE__ */ jsx62("p", { className: "text-slate-500 animate-pulse", children: "Verifying reset link..." })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs43("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-[#0A0B10]", children: [
-    /* @__PURE__ */ jsxs43("div", { className: "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-slate-900 border-r border-slate-800", children: [
-      /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs44("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-[#0A0B10]", children: [
+    /* @__PURE__ */ jsxs44("div", { className: "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-slate-900 border-r border-slate-800", children: [
+      /* @__PURE__ */ jsx62(
         "div",
         {
           className: "absolute inset-0 z-0 opacity-40 bg-cover bg-center",
@@ -9499,35 +9639,35 @@ function ResetPasswordPage() {
           }
         }
       ),
-      /* @__PURE__ */ jsx57("div", { className: "absolute inset-0 bg-linear-to-tr from-[#0A0B10] via-transparent to-indigo-500/10 z-10" }),
-      /* @__PURE__ */ jsxs43("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full h-full", children: [
-        /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx57("div", { className: "h-10 w-10 bg-indigo-600 rounded-lg flex items-center justify-center shadow-indigo-500/20 shadow-xl", children: /* @__PURE__ */ jsx57(Terminal2, { className: "text-white w-6 h-6" }) }),
-          /* @__PURE__ */ jsx57("span", { className: "text-2xl font-bold text-white tracking-widest uppercase", children: "Warqad UI" })
+      /* @__PURE__ */ jsx62("div", { className: "absolute inset-0 bg-linear-to-tr from-[#0A0B10] via-transparent to-indigo-500/10 z-10" }),
+      /* @__PURE__ */ jsxs44("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full h-full", children: [
+        /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx62("div", { className: "h-10 w-10 bg-indigo-600 rounded-lg flex items-center justify-center shadow-indigo-500/20 shadow-xl", children: /* @__PURE__ */ jsx62(Terminal2, { className: "text-white w-6 h-6" }) }),
+          /* @__PURE__ */ jsx62("span", { className: "text-2xl font-bold text-white tracking-widest uppercase", children: "Warqad UI" })
         ] }),
-        /* @__PURE__ */ jsxs43("div", { className: "max-w-md", children: [
-          /* @__PURE__ */ jsxs43("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
+        /* @__PURE__ */ jsxs44("div", { className: "max-w-md", children: [
+          /* @__PURE__ */ jsxs44("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
             "Secure ",
-            /* @__PURE__ */ jsx57("span", { className: "text-indigo-400", children: "Access" }),
+            /* @__PURE__ */ jsx62("span", { className: "text-indigo-400", children: "Access" }),
             " ",
-            /* @__PURE__ */ jsx57("br", {}),
+            /* @__PURE__ */ jsx62("br", {}),
             " ",
             "Simplified."
           ] }),
-          /* @__PURE__ */ jsx57("p", { className: "text-slate-400 text-lg leading-relaxed", children: "Reset your credentials securely and regain access to your dashboard in minutes." })
+          /* @__PURE__ */ jsx62("p", { className: "text-slate-400 text-lg leading-relaxed", children: "Reset your credentials securely and regain access to your dashboard in minutes." })
         ] }),
-        /* @__PURE__ */ jsx57("div", { className: "text-slate-500 text-sm italic", children: "Trusted by developers worldwide." })
+        /* @__PURE__ */ jsx62("div", { className: "text-slate-500 text-sm italic", children: "Trusted by developers worldwide." })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs43("div", { className: "w-full lg:w-1/2 p-8 lg:p-16 flex flex-col justify-center bg-white dark:bg-[#0A0B10] relative", children: [
-      /* @__PURE__ */ jsx57("div", { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ jsx57(ThemeToggle, {}) }),
-      /* @__PURE__ */ jsx57("div", { className: "max-w-md w-full mx-auto", children: !isVerified || error ? /* @__PURE__ */ jsxs43("div", { className: "text-center space-y-6", children: [
-        /* @__PURE__ */ jsx57("div", { className: "mx-auto w-16 h-16 bg-red-100 dark:bg-red-900/20 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx57(ShieldCheck2, { className: "text-red-600 dark:text-red-400 w-8 h-8" }) }),
-        /* @__PURE__ */ jsxs43("div", { children: [
-          /* @__PURE__ */ jsx57("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-2", children: "Link Invalid" }),
-          /* @__PURE__ */ jsx57("p", { className: "text-slate-500 dark:text-slate-400", children: error || "The reset link is invalid or has already been used." })
+    /* @__PURE__ */ jsxs44("div", { className: "w-full lg:w-1/2 p-8 lg:p-16 flex flex-col justify-center bg-white dark:bg-[#0A0B10] relative", children: [
+      /* @__PURE__ */ jsx62("div", { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ jsx62(ThemeToggle, {}) }),
+      /* @__PURE__ */ jsx62("div", { className: "max-w-md w-full mx-auto", children: !isVerified || error ? /* @__PURE__ */ jsxs44("div", { className: "text-center space-y-6", children: [
+        /* @__PURE__ */ jsx62("div", { className: "mx-auto w-16 h-16 bg-red-100 dark:bg-red-900/20 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx62(ShieldCheck2, { className: "text-red-600 dark:text-red-400 w-8 h-8" }) }),
+        /* @__PURE__ */ jsxs44("div", { children: [
+          /* @__PURE__ */ jsx62("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-2", children: "Link Invalid" }),
+          /* @__PURE__ */ jsx62("p", { className: "text-slate-500 dark:text-slate-400", children: error || "The reset link is invalid or has already been used." })
         ] }),
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx62(
           Button,
           {
             onClick: () => navigate("/login"),
@@ -9535,22 +9675,22 @@ function ResetPasswordPage() {
             children: "Back to Login"
           }
         )
-      ] }) : /* @__PURE__ */ jsxs43(Fragment12, { children: [
-        /* @__PURE__ */ jsxs43("div", { className: "mb-10", children: [
-          /* @__PURE__ */ jsx57("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-3 tracking-tight", children: "Reset Password" }),
-          /* @__PURE__ */ jsxs43("p", { className: "text-slate-500 dark:text-slate-400", children: [
+      ] }) : /* @__PURE__ */ jsxs44(Fragment12, { children: [
+        /* @__PURE__ */ jsxs44("div", { className: "mb-10", children: [
+          /* @__PURE__ */ jsx62("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-3 tracking-tight", children: "Reset Password" }),
+          /* @__PURE__ */ jsxs44("p", { className: "text-slate-500 dark:text-slate-400", children: [
             "Set a new, strong password for",
             " ",
-            /* @__PURE__ */ jsx57("span", { className: "text-indigo-600 font-medium", children: email })
+            /* @__PURE__ */ jsx62("span", { className: "text-indigo-600 font-medium", children: email })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs43(
+        /* @__PURE__ */ jsxs44(
           "form",
           {
             onSubmit: methods.handleSubmit(onSubmit),
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx62(
                 Fields_default.Input,
                 {
                   form: methods,
@@ -9559,11 +9699,11 @@ function ResetPasswordPage() {
                   type: "password",
                   placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                   required: true,
-                  icon: /* @__PURE__ */ jsx57(Lock2, { size: 18, className: "text-slate-400" }),
+                  icon: /* @__PURE__ */ jsx62(Lock2, { size: 18, className: "text-slate-400" }),
                   className: "bg-slate-50 dark:bg-slate-900/50 h-12"
                 }
               ),
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx62(
                 Fields_default.Input,
                 {
                   form: methods,
@@ -9572,11 +9712,11 @@ function ResetPasswordPage() {
                   type: "password",
                   placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                   required: true,
-                  icon: /* @__PURE__ */ jsx57(ShieldCheck2, { size: 18, className: "text-slate-400" }),
+                  icon: /* @__PURE__ */ jsx62(ShieldCheck2, { size: 18, className: "text-slate-400" }),
                   className: "bg-slate-50 dark:bg-slate-900/50 h-12"
                 }
               ),
-              /* @__PURE__ */ jsxs43(
+              /* @__PURE__ */ jsxs44(
                 Button,
                 {
                   type: "submit",
@@ -9584,7 +9724,7 @@ function ResetPasswordPage() {
                   className: "w-full h-12 bg-indigo-600 hover:bg-indigo-500 text-white font-semibold flex items-center justify-center gap-2",
                   children: [
                     "Update Password",
-                    !isLoading && /* @__PURE__ */ jsx57(ArrowRight2, { size: 18 })
+                    !isLoading && /* @__PURE__ */ jsx62(ArrowRight2, { size: 18 })
                   ]
                 }
               )
@@ -9601,7 +9741,7 @@ var ResetPasswordPage_default = ResetPasswordPage;
 import { LogOut, User as User2 } from "lucide-react";
 import { useNavigate as useNavigate8 } from "react-router-dom";
 import { message as message13 } from "antd";
-import { jsx as jsx58, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs45 } from "react/jsx-runtime";
 var UserProfile = ({
   items,
   name,
@@ -9634,21 +9774,21 @@ var UserProfile = ({
   const defaultItems = [
     {
       label: "My Profile",
-      icon: /* @__PURE__ */ jsx58(User2, { size: 18 }),
+      icon: /* @__PURE__ */ jsx63(User2, { size: 18 }),
       onClick: () => navigate("profile"),
       className: "min-w-[150px]"
     },
     {
       label: "Logout",
-      icon: /* @__PURE__ */ jsx58(LogOut, { size: 18 }),
+      icon: /* @__PURE__ */ jsx63(LogOut, { size: 18 }),
       onClick: logout,
       className: "text-red-500 hover:bg-red-50 dark:hover:bg-red-950/20"
     }
   ];
-  return /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-3", children: [
-    showThemeToggle && /* @__PURE__ */ jsx58(ThemeToggle, {}),
-    showThemeToggle && /* @__PURE__ */ jsx58("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
-    /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-3", children: [
+    showThemeToggle && /* @__PURE__ */ jsx63(ThemeToggle, {}),
+    showThemeToggle && /* @__PURE__ */ jsx63("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
+    /* @__PURE__ */ jsx63(
       ProfileDropdown,
       {
         name: name || account?.name || "User",
@@ -9666,12 +9806,12 @@ var UserProfile_default = UserProfile;
 // src/components/users/ProfilePage.tsx
 import { useNavigate as useNavigate9 } from "react-router-dom";
 import { ArrowLeft as ArrowLeft3 } from "lucide-react";
-import { jsx as jsx59, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs46 } from "react/jsx-runtime";
 var ProfilePage = () => {
   const navigate = useNavigate9();
   const { user, account } = useAuth();
   if (!user) {
-    return /* @__PURE__ */ jsx59("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx59("h1", { children: "Please login to view your profile" }) });
+    return /* @__PURE__ */ jsx64("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx64("h1", { children: "Please login to view your profile" }) });
   }
   const extraInfo = [
     {
@@ -9690,19 +9830,19 @@ var ProfilePage = () => {
       copiable: false
     }
   ];
-  return /* @__PURE__ */ jsxs45("div", { className: "p-4 sm:p-8 space-y-6", children: [
-    /* @__PURE__ */ jsx59("div", { className: "max-w-5xl mx-auto", children: /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsxs46("div", { className: "p-4 sm:p-8 space-y-6", children: [
+    /* @__PURE__ */ jsx64("div", { className: "max-w-5xl mx-auto", children: /* @__PURE__ */ jsx64(
       Button,
       {
         variant: "outline",
         size: "sm",
         onClick: () => navigate(-1),
-        icon: /* @__PURE__ */ jsx59(ArrowLeft3, { size: 16 }),
+        icon: /* @__PURE__ */ jsx64(ArrowLeft3, { size: 16 }),
         className: "rounded-full font-bold px-5",
         children: "Back"
       }
     ) }),
-    /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx64(
       ProfileView,
       {
         name: account?.name || "User Account",
@@ -9722,7 +9862,7 @@ import { useNavigate as useNavigate10, useParams as useParams6 } from "react-rou
 import { EllipsisVertical as EllipsisVertical3, FilePenLine as FilePenLine2, Trash2 as Trash23 } from "lucide-react";
 import { useState as useState32 } from "react";
 import { message as message14 } from "antd";
-import { Fragment as Fragment13, jsx as jsx60, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx65, jsxs as jsxs47 } from "react/jsx-runtime";
 function Wallets({ v, url }) {
   const { branchId } = useParams6();
   const [deleteWallet, setDeleteWallet] = useState32(null);
@@ -9737,12 +9877,12 @@ function Wallets({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit Wallet`,
-      icon: /* @__PURE__ */ jsx60(FilePenLine2, { size: 16 }),
+      icon: /* @__PURE__ */ jsx65(FilePenLine2, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Wallet`,
-      icon: /* @__PURE__ */ jsx60(Trash23, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx65(Trash23, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteWallet(data2)
     }
   ].filter(Boolean);
@@ -9752,7 +9892,7 @@ function Wallets({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ jsx60("span", { children: wallet?.name });
+        return /* @__PURE__ */ jsx65("span", { children: wallet?.name });
       }
     },
     {
@@ -9760,7 +9900,7 @@ function Wallets({ v, url }) {
       header: "Type",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ jsx60("span", { className: "capitalize", children: wallet?.type });
+        return /* @__PURE__ */ jsx65("span", { className: "capitalize", children: wallet?.type });
       }
     },
     {
@@ -9768,7 +9908,7 @@ function Wallets({ v, url }) {
       header: "Currency",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ jsx60("span", { children: wallet?.currency });
+        return /* @__PURE__ */ jsx65("span", { children: wallet?.currency });
       }
     },
     {
@@ -9776,7 +9916,7 @@ function Wallets({ v, url }) {
       header: "Account No",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ jsx60("span", { children: wallet?.accountNo || "N/A" });
+        return /* @__PURE__ */ jsx65("span", { children: wallet?.accountNo || "N/A" });
       }
     },
     {
@@ -9784,13 +9924,13 @@ function Wallets({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx60(
+        return /* @__PURE__ */ jsx65(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx60(EllipsisVertical3, {})
+            children: /* @__PURE__ */ jsx65(EllipsisVertical3, {})
           }
         );
       }
@@ -9808,9 +9948,9 @@ function Wallets({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ jsxs46(Fragment13, { children: [
-    /* @__PURE__ */ jsx60(Modal2, {}),
-    /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsxs47(Fragment13, { children: [
+    /* @__PURE__ */ jsx65(Modal2, {}),
+    /* @__PURE__ */ jsx65(
       ConfirmModal,
       {
         isOpen: !!deleteWallet,
@@ -9823,7 +9963,7 @@ function Wallets({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsx60(
+    /* @__PURE__ */ jsx65(
       TransactionViewComponent,
       {
         columns,
@@ -9857,8 +9997,9 @@ import { zodResolver as zodResolver8 } from "@hookform/resolvers/zod";
 import { message as message15 } from "antd";
 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";
+import { jsx as jsx66, jsxs as jsxs48 } from "react/jsx-runtime";
 function WalletForm() {
+  const { enums } = useWarqadConfig();
   const { branchId } = useParams7();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
@@ -9890,7 +10031,10 @@ function WalletForm() {
       } else {
         await post({
           url: "/wallets/create",
-          body: data
+          body: {
+            ...data,
+            branch: branchId ? branchId : data.branch
+          }
         });
       }
       message15.success(`Wallet ${isEdit ? "updated" : "created"} successfully`);
@@ -9902,7 +10046,7 @@ function WalletForm() {
   const fetches = async () => {
     try {
       const res = await get({
-        url: `/wallets/get?id=${id}`
+        url: `/wallets/get?id=${id}${branchId ? `&branch=${branchId}` : ""}`
       });
       const data = res.data;
       methods.reset(data);
@@ -9915,24 +10059,24 @@ function WalletForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs48(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs47(Card.Header, { children: [
-          /* @__PURE__ */ jsx61(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Wallet` }),
-          /* @__PURE__ */ jsx61(Card.Description, { children: isEdit ? `Update the details for this wallet` : `Create a new wallet and add it to your list` })
+        /* @__PURE__ */ jsxs48(Card.Header, { children: [
+          /* @__PURE__ */ jsx66(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Wallet` }),
+          /* @__PURE__ */ jsx66(Card.Description, { children: isEdit ? `Update the details for this wallet` : `Create a new wallet and add it to your list` })
         ] }),
-        /* @__PURE__ */ jsx61(Card.Content, { children: /* @__PURE__ */ jsxs47(
+        /* @__PURE__ */ jsx66(Card.Content, { children: /* @__PURE__ */ jsxs48(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs47("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx61(
+              /* @__PURE__ */ jsxs48("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx66(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -9943,33 +10087,27 @@ function WalletForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx61(
+                /* @__PURE__ */ jsx66(
                   Fields_default.Select,
                   {
                     label: "Wallet Type",
                     form: methods,
                     required: true,
                     name: "type",
-                    options: Enums_default.walletTypes.map((type) => ({
-                      value: type,
-                      label: type
-                    }))
+                    enumName: "walletTypes"
                   }
                 ),
-                /* @__PURE__ */ jsx61(
+                /* @__PURE__ */ jsx66(
                   Fields_default.Select,
                   {
                     label: "Currency",
                     form: methods,
                     name: "currency",
                     required: true,
-                    options: Enums_default.currencies.map((currency) => ({
-                      value: currency,
-                      label: currency
-                    }))
+                    enumName: "currencies"
                   }
                 ),
-                /* @__PURE__ */ jsx61(
+                /* @__PURE__ */ jsx66(
                   Fields_default.Input,
                   {
                     label: "Account Number",
@@ -9979,7 +10117,7 @@ function WalletForm() {
                     placeholder: "Enter account number (optional)"
                   }
                 ),
-                !branchId && /* @__PURE__ */ jsx61(
+                !branchId && /* @__PURE__ */ jsx66(
                   Feilds_default.Branches,
                   {
                     label: "Branch",
@@ -9990,7 +10128,7 @@ function WalletForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx61("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx61(
+              /* @__PURE__ */ jsx66("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx66(
                 Button,
                 {
                   isLoading,
@@ -10012,7 +10150,7 @@ var WalletForm_default = WalletForm;
 
 // src/components/wallets/Feilds/Wallet.tsx
 import { useParams as useParams8 } from "react-router-dom";
-import { jsx as jsx62, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs49 } from "react/jsx-runtime";
 function Wallet({
   name,
   label,
@@ -10032,8 +10170,8 @@ function Wallet({
     showBalance,
     accountId: walletId
   });
-  return /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsxs49("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx67(
       Fields_default.SearchApi,
       {
         name,
@@ -10050,7 +10188,7 @@ function Wallet({
         disabled
       }
     ),
-    /* @__PURE__ */ jsx62(BalanceView, {})
+    /* @__PURE__ */ jsx67(BalanceView, {})
   ] });
 }
 var Wallet_default = Wallet;
@@ -10060,111 +10198,6 @@ var WalletField = {
   Wallet: Wallet_default
 };
 var Feilds_default2 = WalletField;
-
-// src/components/ErrorPage/ErrorPage.tsx
-import { jsx as jsx63, jsxs as jsxs49 } from "react/jsx-runtime";
-var ErrorPageBase = ({
-  title,
-  message: message16,
-  statusCode,
-  action,
-  className = ""
-}) => {
-  return /* @__PURE__ */ jsx63(
-    "div",
-    {
-      className: `flex-1 m-auto h-full w-full min-h-[50vh] flex flex-col items-center justify-center p-6 text-zinc-900 dark:text-zinc-100 ${className}`,
-      children: /* @__PURE__ */ jsxs49("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
-        statusCode && /* @__PURE__ */ jsx63("div", { className: "absolute inset-0 flex items-center justify-center z-0 select-none pointer-events-none opacity-[0.03] dark:opacity-5", children: /* @__PURE__ */ jsx63("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
-        /* @__PURE__ */ jsxs49("div", { className: "relative z-10 space-y-6", children: [
-          statusCode && /* @__PURE__ */ jsxs49("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
-            "Error ",
-            statusCode
-          ] }),
-          title && /* @__PURE__ */ jsx63("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
-          message16 && /* @__PURE__ */ jsx63("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message16 }),
-          action && /* @__PURE__ */ jsx63("div", { className: "pt-8", children: /* @__PURE__ */ jsx63(
-            "button",
-            {
-              onClick: action.onClick,
-              className: "px-8 py-3.5 rounded-full text-white font-semibold shadow-[0_4px_14px_0_rgba(0,0,0,0.1)] hover:shadow-[0_6px_20px_rgba(0,0,0,0.15)] transition-all hover:-translate-y-0.5 active:translate-y-0 focus:outline-none focus:ring-2 focus:ring-offset-2",
-              style: { backgroundColor: "var(--primary-color, #3b82f6)" },
-              children: action.label
-            }
-          ) })
-        ] })
-      ] })
-    }
-  );
-};
-
-// src/components/ErrorPage/ErrorPage.500.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
-var ErrorPage500 = (props) => {
-  return /* @__PURE__ */ jsx64(
-    ErrorPageBase,
-    {
-      statusCode: 500,
-      title: "Internal Server Error",
-      message: "Oops, something went wrong on our end. Please try again later.",
-      action: { label: "Go Home", onClick: () => window.location.href = "/" },
-      ...props
-    }
-  );
-};
-
-// src/components/ErrorPage/ErrorPage.404.tsx
-import { jsx as jsx65 } from "react/jsx-runtime";
-var ErrorPage404 = (props) => {
-  return /* @__PURE__ */ jsx65(
-    ErrorPageBase,
-    {
-      statusCode: 404,
-      title: "Page Not Found",
-      message: "The page you are looking for doesn't exist or has been moved.",
-      action: { label: "Go Home", onClick: () => window.location.href = "/" },
-      ...props
-    }
-  );
-};
-
-// src/components/ErrorPage/ErrorPage.401.tsx
-import { jsx as jsx66 } from "react/jsx-runtime";
-var ErrorPage401 = (props) => {
-  return /* @__PURE__ */ jsx66(
-    ErrorPageBase,
-    {
-      statusCode: 401,
-      title: "Unauthorized",
-      message: "You don't have permission to access this page.",
-      action: { label: "Go Home", onClick: () => window.location.href = "/" },
-      ...props
-    }
-  );
-};
-
-// src/components/ErrorPage/ErrorPage.400.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
-var ErrorPage400 = (props) => {
-  return /* @__PURE__ */ jsx67(
-    ErrorPageBase,
-    {
-      statusCode: 400,
-      title: "Bad Request",
-      message: "Your request could not be processed. Please try again.",
-      action: { label: "Go Home", onClick: () => window.location.href = "/" },
-      ...props
-    }
-  );
-};
-
-// src/components/ErrorPage/index.ts
-var ErrorPage = Object.assign(ErrorPageBase, {
-  500: ErrorPage500,
-  404: ErrorPage404,
-  401: ErrorPage401,
-  400: ErrorPage400
-});
 export {
   Feilds_default as AccountFields,
   AccountForm_default as AccountForm,