@clerk/react 6.9.0 → 6.9.1-canary.v20260610190754

package/dist/index.cjs

@@ -0,0 +1,447 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_hooks = require('./hooks-CBghYU21.cjs');
+const require_useAssertWrappedByClerkProvider = require('./useAssertWrappedByClerkProvider-Cm0djUcB.cjs');
+const require_ClerkProvider = require('./ClerkProvider-9lxHp9j5.cjs');
+let react = require("react");
+let react$1 = require_hooks.__toESM(react, 1);
+react = require_hooks.__toESM(react);
+let react_dom = require("react-dom");
+react_dom = require_hooks.__toESM(react_dom, 1);
+let react_dom_client = require("react-dom/client");
+react_dom_client = require_hooks.__toESM(react_dom_client, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_hooks.__toESM(react_jsx_runtime, 1);
+let _clerk_shared_loadClerkJsScript = require("@clerk/shared/loadClerkJsScript");
+let _clerk_shared_react = require("@clerk/shared/react");
+let _clerk_shared_deprecated = require("@clerk/shared/deprecated");
+let _clerk_shared_getToken = require("@clerk/shared/getToken");
+
+//#region src/polyfills.ts
+/**
+* Vite does not define `global` by default
+* One workaround is to use the `define` config prop
+* https://vitejs.dev/config/#define
+* We are solving this in the SDK level to reduce setup steps.
+*/
+if (typeof window !== "undefined" && !window.global) window.global = typeof global === "undefined" ? window : global;
+
+//#endregion
+//#region ../ui/register/index.mjs
+/**
+* Register React dependencies for sharing with @clerk/ui's shared variant.
+*
+* Import this module BEFORE loading the ui.shared.browser.js bundle:
+*
+* ```js
+* import '@clerk/ui/register';
+* // Now load clerk-js which will load ui.shared.browser.js
+* ```
+*
+* This enables @clerk/ui to use the host app's React instead of bundling its own,
+* reducing the overall bundle size.
+*/
+if (globalThis.__clerkSharedModules) {
+	const existingVersion = globalThis.__clerkSharedModules.react?.version;
+	if (existingVersion && existingVersion !== react$1.version) console.warn(`[@clerk/ui/register] React version mismatch detected. Already registered: ${existingVersion}, current import: ${react$1.version}. This may cause issues with the shared @clerk/ui variant.`);
+} else globalThis.__clerkSharedModules = {
+	react: react$1,
+	"react-dom": react_dom,
+	"react-dom/client": react_dom_client,
+	"react/jsx-runtime": react_jsx_runtime
+};
+
+//#endregion
+//#region src/components/SignInButton.tsx
+const SignInButton = require_hooks.withClerk(({ clerk, children, ...props }) => {
+	const { appearance, getContainer, component, signUpFallbackRedirectUrl, forceRedirectUrl, fallbackRedirectUrl, signUpForceRedirectUrl, mode, initialValues, withSignUp, oauthFlow, ...rest } = props;
+	children = require_hooks.normalizeWithDefaultValue(children, "Sign in");
+	const child = require_hooks.assertSingleChild(children)("SignInButton");
+	const clickHandler = () => {
+		const opts = {
+			forceRedirectUrl,
+			fallbackRedirectUrl,
+			signUpFallbackRedirectUrl,
+			signUpForceRedirectUrl,
+			initialValues,
+			withSignUp,
+			oauthFlow
+		};
+		if (mode === "modal") return clerk.openSignIn({
+			...opts,
+			appearance,
+			getContainer
+		});
+		return clerk.redirectToSignIn({
+			...opts,
+			signInFallbackRedirectUrl: fallbackRedirectUrl,
+			signInForceRedirectUrl: forceRedirectUrl
+		});
+	};
+	const wrappedChildClickHandler = async (e) => {
+		if (child && typeof child === "object" && "props" in child) await require_hooks.safeExecute(child.props.onClick)(e);
+		return clickHandler();
+	};
+	const childProps = {
+		...rest,
+		onClick: wrappedChildClickHandler
+	};
+	return react.default.cloneElement(child, childProps);
+}, {
+	component: "SignInButton",
+	renderWhileLoading: true
+});
+
+//#endregion
+//#region src/components/SignInWithMetamaskButton.tsx
+const SignInWithMetamaskButton = require_hooks.withClerk(({ clerk, children, ...props }) => {
+	const { redirectUrl, getContainer, component, ...rest } = props;
+	children = require_hooks.normalizeWithDefaultValue(children, "Sign in with Metamask");
+	const child = require_hooks.assertSingleChild(children)("SignInWithMetamaskButton");
+	const clickHandler = async () => {
+		async function authenticate() {
+			await clerk.authenticateWithMetamask({ redirectUrl: redirectUrl || void 0 });
+		}
+		authenticate();
+	};
+	const wrappedChildClickHandler = async (e) => {
+		await require_hooks.safeExecute(child.props.onClick)(e);
+		return clickHandler();
+	};
+	const childProps = {
+		...rest,
+		onClick: wrappedChildClickHandler
+	};
+	return react.default.cloneElement(child, childProps);
+}, {
+	component: "SignInWithMetamask",
+	renderWhileLoading: true
+});
+
+//#endregion
+//#region src/components/SignOutButton.tsx
+const SignOutButton = require_hooks.withClerk(({ clerk, children, ...props }) => {
+	const { redirectUrl = "/", sessionId, signOutOptions, getContainer, component, ...rest } = props;
+	if (signOutOptions) (0, _clerk_shared_deprecated.deprecated)("SignOutButton `signOutOptions`", "Use the `redirectUrl` and `sessionId` props directly instead.");
+	children = require_hooks.normalizeWithDefaultValue(children, "Sign out");
+	const child = require_hooks.assertSingleChild(children)("SignOutButton");
+	const clickHandler = () => clerk.signOut({
+		redirectUrl,
+		...sessionId !== void 0 && { sessionId },
+		...signOutOptions
+	});
+	const wrappedChildClickHandler = async (e) => {
+		await require_hooks.safeExecute(child.props.onClick)(e);
+		return clickHandler();
+	};
+	const childProps = {
+		...rest,
+		onClick: wrappedChildClickHandler
+	};
+	return react.default.cloneElement(child, childProps);
+}, {
+	component: "SignOutButton",
+	renderWhileLoading: true
+});
+
+//#endregion
+//#region src/components/SignUpButton.tsx
+const SignUpButton = require_hooks.withClerk(({ clerk, children, ...props }) => {
+	const { appearance, unsafeMetadata, getContainer, component, fallbackRedirectUrl, forceRedirectUrl, signInFallbackRedirectUrl, signInForceRedirectUrl, mode, initialValues, oauthFlow, ...rest } = props;
+	children = require_hooks.normalizeWithDefaultValue(children, "Sign up");
+	const child = require_hooks.assertSingleChild(children)("SignUpButton");
+	const clickHandler = () => {
+		const opts = {
+			fallbackRedirectUrl,
+			forceRedirectUrl,
+			signInFallbackRedirectUrl,
+			signInForceRedirectUrl,
+			initialValues,
+			oauthFlow
+		};
+		if (mode === "modal") return clerk.openSignUp({
+			...opts,
+			appearance,
+			unsafeMetadata,
+			getContainer
+		});
+		return clerk.redirectToSignUp({
+			...opts,
+			signUpFallbackRedirectUrl: fallbackRedirectUrl,
+			signUpForceRedirectUrl: forceRedirectUrl
+		});
+	};
+	const wrappedChildClickHandler = async (e) => {
+		if (child && typeof child === "object" && "props" in child) await require_hooks.safeExecute(child.props.onClick)(e);
+		return clickHandler();
+	};
+	const childProps = {
+		...rest,
+		onClick: wrappedChildClickHandler
+	};
+	return react.default.cloneElement(child, childProps);
+}, {
+	component: "SignUpButton",
+	renderWhileLoading: true
+});
+
+//#endregion
+//#region src/components/HandleSSOCallback.tsx
+/**
+* Use this component when building custom UI to handle the SSO callback and navigate to the appropriate page based on
+* the status of the sign-in or sign-up. By default, this component might render a captcha element to handle captchas
+* when required by the Clerk API.
+*
+* @example
+* ```tsx
+* import { HandleSSOCallback } from '@clerk/react';
+* import { useNavigate } from 'react-router';
+*
+* export default function Page() {
+*   const navigate = useNavigate();
+*
+*   return (
+*     <HandleSSOCallback
+*       navigateToApp={({ session, decorateUrl }) => {
+*         if (session?.currentTask) {
+*           const destination = decorateUrl(`/onboarding/${session?.currentTask.key}`);
+*           if (destination.startsWith('http')) {
+*             window.location.href = destination;
+*             return;
+*           }
+*           navigate(destination);
+*           return;
+*         }
+*
+*         const destination = decorateUrl('/dashboard');
+*         if (destination.startsWith('http')) {
+*           window.location.href = destination;
+*           return;
+*         }
+*         navigate(destination);
+*       }}
+*       navigateToSignIn={() => {
+*         navigate('/sign-in');
+*       }}
+*       navigateToSignUp={() => {
+*         navigate('/sign-up');
+*       }}
+*     />
+*   );
+* }
+* ```
+*/
+function HandleSSOCallback(props) {
+	const { navigateToApp, navigateToSignIn, navigateToSignUp } = props;
+	const clerk = (0, _clerk_shared_react.useClerk)();
+	const { signIn } = require_hooks.useSignIn();
+	const { signUp } = require_hooks.useSignUp();
+	const hasRun = (0, react.useRef)(false);
+	(0, react.useEffect)(() => {
+		(async () => {
+			if (!clerk.loaded || hasRun.current) return;
+			hasRun.current = true;
+			if (signIn.status === "complete") {
+				await signIn.finalize({ navigate: async (...params) => {
+					navigateToApp(...params);
+				} });
+				return;
+			}
+			if (signUp.isTransferable) {
+				await signIn.create({ transfer: true });
+				if (signIn.status === "complete") {
+					await signIn.finalize({ navigate: async (...params) => {
+						navigateToApp(...params);
+					} });
+					return;
+				}
+				return navigateToSignIn();
+			}
+			if (signIn.status === "needs_first_factor" && !signIn.supportedFirstFactors?.every((f) => f.strategy === "enterprise_sso")) return navigateToSignIn();
+			if (signIn.isTransferable) {
+				await signUp.create({ transfer: true });
+				if (signUp.status === "complete") {
+					await signUp.finalize({ navigate: async (...params) => {
+						navigateToApp(...params);
+					} });
+					return;
+				}
+				return navigateToSignUp();
+			}
+			if (signUp.status === "complete") {
+				await signUp.finalize({ navigate: async (...params) => {
+					navigateToApp(...params);
+				} });
+				return;
+			}
+			if (signIn.status === "needs_second_factor" || signIn.status === "needs_new_password") return navigateToSignIn();
+			if (signIn.existingSession || signUp.existingSession) {
+				const sessionId = signIn.existingSession?.sessionId || signUp.existingSession?.sessionId;
+				if (sessionId) {
+					await clerk.setActive({
+						session: sessionId,
+						navigate: async (...params) => {
+							return navigateToApp(...params);
+						}
+					});
+					return;
+				}
+			}
+		})();
+	}, [
+		clerk,
+		clerk.loaded,
+		signIn,
+		signUp
+	]);
+	return /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement("div", { id: "clerk-captcha" }));
+}
+
+//#endregion
+//#region src/index.ts
+require_useAssertWrappedByClerkProvider.setErrorThrowerOptions({ packageName: "@clerk/react" });
+(0, _clerk_shared_loadClerkJsScript.setClerkJSLoadingErrorPackageName)("@clerk/react");
+
+//#endregion
+exports.APIKeys = require_hooks.APIKeys;
+exports.AuthenticateWithRedirectCallback = require_ClerkProvider.AuthenticateWithRedirectCallback;
+exports.ClerkDegraded = require_ClerkProvider.ClerkDegraded;
+exports.ClerkFailed = require_ClerkProvider.ClerkFailed;
+exports.ClerkLoaded = require_ClerkProvider.ClerkLoaded;
+exports.ClerkLoading = require_ClerkProvider.ClerkLoading;
+exports.ClerkProvider = require_ClerkProvider.ClerkProvider;
+exports.CreateOrganization = require_hooks.CreateOrganization;
+exports.GoogleOneTap = require_hooks.GoogleOneTap;
+exports.HandleSSOCallback = HandleSSOCallback;
+exports.OAuthConsent = require_hooks.OAuthConsent;
+exports.OrganizationList = require_hooks.OrganizationList;
+exports.OrganizationProfile = require_hooks.OrganizationProfile;
+exports.OrganizationSwitcher = require_hooks.OrganizationSwitcher;
+exports.PricingTable = require_hooks.PricingTable;
+exports.RedirectToCreateOrganization = require_ClerkProvider.RedirectToCreateOrganization;
+exports.RedirectToOrganizationProfile = require_ClerkProvider.RedirectToOrganizationProfile;
+exports.RedirectToSignIn = require_ClerkProvider.RedirectToSignIn;
+exports.RedirectToSignUp = require_ClerkProvider.RedirectToSignUp;
+exports.RedirectToTasks = require_ClerkProvider.RedirectToTasks;
+exports.RedirectToUserProfile = require_ClerkProvider.RedirectToUserProfile;
+exports.Show = require_ClerkProvider.Show;
+exports.SignIn = require_hooks.SignIn;
+exports.SignInButton = SignInButton;
+exports.SignInWithMetamaskButton = SignInWithMetamaskButton;
+exports.SignOutButton = SignOutButton;
+exports.SignUp = require_hooks.SignUp;
+exports.SignUpButton = SignUpButton;
+exports.TaskChooseOrganization = require_hooks.TaskChooseOrganization;
+exports.TaskResetPassword = require_hooks.TaskResetPassword;
+exports.TaskSetupMFA = require_hooks.TaskSetupMFA;
+Object.defineProperty(exports, 'UNSAFE_PortalProvider', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.UNSAFE_PortalProvider;
+  }
+});
+exports.UserAvatar = require_hooks.UserAvatar;
+exports.UserButton = require_hooks.UserButton;
+exports.UserProfile = require_hooks.UserProfile;
+exports.Waitlist = require_hooks.Waitlist;
+Object.defineProperty(exports, '__experimental_CheckoutProvider', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.__experimental_CheckoutProvider;
+  }
+});
+Object.defineProperty(exports, '__experimental_PaymentElement', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.__experimental_PaymentElement;
+  }
+});
+Object.defineProperty(exports, '__experimental_PaymentElementProvider', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.__experimental_PaymentElementProvider;
+  }
+});
+Object.defineProperty(exports, '__experimental_useCheckout', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.__experimental_useCheckout;
+  }
+});
+Object.defineProperty(exports, '__experimental_usePaymentElement', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.__experimental_usePaymentElement;
+  }
+});
+Object.defineProperty(exports, 'getToken', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_getToken.getToken;
+  }
+});
+Object.defineProperty(exports, 'useAPIKeys', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.useAPIKeys;
+  }
+});
+exports.useAuth = require_hooks.useAuth;
+Object.defineProperty(exports, 'useClerk', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.useClerk;
+  }
+});
+exports.useEmailLink = require_hooks.useEmailLink;
+Object.defineProperty(exports, 'useOAuthConsent', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.useOAuthConsent;
+  }
+});
+Object.defineProperty(exports, 'useOrganization', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.useOrganization;
+  }
+});
+Object.defineProperty(exports, 'useOrganizationCreationDefaults', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.useOrganizationCreationDefaults;
+  }
+});
+Object.defineProperty(exports, 'useOrganizationList', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.useOrganizationList;
+  }
+});
+Object.defineProperty(exports, 'useReverification', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.useReverification;
+  }
+});
+Object.defineProperty(exports, 'useSession', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.useSession;
+  }
+});
+Object.defineProperty(exports, 'useSessionList', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.useSessionList;
+  }
+});
+exports.useSignIn = require_hooks.useSignIn;
+exports.useSignUp = require_hooks.useSignUp;
+Object.defineProperty(exports, 'useUser', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_react.useUser;
+  }
+});
+exports.useWaitlist = require_hooks.useWaitlist;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["react","reactDom","reactDomClient","jsxRuntime","withClerk","normalizeWithDefaultValue","assertSingleChild","safeExecute","React","withClerk","normalizeWithDefaultValue","assertSingleChild","safeExecute","React","withClerk","normalizeWithDefaultValue","assertSingleChild","safeExecute","React","withClerk","normalizeWithDefaultValue","assertSingleChild","safeExecute","React","useSignIn","useSignUp","setErrorThrowerOptions"],"sources":["../src/polyfills.ts","../../ui/register/index.mjs","../src/components/SignInButton.tsx","../src/components/SignInWithMetamaskButton.tsx","../src/components/SignOutButton.tsx","../src/components/SignUpButton.tsx","../src/components/HandleSSOCallback.tsx","../src/index.ts"],"sourcesContent":["/**\n * Vite does not define `global` by default\n * One workaround is to use the `define` config prop\n * https://vitejs.dev/config/#define\n * We are solving this in the SDK level to reduce setup steps.\n */\nif (typeof window !== 'undefined' && !window.global) {\n  window.global = typeof global === 'undefined' ? window : global;\n}\n\nexport {};\n","/**\n * Register React dependencies for sharing with @clerk/ui's shared variant.\n *\n * Import this module BEFORE loading the ui.shared.browser.js bundle:\n *\n * ```js\n * import '@clerk/ui/register';\n * // Now load clerk-js which will load ui.shared.browser.js\n * ```\n *\n * This enables @clerk/ui to use the host app's React instead of bundling its own,\n * reducing the overall bundle size.\n */\n\nimport * as react from 'react';\nimport * as reactDom from 'react-dom';\nimport * as reactDomClient from 'react-dom/client';\nimport * as jsxRuntime from 'react/jsx-runtime';\n\n// Only register if not already registered to avoid overwriting with potentially\n// different React versions in complex module resolution scenarios.\nif (globalThis.__clerkSharedModules) {\n  // Warn if the already-registered React version differs from this import.\n  // This could indicate multiple React versions in the bundle, which may cause issues.\n  const existingVersion = globalThis.__clerkSharedModules.react?.version;\n  if (existingVersion && existingVersion !== react.version) {\n    console.warn(\n      `[@clerk/ui/register] React version mismatch detected. ` +\n        `Already registered: ${existingVersion}, current import: ${react.version}. ` +\n        `This may cause issues with the shared @clerk/ui variant.`,\n    );\n  }\n} else {\n  globalThis.__clerkSharedModules = {\n    react,\n    'react-dom': reactDom,\n    'react-dom/client': reactDomClient,\n    'react/jsx-runtime': jsxRuntime,\n  };\n}\n","import type { SignInButtonProps, SignInProps } from '@clerk/shared/types';\nimport React from 'react';\n\nimport type { WithClerkProp } from '../types';\nimport { assertSingleChild, normalizeWithDefaultValue, safeExecute } from '../utils';\nimport { withClerk } from './withClerk';\n\nexport const SignInButton = withClerk(\n  ({ clerk, children, ...props }: WithClerkProp<React.PropsWithChildren<SignInButtonProps>>) => {\n    const {\n      // @ts-expect-error - appearance is a valid prop for SignInProps & SignInButtonPropsModal\n      appearance,\n      getContainer,\n      component,\n      signUpFallbackRedirectUrl,\n      forceRedirectUrl,\n      fallbackRedirectUrl,\n      signUpForceRedirectUrl,\n      mode,\n      initialValues,\n      withSignUp,\n      oauthFlow,\n      ...rest\n    } = props;\n    children = normalizeWithDefaultValue(children, 'Sign in');\n    const child = assertSingleChild(children)('SignInButton');\n\n    const clickHandler = () => {\n      const opts: SignInProps = {\n        forceRedirectUrl,\n        fallbackRedirectUrl,\n        signUpFallbackRedirectUrl,\n        signUpForceRedirectUrl,\n        initialValues,\n        withSignUp,\n        oauthFlow,\n      };\n\n      if (mode === 'modal') {\n        return clerk.openSignIn({ ...opts, appearance, getContainer });\n      }\n      return clerk.redirectToSignIn({\n        ...opts,\n        signInFallbackRedirectUrl: fallbackRedirectUrl,\n        signInForceRedirectUrl: forceRedirectUrl,\n      });\n    };\n\n    const wrappedChildClickHandler: React.MouseEventHandler = async e => {\n      if (child && typeof child === 'object' && 'props' in child) {\n        await safeExecute(child.props.onClick)(e);\n      }\n      return clickHandler();\n    };\n\n    const childProps = { ...rest, onClick: wrappedChildClickHandler };\n    return React.cloneElement(child as React.ReactElement<unknown>, childProps);\n  },\n  { component: 'SignInButton', renderWhileLoading: true },\n);\n","import React from 'react';\n\nimport type { SignInWithMetamaskButtonProps, WithClerkProp } from '../types';\nimport { assertSingleChild, normalizeWithDefaultValue, safeExecute } from '../utils';\nimport { withClerk } from './withClerk';\n\nexport const SignInWithMetamaskButton = withClerk(\n  ({ clerk, children, ...props }: WithClerkProp<SignInWithMetamaskButtonProps>) => {\n    const { redirectUrl, getContainer, component, ...rest } = props;\n\n    children = normalizeWithDefaultValue(children, 'Sign in with Metamask');\n    const child = assertSingleChild(children)('SignInWithMetamaskButton');\n\n    // TODO: Properly fix this code\n    // eslint-disable-next-line @typescript-eslint/require-await\n    const clickHandler = async () => {\n      async function authenticate() {\n        await clerk.authenticateWithMetamask({ redirectUrl: redirectUrl || undefined });\n      }\n      void authenticate();\n    };\n\n    const wrappedChildClickHandler: React.MouseEventHandler = async e => {\n      await safeExecute((child as any).props.onClick)(e);\n      return clickHandler();\n    };\n\n    const childProps = { ...rest, onClick: wrappedChildClickHandler };\n    return React.cloneElement(child as React.ReactElement<unknown>, childProps);\n  },\n  { component: 'SignInWithMetamask', renderWhileLoading: true },\n);\n","import { deprecated } from '@clerk/shared/deprecated';\nimport type { SignOutOptions } from '@clerk/shared/types';\nimport React from 'react';\n\nimport type { WithClerkProp } from '../types';\nimport { assertSingleChild, normalizeWithDefaultValue, safeExecute } from '../utils';\nimport { withClerk } from './withClerk';\n\nexport type SignOutButtonProps = {\n  redirectUrl?: string;\n  sessionId?: string;\n  /**\n   * @deprecated Use the `redirectUrl` and `sessionId` props directly instead.\n   */\n  signOutOptions?: SignOutOptions;\n  children?: React.ReactNode;\n};\n\nexport const SignOutButton = withClerk(\n  ({ clerk, children, ...props }: React.PropsWithChildren<WithClerkProp<SignOutButtonProps>>) => {\n    const { redirectUrl = '/', sessionId, signOutOptions, getContainer, component, ...rest } = props;\n\n    if (signOutOptions) {\n      deprecated('SignOutButton `signOutOptions`', 'Use the `redirectUrl` and `sessionId` props directly instead.');\n    }\n\n    children = normalizeWithDefaultValue(children, 'Sign out');\n    const child = assertSingleChild(children)('SignOutButton');\n\n    const clickHandler = () =>\n      clerk.signOut({\n        redirectUrl,\n        ...(sessionId !== undefined && { sessionId }),\n        ...signOutOptions,\n      });\n    const wrappedChildClickHandler: React.MouseEventHandler = async e => {\n      await safeExecute((child as any).props.onClick)(e);\n      return clickHandler();\n    };\n\n    const childProps = { ...rest, onClick: wrappedChildClickHandler };\n    return React.cloneElement(child as React.ReactElement<unknown>, childProps);\n  },\n  { component: 'SignOutButton', renderWhileLoading: true },\n);\n","import type { SignUpButtonProps, SignUpProps } from '@clerk/shared/types';\nimport React from 'react';\n\nimport type { WithClerkProp } from '../types';\nimport { assertSingleChild, normalizeWithDefaultValue, safeExecute } from '../utils';\nimport { withClerk } from './withClerk';\n\nexport const SignUpButton = withClerk(\n  ({ clerk, children, ...props }: WithClerkProp<React.PropsWithChildren<SignUpButtonProps>>) => {\n    const {\n      // @ts-expect-error - appearance is a valid prop for SignUpProps & SignUpButtonPropsModal\n      appearance,\n      // @ts-expect-error - unsafeMetadata is a valid prop for SignUpProps & SignUpButtonPropsModal\n      unsafeMetadata,\n      getContainer,\n      component,\n      fallbackRedirectUrl,\n      forceRedirectUrl,\n      signInFallbackRedirectUrl,\n      signInForceRedirectUrl,\n      mode,\n      initialValues,\n      oauthFlow,\n      ...rest\n    } = props;\n\n    children = normalizeWithDefaultValue(children, 'Sign up');\n    const child = assertSingleChild(children)('SignUpButton');\n\n    const clickHandler = () => {\n      const opts: SignUpProps = {\n        fallbackRedirectUrl,\n        forceRedirectUrl,\n        signInFallbackRedirectUrl,\n        signInForceRedirectUrl,\n        initialValues,\n        oauthFlow,\n      };\n\n      if (mode === 'modal') {\n        return clerk.openSignUp({\n          ...opts,\n          appearance,\n          unsafeMetadata,\n          getContainer,\n        });\n      }\n\n      return clerk.redirectToSignUp({\n        ...opts,\n        signUpFallbackRedirectUrl: fallbackRedirectUrl,\n        signUpForceRedirectUrl: forceRedirectUrl,\n      });\n    };\n\n    const wrappedChildClickHandler: React.MouseEventHandler = async e => {\n      if (child && typeof child === 'object' && 'props' in child) {\n        await safeExecute(child.props.onClick)(e);\n      }\n      return clickHandler();\n    };\n\n    const childProps = { ...rest, onClick: wrappedChildClickHandler };\n    return React.cloneElement(child as React.ReactElement<unknown>, childProps);\n  },\n  { component: 'SignUpButton', renderWhileLoading: true },\n);\n","import type { SetActiveNavigate } from '@clerk/shared/types';\nimport React, { type ReactNode, useEffect, useRef } from 'react';\n\nimport { useClerk, useSignIn, useSignUp } from '../hooks';\n\nexport interface HandleSSOCallbackProps {\n  /**\n   * Called when the SSO callback is complete and a session has been created.\n   */\n  navigateToApp: (...params: Parameters<SetActiveNavigate>) => void;\n  /**\n   * Called when a sign-in requires additional verification, or a sign-up is transfered to a sign-in that requires\n   * additional verification.\n   */\n  navigateToSignIn: () => void;\n  /**\n   * Called when a sign-in is transfered to a sign-up that requires additional verification.\n   */\n  navigateToSignUp: () => void;\n}\n\n/**\n * Use this component when building custom UI to handle the SSO callback and navigate to the appropriate page based on\n * the status of the sign-in or sign-up. By default, this component might render a captcha element to handle captchas\n * when required by the Clerk API.\n *\n * @example\n * ```tsx\n * import { HandleSSOCallback } from '@clerk/react';\n * import { useNavigate } from 'react-router';\n *\n * export default function Page() {\n *   const navigate = useNavigate();\n *\n *   return (\n *     <HandleSSOCallback\n *       navigateToApp={({ session, decorateUrl }) => {\n *         if (session?.currentTask) {\n *           const destination = decorateUrl(`/onboarding/${session?.currentTask.key}`);\n *           if (destination.startsWith('http')) {\n *             window.location.href = destination;\n *             return;\n *           }\n *           navigate(destination);\n *           return;\n *         }\n *\n *         const destination = decorateUrl('/dashboard');\n *         if (destination.startsWith('http')) {\n *           window.location.href = destination;\n *           return;\n *         }\n *         navigate(destination);\n *       }}\n *       navigateToSignIn={() => {\n *         navigate('/sign-in');\n *       }}\n *       navigateToSignUp={() => {\n *         navigate('/sign-up');\n *       }}\n *     />\n *   );\n * }\n * ```\n */\nexport function HandleSSOCallback(props: HandleSSOCallbackProps): ReactNode {\n  const { navigateToApp, navigateToSignIn, navigateToSignUp } = props;\n  const clerk = useClerk();\n  const { signIn } = useSignIn();\n  const { signUp } = useSignUp();\n  const hasRun = useRef(false);\n\n  useEffect(() => {\n    (async () => {\n      if (!clerk.loaded || hasRun.current) {\n        return;\n      }\n      // Prevent re-running this effect if the page is re-rendered during session activation (such as on Next.js).\n      hasRun.current = true;\n\n      // If this was a sign-in, and it's complete, there's nothing else to do.\n      // Note: We perform a cast here to prevent TypeScript from narrowing the type of signIn.status. TypeScript\n      // doesn't understand that the status can be mutated during the execution of this function.\n      if ((signIn.status as string) === 'complete') {\n        await signIn.finalize({\n          navigate: async (...params) => {\n            navigateToApp(...params);\n          },\n        });\n        return;\n      }\n\n      // If the sign-up used an existing account, transfer it to a sign-in.\n      if (signUp.isTransferable) {\n        await signIn.create({ transfer: true });\n        if (signIn.status === 'complete') {\n          await signIn.finalize({\n            navigate: async (...params) => {\n              navigateToApp(...params);\n            },\n          });\n          return;\n        }\n        // The sign-in requires additional verification, so we need to navigate to the sign-in page.\n        return navigateToSignIn();\n      }\n\n      if (\n        signIn.status === 'needs_first_factor' &&\n        !signIn.supportedFirstFactors?.every(f => f.strategy === 'enterprise_sso')\n      ) {\n        // The sign-in requires the use of a configured first factor, so navigate to the sign-in page.\n        return navigateToSignIn();\n      }\n\n      // If the sign-in used an external account not associated with an existing user, create a sign-up.\n      if (signIn.isTransferable) {\n        await signUp.create({ transfer: true });\n        if (signUp.status === 'complete') {\n          await signUp.finalize({\n            navigate: async (...params) => {\n              navigateToApp(...params);\n            },\n          });\n          return;\n        }\n        return navigateToSignUp();\n      }\n\n      if (signUp.status === 'complete') {\n        await signUp.finalize({\n          navigate: async (...params) => {\n            navigateToApp(...params);\n          },\n        });\n        return;\n      }\n\n      if (signIn.status === 'needs_second_factor' || signIn.status === 'needs_new_password') {\n        // The sign-in requires a MFA token or a new password, so navigate to the sign-in page.\n        return navigateToSignIn();\n      }\n\n      // The external account used to sign-in or sign-up was already associated with an existing user and active\n      // session on this client, so activate the session and navigate to the application.\n      if (signIn.existingSession || signUp.existingSession) {\n        const sessionId = signIn.existingSession?.sessionId || signUp.existingSession?.sessionId;\n        if (sessionId) {\n          // Because we're activating a session that's not the result of a sign-in or sign-up, we need to use the\n          // Clerk `setActive` API instead of the `finalize` API.\n          await clerk.setActive({\n            session: sessionId,\n            navigate: async (...params) => {\n              return navigateToApp(...params);\n            },\n          });\n          return;\n        }\n      }\n    })();\n  }, [clerk, clerk.loaded, signIn, signUp]);\n\n  return (\n    <div>\n      {/* Because a sign-in transferred to a sign-up might require captcha verification, make sure to render the\n  captcha element. */}\n      <div id='clerk-captcha' />\n    </div>\n  );\n}\n","import './polyfills';\nimport './types/appearance';\n// Register React on the global shared modules registry.\n// This enables @clerk/ui's shared variant to use the host app's React\n// instead of bundling its own copy, reducing overall bundle size.\nimport '@clerk/ui/register';\n\nimport { setClerkJSLoadingErrorPackageName } from '@clerk/shared/loadClerkJsScript';\n\nimport { setErrorThrowerOptions } from './errors/errorThrower';\n\nexport * from './components';\nexport * from './contexts';\n\nexport * from './hooks';\nexport { getToken } from '@clerk/shared/getToken';\nexport type {\n  BrowserClerk,\n  BrowserClerkConstructor,\n  ClerkProp,\n  HeadlessBrowserClerk,\n  HeadlessBrowserClerkConstructor,\n  IsomorphicClerkOptions,\n} from '@clerk/shared/types';\nexport type { ClerkProviderProps } from './types';\n\nsetErrorThrowerOptions({ packageName: PACKAGE_NAME });\nsetClerkJSLoadingErrorPackageName(PACKAGE_NAME);\n"],"mappings":"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"}