aws-amplify / aws-amplify/amplify-ui

FR (Angular Authenticator): Ability to override confirm signin to use recaptcha

Open
#3,594 1 comment 0 reactions 0 assignees View on GitHub
Angular Authenticator feature-request
Dominant language
TypeScript
Stars
1.1k
Forks
347
Avg merge
18h 29m
Merged PRs (30d)
9

Description

### Before creating a new issue, please confirm:

- [X] I have [searched for duplicate or closed issues](https://github.com/aws-amplify/amplify-ui/issues?q=is%3Aissue+) and [discussions](https://github.com/aws-amplify/amplify-ui/discussions).
- [X] I have tried disabling all browser extensions or using a different browser
- [X] I have tried deleting the node_modules folder and reinstalling my dependencies
- [X] I have read the guide for [submitting bug reports](https://github.com/aws-amplify/amplify-ui/blob/main/CONTRIBUTING.md#bug-reports).

### On which framework/platform are you having an issue?

Angular

### Which UI component?

Authenticator

### How is your app built?

"@aws-amplify/ui-angular": "^3.2.11",

### What browsers are you seeing the problem on?

Chrome

### Please describe your bug.

The documentation for angular in the [angular chapter custom-auth-challenge-with-google-recaptcha](https://docs.amplify.aws/cli/usage/lambda-triggers/#custom-auth-challenge-with-google-recaptcha) is only working with the obsolete version of aws-amplify-angular, and I cannot find a working solution with @aws-amplify/ui-angular.
Also the [frontend documentation (ui.docs.amplify.aws/angular)](https://ui.docs.amplify.aws/angular/connected-components/authenticator/customization) is not handling the setup for google recpatcha.

The VerifyAuthChallenge is configured with the secret key of Recaptcha, but I don't know how to include the site key/recaptcha compenent in the existing amplify-authenticator.

### What's the expected behaviour?

Working Solution for using Google Recaptcha within the Amplify Authenticator module in Angular.

### Help us reproduce the bug!

It's a documentation issue.

### Code Snippet

Following solution is not working, as auth.confirmSignIn cannot be filled and auth.submitSignIn is also missing from [angular chapter custom-auth-challenge-with-google-recaptcha](https://docs.amplify.aws/cli/usage/lambda-triggers/#custom-auth-challenge-with-google-recaptcha) MAybe the correct amplifySlot can help here.
```html






```

### Additional information and screenshots

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by comparing the linked CLI custom-auth-challenge-with-google-recaptcha chapter with the Angular Authenticator customization documentation and the reported @aws-amplify/ui-angular API. Verify how the Angular Authenticator exposes the confirm-sign-in step and recaptcha site key, then update the relevant documentation with a working setup and example.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, aws
Domain
authentication, documentation
Issue type
Documentation
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.