Skip to content
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

Merged
merged 2 commits into from May 14, 2024

Conversation

mzhong9723
Copy link
Member

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.
  • (If applicable) JSDoc comments have been added or updated for any package exports
  • (If applicable) Documentation has been updated

Type of change

  • 🐛 Bug fix
  • 🌟 New feature
  • 🔨 Breaking change
  • 📖 Refactoring / dependency upgrade / documentation
  • other:

Copy link

changeset-bot bot commented May 10, 2024

🦋 Changeset detected

Latest commit: c63b451

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
Name Type
@clerk/localizations Minor
@clerk/clerk-js Minor
@clerk/shared Minor
@clerk/types Minor
@clerk/chrome-extension Patch
@clerk/clerk-expo Patch
@clerk/backend Patch
@clerk/elements Patch
@clerk/express Patch
@clerk/fastify Patch
@clerk/nextjs Patch
@clerk/clerk-react Patch
@clerk/remix Patch
@clerk/clerk-sdk-node Patch
@clerk/testing Patch
@clerk/themes Patch

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

Comment on lines 329 to 330
subtitle:
'Open the verification link on the device and browser from which you initiatied the sign in to continue',
Copy link
Member Author

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!

Copy link
Member

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.

Copy link
Member

@panteliselef panteliselef left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm 💯

Copy link
Member

@LekoArts LekoArts left a 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 Show resolved Hide resolved
'@clerk/types': minor
---

Introduce new `client_mismatch` verification status for email link sign in and sign up
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
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

@@ -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',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
'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 :)

Copy link
Member Author

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!

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',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
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

@@ -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',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
'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',

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',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
title: 'This verification link is invalid for this device',
title: 'Verification link is invalid for this device',

@mzhong9723 mzhong9723 force-pushed the mz/core-1979-email-link-status branch from 230d1dc to c63b451 Compare May 13, 2024 17:43
@mzhong9723 mzhong9723 requested a review from LekoArts May 13, 2024 17:44
@LekoArts LekoArts merged commit b27ca83 into main May 14, 2024
10 checks passed
@LekoArts LekoArts deleted the mz/core-1979-email-link-status branch May 14, 2024 07:44
@clerk-cookie clerk-cookie mentioned this pull request May 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants