Update isSignedIn to check against initialized session

Author: LauraBeatris

.changeset/nasty-mangos-live.md

@@ -8,4 +8,4 @@
 '@clerk/vue': minor
 ---
 
-Surface new `pending` session as an signed-in state, similarly as `active`
+Surface new `pending` session as a signed-in state

.changeset/proud-cycles-roll.md

@@ -4,3 +4,17 @@
 
 - Initialize new `pending` session status as an signed-in state
 - Deprecate `Clerk.client.activeSessions` in favor of `Clerk.client.signedInSessions`
+- Introduce `Clerk.isSignedIn` property as an explicit signed-in state check, instead of `!!Clerk.session` or `!!Clerk.user`:
+
+```ts
+- if (Clerk.user) {
++ if (Clerk.isSignedIn) {
+  // Mount user button component
+  document.getElementById('signed-in').innerHTML = `
+    <div id="user-button"></div>
+  `
+
+  const userbuttonDiv = document.getElementById('user-button')
+
+  clerk.mountUserButton(userbuttonDiv)
+}

packages/clerk-js/src/core/auth/cookies/clientUat.ts

@@ -38,7 +38,7 @@ export const createClientUatCookie = (cookieSuffix: string): ClientUatCookieHand
     // '0' indicates the user is signed out
     let val = '0';
 
-    if (client && client.updatedAt && client.isSignedIn) {
+    if (client && client.updatedAt && client.signedInSessions.length > 0) {
       // truncate timestamp to seconds, since this is a unix timestamp
       val = Math.floor(client.updatedAt.getTime() / 1000).toString();
     }

packages/clerk-js/src/core/clerk.ts

@@ -289,7 +289,7 @@ export class Clerk implements ClerkInterface {
   }
 
   get isSignedIn(): boolean {
-    return !!this.client?.isSignedIn;
+    return !!this.session;
   }
 
   public constructor(key: string, options?: DomainOrProxyUrl) {

packages/clerk-js/src/core/resources/Client.ts

@@ -118,10 +118,6 @@ export class Client extends BaseResource implements ClientResource {
     return this._basePostBypass({ body: params, path: this.path() + '/verify' });
   }
 
-  get isSignedIn() {
-    return (this.signedInSessions ?? []).length > 0;
-  }
-
   fromJSON(data: ClientJSON | ClientJSONSnapshot | null): this {
     if (data) {
       this.id = data.id;

packages/types/src/clerk.ts

@@ -128,9 +128,7 @@ export interface Clerk {
   isStandardBrowser: boolean | undefined;
 
   /**
-   * Indicates whether the current user has a valid, fully signed-in client session.
-   * A session is considered valid when the user has successfully authenticated,
-   * completed all required authentication factors, and resolved all pending tasks.
+   * Indicates whether the current user has a valid signed-in client session
    */
   isSignedIn: boolean;
 

packages/types/src/client.ts

@@ -7,7 +7,6 @@ import type { ClientJSONSnapshot } from './snapshots';
 export interface ClientResource extends ClerkResource {
   sessions: SessionResource[];
   signedInSessions: (ActiveSessionResource | PendingSessionResource)[];
-  isSignedIn: boolean;
   signUp: SignUpResource;
   signIn: SignInResource;
   isNew: () => boolean;