Bump Expo native SDKs and align native component props

Author: mikepitre

.changeset/bump-expo-native-sdks.md

@@ -2,4 +2,4 @@
 "@clerk/expo": patch
 ---
 
-Bump the native SDKs pulled into Expo: `clerk-ios` to `1.1.5` and `clerk-android-api`/`clerk-android-ui` to `1.0.26`.
+Bump the native SDKs pulled into Expo: `clerk-ios` to `1.2.0` and `clerk-android-api`/`clerk-android-ui` to `1.0.28`. Android native components now pass through the existing `<AuthView mode>`, `<AuthView isDismissible>`, and `<UserProfileView isDismissible>` props to the underlying native SDK.

packages/expo/android/build.gradle

@@ -17,8 +17,8 @@ ext {
   credentialsVersion = "1.3.0"
   googleIdVersion = "1.1.1"
   kotlinxCoroutinesVersion = "1.7.3"
-  clerkAndroidApiVersion = "1.0.26"
-  clerkAndroidUiVersion = "1.0.26"
+  clerkAndroidApiVersion = "1.0.28"
+  clerkAndroidUiVersion = "1.0.28"
   composeVersion = "1.7.0"
   activityComposeVersion = "1.9.0"
   lifecycleVersion = "2.8.0"

packages/expo/android/src/main/java/expo/modules/clerk/ClerkAuthViewModule.kt

@@ -8,6 +8,7 @@ import androidx.compose.ui.Modifier
 import androidx.lifecycle.ViewModelStore
 import androidx.lifecycle.ViewModelStoreOwner
 import com.clerk.api.Clerk
+import com.clerk.ui.auth.AuthMode
 import com.clerk.ui.auth.AuthView
 import expo.modules.kotlin.AppContext
 import expo.modules.kotlin.modules.Module
@@ -55,12 +56,13 @@ class ClerkAuthNativeView(context: Context, appContext: AppContext) : ClerkCompo
 
   @Composable
   override fun Content() {
-    debugLog(TAG, "setupView - isDismissible: $isDismissible, activity: $activity")
+    debugLog(TAG, "setupView - mode: $mode, isDismissible: $isDismissible, activity: $activity")
 
     AuthView(
       modifier = Modifier.fillMaxSize(),
       clerkTheme = Clerk.customTheme,
-      isDismissable = isDismissible,
+      mode = authMode(mode),
+      isDismissible = isDismissible,
       onDismiss = ::sendDismissEvent,
       onAuthComplete = {
         sendDismissEvent()
@@ -77,6 +79,12 @@ class ClerkAuthNativeView(context: Context, appContext: AppContext) : ClerkCompo
     dismissalEventSent = true
     sendEvent("dismissed")
   }
+
+  private fun authMode(mode: String?): AuthMode = when (mode) {
+    "signIn" -> AuthMode.SignIn
+    "signUp" -> AuthMode.SignUp
+    else -> AuthMode.SignInOrUp
+  }
 }
 
 class ClerkAuthViewModule : Module() {
@@ -87,8 +95,6 @@ class ClerkAuthViewModule : Module() {
       Events("onAuthEvent")
 
       Prop("mode") { view: ClerkAuthNativeView, mode: String? ->
-        // clerk-android AuthView does not currently expose a public mode parameter.
-        // Keep this prop as an intentional no-op for cross-platform API parity.
         view.mode = mode
       }
 

packages/expo/android/src/main/java/expo/modules/clerk/ClerkUserProfileViewModule.kt

@@ -44,6 +44,7 @@ class ClerkUserProfileNativeView(context: Context, appContext: AppContext) : Cle
 
     UserProfileView(
       clerkTheme = Clerk.customTheme,
+      isDismissible = isDismissible,
       onDismiss = {
         debugLog(TAG, "Profile dismissed")
         sendEvent("dismissed")
@@ -64,9 +65,6 @@ class ClerkUserProfileViewModule : Module() {
       Events("onProfileEvent")
 
       Prop("isDismissible") { view: ClerkUserProfileNativeView, isDismissible: Boolean ->
-        // clerk-android does not expose the iOS-parity isDismissible API yet.
-        // Accept the prop for cross-platform RN API shape, and pass it through
-        // once the native SDK owns this behavior.
         view.isDismissible = isDismissible
       }
 

packages/expo/app.plugin.js

@@ -20,7 +20,7 @@ const path = require('path');
 const fs = require('fs');
 
 const CLERK_IOS_REPO = 'https://github.com/clerk/clerk-ios.git';
-const CLERK_IOS_VERSION = '1.1.5';
+const CLERK_IOS_VERSION = '1.2.0';
 
 const CLERK_MIN_IOS_VERSION = '17.0';
 

packages/expo/ios/ClerkNativeBridge.swift

@@ -500,7 +500,7 @@ struct ClerkInlineAuthWrapperView: View {
   @Environment(\.colorScheme) private var colorScheme
 
   private var themedAuthView: some View {
-    let view = AuthView(mode: mode, isDismissable: dismissible)
+    let view = AuthView(mode: mode, isDismissible: dismissible)
       .environment(Clerk.shared)
     let theme = colorScheme == .dark ? (darkTheme ?? lightTheme) : lightTheme
     return Group {
@@ -552,7 +552,7 @@ struct ClerkInlineProfileWrapperView: View {
   @Environment(\.colorScheme) private var colorScheme
 
   var body: some View {
-    let view = UserProfileView(isDismissable: dismissible)
+    let view = UserProfileView(isDismissible: dismissible)
       .environment(Clerk.shared)
     let theme = colorScheme == .dark ? (darkTheme ?? lightTheme) : lightTheme
     let themedView = Group {