@abpjs/account 1.1.0 → 2.0.0

package/dist/components/AuthWrapper/AuthWrapper.d.ts

@@ -15,6 +15,15 @@ export interface AuthWrapperProps {
      * Cancel/footer content template reference
      */
     cancelContent?: ReactNode;
+    /**
+     * Whether local login (username/password) is enabled.
+     * When false, the wrapper will show a message that local login is disabled.
+     * This is read from ABP settings by default.
+     *
+     * @since 2.0.0
+     * @default true (from ABP settings or if not configured)
+     */
+    enableLocalLogin?: boolean;
 }
 /**
  * AuthWrapper - Authentication wrapper component
@@ -27,6 +36,7 @@ export interface AuthWrapperProps {
  * In React, we use children and render props pattern.
  *
  * @since 1.1.0
+ * @since 2.0.0 - Added enableLocalLogin prop to control local login visibility
  *
  * @example
  * ```tsx
@@ -36,5 +46,5 @@ export interface AuthWrapperProps {
  * />
  * ```
  */
-export declare function AuthWrapper({ children, mainContent, cancelContent, }: AuthWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function AuthWrapper({ children, mainContent, cancelContent, enableLocalLogin, }: AuthWrapperProps): import("react/jsx-runtime").JSX.Element;
 export default AuthWrapper;

package/dist/components/LoginForm/LoginForm.d.ts

@@ -32,6 +32,8 @@ export interface LoginFormProps {
  * This is the React equivalent of Angular's LoginComponent.
  * It handles user authentication using OAuth password flow.
  *
+ * @since 2.0.0 - Added isSelfRegistrationEnabled check from ABP settings
+ *
  * @example
  * ```tsx
  * function LoginPage() {

package/dist/components/RegisterForm/RegisterForm.d.ts

@@ -35,6 +35,7 @@ export interface RegisterFormProps {
  * AccountService and automatically logs in the user after successful registration.
  *
  * @since 0.9.0 - Now uses AccountService for registration
+ * @since 2.0.0 - Added isSelfRegistrationEnabled check from ABP settings
  *
  * @example
  * ```tsx

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export { usePasswordFlow, type PasswordFlowOptions } from './usePasswordFlow';
 export { useAccountOptions } from '../providers';
 export { useAccountService } from './useAccountService';
+export { useSelfRegistrationEnabled } from './useSelfRegistration';

package/dist/hooks/useSelfRegistration.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Hook to check if self-registration is enabled.
+ *
+ * This reads the `Abp.Account.IsSelfRegistrationEnabled` setting from the
+ * ABP application configuration.
+ *
+ * @since 2.0.0
+ *
+ * @returns true if self-registration is enabled, false otherwise
+ *
+ * @example
+ * ```tsx
+ * function RegisterLink() {
+ *   const isSelfRegistrationEnabled = useSelfRegistrationEnabled();
+ *
+ *   if (!isSelfRegistrationEnabled) {
+ *     return null;
+ *   }
+ *
+ *   return <Link to="/account/register">Register</Link>;
+ * }
+ * ```
+ */
+export declare function useSelfRegistrationEnabled(): boolean;

package/dist/index.d.ts

@@ -1,7 +1,14 @@
 /**
  * @abpjs/account
  * ABP Framework Account module for React
- * Translated from @abp/ng.account v1.1.0
+ * Translated from @abp/ng.account v2.0.0
+ *
+ * @version 2.0.0
+ * @since 2.0.0 - Added Account namespace with component interface types
+ * @since 2.0.0 - Added isSelfRegistrationEnabled support in Login/Register components
+ * @since 2.0.0 - Added enableLocalLogin support in AuthWrapper component
+ * @since 2.0.0 - Removed deprecated ACCOUNT_ROUTES (use AccountProvider instead)
+ * @since 2.0.0 - TenantBoxComponent and AccountService now publicly exported
  */
 export * from './models';
 export * from './services';

package/dist/index.js

@@ -21,7 +21,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   ACCOUNT_PATHS: () => ACCOUNT_PATHS,
-  ACCOUNT_ROUTES: () => ACCOUNT_ROUTES,
   AccountProvider: () => AccountProvider,
   AccountService: () => AccountService,
   AuthWrapper: () => AuthWrapper,
@@ -37,7 +36,8 @@ __export(index_exports, {
   useAccountContext: () => useAccountContext,
   useAccountOptions: () => useAccountOptions,
   useAccountService: () => useAccountService,
-  usePasswordFlow: () => usePasswordFlow
+  usePasswordFlow: () => usePasswordFlow,
+  useSelfRegistrationEnabled: () => useSelfRegistrationEnabled
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -218,14 +218,34 @@ function useAccountService() {
   return (0, import_react3.useMemo)(() => new AccountService(restService), [restService]);
 }
 
+// src/hooks/useSelfRegistration.ts
+var import_core3 = require("@abpjs/core");
+var SELF_REGISTRATION_SETTING = "Abp.Account.IsSelfRegistrationEnabled";
+function useSelfRegistrationEnabled() {
+  const setting = (0, import_core3.useSetting)(SELF_REGISTRATION_SETTING);
+  if (setting === void 0 || setting === null) {
+    return true;
+  }
+  return setting.toLowerCase() === "true";
+}
+
 // src/components/AuthWrapper/AuthWrapper.tsx
 var import_react4 = require("@chakra-ui/react");
+var import_core4 = require("@abpjs/core");
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var ENABLE_LOCAL_LOGIN_SETTING = "Abp.Account.EnableLocalLogin";
 function AuthWrapper({
   children,
   mainContent,
-  cancelContent
+  cancelContent,
+  enableLocalLogin
 }) {
+  const { t } = (0, import_core4.useLocalization)();
+  const localLoginSetting = (0, import_core4.useSetting)(ENABLE_LOCAL_LOGIN_SETTING);
+  const isLocalLoginEnabled = enableLocalLogin ?? (localLoginSetting === void 0 || localLoginSetting === null ? true : localLoginSetting.toLowerCase() === "true");
+  if (!isLocalLoginEnabled) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Flex, { height: "full", flex: "1", className: "auth-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Box, { flex: "1", py: { base: "24", md: "32" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Container, { maxW: "md", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Stack, { gap: "8", textAlign: "center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Text, { fontSize: "lg", color: "fg.muted", children: t("AbpAccount::LocalLoginDisabledMessage") || "Local login is disabled. Please use an external login provider." }) }) }) }) });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Flex, { height: "full", flex: "1", className: "auth-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Box, { flex: "1", py: { base: "24", md: "32" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Container, { maxW: "md", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react4.Stack, { gap: "8", children: [
     mainContent || children,
     cancelContent && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Box, { textAlign: "center", mt: 4, children: cancelContent })
@@ -237,7 +257,7 @@ var import_react5 = require("react");
 var import_react_hook_form = require("react-hook-form");
 var import_zod = require("@hookform/resolvers/zod");
 var import_zod2 = require("zod");
-var import_core3 = require("@abpjs/core");
+var import_core5 = require("@abpjs/core");
 var import_theme_shared = require("@abpjs/theme-shared");
 var import_react6 = require("@chakra-ui/react");
 var import_react7 = require("@chakra-ui/react");
@@ -270,8 +290,8 @@ var changePasswordSchema = import_zod2.z.object({
   path: ["confirmNewPassword"]
 });
 function ChangePasswordForm({ onSuccess, onError }) {
-  const { t } = (0, import_core3.useLocalization)();
-  const { changePassword } = (0, import_core3.useProfile)();
+  const { t } = (0, import_core5.useLocalization)();
+  const { changePassword } = (0, import_core5.useProfile)();
   const toaster = (0, import_theme_shared.useToaster)();
   const [inProgress, setInProgress] = (0, import_react5.useState)(false);
   const {
@@ -371,23 +391,23 @@ var import_react_hook_form2 = require("react-hook-form");
 var import_zod3 = require("@hookform/resolvers/zod");
 var import_zod4 = require("zod");
 var import_react_router_dom2 = require("react-router-dom");
-var import_core5 = require("@abpjs/core");
+var import_core7 = require("@abpjs/core");
 var import_theme_shared3 = require("@abpjs/theme-shared");
 var import_react10 = require("@chakra-ui/react");
 
 // src/components/TenantBox/TenantBox.tsx
 var import_react8 = require("react");
 var import_react_redux = require("react-redux");
-var import_core4 = require("@abpjs/core");
+var import_core6 = require("@abpjs/core");
 var import_theme_shared2 = require("@abpjs/theme-shared");
 var import_react9 = require("@chakra-ui/react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function TenantBox({ containerStyle }) {
-  const { t } = (0, import_core4.useLocalization)();
+  const { t } = (0, import_core6.useLocalization)();
   const dispatch = (0, import_react_redux.useDispatch)();
   const accountService = useAccountService();
   const toaster = (0, import_theme_shared2.useToaster)();
-  const currentTenant = (0, import_react_redux.useSelector)(import_core4.selectTenant);
+  const currentTenant = (0, import_react_redux.useSelector)(import_core6.selectTenant);
   const [tenantName, setTenantName] = (0, import_react8.useState)("");
   const [isModalVisible, setIsModalVisible] = (0, import_react8.useState)(false);
   const [inProgress, setInProgress] = (0, import_react8.useState)(false);
@@ -407,7 +427,7 @@ function TenantBox({ containerStyle }) {
             id: tenantId,
             name: tenantName
           };
-          dispatch(import_core4.sessionActions.setTenant(newTenant));
+          dispatch(import_core6.sessionActions.setTenant(newTenant));
           setIsModalVisible(false);
         } else {
           toaster.error(
@@ -423,7 +443,7 @@ function TenantBox({ containerStyle }) {
         setInProgress(false);
       }
     } else {
-      dispatch(import_core4.sessionActions.setTenant({ id: "", name: "" }));
+      dispatch(import_core6.sessionActions.setTenant({ id: "", name: "" }));
       setIsModalVisible(false);
     }
   }, [tenantName, accountService, dispatch, toaster, t]);
@@ -550,8 +570,9 @@ function LoginForm({
   onLoginSuccess,
   onLoginError
 }) {
-  const { t } = (0, import_core5.useLocalization)();
+  const { t } = (0, import_core7.useLocalization)();
   const { login, isLoading, error, clearError } = usePasswordFlow();
+  const isSelfRegistrationEnabled = useSelfRegistrationEnabled();
   const {
     register,
     handleSubmit,
@@ -623,7 +644,7 @@ function LoginForm({
         ),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react10.Link, { variant: "plain", children: t("AbpAccount::ForgotPassword") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react10.Show, { when: showRegisterLink, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react11.Card.Root, { size: "sm", mt: "10", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react11.Card.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react10.HStack, { textStyle: "sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react10.Show, { when: showRegisterLink && isSelfRegistrationEnabled, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react11.Card.Root, { size: "sm", mt: "10", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react11.Card.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react10.HStack, { textStyle: "sm", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react11.Text, { children: t("AbpAccount::AreYouANewUser") }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react10.Link, { asChild: true, variant: "underline", fontWeight: "semibold", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_router_dom2.Link, { to: registerUrl, children: t("AbpAccount::Register") }) })
       ] }) }) }) })
@@ -633,7 +654,7 @@ function LoginForm({
 
 // src/components/ManageProfile/ManageProfile.tsx
 var import_react15 = require("react");
-var import_core7 = require("@abpjs/core");
+var import_core9 = require("@abpjs/core");
 var import_react16 = require("@chakra-ui/react");
 
 // src/components/PersonalSettingsForm/PersonalSettingsForm.tsx
@@ -641,7 +662,7 @@ var import_react12 = require("react");
 var import_react_hook_form3 = require("react-hook-form");
 var import_zod5 = require("@hookform/resolvers/zod");
 var import_zod6 = require("zod");
-var import_core6 = require("@abpjs/core");
+var import_core8 = require("@abpjs/core");
 var import_theme_shared4 = require("@abpjs/theme-shared");
 var import_react13 = require("@chakra-ui/react");
 var import_react14 = require("@chakra-ui/react");
@@ -655,8 +676,8 @@ var personalSettingsSchema = import_zod6.z.object({
   phoneNumber: import_zod6.z.string().max(16, "Phone number must be at most 16 characters").optional()
 });
 function PersonalSettingsForm({ onSuccess, onError }) {
-  const { t } = (0, import_core6.useLocalization)();
-  const { profile, loading, fetchProfile, updateProfile } = (0, import_core6.useProfile)();
+  const { t } = (0, import_core8.useLocalization)();
+  const { profile, loading, fetchProfile, updateProfile } = (0, import_core8.useProfile)();
   const toaster = (0, import_theme_shared4.useToaster)();
   const [inProgress, setInProgress] = (0, import_react12.useState)(false);
   const {
@@ -801,7 +822,7 @@ function ManageProfile({
   onTabChange,
   customTabs
 }) {
-  const { t } = (0, import_core7.useLocalization)();
+  const { t } = (0, import_core9.useLocalization)();
   const [selectedTab, setSelectedTab] = (0, import_react15.useState)(defaultTabIndex);
   const defaultTabs = [
     {
@@ -846,7 +867,7 @@ var import_react_hook_form4 = require("react-hook-form");
 var import_zod7 = require("@hookform/resolvers/zod");
 var import_zod8 = require("zod");
 var import_react_router_dom3 = require("react-router-dom");
-var import_core8 = require("@abpjs/core");
+var import_core10 = require("@abpjs/core");
 var import_theme_shared5 = require("@abpjs/theme-shared");
 var import_react18 = require("@chakra-ui/react");
 var import_react19 = require("@chakra-ui/react");
@@ -882,13 +903,19 @@ function RegisterForm({
   onRegisterSuccess,
   onRegisterError
 }) {
-  const { t } = (0, import_core8.useLocalization)();
+  const { t } = (0, import_core10.useLocalization)();
   const navigate = (0, import_react_router_dom3.useNavigate)();
   const accountService = useAccountService();
   const toaster = (0, import_theme_shared5.useToaster)();
-  const userManager = (0, import_core8.useUserManager)();
-  const { store, applicationConfigurationService } = (0, import_core8.useAbp)();
+  const userManager = (0, import_core10.useUserManager)();
+  const { store, applicationConfigurationService } = (0, import_core10.useAbp)();
   const [inProgress, setInProgress] = (0, import_react17.useState)(false);
+  const isSelfRegistrationEnabled = useSelfRegistrationEnabled();
+  (0, import_react17.useEffect)(() => {
+    if (!isSelfRegistrationEnabled) {
+      navigate(loginUrl, { replace: true });
+    }
+  }, [isSelfRegistrationEnabled, navigate, loginUrl]);
   const {
     register,
     handleSubmit,
@@ -918,7 +945,7 @@ function RegisterForm({
             password: newUser.password
           });
           const config = await applicationConfigurationService.getConfiguration();
-          store.dispatch(import_core8.configActions.setApplicationConfiguration(config));
+          store.dispatch(import_core10.configActions.setApplicationConfiguration(config));
           navigate("/");
           onRegisterSuccess?.();
         } catch (loginErr) {
@@ -1034,29 +1061,6 @@ function RegisterPage({
 }
 
 // src/routes/index.ts
-var import_core9 = require("@abpjs/core");
-var ACCOUNT_ROUTES = {
-  routes: [
-    {
-      name: "Account",
-      path: "account",
-      invisible: true,
-      layout: import_core9.eLayoutType.application,
-      children: [
-        {
-          path: "login",
-          name: "Login",
-          order: 1
-        },
-        {
-          path: "register",
-          name: "Register",
-          order: 2
-        }
-      ]
-    }
-  ]
-};
 var DEFAULT_REDIRECT_URL = "/";
 var ACCOUNT_PATHS = {
   login: "/account/login",
@@ -1065,7 +1069,6 @@ var ACCOUNT_PATHS = {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACCOUNT_PATHS,
-  ACCOUNT_ROUTES,
   AccountProvider,
   AccountService,
   AuthWrapper,
@@ -1081,5 +1084,6 @@ var ACCOUNT_PATHS = {
   useAccountContext,
   useAccountOptions,
   useAccountService,
-  usePasswordFlow
+  usePasswordFlow,
+  useSelfRegistrationEnabled
 });

package/dist/index.mjs

@@ -175,14 +175,34 @@ function useAccountService() {
   return useMemo2(() => new AccountService(restService), [restService]);
 }
 
+// src/hooks/useSelfRegistration.ts
+import { useSetting } from "@abpjs/core";
+var SELF_REGISTRATION_SETTING = "Abp.Account.IsSelfRegistrationEnabled";
+function useSelfRegistrationEnabled() {
+  const setting = useSetting(SELF_REGISTRATION_SETTING);
+  if (setting === void 0 || setting === null) {
+    return true;
+  }
+  return setting.toLowerCase() === "true";
+}
+
 // src/components/AuthWrapper/AuthWrapper.tsx
-import { Box, Container, Stack, Flex } from "@chakra-ui/react";
+import { Box, Container, Stack, Flex, Text } from "@chakra-ui/react";
+import { useLocalization, useSetting as useSetting2 } from "@abpjs/core";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var ENABLE_LOCAL_LOGIN_SETTING = "Abp.Account.EnableLocalLogin";
 function AuthWrapper({
   children,
   mainContent,
-  cancelContent
+  cancelContent,
+  enableLocalLogin
 }) {
+  const { t } = useLocalization();
+  const localLoginSetting = useSetting2(ENABLE_LOCAL_LOGIN_SETTING);
+  const isLocalLoginEnabled = enableLocalLogin ?? (localLoginSetting === void 0 || localLoginSetting === null ? true : localLoginSetting.toLowerCase() === "true");
+  if (!isLocalLoginEnabled) {
+    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__ */ jsx2(Stack, { gap: "8", textAlign: "center", children: /* @__PURE__ */ jsx2(Text, { fontSize: "lg", color: "fg.muted", children: t("AbpAccount::LocalLoginDisabledMessage") || "Local login is disabled. Please use an external login provider." }) }) }) }) });
+  }
   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 })
@@ -194,7 +214,7 @@ 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 { useLocalization as useLocalization2, 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";
@@ -227,7 +247,7 @@ var changePasswordSchema = z.object({
   path: ["confirmNewPassword"]
 });
 function ChangePasswordForm({ onSuccess, onError }) {
-  const { t } = useLocalization();
+  const { t } = useLocalization2();
   const { changePassword } = useProfile();
   const toaster = useToaster();
   const [inProgress, setInProgress] = useState2(false);
@@ -328,19 +348,19 @@ 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 { useLocalization as useLocalization4 } 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 useState3, useCallback as useCallback2, useEffect as useEffect2 } from "react";
 import { useDispatch, useSelector } from "react-redux";
-import { useLocalization as useLocalization2, sessionActions, selectTenant } from "@abpjs/core";
+import { useLocalization as useLocalization3, 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 { Box as Box2, Text as Text2, 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 } = useLocalization2();
+  const { t } = useLocalization3();
   const dispatch = useDispatch();
   const accountService = useAccountService();
   const toaster = useToaster2();
@@ -408,12 +428,12 @@ function TenantBox({ containerStyle }) {
         borderRadius: "md",
         style: containerStyle,
         children: [
-          /* @__PURE__ */ jsxs3(Text, { as: "span", color: "gray.600", children: [
+          /* @__PURE__ */ jsxs3(Text2, { as: "span", color: "gray.600", children: [
             t("AbpUiMultiTenancy::Tenant"),
             ":",
             " "
           ] }),
-          /* @__PURE__ */ jsx4(Text, { as: "strong", children: /* @__PURE__ */ jsx4(Text, { as: "i", children: currentTenant?.name || t("AbpUiMultiTenancy::NotSelected") }) }),
+          /* @__PURE__ */ jsx4(Text2, { as: "strong", children: /* @__PURE__ */ jsx4(Text2, { as: "i", children: currentTenant?.name || t("AbpUiMultiTenancy::NotSelected") }) }),
           " (",
           /* @__PURE__ */ jsx4(
             Link,
@@ -455,7 +475,7 @@ function TenantBox({ containerStyle }) {
         ] }),
         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(Text2, { as: "label", mb: 1, display: "block", children: t("AbpUiMultiTenancy::Name") }),
             /* @__PURE__ */ jsx4(
               Input2,
               {
@@ -467,7 +487,7 @@ function TenantBox({ containerStyle }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx4(Text, { fontSize: "sm", color: "gray.600", children: t("AbpUiMultiTenancy::SwitchTenantHint") })
+          /* @__PURE__ */ jsx4(Text2, { fontSize: "sm", color: "gray.600", children: t("AbpUiMultiTenancy::SwitchTenantHint") })
         ] }) })
       }
     )
@@ -499,7 +519,7 @@ import {
   Flex as Flex2,
   InputGroup as InputGroup2,
   Stack as Stack3,
-  Text as Text2
+  Text as Text3
 } from "@chakra-ui/react";
 import { LuLock as LuLock2, LuMail } from "react-icons/lu";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -515,8 +535,9 @@ function LoginForm({
   onLoginSuccess,
   onLoginError
 }) {
-  const { t } = useLocalization3();
+  const { t } = useLocalization4();
   const { login, isLoading, error, clearError } = usePasswordFlow();
+  const isSelfRegistrationEnabled = useSelfRegistrationEnabled();
   const {
     register,
     handleSubmit,
@@ -588,8 +609,8 @@ function LoginForm({
         ),
         /* @__PURE__ */ jsx5(Link2, { variant: "plain", children: t("AbpAccount::ForgotPassword") })
       ] }),
-      /* @__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(Show, { when: showRegisterLink && isSelfRegistrationEnabled, children: /* @__PURE__ */ jsx5(Card.Root, { size: "sm", mt: "10", children: /* @__PURE__ */ jsx5(Card.Body, { children: /* @__PURE__ */ jsxs4(HStack, { textStyle: "sm", children: [
+        /* @__PURE__ */ jsx5(Text3, { children: t("AbpAccount::AreYouANewUser") }),
         /* @__PURE__ */ jsx5(Link2, { asChild: true, variant: "underline", fontWeight: "semibold", children: /* @__PURE__ */ jsx5(RouterLink, { to: registerUrl, children: t("AbpAccount::Register") }) })
       ] }) }) }) })
     ] }) })
@@ -598,7 +619,7 @@ function LoginForm({
 
 // src/components/ManageProfile/ManageProfile.tsx
 import { useState as useState5 } from "react";
-import { useLocalization as useLocalization5 } from "@abpjs/core";
+import { useLocalization as useLocalization6 } 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
@@ -606,7 +627,7 @@ 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 { useLocalization as useLocalization5, 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";
@@ -620,7 +641,7 @@ var personalSettingsSchema = z3.object({
   phoneNumber: z3.string().max(16, "Phone number must be at most 16 characters").optional()
 });
 function PersonalSettingsForm({ onSuccess, onError }) {
-  const { t } = useLocalization4();
+  const { t } = useLocalization5();
   const { profile, loading, fetchProfile, updateProfile } = useProfile2();
   const toaster = useToaster3();
   const [inProgress, setInProgress] = useState4(false);
@@ -766,7 +787,7 @@ function ManageProfile({
   onTabChange,
   customTabs
 }) {
-  const { t } = useLocalization5();
+  const { t } = useLocalization6();
   const [selectedTab, setSelectedTab] = useState5(defaultTabIndex);
   const defaultTabs = [
     {
@@ -806,12 +827,12 @@ function ManageProfile({
 }
 
 // src/components/RegisterForm/RegisterForm.tsx
-import { useState as useState6 } from "react";
+import { useState as useState6, useEffect as useEffect4 } 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 useLocalization6, useUserManager, useAbp as useAbp2, configActions as configActions2 } from "@abpjs/core";
+import { useLocalization as useLocalization7, 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 {
@@ -821,7 +842,7 @@ import {
   Flex as Flex3,
   InputGroup as InputGroup4,
   Stack as Stack6,
-  Text as Text3
+  Text as Text4
 } from "@chakra-ui/react";
 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";
@@ -855,13 +876,19 @@ function RegisterForm({
   onRegisterSuccess,
   onRegisterError
 }) {
-  const { t } = useLocalization6();
+  const { t } = useLocalization7();
   const navigate = useNavigate2();
   const accountService = useAccountService();
   const toaster = useToaster4();
   const userManager = useUserManager();
   const { store, applicationConfigurationService } = useAbp2();
   const [inProgress, setInProgress] = useState6(false);
+  const isSelfRegistrationEnabled = useSelfRegistrationEnabled();
+  useEffect4(() => {
+    if (!isSelfRegistrationEnabled) {
+      navigate(loginUrl, { replace: true });
+    }
+  }, [isSelfRegistrationEnabled, navigate, loginUrl]);
   const {
     register,
     handleSubmit,
@@ -979,7 +1006,7 @@ function RegisterForm({
         )
       ] }),
       /* @__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(Text4, { children: t("AbpAccount::AlreadyRegistered") }),
         /* @__PURE__ */ jsx8(Link3, { asChild: true, variant: "underline", fontWeight: "semibold", children: /* @__PURE__ */ jsx8(RouterLink2, { to: loginUrl, children: t("AbpAccount::Login") }) })
       ] }) }) }) })
     ] }) })
@@ -1007,29 +1034,6 @@ function RegisterPage({
 }
 
 // src/routes/index.ts
-import { eLayoutType } from "@abpjs/core";
-var ACCOUNT_ROUTES = {
-  routes: [
-    {
-      name: "Account",
-      path: "account",
-      invisible: true,
-      layout: eLayoutType.application,
-      children: [
-        {
-          path: "login",
-          name: "Login",
-          order: 1
-        },
-        {
-          path: "register",
-          name: "Register",
-          order: 2
-        }
-      ]
-    }
-  ]
-};
 var DEFAULT_REDIRECT_URL = "/";
 var ACCOUNT_PATHS = {
   login: "/account/login",
@@ -1037,7 +1041,6 @@ var ACCOUNT_PATHS = {
 };
 export {
   ACCOUNT_PATHS,
-  ACCOUNT_ROUTES,
   AccountProvider,
   AccountService,
   AuthWrapper,
@@ -1053,5 +1056,6 @@ export {
   useAccountContext,
   useAccountOptions,
   useAccountService,
-  usePasswordFlow
+  usePasswordFlow,
+  useSelfRegistrationEnabled
 };

package/dist/models/index.d.ts

@@ -1,6 +1,62 @@
 /**
  * Account module type definitions
  */
+import type { ReactNode } from 'react';
+/**
+ * Account namespace containing component interface types.
+ * Translated from @abp/ng.account v2.0.0 Account namespace.
+ *
+ * These interfaces define the inputs and outputs for account components,
+ * enabling type-safe component customization and extension.
+ *
+ * @since 2.0.0
+ */
+export declare namespace Account {
+    /**
+     * Inputs for AuthWrapper component
+     */
+    interface AuthWrapperComponentInputs {
+        /** Main content to render in the auth wrapper */
+        readonly mainContentRef?: ReactNode;
+        /** Optional cancel/secondary content */
+        readonly cancelContentRef?: ReactNode;
+    }
+    /**
+     * Outputs for AuthWrapper component
+     */
+    interface AuthWrapperComponentOutputs {
+    }
+    /**
+     * Inputs for TenantBox component
+     */
+    interface TenantBoxComponentInputs {
+    }
+    /**
+     * Outputs for TenantBox component
+     */
+    interface TenantBoxComponentOutputs {
+    }
+    /**
+     * Inputs for PersonalSettings component
+     */
+    interface PersonalSettingsComponentInputs {
+    }
+    /**
+     * Outputs for PersonalSettings component
+     */
+    interface PersonalSettingsComponentOutputs {
+    }
+    /**
+     * Inputs for ChangePassword component
+     */
+    interface ChangePasswordComponentInputs {
+    }
+    /**
+     * Outputs for ChangePassword component
+     */
+    interface ChangePasswordComponentOutputs {
+    }
+}
 /**
  * Account module configuration options
  */

package/dist/routes/index.d.ts

@@ -1,21 +1,8 @@
-import { type ABP } from '@abpjs/core';
 /**
- * Account module routes configuration
+ * Account module routes constants
  *
- * This is the React equivalent of Angular's ACCOUNT_ROUTES constant.
- * These routes are registered with the ABP routing system.
- *
- * Route structure:
- * - /account (invisible, uses account layout)
- *   - /account/login
- *   - /account/register
- *
- * @since 0.9.0 - Changed from array to object with `routes` property
- * @deprecated since version 0.9 - Routes are now configured via AccountProvider
+ * @since 2.0.0 - Removed deprecated ACCOUNT_ROUTES (use AccountProvider instead)
  */
-export declare const ACCOUNT_ROUTES: {
-    routes: ABP.FullRoute[];
-};
 /**
  * Default redirect path after login
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abpjs/account",
-  "version": "1.1.0",
+  "version": "2.0.0",
   "description": "ABP Framework Account module for React - Translation of @abp/ng.account",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -53,11 +53,11 @@
     "react-redux": "^9.0.0",
     "zod": "^3.22.0",
     "react-icons": "^5.0.0",
-    "@abpjs/core": "1.1.0",
-    "@abpjs/theme-shared": "1.1.0"
+    "@abpjs/core": "2.0.0",
+    "@abpjs/theme-shared": "2.0.0"
   },
   "devDependencies": {
-    "@abp/ng.account": "1.0.0",
+    "@abp/ng.account": "2.0.0",
     "@reduxjs/toolkit": "^2.0.0",
     "@testing-library/jest-dom": "^6.4.0",
     "@testing-library/react": "^14.2.0",