@clerk/react 6.9.0 → 6.9.1-canary.v20260610190754

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,"file":"index.mjs","names":[],"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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"}

package/dist/internal.cjs

@@ -0,0 +1,107 @@
+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 _clerk_shared_loadClerkJsScript = require("@clerk/shared/loadClerkJsScript");
+let _clerk_shared_react = require("@clerk/shared/react");
+let _clerk_shared_keys = require("@clerk/shared/keys");
+
+//#region src/hooks/useRoutingProps.ts
+function useRoutingProps(componentName, props, routingOptions) {
+	const path = props.path || routingOptions?.path;
+	if ((props.routing || routingOptions?.routing || "path") === "path") {
+		if (!path) return require_useAssertWrappedByClerkProvider.errorThrower.throw(require_hooks.noPathProvidedError(componentName));
+		return {
+			...routingOptions,
+			...props,
+			routing: "path"
+		};
+	}
+	if (props.path) return require_useAssertWrappedByClerkProvider.errorThrower.throw(require_hooks.incompatibleRoutingWithPathProvidedError(componentName));
+	return {
+		...routingOptions,
+		...props,
+		path: void 0
+	};
+}
+
+//#endregion
+//#region src/internal.ts
+/**
+* @deprecated Import `useOAuthConsent` from `@clerk/react` instead.
+*/
+const useOAuthConsent = _clerk_shared_react.useOAuthConsent;
+/**
+* @deprecated Import `OAuthConsent` from `@clerk/react` instead.
+*/
+const OAuthConsent = require_hooks.OAuthConsent;
+/**
+* A wider-typed version of ClerkProvider that accepts internal script props.
+* Framework SDKs should use this instead of the public ClerkProvider.
+*/
+const InternalClerkProvider = require_ClerkProvider.ClerkProvider;
+
+//#endregion
+exports.IS_REACT_SHARED_VARIANT_COMPATIBLE = require_ClerkProvider.IS_REACT_SHARED_VARIANT_COMPATIBLE;
+exports.InternalClerkProvider = InternalClerkProvider;
+exports.MultisessionAppSupport = require_ClerkProvider.MultisessionAppSupport;
+exports.OAuthConsent = OAuthConsent;
+Object.defineProperty(exports, 'buildClerkJSScriptAttributes', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_loadClerkJsScript.buildClerkJSScriptAttributes;
+  }
+});
+Object.defineProperty(exports, 'buildClerkJsScriptAttributes', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_loadClerkJsScript.buildClerkJsScriptAttributes;
+  }
+});
+Object.defineProperty(exports, 'buildClerkUIScriptAttributes', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_loadClerkJsScript.buildClerkUIScriptAttributes;
+  }
+});
+Object.defineProperty(exports, 'clerkJSScriptUrl', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_loadClerkJsScript.clerkJSScriptUrl;
+  }
+});
+Object.defineProperty(exports, 'clerkJsScriptUrl', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_loadClerkJsScript.clerkJsScriptUrl;
+  }
+});
+Object.defineProperty(exports, 'clerkUIScriptUrl', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_loadClerkJsScript.clerkUIScriptUrl;
+  }
+});
+Object.defineProperty(exports, 'publishableKeyFromHost', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_keys.publishableKeyFromHost;
+  }
+});
+Object.defineProperty(exports, 'setClerkJSLoadingErrorPackageName', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_loadClerkJsScript.setClerkJSLoadingErrorPackageName;
+  }
+});
+Object.defineProperty(exports, 'setClerkJsLoadingErrorPackageName', {
+  enumerable: true,
+  get: function () {
+    return _clerk_shared_loadClerkJsScript.setClerkJsLoadingErrorPackageName;
+  }
+});
+exports.setErrorThrowerOptions = require_useAssertWrappedByClerkProvider.setErrorThrowerOptions;
+exports.useDerivedAuth = require_hooks.useDerivedAuth;
+exports.useOAuthConsent = useOAuthConsent;
+exports.useRoutingProps = useRoutingProps;
+//# sourceMappingURL=internal.cjs.map

package/dist/internal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.cjs","names":["errorThrower","noPathProvidedError","incompatibleRoutingWithPathProvidedError","useOAuthConsentOriginal","OAuthConsentOriginal","ClerkProvider"],"sources":["../src/hooks/useRoutingProps.ts","../src/internal.ts"],"sourcesContent":["import type { RoutingOptions } from '@clerk/shared/types';\n\nimport { errorThrower } from '../errors/errorThrower';\nimport { incompatibleRoutingWithPathProvidedError, noPathProvidedError } from '../errors/messages';\n\nexport function useRoutingProps<T extends RoutingOptions>(\n  componentName: string,\n  props: T,\n  routingOptions?: RoutingOptions,\n): T {\n  const path = props.path || routingOptions?.path;\n  const routing = props.routing || routingOptions?.routing || 'path';\n\n  if (routing === 'path') {\n    if (!path) {\n      return errorThrower.throw(noPathProvidedError(componentName));\n    }\n\n    return {\n      ...routingOptions,\n      ...props,\n      routing: 'path',\n    };\n  }\n\n  if (props.path) {\n    return errorThrower.throw(incompatibleRoutingWithPathProvidedError(componentName));\n  }\n\n  return {\n    ...routingOptions,\n    ...props,\n    path: undefined,\n  };\n}\n","import { useOAuthConsent as useOAuthConsentOriginal } from '@clerk/shared/react';\nimport type { InternalClerkScriptProps } from '@clerk/shared/types';\nimport type React from 'react';\n\nimport { OAuthConsent as OAuthConsentOriginal } from './components/uiComponents';\nimport { ClerkProvider } from './contexts/ClerkProvider';\nimport type { ClerkProviderProps, Ui } from './types';\n\nexport { publishableKeyFromHost } from '@clerk/shared/keys';\nexport { setErrorThrowerOptions } from './errors/errorThrower';\nexport { MultisessionAppSupport } from './components/controlComponents';\n\n/**\n * @deprecated Import `useOAuthConsent` from `@clerk/react` instead.\n */\nconst useOAuthConsent = useOAuthConsentOriginal;\nexport { useOAuthConsent };\n\n/**\n * @deprecated Import `OAuthConsent` from `@clerk/react` instead.\n */\nconst OAuthConsent = OAuthConsentOriginal;\nexport { OAuthConsent };\n\nexport { useRoutingProps } from './hooks/useRoutingProps';\nexport { useDerivedAuth } from './hooks/useAuth';\nexport { IS_REACT_SHARED_VARIANT_COMPATIBLE } from './utils/versionCheck';\n\nexport {\n  clerkJSScriptUrl,\n  buildClerkJSScriptAttributes,\n  clerkUIScriptUrl,\n  buildClerkUIScriptAttributes,\n  setClerkJSLoadingErrorPackageName,\n  // Deprecated aliases - will be removed in a future major version\n  clerkJsScriptUrl,\n  buildClerkJsScriptAttributes,\n  setClerkJsLoadingErrorPackageName,\n} from '@clerk/shared/loadClerkJsScript';\n\nexport type { Ui } from './types';\n\nexport type { InternalClerkScriptProps } from '@clerk/shared/types';\n\n/**\n * A wider-typed version of ClerkProvider that accepts internal script props.\n * Framework SDKs should use this instead of the public ClerkProvider.\n */\nexport const InternalClerkProvider = ClerkProvider as unknown as (<TUi extends Ui = Ui>(\n  props: ClerkProviderProps<TUi> & InternalClerkScriptProps,\n) => React.JSX.Element) & { displayName: string };\n"],"mappings":";;;;;;;;;AAKA,SAAgB,gBACd,eACA,OACA,gBACG;CACH,MAAM,OAAO,MAAM,QAAQ,gBAAgB;CAG3C,KAFgB,MAAM,WAAW,gBAAgB,WAAW,YAE5C,QAAQ;EACtB,IAAI,CAAC,MACH,OAAOA,qDAAa,MAAMC,kCAAoB,aAAa,CAAC;EAG9D,OAAO;GACL,GAAG;GACH,GAAG;GACH,SAAS;EACX;CACF;CAEA,IAAI,MAAM,MACR,OAAOD,qDAAa,MAAME,uDAAyC,aAAa,CAAC;CAGnF,OAAO;EACL,GAAG;EACH,GAAG;EACH,MAAM;CACR;AACF;;;;;;;ACnBA,MAAM,kBAAkBC;;;;AAMxB,MAAM,eAAeC;;;;;AA2BrB,MAAa,wBAAwBC"}

package/dist/internal.d.cts

@@ -0,0 +1,51 @@
+import { d as Ui, g as WithClerkProp, t as ClerkProviderProps } from "./types-Bwenmt7y.cjs";
+import { c as MultisessionAppSupport, n as useDerivedAuth } from "./useAuth-BMxaWktj.cjs";
+import { ErrorThrowerOptions } from "@clerk/shared/error";
+import { InternalClerkScriptProps, InternalClerkScriptProps as InternalClerkScriptProps$1, RoutingOptions } from "@clerk/shared/types";
+import React from "react";
+import { useOAuthConsent as useOAuthConsent$1 } from "@clerk/shared/react";
+import { publishableKeyFromHost } from "@clerk/shared/keys";
+import { buildClerkJSScriptAttributes, buildClerkJsScriptAttributes, buildClerkUIScriptAttributes, clerkJSScriptUrl, clerkJsScriptUrl, clerkUIScriptUrl, setClerkJSLoadingErrorPackageName, setClerkJsLoadingErrorPackageName } from "@clerk/shared/loadClerkJsScript";
+
+//#region src/errors/errorThrower.d.ts
+/**
+ * Overrides options of the internal errorThrower (eg setting packageName prefix).
+ *
+ * @internal
+ */
+declare function setErrorThrowerOptions(options: ErrorThrowerOptions): void;
+//#endregion
+//#region src/hooks/useRoutingProps.d.ts
+declare function useRoutingProps<T extends RoutingOptions>(componentName: string, props: T, routingOptions?: RoutingOptions): T;
+//#endregion
+//#region src/utils/versionCheck.d.ts
+/**
+ * Whether the host React version is compatible with the shared @clerk/ui variant.
+ * This is computed once at module load time for optimal performance.
+ */
+declare const IS_REACT_SHARED_VARIANT_COMPATIBLE: boolean;
+//#endregion
+//#region src/internal.d.ts
+/**
+ * @deprecated Import `useOAuthConsent` from `@clerk/react` instead.
+ */
+declare const useOAuthConsent: typeof useOAuthConsent$1;
+/**
+ * @deprecated Import `OAuthConsent` from `@clerk/react` instead.
+ */
+declare const OAuthConsent: {
+  (props: import("@clerk/shared/types").Without<WithClerkProp<import("@clerk/shared/types").OAuthConsentProps & {
+    fallback?: React.ReactNode;
+  }>, "clerk">): React.JSX.Element | null;
+  displayName: string;
+};
+/**
+ * A wider-typed version of ClerkProvider that accepts internal script props.
+ * Framework SDKs should use this instead of the public ClerkProvider.
+ */
+declare const InternalClerkProvider: (<TUi extends Ui = Ui>(props: ClerkProviderProps<TUi> & InternalClerkScriptProps$1) => React.JSX.Element) & {
+  displayName: string;
+};
+//#endregion
+export { IS_REACT_SHARED_VARIANT_COMPATIBLE, InternalClerkProvider, type InternalClerkScriptProps, MultisessionAppSupport, OAuthConsent, type Ui, buildClerkJSScriptAttributes, buildClerkJsScriptAttributes, buildClerkUIScriptAttributes, clerkJSScriptUrl, clerkJsScriptUrl, clerkUIScriptUrl, publishableKeyFromHost, setClerkJSLoadingErrorPackageName, setClerkJsLoadingErrorPackageName, setErrorThrowerOptions, useDerivedAuth, useOAuthConsent, useRoutingProps };
+//# sourceMappingURL=internal.d.cts.map

package/dist/internal.d.mts

@@ -1,53 +1,51 @@
-import { ClerkProviderProps, WithClerkProp } from './types.mjs';
-import * as _clerk_shared_types from '@clerk/shared/types';
-import { RoutingOptions, InternalClerkScriptProps } from '@clerk/shared/types';
-export { InternalClerkScriptProps } from '@clerk/shared/types';
-import { useOAuthConsent as useOAuthConsent$1 } from '@clerk/shared/react';
-import { Ui } from '@clerk/ui/internal';
-export { Ui } from '@clerk/ui/internal';
-import React from 'react';
-export { publishableKeyFromHost } from '@clerk/shared/keys';
-import { ErrorThrowerOptions } from '@clerk/shared/error';
-export { M as MultisessionAppSupport, u as useDerivedAuth } from './useAuth-Dlg_G1_7.mjs';
-export { buildClerkJSScriptAttributes, buildClerkJsScriptAttributes, buildClerkUIScriptAttributes, clerkJSScriptUrl, clerkJsScriptUrl, clerkUIScriptUrl, setClerkJSLoadingErrorPackageName, setClerkJsLoadingErrorPackageName } from '@clerk/shared/loadClerkJsScript';
-import '@clerk/shared/ui';
+import { d as Ui, g as WithClerkProp, t as ClerkProviderProps } from "./types-CiIhevkA.mjs";
+import { c as MultisessionAppSupport, n as useDerivedAuth } from "./useAuth-BK5Y4htK.mjs";
+import React from "react";
+import { buildClerkJSScriptAttributes, buildClerkJsScriptAttributes, buildClerkUIScriptAttributes, clerkJSScriptUrl, clerkJsScriptUrl, clerkUIScriptUrl, setClerkJSLoadingErrorPackageName, setClerkJsLoadingErrorPackageName } from "@clerk/shared/loadClerkJsScript";
+import { ErrorThrowerOptions } from "@clerk/shared/error";
+import { useOAuthConsent as useOAuthConsent$1 } from "@clerk/shared/react";
+import { publishableKeyFromHost } from "@clerk/shared/keys";
+import { InternalClerkScriptProps, InternalClerkScriptProps as InternalClerkScriptProps$1, RoutingOptions } from "@clerk/shared/types";
 
+//#region src/errors/errorThrower.d.ts
 /**
  * Overrides options of the internal errorThrower (eg setting packageName prefix).
  *
  * @internal
  */
 declare function setErrorThrowerOptions(options: ErrorThrowerOptions): void;
-
+//#endregion
+//#region src/hooks/useRoutingProps.d.ts
 declare function useRoutingProps<T extends RoutingOptions>(componentName: string, props: T, routingOptions?: RoutingOptions): T;
-
+//#endregion
+//#region src/utils/versionCheck.d.ts
 /**
  * Whether the host React version is compatible with the shared @clerk/ui variant.
  * This is computed once at module load time for optimal performance.
  */
 declare const IS_REACT_SHARED_VARIANT_COMPATIBLE: boolean;
-
+//#endregion
+//#region src/internal.d.ts
 /**
  * @deprecated Import `useOAuthConsent` from `@clerk/react` instead.
  */
 declare const useOAuthConsent: typeof useOAuthConsent$1;
-
 /**
  * @deprecated Import `OAuthConsent` from `@clerk/react` instead.
  */
 declare const OAuthConsent: {
-    (props: _clerk_shared_types.Without<WithClerkProp<_clerk_shared_types.OAuthConsentProps & {
-        fallback?: React.ReactNode;
-    }>, "clerk">): React.JSX.Element | null;
-    displayName: string;
+  (props: import("@clerk/shared/types").Without<WithClerkProp<import("@clerk/shared/types").OAuthConsentProps & {
+    fallback?: React.ReactNode;
+  }>, "clerk">): React.JSX.Element | null;
+  displayName: string;
 };
-
 /**
  * A wider-typed version of ClerkProvider that accepts internal script props.
  * Framework SDKs should use this instead of the public ClerkProvider.
  */
-declare const InternalClerkProvider: (<TUi extends Ui = Ui>(props: ClerkProviderProps<TUi> & InternalClerkScriptProps) => React.JSX.Element) & {
-    displayName: string;
+declare const InternalClerkProvider: (<TUi extends Ui = Ui>(props: ClerkProviderProps<TUi> & InternalClerkScriptProps$1) => React.JSX.Element) & {
+  displayName: string;
 };
-
-export { IS_REACT_SHARED_VARIANT_COMPATIBLE, InternalClerkProvider, OAuthConsent, setErrorThrowerOptions, useOAuthConsent, useRoutingProps };
+//#endregion
+export { IS_REACT_SHARED_VARIANT_COMPATIBLE, InternalClerkProvider, type InternalClerkScriptProps, MultisessionAppSupport, OAuthConsent, type Ui, buildClerkJSScriptAttributes, buildClerkJsScriptAttributes, buildClerkUIScriptAttributes, clerkJSScriptUrl, clerkJsScriptUrl, clerkUIScriptUrl, publishableKeyFromHost, setClerkJSLoadingErrorPackageName, setClerkJsLoadingErrorPackageName, setErrorThrowerOptions, useDerivedAuth, useOAuthConsent, useRoutingProps };
+//# sourceMappingURL=internal.d.mts.map

package/dist/internal.mjs

@@ -1,79 +1,45 @@
-import {
-  ClerkProvider,
-  IS_REACT_SHARED_VARIANT_COMPATIBLE,
-  MultisessionAppSupport
-} from "./chunk-GVGS7DUS.mjs";
-import {
-  OAuthConsent,
-  incompatibleRoutingWithPathProvidedError,
-  noPathProvidedError,
-  useDerivedAuth
-} from "./chunk-FQVXBXXF.mjs";
-import {
-  errorThrower,
-  setErrorThrowerOptions
-} from "./chunk-RQWALB2R.mjs";
-import "./chunk-E5QRIS4Z.mjs";
-
-// src/internal.ts
-import { useOAuthConsent as useOAuthConsentOriginal } from "@clerk/shared/react";
+import { i as setErrorThrowerOptions, r as errorThrower } from "./useAssertWrappedByClerkProvider-GaNwZpWo.mjs";
+import { J as noPathProvidedError, K as incompatibleRoutingWithPathProvidedError, T as OAuthConsent$1, x as useDerivedAuth } from "./hooks-BiY5Zgpp.mjs";
+import { c as MultisessionAppSupport, n as IS_REACT_SHARED_VARIANT_COMPATIBLE, t as ClerkProvider } from "./ClerkProvider-LQpPtmNL.mjs";
+import { buildClerkJSScriptAttributes, buildClerkJsScriptAttributes, buildClerkUIScriptAttributes, clerkJSScriptUrl, clerkJsScriptUrl, clerkUIScriptUrl, setClerkJSLoadingErrorPackageName, setClerkJsLoadingErrorPackageName } from "@clerk/shared/loadClerkJsScript";
+import { useOAuthConsent as useOAuthConsent$1 } from "@clerk/shared/react";
 import { publishableKeyFromHost } from "@clerk/shared/keys";
 
-// src/hooks/useRoutingProps.ts
+//#region src/hooks/useRoutingProps.ts
 function useRoutingProps(componentName, props, routingOptions) {
-  const path = props.path || (routingOptions == null ? void 0 : routingOptions.path);
-  const routing = props.routing || (routingOptions == null ? void 0 : routingOptions.routing) || "path";
-  if (routing === "path") {
-    if (!path) {
-      return errorThrower.throw(noPathProvidedError(componentName));
-    }
-    return {
-      ...routingOptions,
-      ...props,
-      routing: "path"
-    };
-  }
-  if (props.path) {
-    return errorThrower.throw(incompatibleRoutingWithPathProvidedError(componentName));
-  }
-  return {
-    ...routingOptions,
-    ...props,
-    path: void 0
-  };
+	const path = props.path || routingOptions?.path;
+	if ((props.routing || routingOptions?.routing || "path") === "path") {
+		if (!path) return errorThrower.throw(noPathProvidedError(componentName));
+		return {
+			...routingOptions,
+			...props,
+			routing: "path"
+		};
+	}
+	if (props.path) return errorThrower.throw(incompatibleRoutingWithPathProvidedError(componentName));
+	return {
+		...routingOptions,
+		...props,
+		path: void 0
+	};
 }
 
-// src/internal.ts
-import {
-  clerkJSScriptUrl,
-  buildClerkJSScriptAttributes,
-  clerkUIScriptUrl,
-  buildClerkUIScriptAttributes,
-  setClerkJSLoadingErrorPackageName,
-  clerkJsScriptUrl,
-  buildClerkJsScriptAttributes,
-  setClerkJsLoadingErrorPackageName
-} from "@clerk/shared/loadClerkJsScript";
-var useOAuthConsent = useOAuthConsentOriginal;
-var OAuthConsent2 = OAuthConsent;
-var InternalClerkProvider = ClerkProvider;
-export {
-  IS_REACT_SHARED_VARIANT_COMPATIBLE,
-  InternalClerkProvider,
-  MultisessionAppSupport,
-  OAuthConsent2 as OAuthConsent,
-  buildClerkJSScriptAttributes,
-  buildClerkJsScriptAttributes,
-  buildClerkUIScriptAttributes,
-  clerkJSScriptUrl,
-  clerkJsScriptUrl,
-  clerkUIScriptUrl,
-  publishableKeyFromHost,
-  setClerkJSLoadingErrorPackageName,
-  setClerkJsLoadingErrorPackageName,
-  setErrorThrowerOptions,
-  useDerivedAuth,
-  useOAuthConsent,
-  useRoutingProps
-};
+//#endregion
+//#region src/internal.ts
+/**
+* @deprecated Import `useOAuthConsent` from `@clerk/react` instead.
+*/
+const useOAuthConsent = useOAuthConsent$1;
+/**
+* @deprecated Import `OAuthConsent` from `@clerk/react` instead.
+*/
+const OAuthConsent = OAuthConsent$1;
+/**
+* A wider-typed version of ClerkProvider that accepts internal script props.
+* Framework SDKs should use this instead of the public ClerkProvider.
+*/
+const InternalClerkProvider = ClerkProvider;
+
+//#endregion
+export { IS_REACT_SHARED_VARIANT_COMPATIBLE, InternalClerkProvider, MultisessionAppSupport, OAuthConsent, buildClerkJSScriptAttributes, buildClerkJsScriptAttributes, buildClerkUIScriptAttributes, clerkJSScriptUrl, clerkJsScriptUrl, clerkUIScriptUrl, publishableKeyFromHost, setClerkJSLoadingErrorPackageName, setClerkJsLoadingErrorPackageName, setErrorThrowerOptions, useDerivedAuth, useOAuthConsent, useRoutingProps };
 //# sourceMappingURL=internal.mjs.map

package/dist/internal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/internal.ts","../src/hooks/useRoutingProps.ts"],"sourcesContent":["import { useOAuthConsent as useOAuthConsentOriginal } from '@clerk/shared/react';\nimport type { InternalClerkScriptProps } from '@clerk/shared/types';\nimport type { Ui } from '@clerk/ui/internal';\nimport type React from 'react';\n\nimport { OAuthConsent as OAuthConsentOriginal } from './components/uiComponents';\nimport { ClerkProvider } from './contexts/ClerkProvider';\nimport type { ClerkProviderProps } from './types';\n\nexport { publishableKeyFromHost } from '@clerk/shared/keys';\nexport { setErrorThrowerOptions } from './errors/errorThrower';\nexport { MultisessionAppSupport } from './components/controlComponents';\n\n/**\n * @deprecated Import `useOAuthConsent` from `@clerk/react` instead.\n */\nconst useOAuthConsent = useOAuthConsentOriginal;\nexport { useOAuthConsent };\n\n/**\n * @deprecated Import `OAuthConsent` from `@clerk/react` instead.\n */\nconst OAuthConsent = OAuthConsentOriginal;\nexport { OAuthConsent };\n\nexport { useRoutingProps } from './hooks/useRoutingProps';\nexport { useDerivedAuth } from './hooks/useAuth';\nexport { IS_REACT_SHARED_VARIANT_COMPATIBLE } from './utils/versionCheck';\n\nexport {\n  clerkJSScriptUrl,\n  buildClerkJSScriptAttributes,\n  clerkUIScriptUrl,\n  buildClerkUIScriptAttributes,\n  setClerkJSLoadingErrorPackageName,\n  // Deprecated aliases - will be removed in a future major version\n  clerkJsScriptUrl,\n  buildClerkJsScriptAttributes,\n  setClerkJsLoadingErrorPackageName,\n} from '@clerk/shared/loadClerkJsScript';\n\nexport type { Ui } from '@clerk/ui/internal';\n\nexport type { InternalClerkScriptProps } from '@clerk/shared/types';\n\n/**\n * A wider-typed version of ClerkProvider that accepts internal script props.\n * Framework SDKs should use this instead of the public ClerkProvider.\n */\nexport const InternalClerkProvider = ClerkProvider as unknown as (<TUi extends Ui = Ui>(\n  props: ClerkProviderProps<TUi> & InternalClerkScriptProps,\n) => React.JSX.Element) & { displayName: string };\n","import type { RoutingOptions } from '@clerk/shared/types';\n\nimport { errorThrower } from '../errors/errorThrower';\nimport { incompatibleRoutingWithPathProvidedError, noPathProvidedError } from '../errors/messages';\n\nexport function useRoutingProps<T extends RoutingOptions>(\n  componentName: string,\n  props: T,\n  routingOptions?: RoutingOptions,\n): T {\n  const path = props.path || routingOptions?.path;\n  const routing = props.routing || routingOptions?.routing || 'path';\n\n  if (routing === 'path') {\n    if (!path) {\n      return errorThrower.throw(noPathProvidedError(componentName));\n    }\n\n    return {\n      ...routingOptions,\n      ...props,\n      routing: 'path',\n    };\n  }\n\n  if (props.path) {\n    return errorThrower.throw(incompatibleRoutingWithPathProvidedError(componentName));\n  }\n\n  return {\n    ...routingOptions,\n    ...props,\n    path: undefined,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAAS,mBAAmB,+BAA+B;AAS3D,SAAS,8BAA8B;;;ACJhC,SAAS,gBACd,eACA,OACA,gBACG;AACH,QAAM,OAAO,MAAM,SAAQ,iDAAgB;AAC3C,QAAM,UAAU,MAAM,YAAW,iDAAgB,YAAW;AAE5D,MAAI,YAAY,QAAQ;AACtB,QAAI,CAAC,MAAM;AACT,aAAO,aAAa,MAAM,oBAAoB,aAAa,CAAC;AAAA,IAC9D;AAEA,WAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,IACX;AAAA,EACF;AAEA,MAAI,MAAM,MAAM;AACd,WAAO,aAAa,MAAM,yCAAyC,aAAa,CAAC;AAAA,EACnF;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,EACR;AACF;;;ADLA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAvBP,IAAM,kBAAkB;AAMxB,IAAMA,gBAAe;AA2Bd,IAAM,wBAAwB;","names":["OAuthConsent"]}
+{"version":3,"file":"internal.mjs","names":["useOAuthConsentOriginal","OAuthConsentOriginal"],"sources":["../src/hooks/useRoutingProps.ts","../src/internal.ts"],"sourcesContent":["import type { RoutingOptions } from '@clerk/shared/types';\n\nimport { errorThrower } from '../errors/errorThrower';\nimport { incompatibleRoutingWithPathProvidedError, noPathProvidedError } from '../errors/messages';\n\nexport function useRoutingProps<T extends RoutingOptions>(\n  componentName: string,\n  props: T,\n  routingOptions?: RoutingOptions,\n): T {\n  const path = props.path || routingOptions?.path;\n  const routing = props.routing || routingOptions?.routing || 'path';\n\n  if (routing === 'path') {\n    if (!path) {\n      return errorThrower.throw(noPathProvidedError(componentName));\n    }\n\n    return {\n      ...routingOptions,\n      ...props,\n      routing: 'path',\n    };\n  }\n\n  if (props.path) {\n    return errorThrower.throw(incompatibleRoutingWithPathProvidedError(componentName));\n  }\n\n  return {\n    ...routingOptions,\n    ...props,\n    path: undefined,\n  };\n}\n","import { useOAuthConsent as useOAuthConsentOriginal } from '@clerk/shared/react';\nimport type { InternalClerkScriptProps } from '@clerk/shared/types';\nimport type React from 'react';\n\nimport { OAuthConsent as OAuthConsentOriginal } from './components/uiComponents';\nimport { ClerkProvider } from './contexts/ClerkProvider';\nimport type { ClerkProviderProps, Ui } from './types';\n\nexport { publishableKeyFromHost } from '@clerk/shared/keys';\nexport { setErrorThrowerOptions } from './errors/errorThrower';\nexport { MultisessionAppSupport } from './components/controlComponents';\n\n/**\n * @deprecated Import `useOAuthConsent` from `@clerk/react` instead.\n */\nconst useOAuthConsent = useOAuthConsentOriginal;\nexport { useOAuthConsent };\n\n/**\n * @deprecated Import `OAuthConsent` from `@clerk/react` instead.\n */\nconst OAuthConsent = OAuthConsentOriginal;\nexport { OAuthConsent };\n\nexport { useRoutingProps } from './hooks/useRoutingProps';\nexport { useDerivedAuth } from './hooks/useAuth';\nexport { IS_REACT_SHARED_VARIANT_COMPATIBLE } from './utils/versionCheck';\n\nexport {\n  clerkJSScriptUrl,\n  buildClerkJSScriptAttributes,\n  clerkUIScriptUrl,\n  buildClerkUIScriptAttributes,\n  setClerkJSLoadingErrorPackageName,\n  // Deprecated aliases - will be removed in a future major version\n  clerkJsScriptUrl,\n  buildClerkJsScriptAttributes,\n  setClerkJsLoadingErrorPackageName,\n} from '@clerk/shared/loadClerkJsScript';\n\nexport type { Ui } from './types';\n\nexport type { InternalClerkScriptProps } from '@clerk/shared/types';\n\n/**\n * A wider-typed version of ClerkProvider that accepts internal script props.\n * Framework SDKs should use this instead of the public ClerkProvider.\n */\nexport const InternalClerkProvider = ClerkProvider as unknown as (<TUi extends Ui = Ui>(\n  props: ClerkProviderProps<TUi> & InternalClerkScriptProps,\n) => React.JSX.Element) & { displayName: string };\n"],"mappings":";;;;;;;;AAKA,SAAgB,gBACd,eACA,OACA,gBACG;CACH,MAAM,OAAO,MAAM,QAAQ,gBAAgB;CAG3C,KAFgB,MAAM,WAAW,gBAAgB,WAAW,YAE5C,QAAQ;EACtB,IAAI,CAAC,MACH,OAAO,aAAa,MAAM,oBAAoB,aAAa,CAAC;EAG9D,OAAO;GACL,GAAG;GACH,GAAG;GACH,SAAS;EACX;CACF;CAEA,IAAI,MAAM,MACR,OAAO,aAAa,MAAM,yCAAyC,aAAa,CAAC;CAGnF,OAAO;EACL,GAAG;EACH,GAAG;EACH,MAAM;CACR;AACF;;;;;;;ACnBA,MAAM,kBAAkBA;;;;AAMxB,MAAM,eAAeC;;;;;AA2BrB,MAAa,wBAAwB"}

package/dist/legacy.cjs

@@ -0,0 +1,134 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_useAssertWrappedByClerkProvider = require('./useAssertWrappedByClerkProvider-Cm0djUcB.cjs');
+let _clerk_shared_react = require("@clerk/shared/react");
+let _clerk_shared_telemetry = require("@clerk/shared/telemetry");
+
+//#region src/hooks/legacy/useSignIn.ts
+/**
+* The `useSignIn()` hook provides access to the [`SignIn`](https://clerk.com/docs/reference/objects/sign-in) object, which allows you to check the current state of a sign-in attempt and manage the sign-in flow. You can use this to create a [custom sign-in flow](https://clerk.com/docs/guides/development/custom-flows/overview).
+*
+* @unionReturnHeadings
+* ["Initialization", "Loaded"]
+*
+* @example
+* ### Check the current state of a sign-in
+*
+* The following example uses the `useSignIn()` hook to access the [`SignIn`](https://clerk.com/docs/reference/objects/sign-in) object, which contains the current sign-in attempt status and methods to create a new sign-in attempt. The `isLoaded` property is used to handle the loading state.
+*
+* <Tabs items='React,Next.js'>
+* <Tab>
+*
+* ```tsx {{ filename: 'src/pages/SignInPage.tsx' }}
+* import { useSignIn } from '@clerk/react'
+*
+* export default function SignInPage() {
+*   const { isLoaded, signIn } = useSignIn()
+*
+*   if (!isLoaded) {
+*     // Handle loading state
+*     return null
+*   }
+*
+*   return <div>The current sign-in attempt status is {signIn?.status}.</div>
+* }
+* ```
+*
+* </Tab>
+* <Tab>
+*
+* {@include ../../../docs/legacy-use-sign-in.md#nextjs-01}
+*
+* </Tab>
+* </Tabs>
+*
+* @example
+* ### Create a custom sign-in flow with `useSignIn()`
+*
+* The `useSignIn()` hook can also be used to build fully custom sign-in flows, if Clerk's prebuilt components don't meet your specific needs or if you require more control over the authentication flow. Different sign-in flows include email and password, email and phone codes, email links, and multifactor (MFA). To learn more about using the `useSignIn()` hook to create custom flows, see the [custom flow guides](https://clerk.com/docs/guides/development/custom-flows/overview).
+*
+* ```empty```
+*/
+const useSignIn = () => {
+	require_useAssertWrappedByClerkProvider.useAssertWrappedByClerkProvider("useSignIn");
+	const isomorphicClerk = require_useAssertWrappedByClerkProvider.useIsomorphicClerkContext();
+	const client = (0, _clerk_shared_react.__internal_useClientBase)();
+	isomorphicClerk.telemetry?.record((0, _clerk_shared_telemetry.eventMethodCalled)("useSignIn"));
+	if (!client) return {
+		isLoaded: false,
+		signIn: void 0,
+		setActive: void 0
+	};
+	return {
+		isLoaded: true,
+		signIn: client.signIn,
+		setActive: isomorphicClerk.setActive
+	};
+};
+
+//#endregion
+//#region src/hooks/legacy/useSignUp.ts
+/**
+* The `useSignUp()` hook provides access to the [`SignUp`](https://clerk.com/docs/reference/objects/sign-up) object, which allows you to check the current state of a sign-up attempt and manage the sign-up flow. You can use this to create a [custom sign-up flow](https://clerk.com/docs/guides/development/custom-flows/overview).
+*
+* @unionReturnHeadings
+* ["Initialization", "Loaded"]
+*
+* @example
+* ### Check the current state of a sign-up
+*
+* The following example uses the `useSignUp()` hook to access the [`SignUp`](https://clerk.com/docs/reference/objects/sign-up) object, which contains the current sign-up attempt status and methods to create a new sign-up attempt. The `isLoaded` property is used to handle the loading state.
+*
+* <Tabs items='React,Next.js'>
+* <Tab>
+*
+* ```tsx {{ filename: 'src/pages/SignUpPage.tsx' }}
+* import { useSignUp } from '@clerk/react'
+*
+* export default function SignUpPage() {
+*   const { isLoaded, signUp } = useSignUp()
+*
+*   if (!isLoaded) {
+*     // Handle loading state
+*     return null
+*   }
+*
+*   return <div>The current sign-up attempt status is {signUp?.status}.</div>
+* }
+* ```
+*
+* </Tab>
+* <Tab>
+*
+* {@include ../../../docs/legacy-use-sign-up.md#nextjs-01}
+*
+* </Tab>
+* </Tabs>
+*
+* @example
+* ### Create a custom sign-up flow with `useSignUp()`
+*
+* The `useSignUp()` hook can also be used to build fully custom sign-up flows, if Clerk's prebuilt components don't meet your specific needs or if you require more control over the authentication flow. Different sign-up flows include email and password, email and phone codes, email links, and multifactor (MFA). To learn more about using the `useSignUp()` hook to create custom flows, see the [custom flow guides](https://clerk.com/docs/guides/development/custom-flows/overview).
+*
+* ```empty```
+*/
+const useSignUp = () => {
+	require_useAssertWrappedByClerkProvider.useAssertWrappedByClerkProvider("useSignUp");
+	const isomorphicClerk = require_useAssertWrappedByClerkProvider.useIsomorphicClerkContext();
+	const client = (0, _clerk_shared_react.__internal_useClientBase)();
+	isomorphicClerk.telemetry?.record((0, _clerk_shared_telemetry.eventMethodCalled)("useSignUp"));
+	if (!client) return {
+		isLoaded: false,
+		signUp: void 0,
+		setActive: void 0
+	};
+	return {
+		isLoaded: true,
+		signUp: client.signUp,
+		setActive: isomorphicClerk.setActive
+	};
+};
+
+//#endregion
+exports.useSignIn = useSignIn;
+exports.useSignUp = useSignUp;
+//# sourceMappingURL=legacy.cjs.map