aws-amplify
Auth.resendSignUp does not work with email
Before opening, please confirm:
- [X] I have searched for duplicate or closed issues and discussions.
- [X] I have read the guide for submitting bug reports.
- [X] I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.
JavaScript Framework
React
Amplify APIs
Authentication
Amplify Categories
auth
Environment information
# Put output below this line
System:
OS: Linux 5.10 Ubuntu 20.04.2 LTS (Focal Fossa)
CPU: (20) x64 Intel(R) Core(TM) i9-10850K CPU @ 3.60GHz
Memory: 90.50 GB / 100.52 GB
Container: Yes
Shell: 5.0.17 - /bin/bash
Binaries:
Node: 14.17.0 - ~/.nvm/versions/node/v14.17.0/bin/node
Yarn: 1.22.17 - /usr/bin/yarn
npm: 8.5.0 - ~/.nvm/versions/node/v14.17.0/bin/npm
npmPackages:
@chainlink/contracts: ^0.4.0 => 0.4.0
@craco/craco: ^6.4.3 => 6.4.3
@openzeppelin/contracts: ^4.5.0 => 4.5.0
@radix-ui/react-dropdown-menu: ^0.1.6 => 0.1.6
@radix-ui/react-popover: ^0.1.6 => 0.1.6
@sentry/browser: ^6.17.3 => 6.18.1
@sentry/react: ^6.17.3 => 6.18.1
@sentry/tracing: ^6.17.3 => 6.18.1
@sentry/types: ^6.17.3 => 6.18.1
@serverless-stack/static-site-env: ^0.60.11 => 0.60.11
@serverless-stack/static-site-env-test-base: 0.60.11
@serverless-stack/static-site-env-test-sst-app-not-exist: 0.60.11
@serverless-stack/static-site-env-test-sst-env-outputs-file-not-exist: 0.60.11
@serverless-stack/static-site-env-test-sst-env-outputs-not-found: 0.60.11
@testing-library/cypress: ^8.0.2 => 8.0.2
@testing-library/jest-dom: ^5.16.1 => 5.16.2
@testing-library/react: ^12.1.2 => 12.1.3
@testing-library/user-event: ^13.5.0 => 13.5.0
@truffle/hdwallet-provider: ^2.0.3 => 2.0.3
@types/jest: ^27.4.0 => 27.4.1 (26.0.24)
@types/node: ^16.11.22 => 16.11.26 (10.17.60, 14.18.12)
@types/react: ^17.0.38 => 17.0.39
@types/react-dom: ^17.0.11 => 17.0.13
@types/react-router-dom: ^5.3.3 => 5.3.3
@types/styled-components: ^5.1.24 => 5.1.24
@types/uuid: ^8.3.4 => 8.3.4
@typescript-eslint/eslint-plugin: ^5.10.2 => 5.13.0
@typescript-eslint/parser: ^5.10.2 => 5.13.0
aws-amplify: ^4.3.14 => 4.3.15
babel-polyfill: 6.26.0 => 6.26.0
babel-preset-env: 1.7.0 => 1.7.0
babel-preset-es2015: 6.24.1 => 6.24.1
babel-preset-stage-2: 6.24.1 => 6.24.1
babel-preset-stage-3: 6.24.1 => 6.24.1
babel-register: 6.26.0 => 6.26.0
bootstrap: ^5.1.3 => 5.1.3
chai: ^4.3.6 => 4.3.6
chai-as-promised: ^7.1.1 => 7.1.1
cypress: ^9.5.2 => 9.5.2
eslint: ^8.8.0 => 8.10.0
eslint-config-airbnb: ^19.0.4 => 19.0.4
eslint-config-airbnb-typescript-prettier: ^5.0.0 => 5.0.0
eslint-plugin-cypress: ^2.12.1 => 2.12.1
eslint-plugin-import: ^2.25.4 => 2.25.4
eslint-plugin-jsx-a11y: ^6.5.1 => 6.5.1
eslint-plugin-react: ^7.28.0 => 7.29.3
eslint-plugin-react-hooks: ^4.3.0 => 4.3.0
framer-motion: ^6.2.8 => 6.2.8
prettier: ^2.5.1 => 2.5.1
react: ^17.0.2 => 17.0.2
react-bootstrap: ^2.1.2 => 2.2.0
react-bootstrap/AbstractModalHeader: undefined ()
react-bootstrap/Accordion: undefined ()
react-bootstrap/AccordionBody: undefined ()
react-bootstrap/AccordionButton: undefined ()
react-bootstrap/AccordionCollapse: undefined ()
react-bootstrap/AccordionContext: undefined ()
react-bootstrap/AccordionHeader: undefined ()
react-bootstrap/AccordionItem: undefined ()
react-bootstrap/AccordionItemContext: undefined ()
react-bootstrap/Alert: undefined ()
react-bootstrap/Anchor: undefined ()
react-bootstrap/Badge: undefined ()
react-bootstrap/BootstrapModalManager: undefined ()
react-bootstrap/Breadcrumb: undefined ()
react-bootstrap/BreadcrumbItem: undefined ()
react-bootstrap/Button: undefined ()
react-bootstrap/ButtonGroup: undefined ()
react-bootstrap/ButtonToolbar: undefined ()
react-bootstrap/Card: undefined ()
react-bootstrap/CardGroup: undefined ()
react-bootstrap/CardHeader: undefined ()
react-bootstrap/CardHeaderContext: undefined ()
react-bootstrap/CardImg: undefined ()
react-bootstrap/Carousel: undefined ()
react-bootstrap/CarouselCaption: undefined ()
react-bootstrap/CarouselItem: undefined ()
react-bootstrap/CloseButton: undefined ()
react-bootstrap/Col: undefined ()
react-bootstrap/Collapse: undefined ()
react-bootstrap/Container: undefined ()
react-bootstrap/Dropdown: undefined ()
react-bootstrap/DropdownButton: undefined ()
react-bootstrap/DropdownContext: undefined ()
react-bootstrap/DropdownItem: undefined ()
react-bootstrap/DropdownMenu: undefined ()
react-bootstrap/DropdownToggle: undefined ()
react-bootstrap/ElementChildren: undefined ()
react-bootstrap/Fade: undefined ()
react-bootstrap/Feedback: undefined ()
react-bootstrap/Figure: undefined ()
react-bootstrap/FigureCaption: undefined ()
react-bootstrap/FigureImage: undefined ()
react-bootstrap/FloatingLabel: undefined ()
react-bootstrap/Form: undefined ()
react-bootstrap/FormCheck: undefined ()
react-bootstrap/FormCheckInput: undefined ()
react-bootstrap/FormCheckLabel: undefined ()
react-bootstrap/FormContext: undefined ()
react-bootstrap/FormControl: undefined ()
react-bootstrap/FormFloating: undefined ()
react-bootstrap/FormGroup: undefined ()
react-bootstrap/FormLabel: undefined ()
react-bootstrap/FormRange: undefined ()
react-bootstrap/FormSelect: undefined ()
react-bootstrap/FormText: undefined ()
react-bootstrap/Image: undefined ()
react-bootstrap/InputGroup: undefined ()
react-bootstrap/InputGroupContext: undefined ()
react-bootstrap/ListGroup: undefined ()
react-bootstrap/ListGroupItem: undefined ()
react-bootstrap/Modal: undefined ()
react-bootstrap/ModalBody: undefined ()
react-bootstrap/ModalContext: undefined ()
react-bootstrap/ModalDialog: undefined ()
react-bootstrap/ModalFooter: undefined ()
react-bootstrap/ModalHeader: undefined ()
react-bootstrap/ModalTitle: undefined ()
react-bootstrap/Nav: undefined ()
react-bootstrap/NavContext: undefined ()
react-bootstrap/NavDropdown: undefined ()
react-bootstrap/NavItem: undefined ()
react-bootstrap/NavLink: undefined ()
react-bootstrap/Navbar: undefined ()
react-bootstrap/NavbarBrand: undefined ()
react-bootstrap/NavbarCollapse: undefined ()
react-bootstrap/NavbarContext: undefined ()
react-bootstrap/NavbarOffcanvas: undefined ()
react-bootstrap/NavbarToggle: undefined ()
react-bootstrap/Offcanvas: undefined ()
react-bootstrap/OffcanvasBody: undefined ()
react-bootstrap/OffcanvasHeader: undefined ()
react-bootstrap/OffcanvasTitle: undefined ()
react-bootstrap/OffcanvasToggling: undefined ()
react-bootstrap/Overlay: undefined ()
react-bootstrap/OverlayTrigger: undefined ()
react-bootstrap/PageItem: undefined ()
react-bootstrap/Pagination: undefined ()
react-bootstrap/Placeholder: undefined ()
react-bootstrap/PlaceholderButton: undefined ()
react-bootstrap/Popover: undefined ()
react-bootstrap/PopoverBody: undefined ()
react-bootstrap/PopoverHeader: undefined ()
react-bootstrap/ProgressBar: undefined ()
react-bootstrap/Ratio: undefined ()
react-bootstrap/Row: undefined ()
react-bootstrap/SSRProvider: undefined ()
react-bootstrap/Spinner: undefined ()
react-bootstrap/SplitButton: undefined ()
react-bootstrap/Stack: undefined ()
react-bootstrap/Switch: undefined ()
react-bootstrap/Tab: undefined ()
react-bootstrap/TabContainer: undefined ()
react-bootstrap/TabContent: undefined ()
react-bootstrap/TabPane: undefined ()
react-bootstrap/Table: undefined ()
react-bootstrap/Tabs: undefined ()
react-bootstrap/ThemeProvider: undefined ()
react-bootstrap/Toast: undefined ()
react-bootstrap/ToastBody: undefined ()
react-bootstrap/ToastContainer: undefined ()
react-bootstrap/ToastContext: undefined ()
react-bootstrap/ToastFade: undefined ()
react-bootstrap/ToastHeader: undefined ()
react-bootstrap/ToggleButton: undefined ()
react-bootstrap/ToggleButtonGroup: undefined ()
react-bootstrap/Tooltip: undefined ()
react-bootstrap/TransitionWrapper: undefined ()
react-bootstrap/createChainedFunction: undefined ()
react-bootstrap/createUtilityClasses: undefined ()
react-bootstrap/createWithBsPrefix: undefined ()
react-bootstrap/divWithClassName: undefined ()
react-bootstrap/getTabTransitionComponent: undefined ()
react-bootstrap/helpers: undefined ()
react-bootstrap/safeFindDOMNode: undefined ()
react-bootstrap/transitionEndListener: undefined ()
react-bootstrap/triggerBrowserReflow: undefined ()
react-bootstrap/types: undefined ()
react-bootstrap/useOverlayOffset: undefined ()
react-bootstrap/usePlaceholder: undefined ()
react-bootstrap/useWrappedRefWithWarning: undefined ()
react-dom: ^17.0.2 => 17.0.2
react-hook-form: ^7.27.0 => 7.27.1
react-icons: ^4.3.1 => 4.3.1
react-router-bootstrap: ^0.25.0 => 0.25.0
react-router-dom: ^5.2.0 => 5.3.0
react-scripts: 5.0.0 => 5.0.0
styled-components: ^5.3.3 => 5.3.3
styled-components/macro: undefined ()
styled-components/native: undefined ()
styled-components/primitives: undefined ()
typescript: ^4.6.2 => 4.6.2
uuid: ^8.3.2 => 8.3.2 (3.4.0, 3.3.2)
web-vitals: ^2.1.4 => 2.1.4
npmGlobalPackages:
fkill-cli: 6.1.0
ganache-cli: 6.12.2
ipfs: 0.55.4
npm-check: 5.9.2
npm-upgrade: 3.1.0
npm: 8.5.0
truffle: 5.4.2
Describe the bug
This is while the user status is unconfirmed. Auth.resendSignUp("test.example.com").then(data => { console.log(data) })
returns UserNotFoundException: Username/client id combination not found.
Expected behavior
It should know that email can be used to resend code.
Reproduction steps
- register a new user in cognito using await Auth.signUp({ username: data.name, password: data.password, attributes: { email: data.email, }, validationData: [] })
- do not input the verification code
- attempt to resend the verification code Auth.resendSignUp("test.example.com").then(data => { console.log(data) })
Hi @KristianLake,
Upon reviewing this, I have a few question for you - can you please confirm the following:
-
Can you confirm the SignUp experience you have configured? i.e. Do users sign up with a username or email? You can confirm this by going into your UserPool in the Cognito console, and under Sign-in experience look at
Cognito user pool sign-in options -
In the reproduction steps above, I see the username passed to
Auth.resendSignUp()is not an email - is this a typo? If not, note that this would need to be an email if your signup experience is set to email. -
Also you can you share the users info that you are attempting to resend the code to as seen in Cognito?
The resendSignUp() takes a username as a parameter. So if you have your signup experience set to User name, that will be the username they entered on signUp, however if it is setup to be email, it will be the email a user entered.
Also, note that the username can be different from the email configured under the users attributes.
Sure, so im using sst and my configuration is completely done IAAC.
const auth = new Auth(stack, "Auth", {
triggers: {
customMessage: {
handler: "services/cognito/customMessage.main",
environment: { TABLE_NAME: table.tableName },
permissions: [table],
},
preSignUp: {
handler: "services/cognito/preSignUp.main",
},
postConfirmation: {
handler: "services/cognito/postConfirmation.main",
environment: { TABLE_NAME: table.tableName },
permissions: [table],
},
},
cdk: {
userPool: {
email: cognito.UserPoolEmail.withSES({
sesRegion: 'us-east-2',
fromEmail: '[email protected]',
fromName: `${stack.stage.toLowerCase() === "prod" ? "" : stack.stage.toLowerCase()} Support`,
replyTo: '[email protected]',
sesVerifiedDomain: 'example.com',
}),
deviceTracking: {
challengeRequiredOnNewDevice: true,
deviceOnlyRememberedOnUserPrompt: true,
},
// Users can login with their email and password
signInAliases: {
username: true,
email: true,
},
},
},
})
auth.attachPermissionsForTrigger("preSignUp", ["cognito-idp:ListUsers"]);
auth.attachPermissionsForTrigger("postConfirmation", ["ses:SendEmail"]);
So as you can see users can login with their email AND username.
So if a user elects to login with their username but they have not yet confirmed via email (during register they provided username and email) there is no easy way to wire up the Auth.resendSignUp( as during login they provided the username only and you can't get the email (as they did not submit it) So short of taking the username and running though a custom gateway api call to "get me the email for this username" to then pass into resendSignUp - which adds a delay, a possible security vector and additional network calls though AWS.
Hi @KristianLake following up here - based on the error message UserNotFoundException: Username/client id there's either a mismatch with the userpool client that the client app is using verses where the user is actually sign up in. On way to check this is to verify the values being passed into Amplify.configure(). If the userpool, or userpoolClient do not match this will cause this issue.
Are you still experiencing this problem?
cc @Alexei-Lashakov
Closing this issue as we have not heard back from you. If you are still experiencing this, please feel free to reply back and provide any information previously requested and we'd be happy to re-open the issue.
Thank you!
