warqadui 0.0.71 → 0.0.72

package/dist/index.mjs

@@ -933,7 +933,7 @@ var CardTitle = ({
   "h3",
   {
     className: cn(
-      "text-lg font-semibold leading-none tracking-tight text-gray-900 dark:text-gray-100",
+      "text-xl capitalize  font-bold leading-none tracking-tight text-gray-900 dark:text-gray-100 ",
       className
     ),
     children
@@ -1064,13 +1064,13 @@ var Input = forwardRef(
         }
       }
     }, [props.value, name, form]);
-    let message13 = error;
+    let message14 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message13 = errorObj?.message;
+      message14 = errorObj?.message;
     }
     const watchedValue = form?.watch(name);
     useEffect6(() => {
@@ -1139,7 +1139,7 @@ var Input = forwardRef(
               }
             )
           ] }),
-          message13 && /* @__PURE__ */ jsx15("p", { className: "text-sm text-red-600 dark:text-red-400", children: message13 })
+          message14 && /* @__PURE__ */ jsx15("p", { className: "text-sm text-red-600 dark:text-red-400", children: message14 })
         ]
       }
     );
@@ -1464,7 +1464,7 @@ var PhoneInput = forwardRef2(
     const [isFocused, setIsFocused] = useState10(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message13 = error;
+    let message14 = error;
     if (form && name) {
       const {
         formState: { errors }
@@ -1474,7 +1474,7 @@ var PhoneInput = forwardRef2(
       for (const part of nameParts) {
         currentError = currentError?.[part];
       }
-      message13 = currentError?.message || message13;
+      message14 = currentError?.message || message14;
     }
     const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ jsxs14("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
       /* @__PURE__ */ jsxs14(
@@ -1525,7 +1525,7 @@ var PhoneInput = forwardRef2(
           }
         )
       ] }),
-      message13 && /* @__PURE__ */ jsx19("p", { className: "text-sm text-red-600 dark:text-red-400", children: message13 })
+      message14 && /* @__PURE__ */ jsx19("p", { className: "text-sm text-red-600 dark:text-red-400", children: message14 })
     ] });
     if (form && name) {
       return /* @__PURE__ */ jsx19(
@@ -1681,7 +1681,7 @@ var SelectRoot = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [fieldInternalProps]);
-  let message13 = error;
+  let message14 = error;
   if (form && name) {
     const {
       formState: { errors }
@@ -1691,7 +1691,7 @@ var SelectRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message13 = currentError?.message || message13;
+    message14 = currentError?.message || message14;
   }
   const allOptions = initialOptions?.length ? initialOptions : registeredOptions;
   const valueCtx = {
@@ -1752,7 +1752,7 @@ var SelectRoot = ({
             String(opt.value) || index
           )) })
         ] }),
-        message13 && /* @__PURE__ */ jsx20("p", { className: "text-sm text-red-600 dark:text-red-400", children: message13 })
+        message14 && /* @__PURE__ */ jsx20("p", { className: "text-sm text-red-600 dark:text-red-400", children: message14 })
       ]
     }
   ) });
@@ -1990,13 +1990,13 @@ var Textarea = forwardRef4(
     const [isFocused, setIsFocused] = useState12(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message13 = error;
+    let message14 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message13 = errorObj?.message;
+      message14 = errorObj?.message;
     }
     const renderInput = (inputProps, ref2) => /* @__PURE__ */ jsxs16("div", { className: `space-y-2 group w-full! relative ${containerClassName}`, children: [
       /* @__PURE__ */ jsxs16(
@@ -2034,7 +2034,7 @@ var Textarea = forwardRef4(
           }
         }
       ) }),
-      message13 && /* @__PURE__ */ jsx21("p", { className: "text-sm text-red-600 dark:text-red-400", children: message13 })
+      message14 && /* @__PURE__ */ jsx21("p", { className: "text-sm text-red-600 dark:text-red-400", children: message14 })
     ] });
     useEffect8(() => {
       if (form && name && props.value !== void 0 && props.value !== null && props.value !== "") {
@@ -2527,7 +2527,7 @@ var SearchApiRoot = ({
   const filteredOptions = options.filter(
     (option) => !filter.includes(getOptionValue(option))
   );
-  let message13 = error || errorMessage;
+  let message14 = error || errorMessage;
   if (form && name) {
     const {
       formState: { errors }
@@ -2537,7 +2537,7 @@ var SearchApiRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message13 = currentError?.message || message13;
+    message14 = currentError?.message || message14;
   }
   const valueCtx = {
     isOpen,
@@ -2571,7 +2571,7 @@ var SearchApiRoot = ({
     form,
     name,
     obj,
-    error: message13,
+    error: message14,
     onSelect,
     onClear
   };
@@ -2940,19 +2940,19 @@ var DateInput = forwardRef6(
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
     const [isFocused, setIsFocused] = useState15(false);
-    let message13 = error;
+    let message14 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message13 = errorObj?.message;
+      message14 = errorObj?.message;
     }
     const inputStyles = `w-full px-2.5 py-1 rounded-md border! shadow-none transition-all! duration-200! outline-none!
       bg-white! dark:bg-zinc-900!
       text-gray-900! dark:text-zinc-100!
       hover:bg-white! dark:hover:bg-zinc-900!
-      ${message13 ? "border-red-500 hover:border-red-500 [&.ant-picker-focused]:border-red-500 [&.ant-picker-focused]:ring-red-500/20" : "border-gray-200 dark:border-zinc-700 hover:border-gray-200 dark:hover:border-zinc-700 [&.ant-picker-focused]:ring-2"}
+      ${message14 ? "border-red-500 hover:border-red-500 [&.ant-picker-focused]:border-red-500 [&.ant-picker-focused]:ring-red-500/20" : "border-gray-200 dark:border-zinc-700 hover:border-gray-200 dark:hover:border-zinc-700 [&.ant-picker-focused]:ring-2"}
       [&.ant-picker-focused]:bg-white dark:[&.ant-picker-focused]:bg-zinc-900
       ${className}`;
     const renderDatePicker = (val, changeHandler, blurHandler, refProps) => {
@@ -2975,8 +2975,8 @@ var DateInput = forwardRef6(
           needConfirm: false,
           style: {
             height: "var(--input-height, 40px)",
-            borderColor: isFocused && !message13 ? primaryColor : void 0,
-            boxShadow: isFocused && !message13 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
+            borderColor: isFocused && !message14 ? primaryColor : void 0,
+            boxShadow: isFocused && !message14 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
           },
           classNames: { popup: { root: "z-50" } },
           suffixIcon: /* @__PURE__ */ jsx23(
@@ -3006,7 +3006,7 @@ var DateInput = forwardRef6(
         {
           className: "block text-xs font-medium transition-colors duration-200",
           style: {
-            color: message13 ? "#ef4444" : isFocused ? primaryColor : void 0
+            color: message14 ? "#ef4444" : isFocused ? primaryColor : void 0
           },
           children: [
             label,
@@ -3027,7 +3027,7 @@ var DateInput = forwardRef6(
           )
         }
       ) : renderDatePicker(value, onChange, onBlur, ref),
-      message13 && /* @__PURE__ */ jsx23("p", { className: "text-sm text-red-600 dark:text-red-400", children: message13 })
+      message14 && /* @__PURE__ */ jsx23("p", { className: "text-sm text-red-600 dark:text-red-400", children: message14 })
     ] });
   }
 );
@@ -7352,17 +7352,17 @@ var preWarningFns = [];
 var preMessage = (fn) => {
   preWarningFns.push(fn);
 };
-function warning(valid, message13) {
+function warning(valid, message14) {
   if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message13);
+    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message14);
     if (finalMessage) {
       console.error(`Warning: ${finalMessage}`);
     }
   }
 }
-function note(valid, message13) {
+function note(valid, message14) {
   if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message13);
+    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message14);
     if (finalMessage) {
       console.warn(`Note: ${finalMessage}`);
     }
@@ -7371,17 +7371,17 @@ function note(valid, message13) {
 function resetWarned() {
   warned = {};
 }
-function call(method, valid, message13) {
-  if (!valid && !warned[message13]) {
-    method(false, message13);
-    warned[message13] = true;
+function call(method, valid, message14) {
+  if (!valid && !warned[message14]) {
+    method(false, message14);
+    warned[message14] = true;
   }
 }
-function warningOnce(valid, message13) {
-  call(warning, valid, message13);
+function warningOnce(valid, message14) {
+  call(warning, valid, message14);
 }
-function noteOnce(valid, message13) {
-  call(note, valid, message13);
+function noteOnce(valid, message14) {
+  call(note, valid, message14);
 }
 warningOnce.preMessage = preMessage;
 warningOnce.resetWarned = resetWarned;
@@ -7392,8 +7392,8 @@ import React19, { useContext as useContext5, useEffect as useEffect16 } from "re
 function camelCase(input) {
   return input.replace(/-(.)/g, (match, g) => g.toUpperCase());
 }
-function warning2(valid, message13) {
-  warningOnce(valid, `[@ant-design/icons] ${message13}`);
+function warning2(valid, message14) {
+  warningOnce(valid, `[@ant-design/icons] ${message14}`);
 }
 function isIconDefinition(target) {
   return typeof target === "object" && typeof target.name === "string" && typeof target.theme === "string" && (typeof target.icon === "object" || typeof target.icon === "function");
@@ -8299,6 +8299,13 @@ var resetPasswordSchema = z3.object({
   token: z3.string().min(1, { message: "Token is required" }),
   password: z3.string().min(6, { message: "Password must be at least 6 characters" })
 });
+var createUserSchema = z3.object({
+  email: z3.string().refine((val) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(val), {
+    message: "Please enter a valid email address"
+  }).transform((val) => val?.toLowerCase()),
+  phoneNumber: z3.string().optional(),
+  role: z3.enum(["admin"])
+});
 
 // src/components/users/linkUser.tsx
 import { useForm as useForm3 } from "react-hook-form";
@@ -8424,13 +8431,7 @@ var linkUser_default = LinkUser;
 
 // src/components/users/users.tsx
 import { useMemo as useMemo8 } from "react";
-import {
-  EllipsisVertical as EllipsisVertical2,
-  Info,
-  Mail as Mail2,
-  ShieldCheck,
-  Key
-} from "lucide-react";
+import { EllipsisVertical as EllipsisVertical2, Info, Mail as Mail2, ShieldCheck, Key } from "lucide-react";
 
 // src/components/users/VerifyEmailForm.tsx
 import { useForm as useForm4 } from "react-hook-form";
@@ -8583,7 +8584,8 @@ import { jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
 function UpdateEmailForm({
   data,
   close,
-  reload
+  reload,
+  app = ""
 }) {
   const { put, isLoading } = useApis_default();
   const currentEmail = data?.email;
@@ -8598,7 +8600,7 @@ function UpdateEmailForm({
   const onSubmit = async (formData) => {
     try {
       await put({
-        url: `/users/change_email/${data._id}`,
+        url: `${app}/users/change_email/${data._id}`,
         body: {
           email: formData.newEmail
         }
@@ -8671,7 +8673,8 @@ var { Countdown: Countdown2 } = Statistic2;
 function ResetPasswordForm({
   data,
   close,
-  reload
+  reload,
+  app = ""
 }) {
   const { put, isLoading } = useApis_default();
   const [datas, setDatas] = useState27(data);
@@ -8680,7 +8683,9 @@ function ResetPasswordForm({
   );
   useEffect21(() => {
     setDatas(data);
-    setHasPassed(data?.passwordReset?.passed || !data?.passwordReset?.createdAt);
+    setHasPassed(
+      data?.passwordReset?.passed || !data?.passwordReset?.createdAt
+    );
   }, [data]);
   const userEmail = data?.email;
   const methods = useForm6({
@@ -8703,7 +8708,7 @@ function ResetPasswordForm({
   const resendToken = async () => {
     try {
       const res = await put({
-        url: `/users/reset_password/${data._id}`,
+        url: `${app}/users/reset_password/${data._id}`,
         body: {
           email: userEmail
         }
@@ -8774,22 +8779,26 @@ var ResetPasswordForm_default = ResetPasswordForm;
 import { message as message10, Switch } from "antd";
 import { useState as useState28 } from "react";
 import { Fragment as Fragment10, jsx as jsx48 } from "react/jsx-runtime";
-var ActivateUser = ({ data }) => {
+var ActivateUser = ({ data, app = "" }) => {
   const [checked, setChecked] = useState28(data?.isActive);
   const { put, isLoading } = useApis_default();
   return /* @__PURE__ */ jsx48(Fragment10, { children: /* @__PURE__ */ jsx48(
     Switch,
     {
       onChange: async (e) => {
-        const res = await put({
-          url: `/users/activate/${data?._id}`,
-          v: 1,
-          body: { isActive: e }
-        });
-        message10.success(
-          res?.data?.isActive ? "User Activated" : "User Deactivated"
-        );
-        setChecked(res?.data?.isActive);
+        try {
+          const res = await put({
+            url: `${app}/users/activate/${data?._id}`,
+            v: 1,
+            body: { isActive: e }
+          });
+          message10.success(
+            res?.data?.isActive ? "User Activated" : "User Deactivated"
+          );
+          setChecked(res?.data?.isActive);
+        } catch (error) {
+          message10.error(error?.message || "Failed to update user status");
+        }
       },
       loading: isLoading,
       checked,
@@ -8800,15 +8809,16 @@ var ActivateUser = ({ data }) => {
 var Activate_default = ActivateUser;
 
 // src/components/users/users.tsx
+import { useNavigate as useNavigate6 } from "react-router-dom";
 import { Fragment as Fragment11, jsx as jsx49, jsxs as jsxs38 } from "react/jsx-runtime";
-function Users() {
+function Users({ app = "" }) {
+  const navigate = useNavigate6();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
-    url: "/users/get",
+    url: `${app}/users/get`,
     v: 1,
     dateFilter: false
   });
   const { Modal: Modal2, openState, close } = useModal();
-  const { put, isLoading } = useApis_default();
   const items = (data2) => [
     {
       label: `Reset Password`,
@@ -8820,6 +8830,7 @@ function Users() {
           ResetPasswordForm_default,
           {
             data: data2,
+            app,
             close: () => close(),
             reload: () => reload()
           }
@@ -8838,7 +8849,8 @@ function Users() {
           {
             data: data2,
             close: () => close(),
-            reload: () => reload()
+            reload: () => reload(),
+            app
           }
         ),
         width: 600
@@ -8885,12 +8897,27 @@ function Users() {
           ] });
         }
       },
+      {
+        accessorKey: "role",
+        header: "Role",
+        cell: ({ row }) => {
+          const data2 = row.original;
+          return /* @__PURE__ */ jsx49(
+            Badge,
+            {
+              variant: data2?.role === "admin" ? "primary" : "warning",
+              size: "sm",
+              children: data2?.role || "N/A"
+            }
+          );
+        }
+      },
       {
         accessorKey: "account.name",
         header: "Employee Name",
         cell: ({ row }) => {
           const account = row.original?.account;
-          return /* @__PURE__ */ jsx49("span", { children: account?.name });
+          return /* @__PURE__ */ jsx49("span", { children: account?.name || "N/A" });
         }
       },
       {
@@ -8898,7 +8925,7 @@ function Users() {
         header: "Status",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ jsx49(Activate_default, { data: data2 });
+          return /* @__PURE__ */ jsx49(Activate_default, { data: data2, app });
         }
       },
       {
@@ -8930,7 +8957,9 @@ function Users() {
         data: users,
         index: true,
         title: "User",
-        description: "Manage users"
+        description: "Manage users",
+        createTitle: "Add User",
+        onCreate: () => navigate("/users/create")
       }
     ),
     " "
@@ -8938,15 +8967,97 @@ function Users() {
 }
 var users_default = Users;
 
+// src/components/users/UserForm.tsx
+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 jsx50, jsxs as jsxs39 } from "react/jsx-runtime";
+function UserForm({ app = "" }) {
+  const { navigate } = useApp_default();
+  const { post, isLoading } = useApis_default();
+  const methods = useForm7({
+    resolver: zodResolver6(createUserSchema),
+    defaultValues: {
+      email: "",
+      phoneNumber: "",
+      role: "admin"
+    }
+  });
+  const { handleSubmit } = methods;
+  const onSubmit = async (data) => {
+    try {
+      await post({
+        url: `${app}/users/create`,
+        body: data
+      });
+      message11.success("User created successfully");
+      navigate(-1);
+    } catch (error) {
+      message11.error(error?.message || "Something went wrong");
+    }
+  };
+  return /* @__PURE__ */ jsxs39(Card, { className: "max-w-xl mx-auto mt-10 relative", children: [
+    /* @__PURE__ */ jsxs39(Card.Header, { children: [
+      /* @__PURE__ */ jsx50(Card.Title, { children: "Add User" }),
+      /* @__PURE__ */ jsx50(Card.Description, { children: "Create a new user by providing their email and phone number." })
+    ] }),
+    /* @__PURE__ */ jsx50(Card.Content, { children: /* @__PURE__ */ jsxs39("form", { onSubmit: handleSubmit(onSubmit), children: [
+      /* @__PURE__ */ jsxs39("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx50(
+          Fields_default.Input,
+          {
+            label: "Email",
+            form: methods,
+            name: "email",
+            type: "email",
+            placeholder: "e.g. user@example.com",
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsx50(
+          Fields_default.PhoneInput,
+          {
+            label: "Phone Number",
+            form: methods,
+            name: "phoneNumber",
+            placeholder: "Enter phone number"
+          }
+        ),
+        /* @__PURE__ */ jsx50(
+          Fields_default.Select,
+          {
+            label: "Role",
+            form: methods,
+            name: "role",
+            options: [{ label: "Admin", value: "admin" }],
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx50("footer", { className: "flex justify-end mt-6", children: /* @__PURE__ */ jsx50(
+        Button,
+        {
+          isLoading,
+          disabled: isLoading,
+          type: "submit",
+          className: "min-w-[100px]",
+          children: "Add User"
+        }
+      ) })
+    ] }) })
+  ] });
+}
+var UserForm_default = UserForm;
+
 // src/components/users/ResetPasswordPage.tsx
 import { useEffect as useEffect22, useState as useState29 } from "react";
-import { useSearchParams as useSearchParams2, useNavigate as useNavigate6 } from "react-router-dom";
+import { useSearchParams as useSearchParams2, useNavigate as useNavigate7 } from "react-router-dom";
 import { Lock as Lock2, ShieldCheck as ShieldCheck2, ArrowRight as ArrowRight2, Terminal as Terminal2 } from "lucide-react";
-import { useForm as useForm7 } from "react-hook-form";
-import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
+import { useForm as useForm8 } from "react-hook-form";
+import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
 import * as z4 from "zod";
-import { message as message11, Spin } from "antd";
-import { Fragment as Fragment12, jsx as jsx50, jsxs as jsxs39 } from "react/jsx-runtime";
+import { message as message12, Spin } from "antd";
+import { Fragment as Fragment12, jsx as jsx51, jsxs as jsxs40 } 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")
@@ -8956,7 +9067,7 @@ var resetPageSchema = z4.object({
 });
 function ResetPasswordPage() {
   const [searchParams] = useSearchParams2();
-  const navigate = useNavigate6();
+  const navigate = useNavigate7();
   const { put, isLoading } = useApis_default();
   const [isVerified, setIsVerified] = useState29(false);
   const [verifying, setVerifying] = useState29(true);
@@ -8964,8 +9075,8 @@ function ResetPasswordPage() {
   const token = searchParams.get("token");
   const email = searchParams.get("email");
   const id = searchParams.get("id");
-  const methods = useForm7({
-    resolver: zodResolver6(resetPageSchema),
+  const methods = useForm8({
+    resolver: zodResolver7(resetPageSchema),
     defaultValues: {
       password: "",
       confirmPassword: ""
@@ -9003,23 +9114,23 @@ function ResetPasswordPage() {
           password: data.password
         }
       });
-      message11.success(
+      message12.success(
         "Password has been reset successfully. You can now login."
       );
       navigate("/login", { replace: true });
     } catch (err) {
-      message11.error(err?.message || "Failed to reset password.");
+      message12.error(err?.message || "Failed to reset password.");
     }
   };
   if (verifying) {
-    return /* @__PURE__ */ jsx50("div", { className: "h-screen w-full flex items-center justify-center bg-slate-50 dark:bg-[#0A0B10]", children: /* @__PURE__ */ jsxs39("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ jsx50(Spin, { size: "large" }),
-      /* @__PURE__ */ jsx50("p", { className: "text-slate-500 animate-pulse", children: "Verifying reset link..." })
+    return /* @__PURE__ */ jsx51("div", { className: "h-screen w-full flex items-center justify-center bg-slate-50 dark:bg-[#0A0B10]", children: /* @__PURE__ */ jsxs40("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ jsx51(Spin, { size: "large" }),
+      /* @__PURE__ */ jsx51("p", { className: "text-slate-500 animate-pulse", children: "Verifying reset link..." })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs39("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-[#0A0B10]", children: [
-    /* @__PURE__ */ jsxs39("div", { className: "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-slate-900 border-r border-slate-800", children: [
-      /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsxs40("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-[#0A0B10]", children: [
+    /* @__PURE__ */ jsxs40("div", { className: "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-slate-900 border-r border-slate-800", children: [
+      /* @__PURE__ */ jsx51(
         "div",
         {
           className: "absolute inset-0 z-0 opacity-40 bg-cover bg-center",
@@ -9028,35 +9139,35 @@ function ResetPasswordPage() {
           }
         }
       ),
-      /* @__PURE__ */ jsx50("div", { className: "absolute inset-0 bg-linear-to-tr from-[#0A0B10] via-transparent to-indigo-500/10 z-10" }),
-      /* @__PURE__ */ jsxs39("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full h-full", children: [
-        /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx50("div", { className: "h-10 w-10 bg-indigo-600 rounded-lg flex items-center justify-center shadow-indigo-500/20 shadow-xl", children: /* @__PURE__ */ jsx50(Terminal2, { className: "text-white w-6 h-6" }) }),
-          /* @__PURE__ */ jsx50("span", { className: "text-2xl font-bold text-white tracking-widest uppercase", children: "Warqad UI" })
+      /* @__PURE__ */ jsx51("div", { className: "absolute inset-0 bg-linear-to-tr from-[#0A0B10] via-transparent to-indigo-500/10 z-10" }),
+      /* @__PURE__ */ jsxs40("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full h-full", children: [
+        /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx51("div", { className: "h-10 w-10 bg-indigo-600 rounded-lg flex items-center justify-center shadow-indigo-500/20 shadow-xl", children: /* @__PURE__ */ jsx51(Terminal2, { className: "text-white w-6 h-6" }) }),
+          /* @__PURE__ */ jsx51("span", { className: "text-2xl font-bold text-white tracking-widest uppercase", children: "Warqad UI" })
         ] }),
-        /* @__PURE__ */ jsxs39("div", { className: "max-w-md", children: [
-          /* @__PURE__ */ jsxs39("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
+        /* @__PURE__ */ jsxs40("div", { className: "max-w-md", children: [
+          /* @__PURE__ */ jsxs40("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
             "Secure ",
-            /* @__PURE__ */ jsx50("span", { className: "text-indigo-400", children: "Access" }),
+            /* @__PURE__ */ jsx51("span", { className: "text-indigo-400", children: "Access" }),
             " ",
-            /* @__PURE__ */ jsx50("br", {}),
+            /* @__PURE__ */ jsx51("br", {}),
             " ",
             "Simplified."
           ] }),
-          /* @__PURE__ */ jsx50("p", { className: "text-slate-400 text-lg leading-relaxed", children: "Reset your credentials securely and regain access to your dashboard in minutes." })
+          /* @__PURE__ */ jsx51("p", { className: "text-slate-400 text-lg leading-relaxed", children: "Reset your credentials securely and regain access to your dashboard in minutes." })
         ] }),
-        /* @__PURE__ */ jsx50("div", { className: "text-slate-500 text-sm italic", children: "Trusted by developers worldwide." })
+        /* @__PURE__ */ jsx51("div", { className: "text-slate-500 text-sm italic", children: "Trusted by developers worldwide." })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs39("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__ */ jsx50("div", { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ jsx50(ThemeToggle, {}) }),
-      /* @__PURE__ */ jsx50("div", { className: "max-w-md w-full mx-auto", children: !isVerified || error ? /* @__PURE__ */ jsxs39("div", { className: "text-center space-y-6", children: [
-        /* @__PURE__ */ jsx50("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__ */ jsx50(ShieldCheck2, { className: "text-red-600 dark:text-red-400 w-8 h-8" }) }),
-        /* @__PURE__ */ jsxs39("div", { children: [
-          /* @__PURE__ */ jsx50("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-2", children: "Link Invalid" }),
-          /* @__PURE__ */ jsx50("p", { className: "text-slate-500 dark:text-slate-400", children: error || "The reset link is invalid or has already been used." })
+    /* @__PURE__ */ jsxs40("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__ */ jsx51("div", { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ jsx51(ThemeToggle, {}) }),
+      /* @__PURE__ */ jsx51("div", { className: "max-w-md w-full mx-auto", children: !isVerified || error ? /* @__PURE__ */ jsxs40("div", { className: "text-center space-y-6", children: [
+        /* @__PURE__ */ jsx51("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__ */ jsx51(ShieldCheck2, { className: "text-red-600 dark:text-red-400 w-8 h-8" }) }),
+        /* @__PURE__ */ jsxs40("div", { children: [
+          /* @__PURE__ */ jsx51("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-2", children: "Link Invalid" }),
+          /* @__PURE__ */ jsx51("p", { className: "text-slate-500 dark:text-slate-400", children: error || "The reset link is invalid or has already been used." })
         ] }),
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           Button,
           {
             onClick: () => navigate("/login"),
@@ -9064,22 +9175,22 @@ function ResetPasswordPage() {
             children: "Back to Login"
           }
         )
-      ] }) : /* @__PURE__ */ jsxs39(Fragment12, { children: [
-        /* @__PURE__ */ jsxs39("div", { className: "mb-10", children: [
-          /* @__PURE__ */ jsx50("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-3 tracking-tight", children: "Reset Password" }),
-          /* @__PURE__ */ jsxs39("p", { className: "text-slate-500 dark:text-slate-400", children: [
+      ] }) : /* @__PURE__ */ jsxs40(Fragment12, { children: [
+        /* @__PURE__ */ jsxs40("div", { className: "mb-10", children: [
+          /* @__PURE__ */ jsx51("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-3 tracking-tight", children: "Reset Password" }),
+          /* @__PURE__ */ jsxs40("p", { className: "text-slate-500 dark:text-slate-400", children: [
             "Set a new, strong password for",
             " ",
-            /* @__PURE__ */ jsx50("span", { className: "text-indigo-600 font-medium", children: email })
+            /* @__PURE__ */ jsx51("span", { className: "text-indigo-600 font-medium", children: email })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs39(
+        /* @__PURE__ */ jsxs40(
           "form",
           {
             onSubmit: methods.handleSubmit(onSubmit),
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ jsx50(
+              /* @__PURE__ */ jsx51(
                 Fields_default.Input,
                 {
                   form: methods,
@@ -9088,11 +9199,11 @@ function ResetPasswordPage() {
                   type: "password",
                   placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                   required: true,
-                  icon: /* @__PURE__ */ jsx50(Lock2, { size: 18, className: "text-slate-400" }),
+                  icon: /* @__PURE__ */ jsx51(Lock2, { size: 18, className: "text-slate-400" }),
                   className: "bg-slate-50 dark:bg-slate-900/50 h-12"
                 }
               ),
-              /* @__PURE__ */ jsx50(
+              /* @__PURE__ */ jsx51(
                 Fields_default.Input,
                 {
                   form: methods,
@@ -9101,11 +9212,11 @@ function ResetPasswordPage() {
                   type: "password",
                   placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                   required: true,
-                  icon: /* @__PURE__ */ jsx50(ShieldCheck2, { size: 18, className: "text-slate-400" }),
+                  icon: /* @__PURE__ */ jsx51(ShieldCheck2, { size: 18, className: "text-slate-400" }),
                   className: "bg-slate-50 dark:bg-slate-900/50 h-12"
                 }
               ),
-              /* @__PURE__ */ jsxs39(
+              /* @__PURE__ */ jsxs40(
                 Button,
                 {
                   type: "submit",
@@ -9113,7 +9224,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__ */ jsx50(ArrowRight2, { size: 18 })
+                    !isLoading && /* @__PURE__ */ jsx51(ArrowRight2, { size: 18 })
                   ]
                 }
               )
@@ -9128,9 +9239,9 @@ var ResetPasswordPage_default = ResetPasswordPage;
 
 // src/components/users/UserProfile.tsx
 import { LogOut, User as User2 } from "lucide-react";
-import { useNavigate as useNavigate7 } from "react-router-dom";
-import { message as message12 } from "antd";
-import { jsx as jsx51, jsxs as jsxs40 } from "react/jsx-runtime";
+import { useNavigate as useNavigate8 } from "react-router-dom";
+import { message as message13 } from "antd";
+import { jsx as jsx52, jsxs as jsxs41 } from "react/jsx-runtime";
 var UserProfile = ({
   items,
   name,
@@ -9141,7 +9252,7 @@ var UserProfile = ({
 }) => {
   const { post } = useApis_default();
   const { user, logout: authLogout, account } = useAuth_default();
-  const navigate = useNavigate7();
+  const navigate = useNavigate8();
   const logout = async () => {
     if (onLogout) {
       onLogout();
@@ -9152,32 +9263,32 @@ var UserProfile = ({
         url: `/users/logout/${user?._id}`,
         v: 1
       });
-      message12.success("Logout successfully");
+      message13.success("Logout successfully");
       authLogout();
       navigate("/login");
     } catch (error) {
       console.log(error);
-      message12.error(error?.message);
+      message13.error(error?.message);
     }
   };
   const defaultItems = [
     {
       label: "My Profile",
-      icon: /* @__PURE__ */ jsx51(User2, { size: 18 }),
+      icon: /* @__PURE__ */ jsx52(User2, { size: 18 }),
       onClick: () => navigate("/profile"),
       className: "min-w-[150px]"
     },
     {
       label: "Logout",
-      icon: /* @__PURE__ */ jsx51(LogOut, { size: 18 }),
+      icon: /* @__PURE__ */ jsx52(LogOut, { size: 18 }),
       onClick: logout,
       className: "text-red-500 hover:bg-red-50 dark:hover:bg-red-950/20"
     }
   ];
-  return /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-3", children: [
-    showThemeToggle && /* @__PURE__ */ jsx51(ThemeToggle, {}),
-    showThemeToggle && /* @__PURE__ */ jsx51("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
-    /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-3", children: [
+    showThemeToggle && /* @__PURE__ */ jsx52(ThemeToggle, {}),
+    showThemeToggle && /* @__PURE__ */ jsx52("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
+    /* @__PURE__ */ jsx52(
       ProfileDropdown,
       {
         name: name || account?.name || "User",
@@ -9193,14 +9304,14 @@ var UserProfile = ({
 var UserProfile_default = UserProfile;
 
 // src/components/users/ProfilePage.tsx
-import { useNavigate as useNavigate8 } from "react-router-dom";
+import { useNavigate as useNavigate9 } from "react-router-dom";
 import { ArrowLeft as ArrowLeft3 } from "lucide-react";
-import { jsx as jsx52, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
 var ProfilePage = () => {
-  const navigate = useNavigate8();
+  const navigate = useNavigate9();
   const { user, account } = useAuth();
   if (!user) {
-    return /* @__PURE__ */ jsx52("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx52("h1", { children: "Please login to view your profile" }) });
+    return /* @__PURE__ */ jsx53("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx53("h1", { children: "Please login to view your profile" }) });
   }
   const extraInfo = [
     {
@@ -9219,19 +9330,19 @@ var ProfilePage = () => {
       copiable: false
     }
   ];
-  return /* @__PURE__ */ jsxs41("div", { className: "p-4 sm:p-8 space-y-6", children: [
-    /* @__PURE__ */ jsx52("div", { className: "max-w-5xl mx-auto", children: /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsxs42("div", { className: "p-4 sm:p-8 space-y-6", children: [
+    /* @__PURE__ */ jsx53("div", { className: "max-w-5xl mx-auto", children: /* @__PURE__ */ jsx53(
       Button,
       {
         variant: "outline",
         size: "sm",
         onClick: () => navigate(-1),
-        icon: /* @__PURE__ */ jsx52(ArrowLeft3, { size: 16 }),
+        icon: /* @__PURE__ */ jsx53(ArrowLeft3, { size: 16 }),
         className: "rounded-full font-bold px-5",
         children: "Back"
       }
     ) }),
-    /* @__PURE__ */ jsx52(
+    /* @__PURE__ */ jsx53(
       ProfileView,
       {
         name: account?.name || "User Account",
@@ -9300,11 +9411,13 @@ export {
   ThemeToggle,
   ThemedLogin,
   UnProtectedRoute,
+  UserForm_default as UserForm,
   UserProfile_default as UserProfile,
   users_default as Users,
   Views_default as Views,
   WarqadProvider,
   createAccountSchema,
+  createUserSchema,
   generatePdf,
   linkUserSchema,
   resetPasswordSchema,