@ttoss/react-auth 2.4.10 → 2.5.1

package/dist/esm/index.js

@@ -1,11 +1,11 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 
 // src/Auth.tsx
-import { useNotifications as useNotifications4 } from "@ttoss/react-notifications";
+import { useNotifications as useNotifications2 } from "@ttoss/react-notifications";
 import { Flex as Flex5 } from "@ttoss/ui";
 import { useMachine } from "@xstate/react";
 import { confirmResetPassword, confirmSignUp, resendSignUpCode, resetPassword, signIn, signUp } from "aws-amplify/auth";
-import * as React6 from "react";
+import * as React5 from "react";
 import { assign, createMachine } from "xstate";
 
 // src/AuthCard.tsx
@@ -531,9 +531,8 @@ var useAuth = () => {
 // src/AuthSignIn.tsx
 import { Form as Form4, FormFieldInput as FormFieldInput4, FormFieldPassword as FormFieldPassword2, useForm as useForm4, yup as yup4, yupResolver as yupResolver4 } from "@ttoss/forms";
 import { useI18n as useI18n4 } from "@ttoss/react-i18n";
-import { NotificationsBox as NotificationsBox3, useNotifications as useNotifications2 } from "@ttoss/react-notifications";
+import { NotificationsBox as NotificationsBox3 } from "@ttoss/react-notifications";
 import { Button as Button4, Flex as Flex3, Link as Link2, Text as Text2 } from "@ttoss/ui";
-import * as React4 from "react";
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var AuthSignIn = ({
   onSignIn,
@@ -544,12 +543,6 @@ var AuthSignIn = ({
   const {
     intl
   } = useI18n4();
-  const {
-    setNotifications
-  } = useNotifications2();
-  React4.useEffect(() => {
-    setNotifications(void 0);
-  }, [setNotifications]);
   const schema = yup4.object().shape({
     email: yup4.string().required(intl.formatMessage({
       id: "d1YCuH",
@@ -687,21 +680,15 @@ var AuthSignIn = ({
 // src/AuthSignUp.tsx
 import { Form as Form5, FormFieldCheckbox, FormFieldInput as FormFieldInput5, FormFieldPassword as FormFieldPassword3, useForm as useForm5, yup as yup5, yupResolver as yupResolver5 } from "@ttoss/forms";
 import { useI18n as useI18n5 } from "@ttoss/react-i18n";
-import { NotificationsBox as NotificationsBox4, useNotifications as useNotifications3 } from "@ttoss/react-notifications";
+import { NotificationsBox as NotificationsBox4 } from "@ttoss/react-notifications";
 import { Flex as Flex4, Link as Link3, Text as Text3 } from "@ttoss/ui";
-import * as React5 from "react";
+import * as React4 from "react";
 import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var AuthSignUp = props => {
   const {
     intl
   } = useI18n5();
-  const {
-    setNotifications
-  } = useNotifications3();
-  React5.useEffect(() => {
-    setNotifications(void 0);
-  }, [setNotifications]);
-  const schema = React5.useMemo(() => {
+  const schema = React4.useMemo(() => {
     return yup5.object().shape({
       email: yup5.string().required(intl.formatMessage({
         id: "d1YCuH",
@@ -759,7 +746,7 @@ var AuthSignUp = props => {
       })) : yup5.boolean()
     });
   }, [intl, props.signUpTerms?.isRequired]);
-  const signUpTermsLabel = React5.useMemo(() => {
+  const signUpTermsLabel = React4.useMemo(() => {
     if (!props.signUpTerms) {
       return null;
     }
@@ -772,7 +759,7 @@ var AuthSignUp = props => {
     });
     const termsLinks = props.signUpTerms.terms.map((term, index, terms) => {
       const finalPunctuation = index === terms.length - 1 ? "." : ", ";
-      return /* @__PURE__ */jsxs5(React5.Fragment, {
+      return /* @__PURE__ */jsxs5(React4.Fragment, {
         children: [/* @__PURE__ */jsx8(Link3, {
           href: term.url,
           target: "_blank",
@@ -786,7 +773,7 @@ var AuthSignUp = props => {
     });
     return label;
   }, [intl, props.signUpTerms]);
-  const signUpTermsNode = React5.useMemo(() => {
+  const signUpTermsNode = React4.useMemo(() => {
     if (!props.signUpTerms) {
       return null;
     }
@@ -967,9 +954,16 @@ var AuthLogic = props => {
   const [state, send] = useMachine(authMachine);
   const {
     setLoading,
-    setNotifications
-  } = useNotifications4();
-  const onSignIn = React6.useCallback(async ({
+    addNotification,
+    clearNotifications
+  } = useNotifications2();
+  React5.useEffect(() => {
+    clearNotifications();
+  }, [state.value, clearNotifications]);
+  React5.useEffect(() => {
+    return clearNotifications;
+  }, [clearNotifications]);
+  const onSignIn = React5.useCallback(async ({
     email,
     password
   }) => {
@@ -980,7 +974,7 @@ var AuthLogic = props => {
         password
       });
       if (result.nextStep.signInStep === "RESET_PASSWORD") {
-        setNotifications({
+        addNotification({
           type: "error",
           message: `For your security, we have updated our system and you need to reset your password in 'forgot your password?' to proceed`
         });
@@ -998,15 +992,15 @@ var AuthLogic = props => {
           break;
         default:
       }
-      setNotifications({
+      addNotification({
         type: "error",
         message: error.message
       });
     } finally {
       setLoading(false);
     }
-  }, [send, setLoading, setNotifications]);
-  const onSignUp = React6.useCallback(async ({
+  }, [send, setLoading, addNotification]);
+  const onSignUp = React5.useCallback(async ({
     email,
     password
   }) => {
@@ -1026,15 +1020,15 @@ var AuthLogic = props => {
         email
       });
     } catch (error) {
-      setNotifications({
+      addNotification({
         type: "error",
         message: error.message
       });
     } finally {
       setLoading(false);
     }
-  }, [send, setLoading, setNotifications]);
-  const onConfirmSignUp = React6.useCallback(async ({
+  }, [send, setLoading, addNotification]);
+  const onConfirmSignUp = React5.useCallback(async ({
     email,
     code
   }) => {
@@ -1049,20 +1043,20 @@ var AuthLogic = props => {
         email
       });
     } catch (error) {
-      setNotifications({
+      addNotification({
         type: "error",
         message: error.message
       });
     } finally {
       setLoading(false);
     }
-  }, [send, setLoading, setNotifications]);
-  const onReturnToSignIn = React6.useCallback(() => {
+  }, [send, setLoading, addNotification]);
+  const onReturnToSignIn = React5.useCallback(() => {
     send({
       type: "RETURN_TO_SIGN_IN"
     });
   }, [send]);
-  const onForgotPassword = React6.useCallback(async ({
+  const onForgotPassword = React5.useCallback(async ({
     email
   }) => {
     try {
@@ -1075,15 +1069,15 @@ var AuthLogic = props => {
         email
       });
     } catch (error) {
-      setNotifications({
+      addNotification({
         type: "error",
         message: error.message
       });
     } finally {
       setLoading(false);
     }
-  }, [send, setLoading, setNotifications]);
-  const onForgotPasswordResetPassword = React6.useCallback(async ({
+  }, [send, setLoading, addNotification]);
+  const onForgotPasswordResetPassword = React5.useCallback(async ({
     email,
     code,
     newPassword
@@ -1100,14 +1094,14 @@ var AuthLogic = props => {
         email
       });
     } catch (error) {
-      setNotifications({
+      addNotification({
         type: "error",
         message: error.message
       });
     } finally {
       setLoading(false);
     }
-  }, [send, setLoading, setNotifications]);
+  }, [send, setLoading, addNotification]);
   if (isAuthenticated) {
     return null;
   }
@@ -1159,7 +1153,7 @@ var Auth = props => {
       fullScreen: true
     }
   } = props;
-  const withLogoNode = React6.useMemo(() => {
+  const withLogoNode = React5.useMemo(() => {
     return /* @__PURE__ */jsx9(LogoProvider, {
       logo: props.logo,
       children: /* @__PURE__ */jsx9(AuthLogic, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-auth",
-  "version": "2.4.10",
+  "version": "2.5.1",
   "description": "ttoss authentication module for React apps.",
   "license": "MIT",
   "author": "ttoss",
@@ -27,14 +27,14 @@
   "dependencies": {
     "@xstate/react": "^3.2.2",
     "xstate": "^4.38.3",
-    "@ttoss/forms": "^0.28.7"
+    "@ttoss/forms": "^0.28.8"
   },
   "peerDependencies": {
     "aws-amplify": "^6.0.0",
     "react": ">=16.8.0",
     "@ttoss/react-i18n": "^2.0.9",
-    "@ttoss/react-notifications": "^1.24.72",
-    "@ttoss/ui": "^5.1.6"
+    "@ttoss/react-notifications": "^2.1.1",
+    "@ttoss/ui": "^5.2.0"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
@@ -43,13 +43,13 @@
     "jest": "^29.7.0",
     "react": "^19.0.0",
     "tsup": "^8.3.5",
-    "@ttoss/i18n-cli": "^0.7.26",
-    "@ttoss/config": "^1.35.2",
     "@ttoss/cloud-auth": "^0.12.27",
+    "@ttoss/i18n-cli": "^0.7.26",
     "@ttoss/react-i18n": "^2.0.9",
-    "@ttoss/react-notifications": "^1.24.72",
+    "@ttoss/react-notifications": "^2.1.1",
+    "@ttoss/ui": "^5.2.0",
     "@ttoss/test-utils": "^2.1.22",
-    "@ttoss/ui": "^5.1.6"
+    "@ttoss/config": "^1.35.2"
   },
   "keywords": [
     "React",