fix(expo): spell dismissible prop correctly

mikepitre · mikepitre · commit 9889bc093624 · 2026-06-03T13:01:13.000-04:00
diff --git a/packages/expo/android/src/main/java/expo/modules/clerk/ClerkAuthExpoView.kt b/packages/expo/android/src/main/java/expo/modules/clerk/ClerkAuthExpoView.kt
@@ -39,7 +39,7 @@ private fun debugLog(tag: String, message: String) {
 
 class ClerkAuthNativeView(context: Context) : FrameLayout(context) {
   var mode: String = "signInOrUp"
-  var isDismissable: Boolean = true
+  var isDismissible: Boolean = true
 
   private val activity: ComponentActivity? = findActivity(context).also {
     // At cold start, ClerkExpoModule.configure() may run before React's
@@ -101,7 +101,7 @@ class ClerkAuthNativeView(context: Context) : FrameLayout(context) {
   private var authCompletedSent: Boolean = false
 
   fun setupView() {
-    debugLog(TAG, "setupView - mode: $mode, isDismissable: $isDismissable, activity: $activity")
+    debugLog(TAG, "setupView - mode: $mode, isDismissible: $isDismissible, activity: $activity")
 
     composeView.setContent {
       val session by Clerk.sessionFlow.collectAsStateWithLifecycle()
diff --git a/packages/expo/android/src/main/java/expo/modules/clerk/ClerkAuthViewManager.kt b/packages/expo/android/src/main/java/expo/modules/clerk/ClerkAuthViewManager.kt
@@ -21,9 +21,9 @@ class ClerkAuthViewManager : SimpleViewManager<ClerkAuthNativeView>(),
     view.setupView()
   }
 
-  @ReactProp(name = "isDismissable")
-  override fun setIsDismissable(view: ClerkAuthNativeView, isDismissable: Boolean) {
-    view.isDismissable = isDismissable
+  @ReactProp(name = "isDismissible")
+  override fun setIsDismissible(view: ClerkAuthNativeView, isDismissible: Boolean) {
+    view.isDismissible = isDismissible
     view.setupView()
   }
 
diff --git a/packages/expo/android/src/main/java/expo/modules/clerk/ClerkUserProfileExpoView.kt b/packages/expo/android/src/main/java/expo/modules/clerk/ClerkUserProfileExpoView.kt
@@ -35,7 +35,7 @@ import kotlinx.coroutines.launch
 private const val TAG = "ClerkUserProfileExpoView"
 
 class ClerkUserProfileNativeView(context: Context) : FrameLayout(context) {
-  var isDismissable: Boolean = true
+  var isDismissible: Boolean = true
 
   private val activity = ClerkAuthNativeView.findActivity(context)
 
@@ -68,7 +68,7 @@ class ClerkUserProfileNativeView(context: Context) : FrameLayout(context) {
   }
 
   fun setupView() {
-    Log.d(TAG, "setupView - isDismissable: $isDismissable")
+    Log.d(TAG, "setupView - isDismissible: $isDismissible")
 
     composeView.setContent {
       val session by Clerk.sessionFlow.collectAsStateWithLifecycle()
diff --git a/packages/expo/android/src/main/java/expo/modules/clerk/ClerkUserProfileViewManager.kt b/packages/expo/android/src/main/java/expo/modules/clerk/ClerkUserProfileViewManager.kt
@@ -15,9 +15,9 @@ class ClerkUserProfileViewManager : SimpleViewManager<ClerkUserProfileNativeView
     return ClerkUserProfileNativeView(reactContext)
   }
 
-  @ReactProp(name = "isDismissable")
-  override fun setIsDismissable(view: ClerkUserProfileNativeView, isDismissable: Boolean) {
-    view.isDismissable = isDismissable
+  @ReactProp(name = "isDismissible")
+  override fun setIsDismissible(view: ClerkUserProfileNativeView, isDismissible: Boolean) {
+    view.isDismissible = isDismissible
     view.setupView()
   }
 
diff --git a/packages/expo/ios/ClerkAuthNativeView.swift b/packages/expo/ios/ClerkAuthNativeView.swift
@@ -4,7 +4,7 @@ import UIKit
 public class ClerkAuthNativeView: UIView {
   private lazy var hostingCoordinator = ClerkNativeHostingCoordinator(containerView: self)
   private var currentMode: String = "signInOrUp"
-  private var currentDismissable: Bool = false
+  private var currentDismissible: Bool = false
   private var hasInitialized: Bool = false
   private var didCompleteAuthentication: Bool = false
   private var dismissalEventSent: Bool = false
@@ -20,11 +20,11 @@ public class ClerkAuthNativeView: UIView {
     }
   }
 
-  @objc var isDismissable: NSNumber? {
+  @objc var isDismissible: NSNumber? {
     didSet {
-      let newDismissable = isDismissable?.boolValue ?? false
-      guard newDismissable != currentDismissable else { return }
-      currentDismissable = newDismissable
+      let newDismissible = isDismissible?.boolValue ?? false
+      guard newDismissible != currentDismissible else { return }
+      currentDismissible = newDismissible
       if hasInitialized { updateView() }
     }
   }
@@ -42,7 +42,7 @@ public class ClerkAuthNativeView: UIView {
     if window != nil && !hasInitialized {
       hasInitialized = true
       updateView()
-    } else if window == nil && hasInitialized && currentDismissable && !didCompleteAuthentication && !dismissalEventSent {
+    } else if window == nil && hasInitialized && currentDismissible && !didCompleteAuthentication && !dismissalEventSent {
       dismissalEventSent = true
       sendAuthEvent(type: .dismissed)
     }
@@ -57,7 +57,7 @@ public class ClerkAuthNativeView: UIView {
 
     guard let returnedController = factory.createAuthView(
       mode: currentMode,
-      dismissable: currentDismissable,
+      dismissible: currentDismissible,
       onEvent: { [weak self] event, data in
         if event.isAuthCompletion {
           self?.didCompleteAuthentication = true
diff --git a/packages/expo/ios/ClerkAuthViewManager.m b/packages/expo/ios/ClerkAuthViewManager.m
@@ -3,7 +3,7 @@
 @interface RCT_EXTERN_MODULE(ClerkAuthViewManager, RCTViewManager)
 
 RCT_EXPORT_VIEW_PROPERTY(mode, NSString)
-RCT_EXPORT_VIEW_PROPERTY(isDismissable, NSNumber)
+RCT_EXPORT_VIEW_PROPERTY(isDismissible, NSNumber)
 RCT_EXPORT_VIEW_PROPERTY(onAuthEvent, RCTBubblingEventBlock)
 
 @end
diff --git a/packages/expo/ios/ClerkExpoModule.swift b/packages/expo/ios/ClerkExpoModule.swift
@@ -12,8 +12,8 @@ public var clerkViewFactory: ClerkViewFactoryProtocol?
 // Protocol that the app target implements to provide Clerk views
 public protocol ClerkViewFactoryProtocol {
   // Inline rendering — returns UIViewController to preserve SwiftUI lifecycle
-  func createAuthView(mode: String, dismissable: Bool, onEvent: @escaping (ClerkNativeViewEvent, [String: Any]) -> Void) -> UIViewController?
-  func createUserProfileView(dismissable: Bool, onEvent: @escaping (ClerkNativeViewEvent, [String: Any]) -> Void) -> UIViewController?
+  func createAuthView(mode: String, dismissible: Bool, onEvent: @escaping (ClerkNativeViewEvent, [String: Any]) -> Void) -> UIViewController?
+  func createUserProfileView(dismissible: Bool, onEvent: @escaping (ClerkNativeViewEvent, [String: Any]) -> Void) -> UIViewController?
   func createUserButton(onEvent: @escaping (ClerkNativeViewEvent, [String: Any]) -> Void) -> UIViewController?
 
   // SDK operations
diff --git a/packages/expo/ios/ClerkNativeEvent.swift b/packages/expo/ios/ClerkNativeEvent.swift
@@ -1,6 +1,6 @@
 /// Events emitted by the native view wrappers to their React Native host views.
 public enum ClerkNativeViewEvent: String {
-  /// Emitted by the Expo host view when app-owned dismissable content leaves the window.
+  /// Emitted by the Expo host view when app-owned dismissible content leaves the window.
   case dismissed
   case signedOut
   case signInCompleted
diff --git a/packages/expo/ios/ClerkUserProfileNativeView.swift b/packages/expo/ios/ClerkUserProfileNativeView.swift
@@ -3,18 +3,18 @@ import UIKit
 
 public class ClerkUserProfileNativeView: UIView {
   private lazy var hostingCoordinator = ClerkNativeHostingCoordinator(containerView: self)
-  private var currentDismissable: Bool = false
+  private var currentDismissible: Bool = false
   private var hasInitialized: Bool = false
   private var didSignOut = false
   private var dismissalEventSent = false
 
   @objc var onProfileEvent: RCTBubblingEventBlock?
 
-  @objc var isDismissable: NSNumber? {
+  @objc var isDismissible: NSNumber? {
     didSet {
-      let newDismissable = isDismissable?.boolValue ?? false
-      guard newDismissable != currentDismissable else { return }
-      currentDismissable = newDismissable
+      let newDismissible = isDismissible?.boolValue ?? false
+      guard newDismissible != currentDismissible else { return }
+      currentDismissible = newDismissible
       if hasInitialized { updateView() }
     }
   }
@@ -32,7 +32,7 @@ public class ClerkUserProfileNativeView: UIView {
     if window != nil && !hasInitialized {
       hasInitialized = true
       updateView()
-    } else if window == nil && hasInitialized && currentDismissable && !didSignOut && !dismissalEventSent {
+    } else if window == nil && hasInitialized && currentDismissible && !didSignOut && !dismissalEventSent {
       dismissalEventSent = true
       sendProfileEvent(type: .dismissed)
     }
@@ -46,7 +46,7 @@ public class ClerkUserProfileNativeView: UIView {
     guard let factory = clerkViewFactory else { return }
 
     guard let returnedController = factory.createUserProfileView(
-      dismissable: currentDismissable,
+      dismissible: currentDismissible,
       onEvent: { [weak self] event, data in
         if event == .signedOut {
           self?.didSignOut = true
diff --git a/packages/expo/ios/ClerkUserProfileViewManager.m b/packages/expo/ios/ClerkUserProfileViewManager.m
@@ -2,7 +2,7 @@
 
 @interface RCT_EXTERN_MODULE(ClerkUserProfileViewManager, RCTViewManager)
 
-RCT_EXPORT_VIEW_PROPERTY(isDismissable, NSNumber)
+RCT_EXPORT_VIEW_PROPERTY(isDismissible, NSNumber)
 RCT_EXPORT_VIEW_PROPERTY(onProfileEvent, RCTBubblingEventBlock)
 
 @end
diff --git a/packages/expo/ios/ClerkViewFactory.swift b/packages/expo/ios/ClerkViewFactory.swift
@@ -154,13 +154,13 @@ public final class ClerkViewFactory: ClerkViewFactoryProtocol {
 
   public func createAuthView(
     mode: String,
-    dismissable: Bool,
+    dismissible: Bool,
     onEvent: @escaping (ClerkNativeViewEvent, [String: Any]) -> Void
   ) -> UIViewController? {
     makeHostingController(
       rootView: ClerkInlineAuthWrapperView(
         mode: Self.authMode(from: mode),
-        dismissable: dismissable,
+        dismissible: dismissible,
         lightTheme: lightTheme,
         darkTheme: darkTheme,
         onEvent: onEvent
@@ -169,12 +169,12 @@ public final class ClerkViewFactory: ClerkViewFactoryProtocol {
   }
 
   public func createUserProfileView(
-    dismissable: Bool,
+    dismissible: Bool,
     onEvent: @escaping (ClerkNativeViewEvent, [String: Any]) -> Void
   ) -> UIViewController? {
     makeHostingController(
       rootView: ClerkInlineProfileWrapperView(
-        dismissable: dismissable,
+        dismissible: dismissible,
         lightTheme: lightTheme,
         darkTheme: darkTheme,
         onEvent: onEvent
@@ -444,7 +444,7 @@ struct ClerkInlineUserButtonWrapperView: View {
 
 struct ClerkInlineAuthWrapperView: View {
   let mode: AuthView.Mode
-  let dismissable: Bool
+  let dismissible: Bool
   let lightTheme: ClerkTheme?
   let darkTheme: ClerkTheme?
   let onEvent: (ClerkNativeViewEvent, [String: Any]) -> Void
@@ -462,7 +462,7 @@ struct ClerkInlineAuthWrapperView: View {
   }
 
   private var themedAuthView: some View {
-    let view = AuthView(mode: mode, isDismissable: dismissable)
+    let view = AuthView(mode: mode, isDismissable: dismissible)
       .environment(Clerk.shared)
     let theme = colorScheme == .dark ? (darkTheme ?? lightTheme) : lightTheme
     return Group {
@@ -506,15 +506,15 @@ struct ClerkInlineAuthWrapperView: View {
 // MARK: - Inline Profile View Wrapper (for embedded rendering)
 
 struct ClerkInlineProfileWrapperView: View {
-  let dismissable: Bool
+  let dismissible: Bool
   let lightTheme: ClerkTheme?
   let darkTheme: ClerkTheme?
   let onEvent: (ClerkNativeViewEvent, [String: Any]) -> Void
 
   @Environment(\.colorScheme) private var colorScheme
 
   var body: some View {
-    let view = UserProfileView(isDismissable: dismissable)
+    let view = UserProfileView(isDismissable: dismissible)
       .environment(Clerk.shared)
     let theme = colorScheme == .dark ? (darkTheme ?? lightTheme) : lightTheme
     let themedView = Group {
diff --git a/packages/expo/src/native/AuthView.tsx b/packages/expo/src/native/AuthView.tsx
@@ -34,7 +34,7 @@ import type { AuthViewProps } from './AuthView.types';
  *
  * @see {@link https://clerk.com/docs/components/authentication/sign-in} Clerk Sign-In Documentation
  */
-export function AuthView({ mode = 'signInOrUp', isDismissable = false, onDismiss }: AuthViewProps) {
+export function AuthView({ mode = 'signInOrUp', isDismissible = false, onDismiss }: AuthViewProps) {
   const handleAuthEvent = useCallback(
     (event: { nativeEvent: { type: string } }) => {
       if (event.nativeEvent.type === 'dismissed') {
@@ -60,7 +60,7 @@ export function AuthView({ mode = 'signInOrUp', isDismissable = false, onDismiss
     <NativeClerkAuthView
       style={{ flex: 1 }}
       mode={mode}
-      isDismissable={isDismissable}
+      isDismissible={isDismissible}
       onAuthEvent={handleAuthEvent}
     />
   );
diff --git a/packages/expo/src/native/AuthView.types.ts b/packages/expo/src/native/AuthView.types.ts
@@ -36,7 +36,7 @@ export interface AuthViewProps {
    *
    * @default false
    */
-  isDismissable?: boolean;
+  isDismissible?: boolean;
 
   /**
    * Called when the user dismisses the native authentication view.
diff --git a/packages/expo/src/native/UserProfileView.tsx b/packages/expo/src/native/UserProfileView.tsx
@@ -17,7 +17,7 @@ export interface UserProfileViewProps {
    *
    * @default false
    */
-  isDismissable?: boolean;
+  isDismissible?: boolean;
 
   /**
    * Style applied to the container view.
@@ -60,7 +60,7 @@ export interface UserProfileViewProps {
  *
  * @see {@link https://clerk.com/docs/components/user/user-profile} Clerk UserProfile Documentation
  */
-export function UserProfileView({ isDismissable = false, style, onDismiss }: UserProfileViewProps) {
+export function UserProfileView({ isDismissible = false, style, onDismiss }: UserProfileViewProps) {
   const handleProfileEvent = useCallback(
     (event: { nativeEvent: { type: string } }) => {
       if (event.nativeEvent.type === 'dismissed') {
@@ -85,7 +85,7 @@ export function UserProfileView({ isDismissable = false, style, onDismiss }: Use
   return (
     <NativeClerkUserProfileView
       style={[styles.container, style]}
-      isDismissable={isDismissable}
+      isDismissible={isDismissible}
       onProfileEvent={handleProfileEvent}
     />
   );
diff --git a/packages/expo/src/specs/NativeClerkAuthView.ts b/packages/expo/src/specs/NativeClerkAuthView.ts
@@ -9,7 +9,7 @@ type AuthEvent = Readonly<{ type: string }>;
 
 interface NativeProps extends ViewProps {
   mode?: string;
-  isDismissable?: boolean;
+  isDismissible?: boolean;
   onAuthEvent?: BubblingEventHandler<AuthEvent>;
 }
 
diff --git a/packages/expo/src/specs/NativeClerkUserProfileView.ts b/packages/expo/src/specs/NativeClerkUserProfileView.ts
@@ -8,7 +8,7 @@ import type { BubblingEventHandler } from 'react-native/Libraries/Types/CodegenT
 type ProfileEvent = Readonly<{ type: string }>;
 
 interface NativeProps extends ViewProps {
-  isDismissable?: boolean;
+  isDismissible?: boolean;
   onProfileEvent?: BubblingEventHandler<ProfileEvent>;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -21,9 +21,9 @@ class ClerkAuthViewManager : SimpleViewManager<ClerkAuthNativeView>(),`
`21`	`21`	`view.setupView()`
`22`	`22`	`}`
`23`	`23`
`24`		`- @ReactProp(name = "isDismissable")`
`25`		`- override fun setIsDismissable(view: ClerkAuthNativeView, isDismissable: Boolean) {`
`26`		`- view.isDismissable = isDismissable`
	`24`	`+ @ReactProp(name = "isDismissible")`
	`25`	`+ override fun setIsDismissible(view: ClerkAuthNativeView, isDismissible: Boolean) {`
	`26`	`+ view.isDismissible = isDismissible`
`27`	`27`	`view.setupView()`
`28`	`28`	`}`
`29`	`29`
Original file line number	Diff line number	Diff line change
`@@ -15,9 +15,9 @@ class ClerkUserProfileViewManager : SimpleViewManager<ClerkUserProfileNativeView`
`15`	`15`	`return ClerkUserProfileNativeView(reactContext)`
`16`	`16`	`}`
`17`	`17`
`18`		`- @ReactProp(name = "isDismissable")`
`19`		`- override fun setIsDismissable(view: ClerkUserProfileNativeView, isDismissable: Boolean) {`
`20`		`- view.isDismissable = isDismissable`
	`18`	`+ @ReactProp(name = "isDismissible")`
	`19`	`+ override fun setIsDismissible(view: ClerkUserProfileNativeView, isDismissible: Boolean) {`
	`20`	`+ view.isDismissible = isDismissible`
`21`	`21`	`view.setupView()`
`22`	`22`	`}`
`23`	`23`