@abpjs/account 0.9.0 → 1.1.0

package/dist/index.mjs

@@ -175,23 +175,180 @@ function useAccountService() {
   return useMemo2(() => new AccountService(restService), [restService]);
 }
 
+// src/components/AuthWrapper/AuthWrapper.tsx
+import { Box, Container, Stack, Flex } from "@chakra-ui/react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function AuthWrapper({
+  children,
+  mainContent,
+  cancelContent
+}) {
+  return /* @__PURE__ */ jsx2(Flex, { height: "full", flex: "1", className: "auth-wrapper", children: /* @__PURE__ */ jsx2(Box, { flex: "1", py: { base: "24", md: "32" }, children: /* @__PURE__ */ jsx2(Container, { maxW: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "8", children: [
+    mainContent || children,
+    cancelContent && /* @__PURE__ */ jsx2(Box, { textAlign: "center", mt: 4, children: cancelContent })
+  ] }) }) }) });
+}
+
+// src/components/ChangePasswordForm/ChangePasswordForm.tsx
+import { useState as useState2, useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { z } from "zod";
+import { useLocalization, useProfile } from "@abpjs/core";
+import { Button, useToaster } from "@abpjs/theme-shared";
+import { Input, Stack as Stack2 } from "@chakra-ui/react";
+import { Field, InputGroup } from "@chakra-ui/react";
+import { LuLock } from "react-icons/lu";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var passwordValidation = {
+  hasLowercase: /[a-z]/,
+  hasUppercase: /[A-Z]/,
+  hasNumber: /[0-9]/,
+  hasSpecial: /[!@#$%^&*(),.?":{}|<>]/
+};
+var changePasswordSchema = z.object({
+  currentPassword: z.string().min(1, "Current password is required"),
+  newPassword: z.string().min(6, "Password must be at least 6 characters").max(32, "Password must be at most 32 characters").refine(
+    (val) => passwordValidation.hasLowercase.test(val),
+    "Password must contain at least one lowercase letter"
+  ).refine(
+    (val) => passwordValidation.hasUppercase.test(val),
+    "Password must contain at least one uppercase letter"
+  ).refine(
+    (val) => passwordValidation.hasNumber.test(val),
+    "Password must contain at least one number"
+  ).refine(
+    (val) => passwordValidation.hasSpecial.test(val),
+    "Password must contain at least one special character"
+  ),
+  confirmNewPassword: z.string().min(1, "Confirm password is required")
+}).refine((data) => data.newPassword === data.confirmNewPassword, {
+  message: "Passwords do not match",
+  path: ["confirmNewPassword"]
+});
+function ChangePasswordForm({ onSuccess, onError }) {
+  const { t } = useLocalization();
+  const { changePassword } = useProfile();
+  const toaster = useToaster();
+  const [inProgress, setInProgress] = useState2(false);
+  const {
+    register,
+    handleSubmit,
+    reset,
+    formState: { errors }
+  } = useForm({
+    resolver: zodResolver(changePasswordSchema),
+    defaultValues: {
+      currentPassword: "",
+      newPassword: "",
+      confirmNewPassword: ""
+    }
+  });
+  useEffect(() => {
+  }, []);
+  const onSubmit = async (data) => {
+    setInProgress(true);
+    try {
+      await changePassword({
+        currentPassword: data.currentPassword,
+        newPassword: data.newPassword
+      });
+      toaster.success(
+        t("AbpAccount::PasswordChangedMessage") || "Your password has been changed successfully.",
+        t("AbpAccount::Success") || "Success"
+      );
+      reset();
+      onSuccess?.();
+    } catch (err) {
+      const errorMessage = err?.error?.error_description || err?.error?.error?.message || t("AbpAccount::DefaultErrorMessage") || "An error occurred";
+      toaster.error(errorMessage, t("AbpUi::Error") || "Error", { life: 7e3 });
+      onError?.(errorMessage);
+    } finally {
+      setInProgress(false);
+    }
+  };
+  return /* @__PURE__ */ jsx3("form", { onSubmit: handleSubmit(onSubmit), noValidate: true, children: /* @__PURE__ */ jsxs2(Stack2, { gap: "5", children: [
+    /* @__PURE__ */ jsxs2(Field.Root, { invalid: !!errors.currentPassword, children: [
+      /* @__PURE__ */ jsx3(Field.Label, { children: t("AbpAccount::CurrentPassword") }),
+      /* @__PURE__ */ jsx3(InputGroup, { startElement: /* @__PURE__ */ jsx3(LuLock, {}), width: "full", children: /* @__PURE__ */ jsx3(
+        Input,
+        {
+          id: "current-password",
+          type: "password",
+          autoComplete: "current-password",
+          placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+          ...register("currentPassword")
+        }
+      ) }),
+      errors.currentPassword && /* @__PURE__ */ jsx3(Field.ErrorText, { children: errors.currentPassword.message })
+    ] }),
+    /* @__PURE__ */ jsxs2(Field.Root, { invalid: !!errors.newPassword, children: [
+      /* @__PURE__ */ jsx3(Field.Label, { children: t("AbpAccount::NewPassword") }),
+      /* @__PURE__ */ jsx3(InputGroup, { startElement: /* @__PURE__ */ jsx3(LuLock, {}), width: "full", children: /* @__PURE__ */ jsx3(
+        Input,
+        {
+          id: "new-password",
+          type: "password",
+          autoComplete: "new-password",
+          placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+          ...register("newPassword")
+        }
+      ) }),
+      errors.newPassword && /* @__PURE__ */ jsx3(Field.ErrorText, { children: errors.newPassword.message })
+    ] }),
+    /* @__PURE__ */ jsxs2(Field.Root, { invalid: !!errors.confirmNewPassword, children: [
+      /* @__PURE__ */ jsx3(Field.Label, { children: t("AbpAccount::NewPasswordConfirm") }),
+      /* @__PURE__ */ jsx3(InputGroup, { startElement: /* @__PURE__ */ jsx3(LuLock, {}), width: "full", children: /* @__PURE__ */ jsx3(
+        Input,
+        {
+          id: "confirm-new-password",
+          type: "password",
+          autoComplete: "new-password",
+          placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+          ...register("confirmNewPassword")
+        }
+      ) }),
+      errors.confirmNewPassword && /* @__PURE__ */ jsx3(Field.ErrorText, { children: errors.confirmNewPassword.message })
+    ] }),
+    /* @__PURE__ */ jsx3(
+      Button,
+      {
+        type: "submit",
+        colorPalette: "blue",
+        loading: inProgress,
+        loadingText: t("AbpAccount::Submit"),
+        children: t("AbpAccount::Submit")
+      }
+    )
+  ] }) });
+}
+
+// src/components/LoginForm/LoginForm.tsx
+import { useForm as useForm2 } from "react-hook-form";
+import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
+import { z as z2 } from "zod";
+import { Link as RouterLink } from "react-router-dom";
+import { useLocalization as useLocalization3 } from "@abpjs/core";
+import { Alert, Button as Button3, Checkbox } from "@abpjs/theme-shared";
+import { Box as Box3, Heading, Input as Input3, Link as Link2, HStack, Show } from "@chakra-ui/react";
+
 // src/components/TenantBox/TenantBox.tsx
-import { useState as useState2, useCallback as useCallback2, useEffect } from "react";
+import { useState as useState3, useCallback as useCallback2, useEffect as useEffect2 } from "react";
 import { useDispatch, useSelector } from "react-redux";
-import { useLocalization, sessionActions, selectTenant } from "@abpjs/core";
-import { Modal, Button, useToaster } from "@abpjs/theme-shared";
-import { Box, Text, Link, Input, VStack } from "@chakra-ui/react";
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { useLocalization as useLocalization2, sessionActions, selectTenant } from "@abpjs/core";
+import { Modal, Button as Button2, useToaster as useToaster2 } from "@abpjs/theme-shared";
+import { Box as Box2, Text, Link, Input as Input2, VStack } from "@chakra-ui/react";
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function TenantBox({ containerStyle }) {
-  const { t } = useLocalization();
+  const { t } = useLocalization2();
   const dispatch = useDispatch();
   const accountService = useAccountService();
-  const toaster = useToaster();
+  const toaster = useToaster2();
   const currentTenant = useSelector(selectTenant);
-  const [tenantName, setTenantName] = useState2("");
-  const [isModalVisible, setIsModalVisible] = useState2(false);
-  const [isLoading, setIsLoading] = useState2(false);
-  useEffect(() => {
+  const [tenantName, setTenantName] = useState3("");
+  const [isModalVisible, setIsModalVisible] = useState3(false);
+  const [inProgress, setInProgress] = useState3(false);
+  useEffect2(() => {
     setTenantName(currentTenant?.name || "");
   }, [currentTenant]);
   const onSwitch = useCallback2(() => {
@@ -199,7 +356,7 @@ function TenantBox({ containerStyle }) {
   }, []);
   const save = useCallback2(async () => {
     if (tenantName) {
-      setIsLoading(true);
+      setInProgress(true);
       try {
         const { success, tenantId } = await accountService.findTenant(tenantName);
         if (success) {
@@ -220,7 +377,7 @@ function TenantBox({ containerStyle }) {
         const errorMessage = err?.error?.error_description || err?.error?.error?.message || t("AbpUi::DefaultErrorMessage") || "An error occurred";
         toaster.error(errorMessage, t("AbpUi::Error") || "Error");
       } finally {
-        setIsLoading(false);
+        setInProgress(false);
       }
     } else {
       dispatch(sessionActions.setTenant({ id: "", name: "" }));
@@ -238,9 +395,9 @@ function TenantBox({ containerStyle }) {
     },
     [save]
   );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      Box,
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsxs3(
+      Box2,
       {
         className: "tenant-switch-box",
         bg: "gray.100",
@@ -251,14 +408,14 @@ function TenantBox({ containerStyle }) {
         borderRadius: "md",
         style: containerStyle,
         children: [
-          /* @__PURE__ */ jsxs(Text, { as: "span", color: "gray.600", children: [
+          /* @__PURE__ */ jsxs3(Text, { as: "span", color: "gray.600", children: [
             t("AbpUiMultiTenancy::Tenant"),
             ":",
             " "
           ] }),
-          /* @__PURE__ */ jsx2(Text, { as: "strong", children: /* @__PURE__ */ jsx2(Text, { as: "i", children: currentTenant?.name || t("AbpUiMultiTenancy::NotSelected") }) }),
+          /* @__PURE__ */ jsx4(Text, { as: "strong", children: /* @__PURE__ */ jsx4(Text, { as: "i", children: currentTenant?.name || t("AbpUiMultiTenancy::NotSelected") }) }),
           " (",
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx4(
             Link,
             {
               id: "abp-tenant-switch-link",
@@ -273,34 +430,34 @@ function TenantBox({ containerStyle }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx4(
       Modal,
       {
         visible: isModalVisible,
         onVisibleChange: setIsModalVisible,
         size: "md",
         header: t("AbpUiMultiTenancy::SwitchTenant") || "Switch Tenant",
-        footer: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx2(Button, { variant: "ghost", colorPalette: "gray", onClick: onClose, children: t("AbpTenantManagement::Cancel") }),
-          /* @__PURE__ */ jsxs(
-            Button,
+        footer: /* @__PURE__ */ jsxs3(Fragment, { children: [
+          /* @__PURE__ */ jsx4(Button2, { variant: "ghost", colorPalette: "gray", onClick: onClose, children: t("AbpTenantManagement::Cancel") }),
+          /* @__PURE__ */ jsxs3(
+            Button2,
             {
               colorPalette: "blue",
               onClick: save,
-              loading: isLoading,
+              loading: inProgress,
               loadingText: t("AbpTenantManagement::Save"),
               children: [
-                /* @__PURE__ */ jsx2(CheckIcon, {}),
+                /* @__PURE__ */ jsx4(CheckIcon, {}),
                 t("AbpTenantManagement::Save")
               ]
             }
           )
         ] }),
-        children: /* @__PURE__ */ jsx2("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(VStack, { gap: 4, align: "stretch", children: [
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx2(Text, { as: "label", mb: 1, display: "block", children: t("AbpUiMultiTenancy::Name") }),
-            /* @__PURE__ */ jsx2(
-              Input,
+        children: /* @__PURE__ */ jsx4("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs3(VStack, { gap: 4, align: "stretch", children: [
+          /* @__PURE__ */ jsxs3(Box2, { children: [
+            /* @__PURE__ */ jsx4(Text, { as: "label", mb: 1, display: "block", children: t("AbpUiMultiTenancy::Name") }),
+            /* @__PURE__ */ jsx4(
+              Input2,
               {
                 id: "tenant-name",
                 type: "text",
@@ -310,14 +467,14 @@ function TenantBox({ containerStyle }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx2(Text, { fontSize: "sm", color: "gray.600", children: t("AbpUiMultiTenancy::SwitchTenantHint") })
+          /* @__PURE__ */ jsx4(Text, { fontSize: "sm", color: "gray.600", children: t("AbpUiMultiTenancy::SwitchTenantHint") })
         ] }) })
       }
     )
   ] });
 }
 function CheckIcon() {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx4(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -329,34 +486,27 @@ function CheckIcon() {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx2("polyline", { points: "20 6 9 17 4 12" })
+      children: /* @__PURE__ */ jsx4("polyline", { points: "20 6 9 17 4 12" })
     }
   );
 }
 
 // src/components/LoginForm/LoginForm.tsx
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-import { Link as RouterLink } from "react-router-dom";
-import { useLocalization as useLocalization2 } from "@abpjs/core";
-import { Alert, Button as Button2, Checkbox } from "@abpjs/theme-shared";
-import { Box as Box2, Heading, Input as Input2, Link as Link2, HStack, Show } from "@chakra-ui/react";
 import {
   Card,
-  Container,
-  Field,
-  Flex,
-  InputGroup,
-  Stack,
+  Container as Container2,
+  Field as Field2,
+  Flex as Flex2,
+  InputGroup as InputGroup2,
+  Stack as Stack3,
   Text as Text2
 } from "@chakra-ui/react";
-import { LuLock, LuMail } from "react-icons/lu";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var loginSchema = z.object({
-  username: z.string().min(1, "Username is required").max(255, "Username must be at most 255 characters"),
-  password: z.string().min(1, "Password is required").max(32, "Password must be at most 32 characters"),
-  remember: z.boolean().default(false)
+import { LuLock as LuLock2, LuMail } from "react-icons/lu";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var loginSchema = z2.object({
+  username: z2.string().min(1, "Username is required").max(255, "Username must be at most 255 characters"),
+  password: z2.string().min(1, "Password is required").max(32, "Password must be at most 32 characters"),
+  remember: z2.boolean().default(false)
 });
 function LoginForm({
   showTenantBox = true,
@@ -365,14 +515,14 @@ function LoginForm({
   onLoginSuccess,
   onLoginError
 }) {
-  const { t } = useLocalization2();
+  const { t } = useLocalization3();
   const { login, isLoading, error, clearError } = usePasswordFlow();
   const {
     register,
     handleSubmit,
     formState: { errors, isSubmitting }
-  } = useForm({
-    resolver: zodResolver(loginSchema),
+  } = useForm2({
+    resolver: zodResolver2(loginSchema),
     defaultValues: {
       username: "",
       password: "",
@@ -391,16 +541,16 @@ function LoginForm({
     }
   };
   const isFormLoading = isLoading || isSubmitting;
-  return /* @__PURE__ */ jsx3(Flex, { height: "full", flex: "1", children: /* @__PURE__ */ jsx3(Box2, { flex: "1.5", py: { base: "24", md: "32" }, children: /* @__PURE__ */ jsx3(Container, { maxW: "md", children: /* @__PURE__ */ jsxs2(Stack, { gap: "8", children: [
-    /* @__PURE__ */ jsx3(Show, { when: showTenantBox, children: /* @__PURE__ */ jsx3(TenantBox, {}) }),
-    /* @__PURE__ */ jsx3(Stack, { gap: { base: "2", md: "3" }, textAlign: "center", children: /* @__PURE__ */ jsx3(Heading, { size: { base: "2xl", md: "3xl" }, children: t("AbpAccount::Login") }) }),
-    error && /* @__PURE__ */ jsx3(Alert, { status: "error", children: error }),
-    /* @__PURE__ */ jsx3("form", { onSubmit: handleSubmit(onSubmit), noValidate: true, children: /* @__PURE__ */ jsxs2(Stack, { gap: "6", children: [
-      /* @__PURE__ */ jsxs2(Stack, { gap: "5", children: [
-        /* @__PURE__ */ jsxs2(Field.Root, { invalid: !!errors.username, children: [
-          /* @__PURE__ */ jsx3(Field.Label, { children: t("AbpAccount::UserNameOrEmailAddress") }),
-          /* @__PURE__ */ jsx3(InputGroup, { startElement: /* @__PURE__ */ jsx3(LuMail, {}), width: "full", children: /* @__PURE__ */ jsx3(
-            Input2,
+  return /* @__PURE__ */ jsx5(Flex2, { height: "full", flex: "1", children: /* @__PURE__ */ jsx5(Box3, { flex: "1.5", py: { base: "24", md: "32" }, children: /* @__PURE__ */ jsx5(Container2, { maxW: "md", children: /* @__PURE__ */ jsxs4(Stack3, { gap: "8", children: [
+    /* @__PURE__ */ jsx5(Show, { when: showTenantBox, children: /* @__PURE__ */ jsx5(TenantBox, {}) }),
+    /* @__PURE__ */ jsx5(Stack3, { gap: { base: "2", md: "3" }, textAlign: "center", children: /* @__PURE__ */ jsx5(Heading, { size: { base: "2xl", md: "3xl" }, children: t("AbpAccount::Login") }) }),
+    error && /* @__PURE__ */ jsx5(Alert, { status: "error", children: error }),
+    /* @__PURE__ */ jsx5("form", { onSubmit: handleSubmit(onSubmit), noValidate: true, children: /* @__PURE__ */ jsxs4(Stack3, { gap: "6", children: [
+      /* @__PURE__ */ jsxs4(Stack3, { gap: "5", children: [
+        /* @__PURE__ */ jsxs4(Field2.Root, { invalid: !!errors.username, children: [
+          /* @__PURE__ */ jsx5(Field2.Label, { children: t("AbpAccount::UserNameOrEmailAddress") }),
+          /* @__PURE__ */ jsx5(InputGroup2, { startElement: /* @__PURE__ */ jsx5(LuMail, {}), width: "full", children: /* @__PURE__ */ jsx5(
+            Input3,
             {
               id: "login-input-user-name-or-email-address",
               type: "text",
@@ -409,12 +559,12 @@ function LoginForm({
               ...register("username")
             }
           ) }),
-          errors.username && /* @__PURE__ */ jsx3(Field.ErrorText, { children: errors.username.message })
+          errors.username && /* @__PURE__ */ jsx5(Field2.ErrorText, { children: errors.username.message })
         ] }),
-        /* @__PURE__ */ jsxs2(Field.Root, { invalid: !!errors.password, children: [
-          /* @__PURE__ */ jsx3(Field.Label, { children: t("AbpAccount::Password") }),
-          /* @__PURE__ */ jsx3(InputGroup, { startElement: /* @__PURE__ */ jsx3(LuLock, {}), width: "full", children: /* @__PURE__ */ jsx3(
-            Input2,
+        /* @__PURE__ */ jsxs4(Field2.Root, { invalid: !!errors.password, children: [
+          /* @__PURE__ */ jsx5(Field2.Label, { children: t("AbpAccount::Password") }),
+          /* @__PURE__ */ jsx5(InputGroup2, { startElement: /* @__PURE__ */ jsx5(LuLock2, {}), width: "full", children: /* @__PURE__ */ jsx5(
+            Input3,
             {
               id: "login-input-password",
               type: "password",
@@ -423,11 +573,11 @@ function LoginForm({
               ...register("password")
             }
           ) }),
-          errors.password && /* @__PURE__ */ jsx3(Field.ErrorText, { children: errors.password.message })
+          errors.password && /* @__PURE__ */ jsx5(Field2.ErrorText, { children: errors.password.message })
         ] }),
-        /* @__PURE__ */ jsx3(Checkbox, { id: "login-input-remember-me", ...register("remember"), children: t("AbpAccount::RememberMe") }),
-        /* @__PURE__ */ jsx3(
-          Button2,
+        /* @__PURE__ */ jsx5(Checkbox, { id: "login-input-remember-me", ...register("remember"), children: t("AbpAccount::RememberMe") }),
+        /* @__PURE__ */ jsx5(
+          Button3,
           {
             type: "submit",
             colorPalette: "blue",
@@ -436,56 +586,265 @@ function LoginForm({
             children: t("AbpAccount::Login")
           }
         ),
-        /* @__PURE__ */ jsx3(Link2, { variant: "plain", children: t("AbpAccount::ForgotPassword") })
+        /* @__PURE__ */ jsx5(Link2, { variant: "plain", children: t("AbpAccount::ForgotPassword") })
       ] }),
-      /* @__PURE__ */ jsx3(Show, { when: showRegisterLink, children: /* @__PURE__ */ jsx3(Card.Root, { size: "sm", mt: "10", children: /* @__PURE__ */ jsx3(Card.Body, { children: /* @__PURE__ */ jsxs2(HStack, { textStyle: "sm", children: [
-        /* @__PURE__ */ jsx3(Text2, { children: t("AbpAccount::AreYouANewUser") }),
-        /* @__PURE__ */ jsx3(Link2, { asChild: true, variant: "underline", fontWeight: "semibold", children: /* @__PURE__ */ jsx3(RouterLink, { to: registerUrl, children: t("AbpAccount::Register") }) })
+      /* @__PURE__ */ jsx5(Show, { when: showRegisterLink, children: /* @__PURE__ */ jsx5(Card.Root, { size: "sm", mt: "10", children: /* @__PURE__ */ jsx5(Card.Body, { children: /* @__PURE__ */ jsxs4(HStack, { textStyle: "sm", children: [
+        /* @__PURE__ */ jsx5(Text2, { children: t("AbpAccount::AreYouANewUser") }),
+        /* @__PURE__ */ jsx5(Link2, { asChild: true, variant: "underline", fontWeight: "semibold", children: /* @__PURE__ */ jsx5(RouterLink, { to: registerUrl, children: t("AbpAccount::Register") }) })
       ] }) }) }) })
     ] }) })
   ] }) }) }) });
 }
 
+// src/components/ManageProfile/ManageProfile.tsx
+import { useState as useState5 } from "react";
+import { useLocalization as useLocalization5 } from "@abpjs/core";
+import { Box as Box4, Container as Container3, Heading as Heading2, Stack as Stack5, Tabs } from "@chakra-ui/react";
+
+// src/components/PersonalSettingsForm/PersonalSettingsForm.tsx
+import { useState as useState4, useEffect as useEffect3 } from "react";
+import { useForm as useForm3 } from "react-hook-form";
+import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
+import { z as z3 } from "zod";
+import { useLocalization as useLocalization4, useProfile as useProfile2 } from "@abpjs/core";
+import { Button as Button4, useToaster as useToaster3 } from "@abpjs/theme-shared";
+import { Input as Input4, Stack as Stack4 } from "@chakra-ui/react";
+import { Field as Field3, InputGroup as InputGroup3 } from "@chakra-ui/react";
+import { LuMail as LuMail2, LuUser, LuPhone } from "react-icons/lu";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var personalSettingsSchema = z3.object({
+  userName: z3.string().min(1, "Username is required").max(255, "Username must be at most 255 characters"),
+  email: z3.string().min(1, "Email is required").email("Please enter a valid email address"),
+  name: z3.string().max(64, "Name must be at most 64 characters").optional(),
+  surname: z3.string().max(64, "Surname must be at most 64 characters").optional(),
+  phoneNumber: z3.string().max(16, "Phone number must be at most 16 characters").optional()
+});
+function PersonalSettingsForm({ onSuccess, onError }) {
+  const { t } = useLocalization4();
+  const { profile, loading, fetchProfile, updateProfile } = useProfile2();
+  const toaster = useToaster3();
+  const [inProgress, setInProgress] = useState4(false);
+  const {
+    register,
+    handleSubmit,
+    reset,
+    formState: { errors }
+  } = useForm3({
+    resolver: zodResolver3(personalSettingsSchema),
+    defaultValues: {
+      userName: "",
+      email: "",
+      name: "",
+      surname: "",
+      phoneNumber: ""
+    }
+  });
+  useEffect3(() => {
+    fetchProfile();
+  }, [fetchProfile]);
+  useEffect3(() => {
+    if (profile) {
+      reset({
+        userName: profile.userName || "",
+        email: profile.email || "",
+        name: profile.name || "",
+        surname: profile.surname || "",
+        phoneNumber: profile.phoneNumber || ""
+      });
+    }
+  }, [profile, reset]);
+  const submit = async (data) => {
+    setInProgress(true);
+    try {
+      const updateData = {
+        userName: data.userName,
+        email: data.email,
+        name: data.name || "",
+        surname: data.surname || "",
+        phoneNumber: data.phoneNumber || ""
+      };
+      await updateProfile(updateData);
+      toaster.success(
+        t("AbpAccount::PersonalSettingsSaved") || "Personal settings have been saved successfully.",
+        t("AbpAccount::Success") || "Success"
+      );
+      onSuccess?.();
+    } catch (err) {
+      const errorMessage = err?.error?.error_description || err?.error?.error?.message || t("AbpAccount::DefaultErrorMessage") || "An error occurred";
+      toaster.error(errorMessage, t("AbpUi::Error") || "Error", { life: 7e3 });
+      onError?.(errorMessage);
+    } finally {
+      setInProgress(false);
+    }
+  };
+  if (loading && !profile) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx6("form", { onSubmit: handleSubmit(submit), noValidate: true, children: /* @__PURE__ */ jsxs5(Stack4, { gap: "5", children: [
+    /* @__PURE__ */ jsxs5(Field3.Root, { invalid: !!errors.userName, children: [
+      /* @__PURE__ */ jsx6(Field3.Label, { children: t("AbpAccount::UserName") }),
+      /* @__PURE__ */ jsx6(InputGroup3, { startElement: /* @__PURE__ */ jsx6(LuUser, {}), width: "full", children: /* @__PURE__ */ jsx6(
+        Input4,
+        {
+          id: "user-name",
+          type: "text",
+          autoComplete: "username",
+          ...register("userName")
+        }
+      ) }),
+      errors.userName && /* @__PURE__ */ jsx6(Field3.ErrorText, { children: errors.userName.message })
+    ] }),
+    /* @__PURE__ */ jsxs5(Field3.Root, { invalid: !!errors.email, children: [
+      /* @__PURE__ */ jsx6(Field3.Label, { children: t("AbpAccount::EmailAddress") }),
+      /* @__PURE__ */ jsx6(InputGroup3, { startElement: /* @__PURE__ */ jsx6(LuMail2, {}), width: "full", children: /* @__PURE__ */ jsx6(
+        Input4,
+        {
+          id: "email",
+          type: "email",
+          autoComplete: "email",
+          ...register("email")
+        }
+      ) }),
+      errors.email && /* @__PURE__ */ jsx6(Field3.ErrorText, { children: errors.email.message })
+    ] }),
+    /* @__PURE__ */ jsxs5(Field3.Root, { invalid: !!errors.name, children: [
+      /* @__PURE__ */ jsx6(Field3.Label, { children: t("AbpAccount::DisplayName:Name") }),
+      /* @__PURE__ */ jsx6(InputGroup3, { startElement: /* @__PURE__ */ jsx6(LuUser, {}), width: "full", children: /* @__PURE__ */ jsx6(
+        Input4,
+        {
+          id: "name",
+          type: "text",
+          autoComplete: "given-name",
+          ...register("name")
+        }
+      ) }),
+      errors.name && /* @__PURE__ */ jsx6(Field3.ErrorText, { children: errors.name.message })
+    ] }),
+    /* @__PURE__ */ jsxs5(Field3.Root, { invalid: !!errors.surname, children: [
+      /* @__PURE__ */ jsx6(Field3.Label, { children: t("AbpAccount::DisplayName:Surname") }),
+      /* @__PURE__ */ jsx6(InputGroup3, { startElement: /* @__PURE__ */ jsx6(LuUser, {}), width: "full", children: /* @__PURE__ */ jsx6(
+        Input4,
+        {
+          id: "surname",
+          type: "text",
+          autoComplete: "family-name",
+          ...register("surname")
+        }
+      ) }),
+      errors.surname && /* @__PURE__ */ jsx6(Field3.ErrorText, { children: errors.surname.message })
+    ] }),
+    /* @__PURE__ */ jsxs5(Field3.Root, { invalid: !!errors.phoneNumber, children: [
+      /* @__PURE__ */ jsx6(Field3.Label, { children: t("AbpAccount::PhoneNumber") }),
+      /* @__PURE__ */ jsx6(InputGroup3, { startElement: /* @__PURE__ */ jsx6(LuPhone, {}), width: "full", children: /* @__PURE__ */ jsx6(
+        Input4,
+        {
+          id: "phone-number",
+          type: "tel",
+          autoComplete: "tel",
+          ...register("phoneNumber")
+        }
+      ) }),
+      errors.phoneNumber && /* @__PURE__ */ jsx6(Field3.ErrorText, { children: errors.phoneNumber.message })
+    ] }),
+    /* @__PURE__ */ jsx6(
+      Button4,
+      {
+        type: "submit",
+        colorPalette: "blue",
+        loading: inProgress,
+        loadingText: t("AbpAccount::Submit"),
+        children: t("AbpAccount::Submit")
+      }
+    )
+  ] }) });
+}
+
+// src/components/ManageProfile/ManageProfile.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function ManageProfile({
+  defaultTabIndex = 0,
+  onTabChange,
+  customTabs
+}) {
+  const { t } = useLocalization5();
+  const [selectedTab, setSelectedTab] = useState5(defaultTabIndex);
+  const defaultTabs = [
+    {
+      id: "personal-settings",
+      label: t("AbpAccount::PersonalSettings") || "Personal Settings",
+      content: /* @__PURE__ */ jsx7(PersonalSettingsForm, {})
+    },
+    {
+      id: "change-password",
+      label: t("AbpAccount::ChangePassword") || "Change Password",
+      content: /* @__PURE__ */ jsx7(ChangePasswordForm, {})
+    }
+  ];
+  const tabs = customTabs || defaultTabs;
+  const handleTabChange = (details) => {
+    const index = tabs.findIndex((tab) => tab.id === details.value);
+    if (index !== -1) {
+      setSelectedTab(index);
+      onTabChange?.(index);
+    }
+  };
+  return /* @__PURE__ */ jsx7(Box4, { className: "manage-profile", py: { base: "8", md: "12" }, children: /* @__PURE__ */ jsx7(Container3, { maxW: "2xl", children: /* @__PURE__ */ jsxs6(Stack5, { gap: "8", children: [
+    /* @__PURE__ */ jsx7(Heading2, { size: "xl", children: t("AbpAccount::ManageYourAccount") || "Manage Your Account" }),
+    /* @__PURE__ */ jsxs6(
+      Tabs.Root,
+      {
+        value: tabs[selectedTab]?.id,
+        onValueChange: handleTabChange,
+        variant: "enclosed",
+        children: [
+          /* @__PURE__ */ jsx7(Tabs.List, { children: tabs.map((tab) => /* @__PURE__ */ jsx7(Tabs.Trigger, { value: tab.id, children: tab.label }, tab.id)) }),
+          tabs.map((tab) => /* @__PURE__ */ jsx7(Tabs.Content, { value: tab.id, children: /* @__PURE__ */ jsx7(Box4, { pt: 6, children: tab.content }) }, tab.id))
+        ]
+      }
+    )
+  ] }) }) });
+}
+
 // src/components/RegisterForm/RegisterForm.tsx
-import { useState as useState3 } from "react";
-import { useForm as useForm2 } from "react-hook-form";
-import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
-import { z as z2 } from "zod";
+import { useState as useState6 } from "react";
+import { useForm as useForm4 } from "react-hook-form";
+import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
+import { z as z4 } from "zod";
 import { Link as RouterLink2, useNavigate as useNavigate2 } from "react-router-dom";
-import { useLocalization as useLocalization3, useUserManager, useAbp as useAbp2, configActions as configActions2 } from "@abpjs/core";
-import { Button as Button3, useToaster as useToaster2 } from "@abpjs/theme-shared";
-import { Box as Box3, Heading as Heading2, Input as Input3, Link as Link3, HStack as HStack2, Show as Show2 } from "@chakra-ui/react";
+import { useLocalization as useLocalization6, useUserManager, useAbp as useAbp2, configActions as configActions2 } from "@abpjs/core";
+import { Button as Button5, useToaster as useToaster4 } from "@abpjs/theme-shared";
+import { Box as Box5, Heading as Heading3, Input as Input5, Link as Link3, HStack as HStack2, Show as Show2 } from "@chakra-ui/react";
 import {
   Card as Card2,
-  Container as Container2,
-  Field as Field2,
-  Flex as Flex2,
-  InputGroup as InputGroup2,
-  Stack as Stack2,
+  Container as Container4,
+  Field as Field4,
+  Flex as Flex3,
+  InputGroup as InputGroup4,
+  Stack as Stack6,
   Text as Text3
 } from "@chakra-ui/react";
-import { LuLock as LuLock2, LuMail as LuMail2, LuUser } from "react-icons/lu";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var passwordValidation = {
+import { LuLock as LuLock3, LuMail as LuMail3, LuUser as LuUser2 } from "react-icons/lu";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var passwordValidation2 = {
   hasLowercase: /[a-z]/,
   hasUppercase: /[A-Z]/,
   hasNumber: /[0-9]/,
   hasSpecial: /[!@#$%^&*(),.?":{}|<>]/
 };
-var registerSchema = z2.object({
-  username: z2.string().min(1, "Username is required").max(255, "Username must be at most 255 characters"),
-  email: z2.string().min(1, "Email is required").email("Please enter a valid email address"),
-  password: z2.string().min(6, "Password must be at least 6 characters").max(32, "Password must be at most 32 characters").refine(
-    (val) => passwordValidation.hasLowercase.test(val),
+var registerSchema = z4.object({
+  username: z4.string().min(1, "Username is required").max(255, "Username must be at most 255 characters"),
+  email: z4.string().min(1, "Email is required").email("Please enter a valid email address"),
+  password: z4.string().min(6, "Password must be at least 6 characters").max(32, "Password must be at most 32 characters").refine(
+    (val) => passwordValidation2.hasLowercase.test(val),
     "Password must contain at least one lowercase letter"
   ).refine(
-    (val) => passwordValidation.hasUppercase.test(val),
+    (val) => passwordValidation2.hasUppercase.test(val),
     "Password must contain at least one uppercase letter"
   ).refine(
-    (val) => passwordValidation.hasNumber.test(val),
+    (val) => passwordValidation2.hasNumber.test(val),
     "Password must contain at least one number"
   ).refine(
-    (val) => passwordValidation.hasSpecial.test(val),
+    (val) => passwordValidation2.hasSpecial.test(val),
     "Password must contain at least one special character"
   )
 });
@@ -496,19 +855,19 @@ function RegisterForm({
   onRegisterSuccess,
   onRegisterError
 }) {
-  const { t } = useLocalization3();
+  const { t } = useLocalization6();
   const navigate = useNavigate2();
   const accountService = useAccountService();
-  const toaster = useToaster2();
+  const toaster = useToaster4();
   const userManager = useUserManager();
   const { store, applicationConfigurationService } = useAbp2();
-  const [inProgress, setInProgress] = useState3(false);
+  const [inProgress, setInProgress] = useState6(false);
   const {
     register,
     handleSubmit,
     formState: { errors }
-  } = useForm2({
-    resolver: zodResolver2(registerSchema),
+  } = useForm4({
+    resolver: zodResolver4(registerSchema),
     defaultValues: {
       username: "",
       email: "",
@@ -560,15 +919,15 @@ function RegisterForm({
       setInProgress(false);
     }
   };
-  return /* @__PURE__ */ jsx4(Flex2, { height: "full", flex: "1", children: /* @__PURE__ */ jsx4(Box3, { flex: "1.5", py: { base: "24", md: "32" }, children: /* @__PURE__ */ jsx4(Container2, { maxW: "md", children: /* @__PURE__ */ jsxs3(Stack2, { gap: "8", children: [
-    /* @__PURE__ */ jsx4(Show2, { when: showTenantBox, children: /* @__PURE__ */ jsx4(TenantBox, {}) }),
-    /* @__PURE__ */ jsx4(Stack2, { gap: { base: "2", md: "3" }, textAlign: "center", children: /* @__PURE__ */ jsx4(Heading2, { size: { base: "2xl", md: "3xl" }, children: t("AbpAccount::Register") }) }),
-    /* @__PURE__ */ jsx4("form", { onSubmit: handleSubmit(onSubmit), noValidate: true, children: /* @__PURE__ */ jsxs3(Stack2, { gap: "6", children: [
-      /* @__PURE__ */ jsxs3(Stack2, { gap: "5", children: [
-        /* @__PURE__ */ jsxs3(Field2.Root, { invalid: !!errors.username, children: [
-          /* @__PURE__ */ jsx4(Field2.Label, { children: t("AbpAccount::UserName") }),
-          /* @__PURE__ */ jsx4(InputGroup2, { startElement: /* @__PURE__ */ jsx4(LuUser, {}), width: "full", children: /* @__PURE__ */ jsx4(
-            Input3,
+  return /* @__PURE__ */ jsx8(Flex3, { height: "full", flex: "1", children: /* @__PURE__ */ jsx8(Box5, { flex: "1.5", py: { base: "24", md: "32" }, children: /* @__PURE__ */ jsx8(Container4, { maxW: "md", children: /* @__PURE__ */ jsxs7(Stack6, { gap: "8", children: [
+    /* @__PURE__ */ jsx8(Show2, { when: showTenantBox, children: /* @__PURE__ */ jsx8(TenantBox, {}) }),
+    /* @__PURE__ */ jsx8(Stack6, { gap: { base: "2", md: "3" }, textAlign: "center", children: /* @__PURE__ */ jsx8(Heading3, { size: { base: "2xl", md: "3xl" }, children: t("AbpAccount::Register") }) }),
+    /* @__PURE__ */ jsx8("form", { onSubmit: handleSubmit(onSubmit), noValidate: true, children: /* @__PURE__ */ jsxs7(Stack6, { gap: "6", children: [
+      /* @__PURE__ */ jsxs7(Stack6, { gap: "5", children: [
+        /* @__PURE__ */ jsxs7(Field4.Root, { invalid: !!errors.username, children: [
+          /* @__PURE__ */ jsx8(Field4.Label, { children: t("AbpAccount::UserName") }),
+          /* @__PURE__ */ jsx8(InputGroup4, { startElement: /* @__PURE__ */ jsx8(LuUser2, {}), width: "full", children: /* @__PURE__ */ jsx8(
+            Input5,
             {
               id: "input-user-name",
               type: "text",
@@ -578,12 +937,12 @@ function RegisterForm({
               ...register("username")
             }
           ) }),
-          errors.username && /* @__PURE__ */ jsx4(Field2.ErrorText, { children: errors.username.message })
+          errors.username && /* @__PURE__ */ jsx8(Field4.ErrorText, { children: errors.username.message })
         ] }),
-        /* @__PURE__ */ jsxs3(Field2.Root, { invalid: !!errors.email, children: [
-          /* @__PURE__ */ jsx4(Field2.Label, { children: t("AbpAccount::EmailAddress") }),
-          /* @__PURE__ */ jsx4(InputGroup2, { startElement: /* @__PURE__ */ jsx4(LuMail2, {}), width: "full", children: /* @__PURE__ */ jsx4(
-            Input3,
+        /* @__PURE__ */ jsxs7(Field4.Root, { invalid: !!errors.email, children: [
+          /* @__PURE__ */ jsx8(Field4.Label, { children: t("AbpAccount::EmailAddress") }),
+          /* @__PURE__ */ jsx8(InputGroup4, { startElement: /* @__PURE__ */ jsx8(LuMail3, {}), width: "full", children: /* @__PURE__ */ jsx8(
+            Input5,
             {
               id: "input-email-address",
               type: "email",
@@ -592,12 +951,12 @@ function RegisterForm({
               ...register("email")
             }
           ) }),
-          errors.email && /* @__PURE__ */ jsx4(Field2.ErrorText, { children: errors.email.message })
+          errors.email && /* @__PURE__ */ jsx8(Field4.ErrorText, { children: errors.email.message })
         ] }),
-        /* @__PURE__ */ jsxs3(Field2.Root, { invalid: !!errors.password, children: [
-          /* @__PURE__ */ jsx4(Field2.Label, { children: t("AbpAccount::Password") }),
-          /* @__PURE__ */ jsx4(InputGroup2, { startElement: /* @__PURE__ */ jsx4(LuLock2, {}), width: "full", children: /* @__PURE__ */ jsx4(
-            Input3,
+        /* @__PURE__ */ jsxs7(Field4.Root, { invalid: !!errors.password, children: [
+          /* @__PURE__ */ jsx8(Field4.Label, { children: t("AbpAccount::Password") }),
+          /* @__PURE__ */ jsx8(InputGroup4, { startElement: /* @__PURE__ */ jsx8(LuLock3, {}), width: "full", children: /* @__PURE__ */ jsx8(
+            Input5,
             {
               id: "input-password",
               type: "password",
@@ -606,10 +965,10 @@ function RegisterForm({
               ...register("password")
             }
           ) }),
-          errors.password && /* @__PURE__ */ jsx4(Field2.ErrorText, { children: errors.password.message })
+          errors.password && /* @__PURE__ */ jsx8(Field4.ErrorText, { children: errors.password.message })
         ] }),
-        /* @__PURE__ */ jsx4(
-          Button3,
+        /* @__PURE__ */ jsx8(
+          Button5,
           {
             type: "submit",
             colorPalette: "blue",
@@ -619,32 +978,32 @@ function RegisterForm({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx4(Show2, { when: showLoginLink, children: /* @__PURE__ */ jsx4(Card2.Root, { size: "sm", mt: "10", children: /* @__PURE__ */ jsx4(Card2.Body, { children: /* @__PURE__ */ jsxs3(HStack2, { textStyle: "sm", children: [
-        /* @__PURE__ */ jsx4(Text3, { children: t("AbpAccount::AlreadyRegistered") }),
-        /* @__PURE__ */ jsx4(Link3, { asChild: true, variant: "underline", fontWeight: "semibold", children: /* @__PURE__ */ jsx4(RouterLink2, { to: loginUrl, children: t("AbpAccount::Login") }) })
+      /* @__PURE__ */ jsx8(Show2, { when: showLoginLink, children: /* @__PURE__ */ jsx8(Card2.Root, { size: "sm", mt: "10", children: /* @__PURE__ */ jsx8(Card2.Body, { children: /* @__PURE__ */ jsxs7(HStack2, { textStyle: "sm", children: [
+        /* @__PURE__ */ jsx8(Text3, { children: t("AbpAccount::AlreadyRegistered") }),
+        /* @__PURE__ */ jsx8(Link3, { asChild: true, variant: "underline", fontWeight: "semibold", children: /* @__PURE__ */ jsx8(RouterLink2, { to: loginUrl, children: t("AbpAccount::Login") }) })
       ] }) }) }) })
     ] }) })
   ] }) }) }) });
 }
 
 // src/pages/LoginPage.tsx
-import { Container as Container3, Center } from "@chakra-ui/react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { Container as Container5, Center } from "@chakra-ui/react";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function LoginPage({
   maxWidth = "container.sm",
   ...loginFormProps
 }) {
-  return /* @__PURE__ */ jsx5(Container3, { maxW: maxWidth, py: 10, children: /* @__PURE__ */ jsx5(Center, { children: /* @__PURE__ */ jsx5(LoginForm, { ...loginFormProps }) }) });
+  return /* @__PURE__ */ jsx9(Container5, { maxW: maxWidth, py: 10, children: /* @__PURE__ */ jsx9(Center, { children: /* @__PURE__ */ jsx9(LoginForm, { ...loginFormProps }) }) });
 }
 
 // src/pages/RegisterPage.tsx
-import { Container as Container4, Center as Center2 } from "@chakra-ui/react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { Container as Container6, Center as Center2 } from "@chakra-ui/react";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function RegisterPage({
   maxWidth = "container.sm",
   ...registerFormProps
 }) {
-  return /* @__PURE__ */ jsx6(Container4, { maxW: maxWidth, py: 10, children: /* @__PURE__ */ jsx6(Center2, { children: /* @__PURE__ */ jsx6(RegisterForm, { ...registerFormProps }) }) });
+  return /* @__PURE__ */ jsx10(Container6, { maxW: maxWidth, py: 10, children: /* @__PURE__ */ jsx10(Center2, { children: /* @__PURE__ */ jsx10(RegisterForm, { ...registerFormProps }) }) });
 }
 
 // src/routes/index.ts
@@ -681,9 +1040,13 @@ export {
   ACCOUNT_ROUTES,
   AccountProvider,
   AccountService,
+  AuthWrapper,
+  ChangePasswordForm,
   DEFAULT_REDIRECT_URL,
   LoginForm,
   LoginPage,
+  ManageProfile,
+  PersonalSettingsForm,
   RegisterForm,
   RegisterPage,
   TenantBox,