aws-amplify / amplify-ui-swift-authenticator Goto Github PK

Description:
When using the Amplify UI Authenticator for SwiftUI, I've encountered an inconsistency between the Cognito user pool settings and the authenticator UI. Specifically, the birthdate attribute is set as required in my Cognito user pool settings. However, in the user interface of the authenticator, the birthdate field is presented as optional.

Steps to Reproduce:

Set the birthdate attribute as required in Cognito user pool settings.
Implement the Amplify UI Authenticator in a SwiftUI application.
Attempt to sign up without filling in the birthdate.
Actual Behavior:
The user is able to successfully create an account in the Cognito user pool without providing a birthdate.

Expected Behavior:
The birthdate should be required in the authenticator UI to match the Cognito user pool settings. If a user tries to sign up without providing a birthdate, they should receive an error and the account should not be created.

Hi I just set up a project exactly as described here...

https://ui.docs.amplify.aws/swift/connected-components/authenticator

When I try to register a new user via the simulator I get this error...

2023-05-10 17:42:39.239082+0100 MobileApp[27776:408368] [SignUpState] Unable to Sign Up
2023-05-10 17:42:39.239325+0100 MobileApp[27776:408368] [SignUpState] The operation couldn’t be completed. (Amplify.AuthError error 3.)
2023-05-10 17:42:39.239549+0100 MobileApp[27776:408368] [AuthenticatorError] The operation couldn’t be completed. (Amplify.AuthError error 3.)
2023-05-10 17:42:39.239683+0100 MobileApp[27776:408368] [AuthenticatorError] Unknown error happened

I'm not sure how to begin de-bugging it

If I create a user via the Cognito console I can go through the force-change password steps and sign in with no problems

Similar to the template above, I think it would be helpful to provide documentation for how to create and manage fields within a fully custom SignUp and Confirmation Code Page.

Ex.

• If I wanted to create a Custom SignUp page that contains fields such as 'Username', 'Password', and 'ConfirmPassword', how would those fields be accessible from the state.
• In addition, for a page such as the Confirmation Code page (the page after an email is sent with the code), how could you access the proper field?
• Finally, if I wanted to switch to my Custom SignUpPage, the documentation for how to connect them together. I think that I am supposed to use state.move(to: <#T##AuthenticatorInitialStep#>) however it is unclear. With the example below, it is unclear how I would be able to move from one of my custom views into the other while still using Authenticator.

            Authenticator(
                signInContent: { state in
                    NewSignIn(state: state)
                }, signUpContent: { state in
                    NewSignUp(state: state)
                }
            ) { _ in

Thank you in advance!

x

How did you install the Amplify CLI?

curl

If applicable, what version of Node.js are you using?

No response

Amplify CLI Version

12.4.0

What operating system are you using?

Mac

Did you make any manual changes to the cloud resources managed by Amplify? Please describe the changes made.

No

Describe the bug

I am using the Authenticator class with Cognito for my app. Also using a custom login screen. All works well except for the timeout. I have a timeout setting up in AWS Cognito for 60 minutes under AppClient. But, once signed in the user is never signed out even after the token expires. Once the token expires the app misbehaves until I signout in the app and sign back in (obviously session data). When the token expires shouldnt the app re-challenge?

Expected behavior

App should signout when token expires.

Reproduction steps

Using Authenticator class signin

Project Identifier

No response

Log output

# Put your logs below this line

Additional information

No response

Before submitting, please confirm:

• I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.
• I have removed any sensitive information from my code snippets and submission.

I am using the "Use existing resources without the CLI" option as detailed here
I have configured cognito to use only email and password for login. However when using amplify-ui, it displays "username" instead of "email' in both the "create account" and "login" screens. No email validation is performed either.

My configuration file

{
  "auth": {
    "plugins": {
      "awsCognitoAuthPlugin": {
        "IdentityManager": {
          "Default": {}
        },
        "CognitoUserPool": {
          "Default": {
            "PoolId": "<MyPoolID>",
            "AppClientId": "<client id>",
            "Region": "eu-west-1"
          }
        },
        "Auth": {
          "Default": {
            "authenticationFlowType": "USER_SRP_AUTH",
            "passwordProtectionSettings": {
                "passwordPolicyMinLength": 8,
                "passwordPolicyCharacters": ["Requires Uppercase"]
            }
          }
        }
      }
    }
  }
}

Every time the value of a @​Published property is updated, all the inputs get reset. (see video)
When removing the AuthenticatorTheme there is no problem.
Example code is attached.

import SwiftUI
import Authenticator
import Amplify
import AWSCognitoAuthPlugin
import CoreLocation

class LocationDelegate: ObservableObject{
    @Published var location: CLLocationCoordinate2D = CLLocationCoordinate2D(latitude: 10.0, longitude: 10.0)
    
    init() {
        Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { timer in
            self.location = CLLocationCoordinate2D(latitude: self.location.latitude + 0.01,
                                                   longitude: self.location.longitude)
        }
    }
}

@main
struct AuthTestApp: App {
    @StateObject private var locationManager = LocationDelegate()

    init() {
         do {
             try Amplify.add(plugin: AWSCognitoAuthPlugin())
             try Amplify.configure()
         } catch {
             print("Unable to configure Amplify \(error)")
         }
     }

    var body: some Scene {
        WindowGroup {
            ContentView()
                .environmentObject(locationManager)
        }
    }
}

struct ContentView: View {
    @EnvironmentObject private var locationManager: LocationDelegate

    var body: some View {
        TabView {
            AuthViewTheme()
                    .tabItem{
                        Image(systemName: "person.3")
                        Text("not ok (with theme)")
                    }.clipped()
            AuthViewNoTheme()
                    .tabItem{
                        Image(systemName: "person.3")
                        Text("ok (no theme)")
                    }.clipped()
        }
    }
}

struct AuthViewNoTheme: View {
    var body: some View {
        Authenticator { state in
        }
    }
}

struct AuthViewTheme: View {
    private let theme = AuthenticatorTheme()
    
    var body: some View {
        Authenticator { state in
        }
        .authenticatorTheme(theme)
    }
}

Which Creating an account, in phonenumber field you can paste iphone keyboard suggested phone number in (408) 555-1212 format, which now can be submitted. But when error comes back from backend you can see ios log saying it is a phone number format error but on the screen you see a generic error that something went wrong.

Can we fix this to show the proper that phone number is in wrong format.

Thanks
Manish

Hi,

When trying to reset the password the error message "Passwords do not match." is shown, but the passwords do obviously match. (see image)

Using a version before 1.0.6 I'm able to reset the password.

I'd like to change the color of the toolbar so that it matches the header - I tried obvious stuff like...

                Authenticator(headerContent:{
                    ZStack{
                        Color.indigo
                        HStack{
                            Text("MyApp")
                                .foregroundColor(.white)
                        }
                        .padding()
                        
                    }
                    .frame(height: 100)
                }
                )
                {state in
                    Dashboard()
                }
                .authenticatorTheme(theme)
                .toolbarBackground(.indigo, for: .navigationBar)
                .toolbarBackground(.visible, for: .navigationBar)

Didn't seem to work, any ideas?

Before creating a new issue, please confirm:

• I have searched for duplicate or closed issues and discussions.
• I have tried disabling all browser extensions or using a different browser
• I have tried deleting the node_modules folder and reinstalling my dependencies
• I have read the guide for submitting bug reports.

On which framework/platform are you having an issue?

iOS

Which UI component?

Authenticator

How is your app built?

IOS swift SwiftUI

What browsers are you seeing the problem on?

iOS (React Native)

Which region are you seeing the problem in?

East-1

Please describe your bug.

When entering a birthdate in the "YYYY-MM-DD" format, an error message is displayed: "Attributes did not conform to the schema: birthdate: String must be no longer than 10 characters." It seems that the birthdate validation expects exactly 10 characters, causing issues with certain date formats.

What's the expected behaviour?

The expected behavior is for the birthdate in the "YYYY-MM-DD" format to be accepted without errors.

Help us reproduce the bug!

using the amplify authenticator package with IOS swift swiftui and this error is being thrown when submitting birth date to cognito as an attribute for user creation

Code Snippet

// Put your code below this line.

Console log output

xcode Console log output:
"AuthError: Attributes did not conform to the schema: birthdate: String must be no longer than 10 characters"

Additional information and screenshots

No response