@ttoss/react-auth 1.6.41 → 1.7.0

package/dist/index.js

@@ -120,7 +120,7 @@ var useAuth = () => {
 };
 
 // src/Auth.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_aws_amplify2 = require("aws-amplify");
 
 // src/AuthCard.tsx
@@ -280,32 +280,115 @@ var AuthConfirmSignUp = ({
   });
 };
 
-// src/AuthFullScreen.tsx
+// src/AuthForgotPassword.tsx
 var import_ui2 = require("@ttoss/ui");
+var import_forms2 = require("@ttoss/forms");
+var import_react_notifications2 = require("@ttoss/react-notifications");
+var import_react_i18n2 = require("@ttoss/react-i18n");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var AuthFullScreen = ({
-  children
+var AuthForgotPassword = ({
+  onForgotPassword,
+  onCancel,
+  onSignUp
 }) => {
-  return /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_ui2.Flex, {
+  const {
+    intl
+  } = (0, import_react_i18n2.useI18n)();
+  const schema = import_forms2.yup.object().shape({
+    email: import_forms2.yup.string().required(intl.formatMessage({
+      id: "5oOshZ",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Enter your email address"
+      }]
+    })).email(intl.formatMessage({
+      id: "SnONhb",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Please, insert a valid e-mail"
+      }]
+    }))
+  }).required();
+  const formMethods = (0, import_forms2.useForm)({
+    resolver: (0, import_forms2.yupResolver)(schema),
+    mode: "onBlur"
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_forms2.Form, {
+    ...formMethods,
     sx: {
-      height: "100vh",
-      width: "100vw",
-      justifyContent: "center",
-      alignItems: "center",
-      margin: 0,
-      backgroundPosition: "center",
-      backgroundRepeat: "no-repeat",
-      backgroundSize: "cover"
+      maxWidth: "390px"
     },
-    children
+    onSubmit: ({
+      email
+    }) => {
+      return onForgotPassword({
+        email
+      });
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime4.jsxs)(AuthCard, {
+      buttonLabel: intl.formatMessage({
+        id: "mZzmNV",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Recover Password"
+        }]
+      }),
+      isValidForm: formMethods.formState.isValid,
+      title: intl.formatMessage({
+        id: "S4bbEj",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Recovering Password"
+        }]
+      }),
+      extraButton: /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_ui2.Button, {
+        sx: {
+          textAlign: "center",
+          display: "initial"
+        },
+        variant: "secondary",
+        onClick: onCancel,
+        children: intl.formatMessage({
+          id: "6PdOcy",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Cancel"
+          }]
+        })
+      }),
+      children: [/* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_forms2.FormFieldInput, {
+        name: "email",
+        label: intl.formatMessage({
+          id: "XreZg+",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Registered Email"
+          }]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_react_notifications2.NotificationsBox, {}), /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_ui2.Text, {
+        sx: {
+          marginTop: "xl",
+          cursor: "pointer"
+        },
+        as: import_ui2.Link,
+        onClick: onSignUp,
+        children: intl.formatMessage({
+          id: "lZvoYL",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Sign up now"
+          }]
+        })
+      })]
+    })
   });
 };
 
-// src/AuthSignIn.tsx
+// src/AuthForgotPasswordResetPassword.tsx
 var React3 = __toESM(require("react"));
 var import_ui3 = require("@ttoss/ui");
-var import_forms2 = require("@ttoss/forms");
-var import_react_notifications2 = require("@ttoss/react-notifications");
+var import_forms3 = require("@ttoss/forms");
+var import_react_notifications3 = require("@ttoss/react-notifications");
 
 // ../cloud-auth/dist/esm/index.js
 var PASSWORD_MINIMUM_LENGTH = 8;
@@ -550,9 +633,186 @@ createAuthTemplate.CognitoUserPoolLogicalId = CognitoUserPoolLogicalId;
 createAuthTemplate.CognitoUserPoolClientLogicalId = CognitoUserPoolClientLogicalId;
 createAuthTemplate.CognitoIdentityPoolLogicalId = CognitoIdentityPoolLogicalId;
 
-// src/AuthSignIn.tsx
-var import_react_i18n2 = require("@ttoss/react-i18n");
+// src/AuthForgotPasswordResetPassword.tsx
+var import_react_i18n3 = require("@ttoss/react-i18n");
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var AuthForgotPasswordResetPassword = ({
+  email,
+  onForgotPasswordResetPassword,
+  onCancel
+}) => {
+  const {
+    intl
+  } = (0, import_react_i18n3.useI18n)();
+  const schema = React3.useMemo(() => {
+    return import_forms3.yup.object().shape({
+      code: import_forms3.yup.string().required(intl.formatMessage({
+        id: "0XOzcH",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Required field"
+        }]
+      })).max(6, intl.formatMessage({
+        id: "S3pjKw",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Minimum "
+        }, {
+          "type": 1,
+          "value": "value"
+        }, {
+          "type": 0,
+          "value": " characters"
+        }]
+      }, {
+        value: 6
+      })),
+      password: import_forms3.yup.string().required(intl.formatMessage({
+        id: "kdFYba",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Password field is required"
+        }]
+      })).min(PASSWORD_MINIMUM_LENGTH, intl.formatMessage({
+        id: "TZ4WUk",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Password requires "
+        }, {
+          "type": 1,
+          "value": "value"
+        }, {
+          "type": 0,
+          "value": " characters"
+        }]
+      }, {
+        value: PASSWORD_MINIMUM_LENGTH
+      })).trim(),
+      confirmPassword: import_forms3.yup.string().required(intl.formatMessage({
+        id: "NJ57Qj",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Confirm password field is required"
+        }]
+      })).oneOf([import_forms3.yup.ref("password")], intl.formatMessage({
+        id: "WU/CqP",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Passwords are not the same"
+        }]
+      }))
+    }).required();
+  }, [intl]);
+  const formMethods = (0, import_forms3.useForm)({
+    resolver: (0, import_forms3.yupResolver)(schema),
+    mode: "onBlur"
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_forms3.Form, {
+    ...formMethods,
+    sx: {
+      maxWidth: "390px"
+    },
+    onSubmit: ({
+      code,
+      password
+    }) => {
+      return onForgotPasswordResetPassword({
+        email,
+        code,
+        newPassword: password
+      });
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime5.jsxs)(AuthCard, {
+      buttonLabel: intl.formatMessage({
+        id: "mZzmNV",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Recover Password"
+        }]
+      }),
+      isValidForm: formMethods.formState.isValid,
+      title: intl.formatMessage({
+        id: "S4bbEj",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Recovering Password"
+        }]
+      }),
+      extraButton: /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui3.Button, {
+        sx: {
+          textAlign: "center",
+          display: "initial"
+        },
+        variant: "secondary",
+        onClick: onCancel,
+        children: intl.formatMessage({
+          id: "6PdOcy",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Cancel"
+          }]
+        })
+      }),
+      children: [/* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_forms3.FormFieldInput, {
+        name: "code",
+        label: intl.formatMessage({
+          id: "42HafR",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Code"
+          }]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_forms3.FormFieldPassword, {
+        name: "password",
+        label: intl.formatMessage({
+          id: "PylVqx",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Password"
+          }]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_forms3.FormFieldPassword, {
+        name: "confirmPassword",
+        label: intl.formatMessage({
+          id: "lY+cuM",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Confirm password"
+          }]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_react_notifications3.NotificationsBox, {})]
+    })
+  });
+};
+
+// src/AuthFullScreen.tsx
+var import_ui4 = require("@ttoss/ui");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var AuthFullScreen = ({
+  children
+}) => {
+  return /* @__PURE__ */(0, import_jsx_runtime6.jsx)(import_ui4.Flex, {
+    sx: {
+      height: "100vh",
+      width: "100vw",
+      justifyContent: "center",
+      alignItems: "center",
+      margin: 0,
+      backgroundPosition: "center",
+      backgroundRepeat: "no-repeat",
+      backgroundSize: "cover"
+    },
+    children
+  });
+};
+
+// src/AuthSignIn.tsx
+var React4 = __toESM(require("react"));
+var import_ui5 = require("@ttoss/ui");
+var import_forms4 = require("@ttoss/forms");
+var import_react_notifications4 = require("@ttoss/react-notifications");
+var import_react_i18n4 = require("@ttoss/react-i18n");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var AuthSignIn = ({
   onSignIn,
   onSignUp,
@@ -561,15 +821,15 @@ var AuthSignIn = ({
 }) => {
   const {
     intl
-  } = (0, import_react_i18n2.useI18n)();
+  } = (0, import_react_i18n4.useI18n)();
   const {
     setNotifications
-  } = (0, import_react_notifications2.useNotifications)();
-  React3.useEffect(() => {
+  } = (0, import_react_notifications4.useNotifications)();
+  React4.useEffect(() => {
     setNotifications(void 0);
   }, [setNotifications]);
-  const schema = import_forms2.yup.object().shape({
-    email: import_forms2.yup.string().required(intl.formatMessage({
+  const schema = import_forms4.yup.object().shape({
+    email: import_forms4.yup.string().required(intl.formatMessage({
       id: "d1YCuH",
       defaultMessage: [{
         "type": 0,
@@ -582,7 +842,7 @@ var AuthSignIn = ({
         "value": "Please, insert a valid e-mail"
       }]
     })),
-    password: import_forms2.yup.string().required(intl.formatMessage({
+    password: import_forms4.yup.string().required(intl.formatMessage({
       id: "kdFYba",
       defaultMessage: [{
         "type": 0,
@@ -606,22 +866,22 @@ var AuthSignIn = ({
     // remember: yup.boolean(),
   });
 
-  const formMethods = (0, import_forms2.useForm)({
+  const formMethods = (0, import_forms4.useForm)({
     defaultValues,
     mode: "onBlur",
-    resolver: (0, import_forms2.yupResolver)(schema)
+    resolver: (0, import_forms4.yupResolver)(schema)
   });
   const onSubmitForm = data => {
     return onSignIn(data);
   };
-  return /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_forms2.Form, {
+  return /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_forms4.Form, {
     sx: {
       maxWidth: "390px",
       width: "100%"
     },
     ...formMethods,
     onSubmit: onSubmitForm,
-    children: /* @__PURE__ */(0, import_jsx_runtime5.jsxs)(AuthCard, {
+    children: /* @__PURE__ */(0, import_jsx_runtime7.jsxs)(AuthCard, {
       title: intl.formatMessage({
         id: "F2iS37",
         defaultMessage: [{
@@ -637,7 +897,7 @@ var AuthSignIn = ({
         }]
       }),
       isValidForm: formMethods.formState.isValid,
-      extraButton: /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui3.Button, {
+      extraButton: /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_ui5.Button, {
         type: "button",
         variant: "secondary",
         sx: {
@@ -654,12 +914,12 @@ var AuthSignIn = ({
           }]
         })
       }),
-      children: [/* @__PURE__ */(0, import_jsx_runtime5.jsxs)(import_ui3.Flex, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime7.jsxs)(import_ui5.Flex, {
         sx: {
           flexDirection: "column",
           gap: "xl"
         },
-        children: [/* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_forms2.FormFieldInput, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_forms4.FormFieldInput, {
           name: "email",
           label: intl.formatMessage({
             id: "5E12mO",
@@ -668,7 +928,7 @@ var AuthSignIn = ({
               "value": "Email"
             }]
           })
-        }), /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_forms2.FormFieldPassword, {
+        }), /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_forms4.FormFieldPassword, {
           name: "password",
           label: intl.formatMessage({
             id: "PylVqx",
@@ -678,16 +938,17 @@ var AuthSignIn = ({
             }]
           })
         })]
-      }), /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui3.Flex, {
+      }), /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_ui5.Flex, {
         sx: {
           justifyContent: "space-between",
           marginTop: "lg"
         },
-        children: /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui3.Text, {
+        children: /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_ui5.Text, {
           sx: {
-            marginLeft: "auto"
+            marginLeft: "auto",
+            cursor: "pointer"
           },
-          as: import_ui3.Link,
+          as: import_ui5.Link,
           onClick: onForgotPassword,
           children: intl.formatMessage({
             id: "BtK6KR",
@@ -697,33 +958,33 @@ var AuthSignIn = ({
             }]
           })
         })
-      }), /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_react_notifications2.NotificationsBox, {})]
+      }), /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_react_notifications4.NotificationsBox, {})]
     })
   });
 };
 
 // src/AuthSignUp.tsx
-var React4 = __toESM(require("react"));
-var import_ui4 = require("@ttoss/ui");
-var import_forms3 = require("@ttoss/forms");
-var import_react_notifications3 = require("@ttoss/react-notifications");
-var import_react_i18n3 = require("@ttoss/react-i18n");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var React5 = __toESM(require("react"));
+var import_ui6 = require("@ttoss/ui");
+var import_forms5 = require("@ttoss/forms");
+var import_react_notifications5 = require("@ttoss/react-notifications");
+var import_react_i18n5 = require("@ttoss/react-i18n");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var AuthSignUp = ({
   onSignUp,
   onReturnToSignIn
 }) => {
   const {
     intl
-  } = (0, import_react_i18n3.useI18n)();
+  } = (0, import_react_i18n5.useI18n)();
   const {
     setNotifications
-  } = (0, import_react_notifications3.useNotifications)();
-  React4.useEffect(() => {
+  } = (0, import_react_notifications5.useNotifications)();
+  React5.useEffect(() => {
     setNotifications(void 0);
   }, [setNotifications]);
-  const schema = import_forms3.yup.object().shape({
-    email: import_forms3.yup.string().required(intl.formatMessage({
+  const schema = import_forms5.yup.object().shape({
+    email: import_forms5.yup.string().required(intl.formatMessage({
       id: "d1YCuH",
       defaultMessage: [{
         "type": 0,
@@ -736,7 +997,7 @@ var AuthSignUp = ({
         "value": "Invalid email"
       }]
     })),
-    password: import_forms3.yup.string().required(intl.formatMessage({
+    password: import_forms5.yup.string().required(intl.formatMessage({
       id: "kdFYba",
       defaultMessage: [{
         "type": 0,
@@ -757,13 +1018,13 @@ var AuthSignUp = ({
     }, {
       value: PASSWORD_MINIMUM_LENGTH
     })).trim(),
-    confirmPassword: import_forms3.yup.string().required(intl.formatMessage({
+    confirmPassword: import_forms5.yup.string().required(intl.formatMessage({
       id: "NJ57Qj",
       defaultMessage: [{
         "type": 0,
         "value": "Confirm password field is required"
       }]
-    })).oneOf([import_forms3.yup.ref("password")], intl.formatMessage({
+    })).oneOf([import_forms5.yup.ref("password")], intl.formatMessage({
       id: "WU/CqP",
       defaultMessage: [{
         "type": 0,
@@ -771,21 +1032,21 @@ var AuthSignUp = ({
       }]
     }))
   });
-  const formMethods = (0, import_forms3.useForm)({
+  const formMethods = (0, import_forms5.useForm)({
     mode: "all",
-    resolver: (0, import_forms3.yupResolver)(schema)
+    resolver: (0, import_forms5.yupResolver)(schema)
   });
   const onSubmitForm = data => {
     return onSignUp(data);
   };
-  return /* @__PURE__ */(0, import_jsx_runtime6.jsx)(import_forms3.Form, {
+  return /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_forms5.Form, {
     sx: {
       maxWidth: "390px",
       width: "100%"
     },
     ...formMethods,
     onSubmit: onSubmitForm,
-    children: /* @__PURE__ */(0, import_jsx_runtime6.jsxs)(AuthCard, {
+    children: /* @__PURE__ */(0, import_jsx_runtime8.jsxs)(AuthCard, {
       buttonLabel: intl.formatMessage({
         id: "URJDrG",
         defaultMessage: [{
@@ -801,12 +1062,12 @@ var AuthSignUp = ({
         }]
       }),
       isValidForm: formMethods.formState.isValid,
-      extraButton: /* @__PURE__ */(0, import_jsx_runtime6.jsx)(import_ui4.Text, {
+      extraButton: /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_ui6.Text, {
         sx: {
           cursor: "pointer"
         },
         onClick: onReturnToSignIn,
-        as: import_ui4.Link,
+        as: import_ui6.Link,
         children: intl.formatMessage({
           id: "rx8HF/",
           defaultMessage: [{
@@ -815,12 +1076,12 @@ var AuthSignUp = ({
           }]
         })
       }),
-      children: [/* @__PURE__ */(0, import_jsx_runtime6.jsxs)(import_ui4.Flex, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime8.jsxs)(import_ui6.Flex, {
         sx: {
           flexDirection: "column",
           gap: "xl"
         },
-        children: [/* @__PURE__ */(0, import_jsx_runtime6.jsx)(import_forms3.FormFieldInput, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_forms5.FormFieldInput, {
           name: "email",
           label: intl.formatMessage({
             id: "5E12mO",
@@ -829,7 +1090,7 @@ var AuthSignUp = ({
               "value": "Email"
             }]
           })
-        }), /* @__PURE__ */(0, import_jsx_runtime6.jsx)(import_forms3.FormFieldPassword, {
+        }), /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_forms5.FormFieldPassword, {
           name: "password",
           label: intl.formatMessage({
             id: "PylVqx",
@@ -838,7 +1099,7 @@ var AuthSignUp = ({
               "value": "Password"
             }]
           })
-        }), /* @__PURE__ */(0, import_jsx_runtime6.jsx)(import_forms3.FormFieldPassword, {
+        }), /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_forms5.FormFieldPassword, {
           name: "confirmPassword",
           label: intl.formatMessage({
             id: "lY+cuM",
@@ -848,7 +1109,7 @@ var AuthSignUp = ({
             }]
           })
         })]
-      }), /* @__PURE__ */(0, import_jsx_runtime6.jsx)(import_react_notifications3.NotificationsBox, {})]
+      }), /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_react_notifications5.NotificationsBox, {})]
     })
   });
 };
@@ -856,8 +1117,8 @@ var AuthSignUp = ({
 // src/Auth.tsx
 var import_xstate = require("xstate");
 var import_react = require("@xstate/react");
-var import_react_notifications4 = require("@ttoss/react-notifications");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_react_notifications6 = require("@ttoss/react-notifications");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var authMachine = (0, import_xstate.createMachine)({
   predictableActionArguments: true,
   initial: "signIn",
@@ -870,6 +1131,9 @@ var authMachine = (0, import_xstate.createMachine)({
         SIGN_UP_RESEND_CONFIRMATION: {
           actions: ["assignEmail"],
           target: "signUpConfirm"
+        },
+        FORGOT_PASSWORD: {
+          target: "forgotPassword"
         }
       }
     },
@@ -891,13 +1155,41 @@ var authMachine = (0, import_xstate.createMachine)({
           target: "signIn"
         }
       }
+    },
+    forgotPassword: {
+      on: {
+        RETURN_TO_SIGN_IN: {
+          target: "signIn"
+        },
+        SIGN_UP: {
+          target: "signUp"
+        },
+        FORGOT_PASSWORD_RESET_PASSWORD: {
+          actions: ["assignEmail"],
+          target: "forgotPasswordResetPassword"
+        }
+      }
+    },
+    forgotPasswordResetPassword: {
+      on: {
+        FORGOT_PASSWORD_CONFIRMED: {
+          actions: ["assignEmail"],
+          target: "signIn"
+        },
+        RETURN_TO_SIGN_IN: {
+          target: "signIn"
+        }
+      }
     }
   }
 }, {
   actions: {
     assignEmail: (0, import_xstate.assign)({
       email: (_, event) => {
-        return event.email;
+        if ("email" in event) {
+          return event.email;
+        }
+        return void 0;
       }
     })
   }
@@ -910,8 +1202,8 @@ var AuthLogic = () => {
   const {
     setLoading,
     setNotifications
-  } = (0, import_react_notifications4.useNotifications)();
-  const onSignIn = React5.useCallback(async ({
+  } = (0, import_react_notifications6.useNotifications)();
+  const onSignIn = React6.useCallback(async ({
     email,
     password
   }) => {
@@ -937,7 +1229,7 @@ var AuthLogic = () => {
       setLoading(false);
     }
   }, [send, setLoading, setNotifications]);
-  const onSignUp = React5.useCallback(async ({
+  const onSignUp = React6.useCallback(async ({
     email,
     password
   }) => {
@@ -963,7 +1255,7 @@ var AuthLogic = () => {
       setLoading(false);
     }
   }, [send, setLoading, setNotifications]);
-  const onConfirmSignUp = React5.useCallback(async ({
+  const onConfirmSignUp = React6.useCallback(async ({
     email,
     code
   }) => {
@@ -983,31 +1275,90 @@ var AuthLogic = () => {
       setLoading(false);
     }
   }, [send, setLoading, setNotifications]);
-  const onReturnToSignIn = React5.useCallback(() => {
+  const onReturnToSignIn = React6.useCallback(() => {
     send({
       type: "RETURN_TO_SIGN_IN"
     });
   }, [send]);
+  const onForgotPassword = React6.useCallback(async ({
+    email
+  }) => {
+    try {
+      setLoading(true);
+      await import_aws_amplify2.Auth.forgotPassword(email);
+      send({
+        type: "FORGOT_PASSWORD_RESET_PASSWORD",
+        email
+      });
+    } catch (error) {
+      setNotifications({
+        type: "error",
+        message: error.message
+      });
+    } finally {
+      setLoading(false);
+    }
+  }, [send, setLoading, setNotifications]);
+  const onForgotPasswordResetPassword = React6.useCallback(async ({
+    email,
+    code,
+    newPassword
+  }) => {
+    try {
+      setLoading(true);
+      await import_aws_amplify2.Auth.forgotPasswordSubmit(email, code, newPassword);
+      send({
+        type: "FORGOT_PASSWORD_CONFIRMED",
+        email
+      });
+    } catch (error) {
+      setNotifications({
+        type: "error",
+        message: error.message
+      });
+    } finally {
+      setLoading(false);
+    }
+  }, [send, setLoading, setNotifications]);
   if (isAuthenticated) {
     return null;
   }
   if (state.matches("signUp")) {
-    return /* @__PURE__ */(0, import_jsx_runtime7.jsx)(AuthSignUp, {
+    return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(AuthSignUp, {
       onSignUp,
       onReturnToSignIn
     });
   }
   if (state.matches("signUpConfirm")) {
-    return /* @__PURE__ */(0, import_jsx_runtime7.jsx)(AuthConfirmSignUp, {
+    return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(AuthConfirmSignUp, {
       onConfirmSignUp,
       email: state.context.email
     });
   }
-  return /* @__PURE__ */(0, import_jsx_runtime7.jsx)(AuthSignIn, {
+  if (state.matches("forgotPassword")) {
+    return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(AuthForgotPassword, {
+      onForgotPassword,
+      onCancel: onReturnToSignIn,
+      onSignUp: () => {
+        return send("SIGN_UP");
+      }
+    });
+  }
+  if (state.matches("forgotPasswordResetPassword")) {
+    return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(AuthForgotPasswordResetPassword, {
+      email: state.context.email,
+      onForgotPasswordResetPassword,
+      onCancel: onReturnToSignIn
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(AuthSignIn, {
     onSignIn,
     onSignUp: () => {
       return send("SIGN_UP");
     },
+    onForgotPassword: () => {
+      return send("FORGOT_PASSWORD");
+    },
     defaultValues: {
       email: state.context.email
     }
@@ -1017,14 +1368,14 @@ var Auth2 = ({
   logo,
   fullScreen = true
 }) => {
-  const withLogoNode = React5.useMemo(() => {
-    return /* @__PURE__ */(0, import_jsx_runtime7.jsx)(LogoProvider, {
+  const withLogoNode = React6.useMemo(() => {
+    return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(LogoProvider, {
       logo,
-      children: /* @__PURE__ */(0, import_jsx_runtime7.jsx)(AuthLogic, {})
+      children: /* @__PURE__ */(0, import_jsx_runtime9.jsx)(AuthLogic, {})
     });
   }, [logo]);
   if (fullScreen) {
-    return /* @__PURE__ */(0, import_jsx_runtime7.jsx)(AuthFullScreen, {
+    return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(AuthFullScreen, {
       children: withLogoNode
     });
   }