fix: improve multi-login on user button [CLERK_SDK #20]

Author: shinyford

packages/clerk_auth/lib/models/client.dart

@@ -36,13 +36,15 @@ class Client {
 
   Map<String, dynamic> toJson() => _$ClientToJson(this);
 
+  Set<String> get sessionIds => sessions.map((s) => s.id).toSet();
+
   Session? get activeSession {
     for (final session in sessions) {
-      if (session.isActive) return session;
+      if (session.id == lastActiveSessionId) return session;
     }
 
     for (final session in sessions) {
-      if (session.id == lastActiveSessionId) return session;
+      if (session.isActive) return session;
     }
 
     return null;

packages/clerk_flutter/example/lib/main.dart

@@ -23,13 +23,13 @@ class MainApp extends StatelessWidget {
         publishableKey: dotenv.env['publishable_key'] ?? '',
         child: Scaffold(
           backgroundColor: ClerkColors.whiteSmoke,
-          body: Center(
-            child: ClerkAuthBuilder(
-              signedInBuilder: (context, auth) => const Padding(
-                padding: allPadding32,
-                child: ClerkUserButton(),
+          body: Padding(
+            padding: horizontalPadding32,
+            child: Center(
+              child: ClerkAuthBuilder(
+                signedInBuilder: (context, auth) => const ClerkUserButton(),
+                signedOutBuilder: (context, auth) => const ClerkAuthenticationWidget(),
               ),
-              signedOutBuilder: (context, auth) => const ClerkAuthenticationWidget(),
             ),
           ),
         ),

packages/clerk_flutter/lib/src/widgets/control/clerk_auth.dart

@@ -38,7 +38,7 @@ class ClerkAuth extends StatefulWidget {
     this.translator = const DefaultClerkTranslator(),
     this.persistor,
     this.loading,
-  }) : assert((publicKey is String && publishableKey is String) != auth is Clerk.Auth);
+  }) : assert((publicKey is String && publishableKey is String) != auth is ClerkAuthProvider);
 
   @override
   State<ClerkAuth> createState() => _ClerkAuthState();

packages/clerk_flutter/lib/src/widgets/ui/clerk_text_form_field.dart

@@ -49,14 +49,11 @@ class ClerkTextFormField extends StatelessWidget {
           children: [
             if (label case String label) //
               Expanded(
-                child: FittedBox(
-                  fit: BoxFit.fitWidth,
-                  child: Text(
-                    translator.translate(label),
-                    textAlign: TextAlign.start,
-                    maxLines: 2,
-                    style: ClerkTextStyle.inputLabel,
-                  ),
+                child: Text(
+                  translator.translate(label),
+                  textAlign: TextAlign.start,
+                  maxLines: 2,
+                  style: ClerkTextStyle.inputLabel,
                 ),
               ),
             if (optional) ...[

packages/clerk_flutter/lib/src/widgets/ui/style/colors.dart

@@ -52,7 +52,7 @@ class ClerkColors {
   /// Mountain Mist (user button subtitle and status indicator color).
   static const mountainMist = Color(0xFF9394a1);
 
-  /// Deset Storm (status indicator color).
+  /// Desert Storm (status indicator color).
   static const desertStorm = Color(0xFFf7f7f8);
 
   /// Carmine pink (cta and error color).