feat(shared,ui): Add handling for user_deactivated error code (#7810)

Co-authored-by: Laura Beatris <48022589+LauraBeatris@users.noreply.github.com>

Author: 2 people

.changeset/nice-worlds-brake.md

@@ -0,0 +1,6 @@
+---
+'@clerk/shared': patch
+'@clerk/ui': patch
+---
+
+Display message for `user_deactivated` error code on `SignIn` and `SignUp` 

packages/shared/src/internal/clerk-js/constants.ts

@@ -47,6 +47,7 @@ export const ERROR_CODES = {
   FRAUD_ACTION_BLOCKED: 'action_blocked',
   SIGNUP_RATE_LIMIT_EXCEEDED: 'signup_rate_limit_exceeded',
   USER_BANNED: 'user_banned',
+  USER_DEACTIVATED: 'user_deactivated',
 } as const;
 
 export const SIGN_IN_INITIAL_VALUE_KEYS = ['email_address', 'phone_number', 'username'];

packages/ui/src/components/SignIn/SignInStart.tsx

@@ -297,6 +297,7 @@ function SignInStartInternal(): JSX.Element {
           case ERROR_CODES.FRAUD_ACTION_BLOCKED:
           case ERROR_CODES.SIGNUP_RATE_LIMIT_EXCEEDED:
           case ERROR_CODES.USER_BANNED:
+          case ERROR_CODES.USER_DEACTIVATED:
             card.setError(error);
             break;
           default:

packages/ui/src/components/SignUp/SignUpStart.tsx

@@ -224,6 +224,7 @@ function SignUpStartInternal(): JSX.Element {
           case ERROR_CODES.FRAUD_ACTION_BLOCKED:
           case ERROR_CODES.SIGNUP_RATE_LIMIT_EXCEEDED:
           case ERROR_CODES.USER_BANNED:
+          case ERROR_CODES.USER_DEACTIVATED:
             card.setError(error);
             break;
           default: