warqadui 0.0.90 → 0.0.91

package/dist/index.mjs

@@ -8080,126 +8080,19 @@ var AdminProtectedRoute = () => {
 };
 
 // src/components/accounts/Accounts.tsx
-import { useNavigate as useNavigate4, useParams } from "react-router-dom";
+import { Navigate as Navigate2, useNavigate as useNavigate4, useParams } from "react-router-dom";
 import { Cable, EllipsisVertical, FilePenLine, Trash2 as Trash22 } from "lucide-react";
 import { useState as useState26 } from "react";
 import { message as message4 } from "antd";
-
-// 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];
+import { Fragment as Fragment9, jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
 function Accounts({ v, url }) {
   const { enums } = useWarqadConfig();
   const { branchId } = useParams();
   const navigate = useNavigate4();
   const { type } = useParams();
   if (!enums.accountTypes.includes(type)) {
-    return /* @__PURE__ */ jsx48(ErrorPage5002, { title: `${type} page not found` });
+    message4.error("Invalid account type");
+    return /* @__PURE__ */ jsx43(Navigate2, { to: "/accounts", replace: true });
   }
   const [deleteAccount, setDeleteAccount] = useState26(null);
   const { isLoading, remove } = useApis_default();
@@ -8213,17 +8106,17 @@ function Accounts({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ jsx48(FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ jsx43(FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ jsx48(Trash22, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx43(Trash22, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     },
     isEmployee && !data2?.user && {
       label: `Link User`,
-      icon: /* @__PURE__ */ jsx48(Cable, { size: 16 }),
+      icon: /* @__PURE__ */ jsx43(Cable, { size: 16 }),
       onClick: () => navigate(`link-user?id=${data2?._id}`)
     }
   ].filter(Boolean);
@@ -8233,7 +8126,7 @@ function Accounts({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx48("span", { children: account?.name });
+        return /* @__PURE__ */ jsx43("span", { children: account?.name });
       }
     },
     {
@@ -8241,7 +8134,7 @@ function Accounts({ v, url }) {
       header: "Sex",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx48("span", { children: account?.sex });
+        return /* @__PURE__ */ jsx43("span", { children: account?.sex });
       }
     },
     {
@@ -8249,7 +8142,7 @@ function Accounts({ v, url }) {
       header: "Email",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx48("span", { children: account?.email || "N/A" });
+        return /* @__PURE__ */ jsx43("span", { children: account?.email || "N/A" });
       }
     },
     {
@@ -8257,7 +8150,7 @@ function Accounts({ v, url }) {
       header: "Phone",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx48("span", { children: account?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ jsx43("span", { children: account?.phoneNumber || "N/A" });
       }
     },
     isEmployee && {
@@ -8265,7 +8158,7 @@ function Accounts({ v, url }) {
       header: "User",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx48(Badge, { variant: account?.user ? "success" : "danger", size: "sm", children: account?.user ? "Linked" : "Not Linked" });
+        return /* @__PURE__ */ jsx43(Badge, { variant: account?.user ? "success" : "danger", size: "sm", children: account?.user ? "Linked" : "Not Linked" });
       }
     },
     {
@@ -8273,13 +8166,13 @@ function Accounts({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx48(
+        return /* @__PURE__ */ jsx43(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx48(EllipsisVertical, {})
+            children: /* @__PURE__ */ jsx43(EllipsisVertical, {})
           }
         );
       }
@@ -8297,9 +8190,9 @@ function Accounts({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ jsxs34(Fragment9, { children: [
-    /* @__PURE__ */ jsx48(Modal2, {}),
-    /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsxs33(Fragment9, { children: [
+    /* @__PURE__ */ jsx43(Modal2, {}),
+    /* @__PURE__ */ jsx43(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -8312,7 +8205,7 @@ function Accounts({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsx48(
+    /* @__PURE__ */ jsx43(
       TransactionViewComponent,
       {
         columns,
@@ -8405,7 +8298,7 @@ var Formats_default = Formats;
 
 // src/hooks/useAccountBalance.tsx
 import { useEffect as useEffect19, useState as useState27 } from "react";
-import { jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
 var useAccountbalance = ({
   url,
   showBalance,
@@ -8439,15 +8332,15 @@ var useAccountbalance = ({
       return null;
     }
     if (isLoading) {
-      return /* @__PURE__ */ jsx49("h2", { className: "text-gray-500", children: "Getting Balance..." });
+      return /* @__PURE__ */ jsx44("h2", { className: "text-gray-500", children: "Getting Balance..." });
     }
     if (error) {
-      return /* @__PURE__ */ jsxs35("h2", { className: "text-red-500", children: [
+      return /* @__PURE__ */ jsxs34("h2", { className: "text-red-500", children: [
         "Error: ",
         error
       ] });
     }
-    return /* @__PURE__ */ jsxs35(
+    return /* @__PURE__ */ jsxs34(
       "h2",
       {
         className: `${balance.startsWith("-") ? "text-red-500" : "text-green-500"}`,
@@ -8464,7 +8357,7 @@ var useAccountBalance_default = useAccountbalance;
 
 // src/components/accounts/Feilds/Account.tsx
 import { useParams as useParams3 } from "react-router-dom";
-import { jsx as jsx50, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
 function Account({
   name,
   label,
@@ -8484,8 +8377,8 @@ function Account({
     showBalance,
     accountId
   });
-  return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx45(
       Fields_default.SearchApi,
       {
         name,
@@ -8502,13 +8395,13 @@ function Account({
         disabled
       }
     ),
-    /* @__PURE__ */ jsx50(BalanceView, {})
+    /* @__PURE__ */ jsx45(BalanceView, {})
   ] });
 }
 var Account_default = Account;
 
 // src/components/accounts/Feilds/Customers.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function Customer({
   name = "customer",
   label = "Customer",
@@ -8521,7 +8414,7 @@ function Customer({
   disabled,
   v
 }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx46(
     Account_default,
     {
       name,
@@ -8540,7 +8433,7 @@ function Customer({
 var Customers_default = Customer;
 
 // src/components/accounts/Feilds/Employee.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function Employee({
   name = "employee",
   label = "Employee",
@@ -8553,7 +8446,7 @@ function Employee({
   disabled,
   v
 }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx47(
     Account_default,
     {
       name,
@@ -8572,7 +8465,7 @@ function Employee({
 var Employee_default = Employee;
 
 // src/components/accounts/Feilds/Branches.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function Branches({
   name = "branch",
   label = "Branch",
@@ -8585,7 +8478,7 @@ function Branches({
   v,
   disabled
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx48(
     Account_default,
     {
       name,
@@ -8613,9 +8506,8 @@ var AccountFields = {
 var Feilds_default = AccountFields;
 
 // src/components/accounts/AccountForm.tsx
-import { useParams as useParams4 } from "react-router-dom";
-import { jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
-var ErrorPage5003 = ErrorPage[500];
+import { Navigate as Navigate3, useParams as useParams4 } from "react-router-dom";
+import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
 function AccountForm() {
   const { enums } = useWarqadConfig();
   const { branchId } = useParams4();
@@ -8624,7 +8516,8 @@ function AccountForm() {
   const type = getParams("type");
   const isEdit = !!id;
   if (!enums.accountTypes.includes(type)) {
-    return /* @__PURE__ */ jsx54(ErrorPage5003, { title: `${type} page not found` });
+    message5.error("Invalid account type");
+    return /* @__PURE__ */ jsx49(Navigate3, { to: "/accounts", replace: true });
   }
   const { post, put, isLoading } = useApis_default();
   const { isLoading: isLoadingGet, get } = useApis_default();
@@ -8679,24 +8572,24 @@ function AccountForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs36(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__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__ */ 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__ */ jsx54(Card.Content, { children: /* @__PURE__ */ jsxs37(
+        /* @__PURE__ */ jsx49(Card.Content, { children: /* @__PURE__ */ jsxs36(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs37("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx54(
+              /* @__PURE__ */ jsxs36("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx49(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -8707,7 +8600,7 @@ function AccountForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx54(
+                /* @__PURE__ */ jsx49(
                   Fields_default.Select,
                   {
                     label: "Sex",
@@ -8716,7 +8609,7 @@ function AccountForm() {
                     enumName: "sex"
                   }
                 ),
-                /* @__PURE__ */ jsx54(
+                /* @__PURE__ */ jsx49(
                   Fields_default.Input,
                   {
                     label: "Email",
@@ -8726,7 +8619,7 @@ function AccountForm() {
                     placeholder: "e.g maoo@exapmle.com"
                   }
                 ),
-                /* @__PURE__ */ jsx54(
+                /* @__PURE__ */ jsx49(
                   Fields_default.PhoneInput,
                   {
                     label: "Phone Number",
@@ -8735,7 +8628,7 @@ function AccountForm() {
                     placeholder: "Enter phone number"
                   }
                 ),
-                !branchId && /* @__PURE__ */ jsx54(
+                !branchId && /* @__PURE__ */ jsx49(
                   Feilds_default.Branches,
                   {
                     label: "Branch",
@@ -8746,7 +8639,7 @@ function AccountForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx54("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx54(
+              /* @__PURE__ */ jsx49("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx49(
                 Button,
                 {
                   isLoading,
@@ -8805,7 +8698,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 jsx55, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
 function LinkUser({ type: initialType = "employee" }) {
   const { getQuery, navigate, getParams } = useApp_default();
   const id = getQuery("id");
@@ -8861,26 +8754,26 @@ function LinkUser({ type: initialType = "employee" }) {
       navigate(-1);
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs37(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__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__ */ 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__ */ jsx55(Card.Content, { children: /* @__PURE__ */ jsxs38(
+        /* @__PURE__ */ jsx50(Card.Content, { children: /* @__PURE__ */ jsxs37(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             className: "space-y-4",
             children: [
-              /* @__PURE__ */ jsxs38("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxs37("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
                 " ",
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx50(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -8891,7 +8784,7 @@ function LinkUser({ type: initialType = "employee" }) {
                     disabled: true
                   }
                 ),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx50(
                   Fields_default.Input,
                   {
                     label: "Email",
@@ -8902,7 +8795,7 @@ function LinkUser({ type: initialType = "employee" }) {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx50(
                   Fields_default.Select,
                   {
                     label: "Role",
@@ -8913,7 +8806,7 @@ function LinkUser({ type: initialType = "employee" }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx55("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx50("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx50(
                 Button,
                 {
                   isLoading,
@@ -8942,7 +8835,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 jsx56, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
 var { Countdown } = Statistic;
 function VerifyEmailForm({
   data,
@@ -9010,9 +8903,9 @@ function VerifyEmailForm({
       message7.error(error?.message || "Something went wrong");
     }
   };
-  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(
+  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(
         Fields_default.Input,
         {
           label: "Current Email",
@@ -9022,7 +8915,7 @@ function VerifyEmailForm({
           disabled: true
         }
       ) }),
-      /* @__PURE__ */ jsx56(
+      /* @__PURE__ */ jsx51(
         Fields_default.Input,
         {
           label: "New Email",
@@ -9033,7 +8926,7 @@ function VerifyEmailForm({
           disabled: true
         }
       ),
-      /* @__PURE__ */ jsx56(
+      /* @__PURE__ */ jsx51(
         Fields_default.Input,
         {
           label: "Token",
@@ -9044,19 +8937,19 @@ function VerifyEmailForm({
         }
       )
     ] }),
-    /* @__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: [
+    /* @__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: [
         "Didn't receive a verification token or expired?",
         " "
       ] }),
-      hasPassed || !threeMinutesLater ? /* @__PURE__ */ jsx56(
+      hasPassed || !threeMinutesLater ? /* @__PURE__ */ jsx51(
         "span",
         {
           onClick: resend,
           className: "text-blue-600 cursor-pointer underline text-sm",
           children: "Resend"
         }
-      ) : /* @__PURE__ */ jsx56("span", { className: "text-blue-600 cursor-pointer underline text-sm", children: /* @__PURE__ */ jsx56(
+      ) : /* @__PURE__ */ jsx51("span", { className: "text-blue-600 cursor-pointer underline text-sm", children: /* @__PURE__ */ jsx51(
         Countdown,
         {
           styles: { content: { fontSize: 14, color: "#3b82f6" } },
@@ -9066,7 +8959,7 @@ function VerifyEmailForm({
         threeMinutesLater
       ) })
     ] }),
-    /* @__PURE__ */ jsx56("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx51("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx51(
       Button,
       {
         isLoading,
@@ -9084,7 +8977,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 jsx57, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs39 } from "react/jsx-runtime";
 function UpdateEmailForm({
   data,
   close,
@@ -9117,9 +9010,9 @@ function UpdateEmailForm({
       message8.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ jsxs40("form", { onSubmit: handleSubmit(onSubmit), children: [
-    /* @__PURE__ */ jsxs40("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs39("form", { onSubmit: handleSubmit(onSubmit), children: [
+    /* @__PURE__ */ jsxs39("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx52(
         Fields_default.Input,
         {
           label: "Current Email",
@@ -9128,7 +9021,7 @@ function UpdateEmailForm({
           disabled: true
         }
       ),
-      /* @__PURE__ */ jsx57(
+      /* @__PURE__ */ jsx52(
         Fields_default.Input,
         {
           label: "New Email Address",
@@ -9139,10 +9032,10 @@ function UpdateEmailForm({
           required: true
         }
       ),
-      /* @__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__ */ 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__ */ jsxs40("footer", { className: "flex justify-end mt-6 gap-3", children: [
-      /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsxs39("footer", { className: "flex justify-end mt-6 gap-3", children: [
+      /* @__PURE__ */ jsx52(
         Button,
         {
           type: "button",
@@ -9152,7 +9045,7 @@ function UpdateEmailForm({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ jsx57(
+      /* @__PURE__ */ jsx52(
         Button,
         {
           isLoading,
@@ -9171,7 +9064,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 jsx58, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs40 } from "react/jsx-runtime";
 var { Countdown: Countdown2 } = Statistic2;
 function ResetPasswordForm({
   data,
@@ -9226,9 +9119,9 @@ function ResetPasswordForm({
       message9.error(error?.message || "Something went wrong");
     }
   };
-  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(
+  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(
         Fields_default.Input,
         {
           label: "Target Email",
@@ -9237,10 +9130,10 @@ function ResetPasswordForm({
           disabled: true
         }
       ) }),
-      /* @__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(
+      /* @__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(
           Countdown2,
           {
             styles: { content: { fontSize: 12, color: "#3b82f6" } },
@@ -9251,8 +9144,8 @@ function ResetPasswordForm({
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs41("footer", { className: "flex justify-end mt-8 gap-3", children: [
-      /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsxs40("footer", { className: "flex justify-end mt-8 gap-3", children: [
+      /* @__PURE__ */ jsx53(
         Button,
         {
           type: "button",
@@ -9262,7 +9155,7 @@ function ResetPasswordForm({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx53(
         Button,
         {
           isLoading,
@@ -9280,11 +9173,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 jsx59 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx54 } from "react/jsx-runtime";
 var ActivateUser = ({ data }) => {
   const [checked, setChecked] = useState30(data?.isActive);
   const { put, isLoading } = useApis_default();
-  return /* @__PURE__ */ jsx59(Fragment10, { children: /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx54(Fragment10, { children: /* @__PURE__ */ jsx54(
     Switch,
     {
       onChange: async (e) => {
@@ -9312,7 +9205,7 @@ var Activate_default = ActivateUser;
 
 // src/components/users/users.tsx
 import { useNavigate as useNavigate6 } from "react-router-dom";
-import { Fragment as Fragment11, jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx55, jsxs as jsxs41 } from "react/jsx-runtime";
 function Users() {
   const navigate = useNavigate6();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -9324,11 +9217,11 @@ function Users() {
   const items = (data2) => [
     {
       label: `Reset Password`,
-      icon: /* @__PURE__ */ jsx60(Key, { size: 16 }),
+      icon: /* @__PURE__ */ jsx55(Key, { size: 16 }),
       onClick: () => openState({
         title: "Request Password Reset",
         type: "form",
-        content: /* @__PURE__ */ jsx60(
+        content: /* @__PURE__ */ jsx55(
           ResetPasswordForm_default,
           {
             data: data2,
@@ -9341,11 +9234,11 @@ function Users() {
     },
     {
       label: `Update Email`,
-      icon: /* @__PURE__ */ jsx60(Mail2, { size: 16 }),
+      icon: /* @__PURE__ */ jsx55(Mail2, { size: 16 }),
       onClick: () => openState({
         title: "Update Email Address",
         type: "form",
-        content: /* @__PURE__ */ jsx60(
+        content: /* @__PURE__ */ jsx55(
           UpdateEmailForm_default,
           {
             data: data2,
@@ -9358,11 +9251,11 @@ function Users() {
     },
     data2?.emailVerification && {
       label: `Verify Email`,
-      icon: /* @__PURE__ */ jsx60(ShieldCheck, {}),
+      icon: /* @__PURE__ */ jsx55(ShieldCheck, {}),
       onClick: () => openState({
         title: "Verify Email",
         type: "form",
-        content: /* @__PURE__ */ jsx60(
+        content: /* @__PURE__ */ jsx55(
           VerifyEmailForm_default,
           {
             data: data2,
@@ -9383,16 +9276,16 @@ function Users() {
           const data2 = row.original;
           const emailVerification = data2?.emailVerification;
           const newEmail = emailVerification?.email !== data2?.email ? emailVerification?.email : null;
-          return /* @__PURE__ */ jsxs42("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsxs42("section", { className: "flex items-center gap-2", children: [
+          return /* @__PURE__ */ jsxs41("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs41("section", { className: "flex items-center gap-2", children: [
               " ",
-              /* @__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" })
+              /* @__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" })
             ] }),
-            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 })
+            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 })
             ] })
           ] });
         }
@@ -9402,7 +9295,7 @@ function Users() {
         header: "Role",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ jsx60(
+          return /* @__PURE__ */ jsx55(
             Badge,
             {
               variant: data2?.role === "admin" ? "primary" : "warning",
@@ -9417,7 +9310,7 @@ function Users() {
         header: "Employee Name",
         cell: ({ row }) => {
           const account = row.original?.account;
-          return /* @__PURE__ */ jsx60("span", { children: account?.name || "N/A" });
+          return /* @__PURE__ */ jsx55("span", { children: account?.name || "N/A" });
         }
       },
       {
@@ -9425,7 +9318,7 @@ function Users() {
         header: "Status",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ jsx60(Activate_default, { data: data2 });
+          return /* @__PURE__ */ jsx55(Activate_default, { data: data2 });
         }
       },
       {
@@ -9433,13 +9326,13 @@ function Users() {
         header: "Actions",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ jsx60(
+          return /* @__PURE__ */ jsx55(
             Dropdown,
             {
               className: "w-fit! cursor-pointer",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ jsx60(EllipsisVertical2, {})
+              children: /* @__PURE__ */ jsx55(EllipsisVertical2, {})
             }
           );
         }
@@ -9448,9 +9341,9 @@ function Users() {
     [items]
   );
   const users = data?.data || [];
-  return /* @__PURE__ */ jsxs42(Fragment11, { children: [
-    /* @__PURE__ */ jsx60(Modal2, {}),
-    /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsxs41(Fragment11, { children: [
+    /* @__PURE__ */ jsx55(Modal2, {}),
+    /* @__PURE__ */ jsx55(
       TransactionViewComponent,
       {
         columns,
@@ -9471,7 +9364,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 jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs42 } from "react/jsx-runtime";
 function UserForm() {
   const { navigate } = useApp_default();
   const { post, isLoading } = useApis_default();
@@ -9496,14 +9389,14 @@ function UserForm() {
       message11.error(error?.message || "Something went wrong");
     }
   };
-  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." })
+  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." })
     ] }),
-    /* @__PURE__ */ jsx61(Card.Content, { children: /* @__PURE__ */ jsxs43("form", { onSubmit: handleSubmit(onSubmit), children: [
-      /* @__PURE__ */ jsxs43("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx61(
+    /* @__PURE__ */ jsx56(Card.Content, { children: /* @__PURE__ */ jsxs42("form", { onSubmit: handleSubmit(onSubmit), children: [
+      /* @__PURE__ */ jsxs42("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx56(
           Fields_default.Input,
           {
             label: "Email",
@@ -9514,7 +9407,7 @@ function UserForm() {
             required: true
           }
         ),
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx56(
           Fields_default.PhoneInput,
           {
             label: "Phone Number",
@@ -9523,7 +9416,7 @@ function UserForm() {
             placeholder: "Enter phone number"
           }
         ),
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx56(
           Fields_default.Select,
           {
             label: "Role",
@@ -9534,7 +9427,7 @@ function UserForm() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx61("footer", { className: "flex justify-end mt-6", children: /* @__PURE__ */ jsx61(
+      /* @__PURE__ */ jsx56("footer", { className: "flex justify-end mt-6", children: /* @__PURE__ */ jsx56(
         Button,
         {
           isLoading,
@@ -9557,7 +9450,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 jsx62, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx57, jsxs as jsxs43 } 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")
@@ -9623,14 +9516,14 @@ function ResetPasswordPage() {
     }
   };
   if (verifying) {
-    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__ */ 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__ */ 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(
+  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(
         "div",
         {
           className: "absolute inset-0 z-0 opacity-40 bg-cover bg-center",
@@ -9639,35 +9532,35 @@ function ResetPasswordPage() {
           }
         }
       ),
-      /* @__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__ */ 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__ */ jsxs44("div", { className: "max-w-md", children: [
-          /* @__PURE__ */ jsxs44("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
+        /* @__PURE__ */ jsxs43("div", { className: "max-w-md", children: [
+          /* @__PURE__ */ jsxs43("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
             "Secure ",
-            /* @__PURE__ */ jsx62("span", { className: "text-indigo-400", children: "Access" }),
+            /* @__PURE__ */ jsx57("span", { className: "text-indigo-400", children: "Access" }),
             " ",
-            /* @__PURE__ */ jsx62("br", {}),
+            /* @__PURE__ */ jsx57("br", {}),
             " ",
             "Simplified."
           ] }),
-          /* @__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("p", { className: "text-slate-400 text-lg leading-relaxed", children: "Reset your credentials securely and regain access to your dashboard in minutes." })
         ] }),
-        /* @__PURE__ */ jsx62("div", { className: "text-slate-500 text-sm italic", children: "Trusted by developers worldwide." })
+        /* @__PURE__ */ jsx57("div", { className: "text-slate-500 text-sm italic", children: "Trusted by developers worldwide." })
       ] })
     ] }),
-    /* @__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__ */ 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__ */ jsx62(
+        /* @__PURE__ */ jsx57(
           Button,
           {
             onClick: () => navigate("/login"),
@@ -9675,22 +9568,22 @@ function ResetPasswordPage() {
             children: "Back to Login"
           }
         )
-      ] }) : /* @__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: [
+      ] }) : /* @__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: [
             "Set a new, strong password for",
             " ",
-            /* @__PURE__ */ jsx62("span", { className: "text-indigo-600 font-medium", children: email })
+            /* @__PURE__ */ jsx57("span", { className: "text-indigo-600 font-medium", children: email })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs44(
+        /* @__PURE__ */ jsxs43(
           "form",
           {
             onSubmit: methods.handleSubmit(onSubmit),
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ jsx62(
+              /* @__PURE__ */ jsx57(
                 Fields_default.Input,
                 {
                   form: methods,
@@ -9699,11 +9592,11 @@ function ResetPasswordPage() {
                   type: "password",
                   placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                   required: true,
-                  icon: /* @__PURE__ */ jsx62(Lock2, { size: 18, className: "text-slate-400" }),
+                  icon: /* @__PURE__ */ jsx57(Lock2, { size: 18, className: "text-slate-400" }),
                   className: "bg-slate-50 dark:bg-slate-900/50 h-12"
                 }
               ),
-              /* @__PURE__ */ jsx62(
+              /* @__PURE__ */ jsx57(
                 Fields_default.Input,
                 {
                   form: methods,
@@ -9712,11 +9605,11 @@ function ResetPasswordPage() {
                   type: "password",
                   placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                   required: true,
-                  icon: /* @__PURE__ */ jsx62(ShieldCheck2, { size: 18, className: "text-slate-400" }),
+                  icon: /* @__PURE__ */ jsx57(ShieldCheck2, { size: 18, className: "text-slate-400" }),
                   className: "bg-slate-50 dark:bg-slate-900/50 h-12"
                 }
               ),
-              /* @__PURE__ */ jsxs44(
+              /* @__PURE__ */ jsxs43(
                 Button,
                 {
                   type: "submit",
@@ -9724,7 +9617,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__ */ jsx62(ArrowRight2, { size: 18 })
+                    !isLoading && /* @__PURE__ */ jsx57(ArrowRight2, { size: 18 })
                   ]
                 }
               )
@@ -9741,7 +9634,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 jsx63, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs44 } from "react/jsx-runtime";
 var UserProfile = ({
   items,
   name,
@@ -9774,21 +9667,21 @@ var UserProfile = ({
   const defaultItems = [
     {
       label: "My Profile",
-      icon: /* @__PURE__ */ jsx63(User2, { size: 18 }),
+      icon: /* @__PURE__ */ jsx58(User2, { size: 18 }),
       onClick: () => navigate("profile"),
       className: "min-w-[150px]"
     },
     {
       label: "Logout",
-      icon: /* @__PURE__ */ jsx63(LogOut, { size: 18 }),
+      icon: /* @__PURE__ */ jsx58(LogOut, { size: 18 }),
       onClick: logout,
       className: "text-red-500 hover:bg-red-50 dark:hover:bg-red-950/20"
     }
   ];
-  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(
+  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(
       ProfileDropdown,
       {
         name: name || account?.name || "User",
@@ -9806,12 +9699,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 jsx64, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs45 } from "react/jsx-runtime";
 var ProfilePage = () => {
   const navigate = useNavigate9();
   const { user, account } = useAuth();
   if (!user) {
-    return /* @__PURE__ */ jsx64("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx64("h1", { children: "Please login to view your profile" }) });
+    return /* @__PURE__ */ jsx59("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx59("h1", { children: "Please login to view your profile" }) });
   }
   const extraInfo = [
     {
@@ -9830,19 +9723,19 @@ var ProfilePage = () => {
       copiable: false
     }
   ];
-  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(
+  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(
       Button,
       {
         variant: "outline",
         size: "sm",
         onClick: () => navigate(-1),
-        icon: /* @__PURE__ */ jsx64(ArrowLeft3, { size: 16 }),
+        icon: /* @__PURE__ */ jsx59(ArrowLeft3, { size: 16 }),
         className: "rounded-full font-bold px-5",
         children: "Back"
       }
     ) }),
-    /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx59(
       ProfileView,
       {
         name: account?.name || "User Account",
@@ -9862,7 +9755,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 jsx65, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx60, jsxs as jsxs46 } from "react/jsx-runtime";
 function Wallets({ v, url }) {
   const { branchId } = useParams6();
   const [deleteWallet, setDeleteWallet] = useState32(null);
@@ -9877,12 +9770,12 @@ function Wallets({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit Wallet`,
-      icon: /* @__PURE__ */ jsx65(FilePenLine2, { size: 16 }),
+      icon: /* @__PURE__ */ jsx60(FilePenLine2, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Wallet`,
-      icon: /* @__PURE__ */ jsx65(Trash23, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx60(Trash23, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteWallet(data2)
     }
   ].filter(Boolean);
@@ -9892,7 +9785,7 @@ function Wallets({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ jsx65("span", { children: wallet?.name });
+        return /* @__PURE__ */ jsx60("span", { children: wallet?.name });
       }
     },
     {
@@ -9900,7 +9793,7 @@ function Wallets({ v, url }) {
       header: "Type",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ jsx65("span", { className: "capitalize", children: wallet?.type });
+        return /* @__PURE__ */ jsx60("span", { className: "capitalize", children: wallet?.type });
       }
     },
     {
@@ -9908,7 +9801,7 @@ function Wallets({ v, url }) {
       header: "Currency",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ jsx65("span", { children: wallet?.currency });
+        return /* @__PURE__ */ jsx60("span", { children: wallet?.currency });
       }
     },
     {
@@ -9916,7 +9809,7 @@ function Wallets({ v, url }) {
       header: "Account No",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ jsx65("span", { children: wallet?.accountNo || "N/A" });
+        return /* @__PURE__ */ jsx60("span", { children: wallet?.accountNo || "N/A" });
       }
     },
     {
@@ -9924,13 +9817,13 @@ function Wallets({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx65(
+        return /* @__PURE__ */ jsx60(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx65(EllipsisVertical3, {})
+            children: /* @__PURE__ */ jsx60(EllipsisVertical3, {})
           }
         );
       }
@@ -9948,9 +9841,9 @@ function Wallets({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ jsxs47(Fragment13, { children: [
-    /* @__PURE__ */ jsx65(Modal2, {}),
-    /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsxs46(Fragment13, { children: [
+    /* @__PURE__ */ jsx60(Modal2, {}),
+    /* @__PURE__ */ jsx60(
       ConfirmModal,
       {
         isOpen: !!deleteWallet,
@@ -9963,7 +9856,7 @@ function Wallets({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsx60(
       TransactionViewComponent,
       {
         columns,
@@ -9997,7 +9890,7 @@ 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 jsx66, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs47 } from "react/jsx-runtime";
 function WalletForm() {
   const { enums } = useWarqadConfig();
   const { branchId } = useParams7();
@@ -10059,24 +9952,24 @@ function WalletForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs47(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__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__ */ 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__ */ jsx66(Card.Content, { children: /* @__PURE__ */ jsxs48(
+        /* @__PURE__ */ jsx61(Card.Content, { children: /* @__PURE__ */ jsxs47(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs48("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx66(
+              /* @__PURE__ */ jsxs47("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx61(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -10087,7 +9980,7 @@ function WalletForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx66(
+                /* @__PURE__ */ jsx61(
                   Fields_default.Select,
                   {
                     label: "Wallet Type",
@@ -10097,7 +9990,7 @@ function WalletForm() {
                     enumName: "walletTypes"
                   }
                 ),
-                /* @__PURE__ */ jsx66(
+                /* @__PURE__ */ jsx61(
                   Fields_default.Select,
                   {
                     label: "Currency",
@@ -10107,7 +10000,7 @@ function WalletForm() {
                     enumName: "currencies"
                   }
                 ),
-                /* @__PURE__ */ jsx66(
+                /* @__PURE__ */ jsx61(
                   Fields_default.Input,
                   {
                     label: "Account Number",
@@ -10117,7 +10010,7 @@ function WalletForm() {
                     placeholder: "Enter account number (optional)"
                   }
                 ),
-                !branchId && /* @__PURE__ */ jsx66(
+                !branchId && /* @__PURE__ */ jsx61(
                   Feilds_default.Branches,
                   {
                     label: "Branch",
@@ -10128,7 +10021,7 @@ function WalletForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx66("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx66(
+              /* @__PURE__ */ jsx61("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx61(
                 Button,
                 {
                   isLoading,
@@ -10150,7 +10043,7 @@ var WalletForm_default = WalletForm;
 
 // src/components/wallets/Feilds/Wallet.tsx
 import { useParams as useParams8 } from "react-router-dom";
-import { jsx as jsx67, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs48 } from "react/jsx-runtime";
 function Wallet({
   name,
   label,
@@ -10170,8 +10063,8 @@ function Wallet({
     showBalance,
     accountId: walletId
   });
-  return /* @__PURE__ */ jsxs49("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx62(
       Fields_default.SearchApi,
       {
         name,
@@ -10188,7 +10081,7 @@ function Wallet({
         disabled
       }
     ),
-    /* @__PURE__ */ jsx67(BalanceView, {})
+    /* @__PURE__ */ jsx62(BalanceView, {})
   ] });
 }
 var Wallet_default = Wallet;
@@ -10198,6 +10091,111 @@ 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,