@clerk/ui 1.0.0-snapshot.v20251215212157 → 1.0.0-snapshot.v20251217162523

package/dist/components/SignIn/SignInFactorTwoCodeForm.js

@@ -11,9 +11,9 @@ import { VerificationCodeCard } from "../../elements/VerificationCodeCard.js";
 import { isResetPasswordStrategy } from "./utils.js";
 import { clerkInvalidFAPIResponse } from "@clerk/shared/internal/clerk-js/errors";
 import React, { useMemo } from "react";
-import { useClerk } from "@clerk/shared/react";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { isUserLockedError } from "@clerk/shared/error";
+import { useClerk } from "@clerk/shared/react";
 
 //#region src/components/SignIn/SignInFactorTwoCodeForm.tsx
 const isResettingPassword = (resource) => isResetPasswordStrategy(resource.firstFactorVerification?.strategy) && resource.firstFactorVerification?.status === "verified";

package/dist/components/SignIn/SignInFactorTwoEmailLinkCard.js

@@ -10,9 +10,9 @@ import { EmailLinkStatusCard } from "../../common/EmailLinkStatusCard.js";
 import { handleError } from "../../utils/errorHandler.js";
 import { VerificationLinkCard } from "../../elements/VerificationLinkCard.js";
 import React from "react";
-import { useClerk } from "@clerk/shared/react";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { isUserLockedError } from "@clerk/shared/error";
+import { useClerk } from "@clerk/shared/react";
 
 //#region src/components/SignIn/SignInFactorTwoEmailLinkCard.tsx
 const isNewDevice = (resource) => resource.clientTrustState === "new";

package/dist/components/SignIn/SignInSocialButtons.js

@@ -10,9 +10,9 @@ import { web3CallbackErrorHandler } from "../../utils/web3CallbackErrorHandler.j
 import { SocialButtons } from "../../elements/SocialButtons.js";
 import React from "react";
 import { ERROR_CODES } from "@clerk/shared/internal/clerk-js/constants";
-import { useClerk } from "@clerk/shared/react";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { isClerkAPIResponseError } from "@clerk/shared/error";
+import { useClerk } from "@clerk/shared/react";
 
 //#region src/components/SignIn/SignInSocialButtons.tsx
 const SignInSocialButtons = React.memo((props) => {

package/dist/components/SignIn/SignInStart.js

@@ -31,8 +31,8 @@ import { clerkInvalidFAPIResponse } from "@clerk/shared/internal/clerk-js/errors
 import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { ERROR_CODES, SIGN_UP_MODES } from "@clerk/shared/internal/clerk-js/constants";
 import { getClerkQueryParam, removeClerkQueryParam } from "@clerk/shared/internal/clerk-js/queryParams";
-import { useClerk } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useClerk } from "@clerk/shared/react";
 import { getAlternativePhoneCodeProviderData } from "@clerk/shared/alternativePhoneCode";
 import { isWebAuthnAutofillSupported, isWebAuthnSupported } from "@clerk/shared/webauthn";
 

package/dist/components/SignIn/index.js

@@ -20,8 +20,8 @@ import { SignInFactorTwo } from "./SignInFactorTwo.js";
 import { SignInSSOCallback } from "./SignInSSOCallback.js";
 import { SignInStart } from "./SignInStart.js";
 import React from "react";
-import { useClerk } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useClerk } from "@clerk/shared/react";
 
 //#region src/components/SignIn/index.tsx
 function RedirectToSignIn() {
@@ -186,6 +186,7 @@ function SignInRoot() {
 }
 SignInRoutes.displayName = "SignIn";
 const SignIn = withCoreSessionSwitchGuard(SignInRoot);
+const InternalSignIn = withCoreSessionSwitchGuard(SignInRoot);
 const SignInModal = (props) => {
 	const signInProps = {
 		signUpUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/sign-up`,
@@ -201,7 +202,7 @@ const SignInModal = (props) => {
 				routing: "virtual",
 				mode: "modal"
 			},
-			children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(SignIn, {
+			children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(InternalSignIn, {
 				...signInProps,
 				routing: "virtual"
 			}) })

package/dist/components/SignIn/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LazySessionTasks","SignIn: React.ComponentType<SignInProps>"],"sources":["../../../src/components/SignIn/index.tsx"],"sourcesContent":["import { useClerk } from '@clerk/shared/react';\nimport type { SignInModalProps, SignInProps } from '@clerk/shared/types';\nimport React from 'react';\n\nimport { SignInEmailLinkFlowComplete, SignUpEmailLinkFlowComplete } from '@/ui/common/EmailLinkCompleteFlowCard';\nimport {\n  SignInContext,\n  SignUpContext,\n  useSignInContext,\n  useSignUpContext,\n  withCoreSessionSwitchGuard,\n} from '@/ui/contexts';\nimport { Flow } from '@/ui/customizables';\nimport { useFetch } from '@/ui/hooks';\nimport { usePreloadTasks } from '@/ui/hooks/usePreloadTasks';\nimport { SessionTasks as LazySessionTasks } from '@/ui/lazyModules/components';\nimport { Route, Switch, VIRTUAL_ROUTER_BASE_PATH } from '@/ui/router';\nimport type { SignUpCtx } from '@/ui/types';\nimport { normalizeRoutingOptions } from '@/utils/normalizeRoutingOptions';\n\nimport {\n  LazySignUpContinue,\n  LazySignUpSSOCallback,\n  LazySignUpStart,\n  LazySignUpVerifyEmail,\n  LazySignUpVerifyPhone,\n  preloadSignUp,\n} from './lazy-sign-up';\nimport { ResetPassword } from './ResetPassword';\nimport { ResetPasswordSuccess } from './ResetPasswordSuccess';\nimport { SignInAccountSwitcher } from './SignInAccountSwitcher';\nimport { SignInClientTrust } from './SignInClientTrust';\nimport { SignInFactorOne } from './SignInFactorOne';\nimport { SignInFactorTwo } from './SignInFactorTwo';\nimport { SignInSSOCallback } from './SignInSSOCallback';\nimport { SignInStart } from './SignInStart';\n\nfunction RedirectToSignIn() {\n  const clerk = useClerk();\n  React.useEffect(() => {\n    void clerk.redirectToSignIn();\n  }, []);\n  return null;\n}\n\nfunction SignInRoutes(): JSX.Element {\n  const signInContext = useSignInContext();\n  const signUpContext = useSignUpContext();\n\n  return (\n    <Flow.Root flow='signIn'>\n      <Switch>\n        <Route path='factor-one'>\n          <SignInFactorOne />\n        </Route>\n        <Route path='factor-two'>\n          <SignInFactorTwo />\n        </Route>\n        <Route path='client-trust'>\n          <SignInClientTrust />\n        </Route>\n        <Route path='reset-password'>\n          <ResetPassword />\n        </Route>\n        <Route path='reset-password-success'>\n          <ResetPasswordSuccess />\n        </Route>\n        <Route path='sso-callback'>\n          <SignInSSOCallback\n            signUpUrl={signInContext.signUpUrl}\n            signInUrl={signInContext.signInUrl}\n            signInForceRedirectUrl={signInContext.afterSignInUrl}\n            signUpForceRedirectUrl={signInContext.afterSignUpUrl}\n            continueSignUpUrl={signInContext.signUpContinueUrl}\n            transferable={signInContext.transferable}\n            firstFactorUrl={'../factor-one'}\n            secondFactorUrl={'../factor-two'}\n            resetPasswordUrl={'../reset-password'}\n          />\n        </Route>\n        <Route path='choose'>\n          <SignInAccountSwitcher />\n        </Route>\n        <Route path='verify'>\n          <SignInEmailLinkFlowComplete\n            redirectUrlComplete={signInContext.afterSignInUrl}\n            redirectUrl='../factor-two'\n          />\n        </Route>\n\n        {signInContext.isCombinedFlow && (\n          <Route path='create'>\n            <Route\n              path='verify-email-address'\n              canActivate={clerk => !!clerk.client.signUp.emailAddress}\n            >\n              <LazySignUpVerifyEmail />\n            </Route>\n            <Route\n              path='verify-phone-number'\n              canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n            >\n              <LazySignUpVerifyPhone />\n            </Route>\n            <Route path='sso-callback'>\n              <LazySignUpSSOCallback\n                signUpUrl={signUpContext.signUpUrl}\n                signInUrl={signUpContext.signInUrl}\n                signUpForceRedirectUrl={signUpContext.afterSignUpUrl}\n                signInForceRedirectUrl={signUpContext.afterSignInUrl}\n                secondFactorUrl={signUpContext.secondFactorUrl}\n                continueSignUpUrl='../continue'\n                verifyEmailAddressUrl='../verify-email-address'\n                verifyPhoneNumberUrl='../verify-phone-number'\n              />\n            </Route>\n            <Route path='verify'>\n              <SignUpEmailLinkFlowComplete\n                redirectUrlComplete={signUpContext.afterSignUpUrl}\n                verifyEmailPath='../verify-email-address'\n                verifyPhonePath='../verify-phone-number'\n                continuePath='../continue'\n              />\n            </Route>\n            <Route path='continue'>\n              <Route\n                path='verify-email-address'\n                canActivate={clerk => !!clerk.client.signUp.emailAddress}\n              >\n                <LazySignUpVerifyEmail />\n              </Route>\n              <Route\n                path='verify-phone-number'\n                canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n              >\n                <LazySignUpVerifyPhone />\n              </Route>\n              <Route index>\n                <LazySignUpContinue />\n              </Route>\n            </Route>\n            <Route path='tasks'>\n              <LazySessionTasks redirectUrlComplete={signInContext.afterSignUpUrl} />\n            </Route>\n            <Route index>\n              <LazySignUpStart />\n            </Route>\n          </Route>\n        )}\n        <Route path='tasks'>\n          <LazySessionTasks redirectUrlComplete={signInContext.afterSignInUrl} />\n        </Route>\n        <Route index>\n          <SignInStart />\n        </Route>\n        <Route>\n          <RedirectToSignIn />\n        </Route>\n      </Switch>\n    </Flow.Root>\n  );\n}\n\nconst usePreloadSignUp = (enabled = false) =>\n  useFetch(enabled ? preloadSignUp : undefined, 'preloadComponent', { staleTime: Infinity });\n\nfunction SignInRoot() {\n  const signInContext = useSignInContext();\n  const normalizedSignUpContext = {\n    componentName: 'SignUp',\n    emailLinkRedirectUrl: signInContext.emailLinkRedirectUrl,\n    ssoCallbackUrl: signInContext.ssoCallbackUrl,\n    forceRedirectUrl: signInContext.signUpForceRedirectUrl,\n    fallbackRedirectUrl: signInContext.signUpFallbackRedirectUrl,\n    signInUrl: signInContext.signInUrl,\n    unsafeMetadata: signInContext.unsafeMetadata,\n    ...normalizeRoutingOptions({ routing: signInContext?.routing, path: signInContext?.path }),\n  } as SignUpCtx;\n\n  /**\n   * Preload Sign Up when in Combined Flow.\n   */\n  usePreloadSignUp(signInContext.isCombinedFlow);\n\n  usePreloadTasks();\n\n  return (\n    <SignUpContext.Provider value={normalizedSignUpContext}>\n      <SignInRoutes />\n    </SignUpContext.Provider>\n  );\n}\n\nSignInRoutes.displayName = 'SignIn';\n\nexport const SignIn: React.ComponentType<SignInProps> = withCoreSessionSwitchGuard(SignInRoot);\n\nexport const SignInModal = (props: SignInModalProps): JSX.Element => {\n  const signInProps = {\n    signUpUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/sign-up`,\n    waitlistUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/waitlist`,\n    ...props,\n  };\n\n  return (\n    <Route path='sign-in'>\n      <SignInContext.Provider\n        value={{\n          componentName: 'SignIn',\n          ...signInProps,\n          routing: 'virtual',\n          mode: 'modal',\n        }}\n      >\n        {/*TODO: Used by InvisibleRootBox, can we simplify? */}\n        <div>\n          <SignIn\n            {...signInProps}\n            routing='virtual'\n          />\n        </div>\n      </SignInContext.Provider>\n    </Route>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["LazySessionTasks","SignIn: React.ComponentType<SignInProps>","InternalSignIn: React.ComponentType<WithInternalRouting<SignInProps>>"],"sources":["../../../src/components/SignIn/index.tsx"],"sourcesContent":["import { useClerk } from '@clerk/shared/react';\nimport type { SignInModalProps, SignInProps } from '@clerk/shared/types';\nimport React from 'react';\n\nimport { SignInEmailLinkFlowComplete, SignUpEmailLinkFlowComplete } from '@/common/EmailLinkCompleteFlowCard';\nimport {\n  SignInContext,\n  SignUpContext,\n  useSignInContext,\n  useSignUpContext,\n  withCoreSessionSwitchGuard,\n} from '@/contexts';\nimport { Flow } from '@/customizables';\nimport { useFetch } from '@/hooks';\nimport { usePreloadTasks } from '@/hooks/usePreloadTasks';\nimport type { WithInternalRouting } from '@/internal';\nimport { SessionTasks as LazySessionTasks } from '@/lazyModules/components';\nimport { Route, Switch, VIRTUAL_ROUTER_BASE_PATH } from '@/router';\nimport type { SignUpCtx } from '@/types';\nimport { normalizeRoutingOptions } from '@/utils/normalizeRoutingOptions';\n\nimport {\n  LazySignUpContinue,\n  LazySignUpSSOCallback,\n  LazySignUpStart,\n  LazySignUpVerifyEmail,\n  LazySignUpVerifyPhone,\n  preloadSignUp,\n} from './lazy-sign-up';\nimport { ResetPassword } from './ResetPassword';\nimport { ResetPasswordSuccess } from './ResetPasswordSuccess';\nimport { SignInAccountSwitcher } from './SignInAccountSwitcher';\nimport { SignInClientTrust } from './SignInClientTrust';\nimport { SignInFactorOne } from './SignInFactorOne';\nimport { SignInFactorTwo } from './SignInFactorTwo';\nimport { SignInSSOCallback } from './SignInSSOCallback';\nimport { SignInStart } from './SignInStart';\n\nfunction RedirectToSignIn() {\n  const clerk = useClerk();\n  React.useEffect(() => {\n    void clerk.redirectToSignIn();\n  }, []);\n  return null;\n}\n\nfunction SignInRoutes(): JSX.Element {\n  const signInContext = useSignInContext();\n  const signUpContext = useSignUpContext();\n\n  return (\n    <Flow.Root flow='signIn'>\n      <Switch>\n        <Route path='factor-one'>\n          <SignInFactorOne />\n        </Route>\n        <Route path='factor-two'>\n          <SignInFactorTwo />\n        </Route>\n        <Route path='client-trust'>\n          <SignInClientTrust />\n        </Route>\n        <Route path='reset-password'>\n          <ResetPassword />\n        </Route>\n        <Route path='reset-password-success'>\n          <ResetPasswordSuccess />\n        </Route>\n        <Route path='sso-callback'>\n          <SignInSSOCallback\n            signUpUrl={signInContext.signUpUrl}\n            signInUrl={signInContext.signInUrl}\n            signInForceRedirectUrl={signInContext.afterSignInUrl}\n            signUpForceRedirectUrl={signInContext.afterSignUpUrl}\n            continueSignUpUrl={signInContext.signUpContinueUrl}\n            transferable={signInContext.transferable}\n            firstFactorUrl={'../factor-one'}\n            secondFactorUrl={'../factor-two'}\n            resetPasswordUrl={'../reset-password'}\n          />\n        </Route>\n        <Route path='choose'>\n          <SignInAccountSwitcher />\n        </Route>\n        <Route path='verify'>\n          <SignInEmailLinkFlowComplete\n            redirectUrlComplete={signInContext.afterSignInUrl}\n            redirectUrl='../factor-two'\n          />\n        </Route>\n\n        {signInContext.isCombinedFlow && (\n          <Route path='create'>\n            <Route\n              path='verify-email-address'\n              canActivate={clerk => !!clerk.client.signUp.emailAddress}\n            >\n              <LazySignUpVerifyEmail />\n            </Route>\n            <Route\n              path='verify-phone-number'\n              canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n            >\n              <LazySignUpVerifyPhone />\n            </Route>\n            <Route path='sso-callback'>\n              <LazySignUpSSOCallback\n                signUpUrl={signUpContext.signUpUrl}\n                signInUrl={signUpContext.signInUrl}\n                signUpForceRedirectUrl={signUpContext.afterSignUpUrl}\n                signInForceRedirectUrl={signUpContext.afterSignInUrl}\n                secondFactorUrl={signUpContext.secondFactorUrl}\n                continueSignUpUrl='../continue'\n                verifyEmailAddressUrl='../verify-email-address'\n                verifyPhoneNumberUrl='../verify-phone-number'\n              />\n            </Route>\n            <Route path='verify'>\n              <SignUpEmailLinkFlowComplete\n                redirectUrlComplete={signUpContext.afterSignUpUrl}\n                verifyEmailPath='../verify-email-address'\n                verifyPhonePath='../verify-phone-number'\n                continuePath='../continue'\n              />\n            </Route>\n            <Route path='continue'>\n              <Route\n                path='verify-email-address'\n                canActivate={clerk => !!clerk.client.signUp.emailAddress}\n              >\n                <LazySignUpVerifyEmail />\n              </Route>\n              <Route\n                path='verify-phone-number'\n                canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n              >\n                <LazySignUpVerifyPhone />\n              </Route>\n              <Route index>\n                <LazySignUpContinue />\n              </Route>\n            </Route>\n            <Route path='tasks'>\n              <LazySessionTasks redirectUrlComplete={signInContext.afterSignUpUrl} />\n            </Route>\n            <Route index>\n              <LazySignUpStart />\n            </Route>\n          </Route>\n        )}\n        <Route path='tasks'>\n          <LazySessionTasks redirectUrlComplete={signInContext.afterSignInUrl} />\n        </Route>\n        <Route index>\n          <SignInStart />\n        </Route>\n        <Route>\n          <RedirectToSignIn />\n        </Route>\n      </Switch>\n    </Flow.Root>\n  );\n}\n\nconst usePreloadSignUp = (enabled = false) =>\n  useFetch(enabled ? preloadSignUp : undefined, 'preloadComponent', { staleTime: Infinity });\n\nfunction SignInRoot() {\n  const signInContext = useSignInContext();\n  const normalizedSignUpContext = {\n    componentName: 'SignUp',\n    emailLinkRedirectUrl: signInContext.emailLinkRedirectUrl,\n    ssoCallbackUrl: signInContext.ssoCallbackUrl,\n    forceRedirectUrl: signInContext.signUpForceRedirectUrl,\n    fallbackRedirectUrl: signInContext.signUpFallbackRedirectUrl,\n    signInUrl: signInContext.signInUrl,\n    unsafeMetadata: signInContext.unsafeMetadata,\n    ...normalizeRoutingOptions({ routing: signInContext?.routing, path: signInContext?.path }),\n  } as SignUpCtx;\n\n  /**\n   * Preload Sign Up when in Combined Flow.\n   */\n  usePreloadSignUp(signInContext.isCombinedFlow);\n\n  usePreloadTasks();\n\n  return (\n    <SignUpContext.Provider value={normalizedSignUpContext}>\n      <SignInRoutes />\n    </SignUpContext.Provider>\n  );\n}\n\nSignInRoutes.displayName = 'SignIn';\n\nexport const SignIn: React.ComponentType<SignInProps> = withCoreSessionSwitchGuard(SignInRoot);\n\nconst InternalSignIn: React.ComponentType<WithInternalRouting<SignInProps>> = withCoreSessionSwitchGuard(SignInRoot);\n\nexport const SignInModal = (props: SignInModalProps): JSX.Element => {\n  const signInProps = {\n    signUpUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/sign-up`,\n    waitlistUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/waitlist`,\n    ...props,\n  };\n\n  return (\n    <Route path='sign-in'>\n      <SignInContext.Provider\n        value={{\n          componentName: 'SignIn',\n          ...signInProps,\n          routing: 'virtual',\n          mode: 'modal',\n        }}\n      >\n        {/*TODO: Used by InvisibleRootBox, can we simplify? */}\n        <div>\n          <InternalSignIn\n            {...signInProps}\n            routing='virtual'\n          />\n        </div>\n      </SignInContext.Provider>\n    </Route>\n  );\n};\n"],"mappings":"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"}

package/dist/components/SignIn/shared.js

@@ -5,8 +5,8 @@ import { handleError } from "../../utils/errorHandler.js";
 import { useSupportEmail } from "../../hooks/useSupportEmail.js";
 import { clerkInvalidFAPIResponse } from "@clerk/shared/internal/clerk-js/errors";
 import { useCallback, useEffect } from "react";
-import { useClerk } from "@clerk/shared/react";
 import { isClerkRuntimeError, isUserLockedError } from "@clerk/shared/error";
+import { useClerk } from "@clerk/shared/react";
 import { __internal_WebAuthnAbortService } from "@clerk/shared/internal/clerk-js/passkeys";
 
 //#region src/components/SignIn/shared.ts

package/dist/components/SignUp/SignUpContinue.js

@@ -21,8 +21,8 @@ import { determineActiveFields, emailOrPhone, getInitialActiveIdentifier, minimi
 import { SignUpSocialButtons } from "./SignUpSocialButtons.js";
 import { completeSignUpFlow } from "./util.js";
 import React, { useEffect, useMemo } from "react";
-import { useClerk } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useClerk } from "@clerk/shared/react";
 
 //#region src/components/SignUp/SignUpContinue.tsx
 function SignUpContinueInternal() {

package/dist/components/SignUp/SignUpEmailLinkCard.js

@@ -11,8 +11,8 @@ import { handleError } from "../../utils/errorHandler.js";
 import { VerificationLinkCard } from "../../elements/VerificationLinkCard.js";
 import { completeSignUpFlow } from "./util.js";
 import React from "react";
-import { useClerk } from "@clerk/shared/react";
 import { jsx } from "@emotion/react/jsx-runtime";
+import { useClerk } from "@clerk/shared/react";
 
 //#region src/components/SignUp/SignUpEmailLinkCard.tsx
 const SignUpEmailLinkCard = () => {

package/dist/components/SignUp/SignUpRestrictedAccess.js

@@ -9,8 +9,8 @@ import { Card } from "../../elements/Card/index.js";
 import { Header } from "../../elements/Header.js";
 import { useSupportEmail } from "../../hooks/useSupportEmail.js";
 import { SIGN_UP_MODES } from "@clerk/shared/internal/clerk-js/constants";
-import { useClerk } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useClerk } from "@clerk/shared/react";
 
 //#region src/components/SignUp/SignUpRestrictedAccess.tsx
 const SignUpRestrictedAccess = () => {

package/dist/components/SignUp/SignUpSocialButtons.js

@@ -7,8 +7,8 @@ import { originPrefersPopup } from "../../utils/originPrefersPopup.js";
 import { web3CallbackErrorHandler } from "../../utils/web3CallbackErrorHandler.js";
 import { SocialButtons } from "../../elements/SocialButtons.js";
 import React from "react";
-import { useClerk } from "@clerk/shared/react";
 import { jsx } from "@emotion/react/jsx-runtime";
+import { useClerk } from "@clerk/shared/react";
 
 //#region src/components/SignUp/SignUpSocialButtons.tsx
 const SignUpSocialButtons = React.memo((props) => {

package/dist/components/SignUp/SignUpStart.js

@@ -31,9 +31,9 @@ import { SignUpStartAlternativePhoneCodePhoneNumberCard } from "./SignUpStartAlt
 import React from "react";
 import { ERROR_CODES, SIGN_UP_MODES } from "@clerk/shared/internal/clerk-js/constants";
 import { getClerkQueryParam, removeClerkQueryParam } from "@clerk/shared/internal/clerk-js/queryParams";
-import { useClerk } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { isClerkAPIResponseError } from "@clerk/shared/error";
+import { useClerk } from "@clerk/shared/react";
 import { getAlternativePhoneCodeProviderData } from "@clerk/shared/alternativePhoneCode";
 
 //#region src/components/SignUp/SignUpStart.tsx

package/dist/components/SignUp/SignUpVerificationCodeForm.js

@@ -5,8 +5,8 @@ import { VerificationCodeCard } from "../../elements/VerificationCodeCard.js";
 import { completeSignUpFlow } from "./util.js";
 import React from "react";
 import { forwardClerkQueryParams } from "@clerk/shared/internal/clerk-js/queryParams";
-import { useClerk } from "@clerk/shared/react";
 import { jsx } from "@emotion/react/jsx-runtime";
+import { useClerk } from "@clerk/shared/react";
 
 //#region src/components/SignUp/SignUpVerificationCodeForm.tsx
 const SignUpVerificationCodeForm = (props) => {

package/dist/components/SignUp/index.js

@@ -14,8 +14,8 @@ import { SignUpStart } from "./SignUpStart.js";
 import { SignUpVerifyEmail } from "./SignUpVerifyEmail.js";
 import { SignUpVerifyPhone } from "./SignUpVerifyPhone.js";
 import React from "react";
-import { useClerk } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useClerk } from "@clerk/shared/react";
 
 //#region src/components/SignUp/index.tsx
 function RedirectToSignUp() {
@@ -99,6 +99,7 @@ function SignUpRoutes() {
 }
 SignUpRoutes.displayName = "SignUp";
 const SignUp = withCoreSessionSwitchGuard(SignUpRoutes);
+const InternalSignUp = withCoreSessionSwitchGuard(SignUpRoutes);
 const SignUpModal = (props) => {
 	const signUpProps = {
 		signInUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/sign-in`,
@@ -114,7 +115,7 @@ const SignUpModal = (props) => {
 				routing: "virtual",
 				mode: "modal"
 			},
-			children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(SignUp, {
+			children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(InternalSignUp, {
 				...signUpProps,
 				routing: "virtual"
 			}) })

package/dist/components/SignUp/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LazySessionTasks","SignUp: React.ComponentType<SignUpProps>"],"sources":["../../../src/components/SignUp/index.tsx"],"sourcesContent":["import { useClerk } from '@clerk/shared/react';\nimport type { SignUpModalProps, SignUpProps } from '@clerk/shared/types';\nimport React from 'react';\n\nimport { usePreloadTasks } from '@/ui/hooks/usePreloadTasks';\n\nimport { SignUpEmailLinkFlowComplete } from '../../common/EmailLinkCompleteFlowCard';\nimport { SignUpContext, useSignUpContext, withCoreSessionSwitchGuard } from '../../contexts';\nimport { Flow } from '../../customizables';\nimport { SessionTasks as LazySessionTasks } from '../../lazyModules/components';\nimport { Route, Switch, VIRTUAL_ROUTER_BASE_PATH } from '../../router';\nimport { SignUpContinue } from './SignUpContinue';\nimport { SignUpEnterpriseConnections } from './SignUpEnterpriseConnections';\nimport { SignUpSSOCallback } from './SignUpSSOCallback';\nimport { SignUpStart } from './SignUpStart';\nimport { SignUpVerifyEmail } from './SignUpVerifyEmail';\nimport { SignUpVerifyPhone } from './SignUpVerifyPhone';\n\nfunction RedirectToSignUp() {\n  const clerk = useClerk();\n  React.useEffect(() => {\n    void clerk.redirectToSignUp();\n  }, []);\n  return null;\n}\n\nfunction SignUpRoutes(): JSX.Element {\n  usePreloadTasks();\n\n  const signUpContext = useSignUpContext();\n\n  return (\n    <Flow.Root flow='signUp'>\n      <Switch>\n        <Route\n          path='verify-email-address'\n          canActivate={clerk => !!clerk.client.signUp.emailAddress}\n        >\n          <SignUpVerifyEmail />\n        </Route>\n        <Route\n          path='verify-phone-number'\n          canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n        >\n          <SignUpVerifyPhone />\n        </Route>\n        <Route path='sso-callback'>\n          <SignUpSSOCallback\n            signUpUrl={signUpContext.signUpUrl}\n            signInUrl={signUpContext.signInUrl}\n            signUpForceRedirectUrl={signUpContext.afterSignUpUrl}\n            signInForceRedirectUrl={signUpContext.afterSignInUrl}\n            secondFactorUrl={signUpContext.secondFactorUrl}\n            continueSignUpUrl='../continue'\n            verifyEmailAddressUrl='../verify-email-address'\n            verifyPhoneNumberUrl='../verify-phone-number'\n          />\n        </Route>\n        <Route path='verify'>\n          <SignUpEmailLinkFlowComplete\n            redirectUrlComplete={signUpContext.afterSignUpUrl}\n            verifyEmailPath='../verify-email-address'\n            verifyPhonePath='../verify-phone-number'\n          />\n        </Route>\n        <Route path='continue'>\n          <Route\n            path='verify-email-address'\n            canActivate={clerk => !!clerk.client.signUp.emailAddress}\n          >\n            <SignUpVerifyEmail />\n          </Route>\n          <Route\n            path='verify-phone-number'\n            canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n          >\n            <SignUpVerifyPhone />\n          </Route>\n          <Route index>\n            <SignUpContinue />\n          </Route>\n        </Route>\n        <Route path='tasks'>\n          <LazySessionTasks redirectUrlComplete={signUpContext.afterSignUpUrl} />\n        </Route>\n        <Route path='enterprise-connections'>\n          <SignUpEnterpriseConnections />\n        </Route>\n        <Route index>\n          <SignUpStart />\n        </Route>\n        <Route>\n          <RedirectToSignUp />\n        </Route>\n      </Switch>\n    </Flow.Root>\n  );\n}\n\nSignUpRoutes.displayName = 'SignUp';\n\nexport const SignUp: React.ComponentType<SignUpProps> = withCoreSessionSwitchGuard(SignUpRoutes);\n\nexport const SignUpModal = (props: SignUpModalProps): JSX.Element => {\n  const signUpProps = {\n    signInUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/sign-in`,\n    waitlistUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/waitlist`,\n    ...props,\n  };\n\n  return (\n    <Route path='sign-up'>\n      <SignUpContext.Provider\n        value={{\n          componentName: 'SignUp',\n          ...signUpProps,\n          routing: 'virtual',\n          mode: 'modal',\n        }}\n      >\n        {/*TODO: Used by InvisibleRootBox, can we simplify? */}\n        <div>\n          <SignUp\n            {...signUpProps}\n            routing='virtual'\n          />\n        </div>\n      </SignUpContext.Provider>\n    </Route>\n  );\n};\n\nexport { SignUpContinue, SignUpSSOCallback, SignUpStart, SignUpVerifyEmail, SignUpVerifyPhone };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA,SAAS,mBAAmB;CAC1B,MAAM,QAAQ,UAAU;AACxB,OAAM,gBAAgB;AACpB,EAAK,MAAM,kBAAkB;IAC5B,EAAE,CAAC;AACN,QAAO;;AAGT,SAAS,eAA4B;AACnC,kBAAiB;CAEjB,MAAM,gBAAgB,kBAAkB;AAExC,QACE,oBAAC,KAAK;EAAK,MAAK;YACd,qBAAC;GACC,oBAAC;IACC,MAAK;IACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;cAE5C,oBAAC,sBAAoB;KACf;GACR,oBAAC;IACC,MAAK;IACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;cAE5C,oBAAC,sBAAoB;KACf;GACR,oBAAC;IAAM,MAAK;cACV,oBAAC;KACC,WAAW,cAAc;KACzB,WAAW,cAAc;KACzB,wBAAwB,cAAc;KACtC,wBAAwB,cAAc;KACtC,iBAAiB,cAAc;KAC/B,mBAAkB;KAClB,uBAAsB;KACtB,sBAAqB;MACrB;KACI;GACR,oBAAC;IAAM,MAAK;cACV,oBAAC;KACC,qBAAqB,cAAc;KACnC,iBAAgB;KAChB,iBAAgB;MAChB;KACI;GACR,qBAAC;IAAM,MAAK;;KACV,oBAAC;MACC,MAAK;MACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;gBAE5C,oBAAC,sBAAoB;OACf;KACR,oBAAC;MACC,MAAK;MACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;gBAE5C,oBAAC,sBAAoB;OACf;KACR,oBAAC;MAAM;gBACL,oBAAC,mBAAiB;OACZ;;KACF;GACR,oBAAC;IAAM,MAAK;cACV,oBAACA,gBAAiB,qBAAqB,cAAc,iBAAkB;KACjE;GACR,oBAAC;IAAM,MAAK;cACV,oBAAC,gCAA8B;KACzB;GACR,oBAAC;IAAM;cACL,oBAAC,gBAAc;KACT;GACR,oBAAC,mBACC,oBAAC,qBAAmB,GACd;MACD;GACC;;AAIhB,aAAa,cAAc;AAE3B,MAAaC,SAA2C,2BAA2B,aAAa;AAEhG,MAAa,eAAe,UAAyC;CACnE,MAAM,cAAc;EAClB,WAAW,IAAI,yBAAyB;EACxC,aAAa,IAAI,yBAAyB;EAC1C,GAAG;EACJ;AAED,QACE,oBAAC;EAAM,MAAK;YACV,oBAAC,cAAc;GACb,OAAO;IACL,eAAe;IACf,GAAG;IACH,SAAS;IACT,MAAM;IACP;aAGD,oBAAC,mBACC,oBAAC;IACC,GAAI;IACJ,SAAQ;KACR,GACE;IACiB;GACnB"}
+{"version":3,"file":"index.js","names":["LazySessionTasks","SignUp: React.ComponentType<SignUpProps>","InternalSignUp: React.ComponentType<WithInternalRouting<SignUpProps>>"],"sources":["../../../src/components/SignUp/index.tsx"],"sourcesContent":["import { useClerk } from '@clerk/shared/react';\nimport type { SignUpModalProps, SignUpProps } from '@clerk/shared/types';\nimport React from 'react';\n\nimport { SignUpEmailLinkFlowComplete } from '@/common/EmailLinkCompleteFlowCard';\nimport { SignUpContext, useSignUpContext, withCoreSessionSwitchGuard } from '@/contexts';\nimport { Flow } from '@/customizables';\nimport { usePreloadTasks } from '@/hooks/usePreloadTasks';\nimport type { WithInternalRouting } from '@/internal';\nimport { SessionTasks as LazySessionTasks } from '@/lazyModules/components';\nimport { Route, Switch, VIRTUAL_ROUTER_BASE_PATH } from '@/router';\n\nimport { SignUpContinue } from './SignUpContinue';\nimport { SignUpEnterpriseConnections } from './SignUpEnterpriseConnections';\nimport { SignUpSSOCallback } from './SignUpSSOCallback';\nimport { SignUpStart } from './SignUpStart';\nimport { SignUpVerifyEmail } from './SignUpVerifyEmail';\nimport { SignUpVerifyPhone } from './SignUpVerifyPhone';\n\nfunction RedirectToSignUp() {\n  const clerk = useClerk();\n  React.useEffect(() => {\n    void clerk.redirectToSignUp();\n  }, []);\n  return null;\n}\n\nfunction SignUpRoutes(): JSX.Element {\n  usePreloadTasks();\n\n  const signUpContext = useSignUpContext();\n\n  return (\n    <Flow.Root flow='signUp'>\n      <Switch>\n        <Route\n          path='verify-email-address'\n          canActivate={clerk => !!clerk.client.signUp.emailAddress}\n        >\n          <SignUpVerifyEmail />\n        </Route>\n        <Route\n          path='verify-phone-number'\n          canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n        >\n          <SignUpVerifyPhone />\n        </Route>\n        <Route path='sso-callback'>\n          <SignUpSSOCallback\n            signUpUrl={signUpContext.signUpUrl}\n            signInUrl={signUpContext.signInUrl}\n            signUpForceRedirectUrl={signUpContext.afterSignUpUrl}\n            signInForceRedirectUrl={signUpContext.afterSignInUrl}\n            secondFactorUrl={signUpContext.secondFactorUrl}\n            continueSignUpUrl='../continue'\n            verifyEmailAddressUrl='../verify-email-address'\n            verifyPhoneNumberUrl='../verify-phone-number'\n          />\n        </Route>\n        <Route path='verify'>\n          <SignUpEmailLinkFlowComplete\n            redirectUrlComplete={signUpContext.afterSignUpUrl}\n            verifyEmailPath='../verify-email-address'\n            verifyPhonePath='../verify-phone-number'\n          />\n        </Route>\n        <Route path='continue'>\n          <Route\n            path='verify-email-address'\n            canActivate={clerk => !!clerk.client.signUp.emailAddress}\n          >\n            <SignUpVerifyEmail />\n          </Route>\n          <Route\n            path='verify-phone-number'\n            canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n          >\n            <SignUpVerifyPhone />\n          </Route>\n          <Route index>\n            <SignUpContinue />\n          </Route>\n        </Route>\n        <Route path='tasks'>\n          <LazySessionTasks redirectUrlComplete={signUpContext.afterSignUpUrl} />\n        </Route>\n        <Route path='enterprise-connections'>\n          <SignUpEnterpriseConnections />\n        </Route>\n        <Route index>\n          <SignUpStart />\n        </Route>\n        <Route>\n          <RedirectToSignUp />\n        </Route>\n      </Switch>\n    </Flow.Root>\n  );\n}\n\nSignUpRoutes.displayName = 'SignUp';\n\nexport const SignUp: React.ComponentType<SignUpProps> = withCoreSessionSwitchGuard(SignUpRoutes);\n\nconst InternalSignUp: React.ComponentType<WithInternalRouting<SignUpProps>> = withCoreSessionSwitchGuard(SignUpRoutes);\n\nexport const SignUpModal = (props: SignUpModalProps): JSX.Element => {\n  const signUpProps = {\n    signInUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/sign-in`,\n    waitlistUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/waitlist`,\n    ...props,\n  };\n\n  return (\n    <Route path='sign-up'>\n      <SignUpContext.Provider\n        value={{\n          componentName: 'SignUp',\n          ...signUpProps,\n          routing: 'virtual',\n          mode: 'modal',\n        }}\n      >\n        {/*TODO: Used by InvisibleRootBox, can we simplify? */}\n        <div>\n          <InternalSignUp\n            {...signUpProps}\n            routing='virtual'\n          />\n        </div>\n      </SignUpContext.Provider>\n    </Route>\n  );\n};\n\nexport { SignUpContinue, SignUpSSOCallback, SignUpStart, SignUpVerifyEmail, SignUpVerifyPhone };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,SAAS,mBAAmB;CAC1B,MAAM,QAAQ,UAAU;AACxB,OAAM,gBAAgB;AACpB,EAAK,MAAM,kBAAkB;IAC5B,EAAE,CAAC;AACN,QAAO;;AAGT,SAAS,eAA4B;AACnC,kBAAiB;CAEjB,MAAM,gBAAgB,kBAAkB;AAExC,QACE,oBAAC,KAAK;EAAK,MAAK;YACd,qBAAC;GACC,oBAAC;IACC,MAAK;IACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;cAE5C,oBAAC,sBAAoB;KACf;GACR,oBAAC;IACC,MAAK;IACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;cAE5C,oBAAC,sBAAoB;KACf;GACR,oBAAC;IAAM,MAAK;cACV,oBAAC;KACC,WAAW,cAAc;KACzB,WAAW,cAAc;KACzB,wBAAwB,cAAc;KACtC,wBAAwB,cAAc;KACtC,iBAAiB,cAAc;KAC/B,mBAAkB;KAClB,uBAAsB;KACtB,sBAAqB;MACrB;KACI;GACR,oBAAC;IAAM,MAAK;cACV,oBAAC;KACC,qBAAqB,cAAc;KACnC,iBAAgB;KAChB,iBAAgB;MAChB;KACI;GACR,qBAAC;IAAM,MAAK;;KACV,oBAAC;MACC,MAAK;MACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;gBAE5C,oBAAC,sBAAoB;OACf;KACR,oBAAC;MACC,MAAK;MACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;gBAE5C,oBAAC,sBAAoB;OACf;KACR,oBAAC;MAAM;gBACL,oBAAC,mBAAiB;OACZ;;KACF;GACR,oBAAC;IAAM,MAAK;cACV,oBAACA,gBAAiB,qBAAqB,cAAc,iBAAkB;KACjE;GACR,oBAAC;IAAM,MAAK;cACV,oBAAC,gCAA8B;KACzB;GACR,oBAAC;IAAM;cACL,oBAAC,gBAAc;KACT;GACR,oBAAC,mBACC,oBAAC,qBAAmB,GACd;MACD;GACC;;AAIhB,aAAa,cAAc;AAE3B,MAAaC,SAA2C,2BAA2B,aAAa;AAEhG,MAAMC,iBAAwE,2BAA2B,aAAa;AAEtH,MAAa,eAAe,UAAyC;CACnE,MAAM,cAAc;EAClB,WAAW,IAAI,yBAAyB;EACxC,aAAa,IAAI,yBAAyB;EAC1C,GAAG;EACJ;AAED,QACE,oBAAC;EAAM,MAAK;YACV,oBAAC,cAAc;GACb,OAAO;IACL,eAAe;IACf,GAAG;IACH,SAAS;IACT,MAAM;IACP;aAGD,oBAAC,mBACC,oBAAC;IACC,GAAI;IACJ,SAAQ;KACR,GACE;IACiB;GACnB"}

package/dist/components/SubscriptionDetails/index.js

@@ -17,8 +17,8 @@ import { SubscriptionBadge } from "../Subscriptions/badge.js";
 import { Avatar } from "../../elements/Avatar.js";
 import * as React$1 from "react";
 import { useCallback, useContext, useState } from "react";
-import { useClerk, useOrganizationContext } from "@clerk/shared/react";
 import { Fragment as Fragment$1, jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useClerk, useOrganizationContext } from "@clerk/shared/react";
 
 //#region src/components/SubscriptionDetails/index.tsx
 const isFreePlan = (plan) => !plan.hasBaseFee;

package/dist/components/UserButton/UserButtonPopover.js

@@ -7,8 +7,8 @@ import { RootBox } from "../../elements/RootBox.js";
 import { MultiSessionActions, SignOutAllActions, SingleSessionActions } from "./SessionActions.js";
 import { useMultisessionActions } from "./useMultisessionActions.js";
 import React from "react";
-import { useSession, useUser } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useSession, useUser } from "@clerk/shared/react";
 
 //#region src/components/UserButton/UserButtonPopover.tsx
 const UserButtonPopover = React.forwardRef((props, ref) => {

package/dist/components/UserButton/UserButtonTopLevelIdentifier.js

@@ -1,7 +1,7 @@
 import { descriptors } from "../../customizables/elementDescriptors.js";
 import { Text } from "../../customizables/index.js";
-import { useUser } from "@clerk/shared/react";
 import { jsx } from "@emotion/react/jsx-runtime";
+import { useUser } from "@clerk/shared/react";
 import { getFullName, getIdentifier } from "@clerk/shared/internal/clerk-js/user";
 
 //#region src/components/UserButton/UserButtonTopLevelIdentifier.tsx

package/dist/components/UserButton/UserButtonTrigger.js

@@ -7,8 +7,8 @@ import { UserAvatar } from "../../elements/UserAvatar.js";
 import { withAvatarShimmer } from "../../elements/withAvatarShimmer.js";
 import { UserButtonTopLevelIdentifier } from "./UserButtonTopLevelIdentifier.js";
 import { forwardRef } from "react";
-import { useUser } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useUser } from "@clerk/shared/react";
 
 //#region src/components/UserButton/UserButtonTrigger.tsx
 const UserButtonTrigger = withAvatarShimmer(forwardRef((props, ref) => {

package/dist/components/UserButton/useMultisessionActions.js

@@ -3,7 +3,7 @@ import { useEnvironment } from "../../contexts/EnvironmentContext.js";
 import { useCardState } from "../../elements/contexts/index.js";
 import { sleep } from "../../utils/sleep.js";
 import { useMultipleSessions } from "../../hooks/useMultipleSessions.js";
-import { useClerk, usePortalRoot } from "@clerk/shared/react";
+import { useClerk } from "@clerk/shared/react";
 import { navigateIfTaskExists } from "@clerk/shared/internal/clerk-js/sessionTasks";
 import { windowNavigate } from "@clerk/shared/internal/clerk-js/windowNavigate";
 
@@ -14,7 +14,6 @@ const useMultisessionActions = (opts) => {
 	const { signedInSessions, otherSessions } = useMultipleSessions({ user: opts.user });
 	const { navigate } = useRouter();
 	const { displayConfig } = useEnvironment();
-	const getContainer = usePortalRoot();
 	const handleSignOutSessionClicked = (session) => () => {
 		if (otherSessions.length === 0) return signOut(opts.navigateAfterSignOut);
 		return signOut(opts.navigateAfterMultiSessionSingleSignOut, { sessionId: session.id }).finally(() => card.setIdle());
@@ -26,10 +25,7 @@ const useMultisessionActions = (opts) => {
 				opts.actionCompleteCallback?.();
 			})();
 		});
-		openUserProfile({
-			getContainer,
-			...opts.userProfileProps
-		});
+		openUserProfile(opts.userProfileProps);
 		return opts.actionCompleteCallback?.();
 	};
 	const handleUserProfileActionClicked = (__experimental_startPath) => {
@@ -40,7 +36,6 @@ const useMultisessionActions = (opts) => {
 			})();
 		});
 		openUserProfile({
-			getContainer,
 			...opts.userProfileProps,
 			...__experimental_startPath && { __experimental_startPath }
 		});

package/dist/components/UserButton/useMultisessionActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMultisessionActions.js","names":["session"],"sources":["../../../src/components/UserButton/useMultisessionActions.tsx"],"sourcesContent":["import { navigateIfTaskExists } from '@clerk/shared/internal/clerk-js/sessionTasks';\nimport { windowNavigate } from '@clerk/shared/internal/clerk-js/windowNavigate';\nimport { useClerk, usePortalRoot } from '@clerk/shared/react';\nimport type { SignedInSessionResource, UserButtonProps, UserResource } from '@clerk/shared/types';\n\nimport { useEnvironment } from '@/ui/contexts';\nimport { useCardState } from '@/ui/elements/contexts';\nimport { sleep } from '@/ui/utils/sleep';\n\nimport { useMultipleSessions } from '../../hooks/useMultipleSessions';\nimport { useRouter } from '../../router';\n\ntype UseMultisessionActionsParams = {\n  user: UserResource | null | undefined;\n  actionCompleteCallback?: () => void;\n  navigateAfterSignOut?: () => any;\n  navigateAfterMultiSessionSingleSignOut?: () => any;\n  afterSwitchSessionUrl?: string;\n  userProfileUrl?: string;\n  signInUrl?: string;\n  taskUrl?: string | null;\n} & Pick<UserButtonProps, 'userProfileMode' | 'appearance' | 'userProfileProps'>;\n\nexport const useMultisessionActions = (opts: UseMultisessionActionsParams) => {\n  const { setActive, signOut, openUserProfile } = useClerk();\n  const card = useCardState();\n  const { signedInSessions, otherSessions } = useMultipleSessions({ user: opts.user });\n  const { navigate } = useRouter();\n  const { displayConfig } = useEnvironment();\n  const getContainer = usePortalRoot();\n\n  const handleSignOutSessionClicked = (session: SignedInSessionResource) => () => {\n    if (otherSessions.length === 0) {\n      return signOut(opts.navigateAfterSignOut);\n    }\n    return signOut(opts.navigateAfterMultiSessionSingleSignOut, { sessionId: session.id }).finally(() =>\n      card.setIdle(),\n    );\n  };\n\n  const handleManageAccountClicked = () => {\n    if (opts.userProfileMode === 'navigation') {\n      return navigate(opts.userProfileUrl || '').finally(() => {\n        void (async () => {\n          await sleep(300);\n          opts.actionCompleteCallback?.();\n        })();\n      });\n    }\n    openUserProfile({ getContainer, ...opts.userProfileProps });\n    return opts.actionCompleteCallback?.();\n  };\n\n  const handleUserProfileActionClicked = (__experimental_startPath?: string) => {\n    if (opts.userProfileMode === 'navigation') {\n      return navigate(opts.userProfileUrl || '').finally(() => {\n        void (async () => {\n          await sleep(300);\n          opts.actionCompleteCallback?.();\n        })();\n      });\n    }\n    openUserProfile({\n      getContainer,\n      ...opts.userProfileProps,\n      ...(__experimental_startPath && { __experimental_startPath }),\n    });\n\n    return opts.actionCompleteCallback?.();\n  };\n\n  const handleSignOutAllClicked = () => {\n    return signOut(opts.navigateAfterSignOut);\n  };\n\n  const handleSessionClicked = (session: SignedInSessionResource) => async () => {\n    card.setLoading();\n\n    return setActive({\n      session,\n      navigate: async ({ session }) => {\n        if (!session.currentTask && opts.afterSwitchSessionUrl) {\n          await navigate(opts.afterSwitchSessionUrl);\n          return;\n        }\n\n        if (opts.taskUrl) {\n          await navigate(opts.taskUrl);\n          return;\n        }\n\n        await navigateIfTaskExists(session, {\n          baseUrl: opts.signInUrl ?? displayConfig.signInUrl,\n          navigate,\n        });\n      },\n    }).finally(() => {\n      card.setIdle();\n      opts.actionCompleteCallback?.();\n    });\n  };\n\n  const handleAddAccountClicked = () => {\n    windowNavigate(opts.signInUrl || window.location.href);\n    return sleep(2000);\n  };\n\n  return {\n    handleSignOutSessionClicked,\n    handleManageAccountClicked,\n    handleUserProfileActionClicked,\n    handleSignOutAllClicked,\n    handleSessionClicked,\n    handleAddAccountClicked,\n    otherSessions,\n    signedInSessions,\n  };\n};\n"],"mappings":";;;;;;;;;;AAuBA,MAAa,0BAA0B,SAAuC;CAC5E,MAAM,EAAE,WAAW,SAAS,oBAAoB,UAAU;CAC1D,MAAM,OAAO,cAAc;CAC3B,MAAM,EAAE,kBAAkB,kBAAkB,oBAAoB,EAAE,MAAM,KAAK,MAAM,CAAC;CACpF,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,eAAe,eAAe;CAEpC,MAAM,+BAA+B,kBAA2C;AAC9E,MAAI,cAAc,WAAW,EAC3B,QAAO,QAAQ,KAAK,qBAAqB;AAE3C,SAAO,QAAQ,KAAK,wCAAwC,EAAE,WAAW,QAAQ,IAAI,CAAC,CAAC,cACrF,KAAK,SAAS,CACf;;CAGH,MAAM,mCAAmC;AACvC,MAAI,KAAK,oBAAoB,aAC3B,QAAO,SAAS,KAAK,kBAAkB,GAAG,CAAC,cAAc;AACvD,IAAM,YAAY;AAChB,UAAM,MAAM,IAAI;AAChB,SAAK,0BAA0B;OAC7B;IACJ;AAEJ,kBAAgB;GAAE;GAAc,GAAG,KAAK;GAAkB,CAAC;AAC3D,SAAO,KAAK,0BAA0B;;CAGxC,MAAM,kCAAkC,6BAAsC;AAC5E,MAAI,KAAK,oBAAoB,aAC3B,QAAO,SAAS,KAAK,kBAAkB,GAAG,CAAC,cAAc;AACvD,IAAM,YAAY;AAChB,UAAM,MAAM,IAAI;AAChB,SAAK,0BAA0B;OAC7B;IACJ;AAEJ,kBAAgB;GACd;GACA,GAAG,KAAK;GACR,GAAI,4BAA4B,EAAE,0BAA0B;GAC7D,CAAC;AAEF,SAAO,KAAK,0BAA0B;;CAGxC,MAAM,gCAAgC;AACpC,SAAO,QAAQ,KAAK,qBAAqB;;CAG3C,MAAM,wBAAwB,YAAqC,YAAY;AAC7E,OAAK,YAAY;AAEjB,SAAO,UAAU;GACf;GACA,UAAU,OAAO,EAAE,yBAAc;AAC/B,QAAI,CAACA,UAAQ,eAAe,KAAK,uBAAuB;AACtD,WAAM,SAAS,KAAK,sBAAsB;AAC1C;;AAGF,QAAI,KAAK,SAAS;AAChB,WAAM,SAAS,KAAK,QAAQ;AAC5B;;AAGF,UAAM,qBAAqBA,WAAS;KAClC,SAAS,KAAK,aAAa,cAAc;KACzC;KACD,CAAC;;GAEL,CAAC,CAAC,cAAc;AACf,QAAK,SAAS;AACd,QAAK,0BAA0B;IAC/B;;CAGJ,MAAM,gCAAgC;AACpC,iBAAe,KAAK,aAAa,OAAO,SAAS,KAAK;AACtD,SAAO,MAAM,IAAK;;AAGpB,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"useMultisessionActions.js","names":["session"],"sources":["../../../src/components/UserButton/useMultisessionActions.tsx"],"sourcesContent":["import { navigateIfTaskExists } from '@clerk/shared/internal/clerk-js/sessionTasks';\nimport { windowNavigate } from '@clerk/shared/internal/clerk-js/windowNavigate';\nimport { useClerk } from '@clerk/shared/react';\nimport type { SignedInSessionResource, UserButtonProps, UserResource } from '@clerk/shared/types';\n\nimport { useEnvironment } from '@/ui/contexts';\nimport { useCardState } from '@/ui/elements/contexts';\nimport { sleep } from '@/ui/utils/sleep';\n\nimport { useMultipleSessions } from '../../hooks/useMultipleSessions';\nimport { useRouter } from '../../router';\n\ntype UseMultisessionActionsParams = {\n  user: UserResource | null | undefined;\n  actionCompleteCallback?: () => void;\n  navigateAfterSignOut?: () => any;\n  navigateAfterMultiSessionSingleSignOut?: () => any;\n  afterSwitchSessionUrl?: string;\n  userProfileUrl?: string;\n  signInUrl?: string;\n  taskUrl?: string | null;\n} & Pick<UserButtonProps, 'userProfileMode' | 'appearance' | 'userProfileProps'>;\n\nexport const useMultisessionActions = (opts: UseMultisessionActionsParams) => {\n  const { setActive, signOut, openUserProfile } = useClerk();\n  const card = useCardState();\n  const { signedInSessions, otherSessions } = useMultipleSessions({ user: opts.user });\n  const { navigate } = useRouter();\n  const { displayConfig } = useEnvironment();\n\n  const handleSignOutSessionClicked = (session: SignedInSessionResource) => () => {\n    if (otherSessions.length === 0) {\n      return signOut(opts.navigateAfterSignOut);\n    }\n    return signOut(opts.navigateAfterMultiSessionSingleSignOut, { sessionId: session.id }).finally(() =>\n      card.setIdle(),\n    );\n  };\n\n  const handleManageAccountClicked = () => {\n    if (opts.userProfileMode === 'navigation') {\n      return navigate(opts.userProfileUrl || '').finally(() => {\n        void (async () => {\n          await sleep(300);\n          opts.actionCompleteCallback?.();\n        })();\n      });\n    }\n    openUserProfile(opts.userProfileProps);\n    return opts.actionCompleteCallback?.();\n  };\n\n  const handleUserProfileActionClicked = (__experimental_startPath?: string) => {\n    if (opts.userProfileMode === 'navigation') {\n      return navigate(opts.userProfileUrl || '').finally(() => {\n        void (async () => {\n          await sleep(300);\n          opts.actionCompleteCallback?.();\n        })();\n      });\n    }\n    openUserProfile({\n      ...opts.userProfileProps,\n      ...(__experimental_startPath && { __experimental_startPath }),\n    });\n\n    return opts.actionCompleteCallback?.();\n  };\n\n  const handleSignOutAllClicked = () => {\n    return signOut(opts.navigateAfterSignOut);\n  };\n\n  const handleSessionClicked = (session: SignedInSessionResource) => async () => {\n    card.setLoading();\n\n    return setActive({\n      session,\n      navigate: async ({ session }) => {\n        if (!session.currentTask && opts.afterSwitchSessionUrl) {\n          await navigate(opts.afterSwitchSessionUrl);\n          return;\n        }\n\n        if (opts.taskUrl) {\n          await navigate(opts.taskUrl);\n          return;\n        }\n\n        await navigateIfTaskExists(session, {\n          baseUrl: opts.signInUrl ?? displayConfig.signInUrl,\n          navigate,\n        });\n      },\n    }).finally(() => {\n      card.setIdle();\n      opts.actionCompleteCallback?.();\n    });\n  };\n\n  const handleAddAccountClicked = () => {\n    windowNavigate(opts.signInUrl || window.location.href);\n    return sleep(2000);\n  };\n\n  return {\n    handleSignOutSessionClicked,\n    handleManageAccountClicked,\n    handleUserProfileActionClicked,\n    handleSignOutAllClicked,\n    handleSessionClicked,\n    handleAddAccountClicked,\n    otherSessions,\n    signedInSessions,\n  };\n};\n"],"mappings":";;;;;;;;;;AAuBA,MAAa,0BAA0B,SAAuC;CAC5E,MAAM,EAAE,WAAW,SAAS,oBAAoB,UAAU;CAC1D,MAAM,OAAO,cAAc;CAC3B,MAAM,EAAE,kBAAkB,kBAAkB,oBAAoB,EAAE,MAAM,KAAK,MAAM,CAAC;CACpF,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,EAAE,kBAAkB,gBAAgB;CAE1C,MAAM,+BAA+B,kBAA2C;AAC9E,MAAI,cAAc,WAAW,EAC3B,QAAO,QAAQ,KAAK,qBAAqB;AAE3C,SAAO,QAAQ,KAAK,wCAAwC,EAAE,WAAW,QAAQ,IAAI,CAAC,CAAC,cACrF,KAAK,SAAS,CACf;;CAGH,MAAM,mCAAmC;AACvC,MAAI,KAAK,oBAAoB,aAC3B,QAAO,SAAS,KAAK,kBAAkB,GAAG,CAAC,cAAc;AACvD,IAAM,YAAY;AAChB,UAAM,MAAM,IAAI;AAChB,SAAK,0BAA0B;OAC7B;IACJ;AAEJ,kBAAgB,KAAK,iBAAiB;AACtC,SAAO,KAAK,0BAA0B;;CAGxC,MAAM,kCAAkC,6BAAsC;AAC5E,MAAI,KAAK,oBAAoB,aAC3B,QAAO,SAAS,KAAK,kBAAkB,GAAG,CAAC,cAAc;AACvD,IAAM,YAAY;AAChB,UAAM,MAAM,IAAI;AAChB,SAAK,0BAA0B;OAC7B;IACJ;AAEJ,kBAAgB;GACd,GAAG,KAAK;GACR,GAAI,4BAA4B,EAAE,0BAA0B;GAC7D,CAAC;AAEF,SAAO,KAAK,0BAA0B;;CAGxC,MAAM,gCAAgC;AACpC,SAAO,QAAQ,KAAK,qBAAqB;;CAG3C,MAAM,wBAAwB,YAAqC,YAAY;AAC7E,OAAK,YAAY;AAEjB,SAAO,UAAU;GACf;GACA,UAAU,OAAO,EAAE,yBAAc;AAC/B,QAAI,CAACA,UAAQ,eAAe,KAAK,uBAAuB;AACtD,WAAM,SAAS,KAAK,sBAAsB;AAC1C;;AAGF,QAAI,KAAK,SAAS;AAChB,WAAM,SAAS,KAAK,QAAQ;AAC5B;;AAGF,UAAM,qBAAqBA,WAAS;KAClC,SAAS,KAAK,aAAa,cAAc;KACzC;KACD,CAAC;;GAEL,CAAC,CAAC,cAAc;AACf,QAAK,SAAS;AACd,QAAK,0BAA0B;IAC/B;;CAGJ,MAAM,gCAAgC;AACpC,iBAAe,KAAK,aAAa,OAAO,SAAS,KAAK;AACtD,SAAO,MAAM,IAAK;;AAGpB,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/components/UserProfile/APIKeysPage.js

@@ -6,8 +6,8 @@ import { Col } from "../../customizables/index.js";
 import { Header } from "../../elements/Header.js";
 import { APIKeysPage as APIKeysPage$1 } from "../APIKeys/APIKeys.js";
 import { useUnsafeNavbarContext } from "../../elements/Navbar.js";
-import { useUser } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/APIKeysPage.tsx
 const APIKeysPage = () => {

package/dist/components/UserProfile/AccountPage.js

@@ -13,8 +13,8 @@ import { PhoneSection } from "./PhoneSection.js";
 import { UsernameSection } from "./UsernameSection.js";
 import { UserProfileSection } from "./UserProfileSection.js";
 import { Web3Section } from "./Web3Section.js";
-import { useUser } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/AccountPage.tsx
 const AccountPage = withCardStateProvider(() => {

package/dist/components/UserProfile/ActiveDevicesSection.js

@@ -13,8 +13,8 @@ import { FullHeightLoader } from "../../elements/FullHeightLoader.js";
 import { ProfileSection } from "../../elements/Section.js";
 import { currentSessionFirst } from "./utils.js";
 import { getRelativeToNowDateKey } from "../../utils/getRelativeToNowDateKey.js";
-import { useReverification, useSession, useUser } from "@clerk/shared/react";
 import { Fragment, jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useReverification, useSession, useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/ActiveDevicesSection.tsx
 const ActiveDevicesSection = () => {

package/dist/components/UserProfile/AddAuthenticatorApp.js

@@ -10,9 +10,9 @@ import { useActionContext } from "../../elements/Action/ActionRoot.js";
 import { ClipboardInput } from "../../elements/ClipboardInput.js";
 import { FullHeightLoader } from "../../elements/FullHeightLoader.js";
 import React from "react";
-import { useReverification, useUser } from "@clerk/shared/react";
 import { Fragment as Fragment$1, jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { isClerkRuntimeError } from "@clerk/shared/error";
+import { useReverification, useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/AddAuthenticatorApp.tsx
 const AddAuthenticatorApp = withCardStateProvider((props) => {

package/dist/components/UserProfile/ConnectedAccountsMenu.js

@@ -10,8 +10,8 @@ import { ProviderInitialIcon } from "../../common/ProviderInitialIcon.js";
 import { handleError } from "../../utils/errorHandler.js";
 import { ProfileSection } from "../../elements/Section.js";
 import { appendModalState } from "@clerk/shared/internal/clerk-js/queryStateParams";
-import { useReverification, useUser } from "@clerk/shared/react";
 import { jsx } from "@emotion/react/jsx-runtime";
+import { useReverification, useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/ConnectedAccountsMenu.tsx
 const ConnectMenuButton = (props) => {

package/dist/components/UserProfile/ConnectedAccountsSection.js

@@ -16,8 +16,8 @@ import { AddConnectedAccount } from "./ConnectedAccountsMenu.js";
 import { RemoveConnectedAccountForm } from "./RemoveResourceForm.js";
 import { Fragment, useState } from "react";
 import { appendModalState } from "@clerk/shared/internal/clerk-js/queryStateParams";
-import { useReverification, useUser } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useReverification, useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/ConnectedAccountsSection.tsx
 const RemoveConnectedAccountScreen = (props) => {

package/dist/components/UserProfile/DeleteUserForm.js

@@ -9,8 +9,8 @@ import { Form } from "../../elements/Form.js";
 import { FormButtons } from "../../elements/FormButtons.js";
 import { FormContainer } from "../../elements/FormContainer.js";
 import { useMultipleSessions } from "../../hooks/useMultipleSessions.js";
-import { useClerk, useReverification, useUser } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useClerk, useReverification, useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/DeleteUserForm.tsx
 const DeleteUserForm = withCardStateProvider((props) => {

package/dist/components/UserProfile/EmailForm.js

@@ -11,8 +11,8 @@ import { VerifyWithCode } from "./VerifyWithCode.js";
 import { VerifyWithEnterpriseConnection } from "./VerifyWithEnterpriseConnection.js";
 import { VerifyWithLink } from "./VerifyWithLink.js";
 import React from "react";
-import { useReverification, useUser } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useReverification, useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/EmailForm.tsx
 const EmailForm = withCardStateProvider((props) => {

package/dist/components/UserProfile/EmailsSection.js

@@ -10,8 +10,8 @@ import { ProfileSection } from "../../elements/Section.js";
 import { RemoveEmailForm } from "./RemoveResourceForm.js";
 import { sortIdentificationBasedOnVerification } from "./utils.js";
 import { Fragment } from "react";
-import { useReverification, useUser } from "@clerk/shared/react";
 import { Fragment as Fragment$1, jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useReverification, useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/EmailsSection.tsx
 const RemoveEmailScreen = (props) => {

package/dist/components/UserProfile/EnterpriseAccountsSection.js

@@ -3,8 +3,8 @@ import { descriptors } from "../../customizables/elementDescriptors.js";
 import { Badge, Box, Flex, Image, Text } from "../../customizables/index.js";
 import { ProviderInitialIcon } from "../../common/ProviderInitialIcon.js";
 import { ProfileSection } from "../../elements/Section.js";
-import { useUser } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/EnterpriseAccountsSection.tsx
 const EnterpriseAccountsSection = () => {

package/dist/components/UserProfile/MfaBackupCodeCreateForm.js

@@ -8,9 +8,9 @@ import { FormContainer } from "../../elements/FormContainer.js";
 import { FullHeightLoader } from "../../elements/FullHeightLoader.js";
 import { MfaBackupCodeList } from "./MfaBackupCodeList.js";
 import React from "react";
-import { useReverification, useUser } from "@clerk/shared/react";
 import { Fragment as Fragment$1, jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { isReverificationCancelledError } from "@clerk/shared/error";
+import { useReverification, useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/MfaBackupCodeCreateForm.tsx
 const MfaBackupCodeCreateForm = withCardStateProvider((props) => {

package/dist/components/UserProfile/MfaBackupCodeList.js

@@ -8,8 +8,8 @@ import print_default from "../../icons/print.js";
 import { Box, Button, Col, Grid, Heading, Icon, Text } from "../../customizables/index.js";
 import { PrintableComponent, usePrintable } from "../../common/PrintableComponent.js";
 import { MfaBackupCodeTile } from "./MfaBackupCodeTile.js";
-import { useUser } from "@clerk/shared/react";
 import { Fragment, jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useUser } from "@clerk/shared/react";
 import { getIdentifier } from "@clerk/shared/internal/clerk-js/user";
 
 //#region src/components/UserProfile/MfaBackupCodeList.tsx

package/dist/components/UserProfile/MfaForm.js

@@ -7,8 +7,8 @@ import { MfaBackupCodeScreen } from "./MfaBackupCodeScreen.js";
 import { MfaPhoneCodeScreen } from "./MfaPhoneCodeScreen.js";
 import { MfaTOTPScreen } from "./MfaTOTPScreen.js";
 import React from "react";
-import { useUser } from "@clerk/shared/react";
 import { jsx } from "@emotion/react/jsx-runtime";
+import { useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/MfaForm.tsx
 const MfaForm = withCardStateProvider((props) => {

package/dist/components/UserProfile/MfaPhoneCodeScreen.js

@@ -14,8 +14,8 @@ import { SuccessPage } from "../../elements/SuccessPage.js";
 import { AddPhone } from "./PhoneForm.js";
 import { MfaBackupCodeList } from "./MfaBackupCodeList.js";
 import React from "react";
-import { useReverification, useUser } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useReverification, useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/MfaPhoneCodeScreen.tsx
 const MfaPhoneCodeScreen = withCardStateProvider((props) => {

package/dist/components/UserProfile/MfaSection.js

@@ -14,8 +14,8 @@ import { defaultFirst, getSecondFactors, getSecondFactorsAvailableToAdd } from "
 import { FormattedPhoneNumberText } from "../../elements/FormattedPhoneNumber.js";
 import { MfaBackupCodeCreateScreen, MfaScreen, RemoveMfaPhoneCodeScreen, RemoveMfaTOTPScreen } from "./MfaScreens.js";
 import React, { Fragment, useState } from "react";
-import { useUser } from "@clerk/shared/react";
 import { Fragment as Fragment$1, jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/MfaSection.tsx
 const MfaSection = () => {

package/dist/components/UserProfile/PasskeySection.js

@@ -15,8 +15,8 @@ import { ProfileSection } from "../../elements/Section.js";
 import { RemovePasskeyForm } from "./RemoveResourceForm.js";
 import { getRelativeToNowDateKey } from "../../utils/getRelativeToNowDateKey.js";
 import React, { Fragment, useState } from "react";
-import { useClerk, useReverification, useUser } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useClerk, useReverification, useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/PasskeySection.tsx
 const RemovePasskeyScreen = (props) => {

package/dist/components/UserProfile/PasswordForm.js

@@ -11,8 +11,8 @@ import { FormButtonContainer, FormButtons } from "../../elements/FormButtons.js"
 import { FormContainer } from "../../elements/FormContainer.js";
 import { InformationBox } from "../../elements/InformationBox.js";
 import { useRef } from "react";
-import { useReverification, useSession, useUser } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useReverification, useSession, useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/PasswordForm.tsx
 const generateSuccessPageText = (userHasPassword, sessionSignOut) => {

package/dist/components/UserProfile/PasswordSection.js

@@ -4,8 +4,8 @@ import { useActionContext } from "../../elements/Action/ActionRoot.js";
 import { Action } from "../../elements/Action/index.js";
 import { ProfileSection } from "../../elements/Section.js";
 import { PasswordForm } from "./PasswordForm.js";
-import { useUser } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/PasswordSection.tsx
 const PasswordScreen = () => {

package/dist/components/UserProfile/PhoneForm.js

@@ -9,8 +9,8 @@ import { FormContainer } from "../../elements/FormContainer.js";
 import { Wizard, useWizard } from "../../common/Wizard.js";
 import { VerifyWithCode } from "./VerifyWithCode.js";
 import React from "react";
-import { useReverification, useUser } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useReverification, useUser } from "@clerk/shared/react";
 
 //#region src/components/UserProfile/PhoneForm.tsx
 const PhoneForm = withCardStateProvider((props) => {