warqadui 0.0.71 → 0.0.73

package/dist/index.js

@@ -84,11 +84,13 @@ __export(index_exports, {
   ThemeToggle: () => ThemeToggle,
   ThemedLogin: () => ThemedLogin,
   UnProtectedRoute: () => UnProtectedRoute,
+  UserForm: () => UserForm_default,
   UserProfile: () => UserProfile_default,
   Users: () => users_default,
   Views: () => Views_default,
   WarqadProvider: () => WarqadProvider,
   createAccountSchema: () => createAccountSchema,
+  createUserSchema: () => createUserSchema,
   generatePdf: () => generatePdf,
   linkUserSchema: () => linkUserSchema,
   resetPasswordSchema: () => resetPasswordSchema,
@@ -1042,7 +1044,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
@@ -1171,13 +1173,13 @@ var Input = (0, import_react8.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);
     (0, import_react8.useEffect)(() => {
@@ -1246,7 +1248,7 @@ var Input = (0, import_react8.forwardRef)(
               }
             )
           ] }),
-          message13 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message13 })
+          message14 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message14 })
         ]
       }
     );
@@ -1569,7 +1571,7 @@ var PhoneInput = (0, import_react11.forwardRef)(
     const [isFocused, setIsFocused] = (0, import_react11.useState)(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message13 = error;
+    let message14 = error;
     if (form && name) {
       const {
         formState: { errors }
@@ -1579,7 +1581,7 @@ var PhoneInput = (0, import_react11.forwardRef)(
       for (const part of nameParts) {
         currentError = currentError?.[part];
       }
-      message13 = currentError?.message || message13;
+      message14 = currentError?.message || message14;
     }
     const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
@@ -1630,7 +1632,7 @@ var PhoneInput = (0, import_react11.forwardRef)(
           }
         )
       ] }),
-      message13 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message13 })
+      message14 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message14 })
     ] });
     if (form && name) {
       return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
@@ -1779,7 +1781,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 }
@@ -1789,7 +1791,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 = {
@@ -1850,7 +1852,7 @@ var SelectRoot = ({
             String(opt.value) || index
           )) })
         ] }),
-        message13 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message13 })
+        message14 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message14 })
       ]
     }
   ) });
@@ -2086,13 +2088,13 @@ var Textarea = (0, import_react13.forwardRef)(
     const [isFocused, setIsFocused] = (0, import_react13.useState)(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__ */ (0, import_jsx_runtime21.jsxs)("div", { className: `space-y-2 group w-full! relative ${containerClassName}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
@@ -2130,7 +2132,7 @@ var Textarea = (0, import_react13.forwardRef)(
           }
         }
       ) }),
-      message13 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message13 })
+      message14 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message14 })
     ] });
     (0, import_react13.useEffect)(() => {
       if (form && name && props.value !== void 0 && props.value !== null && props.value !== "") {
@@ -2616,7 +2618,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 }
@@ -2626,7 +2628,7 @@ var SearchApiRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message13 = currentError?.message || message13;
+    message14 = currentError?.message || message14;
   }
   const valueCtx = {
     isOpen,
@@ -2660,7 +2662,7 @@ var SearchApiRoot = ({
     form,
     name,
     obj,
-    error: message13,
+    error: message14,
     onSelect,
     onClear
   };
@@ -3027,19 +3029,19 @@ var DateInput = (0, import_react16.forwardRef)(
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
     const [isFocused, setIsFocused] = (0, import_react16.useState)(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) => {
@@ -3062,8 +3064,8 @@ var DateInput = (0, import_react16.forwardRef)(
           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__ */ (0, import_jsx_runtime23.jsx)(
@@ -3093,7 +3095,7 @@ var DateInput = (0, import_react16.forwardRef)(
         {
           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,
@@ -3114,7 +3116,7 @@ var DateInput = (0, import_react16.forwardRef)(
           )
         }
       ) : renderDatePicker(value, onChange, onBlur, ref),
-      message13 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message13 })
+      message14 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message14 })
     ] });
   }
 );
@@ -7383,17 +7385,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}`);
     }
@@ -7402,17 +7404,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;
@@ -7423,8 +7425,8 @@ var import_react30 = __toESM(require("react"));
 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");
@@ -8330,6 +8332,13 @@ var resetPasswordSchema = import_zod4.z.object({
   token: import_zod4.z.string().min(1, { message: "Token is required" }),
   password: import_zod4.z.string().min(6, { message: "Password must be at least 6 characters" })
 });
+var createUserSchema = import_zod4.z.object({
+  email: import_zod4.z.string().refine((val) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(val), {
+    message: "Please enter a valid email address"
+  }).transform((val) => val?.toLowerCase()),
+  phoneNumber: import_zod4.z.string().optional(),
+  role: import_zod4.z.enum(["admin"])
+});
 
 // src/components/users/linkUser.tsx
 var import_react_hook_form9 = require("react-hook-form");
@@ -8608,7 +8617,8 @@ var import_jsx_runtime46 = require("react/jsx-runtime");
 function UpdateEmailForm({
   data,
   close,
-  reload
+  reload,
+  app = ""
 }) {
   const { put, isLoading } = useApis_default();
   const currentEmail = data?.email;
@@ -8623,7 +8633,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
         }
@@ -8696,7 +8706,8 @@ var { Countdown: Countdown2 } = import_antd11.Statistic;
 function ResetPasswordForm({
   data,
   close,
-  reload
+  reload,
+  app = ""
 }) {
   const { put, isLoading } = useApis_default();
   const [datas, setDatas] = (0, import_react37.useState)(data);
@@ -8705,7 +8716,9 @@ function ResetPasswordForm({
   );
   (0, import_react37.useEffect)(() => {
     setDatas(data);
-    setHasPassed(data?.passwordReset?.passed || !data?.passwordReset?.createdAt);
+    setHasPassed(
+      data?.passwordReset?.passed || !data?.passwordReset?.createdAt
+    );
   }, [data]);
   const userEmail = data?.email;
   const methods = (0, import_react_hook_form12.useForm)({
@@ -8728,7 +8741,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
         }
@@ -8799,22 +8812,26 @@ var ResetPasswordForm_default = ResetPasswordForm;
 var import_antd12 = require("antd");
 var import_react38 = require("react");
 var import_jsx_runtime48 = require("react/jsx-runtime");
-var ActivateUser = ({ data }) => {
+var ActivateUser = ({ data, app = "" }) => {
   const [checked, setChecked] = (0, import_react38.useState)(data?.isActive);
   const { put, isLoading } = useApis_default();
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_antd12.Switch,
     {
       onChange: async (e) => {
-        const res = await put({
-          url: `/users/activate/${data?._id}`,
-          v: 1,
-          body: { isActive: e }
-        });
-        import_antd12.message.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 }
+          });
+          import_antd12.message.success(
+            res?.data?.isActive ? "User Activated" : "User Deactivated"
+          );
+          setChecked(res?.data?.isActive);
+        } catch (error) {
+          import_antd12.message.error(error?.message || "Failed to update user status");
+        }
       },
       loading: isLoading,
       checked,
@@ -8825,15 +8842,17 @@ var ActivateUser = ({ data }) => {
 var Activate_default = ActivateUser;
 
 // src/components/users/users.tsx
+var import_react_router_dom7 = require("react-router-dom");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 function Users() {
+  const { appId: app = "" } = (0, import_react_router_dom7.useParams)();
+  const navigate = (0, import_react_router_dom7.useNavigate)();
   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`,
@@ -8845,6 +8864,7 @@ function Users() {
           ResetPasswordForm_default,
           {
             data: data2,
+            app,
             close: () => close(),
             reload: () => reload()
           }
@@ -8863,7 +8883,8 @@ function Users() {
           {
             data: data2,
             close: () => close(),
-            reload: () => reload()
+            reload: () => reload(),
+            app
           }
         ),
         width: 600
@@ -8910,12 +8931,27 @@ function Users() {
           ] });
         }
       },
+      {
+        accessorKey: "role",
+        header: "Role",
+        cell: ({ row }) => {
+          const data2 = row.original;
+          return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            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__ */ (0, import_jsx_runtime49.jsx)("span", { children: account?.name });
+          return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: account?.name || "N/A" });
         }
       },
       {
@@ -8923,7 +8959,7 @@ function Users() {
         header: "Status",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Activate_default, { data: data2 });
+          return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Activate_default, { data: data2, app });
         }
       },
       {
@@ -8955,7 +8991,9 @@ function Users() {
         data: users,
         index: true,
         title: "User",
-        description: "Manage users"
+        description: "Manage users",
+        createTitle: "Add User",
+        onCreate: () => navigate("/users/create")
       }
     ),
     " "
@@ -8963,15 +9001,99 @@ function Users() {
 }
 var users_default = Users;
 
-// src/components/users/ResetPasswordPage.tsx
-var import_react40 = require("react");
-var import_react_router_dom7 = require("react-router-dom");
-var import_lucide_react21 = require("lucide-react");
+// src/components/users/UserForm.tsx
 var import_react_hook_form13 = require("react-hook-form");
 var import_zod8 = require("@hookform/resolvers/zod");
-var z4 = __toESM(require("zod"));
 var import_antd13 = require("antd");
+var import_react_router_dom8 = require("react-router-dom");
 var import_jsx_runtime50 = require("react/jsx-runtime");
+function UserForm() {
+  const { appId: app = "" } = (0, import_react_router_dom8.useParams)();
+  const { navigate } = useApp_default();
+  const { post, isLoading } = useApis_default();
+  const methods = (0, import_react_hook_form13.useForm)({
+    resolver: (0, import_zod8.zodResolver)(createUserSchema),
+    defaultValues: {
+      email: "",
+      phoneNumber: "",
+      role: "admin"
+    }
+  });
+  const { handleSubmit } = methods;
+  const onSubmit = async (data) => {
+    try {
+      await post({
+        url: `${app}/users/create`,
+        body: data
+      });
+      import_antd13.message.success("User created successfully");
+      navigate(-1);
+    } catch (error) {
+      import_antd13.message.error(error?.message || "Something went wrong");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Card, { className: "max-w-xl mx-auto mt-10 relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Card.Header, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Card.Title, { children: "Add User" }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Card.Description, { children: "Create a new user by providing their email and phone number." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          Fields_default.Input,
+          {
+            label: "Email",
+            form: methods,
+            name: "email",
+            type: "email",
+            placeholder: "e.g. user@example.com",
+            required: true
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          Fields_default.PhoneInput,
+          {
+            label: "Phone Number",
+            form: methods,
+            name: "phoneNumber",
+            placeholder: "Enter phone number"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          Fields_default.Select,
+          {
+            label: "Role",
+            form: methods,
+            name: "role",
+            options: [{ label: "Admin", value: "admin" }],
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("footer", { className: "flex justify-end mt-6", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        Button,
+        {
+          isLoading,
+          disabled: isLoading,
+          type: "submit",
+          className: "min-w-[100px]",
+          children: "Add User"
+        }
+      ) })
+    ] }) })
+  ] });
+}
+var UserForm_default = UserForm;
+
+// src/components/users/ResetPasswordPage.tsx
+var import_react40 = require("react");
+var import_react_router_dom9 = require("react-router-dom");
+var import_lucide_react21 = require("lucide-react");
+var import_react_hook_form14 = require("react-hook-form");
+var import_zod9 = require("@hookform/resolvers/zod");
+var z4 = __toESM(require("zod"));
+var import_antd14 = require("antd");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var resetPageSchema = z4.object({
   password: z4.string().min(6, "Password must be at least 6 characters"),
   confirmPassword: z4.string().min(6, "Password must be at least 6 characters")
@@ -8980,8 +9102,8 @@ var resetPageSchema = z4.object({
   path: ["confirmPassword"]
 });
 function ResetPasswordPage() {
-  const [searchParams] = (0, import_react_router_dom7.useSearchParams)();
-  const navigate = (0, import_react_router_dom7.useNavigate)();
+  const [searchParams] = (0, import_react_router_dom9.useSearchParams)();
+  const navigate = (0, import_react_router_dom9.useNavigate)();
   const { put, isLoading } = useApis_default();
   const [isVerified, setIsVerified] = (0, import_react40.useState)(false);
   const [verifying, setVerifying] = (0, import_react40.useState)(true);
@@ -8989,8 +9111,8 @@ function ResetPasswordPage() {
   const token = searchParams.get("token");
   const email = searchParams.get("email");
   const id = searchParams.get("id");
-  const methods = (0, import_react_hook_form13.useForm)({
-    resolver: (0, import_zod8.zodResolver)(resetPageSchema),
+  const methods = (0, import_react_hook_form14.useForm)({
+    resolver: (0, import_zod9.zodResolver)(resetPageSchema),
     defaultValues: {
       password: "",
       confirmPassword: ""
@@ -9028,23 +9150,23 @@ function ResetPasswordPage() {
           password: data.password
         }
       });
-      import_antd13.message.success(
+      import_antd14.message.success(
         "Password has been reset successfully. You can now login."
       );
       navigate("/login", { replace: true });
     } catch (err) {
-      import_antd13.message.error(err?.message || "Failed to reset password.");
+      import_antd14.message.error(err?.message || "Failed to reset password.");
     }
   };
   if (verifying) {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-screen w-full flex items-center justify-center bg-slate-50 dark:bg-[#0A0B10]", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_antd13.Spin, { size: "large" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-slate-500 animate-pulse", children: "Verifying reset link..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "h-screen w-full flex items-center justify-center bg-slate-50 dark:bg-[#0A0B10]", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_antd14.Spin, { size: "large" }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-slate-500 animate-pulse", children: "Verifying reset link..." })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-[#0A0B10]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-slate-900 border-r border-slate-800", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-[#0A0B10]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-slate-900 border-r border-slate-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "div",
         {
           className: "absolute inset-0 z-0 opacity-40 bg-cover bg-center",
@@ -9053,35 +9175,35 @@ function ResetPasswordPage() {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "absolute inset-0 bg-linear-to-tr from-[#0A0B10] via-transparent to-indigo-500/10 z-10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full h-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-10 w-10 bg-indigo-600 rounded-lg flex items-center justify-center shadow-indigo-500/20 shadow-xl", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.Terminal, { className: "text-white w-6 h-6" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-2xl font-bold text-white tracking-widest uppercase", children: "Warqad UI" })
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "absolute inset-0 bg-linear-to-tr from-[#0A0B10] via-transparent to-indigo-500/10 z-10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full h-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "h-10 w-10 bg-indigo-600 rounded-lg flex items-center justify-center shadow-indigo-500/20 shadow-xl", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react21.Terminal, { className: "text-white w-6 h-6" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-2xl font-bold text-white tracking-widest uppercase", children: "Warqad UI" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "max-w-md", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "max-w-md", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
             "Secure ",
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-indigo-400", children: "Access" }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-indigo-400", children: "Access" }),
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("br", {}),
             " ",
             "Simplified."
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-slate-400 text-lg leading-relaxed", children: "Reset your credentials securely and regain access to your dashboard in minutes." })
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-slate-400 text-lg leading-relaxed", children: "Reset your credentials securely and regain access to your dashboard in minutes." })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "text-slate-500 text-sm italic", children: "Trusted by developers worldwide." })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "text-slate-500 text-sm italic", children: "Trusted by developers worldwide." })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "w-full lg:w-1/2 p-8 lg:p-16 flex flex-col justify-center bg-white dark:bg-[#0A0B10] relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ThemeToggle, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "max-w-md w-full mx-auto", children: !isVerified || error ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "text-center space-y-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mx-auto w-16 h-16 bg-red-100 dark:bg-red-900/20 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.ShieldCheck, { className: "text-red-600 dark:text-red-400 w-8 h-8" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-2", children: "Link Invalid" }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-slate-500 dark:text-slate-400", children: error || "The reset link is invalid or has already been used." })
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "w-full lg:w-1/2 p-8 lg:p-16 flex flex-col justify-center bg-white dark:bg-[#0A0B10] relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ThemeToggle, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "max-w-md w-full mx-auto", children: !isVerified || error ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "text-center space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mx-auto w-16 h-16 bg-red-100 dark:bg-red-900/20 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react21.ShieldCheck, { className: "text-red-600 dark:text-red-400 w-8 h-8" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-2", children: "Link Invalid" }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-slate-500 dark:text-slate-400", children: error || "The reset link is invalid or has already been used." })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           Button,
           {
             onClick: () => navigate("/login"),
@@ -9089,22 +9211,22 @@ function ResetPasswordPage() {
             children: "Back to Login"
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "mb-10", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-3 tracking-tight", children: "Reset Password" }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("p", { className: "text-slate-500 dark:text-slate-400", children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "mb-10", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-3 tracking-tight", children: "Reset Password" }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "text-slate-500 dark:text-slate-400", children: [
             "Set a new, strong password for",
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-indigo-600 font-medium", children: email })
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-indigo-600 font-medium", children: email })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
           "form",
           {
             onSubmit: methods.handleSubmit(onSubmit),
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 Fields_default.Input,
                 {
                   form: methods,
@@ -9113,11 +9235,11 @@ function ResetPasswordPage() {
                   type: "password",
                   placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                   required: true,
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.Lock, { size: 18, className: "text-slate-400" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react21.Lock, { size: 18, className: "text-slate-400" }),
                   className: "bg-slate-50 dark:bg-slate-900/50 h-12"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 Fields_default.Input,
                 {
                   form: methods,
@@ -9126,11 +9248,11 @@ function ResetPasswordPage() {
                   type: "password",
                   placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                   required: true,
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.ShieldCheck, { size: 18, className: "text-slate-400" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react21.ShieldCheck, { size: 18, className: "text-slate-400" }),
                   className: "bg-slate-50 dark:bg-slate-900/50 h-12"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
                 Button,
                 {
                   type: "submit",
@@ -9138,7 +9260,7 @@ function ResetPasswordPage() {
                   className: "w-full h-12 bg-indigo-600 hover:bg-indigo-500 text-white font-semibold flex items-center justify-center gap-2",
                   children: [
                     "Update Password",
-                    !isLoading && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.ArrowRight, { size: 18 })
+                    !isLoading && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react21.ArrowRight, { size: 18 })
                   ]
                 }
               )
@@ -9153,9 +9275,9 @@ var ResetPasswordPage_default = ResetPasswordPage;
 
 // src/components/users/UserProfile.tsx
 var import_lucide_react22 = require("lucide-react");
-var import_react_router_dom8 = require("react-router-dom");
-var import_antd14 = require("antd");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_react_router_dom10 = require("react-router-dom");
+var import_antd15 = require("antd");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var UserProfile = ({
   items,
   name,
@@ -9166,7 +9288,7 @@ var UserProfile = ({
 }) => {
   const { post } = useApis_default();
   const { user, logout: authLogout, account } = useAuth_default();
-  const navigate = (0, import_react_router_dom8.useNavigate)();
+  const navigate = (0, import_react_router_dom10.useNavigate)();
   const logout = async () => {
     if (onLogout) {
       onLogout();
@@ -9177,32 +9299,32 @@ var UserProfile = ({
         url: `/users/logout/${user?._id}`,
         v: 1
       });
-      import_antd14.message.success("Logout successfully");
+      import_antd15.message.success("Logout successfully");
       authLogout();
       navigate("/login");
     } catch (error) {
       console.log(error);
-      import_antd14.message.error(error?.message);
+      import_antd15.message.error(error?.message);
     }
   };
   const defaultItems = [
     {
       label: "My Profile",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react22.User, { size: 18 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react22.User, { size: 18 }),
       onClick: () => navigate("/profile"),
       className: "min-w-[150px]"
     },
     {
       label: "Logout",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react22.LogOut, { size: 18 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react22.LogOut, { size: 18 }),
       onClick: logout,
       className: "text-red-500 hover:bg-red-50 dark:hover:bg-red-950/20"
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-3", children: [
-    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ThemeToggle, {}),
-    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center gap-3", children: [
+    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ThemeToggle, {}),
+    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       ProfileDropdown,
       {
         name: name || account?.name || "User",
@@ -9218,14 +9340,14 @@ var UserProfile = ({
 var UserProfile_default = UserProfile;
 
 // src/components/users/ProfilePage.tsx
-var import_react_router_dom9 = require("react-router-dom");
+var import_react_router_dom11 = require("react-router-dom");
 var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var ProfilePage = () => {
-  const navigate = (0, import_react_router_dom9.useNavigate)();
+  const navigate = (0, import_react_router_dom11.useNavigate)();
   const { user, account } = useAuth();
   if (!user) {
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h1", { children: "Please login to view your profile" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h1", { children: "Please login to view your profile" }) });
   }
   const extraInfo = [
     {
@@ -9244,19 +9366,19 @@ var ProfilePage = () => {
       copiable: false
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "p-4 sm:p-8 space-y-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "max-w-5xl mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "p-4 sm:p-8 space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "max-w-5xl mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       Button,
       {
         variant: "outline",
         size: "sm",
         onClick: () => navigate(-1),
-        icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react23.ArrowLeft, { size: 16 }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react23.ArrowLeft, { size: 16 }),
         className: "rounded-full font-bold px-5",
         children: "Back"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       ProfileView,
       {
         name: account?.name || "User Account",
@@ -9326,11 +9448,13 @@ var ProfilePage_default = ProfilePage;
   ThemeToggle,
   ThemedLogin,
   UnProtectedRoute,
+  UserForm,
   UserProfile,
   Users,
   Views,
   WarqadProvider,
   createAccountSchema,
+  createUserSchema,
   generatePdf,
   linkUserSchema,
   resetPasswordSchema,