@ttoss/react-auth 2.5.13 → 2.6.0

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 
 // src/Auth.tsx
-import { useI18n as useI18n6 } from "@ttoss/react-i18n";
+import { useI18n as useI18n7 } from "@ttoss/react-i18n";
 import { useNotifications as useNotifications2 } from "@ttoss/react-notifications";
 import { Flex as Flex5 } from "@ttoss/ui";
 import { confirmResetPassword, confirmSignUp, resendSignUpCode, resetPassword, signIn, signUp } from "aws-amplify/auth";
@@ -11,13 +11,58 @@ import * as React5 from "react";
 import { useNotifications } from "@ttoss/react-notifications";
 import { Box, Button, Flex, Heading } from "@ttoss/ui";
 import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+
+// src/ErrorBoundary.tsx
+import { NotificationCard } from "@ttoss/components/NotificationCard";
+import { notify } from "@ttoss/logger";
+import { useI18n } from "@ttoss/react-i18n";
+import { ErrorBoundary as ReactErrorBoundary } from "react-error-boundary";
+import { jsx } from "react/jsx-runtime";
+var ErrorFallback = ({
+  resetErrorBoundary
+}) => {
+  const {
+    intl
+  } = useI18n();
+  return /* @__PURE__ */jsx("div", {
+    role: "alert",
+    children: /* @__PURE__ */jsx(NotificationCard, {
+      type: "error",
+      message: intl.formatMessage({
+        id: "khMx/2",
+        defaultMessage: [{
+          "type": 0,
+          "value": "An error occurred with your authentication. Please try again."
+        }]
+      }),
+      onClose: resetErrorBoundary
+    })
+  });
+};
+var ErrorBoundary = ({
+  children
+}) => {
+  return /* @__PURE__ */jsx(ReactErrorBoundary, {
+    FallbackComponent: ErrorFallback,
+    onError: error => {
+      notify({
+        type: "error",
+        title: "Authentication Error",
+        message: error.message
+      });
+    },
+    children
+  });
+};
+
+// src/AuthCard.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var LogoContext = React.createContext({});
 var LogoProvider = ({
   children,
   ...values
 }) => {
-  return /* @__PURE__ */jsx(LogoContext.Provider, {
+  return /* @__PURE__ */jsx2(LogoContext.Provider, {
     value: values,
     children
   });
@@ -45,7 +90,7 @@ var AuthCard = ({
       paddingY: "9",
       backgroundColor: "surface"
     },
-    children: [logo && /* @__PURE__ */jsx(Flex, {
+    children: [logo && /* @__PURE__ */jsx2(Flex, {
       sx: {
         width: "full",
         maxHeight: "90px",
@@ -57,21 +102,23 @@ var AuthCard = ({
       sx: {
         flexDirection: "column"
       },
-      children: [/* @__PURE__ */jsx(Heading, {
+      children: [/* @__PURE__ */jsx2(Heading, {
         as: "h2",
         variant: "h2",
         sx: {
           marginBottom: "8"
         },
         children: title
-      }), children, /* @__PURE__ */jsxs(Flex, {
+      }), /* @__PURE__ */jsx2(ErrorBoundary, {
+        children
+      }), /* @__PURE__ */jsxs(Flex, {
         sx: {
           flexDirection: "column",
           width: "100%",
           gap: "7",
           marginTop: "8"
         },
-        children: [/* @__PURE__ */jsx(Button, {
+        children: [/* @__PURE__ */jsx2(Button, {
           type: "submit",
           "aria-label": "submit-button",
           variant: "accent",
@@ -89,17 +136,17 @@ var AuthCard = ({
 };
 
 // src/AuthConfirmSignUp.tsx
-import { NotificationCard } from "@ttoss/components/NotificationCard";
+import { NotificationCard as NotificationCard2 } from "@ttoss/components/NotificationCard";
 import { Form, FormFieldInput, useForm, yup, yupResolver } from "@ttoss/forms";
-import { useI18n } from "@ttoss/react-i18n";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { useI18n as useI18n2 } from "@ttoss/react-i18n";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var AuthConfirmSignUp = ({
   email,
   onConfirmSignUp
 }) => {
   const {
     intl
-  } = useI18n();
+  } = useI18n2();
   const schema = yup.object().shape({
     code: yup.string().required(intl.formatMessage({
       id: "0XOzcH",
@@ -126,7 +173,7 @@ var AuthConfirmSignUp = ({
   const formMethods = useForm({
     resolver: yupResolver(schema)
   });
-  return /* @__PURE__ */jsx2(Form, {
+  return /* @__PURE__ */jsx3(Form, {
     ...formMethods,
     onSubmit: ({
       code
@@ -152,7 +199,7 @@ var AuthConfirmSignUp = ({
           "value": "Confirmation"
         }]
       }),
-      children: [/* @__PURE__ */jsx2(NotificationCard, {
+      children: [/* @__PURE__ */jsx3(NotificationCard2, {
         type: "info",
         message: intl.formatMessage({
           id: "pwv2cR",
@@ -161,7 +208,7 @@ var AuthConfirmSignUp = ({
             "value": "We have sent a confirmation code to your email address. Please enter the code below."
           }]
         })
-      }), /* @__PURE__ */jsx2(FormFieldInput, {
+      }), /* @__PURE__ */jsx3(FormFieldInput, {
         sx: {
           marginTop: "6"
         },
@@ -180,10 +227,10 @@ var AuthConfirmSignUp = ({
 
 // src/AuthForgotPassword.tsx
 import { Form as Form2, FormFieldInput as FormFieldInput2, useForm as useForm2, yup as yup2, yupResolver as yupResolver2 } from "@ttoss/forms";
-import { useI18n as useI18n2 } from "@ttoss/react-i18n";
+import { useI18n as useI18n3 } from "@ttoss/react-i18n";
 import { NotificationsBox } from "@ttoss/react-notifications";
 import { Button as Button2, Link, Text } from "@ttoss/ui";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var AuthForgotPassword = ({
   onForgotPassword,
   onCancel,
@@ -191,7 +238,7 @@ var AuthForgotPassword = ({
 }) => {
   const {
     intl
-  } = useI18n2();
+  } = useI18n3();
   const schema = yup2.object().shape({
     email: yup2.string().required(intl.formatMessage({
       id: "5oOshZ",
@@ -211,7 +258,7 @@ var AuthForgotPassword = ({
     resolver: yupResolver2(schema),
     mode: "onBlur"
   });
-  return /* @__PURE__ */jsx3(Form2, {
+  return /* @__PURE__ */jsx4(Form2, {
     ...formMethods,
     sx: {
       maxWidth: "390px"
@@ -239,7 +286,7 @@ var AuthForgotPassword = ({
           "value": "Recovering Password"
         }]
       }),
-      extraButton: /* @__PURE__ */jsx3(Button2, {
+      extraButton: /* @__PURE__ */jsx4(Button2, {
         sx: {
           textAlign: "center",
           display: "initial"
@@ -254,7 +301,7 @@ var AuthForgotPassword = ({
           }]
         })
       }),
-      children: [/* @__PURE__ */jsx3(FormFieldInput2, {
+      children: [/* @__PURE__ */jsx4(FormFieldInput2, {
         name: "email",
         label: intl.formatMessage({
           id: "XreZg+",
@@ -263,7 +310,7 @@ var AuthForgotPassword = ({
             "value": "Registered Email"
           }]
         })
-      }), /* @__PURE__ */jsx3(NotificationsBox, {}), /* @__PURE__ */jsx3(Text, {
+      }), /* @__PURE__ */jsx4(NotificationsBox, {}), /* @__PURE__ */jsx4(Text, {
         sx: {
           marginTop: "xl",
           cursor: "pointer"
@@ -287,11 +334,11 @@ var PASSWORD_MINIMUM_LENGTH = 8;
 
 // src/AuthForgotPasswordResetPassword.tsx
 import { Form as Form3, FormFieldInput as FormFieldInput3, FormFieldPassword, useForm as useForm3, yup as yup3, yupResolver as yupResolver3 } from "@ttoss/forms";
-import { useI18n as useI18n3 } from "@ttoss/react-i18n";
+import { useI18n as useI18n4 } from "@ttoss/react-i18n";
 import { NotificationsBox as NotificationsBox2 } from "@ttoss/react-notifications";
 import { Button as Button3 } from "@ttoss/ui";
 import * as React2 from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var AuthForgotPasswordResetPassword = ({
   email,
   onForgotPasswordResetPassword,
@@ -299,7 +346,7 @@ var AuthForgotPasswordResetPassword = ({
 }) => {
   const {
     intl
-  } = useI18n3();
+  } = useI18n4();
   const schema = React2.useMemo(() => {
     return yup3.object().shape({
       code: yup3.string().required(intl.formatMessage({
@@ -363,7 +410,7 @@ var AuthForgotPasswordResetPassword = ({
     resolver: yupResolver3(schema),
     mode: "onBlur"
   });
-  return /* @__PURE__ */jsx4(Form3, {
+  return /* @__PURE__ */jsx5(Form3, {
     ...formMethods,
     sx: {
       maxWidth: "390px"
@@ -394,7 +441,7 @@ var AuthForgotPasswordResetPassword = ({
           "value": "Recovering Password"
         }]
       }),
-      extraButton: /* @__PURE__ */jsx4(Button3, {
+      extraButton: /* @__PURE__ */jsx5(Button3, {
         sx: {
           textAlign: "center",
           display: "initial"
@@ -409,7 +456,7 @@ var AuthForgotPasswordResetPassword = ({
           }]
         })
       }),
-      children: [/* @__PURE__ */jsx4(FormFieldInput3, {
+      children: [/* @__PURE__ */jsx5(FormFieldInput3, {
         name: "code",
         label: intl.formatMessage({
           id: "42HafR",
@@ -418,7 +465,7 @@ var AuthForgotPasswordResetPassword = ({
             "value": "Code"
           }]
         })
-      }), /* @__PURE__ */jsx4(FormFieldPassword, {
+      }), /* @__PURE__ */jsx5(FormFieldPassword, {
         name: "password",
         label: intl.formatMessage({
           id: "PylVqx",
@@ -427,7 +474,7 @@ var AuthForgotPasswordResetPassword = ({
             "value": "Password"
           }]
         })
-      }), /* @__PURE__ */jsx4(FormFieldPassword, {
+      }), /* @__PURE__ */jsx5(FormFieldPassword, {
         name: "confirmPassword",
         label: intl.formatMessage({
           id: "lY+cuM",
@@ -436,18 +483,18 @@ var AuthForgotPasswordResetPassword = ({
             "value": "Confirm password"
           }]
         })
-      }), /* @__PURE__ */jsx4(NotificationsBox2, {})]
+      }), /* @__PURE__ */jsx5(NotificationsBox2, {})]
     })
   });
 };
 
 // src/AuthFullScreen.tsx
 import { Flex as Flex2 } from "@ttoss/ui";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var AuthFullScreen = ({
   children
 }) => {
-  return /* @__PURE__ */jsx5(Flex2, {
+  return /* @__PURE__ */jsx6(Flex2, {
     sx: {
       height: "100vh",
       width: "100vw",
@@ -466,7 +513,7 @@ var AuthFullScreen = ({
 import { fetchAuthSession, fetchUserAttributes, getCurrentUser, signOut as awsSignOut } from "aws-amplify/auth";
 import { Hub } from "aws-amplify/utils";
 import * as React3 from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var signOut = () => {
   return awsSignOut();
 };
@@ -527,7 +574,7 @@ var AuthProvider = ({
   if (isAuthenticated === void 0) {
     return null;
   }
-  return /* @__PURE__ */jsx6(AuthContext.Provider, {
+  return /* @__PURE__ */jsx7(AuthContext.Provider, {
     value: {
       signOut,
       isAuthenticated,
@@ -543,10 +590,10 @@ 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 { useI18n as useI18n5 } from "@ttoss/react-i18n";
 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 { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var AuthSignIn = ({
   onSignIn,
   onSignUp,
@@ -555,7 +602,7 @@ var AuthSignIn = ({
 }) => {
   const {
     intl
-  } = useI18n4();
+  } = useI18n5();
   const schema = yup4.object().shape({
     email: yup4.string().required(intl.formatMessage({
       id: "d1YCuH",
@@ -601,7 +648,7 @@ var AuthSignIn = ({
   const onSubmitForm = data => {
     return onSignIn(data);
   };
-  return /* @__PURE__ */jsx7(Form4, {
+  return /* @__PURE__ */jsx8(Form4, {
     sx: {
       maxWidth: "390px",
       width: "100%"
@@ -624,7 +671,7 @@ var AuthSignIn = ({
         }]
       }),
       isValidForm: formMethods.formState.isValid,
-      extraButton: /* @__PURE__ */jsx7(Button4, {
+      extraButton: /* @__PURE__ */jsx8(Button4, {
         type: "button",
         variant: "secondary",
         sx: {
@@ -646,7 +693,7 @@ var AuthSignIn = ({
           flexDirection: "column",
           gap: "xl"
         },
-        children: [/* @__PURE__ */jsx7(FormFieldInput4, {
+        children: [/* @__PURE__ */jsx8(FormFieldInput4, {
           name: "email",
           label: intl.formatMessage({
             id: "5E12mO",
@@ -655,7 +702,7 @@ var AuthSignIn = ({
               "value": "Email"
             }]
           })
-        }), /* @__PURE__ */jsx7(FormFieldPassword2, {
+        }), /* @__PURE__ */jsx8(FormFieldPassword2, {
           name: "password",
           label: intl.formatMessage({
             id: "PylVqx",
@@ -665,12 +712,12 @@ var AuthSignIn = ({
             }]
           })
         })]
-      }), /* @__PURE__ */jsx7(Flex3, {
+      }), /* @__PURE__ */jsx8(Flex3, {
         sx: {
           justifyContent: "space-between",
           marginTop: "lg"
         },
-        children: /* @__PURE__ */jsx7(Text2, {
+        children: /* @__PURE__ */jsx8(Text2, {
           sx: {
             marginLeft: "auto",
             cursor: "pointer"
@@ -685,22 +732,22 @@ var AuthSignIn = ({
             }]
           })
         })
-      }), /* @__PURE__ */jsx7(NotificationsBox3, {})]
+      }), /* @__PURE__ */jsx8(NotificationsBox3, {})]
     })
   });
 };
 
 // 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 { useI18n as useI18n6 } from "@ttoss/react-i18n";
 import { NotificationsBox as NotificationsBox4 } from "@ttoss/react-notifications";
 import { Flex as Flex4, Link as Link3, Text as Text3 } from "@ttoss/ui";
 import * as React4 from "react";
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var AuthSignUp = props => {
   const {
     intl
-  } = useI18n5();
+  } = useI18n6();
   const schema = React4.useMemo(() => {
     return yup5.object().shape({
       email: yup5.string().required(intl.formatMessage({
@@ -773,7 +820,7 @@ var AuthSignUp = props => {
     const termsLinks = props.signUpTerms.terms.map((term, index, terms) => {
       const finalPunctuation = index === terms.length - 1 ? "." : ", ";
       return /* @__PURE__ */jsxs6(React4.Fragment, {
-        children: [/* @__PURE__ */jsx8(Link3, {
+        children: [/* @__PURE__ */jsx9(Link3, {
           href: term.url,
           target: "_blank",
           rel: "noreferrer",
@@ -791,12 +838,12 @@ var AuthSignUp = props => {
       return null;
     }
     if (props.signUpTerms.isRequired) {
-      return /* @__PURE__ */jsx8(FormFieldCheckbox, {
+      return /* @__PURE__ */jsx9(FormFieldCheckbox, {
         name: "signUpTerms",
         label: signUpTermsLabel
       });
     } else {
-      return /* @__PURE__ */jsx8(Fragment2, {
+      return /* @__PURE__ */jsx9(Fragment2, {
         children: signUpTermsLabel
       });
     }
@@ -808,7 +855,7 @@ var AuthSignUp = props => {
   const onSubmitForm = data => {
     return props.onSignUp(data);
   };
-  return /* @__PURE__ */jsx8(Form5, {
+  return /* @__PURE__ */jsx9(Form5, {
     sx: {
       maxWidth: "390px",
       width: "100%"
@@ -831,7 +878,7 @@ var AuthSignUp = props => {
         }]
       }),
       isValidForm: formMethods.formState.isValid,
-      extraButton: /* @__PURE__ */jsx8(Text3, {
+      extraButton: /* @__PURE__ */jsx9(Text3, {
         sx: {
           cursor: "pointer"
         },
@@ -850,7 +897,7 @@ var AuthSignUp = props => {
           flexDirection: "column",
           gap: "xl"
         },
-        children: [/* @__PURE__ */jsx8(FormFieldInput5, {
+        children: [/* @__PURE__ */jsx9(FormFieldInput5, {
           name: "email",
           label: intl.formatMessage({
             id: "5E12mO",
@@ -859,7 +906,7 @@ var AuthSignUp = props => {
               "value": "Email"
             }]
           })
-        }), /* @__PURE__ */jsx8(FormFieldPassword3, {
+        }), /* @__PURE__ */jsx9(FormFieldPassword3, {
           name: "password",
           label: intl.formatMessage({
             id: "PylVqx",
@@ -868,7 +915,7 @@ var AuthSignUp = props => {
               "value": "Password"
             }]
           })
-        }), /* @__PURE__ */jsx8(FormFieldPassword3, {
+        }), /* @__PURE__ */jsx9(FormFieldPassword3, {
           name: "confirmPassword",
           label: intl.formatMessage({
             id: "lY+cuM",
@@ -878,17 +925,17 @@ var AuthSignUp = props => {
             }]
           })
         }), signUpTermsNode]
-      }), /* @__PURE__ */jsx8(NotificationsBox4, {})]
+      }), /* @__PURE__ */jsx9(NotificationsBox4, {})]
     })
   });
 };
 
 // src/Auth.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var AuthLogic = props => {
   const {
     intl
-  } = useI18n6();
+  } = useI18n7();
   const {
     isAuthenticated
   } = useAuth();
@@ -1069,20 +1116,20 @@ var AuthLogic = props => {
     return null;
   }
   if (screen.value === "signUp") {
-    return /* @__PURE__ */jsx9(AuthSignUp, {
+    return /* @__PURE__ */jsx10(AuthSignUp, {
       onSignUp,
       onReturnToSignIn,
       signUpTerms: props.signUpTerms
     });
   }
   if (screen.value === "signUpConfirm" || screen.value === "signUpResendConfirmation") {
-    return /* @__PURE__ */jsx9(AuthConfirmSignUp, {
+    return /* @__PURE__ */jsx10(AuthConfirmSignUp, {
       onConfirmSignUp,
       email: screen.context.email
     });
   }
   if (screen.value === "forgotPassword") {
-    return /* @__PURE__ */jsx9(AuthForgotPassword, {
+    return /* @__PURE__ */jsx10(AuthForgotPassword, {
       onForgotPassword,
       onCancel: onReturnToSignIn,
       onSignUp: () => {
@@ -1094,13 +1141,13 @@ var AuthLogic = props => {
     });
   }
   if (screen.value === "forgotPasswordResetPassword") {
-    return /* @__PURE__ */jsx9(AuthForgotPasswordResetPassword, {
+    return /* @__PURE__ */jsx10(AuthForgotPasswordResetPassword, {
       email: screen.context.email,
       onForgotPasswordResetPassword,
       onCancel: onReturnToSignIn
     });
   }
-  return /* @__PURE__ */jsx9(AuthSignIn, {
+  return /* @__PURE__ */jsx10(AuthSignIn, {
     onSignIn,
     onSignUp: () => {
       setScreen({
@@ -1126,23 +1173,25 @@ var Auth = props => {
     }
   } = props;
   const withLogoNode = React5.useMemo(() => {
-    return /* @__PURE__ */jsx9(LogoProvider, {
+    return /* @__PURE__ */jsx10(LogoProvider, {
       logo: props.logo,
-      children: /* @__PURE__ */jsx9(AuthLogic, {
-        signUpTerms: props.signUpTerms
+      children: /* @__PURE__ */jsx10(ErrorBoundary, {
+        children: /* @__PURE__ */jsx10(AuthLogic, {
+          signUpTerms: props.signUpTerms
+        })
       })
     });
   }, [props.logo, props.signUpTerms]);
   if (layout.fullScreen) {
     if (layout.sideContentPosition) {
-      return /* @__PURE__ */jsx9(AuthFullScreen, {
+      return /* @__PURE__ */jsx10(AuthFullScreen, {
         children: /* @__PURE__ */jsxs7(Flex5, {
           sx: {
             width: "100%",
             height: "100%",
             flexDirection: layout.sideContentPosition === "left" ? "row" : "row-reverse"
           },
-          children: [/* @__PURE__ */jsx9(Flex5, {
+          children: [/* @__PURE__ */jsx10(Flex5, {
             sx: {
               width: "100%",
               height: "100%",
@@ -1151,7 +1200,7 @@ var Auth = props => {
               alignItems: "center"
             },
             children: layout.sideContent
-          }), /* @__PURE__ */jsx9(Flex5, {
+          }), /* @__PURE__ */jsx10(Flex5, {
             sx: {
               width: "100%",
               height: "100%",
@@ -1164,7 +1213,7 @@ var Auth = props => {
         })
       });
     }
-    return /* @__PURE__ */jsx9(AuthFullScreen, {
+    return /* @__PURE__ */jsx10(AuthFullScreen, {
       children: withLogoNode
     });
   }

package/i18n/compiled/en.json

@@ -207,6 +207,12 @@
       "value": "Password field is required"
     }
   ],
+  "khMx/2": [
+    {
+      "type": 0,
+      "value": "An error occurred with your authentication. Please try again."
+    }
+  ],
   "lY+cuM": [
     {
       "type": 0,

package/i18n/lang/en.json

@@ -104,6 +104,9 @@
     "defaultMessage": "Password field is required",
     "description": "Password is required."
   },
+  "khMx/2": {
+    "defaultMessage": "An error occurred with your authentication. Please try again."
+  },
   "lY+cuM": {
     "defaultMessage": "Confirm password",
     "description": "Confirm Password label."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-auth",
-  "version": "2.5.13",
+  "version": "2.6.0",
   "description": "ttoss authentication module for React apps.",
   "license": "MIT",
   "author": "ttoss",
@@ -24,13 +24,17 @@
     "i18n"
   ],
   "sideEffects": false,
+  "dependencies": {
+    "react-error-boundary": "^5.0.0"
+  },
   "peerDependencies": {
     "aws-amplify": "^6.0.0",
     "react": ">=16.8.0",
-    "@ttoss/forms": "^0.29.7",
     "@ttoss/components": "^2.2.6",
-    "@ttoss/react-i18n": "^2.0.10",
+    "@ttoss/forms": "^0.29.7",
+    "@ttoss/logger": "^0.5.0",
     "@ttoss/react-notifications": "^2.1.12",
+    "@ttoss/react-i18n": "^2.0.10",
     "@ttoss/ui": "^5.5.4"
   },
   "devDependencies": {
@@ -41,13 +45,14 @@
     "react": "^19.0.0",
     "tsup": "^8.3.5",
     "@ttoss/cloud-auth": "^0.12.27",
-    "@ttoss/components": "^2.2.6",
     "@ttoss/config": "^1.35.2",
+    "@ttoss/components": "^2.2.6",
     "@ttoss/i18n-cli": "^0.7.27",
-    "@ttoss/react-i18n": "^2.0.10",
-    "@ttoss/react-notifications": "^2.1.12",
+    "@ttoss/logger": "^0.5.0",
     "@ttoss/forms": "^0.29.7",
+    "@ttoss/react-i18n": "^2.0.10",
     "@ttoss/test-utils": "^2.1.22",
+    "@ttoss/react-notifications": "^2.1.12",
     "@ttoss/ui": "^5.5.4"
   },
   "keywords": [