@clerk/react 6.8.0-snapshot.v20260604052353 → 6.8.0

package/dist/index.mjs

@@ -12,10 +12,9 @@ import {
   RedirectToTasks,
   RedirectToUserProfile,
   Show
-} from "./chunk-DAD5TWXQ.mjs";
+} from "./chunk-RRVXNJ3Z.mjs";
 import {
   APIKeys,
-  ConfigureSSO,
   CreateOrganization,
   GoogleOneTap,
   OAuthConsent,
@@ -56,7 +55,7 @@ import {
   useUser,
   useWaitlist,
   withClerk
-} from "./chunk-3ME65G46.mjs";
+} from "./chunk-FQVXBXXF.mjs";
 import {
   setErrorThrowerOptions
 } from "./chunk-RQWALB2R.mjs";
@@ -343,7 +342,6 @@ export {
   ClerkLoaded,
   ClerkLoading,
   ClerkProvider,
-  ConfigureSSO,
   CreateOrganization,
   GoogleOneTap,
   HandleSSOCallback,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/polyfills.ts","../../ui/register/index.mjs","../src/index.ts","../src/components/SignInButton.tsx","../src/components/SignInWithMetamaskButton.tsx","../src/components/SignOutButton.tsx","../src/components/SignUpButton.tsx","../src/components/HandleSSOCallback.tsx","../src/contexts/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 './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","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","export { ClerkProvider } from './ClerkProvider';\nexport { UNSAFE_PortalProvider } from '@clerk/shared/react';\n"],"mappings":"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","names":["React","React","React","React","React","React","React","_a","React"]}
+{"version":3,"sources":["../src/polyfills.ts","../../ui/register/index.mjs","../src/index.ts","../src/components/SignInButton.tsx","../src/components/SignInWithMetamaskButton.tsx","../src/components/SignOutButton.tsx","../src/components/SignUpButton.tsx","../src/components/HandleSSOCallback.tsx","../src/contexts/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 './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","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","export { ClerkProvider } from './ClerkProvider';\nexport { UNSAFE_PortalProvider } from '@clerk/shared/react';\n"],"mappings":"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","names":["React","React","React","React","React","React","React","_a","React"]}

package/dist/internal.js

@@ -154,19 +154,41 @@ var import_react3 = require("react");
 var import_react_dom = require("react-dom");
 var useCustomElementPortal = (elements) => {
   const [nodeMap, setNodeMap] = (0, import_react3.useState)(/* @__PURE__ */ new Map());
-  return elements.map((el) => ({
-    id: el.id,
-    mount: (node) => setNodeMap((prev) => new Map(prev).set(String(el.id), node)),
-    unmount: () => setNodeMap((prev) => {
-      const newMap = new Map(prev);
-      newMap.set(String(el.id), null);
-      return newMap;
-    }),
-    portal: () => {
-      const node = nodeMap.get(String(el.id));
-      return node ? (0, import_react_dom.createPortal)(el.component, node) : null;
+  const nodeMapRef = (0, import_react3.useRef)(nodeMap);
+  const elementsRef = (0, import_react3.useRef)(/* @__PURE__ */ new Map());
+  const portalsRef = (0, import_react3.useRef)(/* @__PURE__ */ new Map());
+  nodeMapRef.current = nodeMap;
+  elementsRef.current = new Map(elements.map((el) => [el.id, el.component]));
+  const elementIds = new Set(elements.map((el) => el.id));
+  portalsRef.current.forEach((_, id) => {
+    if (!elementIds.has(id)) {
+      portalsRef.current.delete(id);
     }
-  }));
+  });
+  return elements.map((el) => {
+    const id = el.id;
+    const existingPortal = portalsRef.current.get(id);
+    if (existingPortal) {
+      return existingPortal;
+    }
+    const portal = () => {
+      const node = nodeMapRef.current.get(id);
+      const component = elementsRef.current.get(id);
+      return node ? (0, import_react_dom.createPortal)(component, node) : null;
+    };
+    const customElementPortal = {
+      id: el.id,
+      mount: (node) => setNodeMap((prev) => new Map(prev).set(id, node)),
+      unmount: () => setNodeMap((prev) => {
+        const newMap = new Map(prev);
+        newMap.set(id, null);
+        return newMap;
+      }),
+      portal
+    };
+    portalsRef.current.set(id, customElementPortal);
+    return customElementPortal;
+  });
 };
 
 // src/utils/useCustomPages.tsx
@@ -227,6 +249,7 @@ var useCustomPages = (params, options) => {
   const { children, LinkComponent, PageComponent, MenuItemsComponent, reorderItemsLabels, componentName } = params;
   const { allowForAnyChildren = false } = options || {};
   const validChildren = [];
+  const portalIdCounts = /* @__PURE__ */ new Map();
   import_react5.default.Children.forEach(children, (child) => {
     if (!isThatComponent(child, PageComponent) && !isThatComponent(child, LinkComponent) && !isThatComponent(child, MenuItemsComponent)) {
       if (child && !allowForAnyChildren) {
@@ -236,11 +259,18 @@ var useCustomPages = (params, options) => {
     }
     const { props } = child;
     const { children: children2, label, url, labelIcon } = props;
+    const childKey = child.key;
     if (isThatComponent(child, PageComponent)) {
       if (isReorderItem(props, reorderItemsLabels)) {
         validChildren.push({ label });
       } else if (isCustomPage(props)) {
-        validChildren.push({ label, labelIcon, children: children2, url });
+        validChildren.push({
+          label,
+          labelIcon,
+          children: children2,
+          url,
+          portalId: getCustomPagePortalId("page", props, childKey, portalIdCounts)
+        });
       } else {
         (0, import_utils.logErrorInDevMode)(customPageWrongProps(componentName));
         return;
@@ -248,7 +278,12 @@ var useCustomPages = (params, options) => {
     }
     if (isThatComponent(child, LinkComponent)) {
       if (isExternalLink(props)) {
-        validChildren.push({ label, labelIcon, url });
+        validChildren.push({
+          label,
+          labelIcon,
+          url,
+          portalId: getCustomPagePortalId("link", props, childKey, portalIdCounts)
+        });
       } else {
         (0, import_utils.logErrorInDevMode)(customLinkWrongProps(componentName));
         return;
@@ -260,12 +295,12 @@ var useCustomPages = (params, options) => {
   const customLinkLabelIcons = [];
   validChildren.forEach((cp, index) => {
     if (isCustomPage(cp)) {
-      customPageContents.push({ component: cp.children, id: index });
-      customPageLabelIcons.push({ component: cp.labelIcon, id: index });
+      customPageContents.push({ component: cp.children, id: cp.portalId || index });
+      customPageLabelIcons.push({ component: cp.labelIcon, id: cp.portalId || index });
       return;
     }
     if (isExternalLink(cp)) {
-      customLinkLabelIcons.push({ component: cp.labelIcon, id: index });
+      customLinkLabelIcons.push({ component: cp.labelIcon, id: cp.portalId || index });
     }
   });
   const customPageContentsPortals = useCustomElementPortal(customPageContents);
@@ -283,15 +318,15 @@ var useCustomPages = (params, options) => {
         portal: contentPortal,
         mount,
         unmount
-      } = customPageContentsPortals.find((p) => p.id === index);
+      } = customPageContentsPortals.find((p) => p.id === (cp.portalId || index));
       const {
         portal: labelPortal,
         mount: mountIcon,
         unmount: unmountIcon
-      } = customPageLabelIconsPortals.find((p) => p.id === index);
+      } = customPageLabelIconsPortals.find((p) => p.id === (cp.portalId || index));
       customPages.push({ label: cp.label, url: cp.url, mount, unmount, mountIcon, unmountIcon });
-      customPagesPortals.push(contentPortal);
-      customPagesPortals.push(labelPortal);
+      customPagesPortals.push({ key: `content:${cp.portalId || index}`, portal: contentPortal });
+      customPagesPortals.push({ key: `label:${cp.portalId || index}`, portal: labelPortal });
       return;
     }
     if (isExternalLink(cp)) {
@@ -299,14 +334,24 @@ var useCustomPages = (params, options) => {
         portal: labelPortal,
         mount: mountIcon,
         unmount: unmountIcon
-      } = customLinkLabelIconsPortals.find((p) => p.id === index);
+      } = customLinkLabelIconsPortals.find((p) => p.id === (cp.portalId || index));
       customPages.push({ label: cp.label, url: cp.url, mountIcon, unmountIcon });
-      customPagesPortals.push(labelPortal);
+      customPagesPortals.push({ key: `label:${cp.portalId || index}`, portal: labelPortal });
       return;
     }
   });
   return { customPages, customPagesPortals };
 };
+var getCustomPagePortalId = (type, props, key, portalIdCounts) => {
+  var _a;
+  if (key != null) {
+    return `${type}:key:${key}`;
+  }
+  const baseId = `${type}:${props.label}:${props.url}`;
+  const occurrence = (_a = portalIdCounts.get(baseId)) != null ? _a : 0;
+  portalIdCounts.set(baseId, occurrence + 1);
+  return `${baseId}:${occurrence}`;
+};
 var isReorderItem = (childProps, validItems) => {
   const { children, label, url, labelIcon } = childProps;
   return !children && !url && !labelIcon && validItems.some((v) => v === label);
@@ -350,6 +395,7 @@ var useCustomMenuItems = ({
   const validChildren = [];
   const customMenuItems = [];
   const customMenuItemsPortals = [];
+  const portalIdCounts = /* @__PURE__ */ new Map();
   import_react6.default.Children.forEach(children, (child) => {
     if (!isThatComponent(child, MenuItemsComponent) && !isThatComponent(child, UserProfileLinkComponent) && !isThatComponent(child, UserProfilePageComponent)) {
       if (child && !allowForAnyChildren) {
@@ -369,6 +415,7 @@ var useCustomMenuItems = ({
         return;
       }
       const { props: props2 } = child2;
+      const childKey = child2.key;
       const { label, labelIcon, href, onClick, open } = props2;
       if (isThatComponent(child2, MenuActionComponent)) {
         if (isReorderItem2(props2, reorderItemsLabels)) {
@@ -381,12 +428,14 @@ var useCustomMenuItems = ({
           if (onClick !== void 0) {
             validChildren.push({
               ...baseItem,
-              onClick
+              onClick,
+              portalId: getCustomMenuItemPortalId("action", props2, childKey, portalIdCounts)
             });
           } else if (open !== void 0) {
             validChildren.push({
               ...baseItem,
-              open: open.startsWith("/") ? open : `/${open}`
+              open: open.startsWith("/") ? open : `/${open}`,
+              portalId: getCustomMenuItemPortalId("action", props2, childKey, portalIdCounts)
             });
           } else {
             (0, import_utils2.logErrorInDevMode)("Custom menu item must have either onClick or open property");
@@ -399,7 +448,12 @@ var useCustomMenuItems = ({
       }
       if (isThatComponent(child2, MenuLinkComponent)) {
         if (isExternalLink2(props2)) {
-          validChildren.push({ label, labelIcon, href });
+          validChildren.push({
+            label,
+            labelIcon,
+            href,
+            portalId: getCustomMenuItemPortalId("link", props2, childKey, portalIdCounts)
+          });
         } else {
           (0, import_utils2.logErrorInDevMode)(userButtonMenuItemLinkWrongProps);
           return;
@@ -411,10 +465,10 @@ var useCustomMenuItems = ({
   const customLinkLabelIcons = [];
   validChildren.forEach((mi, index) => {
     if (isCustomMenuItem(mi)) {
-      customMenuItemLabelIcons.push({ component: mi.labelIcon, id: index });
+      customMenuItemLabelIcons.push({ component: mi.labelIcon, id: mi.portalId || index });
     }
     if (isExternalLink2(mi)) {
-      customLinkLabelIcons.push({ component: mi.labelIcon, id: index });
+      customLinkLabelIcons.push({ component: mi.labelIcon, id: mi.portalId || index });
     }
   });
   const customMenuItemLabelIconsPortals = useCustomElementPortal(customMenuItemLabelIcons);
@@ -430,7 +484,7 @@ var useCustomMenuItems = ({
         portal: iconPortal,
         mount: mountIcon,
         unmount: unmountIcon
-      } = customMenuItemLabelIconsPortals.find((p) => p.id === index);
+      } = customMenuItemLabelIconsPortals.find((p) => p.id === (mi.portalId || index));
       const menuItem = {
         label: mi.label,
         mountIcon,
@@ -442,25 +496,36 @@ var useCustomMenuItems = ({
         menuItem.open = mi.open;
       }
       customMenuItems.push(menuItem);
-      customMenuItemsPortals.push(iconPortal);
+      customMenuItemsPortals.push({ key: `icon:${mi.portalId || index}`, portal: iconPortal });
     }
     if (isExternalLink2(mi)) {
       const {
         portal: iconPortal,
         mount: mountIcon,
         unmount: unmountIcon
-      } = customLinkLabelIconsPortals.find((p) => p.id === index);
+      } = customLinkLabelIconsPortals.find((p) => p.id === (mi.portalId || index));
       customMenuItems.push({
         label: mi.label,
         href: mi.href,
         mountIcon,
         unmountIcon
       });
-      customMenuItemsPortals.push(iconPortal);
+      customMenuItemsPortals.push({ key: `icon:${mi.portalId || index}`, portal: iconPortal });
     }
   });
   return { customMenuItems, customMenuItemsPortals };
 };
+var getCustomMenuItemPortalId = (type, props, key, portalIdCounts) => {
+  var _a;
+  if (key != null) {
+    return `${type}:key:${key}`;
+  }
+  const target = props.href || props.open || "";
+  const baseId = `${type}:${props.label}:${target}`;
+  const occurrence = (_a = portalIdCounts.get(baseId)) != null ? _a : 0;
+  portalIdCounts.set(baseId, occurrence + 1);
+  return `${baseId}:${occurrence}`;
+};
 var isReorderItem2 = (childProps, validItems) => {
   const { children, label, onClick, labelIcon } = childProps;
   return !children && !onClick && !labelIcon && validItems.some((v) => v === label);
@@ -567,16 +632,16 @@ var ClerkHostRenderer = class extends import_react9.default.PureComponent {
     this.rootRef = import_react9.default.createRef();
   }
   componentDidUpdate(_prevProps) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     if (!isMountProps(_prevProps) || !isMountProps(this.props)) {
       return;
     }
-    const prevProps = (0, import_object.without)(_prevProps.props, "customPages", "customMenuItems", "children");
-    const newProps = (0, import_object.without)(this.props.props, "customPages", "customMenuItems", "children");
-    const customPagesChanged = ((_a = prevProps.customPages) == null ? void 0 : _a.length) !== ((_b = newProps.customPages) == null ? void 0 : _b.length);
-    const customMenuItemsChanged = ((_c = prevProps.customMenuItems) == null ? void 0 : _c.length) !== ((_d = newProps.customMenuItems) == null ? void 0 : _d.length);
-    const prevMenuItemsWithoutHandlers = stripMenuItemIconHandlers(_prevProps.props.customMenuItems);
-    const newMenuItemsWithoutHandlers = stripMenuItemIconHandlers(this.props.props.customMenuItems);
+    const prevProps = (0, import_object.without)(_prevProps.props || {}, "customPages", "customMenuItems", "children");
+    const newProps = (0, import_object.without)(this.props.props || {}, "customPages", "customMenuItems", "children");
+    const customPagesChanged = ((_b = (_a = _prevProps.props) == null ? void 0 : _a.customPages) == null ? void 0 : _b.length) !== ((_d = (_c = this.props.props) == null ? void 0 : _c.customPages) == null ? void 0 : _d.length);
+    const customMenuItemsChanged = ((_f = (_e = _prevProps.props) == null ? void 0 : _e.customMenuItems) == null ? void 0 : _f.length) !== ((_h = (_g = this.props.props) == null ? void 0 : _g.customMenuItems) == null ? void 0 : _h.length);
+    const prevMenuItemsWithoutHandlers = stripMenuItemIconHandlers((_i = _prevProps.props) == null ? void 0 : _i.customMenuItems);
+    const newMenuItemsWithoutHandlers = stripMenuItemIconHandlers((_j = this.props.props) == null ? void 0 : _j.customMenuItems);
     if (!(0, import_react8.isDeeplyEqual)(prevProps, newProps) || !(0, import_react8.isDeeplyEqual)(prevMenuItemsWithoutHandlers, newMenuItemsWithoutHandlers) || customPagesChanged || customMenuItemsChanged) {
       if (this.rootRef.current) {
         this.props.updateProps({ node: this.rootRef.current, props: this.props.props });
@@ -660,7 +725,7 @@ var withClerk = (Component, displayNameOrOptions) => {
 // src/components/uiComponents.tsx
 var CustomPortalsRenderer = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, (_a = props == null ? void 0 : props.customPagesPortals) == null ? void 0 : _a.map((portal, index) => (0, import_react14.createElement)(portal, { key: index })), (_b = props == null ? void 0 : props.customMenuItemsPortals) == null ? void 0 : _b.map((portal, index) => (0, import_react14.createElement)(portal, { key: index })));
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, (_a = props == null ? void 0 : props.customPagesPortals) == null ? void 0 : _a.map(({ key, portal }) => (0, import_react14.createElement)(portal, { key })), (_b = props == null ? void 0 : props.customMenuItemsPortals) == null ? void 0 : _b.map(({ key, portal }) => (0, import_react14.createElement)(portal, { key })));
 };
 var SignIn = withClerk(
   ({ clerk, component, fallback, ...props }) => {
@@ -1058,27 +1123,6 @@ var APIKeys = withClerk(
   },
   { component: "ApiKeys", renderWhileLoading: true }
 );
-var ConfigureSSO = withClerk(
-  ({ clerk, component, fallback, ...props }) => {
-    const mountingStatus = useWaitForComponentMount(component);
-    const shouldShowFallback = mountingStatus === "rendering" || !clerk.loaded;
-    const rendererRootProps = {
-      ...shouldShowFallback && fallback && { style: { display: "none" } }
-    };
-    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
-      ClerkHostRenderer,
-      {
-        component,
-        mount: clerk.mountConfigureSSO,
-        unmount: clerk.unmountConfigureSSO,
-        updateProps: clerk.__internal_updateProps,
-        props,
-        rootProps: rendererRootProps
-      }
-    ));
-  },
-  { component: "ConfigureSSO", renderWhileLoading: true }
-);
 var OAuthConsent = withClerk(
   ({ clerk, component, fallback, ...props }) => {
     const mountingStatus = useWaitForComponentMount(component);
@@ -1661,7 +1705,7 @@ if (typeof globalThis.__BUILD_DISABLE_RHC__ === "undefined") {
 }
 var SDK_METADATA = {
   name: "@clerk/react",
-  version: "6.8.0-snapshot.v20260604052353",
+  version: "6.8.0",
   environment: process.env.NODE_ENV
 };
 var _status, _domain, _proxyUrl, _publishableKey, _eventBus, _stateProxy, _instance, _IsomorphicClerk_instances, waitForClerkJS_fn;
@@ -1976,7 +2020,7 @@ var _IsomorphicClerk = class _IsomorphicClerk {
         clerkjs.mountAPIKeys(node, props);
       });
       this.premountConfigureSSONodes.forEach((props, node) => {
-        clerkjs.mountConfigureSSO(node, props);
+        clerkjs.__internal_mountConfigureSSO(node, props);
       });
       this.premountOAuthConsentNodes.forEach((props, node) => {
         clerkjs.__internal_mountOAuthConsent(node, props);
@@ -2363,32 +2407,20 @@ var _IsomorphicClerk = class _IsomorphicClerk {
         this.premountAPIKeysNodes.delete(node);
       }
     };
-    this.mountConfigureSSO = (node, props) => {
+    this.__internal_mountConfigureSSO = (node, props) => {
       if (this.clerkjs && this.loaded) {
-        this.clerkjs.mountConfigureSSO(node, props);
+        this.clerkjs.__internal_mountConfigureSSO(node, props);
       } else {
         this.premountConfigureSSONodes.set(node, props);
       }
     };
-    this.unmountConfigureSSO = (node) => {
+    this.__internal_unmountConfigureSSO = (node) => {
       if (this.clerkjs && this.loaded) {
-        this.clerkjs.unmountConfigureSSO(node);
+        this.clerkjs.__internal_unmountConfigureSSO(node);
       } else {
         this.premountConfigureSSONodes.delete(node);
       }
     };
-    /**
-     * @deprecated Use `mountConfigureSSO` instead.
-     */
-    this.__experimental_mountConfigureSSO = (node, props) => {
-      this.mountConfigureSSO(node, props);
-    };
-    /**
-     * @deprecated Use `unmountConfigureSSO` instead.
-     */
-    this.__experimental_unmountConfigureSSO = (node) => {
-      this.unmountConfigureSSO(node);
-    };
     this.__internal_mountOAuthConsent = (node, props) => {
       if (this.clerkjs && this.loaded) {
         this.clerkjs.__internal_mountOAuthConsent(node, props);
@@ -2954,17 +2986,20 @@ var _IsomorphicClerk = class _IsomorphicClerk {
     if ((uiProp || this.options.prefetchUI === false) && !hasInternalUrl) {
       return void 0;
     }
-    await (0, import_loadClerkJsScript.loadClerkUIScript)({
-      ...this.options,
-      publishableKey: __privateGet(this, _publishableKey),
-      proxyUrl: this.proxyUrl,
-      domain: this.domain,
-      nonce: this.options.nonce
-    });
-    if (!global.__internal_ClerkUICtor) {
-      throw new Error("Failed to download latest Clerk UI. Contact support@clerk.com.");
+    if (!__BUILD_DISABLE_RHC__) {
+      await (0, import_loadClerkJsScript.loadClerkUIScript)({
+        ...this.options,
+        publishableKey: __privateGet(this, _publishableKey),
+        proxyUrl: this.proxyUrl,
+        domain: this.domain,
+        nonce: this.options.nonce
+      });
+      if (!global.__internal_ClerkUICtor) {
+        throw new Error("Failed to download latest Clerk UI. Contact support@clerk.com.");
+      }
+      return global.__internal_ClerkUICtor;
     }
-    return global.__internal_ClerkUICtor;
+    return void 0;
   }
   get version() {
     var _a;