Amplify UI - Angular - amplify-authenticator doesn't fire (handleSubmit) Event

Describe the bug On the new amplify-authenticator component I am trying to hook in the handleSubmit Event for adding additional validationData. But it doesn’t get fired, neither on the amplify-sign-up or the amplify-sign-in component. I’ve also tried it with the newest unstable version.

To Reproduce

<amplify-authenticator>
   <amplify-sign-up  slot="sign-up" (handleSubmit)="handleSignUpSubmit($event)">
   </amplify-sign-up>

   <amplify-sign-in slot="sign-in" (handleSubmit)="handleSignInSubmit($event)">
   </amplify-sign-in>
</amplify-authenticator>

In my Typescript-File:

handleSignUpSubmit(event: any) {
  console.log('HANDLE SUBMIT!', event);
}
handleSignInSubmit(event: any) {
  console.log('HANDLE SUBMIT!', event);
}

Expected behavior handleSubmit Event should get fired.

Packages:

• @aws-amplify/core@^2.2.4
• @aws-amplify/ui-angular@0.2.3-unstable.21
• @aws-amplify/ui-components@0.3.3-unstable.21

[jordanranz]

Hey @pechisworks,

Since handleSubmit is a prop and not an event the code should be:

<amplify-authenticator>
   <amplify-sign-up  slot="sign-up" [handleSubmit]="handleSignUpSubmit">
   </amplify-sign-up>

   <amplify-sign-in slot="sign-in" [handleSubmit]="handleSignInSubmit">
   </amplify-sign-in>
</amplify-authenticator>

Let me know if that works!

Also, keep in mind that overriding the handleSubmit will override the internal signUp or signIn function

[github-actions[bot]]

This issue has been automatically locked since there hasn’t been any recent activity after it was closed. Please open a new issue for related bugs.

Looking for a help forum? We recommend joining the Amplify Community Discord server *-help channels or Discussions for those types of questions.