@clerk/expo-native-components 0.0.0-stage → 0.0.1

package/dist/specs/NativeClerkAuthView.js

@@ -0,0 +1,9 @@
+let react_native = require("react-native");
+let expo = require("expo");
+
+//#region src/specs/NativeClerkAuthView.ts
+const NativeClerkAuthView = react_native.Platform.OS === "ios" || react_native.Platform.OS === "android" ? (0, expo.requireNativeView)("ClerkAuthView") : null;
+
+//#endregion
+module.exports = NativeClerkAuthView;
+//# sourceMappingURL=NativeClerkAuthView.js.map

package/dist/specs/NativeClerkAuthView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeClerkAuthView.js","names":["Platform"],"sources":["../../src/specs/NativeClerkAuthView.ts"],"sourcesContent":["import { requireNativeView } from 'expo';\nimport type { NativeSyntheticEvent, ViewProps } from 'react-native';\nimport { Platform } from 'react-native';\n\ntype AuthEvent = Readonly<{ type: string }>;\n\ninterface NativeProps extends ViewProps {\n  mode?: string;\n  isDismissible?: boolean;\n  logoMaxHeight?: number;\n  hostBackButton?: boolean;\n  onAuthEvent?: (event: NativeSyntheticEvent<AuthEvent>) => void;\n  onHostBack?: (event: NativeSyntheticEvent<object>) => void;\n}\n\nconst NativeClerkAuthView =\n  Platform.OS === 'ios' || Platform.OS === 'android' ? requireNativeView<NativeProps>('ClerkAuthView') : null;\n\nexport default NativeClerkAuthView;\n"],"mappings":";;;;AAeA,MAAM,sBACJA,sBAAS,OAAO,SAASA,sBAAS,OAAO,wCAA2C,eAAe,IAAI"}

package/dist/specs/NativeClerkModule.d.ts

@@ -0,0 +1,4 @@
+import type { Spec } from './NativeClerkModule.types';
+declare const _default: Spec | null;
+export default _default;
+//# sourceMappingURL=NativeClerkModule.d.ts.map

package/dist/specs/NativeClerkModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeClerkModule.d.ts","sourceRoot":"","sources":["../../src/specs/NativeClerkModule.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;;AAGtD,wBAA8D"}

package/dist/specs/NativeClerkModule.js

@@ -0,0 +1,8 @@
+let expo = require("expo");
+
+//#region src/specs/NativeClerkModule.ts
+var NativeClerkModule_default = (0, expo.requireOptionalNativeModule)("ClerkExpo");
+
+//#endregion
+module.exports = NativeClerkModule_default;
+//# sourceMappingURL=NativeClerkModule.js.map

package/dist/specs/NativeClerkModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeClerkModule.js","names":[],"sources":["../../src/specs/NativeClerkModule.ts"],"sourcesContent":["import { requireOptionalNativeModule } from 'expo';\n\nimport type { Spec } from './NativeClerkModule.types';\n\n// Optional so it resolves to null in Expo Go instead of throwing at import time.\nexport default requireOptionalNativeModule<Spec>('ClerkExpo');\n"],"mappings":";;;AAKA,sEAAiD,WAAW"}

package/dist/specs/NativeClerkModule.types.d.ts

@@ -0,0 +1,11 @@
+export type NativeAuthFlowState = {
+    isLoaded: boolean;
+    isAuthFlowComplete: boolean;
+};
+export interface Spec {
+    addListener?(eventName: string, listener?: (...args: unknown[]) => void): {
+        remove: () => void;
+    };
+    getAuthFlowState?(): Promise<NativeAuthFlowState>;
+}
+//# sourceMappingURL=NativeClerkModule.types.d.ts.map

package/dist/specs/NativeClerkModule.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeClerkModule.types.d.ts","sourceRoot":"","sources":["../../src/specs/NativeClerkModule.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,IAAI;IACnB,WAAW,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,GAAG;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACjG,gBAAgB,CAAC,IAAI,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACnD"}

package/dist/specs/NativeClerkModule.web.d.ts

@@ -0,0 +1,4 @@
+import type { Spec } from './NativeClerkModule.types';
+declare const _default: Spec | null;
+export default _default;
+//# sourceMappingURL=NativeClerkModule.web.d.ts.map

package/dist/specs/NativeClerkModule.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeClerkModule.web.d.ts","sourceRoot":"","sources":["../../src/specs/NativeClerkModule.web.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;wBAE/B,IAAI,GAAG,IAAI;AAAlC,wBAAmC"}

package/dist/specs/NativeClerkModule.web.js

@@ -0,0 +1,7 @@
+
+//#region src/specs/NativeClerkModule.web.ts
+var NativeClerkModule_web_default = null;
+
+//#endregion
+module.exports = NativeClerkModule_web_default;
+//# sourceMappingURL=NativeClerkModule.web.js.map

package/dist/specs/NativeClerkModule.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeClerkModule.web.js","names":[],"sources":["../../src/specs/NativeClerkModule.web.ts"],"sourcesContent":["import type { Spec } from './NativeClerkModule.types';\n\nexport default null as Spec | null;\n"],"mappings":";;AAEA,oCAAe"}

package/dist/specs/NativeClerkUserButtonView.android.d.ts

@@ -0,0 +1,6 @@
+import type { ViewProps } from 'react-native';
+interface NativeProps extends ViewProps {
+}
+declare const _default: import("react").ComponentType<NativeProps>;
+export default _default;
+//# sourceMappingURL=NativeClerkUserButtonView.android.d.ts.map

package/dist/specs/NativeClerkUserButtonView.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeClerkUserButtonView.android.d.ts","sourceRoot":"","sources":["../../src/specs/NativeClerkUserButtonView.android.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C,UAAU,WAAY,SAAQ,SAAS;CAAG;;AAE1C,wBAAqE"}

package/dist/specs/NativeClerkUserButtonView.android.js

@@ -0,0 +1,8 @@
+let expo = require("expo");
+
+//#region src/specs/NativeClerkUserButtonView.android.ts
+var NativeClerkUserButtonView_android_default = (0, expo.requireNativeView)("ClerkUserButtonView");
+
+//#endregion
+module.exports = NativeClerkUserButtonView_android_default;
+//# sourceMappingURL=NativeClerkUserButtonView.android.js.map

package/dist/specs/NativeClerkUserButtonView.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeClerkUserButtonView.android.js","names":[],"sources":["../../src/specs/NativeClerkUserButtonView.android.ts"],"sourcesContent":["import { requireNativeView } from 'expo';\nimport type { ViewProps } from 'react-native';\n\n// Codegen requires an interface declaration in the iOS spec; keep the Android\n// view prop shape identical for the shared React wrapper.\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface NativeProps extends ViewProps {}\n\nexport default requireNativeView<NativeProps>('ClerkUserButtonView');\n"],"mappings":";;;AAQA,4EAA8C,qBAAqB"}

package/dist/specs/NativeClerkUserButtonView.d.ts

@@ -0,0 +1,6 @@
+import type { ViewProps } from 'react-native';
+interface NativeProps extends ViewProps {
+}
+declare const NativeClerkUserButtonView: import("react").ComponentType<NativeProps> | null;
+export default NativeClerkUserButtonView;
+//# sourceMappingURL=NativeClerkUserButtonView.d.ts.map

package/dist/specs/NativeClerkUserButtonView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeClerkUserButtonView.d.ts","sourceRoot":"","sources":["../../src/specs/NativeClerkUserButtonView.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,UAAU,WAAY,SAAQ,SAAS;CAAG;AAE1C,QAAA,MAAM,yBAAyB,mDACoF,CAAC;AAEpH,eAAe,yBAAyB,CAAC"}

package/dist/specs/NativeClerkUserButtonView.js

@@ -0,0 +1,9 @@
+let react_native = require("react-native");
+let expo = require("expo");
+
+//#region src/specs/NativeClerkUserButtonView.ts
+const NativeClerkUserButtonView = react_native.Platform.OS === "ios" || react_native.Platform.OS === "android" ? (0, expo.requireNativeView)("ClerkUserButtonView") : null;
+
+//#endregion
+module.exports = NativeClerkUserButtonView;
+//# sourceMappingURL=NativeClerkUserButtonView.js.map

package/dist/specs/NativeClerkUserButtonView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeClerkUserButtonView.js","names":["Platform"],"sources":["../../src/specs/NativeClerkUserButtonView.ts"],"sourcesContent":["import { requireNativeView } from 'expo';\nimport type { ViewProps } from 'react-native';\nimport { Platform } from 'react-native';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface NativeProps extends ViewProps {}\n\nconst NativeClerkUserButtonView =\n  Platform.OS === 'ios' || Platform.OS === 'android' ? requireNativeView<NativeProps>('ClerkUserButtonView') : null;\n\nexport default NativeClerkUserButtonView;\n"],"mappings":";;;;AAOA,MAAM,4BACJA,sBAAS,OAAO,SAASA,sBAAS,OAAO,wCAA2C,qBAAqB,IAAI"}

package/dist/specs/NativeClerkUserProfileView.android.d.ts

@@ -0,0 +1,13 @@
+import type { NativeSyntheticEvent, ViewProps } from 'react-native';
+type ProfileEvent = Readonly<{
+    type: string;
+}>;
+interface NativeProps extends ViewProps {
+    isDismissible?: boolean;
+    hostBackButton?: boolean;
+    onProfileEvent?: (event: NativeSyntheticEvent<ProfileEvent>) => void;
+    onHostBack?: (event: NativeSyntheticEvent<object>) => void;
+}
+declare const _default: import("react").ComponentType<NativeProps>;
+export default _default;
+//# sourceMappingURL=NativeClerkUserProfileView.android.d.ts.map

package/dist/specs/NativeClerkUserProfileView.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeClerkUserProfileView.android.d.ts","sourceRoot":"","sources":["../../src/specs/NativeClerkUserProfileView.android.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,KAAK,YAAY,GAAG,QAAQ,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE/C,UAAU,WAAY,SAAQ,SAAS;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACrE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAC5D;;AAED,wBAAsE"}

package/dist/specs/NativeClerkUserProfileView.android.js

@@ -0,0 +1,8 @@
+let expo = require("expo");
+
+//#region src/specs/NativeClerkUserProfileView.android.ts
+var NativeClerkUserProfileView_android_default = (0, expo.requireNativeView)("ClerkUserProfileView");
+
+//#endregion
+module.exports = NativeClerkUserProfileView_android_default;
+//# sourceMappingURL=NativeClerkUserProfileView.android.js.map

package/dist/specs/NativeClerkUserProfileView.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeClerkUserProfileView.android.js","names":[],"sources":["../../src/specs/NativeClerkUserProfileView.android.ts"],"sourcesContent":["import { requireNativeView } from 'expo';\nimport type { NativeSyntheticEvent, ViewProps } from 'react-native';\n\ntype ProfileEvent = Readonly<{ type: string }>;\n\ninterface NativeProps extends ViewProps {\n  isDismissible?: boolean;\n  hostBackButton?: boolean;\n  onProfileEvent?: (event: NativeSyntheticEvent<ProfileEvent>) => void;\n  onHostBack?: (event: NativeSyntheticEvent<object>) => void;\n}\n\nexport default requireNativeView<NativeProps>('ClerkUserProfileView');\n"],"mappings":";;;AAYA,6EAA8C,sBAAsB"}

package/dist/specs/NativeClerkUserProfileView.d.ts

@@ -0,0 +1,13 @@
+import type { NativeSyntheticEvent, ViewProps } from 'react-native';
+type ProfileEvent = Readonly<{
+    type: string;
+}>;
+interface NativeProps extends ViewProps {
+    isDismissible?: boolean;
+    hostBackButton?: boolean;
+    onProfileEvent?: (event: NativeSyntheticEvent<ProfileEvent>) => void;
+    onHostBack?: (event: NativeSyntheticEvent<object>) => void;
+}
+declare const NativeClerkUserProfileView: import("react").ComponentType<NativeProps> | null;
+export default NativeClerkUserProfileView;
+//# sourceMappingURL=NativeClerkUserProfileView.d.ts.map

package/dist/specs/NativeClerkUserProfileView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeClerkUserProfileView.d.ts","sourceRoot":"","sources":["../../src/specs/NativeClerkUserProfileView.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,KAAK,YAAY,GAAG,QAAQ,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE/C,UAAU,WAAY,SAAQ,SAAS;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACrE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,QAAA,MAAM,0BAA0B,mDACoF,CAAC;AAErH,eAAe,0BAA0B,CAAC"}

package/dist/specs/NativeClerkUserProfileView.js

@@ -0,0 +1,9 @@
+let react_native = require("react-native");
+let expo = require("expo");
+
+//#region src/specs/NativeClerkUserProfileView.ts
+const NativeClerkUserProfileView = react_native.Platform.OS === "ios" || react_native.Platform.OS === "android" ? (0, expo.requireNativeView)("ClerkUserProfileView") : null;
+
+//#endregion
+module.exports = NativeClerkUserProfileView;
+//# sourceMappingURL=NativeClerkUserProfileView.js.map

package/dist/specs/NativeClerkUserProfileView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeClerkUserProfileView.js","names":["Platform"],"sources":["../../src/specs/NativeClerkUserProfileView.ts"],"sourcesContent":["import { requireNativeView } from 'expo';\nimport type { NativeSyntheticEvent, ViewProps } from 'react-native';\nimport { Platform } from 'react-native';\n\ntype ProfileEvent = Readonly<{ type: string }>;\n\ninterface NativeProps extends ViewProps {\n  isDismissible?: boolean;\n  hostBackButton?: boolean;\n  onProfileEvent?: (event: NativeSyntheticEvent<ProfileEvent>) => void;\n  onHostBack?: (event: NativeSyntheticEvent<object>) => void;\n}\n\nconst NativeClerkUserProfileView =\n  Platform.OS === 'ios' || Platform.OS === 'android' ? requireNativeView<NativeProps>('ClerkUserProfileView') : null;\n\nexport default NativeClerkUserProfileView;\n"],"mappings":";;;;AAaA,MAAM,6BACJA,sBAAS,OAAO,SAASA,sBAAS,OAAO,wCAA2C,sBAAsB,IAAI"}

package/dist/useAuthViewState.d.ts

@@ -0,0 +1,12 @@
+import type { NativeAuthFlowState } from './specs/NativeClerkModule.types';
+export type UseAuthViewStateReturn = NativeAuthFlowState;
+/**
+ * Reports when authentication and an optional biometric-credential enrollment prompt are complete.
+ *
+ * Use this hook when biometric-credential enrollment prompts are enabled and a
+ * non-dismissible root `AuthView` must remain mounted until the prompt finishes.
+ * On platforms without native auth-flow completion state, it falls back to the
+ * JS session state.
+ */
+export declare function useAuthViewState(): UseAuthViewStateReturn;
+//# sourceMappingURL=useAuthViewState.d.ts.map

package/dist/useAuthViewState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuthViewState.d.ts","sourceRoot":"","sources":["../src/useAuthViewState.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAK3E,MAAM,MAAM,sBAAsB,GAAG,mBAAmB,CAAC;AA2BzD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,IAAI,sBAAsB,CA4EzD"}

package/dist/useAuthViewState.js

@@ -0,0 +1,76 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let react = require("react");
+let src_utils_native_module = require("./utils/native-module");
+let _clerk_react = require("@clerk/react");
+
+//#region src/useAuthViewState.ts
+const nativeAuthFlowChangedEvent = "clerkNativeAuthFlowChanged";
+const initialNativeState = {
+	isLoaded: false,
+	isAuthFlowComplete: false
+};
+function getNativeAuthFlowModule() {
+	if (src_utils_native_module.ClerkExpoModule && typeof src_utils_native_module.ClerkExpoModule.addListener === "function" && typeof src_utils_native_module.ClerkExpoModule.getAuthFlowState === "function") return src_utils_native_module.ClerkExpoModule;
+	return null;
+}
+function isNativeAuthFlowState(state) {
+	return typeof state?.isLoaded === "boolean" && typeof state.isAuthFlowComplete === "boolean";
+}
+/**
+* Reports when authentication and an optional biometric-credential enrollment prompt are complete.
+*
+* Use this hook when biometric-credential enrollment prompts are enabled and a
+* non-dismissible root `AuthView` must remain mounted until the prompt finishes.
+* On platforms without native auth-flow completion state, it falls back to the
+* JS session state.
+*/
+function useAuthViewState() {
+	const { isLoaded: isJsLoaded, isSignedIn } = (0, _clerk_react.useAuth)({ treatPendingAsSignedOut: false });
+	const [nativeState, setNativeState] = (0, react.useState)(initialNativeState);
+	const [useJsFallback, setUseJsFallback] = (0, react.useState)(false);
+	const nativeModule = getNativeAuthFlowModule();
+	(0, react.useEffect)(() => {
+		if (!nativeModule) {
+			setUseJsFallback(true);
+			return;
+		}
+		let isMounted = true;
+		let didReceiveEvent = false;
+		let subscription;
+		setUseJsFallback(false);
+		try {
+			subscription = nativeModule.addListener(nativeAuthFlowChangedEvent, (state) => {
+				if (!isNativeAuthFlowState(state)) return;
+				didReceiveEvent = true;
+				setNativeState(state);
+				setUseJsFallback(false);
+			});
+			nativeModule.getAuthFlowState().then((state) => {
+				if (!isMounted || didReceiveEvent) return;
+				if (isNativeAuthFlowState(state)) setNativeState(state);
+				else setUseJsFallback(true);
+			}).catch((error) => {
+				if (!isMounted || didReceiveEvent) return;
+				setUseJsFallback(true);
+			});
+		} catch (error) {
+			setUseJsFallback(true);
+		}
+		return () => {
+			isMounted = false;
+			subscription?.remove();
+		};
+	}, [nativeModule]);
+	if (!nativeModule || useJsFallback) return {
+		isLoaded: isJsLoaded,
+		isAuthFlowComplete: Boolean(isJsLoaded && isSignedIn)
+	};
+	return {
+		isLoaded: Boolean(isJsLoaded && nativeState.isLoaded),
+		isAuthFlowComplete: Boolean(isJsLoaded && isSignedIn && nativeState.isAuthFlowComplete)
+	};
+}
+
+//#endregion
+exports.useAuthViewState = useAuthViewState;
+//# sourceMappingURL=useAuthViewState.js.map

package/dist/useAuthViewState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuthViewState.js","names":["ClerkExpo"],"sources":["../src/useAuthViewState.ts"],"sourcesContent":["import { useAuth } from '@clerk/react';\nimport { useEffect, useState } from 'react';\n\nimport type { NativeAuthFlowState } from './specs/NativeClerkModule.types';\nimport { ClerkExpoModule as ClerkExpo } from './utils/native-module';\n\nconst nativeAuthFlowChangedEvent = 'clerkNativeAuthFlowChanged';\n\nexport type UseAuthViewStateReturn = NativeAuthFlowState;\n\ntype NativeAuthFlowEventEmitter = {\n  addListener(\n    eventName: typeof nativeAuthFlowChangedEvent,\n    listener: (state?: NativeAuthFlowState) => void,\n  ): { remove: () => void };\n  getAuthFlowState(): Promise<NativeAuthFlowState>;\n};\n\nconst initialNativeState: NativeAuthFlowState = {\n  isLoaded: false,\n  isAuthFlowComplete: false,\n};\n\nfunction getNativeAuthFlowModule(): NativeAuthFlowEventEmitter | null {\n  if (ClerkExpo && typeof ClerkExpo.addListener === 'function' && typeof ClerkExpo.getAuthFlowState === 'function') {\n    return ClerkExpo as NativeAuthFlowEventEmitter;\n  }\n\n  return null;\n}\n\nfunction isNativeAuthFlowState(state: NativeAuthFlowState | undefined): state is NativeAuthFlowState {\n  return typeof state?.isLoaded === 'boolean' && typeof state.isAuthFlowComplete === 'boolean';\n}\n\n/**\n * Reports when authentication and an optional biometric-credential enrollment prompt are complete.\n *\n * Use this hook when biometric-credential enrollment prompts are enabled and a\n * non-dismissible root `AuthView` must remain mounted until the prompt finishes.\n * On platforms without native auth-flow completion state, it falls back to the\n * JS session state.\n */\nexport function useAuthViewState(): UseAuthViewStateReturn {\n  const { isLoaded: isJsLoaded, isSignedIn } = useAuth({ treatPendingAsSignedOut: false });\n  const [nativeState, setNativeState] = useState(initialNativeState);\n  const [useJsFallback, setUseJsFallback] = useState(false);\n  const nativeModule = getNativeAuthFlowModule();\n\n  useEffect(() => {\n    if (!nativeModule) {\n      setUseJsFallback(true);\n      return;\n    }\n\n    let isMounted = true;\n    let didReceiveEvent = false;\n    let subscription: { remove: () => void } | undefined;\n\n    setUseJsFallback(false);\n\n    try {\n      subscription = nativeModule.addListener(nativeAuthFlowChangedEvent, state => {\n        if (!isNativeAuthFlowState(state)) {\n          return;\n        }\n\n        didReceiveEvent = true;\n        setNativeState(state);\n        setUseJsFallback(false);\n      });\n\n      void nativeModule\n        .getAuthFlowState()\n        .then(state => {\n          if (!isMounted || didReceiveEvent) {\n            return;\n          }\n\n          if (isNativeAuthFlowState(state)) {\n            setNativeState(state);\n          } else {\n            setUseJsFallback(true);\n          }\n        })\n        .catch(error => {\n          if (!isMounted || didReceiveEvent) {\n            return;\n          }\n\n          setUseJsFallback(true);\n          if (__DEV__) {\n            console.error('[useAuthViewState] Failed to get native auth-flow state:', error);\n          }\n        });\n    } catch (error) {\n      setUseJsFallback(true);\n      if (__DEV__) {\n        console.error('[useAuthViewState] Failed to observe native auth-flow state:', error);\n      }\n    }\n\n    return () => {\n      isMounted = false;\n      subscription?.remove();\n    };\n  }, [nativeModule]);\n\n  if (!nativeModule || useJsFallback) {\n    return {\n      isLoaded: isJsLoaded,\n      isAuthFlowComplete: Boolean(isJsLoaded && isSignedIn),\n    };\n  }\n\n  return {\n    isLoaded: Boolean(isJsLoaded && nativeState.isLoaded),\n    isAuthFlowComplete: Boolean(isJsLoaded && isSignedIn && nativeState.isAuthFlowComplete),\n  };\n}\n"],"mappings":";;;;;;AAMA,MAAM,6BAA6B;AAYnC,MAAM,qBAA0C;CAC9C,UAAU;CACV,oBAAoB;AACtB;AAEA,SAAS,0BAA6D;CACpE,IAAIA,2CAAa,OAAOA,wCAAU,gBAAgB,cAAc,OAAOA,wCAAU,qBAAqB,YACpG,OAAOA;CAGT,OAAO;AACT;AAEA,SAAS,sBAAsB,OAAsE;CACnG,OAAO,OAAO,OAAO,aAAa,aAAa,OAAO,MAAM,uBAAuB;AACrF;;;;;;;;;AAUA,SAAgB,mBAA2C;CACzD,MAAM,EAAE,UAAU,YAAY,yCAAuB,EAAE,yBAAyB,MAAM,CAAC;CACvF,MAAM,CAAC,aAAa,sCAA2B,kBAAkB;CACjE,MAAM,CAAC,eAAe,wCAA6B,KAAK;CACxD,MAAM,eAAe,wBAAwB;CAE7C,2BAAgB;EACd,IAAI,CAAC,cAAc;GACjB,iBAAiB,IAAI;GACrB;EACF;EAEA,IAAI,YAAY;EAChB,IAAI,kBAAkB;EACtB,IAAI;EAEJ,iBAAiB,KAAK;EAEtB,IAAI;GACF,eAAe,aAAa,YAAY,6BAA4B,UAAS;IAC3E,IAAI,CAAC,sBAAsB,KAAK,GAC9B;IAGF,kBAAkB;IAClB,eAAe,KAAK;IACpB,iBAAiB,KAAK;GACxB,CAAC;GAED,AAAK,aACF,iBAAiB,CAAC,CAClB,MAAK,UAAS;IACb,IAAI,CAAC,aAAa,iBAChB;IAGF,IAAI,sBAAsB,KAAK,GAC7B,eAAe,KAAK;SAEpB,iBAAiB,IAAI;GAEzB,CAAC,CAAC,CACD,OAAM,UAAS;IACd,IAAI,CAAC,aAAa,iBAChB;IAGF,iBAAiB,IAAI;GAIvB,CAAC;EACL,SAAS,OAAO;GACd,iBAAiB,IAAI;EAIvB;EAEA,aAAa;GACX,YAAY;GACZ,cAAc,OAAO;EACvB;CACF,GAAG,CAAC,YAAY,CAAC;CAEjB,IAAI,CAAC,gBAAgB,eACnB,OAAO;EACL,UAAU;EACV,oBAAoB,QAAQ,cAAc,UAAU;CACtD;CAGF,OAAO;EACL,UAAU,QAAQ,cAAc,YAAY,QAAQ;EACpD,oBAAoB,QAAQ,cAAc,cAAc,YAAY,kBAAkB;CACxF;AACF"}

package/dist/utils/native-module.d.ts

@@ -0,0 +1,3 @@
+export declare const isNativeSupported: boolean;
+export declare const ClerkExpoModule: import("../specs/NativeClerkModule.types").Spec | null;
+//# sourceMappingURL=native-module.d.ts.map

package/dist/utils/native-module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-module.d.ts","sourceRoot":"","sources":["../../src/utils/native-module.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,SAAqD,CAAC;AAEpF,eAAO,MAAM,eAAe,wDAA+C,CAAC"}

package/dist/utils/native-module.js

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.js');
+let react_native = require("react-native");
+let src_specs_NativeClerkModule = require("../specs/NativeClerkModule");
+src_specs_NativeClerkModule = require_runtime.__toESM(src_specs_NativeClerkModule);
+
+//#region src/utils/native-module.ts
+const isNativeSupported = react_native.Platform.OS === "ios" || react_native.Platform.OS === "android";
+const ClerkExpoModule = isNativeSupported ? src_specs_NativeClerkModule.default : null;
+
+//#endregion
+exports.ClerkExpoModule = ClerkExpoModule;
+exports.isNativeSupported = isNativeSupported;
+//# sourceMappingURL=native-module.js.map

package/dist/utils/native-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-module.js","names":["Platform","NativeClerkModule"],"sources":["../../src/utils/native-module.ts"],"sourcesContent":["import { Platform } from 'react-native';\n\nimport NativeClerkModule from '../specs/NativeClerkModule';\n\nexport const isNativeSupported = Platform.OS === 'ios' || Platform.OS === 'android';\n\nexport const ClerkExpoModule = isNativeSupported ? NativeClerkModule : null;\n"],"mappings":";;;;;;;AAIA,MAAa,oBAAoBA,sBAAS,OAAO,SAASA,sBAAS,OAAO;AAE1E,MAAa,kBAAkB,oBAAoBC,sCAAoB"}

package/expo-module.config.json

@@ -0,0 +1,15 @@
+{
+  "platforms": ["apple", "android"],
+  "apple": {
+    "modules": ["ClerkExpoModule", "ClerkAuthViewModule", "ClerkUserProfileViewModule", "ClerkUserButtonViewModule"],
+    "appDelegateSubscribers": ["ClerkAppDelegateSubscriber"]
+  },
+  "android": {
+    "modules": [
+      "expo.modules.clerk.ClerkExpoModule",
+      "expo.modules.clerk.ClerkAuthViewModule",
+      "expo.modules.clerk.ClerkUserProfileViewModule",
+      "expo.modules.clerk.ClerkUserButtonViewModule"
+    ]
+  }
+}

package/ios/ClerkAppDelegateSubscriber.swift

@@ -0,0 +1,16 @@
+// ClerkAppDelegateSubscriber - Forwards inbound URLs to the native Clerk SDK.
+
+import ExpoModulesCore
+import UIKit
+
+public class ClerkAppDelegateSubscriber: ExpoAppDelegateSubscriber {
+  public func application(
+    _ app: UIApplication,
+    open url: URL,
+    options: [UIApplication.OpenURLOptionsKey: Any] = [:]
+  ) -> Bool {
+    ClerkNativeBridge.shared.handle(url: url)
+    // Returning false leaves the URL available to React Native's Linking.
+    return false
+  }
+}

package/ios/ClerkAuthNativeView.swift

@@ -0,0 +1,157 @@
+import ExpoModulesCore
+import UIKit
+
+public class ClerkAuthNativeView: ClerkNativeViewHost {
+  private var currentMode: String = "signInOrUp"
+  private var currentDismissible: Bool = true
+  private var currentLogoMaxHeight: CGFloat?
+  private let logoState = ClerkInlineAuthLogoState()
+  private var logoBoundsObservation: NSKeyValueObservation?
+  private var currentHostBackButton: Bool = false
+  private var didSendDismiss = false
+
+  let onAuthEvent = EventDispatcher()
+  let onHostBack = EventDispatcher()
+
+  func setMode(_ mode: String?) {
+    let newMode = mode ?? "signInOrUp"
+    guard newMode != currentMode else { return }
+    currentMode = newMode
+    setNeedsHostedViewUpdate()
+  }
+
+  func setDismissible(_ isDismissible: Bool?) {
+    let newDismissible = isDismissible ?? true
+    guard newDismissible != currentDismissible else { return }
+    currentDismissible = newDismissible
+    setNeedsHostedViewUpdate()
+  }
+
+  func setLogoMaxHeight(_ logoMaxHeight: CGFloat?) {
+    guard logoMaxHeight != currentLogoMaxHeight else { return }
+    currentLogoMaxHeight = logoMaxHeight
+    setNeedsHostedViewUpdate()
+  }
+
+  func setHostBackButton(_ hostBackButton: Bool?) {
+    let newHostBackButton = hostBackButton ?? false
+    guard newHostBackButton != currentHostBackButton else { return }
+    currentHostBackButton = newHostBackButton
+    setNeedsHostedViewUpdate()
+  }
+
+  private func sendAuthEvent(type: ClerkNativeViewEvent) {
+    onAuthEvent(["type": type.rawValue])
+  }
+
+  private func sendDismiss() {
+    guard !didSendDismiss else { return }
+    didSendDismiss = true
+    sendAuthEvent(type: .dismissed)
+  }
+
+  override func hostedViewDidAttachToWindow() {
+    didSendDismiss = false
+  }
+
+  override func hostedViewDidDetachFromWindow() {
+    // SwiftUI dismissals detach the hosted view without calling UIKit dismiss().
+    // A non-dismissible view never self-dismisses, so a detach there is the host
+    // tearing the view down rather than a dismissal to report.
+    guard currentDismissible else { return }
+    sendDismiss()
+  }
+
+  override public func layoutSubviews() {
+    super.layoutSubviews()
+    guard let logoView = logoState.content?.view else { return }
+    logoState.updateSize(for: logoView)
+  }
+
+#if RCT_NEW_ARCH_ENABLED
+  override public func mountChildComponentView(_ childComponentView: UIView, index: Int) {
+    setLogoView(childComponentView)
+  }
+
+  override public func unmountChildComponentView(_ childComponentView: UIView, index: Int) {
+    removeLogoView(childComponentView)
+  }
+#else
+  override public func insertReactSubview(_ subview: UIView!, at atIndex: Int) {
+    super.insertReactSubview(subview, at: atIndex)
+    setLogoView(subview)
+  }
+
+  override public func removeReactSubview(_ subview: UIView!) {
+    removeLogoView(subview)
+    super.removeReactSubview(subview)
+  }
+
+  override public func didUpdateReactSubviews() {}
+#endif
+
+  private func setLogoView(_ view: UIView) {
+    guard logoState.content?.view !== view else { return }
+    logoBoundsObservation = nil
+    logoState.setView(view)
+    logoBoundsObservation = view.observe(\.bounds, options: [.new]) { [weak self, weak view] _, _ in
+      DispatchQueue.main.async { [weak self, weak view] in
+        guard let self, let view, self.logoState.content?.view === view else { return }
+        self.logoState.updateSize(for: view)
+      }
+    }
+  }
+
+  private func removeLogoView(_ view: UIView) {
+    guard logoState.content?.view === view else { return }
+    logoBoundsObservation = nil
+    view.removeFromSuperview()
+    logoState.removeView(view)
+  }
+
+  override func makeHostedController() -> UIViewController? {
+    let hostBackAction: (() -> Void)? = currentHostBackButton
+      ? { [weak self] in self?.onHostBack([:]) }
+      : nil
+
+    return ClerkNativeBridge.shared.makeAuthViewController(
+      mode: currentMode,
+      dismissible: currentDismissible,
+      logoState: logoState,
+      logoMaxHeight: currentLogoMaxHeight,
+      hostBackAction: hostBackAction,
+      onEvent: { [weak self] event, _ in
+        if event == .dismissed {
+          self?.sendDismiss()
+        }
+      }
+    )
+  }
+}
+
+public class ClerkAuthViewModule: Module {
+  public func definition() -> ModuleDefinition {
+    Name("ClerkAuthView")
+
+    View(ClerkAuthNativeView.self) {
+      Events("onAuthEvent", "onHostBack")
+
+      Prop("mode") { (view: ClerkAuthNativeView, mode: String?) in
+        view.setMode(mode)
+      }
+
+      Prop("isDismissible") { (view: ClerkAuthNativeView, isDismissible: Bool?) in
+        view.setDismissible(isDismissible)
+      }
+
+      Prop("logoMaxHeight") { (view: ClerkAuthNativeView, logoMaxHeight: CGFloat?) in
+        view.setLogoMaxHeight(logoMaxHeight)
+      }
+
+      Prop("hostBackButton") { (view: ClerkAuthNativeView, hostBackButton: Bool?) in
+        view.setHostBackButton(hostBackButton)
+      }
+
+    }
+  }
+}

package/ios/ClerkExpo.podspec

@@ -0,0 +1,67 @@
+require 'json'
+
+# Find package.json by following symlinks if necessary
+package_json_path = File.join(__dir__, '..', 'package.json')
+package_json_path = File.join(File.readlink(__dir__), '..', 'package.json') if File.symlink?(__dir__)
+
+# Fallback to hardcoded values if package.json is not found
+if File.exist?(package_json_path)
+  package = JSON.parse(File.read(package_json_path))
+else
+  package = {
+    'version' => '0.0.0-FALLBACK',
+    'description' => 'Clerk React Native/Expo library',
+    'license' => 'MIT',
+    'author' => 'Clerk',
+    'homepage' => 'https://clerk.com/'
+  }
+end
+
+clerk_ios_repo = 'https://github.com/clerk/clerk-ios.git'
+clerk_ios_version = '1.6.1'
+
+Pod::Spec.new do |s|
+  s.name           = 'ClerkExpo'
+  s.version        = package['version']
+  s.summary        = package['description']
+  s.license        = package['license']
+  s.author         = package['author']
+  s.homepage       = package['homepage']
+  # NOTE: Must match CLERK_MIN_IOS_VERSION in app.plugin.js
+  s.platforms      = { :ios => '17.0' }  # Clerk iOS SDK requires iOS 17
+  s.swift_version  = '5.10'
+  s.source         = { git: 'https://github.com/clerk/javascript' }
+  s.static_framework = true
+
+  s.dependency 'ExpoModulesCore'
+
+  s.pod_target_xcconfig = {
+    'DEFINES_MODULE' => 'YES',
+    'SWIFT_COMPILATION_MODE' => 'wholemodule'
+  }
+
+  if defined?(spm_dependency)
+    spm_dependency(
+      s,
+      url: clerk_ios_repo,
+      requirement: { :kind => 'exactVersion', :version => clerk_ios_version },
+      products: ['ClerkKit', 'ClerkKitUI']
+    )
+  else
+    raise 'ClerkExpo requires React Native 0.75 or newer for iOS Swift Package Manager dependencies.'
+  end
+
+  s.source_files = "ClerkNativeBridge.swift",
+                   "ClerkAppDelegateSubscriber.swift",
+                   "ClerkExpoModule.swift",
+                   "ClerkNativeViewHost.swift",
+                   "ClerkAuthNativeView.swift",
+                   "ClerkUserProfileNativeView.swift",
+                   "ClerkUserButtonNativeView.swift"
+
+  s.test_spec 'Tests' do |test_spec|
+    test_spec.source_files = 'Tests/**/*.swift'
+  end
+
+  install_modules_dependencies(s)
+end