warqadui 0.0.89 → 0.0.90

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);
@@ -8086,10 +8123,123 @@ var import_react_router_dom6 = require("react-router-dom");
 var import_lucide_react20 = require("lucide-react");
 var import_react34 = require("react");
 var import_antd6 = require("antd");
+
+// src/components/ErrorPage/ErrorPage.tsx
 var import_jsx_runtime43 = require("react/jsx-runtime");
+var ErrorPageBase = ({
+  title,
+  message: message16,
+  statusCode,
+  action,
+  className = ""
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    "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__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
+        statusCode && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("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__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative z-10 space-y-6", children: [
+          statusCode && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
+            "Error ",
+            statusCode
+          ] }),
+          title && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
+          message16 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message16 }),
+          action && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "pt-8", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            "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
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var ErrorPage500 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    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
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var ErrorPage404 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    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
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var ErrorPage401 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    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
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var ErrorPage400 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    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
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var ErrorPage5002 = ErrorPage[500];
 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)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ErrorPage5002, { title: `${type} page not found` });
+  }
   const [deleteAccount, setDeleteAccount] = (0, import_react34.useState)(null);
   const { isLoading, remove } = useApis_default();
   const isEmployee = type === "employee";
@@ -8099,21 +8249,20 @@ function Accounts({ v, url }) {
     dateFilter: false
   });
   const { Modal: Modal2 } = useModal();
-  const navigate = (0, import_react_router_dom6.useNavigate)();
   const items = (data2) => [
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react20.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react20.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react20.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react20.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     },
     isEmployee && !data2?.user && {
       label: `Link User`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react20.Cable, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react20.Cable, { size: 16 }),
       onClick: () => navigate(`link-user?id=${data2?._id}`)
     }
   ].filter(Boolean);
@@ -8123,7 +8272,7 @@ function Accounts({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: account?.name });
+        return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: account?.name });
       }
     },
     {
@@ -8131,7 +8280,7 @@ function Accounts({ v, url }) {
       header: "Sex",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: account?.sex });
+        return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: account?.sex });
       }
     },
     {
@@ -8139,7 +8288,7 @@ function Accounts({ v, url }) {
       header: "Email",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: account?.email || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: account?.email || "N/A" });
       }
     },
     {
@@ -8147,7 +8296,7 @@ function Accounts({ v, url }) {
       header: "Phone",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: account?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: account?.phoneNumber || "N/A" });
       }
     },
     isEmployee && {
@@ -8155,7 +8304,7 @@ function Accounts({ v, url }) {
       header: "User",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Badge, { variant: account?.user ? "success" : "danger", size: "sm", children: account?.user ? "Linked" : "Not Linked" });
+        return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Badge, { variant: account?.user ? "success" : "danger", size: "sm", children: account?.user ? "Linked" : "Not Linked" });
       }
     },
     {
@@ -8163,13 +8312,13 @@ function Accounts({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react20.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react20.EllipsisVertical, {})
           }
         );
       }
@@ -8187,9 +8336,9 @@ function Accounts({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -8202,7 +8351,7 @@ function Accounts({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -8242,18 +8391,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({
@@ -8307,7 +8444,7 @@ var Formats_default = Formats;
 
 // src/hooks/useAccountBalance.tsx
 var import_react35 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var useAccountbalance = ({
   url,
   showBalance,
@@ -8341,15 +8478,15 @@ var useAccountbalance = ({
       return null;
     }
     if (isLoading) {
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h2", { className: "text-gray-500", children: "Getting Balance..." });
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h2", { className: "text-gray-500", children: "Getting Balance..." });
     }
     if (error) {
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("h2", { className: "text-red-500", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("h2", { className: "text-red-500", children: [
         "Error: ",
         error
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       "h2",
       {
         className: `${balance.startsWith("-") ? "text-red-500" : "text-green-500"}`,
@@ -8366,7 +8503,7 @@ var useAccountBalance_default = useAccountbalance;
 
 // src/components/accounts/Feilds/Account.tsx
 var import_react_router_dom8 = require("react-router-dom");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function Account({
   name,
   label,
@@ -8386,8 +8523,8 @@ function Account({
     showBalance,
     accountId
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       Fields_default.SearchApi,
       {
         name,
@@ -8404,13 +8541,13 @@ function Account({
         disabled
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(BalanceView, {})
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(BalanceView, {})
   ] });
 }
 var Account_default = Account;
 
 // src/components/accounts/Feilds/Customers.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function Customer({
   name = "customer",
   label = "Customer",
@@ -8423,7 +8560,7 @@ function Customer({
   disabled,
   v
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Account_default,
     {
       name,
@@ -8442,7 +8579,7 @@ function Customer({
 var Customers_default = Customer;
 
 // src/components/accounts/Feilds/Employee.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function Employee({
   name = "employee",
   label = "Employee",
@@ -8455,7 +8592,7 @@ function Employee({
   disabled,
   v
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     Account_default,
     {
       name,
@@ -8474,7 +8611,7 @@ function Employee({
 var Employee_default = Employee;
 
 // src/components/accounts/Feilds/Branches.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function Branches({
   name = "branch",
   label = "Branch",
@@ -8487,7 +8624,7 @@ function Branches({
   v,
   disabled
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     Account_default,
     {
       name,
@@ -8516,13 +8653,18 @@ var Feilds_default = AccountFields;
 
 // src/components/accounts/AccountForm.tsx
 var import_react_router_dom9 = require("react-router-dom");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var ErrorPage5003 = ErrorPage[500];
 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)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ErrorPage5003, { title: `${type} page not found` });
+  }
   const { post, put, isLoading } = useApis_default();
   const { isLoading: isLoadingGet, get } = useApis_default();
   const methods = (0, import_react_hook_form8.useForm)({
@@ -8576,24 +8718,24 @@ function AccountForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -8604,19 +8746,16 @@ function AccountForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   Fields_default.Select,
                   {
                     label: "Sex",
                     form: methods,
                     name: "sex",
-                    options: Enums_default.sex.map((sex) => ({
-                      value: sex,
-                      label: sex
-                    }))
+                    enumName: "sex"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   Fields_default.Input,
                   {
                     label: "Email",
@@ -8626,7 +8765,7 @@ function AccountForm() {
                     placeholder: "e.g maoo@exapmle.com"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   Fields_default.PhoneInput,
                   {
                     label: "Phone Number",
@@ -8635,7 +8774,7 @@ function AccountForm() {
                     placeholder: "Enter phone number"
                   }
                 ),
-                !branchId && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                !branchId && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   Feilds_default.Branches,
                   {
                     label: "Branch",
@@ -8646,7 +8785,7 @@ function AccountForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 Button,
                 {
                   isLoading,
@@ -8705,7 +8844,7 @@ var import_react_hook_form9 = require("react-hook-form");
 var import_zod5 = require("@hookform/resolvers/zod");
 var import_antd8 = require("antd");
 var import_react37 = require("react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function LinkUser({ type: initialType = "employee" }) {
   const { getQuery, navigate, getParams } = useApp_default();
   const id = getQuery("id");
@@ -8761,26 +8900,26 @@ function LinkUser({ type: initialType = "employee" }) {
       navigate(-1);
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Card.Title, { children: `Link User ` }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Card.Description, { children: "Link User Employee and add it to your list" })
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Card.Title, { children: `Link User ` }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Card.Description, { children: "Link User Employee and add it to your list" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             className: "space-y-4",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -8791,7 +8930,7 @@ function LinkUser({ type: initialType = "employee" }) {
                     disabled: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                   Fields_default.Input,
                   {
                     label: "Email",
@@ -8802,7 +8941,7 @@ function LinkUser({ type: initialType = "employee" }) {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                   Fields_default.Select,
                   {
                     label: "Role",
@@ -8813,7 +8952,7 @@ function LinkUser({ type: initialType = "employee" }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                 Button,
                 {
                   isLoading,
@@ -8842,7 +8981,7 @@ var import_react_hook_form10 = require("react-hook-form");
 var import_zod6 = require("@hookform/resolvers/zod");
 var import_antd9 = require("antd");
 var import_react38 = require("react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var { Countdown } = import_antd9.Statistic;
 function VerifyEmailForm({
   data,
@@ -8910,9 +9049,9 @@ function VerifyEmailForm({
       import_antd9.message.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("form", { onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "space-y-2", children: [
-      oldEmail && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "border-b-2 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("form", { onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-2", children: [
+      oldEmail && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "border-b-2 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         Fields_default.Input,
         {
           label: "Current Email",
@@ -8922,7 +9061,7 @@ function VerifyEmailForm({
           disabled: true
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         Fields_default.Input,
         {
           label: "New Email",
@@ -8933,7 +9072,7 @@ function VerifyEmailForm({
           disabled: true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         Fields_default.Input,
         {
           label: "Token",
@@ -8944,19 +9083,19 @@ function VerifyEmailForm({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-2 mt-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("h1", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2 mt-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("h1", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
         "Didn't receive a verification token or expired?",
         " "
       ] }),
-      hasPassed || !threeMinutesLater ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      hasPassed || !threeMinutesLater ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "span",
         {
           onClick: resend,
           className: "text-blue-600 cursor-pointer underline text-sm",
           children: "Resend"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-blue-600 cursor-pointer underline text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-blue-600 cursor-pointer underline text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         Countdown,
         {
           styles: { content: { fontSize: 14, color: "#3b82f6" } },
@@ -8966,7 +9105,7 @@ function VerifyEmailForm({
         threeMinutesLater
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       Button,
       {
         isLoading,
@@ -8984,7 +9123,7 @@ var VerifyEmailForm_default = VerifyEmailForm;
 var import_react_hook_form11 = require("react-hook-form");
 var import_zod7 = require("@hookform/resolvers/zod");
 var import_antd10 = require("antd");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function UpdateEmailForm({
   data,
   close,
@@ -9017,9 +9156,9 @@ function UpdateEmailForm({
       import_antd10.message.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         Fields_default.Input,
         {
           label: "Current Email",
@@ -9028,7 +9167,7 @@ function UpdateEmailForm({
           disabled: true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         Fields_default.Input,
         {
           label: "New Email Address",
@@ -9039,10 +9178,10 @@ function UpdateEmailForm({
           required: true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "bg-blue-50 dark:bg-blue-900/10 border-l-4 border-blue-400 p-3 rounded", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("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__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-blue-50 dark:bg-blue-900/10 border-l-4 border-blue-400 p-3 rounded", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("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__ */ (0, import_jsx_runtime52.jsxs)("footer", { className: "flex justify-end mt-6 gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("footer", { className: "flex justify-end mt-6 gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         Button,
         {
           type: "button",
@@ -9052,7 +9191,7 @@ function UpdateEmailForm({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         Button,
         {
           isLoading,
@@ -9071,7 +9210,7 @@ var UpdateEmailForm_default = UpdateEmailForm;
 var import_react_hook_form12 = require("react-hook-form");
 var import_antd11 = require("antd");
 var import_react39 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var { Countdown: Countdown2 } = import_antd11.Statistic;
 function ResetPasswordForm({
   data,
@@ -9126,9 +9265,9 @@ function ResetPasswordForm({
       import_antd11.message.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "border-b-2 pb-4 dark:border-zinc-800", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "border-b-2 pb-4 dark:border-zinc-800", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         Fields_default.Input,
         {
           label: "Target Email",
@@ -9137,10 +9276,10 @@ function ResetPasswordForm({
           disabled: true
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "bg-orange-50 dark:bg-orange-900/10 border-l-4 border-orange-400 p-4 rounded-xl", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("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__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-2 mt-2 bg-blue-50 dark:bg-blue-900/10 p-2 rounded-lg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-xs text-blue-600 dark:text-blue-400 font-medium", children: "You can request another link in:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-blue-600 font-bold text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "bg-orange-50 dark:bg-orange-900/10 border-l-4 border-orange-400 p-4 rounded-xl", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("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__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-2 mt-2 bg-blue-50 dark:bg-blue-900/10 p-2 rounded-lg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs text-blue-600 dark:text-blue-400 font-medium", children: "You can request another link in:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-blue-600 font-bold text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           Countdown2,
           {
             styles: { content: { fontSize: 12, color: "#3b82f6" } },
@@ -9151,8 +9290,8 @@ function ResetPasswordForm({
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("footer", { className: "flex justify-end mt-8 gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("footer", { className: "flex justify-end mt-8 gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         Button,
         {
           type: "button",
@@ -9162,7 +9301,7 @@ function ResetPasswordForm({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         Button,
         {
           isLoading,
@@ -9180,11 +9319,11 @@ var ResetPasswordForm_default = ResetPasswordForm;
 // src/components/users/Activate.tsx
 var import_antd12 = require("antd");
 var import_react40 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var ActivateUser = ({ data }) => {
   const [checked, setChecked] = (0, import_react40.useState)(data?.isActive);
   const { put, isLoading } = useApis_default();
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_antd12.Switch,
     {
       onChange: async (e) => {
@@ -9212,7 +9351,7 @@ var Activate_default = ActivateUser;
 
 // src/components/users/users.tsx
 var import_react_router_dom10 = require("react-router-dom");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function Users() {
   const navigate = (0, import_react_router_dom10.useNavigate)();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -9224,11 +9363,11 @@ function Users() {
   const items = (data2) => [
     {
       label: `Reset Password`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react21.Key, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react21.Key, { size: 16 }),
       onClick: () => openState({
         title: "Request Password Reset",
         type: "form",
-        content: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        content: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           ResetPasswordForm_default,
           {
             data: data2,
@@ -9241,11 +9380,11 @@ function Users() {
     },
     {
       label: `Update Email`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react21.Mail, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react21.Mail, { size: 16 }),
       onClick: () => openState({
         title: "Update Email Address",
         type: "form",
-        content: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        content: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           UpdateEmailForm_default,
           {
             data: data2,
@@ -9258,11 +9397,11 @@ function Users() {
     },
     data2?.emailVerification && {
       label: `Verify Email`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react21.ShieldCheck, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react21.ShieldCheck, {}),
       onClick: () => openState({
         title: "Verify Email",
         type: "form",
-        content: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        content: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           VerifyEmailForm_default,
           {
             data: data2,
@@ -9283,16 +9422,16 @@ function Users() {
           const data2 = row.original;
           const emailVerification = data2?.emailVerification;
           const newEmail = emailVerification?.email !== data2?.email ? emailVerification?.email : null;
-          return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("section", { className: "flex items-center gap-2", children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("section", { className: "flex items-center gap-2", children: [
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { children: data2?.email }),
-              data2?.isEmailVerified && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Badge, { variant: "success", size: "sm", children: "Verified" }),
-              !data2?.isEmailVerified && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Badge, { variant: "warning", size: "sm", children: "Not Verified" })
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { children: data2?.email }),
+              data2?.isEmailVerified && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Badge, { variant: "success", size: "sm", children: "Verified" }),
+              !data2?.isEmailVerified && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Badge, { variant: "warning", size: "sm", children: "Not Verified" })
             ] }),
-            newEmail && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("section", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react21.Info, { size: 16, className: "text-orange-600" }),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { children: newEmail })
+            newEmail && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("section", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react21.Info, { size: 16, className: "text-orange-600" }),
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { children: newEmail })
             ] })
           ] });
         }
@@ -9302,7 +9441,7 @@ function Users() {
         header: "Role",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             Badge,
             {
               variant: data2?.role === "admin" ? "primary" : "warning",
@@ -9317,7 +9456,7 @@ function Users() {
         header: "Employee Name",
         cell: ({ row }) => {
           const account = row.original?.account;
-          return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: account?.name || "N/A" });
+          return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: account?.name || "N/A" });
         }
       },
       {
@@ -9325,7 +9464,7 @@ function Users() {
         header: "Status",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Activate_default, { data: data2 });
+          return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Activate_default, { data: data2 });
         }
       },
       {
@@ -9333,13 +9472,13 @@ function Users() {
         header: "Actions",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             Dropdown,
             {
               className: "w-fit! cursor-pointer",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react21.EllipsisVertical, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react21.EllipsisVertical, {})
             }
           );
         }
@@ -9348,9 +9487,9 @@ function Users() {
     [items]
   );
   const users = data?.data || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -9371,7 +9510,7 @@ var users_default = Users;
 var import_react_hook_form13 = require("react-hook-form");
 var import_zod8 = require("@hookform/resolvers/zod");
 var import_antd13 = require("antd");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function UserForm() {
   const { navigate } = useApp_default();
   const { post, isLoading } = useApis_default();
@@ -9396,14 +9535,14 @@ function UserForm() {
       import_antd13.message.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Card, { className: "max-w-xl mx-auto mt-10 relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Card.Header, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Card.Title, { children: "Add User" }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Card.Description, { children: "Create a new user by providing their email and phone number." })
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Card, { className: "max-w-xl mx-auto mt-10 relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Card.Header, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Card.Title, { children: "Add User" }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Card.Description, { children: "Create a new user by providing their email and phone number." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           Fields_default.Input,
           {
             label: "Email",
@@ -9414,7 +9553,7 @@ function UserForm() {
             required: true
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           Fields_default.PhoneInput,
           {
             label: "Phone Number",
@@ -9423,7 +9562,7 @@ function UserForm() {
             placeholder: "Enter phone number"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           Fields_default.Select,
           {
             label: "Role",
@@ -9434,7 +9573,7 @@ function UserForm() {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("footer", { className: "flex justify-end mt-6", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("footer", { className: "flex justify-end mt-6", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         Button,
         {
           isLoading,
@@ -9457,7 +9596,7 @@ var import_react_hook_form14 = require("react-hook-form");
 var import_zod9 = require("@hookform/resolvers/zod");
 var z4 = __toESM(require("zod"));
 var import_antd14 = require("antd");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("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")
@@ -9523,14 +9662,14 @@ function ResetPasswordPage() {
     }
   };
   if (verifying) {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "h-screen w-full flex items-center justify-center bg-slate-50 dark:bg-[#0A0B10]", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_antd14.Spin, { size: "large" }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-slate-500 animate-pulse", children: "Verifying reset link..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "h-screen w-full flex items-center justify-center bg-slate-50 dark:bg-[#0A0B10]", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_antd14.Spin, { size: "large" }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-slate-500 animate-pulse", children: "Verifying reset link..." })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-[#0A0B10]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-slate-900 border-r border-slate-800", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-[#0A0B10]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-slate-900 border-r border-slate-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         "div",
         {
           className: "absolute inset-0 z-0 opacity-40 bg-cover bg-center",
@@ -9539,35 +9678,35 @@ function ResetPasswordPage() {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "absolute inset-0 bg-linear-to-tr from-[#0A0B10] via-transparent to-indigo-500/10 z-10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full h-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "h-10 w-10 bg-indigo-600 rounded-lg flex items-center justify-center shadow-indigo-500/20 shadow-xl", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react22.Terminal, { className: "text-white w-6 h-6" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-2xl font-bold text-white tracking-widest uppercase", children: "Warqad UI" })
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "absolute inset-0 bg-linear-to-tr from-[#0A0B10] via-transparent to-indigo-500/10 z-10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full h-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "h-10 w-10 bg-indigo-600 rounded-lg flex items-center justify-center shadow-indigo-500/20 shadow-xl", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react22.Terminal, { className: "text-white w-6 h-6" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-2xl font-bold text-white tracking-widest uppercase", children: "Warqad UI" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "max-w-md", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "max-w-md", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
             "Secure ",
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-indigo-400", children: "Access" }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-indigo-400", children: "Access" }),
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("br", {}),
             " ",
             "Simplified."
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-slate-400 text-lg leading-relaxed", children: "Reset your credentials securely and regain access to your dashboard in minutes." })
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-slate-400 text-lg leading-relaxed", children: "Reset your credentials securely and regain access to your dashboard in minutes." })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-slate-500 text-sm italic", children: "Trusted by developers worldwide." })
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "text-slate-500 text-sm italic", children: "Trusted by developers worldwide." })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("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__ */ (0, import_jsx_runtime57.jsx)("div", { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ThemeToggle, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "max-w-md w-full mx-auto", children: !isVerified || error ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "text-center space-y-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("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__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react22.ShieldCheck, { className: "text-red-600 dark:text-red-400 w-8 h-8" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-2", children: "Link Invalid" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-slate-500 dark:text-slate-400", children: error || "The reset link is invalid or has already been used." })
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("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__ */ (0, import_jsx_runtime62.jsx)("div", { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ThemeToggle, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "max-w-md w-full mx-auto", children: !isVerified || error ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "text-center space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("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__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react22.ShieldCheck, { className: "text-red-600 dark:text-red-400 w-8 h-8" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-2", children: "Link Invalid" }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-slate-500 dark:text-slate-400", children: error || "The reset link is invalid or has already been used." })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           Button,
           {
             onClick: () => navigate("/login"),
@@ -9575,22 +9714,22 @@ function ResetPasswordPage() {
             children: "Back to Login"
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "mb-10", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-3 tracking-tight", children: "Reset Password" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-slate-500 dark:text-slate-400", children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "mb-10", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-3 tracking-tight", children: "Reset Password" }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("p", { className: "text-slate-500 dark:text-slate-400", children: [
             "Set a new, strong password for",
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-indigo-600 font-medium", children: email })
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-indigo-600 font-medium", children: email })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
           "form",
           {
             onSubmit: methods.handleSubmit(onSubmit),
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                 Fields_default.Input,
                 {
                   form: methods,
@@ -9599,11 +9738,11 @@ function ResetPasswordPage() {
                   type: "password",
                   placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                   required: true,
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react22.Lock, { size: 18, className: "text-slate-400" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react22.Lock, { size: 18, className: "text-slate-400" }),
                   className: "bg-slate-50 dark:bg-slate-900/50 h-12"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                 Fields_default.Input,
                 {
                   form: methods,
@@ -9612,11 +9751,11 @@ function ResetPasswordPage() {
                   type: "password",
                   placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                   required: true,
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react22.ShieldCheck, { size: 18, className: "text-slate-400" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react22.ShieldCheck, { size: 18, className: "text-slate-400" }),
                   className: "bg-slate-50 dark:bg-slate-900/50 h-12"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
                 Button,
                 {
                   type: "submit",
@@ -9624,7 +9763,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__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react22.ArrowRight, { size: 18 })
+                    !isLoading && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react22.ArrowRight, { size: 18 })
                   ]
                 }
               )
@@ -9641,7 +9780,7 @@ var ResetPasswordPage_default = ResetPasswordPage;
 var import_lucide_react23 = require("lucide-react");
 var import_react_router_dom12 = require("react-router-dom");
 var import_antd15 = require("antd");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var UserProfile = ({
   items,
   name,
@@ -9674,21 +9813,21 @@ var UserProfile = ({
   const defaultItems = [
     {
       label: "My Profile",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react23.User, { size: 18 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react23.User, { size: 18 }),
       onClick: () => navigate("profile"),
       className: "min-w-[150px]"
     },
     {
       label: "Logout",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react23.LogOut, { size: 18 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react23.LogOut, { size: 18 }),
       onClick: logout,
       className: "text-red-500 hover:bg-red-50 dark:hover:bg-red-950/20"
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-3", children: [
-    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ThemeToggle, {}),
-    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center gap-3", children: [
+    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ThemeToggle, {}),
+    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       ProfileDropdown,
       {
         name: name || account?.name || "User",
@@ -9706,12 +9845,12 @@ var UserProfile_default = UserProfile;
 // src/components/users/ProfilePage.tsx
 var import_react_router_dom13 = require("react-router-dom");
 var import_lucide_react24 = require("lucide-react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var ProfilePage = () => {
   const navigate = (0, import_react_router_dom13.useNavigate)();
   const { user, account } = useAuth();
   if (!user) {
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h1", { children: "Please login to view your profile" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h1", { children: "Please login to view your profile" }) });
   }
   const extraInfo = [
     {
@@ -9730,19 +9869,19 @@ var ProfilePage = () => {
       copiable: false
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "p-4 sm:p-8 space-y-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "max-w-5xl mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "p-4 sm:p-8 space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "max-w-5xl mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       Button,
       {
         variant: "outline",
         size: "sm",
         onClick: () => navigate(-1),
-        icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react24.ArrowLeft, { size: 16 }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react24.ArrowLeft, { size: 16 }),
         className: "rounded-full font-bold px-5",
         children: "Back"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       ProfileView,
       {
         name: account?.name || "User Account",
@@ -9762,7 +9901,7 @@ var import_react_router_dom14 = require("react-router-dom");
 var import_lucide_react25 = require("lucide-react");
 var import_react43 = require("react");
 var import_antd16 = require("antd");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function Wallets({ v, url }) {
   const { branchId } = (0, import_react_router_dom14.useParams)();
   const [deleteWallet, setDeleteWallet] = (0, import_react43.useState)(null);
@@ -9777,12 +9916,12 @@ function Wallets({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit Wallet`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react25.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react25.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Wallet`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react25.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react25.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteWallet(data2)
     }
   ].filter(Boolean);
@@ -9792,7 +9931,7 @@ function Wallets({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: wallet?.name });
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: wallet?.name });
       }
     },
     {
@@ -9800,7 +9939,7 @@ function Wallets({ v, url }) {
       header: "Type",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "capitalize", children: wallet?.type });
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "capitalize", children: wallet?.type });
       }
     },
     {
@@ -9808,7 +9947,7 @@ function Wallets({ v, url }) {
       header: "Currency",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: wallet?.currency });
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: wallet?.currency });
       }
     },
     {
@@ -9816,7 +9955,7 @@ function Wallets({ v, url }) {
       header: "Account No",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: wallet?.accountNo || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: wallet?.accountNo || "N/A" });
       }
     },
     {
@@ -9824,13 +9963,13 @@ function Wallets({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react25.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react25.EllipsisVertical, {})
           }
         );
       }
@@ -9848,9 +9987,9 @@ function Wallets({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       ConfirmModal,
       {
         isOpen: !!deleteWallet,
@@ -9863,7 +10002,7 @@ function Wallets({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -9897,8 +10036,9 @@ var import_zod11 = require("@hookform/resolvers/zod");
 var import_antd17 = require("antd");
 var import_react44 = require("react");
 var import_react_router_dom15 = require("react-router-dom");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime66 = 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");
@@ -9958,24 +10098,24 @@ function WalletForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Wallet` }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Card.Description, { children: isEdit ? `Update the details for this wallet` : `Create a new wallet and add it to your list` })
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Wallet` }),
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Card.Description, { children: isEdit ? `Update the details for this wallet` : `Create a new wallet and add it to your list` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -9986,33 +10126,27 @@ function WalletForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                   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__ */ (0, import_jsx_runtime61.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                   Fields_default.Select,
                   {
                     label: "Currency",
                     form: methods,
                     name: "currency",
                     required: true,
-                    options: Enums_default.currencies.map((currency) => ({
-                      value: currency,
-                      label: currency
-                    }))
+                    enumName: "currencies"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                   Fields_default.Input,
                   {
                     label: "Account Number",
@@ -10022,7 +10156,7 @@ function WalletForm() {
                     placeholder: "Enter account number (optional)"
                   }
                 ),
-                !branchId && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                !branchId && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                   Feilds_default.Branches,
                   {
                     label: "Branch",
@@ -10033,7 +10167,7 @@ function WalletForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                 Button,
                 {
                   isLoading,
@@ -10055,7 +10189,7 @@ var WalletForm_default = WalletForm;
 
 // src/components/wallets/Feilds/Wallet.tsx
 var import_react_router_dom16 = require("react-router-dom");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function Wallet({
   name,
   label,
@@ -10075,8 +10209,8 @@ function Wallet({
     showBalance,
     accountId: walletId
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       Fields_default.SearchApi,
       {
         name,
@@ -10093,7 +10227,7 @@ function Wallet({
         disabled
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(BalanceView, {})
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(BalanceView, {})
   ] });
 }
 var Wallet_default = Wallet;
@@ -10103,111 +10237,6 @@ var WalletField = {
   Wallet: Wallet_default
 };
 var Feilds_default2 = WalletField;
-
-// src/components/ErrorPage/ErrorPage.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var ErrorPageBase = ({
-  title,
-  message: message16,
-  statusCode,
-  action,
-  className = ""
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-    "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__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
-        statusCode && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "relative z-10 space-y-6", children: [
-          statusCode && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
-            "Error ",
-            statusCode
-          ] }),
-          title && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
-          message16 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message16 }),
-          action && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "pt-8", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-            "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
-var import_jsx_runtime64 = require("react/jsx-runtime");
-var ErrorPage500 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-    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
-var import_jsx_runtime65 = require("react/jsx-runtime");
-var ErrorPage404 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-    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
-var import_jsx_runtime66 = require("react/jsx-runtime");
-var ErrorPage401 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-    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
-var import_jsx_runtime67 = require("react/jsx-runtime");
-var ErrorPage400 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-    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
-});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AccountFields,