Customizing authenticator

[vipinkashyap]

I have email and phone login setup on my cognito group. The authenticator widget shows both ways of logging in email and phone.

I only want to show phone login and signup . How do i do this ? How do i customize the authenticator? This is a common use case how would you suggest i go about this ?

I dont want to disturb any cognito settings . Im mostly looking for a way to do this on the front end. Because it looks like i cant edit the aws cognito config to only allow for phone auth.

[ekjotmultani]

Hi @vipinkashyap, thank you for your question. Have you set up phone as the main log in property in the Amplify backend?. For further reference on UI customization for Authenticator, please see here.

[vipinkashyap]

Hi @ekjotmultani

This is the aws cognito config. Ive already read the documentation on authenticator and it seems like either this use case is not discussed or missed. Let me know what other information you need.

For verifying

For signup

[ekjotmultani]

Hi @vipinkashyap, thank you for the added information. Could you share your backend.ts file from your amplify app?

[vipinkashyap]

Im not using amplify for my backend this is a amplify gen1 flutter app using a custom backend. I can share my awsconfiguration with you if youd like with pii hidden.

[ekjotmultani]

Hi @vipinkashyap, I would appreciate that, it will help us investigate the issue and try to find a solution

[vipinkashyap]

Heres the config @ekjotmultani

{
  "UserAgent": "aws-amplify-cli/2.0",
  "Version": "1.0",
  "storage": {
    "plugins": {
      "awsS3StoragePlugin": {
        "bucket": "test-bucket-name",
        "region": "us-west-2"
      }
    }
  },
  "auth": {
    "plugins": {
      "awsCognitoAuthPlugin": {
        "UserAgent": "aws-amplify-cli/0.1.0",
        "Version": "0.1.0",
        "IdentityManager": {
          "Default": {}
        },
        "CredentialsProvider": {
          "CognitoIdentity": {
            "Default": {
              "PoolId": "us-west-2:*****-****-***-****-*********",
              "Region": "us-west-2"
            }
          }
        },
        "CognitoUserPool": {
          "Default": {
            "PoolId": "us-west-2_******",
            "AppClientId": "********",
            "AppClientSecret": "********",
            "Region": "us-west-2"
          }
        },
        "Auth": {
          "Default": {
            "authenticationFlowType": "USER_SRP_AUTH",
            "socialProviders": [],
            "usernameAttributes": [
              "username",
              "email",
              "phone_number"
            ],
            "signupAttributes": [
              "username",
              "name",
              "middle_name",
              "family_name",
              "email",
              "phone_number"
            ],
            "passwordProtectionSettings": {
              "passwordPolicyMinLength": 8,
              "passwordPolicyCharacters": []
            },
            "mfaConfiguration": "OPTIONAL",
            "mfaTypes": [
              "SMS",
              "TOTP"
            ],
            "verificationMechanisms": [
              "EMAIL"
            ]
          }
        },
        "S3TransferUtility": {
          "Default": {
            "Bucket": "test-bucket-name",
            "Region": "us-west-2"
          }
        }
      }
    }
  },
  "analytics": {
    "plugins": {
      "awsPinpointAnalyticsPlugin": {
        "pinpointAnalytics": {
          "appId": "**********",
          "region": "us-west-2"
        },
        "pinpointTargeting": {
          "region": "us-west-2"
        }
      }
    }
  },
  "api": {
    "plugins": {
      "awsAPIPlugin": {
        "Test API": {
          "endpointType": "GraphQL",
          "endpoint": "https://*************.appsync-api.us-west-2.amazonaws.com/graphql",
          "region": "us-west-2",
          "authorizationType": "AMAZON_COGNITO_USER_POOLS"
        }
      }
    }
  }
}