fix(authenticator): hide Resend Code button during password-based MFA (#6961)

* fix(authenticator): hide Resend Code button during password-based MFA sign-in (#6954)

Author: osama-rizk

.changeset/fix-resend-code-password-mfa.md

@@ -0,0 +1,5 @@
+---
+"@aws-amplify/ui-react": patch
+---
+
+fix(authenticator): hide Resend Code button during password-based MFA sign-in

packages/react/src/components/Authenticator/shared/ConfirmSignInFooter.tsx

@@ -14,16 +14,29 @@ const {
 } = authenticatorTextUtil;
 
 export const ConfirmSignInFooter = (): React.JSX.Element => {
-  const { isPending, toSignIn, challengeName, resendCode } = useAuthenticator(
-    (context) => [
-      context.isPending,
-      context.toSignIn,
-      context.challengeName,
-      context.resendCode,
-    ]
-  );
+  const {
+    isPending,
+    toSignIn,
+    challengeName,
+    resendCode,
+    selectedAuthMethod,
+    availableAuthMethods,
+  } = useAuthenticator((context) => [
+    context.isPending,
+    context.toSignIn,
+    context.challengeName,
+    context.resendCode,
+    context.selectedAuthMethod,
+    context.availableAuthMethods,
+  ]);
 
-  const showResendCode = isOtpChallenge(challengeName) && resendCode;
+  // Only show "Resend Code" for passwordless (USER_AUTH) flows.
+  // Password-based sign-in does not support resending MFA codes.
+  const hasPasswordlessMethod =
+    (!!selectedAuthMethod && selectedAuthMethod !== 'PASSWORD') ||
+    !!availableAuthMethods?.some((m) => m !== 'PASSWORD');
+  const showResendCode =
+    isOtpChallenge(challengeName) && hasPasswordlessMethod && resendCode;
 
   return (
     <Flex direction="column">