@ttoss/react-auth-core 0.3.4 → 0.4.0

package/dist/esm/index.js

@@ -9,7 +9,7 @@ var __name = (target, value) => __defProp(target, "name", {
 // src/Auth.tsx
 import { useNotifications as useNotifications2 } from "@ttoss/react-notifications";
 import { Flex as Flex5 } from "@ttoss/ui";
-import * as React5 from "react";
+import * as React4 from "react";
 
 // src/AuthCard.tsx
 import { useNotifications } from "@ttoss/react-notifications";
@@ -776,7 +776,6 @@ var AuthSignUp = /* @__PURE__ */__name(props => {
 import { NotificationCard as NotificationCard3 } from "@ttoss/components/NotificationCard";
 import { notify } from "@ttoss/logger";
 import { useI18n as useI18n7 } from "@ttoss/react-i18n";
-import * as React4 from "react";
 import { ErrorBoundary as ReactErrorBoundary } from "react-error-boundary";
 var ErrorFallback = /* @__PURE__ */__name(({
   resetErrorBoundary
@@ -784,9 +783,9 @@ var ErrorFallback = /* @__PURE__ */__name(({
   const {
     intl
   } = useI18n7();
-  return /* @__PURE__ */React4.createElement("div", {
+  return /* @__PURE__ */React.createElement("div", {
     role: "alert"
-  }, /* @__PURE__ */React4.createElement(NotificationCard3, {
+  }, /* @__PURE__ */React.createElement(NotificationCard3, {
     type: "error",
     message: intl.formatMessage({
       id: "khMx/2",
@@ -801,13 +800,13 @@ var ErrorFallback = /* @__PURE__ */__name(({
 var ErrorBoundary = /* @__PURE__ */__name(({
   children
 }) => {
-  return /* @__PURE__ */React4.createElement(ReactErrorBoundary, {
+  return /* @__PURE__ */React.createElement(ReactErrorBoundary, {
     FallbackComponent: ErrorFallback,
     onError: /* @__PURE__ */__name(error => {
       notify({
         type: "error",
         title: "Authentication Error",
-        message: error.message
+        message: error instanceof Error ? error.message : String(error)
       });
     }, "onError")
   }, children);
@@ -831,10 +830,10 @@ var AuthLogic = /* @__PURE__ */__name(props => {
     clearNotifications,
     setLoading
   } = useNotifications2();
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     clearNotifications();
   }, [screen.value, clearNotifications]);
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     return clearNotifications;
   }, [clearNotifications]);
   const onGoToSignIn = /* @__PURE__ */__name(() => {
@@ -842,7 +841,7 @@ var AuthLogic = /* @__PURE__ */__name(props => {
       value: "signIn"
     });
   }, "onGoToSignIn");
-  const onGoToSignUp = React5.useCallback(() => {
+  const onGoToSignUp = React4.useCallback(() => {
     if (!onSignUp) {
       return void 0;
     }
@@ -850,7 +849,7 @@ var AuthLogic = /* @__PURE__ */__name(props => {
       value: "signUp"
     });
   }, [onSignUp, setScreen]);
-  const onGoToForgotPassword = React5.useCallback(() => {
+  const onGoToForgotPassword = React4.useCallback(() => {
     if (!onForgotPassword) {
       return void 0;
     }
@@ -870,7 +869,7 @@ var AuthLogic = /* @__PURE__ */__name(props => {
     };
   }, "notificationsWrapper");
   if (screen.value === "signIn") {
-    return /* @__PURE__ */React5.createElement(AuthSignIn, {
+    return /* @__PURE__ */React4.createElement(AuthSignIn, {
       onSignIn: notificationsWrapper(onSignIn),
       onGoToSignUp: onSignUp && onGoToSignUp,
       onGoToForgotPassword: onForgotPassword && onGoToForgotPassword,
@@ -878,7 +877,7 @@ var AuthLogic = /* @__PURE__ */__name(props => {
     });
   }
   if (screen.value === "signUp" && onSignUp) {
-    return /* @__PURE__ */React5.createElement(AuthSignUp, {
+    return /* @__PURE__ */React4.createElement(AuthSignUp, {
       onSignUp: notificationsWrapper(onSignUp),
       passwordMinimumLength,
       onGoToSignIn,
@@ -886,27 +885,27 @@ var AuthLogic = /* @__PURE__ */__name(props => {
     });
   }
   if (screen.value === "forgotPassword" && onForgotPassword) {
-    return /* @__PURE__ */React5.createElement(AuthForgotPassword, {
+    return /* @__PURE__ */React4.createElement(AuthForgotPassword, {
       onForgotPassword: notificationsWrapper(onForgotPassword),
       onGoToSignIn,
       onGoToSignUp: onSignUp && onGoToSignUp
     });
   }
   if (screen.value === "confirmResetPassword" && onForgotPasswordResetPassword) {
-    return /* @__PURE__ */React5.createElement(AuthForgotPasswordResetPassword, {
+    return /* @__PURE__ */React4.createElement(AuthForgotPasswordResetPassword, {
       onForgotPasswordResetPassword: notificationsWrapper(onForgotPasswordResetPassword),
       onGoToSignIn,
       email: screen.context.email
     });
   }
   if (screen.value === "confirmSignUpWithCode" && onConfirmSignUpWithCode) {
-    return /* @__PURE__ */React5.createElement(AuthConfirmSignUpWithCode, {
+    return /* @__PURE__ */React4.createElement(AuthConfirmSignUpWithCode, {
       onConfirmSignUpWithCode: notificationsWrapper(onConfirmSignUpWithCode),
       email: screen.context.email
     });
   }
   if (screen.value === "confirmSignUpCheckEmail" && onConfirmSignUpCheckEmail) {
-    return /* @__PURE__ */React5.createElement(AuthConfirmSignUpCheckEmail, {
+    return /* @__PURE__ */React4.createElement(AuthConfirmSignUpCheckEmail, {
       onConfirmSignUpCheckEmail
     });
   }
@@ -918,20 +917,20 @@ var Auth = /* @__PURE__ */__name(props => {
       fullScreen: true
     }
   } = props;
-  const withLogoNode = React5.useMemo(() => {
-    return /* @__PURE__ */React5.createElement(LogoProvider, {
+  const withLogoNode = React4.useMemo(() => {
+    return /* @__PURE__ */React4.createElement(LogoProvider, {
       logo: props.logo
-    }, /* @__PURE__ */React5.createElement(ErrorBoundary, null, /* @__PURE__ */React5.createElement(AuthLogic, props)));
+    }, /* @__PURE__ */React4.createElement(ErrorBoundary, null, /* @__PURE__ */React4.createElement(AuthLogic, props)));
   }, [props]);
   if (layout.fullScreen) {
     if (layout.sideContentPosition) {
-      return /* @__PURE__ */React5.createElement(AuthFullScreen, null, /* @__PURE__ */React5.createElement(Flex5, {
+      return /* @__PURE__ */React4.createElement(AuthFullScreen, null, /* @__PURE__ */React4.createElement(Flex5, {
         sx: {
           width: "100%",
           height: "100%",
           flexDirection: layout.sideContentPosition === "left" ? "row" : "row-reverse"
         }
-      }, /* @__PURE__ */React5.createElement(Flex5, {
+      }, /* @__PURE__ */React4.createElement(Flex5, {
         sx: {
           width: "100%",
           height: "100%",
@@ -939,7 +938,7 @@ var Auth = /* @__PURE__ */__name(props => {
           justifyContent: "center",
           alignItems: "center"
         }
-      }, layout.sideContent), /* @__PURE__ */React5.createElement(Flex5, {
+      }, layout.sideContent), /* @__PURE__ */React4.createElement(Flex5, {
         sx: {
           width: "100%",
           height: "100%",
@@ -949,15 +948,15 @@ var Auth = /* @__PURE__ */__name(props => {
         }
       }, withLogoNode)));
     }
-    return /* @__PURE__ */React5.createElement(AuthFullScreen, null, withLogoNode);
+    return /* @__PURE__ */React4.createElement(AuthFullScreen, null, withLogoNode);
   }
   return withLogoNode;
 }, "Auth");
 
 // src/AuthProvider.tsx
 import { useNotifications as useNotifications3 } from "@ttoss/react-notifications";
-import * as React6 from "react";
-var AuthContext = /* @__PURE__ */React6.createContext(null);
+import * as React5 from "react";
+var AuthContext = /* @__PURE__ */React5.createContext(null);
 var UNAUTHENTICATED_USER = {
   user: null,
   tokens: null,
@@ -971,15 +970,15 @@ var AuthProvider = /* @__PURE__ */__name(props => {
   const {
     setLoading
   } = useNotifications3();
-  const [authData, setAuthData] = React6.useState({
+  const [authData, setAuthData] = React5.useState({
     user: null,
     tokens: null,
     isAuthenticated: void 0
   });
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     setLoading(authData.isAuthenticated === void 0);
   }, [authData.isAuthenticated, setLoading]);
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     const fetchAuthData = /* @__PURE__ */__name(async () => {
       try {
         const data = await getAuthData?.();
@@ -994,14 +993,14 @@ var AuthProvider = /* @__PURE__ */__name(props => {
     }, "fetchAuthData");
     fetchAuthData();
   }, [getAuthData]);
-  const signOut = React6.useCallback(async () => {
+  const signOut = React5.useCallback(async () => {
     await signOutProp?.();
     setAuthData(UNAUTHENTICATED_USER);
   }, [signOutProp]);
   if (authData.isAuthenticated === void 0) {
     return null;
   }
-  return /* @__PURE__ */React6.createElement(AuthContext.Provider, {
+  return /* @__PURE__ */React5.createElement(AuthContext.Provider, {
     value: {
       signOut,
       isAuthenticated: authData.isAuthenticated ?? false,
@@ -1012,7 +1011,7 @@ var AuthProvider = /* @__PURE__ */__name(props => {
   }, props.children);
 }, "AuthProvider");
 var useAuth = /* @__PURE__ */__name(() => {
-  const context = React6.useContext(AuthContext);
+  const context = React5.useContext(AuthContext);
   if (!context) {
     throw new Error("useAuth must be used within an AuthProvider");
   }
@@ -1020,9 +1019,9 @@ var useAuth = /* @__PURE__ */__name(() => {
 }, "useAuth");
 
 // src/useAuthScreen.ts
-import * as React7 from "react";
+import * as React6 from "react";
 var useAuthScreen = /* @__PURE__ */__name(initialScreen => {
-  const [screen, setScreen] = React7.useState(initialScreen || {
+  const [screen, setScreen] = React6.useState(initialScreen || {
     value: "signIn"
   });
   return {

package/dist/index.js

@@ -61,7 +61,7 @@ module.exports = __toCommonJS(index_exports);
 // src/Auth.tsx
 var import_react_notifications6 = require("@ttoss/react-notifications");
 var import_ui7 = require("@ttoss/ui");
-var React5 = __toESM(require("react"), 1);
+var React4 = __toESM(require("react"), 1);
 
 // src/AuthCard.tsx
 var import_react_notifications = require("@ttoss/react-notifications");
@@ -828,7 +828,6 @@ var AuthSignUp = /* @__PURE__ */__name(props => {
 var import_NotificationCard3 = require("@ttoss/components/NotificationCard");
 var import_logger = require("@ttoss/logger");
 var import_react_i18n7 = require("@ttoss/react-i18n");
-var React4 = __toESM(require("react"), 1);
 var import_react_error_boundary = require("react-error-boundary");
 var ErrorFallback = /* @__PURE__ */__name(({
   resetErrorBoundary
@@ -836,9 +835,9 @@ var ErrorFallback = /* @__PURE__ */__name(({
   const {
     intl
   } = (0, import_react_i18n7.useI18n)();
-  return /* @__PURE__ */React4.createElement("div", {
+  return /* @__PURE__ */React.createElement("div", {
     role: "alert"
-  }, /* @__PURE__ */React4.createElement(import_NotificationCard3.NotificationCard, {
+  }, /* @__PURE__ */React.createElement(import_NotificationCard3.NotificationCard, {
     type: "error",
     message: intl.formatMessage({
       id: "khMx/2",
@@ -853,13 +852,13 @@ var ErrorFallback = /* @__PURE__ */__name(({
 var ErrorBoundary = /* @__PURE__ */__name(({
   children
 }) => {
-  return /* @__PURE__ */React4.createElement(import_react_error_boundary.ErrorBoundary, {
+  return /* @__PURE__ */React.createElement(import_react_error_boundary.ErrorBoundary, {
     FallbackComponent: ErrorFallback,
     onError: /* @__PURE__ */__name(error => {
       (0, import_logger.notify)({
         type: "error",
         title: "Authentication Error",
-        message: error.message
+        message: error instanceof Error ? error.message : String(error)
       });
     }, "onError")
   }, children);
@@ -883,10 +882,10 @@ var AuthLogic = /* @__PURE__ */__name(props => {
     clearNotifications,
     setLoading
   } = (0, import_react_notifications6.useNotifications)();
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     clearNotifications();
   }, [screen.value, clearNotifications]);
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     return clearNotifications;
   }, [clearNotifications]);
   const onGoToSignIn = /* @__PURE__ */__name(() => {
@@ -894,7 +893,7 @@ var AuthLogic = /* @__PURE__ */__name(props => {
       value: "signIn"
     });
   }, "onGoToSignIn");
-  const onGoToSignUp = React5.useCallback(() => {
+  const onGoToSignUp = React4.useCallback(() => {
     if (!onSignUp) {
       return void 0;
     }
@@ -902,7 +901,7 @@ var AuthLogic = /* @__PURE__ */__name(props => {
       value: "signUp"
     });
   }, [onSignUp, setScreen]);
-  const onGoToForgotPassword = React5.useCallback(() => {
+  const onGoToForgotPassword = React4.useCallback(() => {
     if (!onForgotPassword) {
       return void 0;
     }
@@ -922,7 +921,7 @@ var AuthLogic = /* @__PURE__ */__name(props => {
     };
   }, "notificationsWrapper");
   if (screen.value === "signIn") {
-    return /* @__PURE__ */React5.createElement(AuthSignIn, {
+    return /* @__PURE__ */React4.createElement(AuthSignIn, {
       onSignIn: notificationsWrapper(onSignIn),
       onGoToSignUp: onSignUp && onGoToSignUp,
       onGoToForgotPassword: onForgotPassword && onGoToForgotPassword,
@@ -930,7 +929,7 @@ var AuthLogic = /* @__PURE__ */__name(props => {
     });
   }
   if (screen.value === "signUp" && onSignUp) {
-    return /* @__PURE__ */React5.createElement(AuthSignUp, {
+    return /* @__PURE__ */React4.createElement(AuthSignUp, {
       onSignUp: notificationsWrapper(onSignUp),
       passwordMinimumLength,
       onGoToSignIn,
@@ -938,27 +937,27 @@ var AuthLogic = /* @__PURE__ */__name(props => {
     });
   }
   if (screen.value === "forgotPassword" && onForgotPassword) {
-    return /* @__PURE__ */React5.createElement(AuthForgotPassword, {
+    return /* @__PURE__ */React4.createElement(AuthForgotPassword, {
       onForgotPassword: notificationsWrapper(onForgotPassword),
       onGoToSignIn,
       onGoToSignUp: onSignUp && onGoToSignUp
     });
   }
   if (screen.value === "confirmResetPassword" && onForgotPasswordResetPassword) {
-    return /* @__PURE__ */React5.createElement(AuthForgotPasswordResetPassword, {
+    return /* @__PURE__ */React4.createElement(AuthForgotPasswordResetPassword, {
       onForgotPasswordResetPassword: notificationsWrapper(onForgotPasswordResetPassword),
       onGoToSignIn,
       email: screen.context.email
     });
   }
   if (screen.value === "confirmSignUpWithCode" && onConfirmSignUpWithCode) {
-    return /* @__PURE__ */React5.createElement(AuthConfirmSignUpWithCode, {
+    return /* @__PURE__ */React4.createElement(AuthConfirmSignUpWithCode, {
       onConfirmSignUpWithCode: notificationsWrapper(onConfirmSignUpWithCode),
       email: screen.context.email
     });
   }
   if (screen.value === "confirmSignUpCheckEmail" && onConfirmSignUpCheckEmail) {
-    return /* @__PURE__ */React5.createElement(AuthConfirmSignUpCheckEmail, {
+    return /* @__PURE__ */React4.createElement(AuthConfirmSignUpCheckEmail, {
       onConfirmSignUpCheckEmail
     });
   }
@@ -970,20 +969,20 @@ var Auth = /* @__PURE__ */__name(props => {
       fullScreen: true
     }
   } = props;
-  const withLogoNode = React5.useMemo(() => {
-    return /* @__PURE__ */React5.createElement(LogoProvider, {
+  const withLogoNode = React4.useMemo(() => {
+    return /* @__PURE__ */React4.createElement(LogoProvider, {
       logo: props.logo
-    }, /* @__PURE__ */React5.createElement(ErrorBoundary, null, /* @__PURE__ */React5.createElement(AuthLogic, props)));
+    }, /* @__PURE__ */React4.createElement(ErrorBoundary, null, /* @__PURE__ */React4.createElement(AuthLogic, props)));
   }, [props]);
   if (layout.fullScreen) {
     if (layout.sideContentPosition) {
-      return /* @__PURE__ */React5.createElement(AuthFullScreen, null, /* @__PURE__ */React5.createElement(import_ui7.Flex, {
+      return /* @__PURE__ */React4.createElement(AuthFullScreen, null, /* @__PURE__ */React4.createElement(import_ui7.Flex, {
         sx: {
           width: "100%",
           height: "100%",
           flexDirection: layout.sideContentPosition === "left" ? "row" : "row-reverse"
         }
-      }, /* @__PURE__ */React5.createElement(import_ui7.Flex, {
+      }, /* @__PURE__ */React4.createElement(import_ui7.Flex, {
         sx: {
           width: "100%",
           height: "100%",
@@ -991,7 +990,7 @@ var Auth = /* @__PURE__ */__name(props => {
           justifyContent: "center",
           alignItems: "center"
         }
-      }, layout.sideContent), /* @__PURE__ */React5.createElement(import_ui7.Flex, {
+      }, layout.sideContent), /* @__PURE__ */React4.createElement(import_ui7.Flex, {
         sx: {
           width: "100%",
           height: "100%",
@@ -1001,15 +1000,15 @@ var Auth = /* @__PURE__ */__name(props => {
         }
       }, withLogoNode)));
     }
-    return /* @__PURE__ */React5.createElement(AuthFullScreen, null, withLogoNode);
+    return /* @__PURE__ */React4.createElement(AuthFullScreen, null, withLogoNode);
   }
   return withLogoNode;
 }, "Auth");
 
 // src/AuthProvider.tsx
 var import_react_notifications7 = require("@ttoss/react-notifications");
-var React6 = __toESM(require("react"), 1);
-var AuthContext = /* @__PURE__ */React6.createContext(null);
+var React5 = __toESM(require("react"), 1);
+var AuthContext = /* @__PURE__ */React5.createContext(null);
 var UNAUTHENTICATED_USER = {
   user: null,
   tokens: null,
@@ -1023,15 +1022,15 @@ var AuthProvider = /* @__PURE__ */__name(props => {
   const {
     setLoading
   } = (0, import_react_notifications7.useNotifications)();
-  const [authData, setAuthData] = React6.useState({
+  const [authData, setAuthData] = React5.useState({
     user: null,
     tokens: null,
     isAuthenticated: void 0
   });
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     setLoading(authData.isAuthenticated === void 0);
   }, [authData.isAuthenticated, setLoading]);
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     const fetchAuthData = /* @__PURE__ */__name(async () => {
       try {
         const data = await getAuthData?.();
@@ -1046,14 +1045,14 @@ var AuthProvider = /* @__PURE__ */__name(props => {
     }, "fetchAuthData");
     fetchAuthData();
   }, [getAuthData]);
-  const signOut = React6.useCallback(async () => {
+  const signOut = React5.useCallback(async () => {
     await signOutProp?.();
     setAuthData(UNAUTHENTICATED_USER);
   }, [signOutProp]);
   if (authData.isAuthenticated === void 0) {
     return null;
   }
-  return /* @__PURE__ */React6.createElement(AuthContext.Provider, {
+  return /* @__PURE__ */React5.createElement(AuthContext.Provider, {
     value: {
       signOut,
       isAuthenticated: authData.isAuthenticated ?? false,
@@ -1064,7 +1063,7 @@ var AuthProvider = /* @__PURE__ */__name(props => {
   }, props.children);
 }, "AuthProvider");
 var useAuth = /* @__PURE__ */__name(() => {
-  const context = React6.useContext(AuthContext);
+  const context = React5.useContext(AuthContext);
   if (!context) {
     throw new Error("useAuth must be used within an AuthProvider");
   }
@@ -1072,9 +1071,9 @@ var useAuth = /* @__PURE__ */__name(() => {
 }, "useAuth");
 
 // src/useAuthScreen.ts
-var React7 = __toESM(require("react"), 1);
+var React6 = __toESM(require("react"), 1);
 var useAuthScreen = /* @__PURE__ */__name(initialScreen => {
-  const [screen, setScreen] = React7.useState(initialScreen || {
+  const [screen, setScreen] = React6.useState(initialScreen || {
     value: "signIn"
   });
   return {

package/i18n/compiled/en.json

@@ -199,6 +199,16 @@
       "value": "Sign up"
     }
   ],
+  "UibUNJ": [
+    {
+      "type": 0,
+      "value": "Invalid Value for Field of type "
+    },
+    {
+      "type": 1,
+      "value": "expected"
+    }
+  ],
   "WU/CqP": [
     {
       "type": 0,

package/i18n/lang/en.json

@@ -205,6 +205,11 @@
     "defaultMessage": "Field is required",
     "description": "Field is required"
   },
+  "UibUNJ": {
+    "module": "@ttoss/forms",
+    "defaultMessage": "Invalid Value for Field of type {expected}",
+    "description": "Invalid Value"
+  },
   "ZhaPt0": {
     "module": "@ttoss/forms",
     "defaultMessage": "Invalid Value for Field of type {type}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-auth-core",
-  "version": "0.3.4",
+  "version": "0.4.0",
   "description": "Core authentication components and abstractions for React apps.",
   "license": "MIT",
   "author": "ttoss",
@@ -25,32 +25,32 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "react-error-boundary": "^6.0.0"
+    "react-error-boundary": "^6.1.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/components": "^2.12.6",
-    "@ttoss/logger": "^0.7.3",
-    "@ttoss/forms": "^0.40.1",
-    "@ttoss/react-i18n": "^2.0.26",
-    "@ttoss/react-notifications": "^2.5.14",
-    "@ttoss/ui": "^6.5.1"
+    "@ttoss/components": "^2.13.0",
+    "@ttoss/react-i18n": "^2.1.0",
+    "@ttoss/forms": "^0.41.0",
+    "@ttoss/react-notifications": "^2.6.0",
+    "@ttoss/ui": "^6.6.0",
+    "@ttoss/logger": "^0.7.4"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
-    "@types/react": "^19.2.8",
+    "@types/react": "^19.2.14",
     "jest": "^30.2.0",
-    "react": "^19.2.3",
+    "react": "^19.2.4",
     "tsup": "^8.5.1",
-    "@ttoss/components": "^2.12.6",
-    "@ttoss/forms": "^0.40.1",
-    "@ttoss/config": "^1.35.12",
-    "@ttoss/i18n-cli": "^0.7.38",
-    "@ttoss/react-i18n": "^2.0.26",
-    "@ttoss/react-notifications": "^2.5.14",
-    "@ttoss/ui": "^6.5.1",
-    "@ttoss/test-utils": "^4.0.3",
-    "@ttoss/logger": "^0.7.3"
+    "@ttoss/components": "^2.13.0",
+    "@ttoss/config": "^1.36.0",
+    "@ttoss/i18n-cli": "^0.7.39",
+    "@ttoss/react-i18n": "^2.1.0",
+    "@ttoss/react-notifications": "^2.6.0",
+    "@ttoss/test-utils": "^4.1.0",
+    "@ttoss/forms": "^0.41.0",
+    "@ttoss/logger": "^0.7.4",
+    "@ttoss/ui": "^6.6.0"
   },
   "keywords": [
     "React",