FR Primitives: Add UI elements for rendering AWS WAF CAPTCHAs

[piotrekwitkowski]

On which framework/platform would you like to see this feature implemented?

React, React Native, iOS, Android

Which UI component is this feature-request for?

Primitive components

Please describe your feature-request in detail.

Today, AWS WAF displays CAPTCHA challenges like presented in this blog post. Users can't modify how they are rendered:

• style (colours, fonts) can't be changed
• i18n customisation is missing - there's no option to provide translations for labels of the given UI

Please describe a solution you'd like.

I would like to use an Amplify UI element to render these CAPTCHAs that can be styled on the client side. I believe that translations and styles (anything that is not the challenge data itself) should be provided by the client/web application itself, not AWS WAF.

We love contributors! Is this something you'd be interested in working on?

• [ ] 👋 I may be able to implement this feature request.
• [ ] ⚠️ This feature might incur a breaking change.

[jlizen]

Note that WAF Captcha functionality is degraded via Amplify by this outstanding issue: https://github.com/aws-amplify/amplify-js/issues/12308

And then there is also this feature request that would enhance the utility of this change: https://github.com/aws-amplify/amplify-category-api/issues/2192

[jacoblogan]

thanks for creating this issue. We'll take this into consideration for our roadmap.