feat(ui): allow override of resendSignUpCode function call (#6312)

Co-authored-by: Caleb Pollman <[email protected]>

Author: kevin860

.changeset/great-dogs-count.md

@@ -0,0 +1,8 @@
+---
+'@aws-amplify/ui': minor
+---
+
+feat(ui): allow override of resendSignUpCode function call
+
+This feature lets you override the `resendSignUpCode` function call the same way as the `signUp`, `signIn`, 
+`confirmSignIn`, `confirmSignUp`, `forgotPassword` and `forgotPasswordSubmit` functions.

docs/src/components/FunctionOverridesTable.tsx

@@ -91,6 +91,17 @@ export const FunctionOverridesTable = ({ framework }) => {
                 <code>{'{username, confirmationCode}'}</code>
               </ResponsiveTableCell>
             </TableRow>
+            <TableRow>
+              <ResponsiveTableCell label="Function Call">
+                <code>resendSignUpCode</code>
+              </ResponsiveTableCell>
+              <ResponsiveTableCell label="Override Name">
+                <code>handleResendSignUpCode</code>
+              </ResponsiveTableCell>
+              <ResponsiveTableCell label="input Properties">
+                <code>{'{username}'}</code>
+              </ResponsiveTableCell>
+            </TableRow>
             <TableRow>
               <ResponsiveTableCell label="Function Call">
                 <code>resetPassword</code>
@@ -170,6 +181,17 @@ export const FunctionOverridesTable = ({ framework }) => {
                 <code>{'{username, code}'}</code>
               </ResponsiveTableCell>
             </TableRow>
+            <TableRow>
+              <ResponsiveTableCell label="Function Call">
+                <code>Auth.resendSignUpCode</code>
+              </ResponsiveTableCell>
+              <ResponsiveTableCell label="Override Name">
+                <code>handleResendSignUpCode</code>
+              </ResponsiveTableCell>
+              <ResponsiveTableCell label="formData Properties">
+                <code>{'{username}'}</code>
+              </ResponsiveTableCell>
+            </TableRow>
             <TableRow>
               <ResponsiveTableCell label="Function Call">
                 <code>Auth.forgotPassword</code>

docs/src/pages/[platform]/connected-components/authenticator/customization/customization.override-function-calls.react-native.mdx

@@ -6,7 +6,7 @@ import { FunctionOverridesTable } from '@/components/FunctionOverridesTable';
 
 ## Override Function Calls
 
-You can override the call to `signUp`, `signIn`, `confirmSignIn`, `confirmSignUp`, `forgotPassword` and `forgotPasswordSubmit` functions.
+You can override the call to `signUp`, `signIn`, `confirmSignIn`, `confirmSignUp`, `resendSignUpCode`, `forgotPassword` and `forgotPasswordSubmit` functions.
 To override a call you must create a new `services` object with an `async` `handle*` function that returns an `aws-amplify` `Auth` promise.
 <ForgotPasswordCallout />
 

docs/src/pages/[platform]/connected-components/authenticator/customization/customization.override-function-calls.web.mdx

@@ -9,7 +9,7 @@ import { FunctionOverridesTable } from '@/components/FunctionOverridesTable';
 
 ## Override Function Calls
 
-You can override the call to `signUp`, `signIn`, `confirmSignIn`, `confirmSignUp`, `forgotPassword` and `forgotPasswordSubmit` functions.
+You can override the call to `signUp`, `signIn`, `confirmSignIn`, `confirmSignUp`, `resendSignUpCode`, `forgotPassword` and `forgotPasswordSubmit` functions.
 To override a call you must create a new `services` object with an `async` `handle*` function that returns an `aws-amplify` `Auth` promise.
 <ForgotPasswordCallout />
 The service object must then be passed into the `authenticator` component as a `services` prop. For example, let's imagine you'd like to lowercase the `username` and the `email` attributes during `signUp`.

packages/ui/src/machines/authenticator/actors/signIn.ts

@@ -3,7 +3,6 @@ import {
   confirmSignIn,
   ConfirmSignInInput,
   fetchUserAttributes,
-  resendSignUpCode,
   resetPassword,
   signInWithRedirect,
 } from 'aws-amplify/auth';
@@ -297,7 +296,7 @@ export function signInActor({ services }: SignInMachineOptions) {
           return resetPassword({ username });
         },
         handleResendSignUpCode({ username }) {
-          return resendSignUpCode({ username });
+          return services.handleResendSignUpCode({ username });
         },
         handleSignIn({ formValues, username }) {
           const { password } = formValues;

packages/ui/src/machines/authenticator/actors/signUp.ts

@@ -3,7 +3,6 @@ import { createMachine, sendUpdate } from 'xstate';
 import {
   autoSignIn,
   ConfirmSignUpInput,
-  resendSignUpCode,
   signInWithRedirect,
   fetchUserAttributes,
 } from 'aws-amplify/auth';
@@ -287,7 +286,7 @@ export function signUpActor({ services }: SignUpMachineOptions) {
           return services.handleConfirmSignUp(input);
         },
         resendSignUpCode({ username }) {
-          return resendSignUpCode({ username });
+          return services.handleResendSignUpCode({ username });
         },
         signInWithRedirect(_, { data }) {
           return signInWithRedirect(data);

packages/ui/src/machines/authenticator/defaultServices.ts

@@ -6,6 +6,7 @@ import {
   confirmSignIn,
   confirmSignUp,
   getCurrentUser,
+  resendSignUpCode,
   resetPassword,
   signIn,
   signUp,
@@ -89,6 +90,7 @@ export const defaultServices = {
   handleConfirmSignUp: confirmSignUp,
   handleForgotPasswordSubmit: confirmResetPassword,
   handleForgotPassword: resetPassword,
+  handleResendSignUpCode: resendSignUpCode,
 
   // Validation hooks for overriding
   async validateCustomSignUp(