New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(clerk-js,shared,types,localizations): New client_mismatch status for email link sign in/up #3367
Conversation
🦋 Changeset detectedLatest commit: c63b451 The changes in this PR will be included in the next version bump. This PR includes changesets to release 16 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
packages/localizations/src/en-US.ts
Outdated
subtitle: | ||
'Open the verification link on the device and browser from which you initiatied the sign in to continue', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🔧 Suggestions welcome to improve these messages!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I find it a bit long, but i cannot think of a shorter version atm.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
lgtm 💯
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Smaller typo fixes and requests
.changeset/tricky-tomatoes-repair.md
Outdated
'@clerk/types': minor | ||
--- | ||
|
||
Introduce new `client_mismatch` verification status for email link sign in and sign up |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Introduce new `client_mismatch` verification status for email link sign in and sign up | |
Introduce new `client_mismatch` verification status for email link sign-in and sign-up. This error (and its message) will be shown if a verification link was opened in another device/browser from which the user initiated the sign-in/sign-up attempt. This functionality needs to be enabled in the Clerk dashboard. |
More details on how this works and what it does
packages/localizations/src/en-US.ts
Outdated
@@ -325,6 +325,11 @@ export const enUS: LocalizationResource = { | |||
subtitleNewTab: 'Return to the newly opened tab to continue', | |||
titleNewTab: 'Signed in on other tab', | |||
}, | |||
clientMismatch: { | |||
subtitle: | |||
'Open the verification link on the device and browser from which you initiatied the sign in to continue', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
'Open the verification link on the device and browser from which you initiatied the sign in to continue', | |
'To continue, open the verification link on the device and browser from which you initiated the sign-in', |
Typo fix, use the proper noun for sign-in (sign in is the verb), and move the "to continue" to start.
Reads better to me :)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Reads better to me as well, thanks!
packages/localizations/src/en-US.ts
Outdated
clientMismatch: { | ||
subtitle: | ||
'Open the verification link on the device and browser from which you initiatied the sign in to continue', | ||
title: 'This verification link is invalid for this device', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
title: 'This verification link is invalid for this device', | |
title: 'Verification link is invalid for this device', |
Optional - if we want to make it shorter
packages/localizations/src/en-US.ts
Outdated
@@ -426,6 +431,11 @@ export const enUS: LocalizationResource = { | |||
subtitleNewTab: 'Return to previous tab to continue', | |||
title: 'Successfully verified email', | |||
}, | |||
clientMismatch: { | |||
subtitle: | |||
'Open the verification link on the device and browser from which you initiatied the sign up to continue', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
'Open the verification link on the device and browser from which you initiatied the sign up to continue', | |
'To continue, open the verification link on the device and browser from which you initiated the sign-up', |
packages/localizations/src/en-US.ts
Outdated
clientMismatch: { | ||
subtitle: | ||
'Open the verification link on the device and browser from which you initiatied the sign up to continue', | ||
title: 'This verification link is invalid for this device', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
title: 'This verification link is invalid for this device', | |
title: 'Verification link is invalid for this device', |
230d1dc
to
c63b451
Compare
Description
Add new
client_mismatch
verification status for email link sign in and sign up flows. This new status will only be sent in as a query param if the corresponding setting is turned on in dashboard (future work).client_mismatch.mov
Checklist
npm test
runs as expected.npm run build
runs as expected.Type of change