@abpjs/account 2.4.0 → 2.9.0

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

@@ -50,6 +50,7 @@ export interface AuthWrapperProps {
  * @since 1.1.0
  * @since 2.0.0 - Added enableLocalLogin prop to control local login visibility
  * @since 2.4.0 - Added isMultiTenancyEnabled prop (equivalent to Angular's isMultiTenancyEnabled$)
+ * @since 2.7.0 - Added tenantBoxKey static property for component replacement system
  *
  * @example
  * ```tsx
@@ -61,4 +62,7 @@ export interface AuthWrapperProps {
  * ```
  */
 export declare function AuthWrapper({ children, mainContent, cancelContent, enableLocalLogin, isMultiTenancyEnabled, }: AuthWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace AuthWrapper {
+    var tenantBoxKey: "Account.TenantBoxComponent";
+}
 export default AuthWrapper;

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

@@ -33,6 +33,7 @@ export interface LoginFormProps {
  * It handles user authentication using OAuth password flow.
  *
  * @since 2.0.0 - Added isSelfRegistrationEnabled check from ABP settings
+ * @since 2.7.0 - Added authWrapperKey static property for component replacement system
  *
  * @example
  * ```tsx
@@ -47,4 +48,7 @@ export interface LoginFormProps {
  * ```
  */
 export declare function LoginForm({ showTenantBox, showRegisterLink, registerUrl, onLoginSuccess, onLoginError, }: LoginFormProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace LoginForm {
+    var authWrapperKey: "Account.AuthWrapperComponent";
+}
 export default LoginForm;

package/dist/components/ManageProfile/ManageProfile.d.ts

@@ -33,6 +33,7 @@ export interface ManageProfileProps {
  * including personal information and password change.
  *
  * @since 1.1.0
+ * @since 2.7.0 - Added changePasswordKey and personalSettingsKey static properties for component replacement system
  *
  * @example
  * ```tsx
@@ -43,4 +44,8 @@ export interface ManageProfileProps {
  * ```
  */
 export declare function ManageProfile({ defaultTabIndex, onTabChange, customTabs, }: ManageProfileProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ManageProfile {
+    var changePasswordKey: "Account.ChangePasswordComponent";
+    var personalSettingsKey: "Account.PersonalSettingsComponent";
+}
 export default ManageProfile;

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

@@ -36,6 +36,7 @@ export interface RegisterFormProps {
  *
  * @since 0.9.0 - Now uses AccountService for registration
  * @since 2.0.0 - Added isSelfRegistrationEnabled check from ABP settings
+ * @since 2.7.0 - Added authWrapperKey static property for component replacement system
  *
  * @example
  * ```tsx
@@ -50,4 +51,7 @@ export interface RegisterFormProps {
  * ```
  */
 export declare function RegisterForm({ showTenantBox, showLoginLink, loginUrl, onRegisterSuccess, onRegisterError, }: RegisterFormProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace RegisterForm {
+    var authWrapperKey: "Account.AuthWrapperComponent";
+}
 export default RegisterForm;

package/dist/components/TenantBox/TenantBox.d.ts

@@ -18,6 +18,11 @@ export interface TenantBoxProps {
  * and properly updates the session state.
  *
  * @since 0.9.0 - Now uses AccountService for tenant lookup
+ * @since 2.7.0 - Renamed internal properties (name, modalBusy) to match Angular v2.7.0
+ *               Uses TenantIdResponse.name from API when available
  */
 export declare function TenantBox({ containerStyle }: TenantBoxProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TenantBox {
+    var componentKey: "Account.TenantBoxComponent";
+}
 export default TenantBox;

package/dist/enums/components.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Account component keys for component replacement system
+ *
+ * These keys are used by ABP's component replacement system to allow
+ * customization of account module components.
+ *
+ * Translated from @abp/ng.account v2.7.0 eAccountComponents enum.
+ *
+ * @since 2.7.0
+ *
+ * @example
+ * ```tsx
+ * import { eAccountComponents } from '@abpjs/account';
+ *
+ * // Use in component replacement
+ * const key = eAccountComponents.Login;
+ * ```
+ */
+export declare const eAccountComponents: {
+    /**
+     * Key for the Login component
+     */
+    readonly Login: "Account.LoginComponent";
+    /**
+     * Key for the Register component
+     */
+    readonly Register: "Account.RegisterComponent";
+    /**
+     * Key for the ManageProfile component
+     */
+    readonly ManageProfile: "Account.ManageProfileComponent";
+    /**
+     * Key for the TenantBox component
+     */
+    readonly TenantBox: "Account.TenantBoxComponent";
+    /**
+     * Key for the AuthWrapper component
+     */
+    readonly AuthWrapper: "Account.AuthWrapperComponent";
+    /**
+     * Key for the ChangePassword component
+     */
+    readonly ChangePassword: "Account.ChangePasswordComponent";
+    /**
+     * Key for the PersonalSettings component
+     */
+    readonly PersonalSettings: "Account.PersonalSettingsComponent";
+};
+/**
+ * Type for eAccountComponents values
+ */
+export type eAccountComponents = (typeof eAccountComponents)[keyof typeof eAccountComponents];

package/dist/enums/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Account module enums
+ *
+ * @since 2.7.0
+ */
+export * from './components';
+export * from './route-names';

package/dist/enums/route-names.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Account route names for navigation
+ *
+ * These constants represent localization keys for account route names
+ * in the ABP Framework navigation system.
+ *
+ * Translated from @abp/ng.account v2.7.0 eAccountRouteNames enum.
+ *
+ * @since 2.7.0
+ *
+ * @example
+ * ```tsx
+ * import { eAccountRouteNames } from '@abpjs/account';
+ *
+ * // Use in route configuration
+ * const routeName = eAccountRouteNames.Login;
+ * ```
+ */
+export declare const eAccountRouteNames: {
+    /**
+     * Route name for Account menu
+     */
+    readonly Account: "AbpAccount::Menu:Account";
+    /**
+     * Route name for Login page
+     */
+    readonly Login: "AbpAccount::Login";
+    /**
+     * Route name for Register page
+     */
+    readonly Register: "AbpAccount::Register";
+    /**
+     * Route name for Manage Profile page
+     */
+    readonly ManageProfile: "AbpAccount::ManageYourProfile";
+};
+/**
+ * Type for eAccountRouteNames values
+ */
+export type eAccountRouteNames = (typeof eAccountRouteNames)[keyof typeof eAccountRouteNames];

package/dist/index.d.ts

@@ -1,7 +1,18 @@
 /**
  * @abpjs/account
  * ABP Framework Account module for React
- * Translated from @abp/ng.account v2.4.0
+ * Translated from @abp/ng.account v2.9.0
+ *
+ * Changes in v2.9.0:
+ * - Version bump only (dependency updates to @abp/ng.theme.shared v2.9.0)
+ * - No functional code changes
+ *
+ * Changes in v2.7.0:
+ * - Added eAccountComponents enum for component replacement system
+ * - Added eAccountRouteNames enum for route names
+ * - TenantIdResponse: Added name property
+ * - TenantBoxComponent: Refactored with new naming (name, modalBusy)
+ * - Components now have component keys for replacement system
  *
  * Changes in v2.4.0:
  * - AuthWrapperComponent: Added isMultiTenancyEnabled prop (equivalent to Angular's isMultiTenancyEnabled$)
@@ -12,7 +23,7 @@
  * - Dependency updates to @abp/ng.theme.shared v2.2.0 and @abp/ng.account.config v2.2.0
  * - No functional code changes
  *
- * @version 2.4.0
+ * @version 2.9.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
@@ -20,7 +31,11 @@
  * @since 2.0.0 - TenantBoxComponent and AccountService now publicly exported
  * @since 2.1.0 - Version bump only (dependency updates to @abp/ng.theme.shared v2.1.0)
  * @since 2.4.0 - AuthWrapper: isMultiTenancyEnabled prop; AccountService: apiName property
+ * @since 2.7.0 - Added eAccountComponents and eAccountRouteNames enums
+ * @since 2.7.0 - Components have static keys for component replacement system
+ * @since 2.9.0 - Version bump only (dependency updates)
  */
+export * from './enums';
 export * from './models';
 export * from './services';
 export * from './providers';

package/dist/index.js

@@ -33,6 +33,8 @@ __export(index_exports, {
   RegisterForm: () => RegisterForm,
   RegisterPage: () => RegisterPage,
   TenantBox: () => TenantBox,
+  eAccountComponents: () => eAccountComponents,
+  eAccountRouteNames: () => eAccountRouteNames,
   useAccountContext: () => useAccountContext,
   useAccountOptions: () => useAccountOptions,
   useAccountService: () => useAccountService,
@@ -41,6 +43,58 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/enums/components.ts
+var eAccountComponents = {
+  /**
+   * Key for the Login component
+   */
+  Login: "Account.LoginComponent",
+  /**
+   * Key for the Register component
+   */
+  Register: "Account.RegisterComponent",
+  /**
+   * Key for the ManageProfile component
+   */
+  ManageProfile: "Account.ManageProfileComponent",
+  /**
+   * Key for the TenantBox component
+   */
+  TenantBox: "Account.TenantBoxComponent",
+  /**
+   * Key for the AuthWrapper component
+   */
+  AuthWrapper: "Account.AuthWrapperComponent",
+  /**
+   * Key for the ChangePassword component
+   */
+  ChangePassword: "Account.ChangePasswordComponent",
+  /**
+   * Key for the PersonalSettings component
+   */
+  PersonalSettings: "Account.PersonalSettingsComponent"
+};
+
+// src/enums/route-names.ts
+var eAccountRouteNames = {
+  /**
+   * Route name for Account menu
+   */
+  Account: "AbpAccount::Menu:Account",
+  /**
+   * Route name for Login page
+   */
+  Login: "AbpAccount::Login",
+  /**
+   * Route name for Register page
+   */
+  Register: "AbpAccount::Register",
+  /**
+   * Route name for Manage Profile page
+   */
+  ManageProfile: "AbpAccount::ManageYourProfile"
+};
+
 // src/services/account.service.ts
 var AccountService = class {
   constructor(rest) {
@@ -259,6 +313,7 @@ function AuthWrapper({
     cancelContent && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Box, { textAlign: "center", mt: 4, children: cancelContent })
   ] }) }) }) });
 }
+AuthWrapper.tenantBoxKey = eAccountComponents.TenantBox;
 
 // src/components/ChangePasswordForm/ChangePasswordForm.tsx
 var import_react5 = require("react");
@@ -416,47 +471,55 @@ function TenantBox({ containerStyle }) {
   const accountService = useAccountService();
   const toaster = (0, import_theme_shared2.useToaster)();
   const currentTenant = (0, import_react_redux.useSelector)(import_core6.selectTenant);
-  const [tenantName, setTenantName] = (0, import_react8.useState)("");
+  const [name, setName] = (0, import_react8.useState)("");
   const [isModalVisible, setIsModalVisible] = (0, import_react8.useState)(false);
-  const [inProgress, setInProgress] = (0, import_react8.useState)(false);
+  const [modalBusy, setModalBusy] = (0, import_react8.useState)(false);
   (0, import_react8.useEffect)(() => {
-    setTenantName(currentTenant?.name || "");
+    setName(currentTenant?.name || "");
   }, [currentTenant]);
   const onSwitch = (0, import_react8.useCallback)(() => {
     setIsModalVisible(true);
   }, []);
+  const setTenant = (0, import_react8.useCallback)(
+    (tenant) => {
+      dispatch(import_core6.sessionActions.setTenant(tenant));
+    },
+    [dispatch]
+  );
+  const showError = (0, import_react8.useCallback)(
+    (message) => {
+      toaster.error(message, t("AbpUi::Error") || "Error");
+    },
+    [toaster, t]
+  );
   const save = (0, import_react8.useCallback)(async () => {
-    if (tenantName) {
-      setInProgress(true);
+    if (name) {
+      setModalBusy(true);
       try {
-        const { success, tenantId } = await accountService.findTenant(tenantName);
+        const { success, tenantId, name: responseName } = await accountService.findTenant(name);
         if (success) {
-          const newTenant = {
-            id: tenantId,
-            name: tenantName
-          };
-          dispatch(import_core6.sessionActions.setTenant(newTenant));
+          const tenantName = responseName || name;
+          setTenant({ id: tenantId, name: tenantName });
           setIsModalVisible(false);
         } else {
-          toaster.error(
-            t("AbpUiMultiTenancy::GivenTenantIsNotAvailable", tenantName) || `Tenant "${tenantName}" is not available`,
-            t("AbpUi::Error") || "Error"
+          showError(
+            t("AbpUiMultiTenancy::GivenTenantIsNotAvailable", name) || `Tenant "${name}" is not available`
           );
-          setTenantName("");
+          setName("");
         }
       } catch (err) {
         const errorMessage = err?.error?.error_description || err?.error?.error?.message || t("AbpUi::DefaultErrorMessage") || "An error occurred";
-        toaster.error(errorMessage, t("AbpUi::Error") || "Error");
+        showError(errorMessage);
       } finally {
-        setInProgress(false);
+        setModalBusy(false);
       }
     } else {
-      dispatch(import_core6.sessionActions.setTenant({ id: "", name: "" }));
+      setTenant({ id: "", name: "" });
       setIsModalVisible(false);
     }
-  }, [tenantName, accountService, dispatch, toaster, t]);
+  }, [name, accountService, setTenant, showError, t]);
   const onClose = (0, import_react8.useCallback)(() => {
-    setTenantName(currentTenant?.name || "");
+    setName(currentTenant?.name || "");
     setIsModalVisible(false);
   }, [currentTenant]);
   const handleSubmit = (0, import_react8.useCallback)(
@@ -515,7 +578,7 @@ function TenantBox({ containerStyle }) {
             {
               colorPalette: "blue",
               onClick: save,
-              loading: inProgress,
+              loading: modalBusy,
               loadingText: t("AbpTenantManagement::Save"),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CheckIcon, {}),
@@ -532,8 +595,8 @@ function TenantBox({ containerStyle }) {
               {
                 id: "tenant-name",
                 type: "text",
-                value: tenantName,
-                onChange: (e) => setTenantName(e.target.value),
+                value: name,
+                onChange: (e) => setName(e.target.value),
                 autoFocus: true
               }
             )
@@ -544,6 +607,7 @@ function TenantBox({ containerStyle }) {
     )
   ] });
 }
+TenantBox.componentKey = eAccountComponents.TenantBox;
 function CheckIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "svg",
@@ -659,6 +723,7 @@ function LoginForm({
     ] }) })
   ] }) }) }) });
 }
+LoginForm.authWrapperKey = eAccountComponents.AuthWrapper;
 
 // src/components/ManageProfile/ManageProfile.tsx
 var import_react15 = require("react");
@@ -868,6 +933,8 @@ function ManageProfile({
     )
   ] }) }) });
 }
+ManageProfile.changePasswordKey = eAccountComponents.ChangePassword;
+ManageProfile.personalSettingsKey = eAccountComponents.PersonalSettings;
 
 // src/components/RegisterForm/RegisterForm.tsx
 var import_react17 = require("react");
@@ -1047,6 +1114,7 @@ function RegisterForm({
     ] }) })
   ] }) }) }) });
 }
+RegisterForm.authWrapperKey = eAccountComponents.AuthWrapper;
 
 // src/pages/LoginPage.tsx
 var import_react20 = require("@chakra-ui/react");
@@ -1089,6 +1157,8 @@ var ACCOUNT_PATHS = {
   RegisterForm,
   RegisterPage,
   TenantBox,
+  eAccountComponents,
+  eAccountRouteNames,
   useAccountContext,
   useAccountOptions,
   useAccountService,

package/dist/index.mjs

@@ -1,3 +1,55 @@
+// src/enums/components.ts
+var eAccountComponents = {
+  /**
+   * Key for the Login component
+   */
+  Login: "Account.LoginComponent",
+  /**
+   * Key for the Register component
+   */
+  Register: "Account.RegisterComponent",
+  /**
+   * Key for the ManageProfile component
+   */
+  ManageProfile: "Account.ManageProfileComponent",
+  /**
+   * Key for the TenantBox component
+   */
+  TenantBox: "Account.TenantBoxComponent",
+  /**
+   * Key for the AuthWrapper component
+   */
+  AuthWrapper: "Account.AuthWrapperComponent",
+  /**
+   * Key for the ChangePassword component
+   */
+  ChangePassword: "Account.ChangePasswordComponent",
+  /**
+   * Key for the PersonalSettings component
+   */
+  PersonalSettings: "Account.PersonalSettingsComponent"
+};
+
+// src/enums/route-names.ts
+var eAccountRouteNames = {
+  /**
+   * Route name for Account menu
+   */
+  Account: "AbpAccount::Menu:Account",
+  /**
+   * Route name for Login page
+   */
+  Login: "AbpAccount::Login",
+  /**
+   * Route name for Register page
+   */
+  Register: "AbpAccount::Register",
+  /**
+   * Route name for Manage Profile page
+   */
+  ManageProfile: "AbpAccount::ManageYourProfile"
+};
+
 // src/services/account.service.ts
 var AccountService = class {
   constructor(rest) {
@@ -216,6 +268,7 @@ function AuthWrapper({
     cancelContent && /* @__PURE__ */ jsx2(Box, { textAlign: "center", mt: 4, children: cancelContent })
   ] }) }) }) });
 }
+AuthWrapper.tenantBoxKey = eAccountComponents.TenantBox;
 
 // src/components/ChangePasswordForm/ChangePasswordForm.tsx
 import { useState as useState2, useEffect } from "react";
@@ -373,47 +426,55 @@ function TenantBox({ containerStyle }) {
   const accountService = useAccountService();
   const toaster = useToaster2();
   const currentTenant = useSelector(selectTenant);
-  const [tenantName, setTenantName] = useState3("");
+  const [name, setName] = useState3("");
   const [isModalVisible, setIsModalVisible] = useState3(false);
-  const [inProgress, setInProgress] = useState3(false);
+  const [modalBusy, setModalBusy] = useState3(false);
   useEffect2(() => {
-    setTenantName(currentTenant?.name || "");
+    setName(currentTenant?.name || "");
   }, [currentTenant]);
   const onSwitch = useCallback2(() => {
     setIsModalVisible(true);
   }, []);
+  const setTenant = useCallback2(
+    (tenant) => {
+      dispatch(sessionActions.setTenant(tenant));
+    },
+    [dispatch]
+  );
+  const showError = useCallback2(
+    (message) => {
+      toaster.error(message, t("AbpUi::Error") || "Error");
+    },
+    [toaster, t]
+  );
   const save = useCallback2(async () => {
-    if (tenantName) {
-      setInProgress(true);
+    if (name) {
+      setModalBusy(true);
       try {
-        const { success, tenantId } = await accountService.findTenant(tenantName);
+        const { success, tenantId, name: responseName } = await accountService.findTenant(name);
         if (success) {
-          const newTenant = {
-            id: tenantId,
-            name: tenantName
-          };
-          dispatch(sessionActions.setTenant(newTenant));
+          const tenantName = responseName || name;
+          setTenant({ id: tenantId, name: tenantName });
           setIsModalVisible(false);
         } else {
-          toaster.error(
-            t("AbpUiMultiTenancy::GivenTenantIsNotAvailable", tenantName) || `Tenant "${tenantName}" is not available`,
-            t("AbpUi::Error") || "Error"
+          showError(
+            t("AbpUiMultiTenancy::GivenTenantIsNotAvailable", name) || `Tenant "${name}" is not available`
           );
-          setTenantName("");
+          setName("");
         }
       } catch (err) {
         const errorMessage = err?.error?.error_description || err?.error?.error?.message || t("AbpUi::DefaultErrorMessage") || "An error occurred";
-        toaster.error(errorMessage, t("AbpUi::Error") || "Error");
+        showError(errorMessage);
       } finally {
-        setInProgress(false);
+        setModalBusy(false);
       }
     } else {
-      dispatch(sessionActions.setTenant({ id: "", name: "" }));
+      setTenant({ id: "", name: "" });
       setIsModalVisible(false);
     }
-  }, [tenantName, accountService, dispatch, toaster, t]);
+  }, [name, accountService, setTenant, showError, t]);
   const onClose = useCallback2(() => {
-    setTenantName(currentTenant?.name || "");
+    setName(currentTenant?.name || "");
     setIsModalVisible(false);
   }, [currentTenant]);
   const handleSubmit = useCallback2(
@@ -472,7 +533,7 @@ function TenantBox({ containerStyle }) {
             {
               colorPalette: "blue",
               onClick: save,
-              loading: inProgress,
+              loading: modalBusy,
               loadingText: t("AbpTenantManagement::Save"),
               children: [
                 /* @__PURE__ */ jsx4(CheckIcon, {}),
@@ -489,8 +550,8 @@ function TenantBox({ containerStyle }) {
               {
                 id: "tenant-name",
                 type: "text",
-                value: tenantName,
-                onChange: (e) => setTenantName(e.target.value),
+                value: name,
+                onChange: (e) => setName(e.target.value),
                 autoFocus: true
               }
             )
@@ -501,6 +562,7 @@ function TenantBox({ containerStyle }) {
     )
   ] });
 }
+TenantBox.componentKey = eAccountComponents.TenantBox;
 function CheckIcon() {
   return /* @__PURE__ */ jsx4(
     "svg",
@@ -624,6 +686,7 @@ function LoginForm({
     ] }) })
   ] }) }) }) });
 }
+LoginForm.authWrapperKey = eAccountComponents.AuthWrapper;
 
 // src/components/ManageProfile/ManageProfile.tsx
 import { useState as useState5 } from "react";
@@ -833,6 +896,8 @@ function ManageProfile({
     )
   ] }) }) });
 }
+ManageProfile.changePasswordKey = eAccountComponents.ChangePassword;
+ManageProfile.personalSettingsKey = eAccountComponents.PersonalSettings;
 
 // src/components/RegisterForm/RegisterForm.tsx
 import { useState as useState6, useEffect as useEffect4 } from "react";
@@ -1020,6 +1085,7 @@ function RegisterForm({
     ] }) })
   ] }) }) }) });
 }
+RegisterForm.authWrapperKey = eAccountComponents.AuthWrapper;
 
 // src/pages/LoginPage.tsx
 import { Container as Container5, Center } from "@chakra-ui/react";
@@ -1061,6 +1127,8 @@ export {
   RegisterForm,
   RegisterPage,
   TenantBox,
+  eAccountComponents,
+  eAccountRouteNames,
   useAccountContext,
   useAccountOptions,
   useAccountService,

package/dist/models/index.d.ts

@@ -132,8 +132,15 @@ export interface RegisterResponse {
 }
 /**
  * Response from tenant lookup API
+ *
+ * @since 2.7.0 - Added name property
  */
 export interface TenantIdResponse {
     success: boolean;
     tenantId: string;
+    /**
+     * The name of the tenant
+     * @since 2.7.0
+     */
+    name?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abpjs/account",
-  "version": "2.4.0",
+  "version": "2.9.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": "2.4.0",
-    "@abpjs/theme-shared": "2.4.0"
+    "@abpjs/core": "2.9.0",
+    "@abpjs/theme-shared": "2.9.0"
   },
   "devDependencies": {
-    "@abp/ng.account": "2.4.0",
+    "@abp/ng.account": "2.9.0",
     "@reduxjs/toolkit": "^2.0.0",
     "@testing-library/jest-dom": "^6.4.0",
     "@testing-library/react": "^14.2.0",