@abpjs/account 0.7.6

package/dist/index.js

@@ -0,0 +1,574 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ACCOUNT_PATHS: () => ACCOUNT_PATHS,
+  ACCOUNT_ROUTES: () => ACCOUNT_ROUTES,
+  AccountProvider: () => AccountProvider,
+  DEFAULT_REDIRECT_URL: () => DEFAULT_REDIRECT_URL,
+  LoginForm: () => LoginForm,
+  LoginPage: () => LoginPage,
+  RegisterForm: () => RegisterForm,
+  RegisterPage: () => RegisterPage,
+  TenantBox: () => TenantBox,
+  useAccountContext: () => useAccountContext,
+  useAccountOptions: () => useAccountOptions,
+  usePasswordFlow: () => usePasswordFlow
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/providers/AccountProvider.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_OPTIONS = {
+  redirectUrl: "/"
+};
+var AccountContext = (0, import_react.createContext)(null);
+function AccountProvider({ children, options }) {
+  const mergedOptions = (0, import_react.useMemo)(
+    () => ({
+      ...DEFAULT_OPTIONS,
+      ...options
+    }),
+    [options]
+  );
+  const value = (0, import_react.useMemo)(
+    () => ({
+      options: mergedOptions
+    }),
+    [mergedOptions]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccountContext.Provider, { value, children });
+}
+function useAccountContext() {
+  const context = (0, import_react.useContext)(AccountContext);
+  if (!context) {
+    throw new Error("useAccountContext must be used within an AccountProvider");
+  }
+  return context;
+}
+function useAccountOptions() {
+  const context = (0, import_react.useContext)(AccountContext);
+  return context?.options ?? DEFAULT_OPTIONS;
+}
+
+// src/hooks/usePasswordFlow.ts
+var import_react2 = require("react");
+var import_core = require("@abpjs/core");
+var import_react_router_dom = require("react-router-dom");
+function usePasswordFlow() {
+  const { store, axiosInstance, applicationConfigurationService, userManager } = (0, import_core.useAbp)();
+  const config = (0, import_core.useConfig)();
+  const options = useAccountOptions();
+  const navigate = (0, import_react_router_dom.useNavigate)();
+  const [isLoading, setIsLoading] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const getTokenEndpoint = (0, import_react2.useCallback)(() => {
+    const oAuthConfig = config.environment.oAuthConfig;
+    if (oAuthConfig?.authority) {
+      const authority = oAuthConfig.authority.replace(/\/+$/, "");
+      return `${authority}/connect/token`;
+    }
+    throw new Error("OAuth authority not configured");
+  }, [config.environment.oAuthConfig]);
+  const login = (0, import_react2.useCallback)(
+    async (username, password, flowOptions) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const oAuthConfig = config.environment.oAuthConfig;
+        if (!oAuthConfig?.client_id) {
+          throw new Error("OAuth client_id not configured");
+        }
+        const tokenEndpoint = getTokenEndpoint();
+        const formData = new URLSearchParams();
+        formData.append("grant_type", "password");
+        formData.append("username", username);
+        formData.append("password", password);
+        formData.append("client_id", oAuthConfig.client_id);
+        if (oAuthConfig.scope) {
+          formData.append("scope", oAuthConfig.scope);
+        }
+        const response = await axiosInstance.post(
+          tokenEndpoint,
+          formData.toString(),
+          {
+            headers: {
+              "Content-Type": "application/x-www-form-urlencoded"
+            }
+          }
+        );
+        const tokenData = response.data;
+        const storage = flowOptions?.remember ? localStorage : sessionStorage;
+        const storageKey = `oidc.user:${oAuthConfig.authority}:${oAuthConfig.client_id}`;
+        const userData = {
+          access_token: tokenData.access_token,
+          token_type: tokenData.token_type,
+          expires_at: Math.floor(Date.now() / 1e3) + tokenData.expires_in,
+          refresh_token: tokenData.refresh_token,
+          scope: tokenData.scope,
+          profile: {}
+          // Will be filled after config fetch
+        };
+        storage.setItem(storageKey, JSON.stringify(userData));
+        const oidcKey = `oidc.user:${oAuthConfig.authority}:${oAuthConfig.client_id}`;
+        storage.setItem(oidcKey, JSON.stringify(userData));
+        if (userManager) {
+          const loadedUser = await userManager.getUser();
+          if (loadedUser) {
+            userManager.events.load(loadedUser);
+          }
+        }
+        const appConfig = await applicationConfigurationService.getConfiguration();
+        store.dispatch(import_core.configActions.setApplicationConfiguration(appConfig));
+        const redirectUrl = window.history.state?.redirectUrl || options.redirectUrl;
+        navigate(redirectUrl);
+        setIsLoading(false);
+        return { success: true };
+      } catch (err) {
+        const errorMessage = err.response?.data?.error_description || err.response?.data?.error || err.message || "Login failed";
+        setError(errorMessage);
+        setIsLoading(false);
+        console.error("Password flow error:", errorMessage);
+        return { success: false, error: errorMessage };
+      }
+    },
+    [
+      config.environment.oAuthConfig,
+      getTokenEndpoint,
+      axiosInstance,
+      applicationConfigurationService,
+      store,
+      options.redirectUrl,
+      navigate,
+      userManager
+    ]
+  );
+  const clearError = (0, import_react2.useCallback)(() => {
+    setError(null);
+  }, []);
+  return {
+    login,
+    isLoading,
+    error,
+    clearError
+  };
+}
+
+// src/components/TenantBox/TenantBox.tsx
+var import_react3 = require("react");
+var import_react_hook_form = require("react-hook-form");
+var import_core2 = require("@abpjs/core");
+var import_theme_shared = require("@abpjs/theme-shared");
+var import_react4 = require("@chakra-ui/react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function TenantBox({ containerStyle }) {
+  const { t } = (0, import_core2.useLocalization)();
+  const [selected, setSelected] = (0, import_react3.useState)(null);
+  const [modalVisible, setModalVisible] = (0, import_react3.useState)(false);
+  const { register, handleSubmit, reset } = (0, import_react_hook_form.useForm)({
+    defaultValues: {
+      name: ""
+    }
+  });
+  const openModal = (0, import_react3.useCallback)(() => {
+    reset({ name: selected?.name || "" });
+    setModalVisible(true);
+  }, [selected, reset]);
+  const onSwitch = (0, import_react3.useCallback)(() => {
+    setSelected(null);
+    openModal();
+  }, [openModal]);
+  const onSave = (0, import_react3.useCallback)((data) => {
+    setSelected(data.name ? data : null);
+    setModalVisible(false);
+  }, []);
+  const onClose = (0, import_react3.useCallback)(() => {
+    setModalVisible(false);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      import_react4.Box,
+      {
+        className: "tenant-switch-box",
+        bg: "gray.100",
+        mb: 5,
+        color: "black",
+        p: 2.5,
+        textAlign: "center",
+        borderRadius: "md",
+        style: containerStyle,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react4.Text, { as: "span", color: "gray.600", children: [
+            t("AbpUiMultiTenancy::Tenant"),
+            ":",
+            " "
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Text, { as: "strong", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Text, { as: "i", children: selected?.name || t("AbpUiMultiTenancy::NotSelected") }) }),
+          " (",
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_react4.Link,
+            {
+              id: "abp-tenant-switch-link",
+              color: "gray.700",
+              cursor: "pointer",
+              onClick: onSwitch,
+              _hover: { textDecoration: "underline" },
+              children: t("AbpUiMultiTenancy::Switch")
+            }
+          ),
+          ")"
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_theme_shared.Modal,
+      {
+        visible: modalVisible,
+        onVisibleChange: setModalVisible,
+        size: "md",
+        header: t("AbpUiMultiTenancy::SwitchTenant") || "Switch Tenant",
+        footer: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared.Button, { variant: "ghost", colorPalette: "gray", onClick: onClose, children: t("AbpTenantManagement::Cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_theme_shared.Button, { colorPalette: "blue", onClick: handleSubmit(onSave), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckIcon, {}),
+            t("AbpTenantManagement::Save")
+          ] })
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("form", { onSubmit: handleSubmit(onSave), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react4.VStack, { gap: 4, align: "stretch", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared.FormField, { label: t("AbpUiMultiTenancy::Name"), htmlFor: "tenant-name", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Input, { id: "tenant-name", type: "text", ...register("name") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Text, { fontSize: "sm", color: "gray.600", children: t("AbpUiMultiTenancy::SwitchTenantHint") })
+        ] }) })
+      }
+    )
+  ] });
+}
+function CheckIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
+}
+
+// src/components/LoginForm/LoginForm.tsx
+var import_react_hook_form2 = require("react-hook-form");
+var import_zod = require("@hookform/resolvers/zod");
+var import_zod2 = require("zod");
+var import_react_router_dom2 = require("react-router-dom");
+var import_core3 = require("@abpjs/core");
+var import_theme_shared2 = require("@abpjs/theme-shared");
+var import_react5 = require("@chakra-ui/react");
+var import_react6 = require("@chakra-ui/react");
+var import_lu = require("react-icons/lu");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var loginSchema = import_zod2.z.object({
+  username: import_zod2.z.string().min(1, "Username is required").max(255, "Username must be at most 255 characters"),
+  password: import_zod2.z.string().min(1, "Password is required").max(32, "Password must be at most 32 characters"),
+  remember: import_zod2.z.boolean().default(false)
+});
+function LoginForm({
+  showTenantBox = true,
+  showRegisterLink = true,
+  registerUrl = "/account/register",
+  onLoginSuccess,
+  onLoginError
+}) {
+  const { t } = (0, import_core3.useLocalization)();
+  const { login, isLoading, error, clearError } = usePasswordFlow();
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isSubmitting }
+  } = (0, import_react_hook_form2.useForm)({
+    resolver: (0, import_zod.zodResolver)(loginSchema),
+    defaultValues: {
+      username: "",
+      password: "",
+      remember: false
+    }
+  });
+  const onSubmit = async (data) => {
+    clearError();
+    const result = await login(data.username, data.password, {
+      remember: data.remember
+    });
+    if (result.success) {
+      onLoginSuccess?.();
+    } else if (result.error) {
+      onLoginError?.(result.error);
+    }
+  };
+  const isFormLoading = isLoading || isSubmitting;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Flex, { height: "full", flex: "1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Box, { flex: "1.5", py: { base: "24", md: "32" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Container, { maxW: "md", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react6.Stack, { gap: "8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Show, { when: showTenantBox, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TenantBox, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Stack, { gap: { base: "2", md: "3" }, textAlign: "center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Heading, { size: { base: "2xl", md: "3xl" }, children: t("AbpAccount::Login") }) }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_theme_shared2.Alert, { status: "error", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("form", { onSubmit: handleSubmit(onSubmit), noValidate: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react6.Stack, { gap: "6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react6.Stack, { gap: "5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react6.Field.Root, { invalid: !!errors.username, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Field.Label, { children: t("AbpAccount::UserNameOrEmailAddress") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.InputGroup, { startElement: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lu.LuMail, {}), width: "full", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_react5.Input,
+            {
+              id: "login-input-user-name-or-email-address",
+              type: "text",
+              autoComplete: "username",
+              placeholder: "me@example.com",
+              ...register("username")
+            }
+          ) }),
+          errors.username && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Field.ErrorText, { children: errors.username.message })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react6.Field.Root, { invalid: !!errors.password, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Field.Label, { children: t("AbpAccount::Password") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.InputGroup, { startElement: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lu.LuLock, {}), width: "full", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_react5.Input,
+            {
+              id: "login-input-password",
+              type: "password",
+              autoComplete: "current-password",
+              placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+              ...register("password")
+            }
+          ) }),
+          errors.password && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Field.ErrorText, { children: errors.password.message })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_theme_shared2.Checkbox, { id: "login-input-remember-me", ...register("remember"), children: t("AbpAccount::RememberMe") }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_theme_shared2.Button,
+          {
+            type: "submit",
+            colorPalette: "blue",
+            loading: isFormLoading,
+            loadingText: t("AbpAccount::Login"),
+            children: t("AbpAccount::Login")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Link, { variant: "plain", children: t("AbpAccount::ForgotPassword") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Show, { when: showRegisterLink, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Card.Root, { size: "sm", mt: "10", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Card.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.HStack, { textStyle: "sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Text, { children: t("AbpAccount::AreYouANewUser") }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Link, { asChild: true, variant: "underline", fontWeight: "semibold", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_router_dom2.Link, { to: registerUrl, children: t("AbpAccount::Register") }) })
+      ] }) }) }) })
+    ] }) })
+  ] }) }) }) });
+}
+
+// src/components/RegisterForm/RegisterForm.tsx
+var import_react_hook_form3 = require("react-hook-form");
+var import_zod3 = require("@hookform/resolvers/zod");
+var import_zod4 = require("zod");
+var import_react_router_dom3 = require("react-router-dom");
+var import_core4 = require("@abpjs/core");
+var import_theme_shared3 = require("@abpjs/theme-shared");
+var import_react7 = require("@chakra-ui/react");
+var import_react8 = require("@chakra-ui/react");
+var import_lu2 = require("react-icons/lu");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var passwordValidation = {
+  hasLowercase: /[a-z]/,
+  hasUppercase: /[A-Z]/,
+  hasNumber: /[0-9]/,
+  hasSpecial: /[!@#$%^&*(),.?":{}|<>]/
+};
+var registerSchema = import_zod4.z.object({
+  username: import_zod4.z.string().min(1, "Username is required").max(255, "Username must be at most 255 characters"),
+  email: import_zod4.z.string().min(1, "Email is required").email("Please enter a valid email address"),
+  password: import_zod4.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"
+  )
+});
+function RegisterForm({
+  showTenantBox = true,
+  showLoginLink = true,
+  loginUrl = "/account/login",
+  onRegisterSuccess,
+  // Note: onRegisterError will be used when registration API is implemented
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  onRegisterError: _onRegisterError
+}) {
+  const { t } = (0, import_core4.useLocalization)();
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isSubmitting }
+  } = (0, import_react_hook_form3.useForm)({
+    resolver: (0, import_zod3.zodResolver)(registerSchema),
+    defaultValues: {
+      username: "",
+      email: "",
+      password: ""
+    }
+  });
+  const onSubmit = async (data) => {
+    console.log("Register form submitted (no API call in v0.7.6):", data);
+    onRegisterSuccess?.();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.Flex, { height: "full", flex: "1", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react7.Box, { flex: "1.5", py: { base: "24", md: "32" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.Container, { maxW: "md", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react8.Stack, { gap: "8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react7.Show, { when: showTenantBox, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TenantBox, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.Stack, { gap: { base: "2", md: "3" }, textAlign: "center", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react7.Heading, { size: { base: "2xl", md: "3xl" }, children: t("AbpAccount::Register") }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("form", { onSubmit: handleSubmit(onSubmit), noValidate: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react8.Stack, { gap: "6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react8.Stack, { gap: "5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react8.Field.Root, { invalid: !!errors.username, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.Field.Label, { children: t("AbpAccount::UserName") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.InputGroup, { startElement: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lu2.LuUser, {}), width: "full", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_react7.Input,
+            {
+              id: "input-user-name",
+              type: "text",
+              autoFocus: true,
+              autoComplete: "username",
+              placeholder: "johndoe",
+              ...register("username")
+            }
+          ) }),
+          errors.username && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.Field.ErrorText, { children: errors.username.message })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react8.Field.Root, { invalid: !!errors.email, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.Field.Label, { children: t("AbpAccount::EmailAddress") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.InputGroup, { startElement: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lu2.LuMail, {}), width: "full", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_react7.Input,
+            {
+              id: "input-email-address",
+              type: "email",
+              autoComplete: "email",
+              placeholder: "me@example.com",
+              ...register("email")
+            }
+          ) }),
+          errors.email && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.Field.ErrorText, { children: errors.email.message })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react8.Field.Root, { invalid: !!errors.password, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.Field.Label, { children: t("AbpAccount::Password") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.InputGroup, { startElement: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lu2.LuLock, {}), width: "full", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_react7.Input,
+            {
+              id: "input-password",
+              type: "password",
+              autoComplete: "new-password",
+              placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+              ...register("password")
+            }
+          ) }),
+          errors.password && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.Field.ErrorText, { children: errors.password.message })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_theme_shared3.Button,
+          {
+            type: "submit",
+            colorPalette: "blue",
+            loading: isSubmitting,
+            loadingText: t("AbpAccount::Register"),
+            children: t("AbpAccount::Register")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react7.Show, { when: showLoginLink, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.Card.Root, { size: "sm", mt: "10", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.Card.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react7.HStack, { textStyle: "sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.Text, { children: t("AbpAccount::AlreadyRegistered") }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react7.Link, { asChild: true, variant: "underline", fontWeight: "semibold", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_router_dom3.Link, { to: loginUrl, children: t("AbpAccount::Login") }) })
+      ] }) }) }) })
+    ] }) })
+  ] }) }) }) });
+}
+
+// src/pages/LoginPage.tsx
+var import_react9 = require("@chakra-ui/react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function LoginPage({
+  maxWidth = "container.sm",
+  ...loginFormProps
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react9.Container, { maxW: maxWidth, py: 10, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react9.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoginForm, { ...loginFormProps }) }) });
+}
+
+// src/pages/RegisterPage.tsx
+var import_react10 = require("@chakra-ui/react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function RegisterPage({
+  maxWidth = "container.sm",
+  ...registerFormProps
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react10.Container, { maxW: maxWidth, py: 10, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react10.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RegisterForm, { ...registerFormProps }) }) });
+}
+
+// src/routes/index.ts
+var import_core5 = require("@abpjs/core");
+var ACCOUNT_ROUTES = [
+  {
+    name: "Account",
+    path: "account",
+    invisible: true,
+    layout: import_core5.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",
+  register: "/account/register"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ACCOUNT_PATHS,
+  ACCOUNT_ROUTES,
+  AccountProvider,
+  DEFAULT_REDIRECT_URL,
+  LoginForm,
+  LoginPage,
+  RegisterForm,
+  RegisterPage,
+  TenantBox,
+  useAccountContext,
+  useAccountOptions,
+  usePasswordFlow
+});