@clerk/chrome-extension 2.8.2-snapshot.v20251117213621 → 2.8.2-snapshot.v20251117220746

package/dist/esm/{chunk-ESIPBL55.js → chunk-PXSJ77YP.js}

@@ -1,5 +1,5 @@
-import { __export, buildErrorThrower, createDevOrStagingUrlCache, createClerkClient, isClerkAPIResponseError, ClerkRuntimeError, isPublishableKey } from './chunk-2FARA3ID.js';
-import React7, { createContext, useContext, useState, useRef, useEffect, createElement, useCallback, useMemo, useLayoutEffect, useDebugValue } from 'react';
+import { __export, buildErrorThrower, createDevOrStagingUrlCache, createClerkClient, isClerkAPIResponseError, ClerkRuntimeError, isPublishableKey } from './chunk-2JO3XNSK.js';
+import React8, { createContext, useContext, useState, useRef, useEffect, createElement, useCallback, useMemo, useLayoutEffect, useDebugValue } from 'react';
 import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
 import { createPortal } from 'react-dom';
 import { jsx } from 'react/jsx-runtime';
@@ -363,7 +363,7 @@ var defaultConfigOptions = {
   initFocus,
   initReconnect
 };
-var IS_REACT_LEGACY = !React7.useId;
+var IS_REACT_LEGACY = !React8.useId;
 var IS_SERVER = !isWindowDefined || isLegacyDeno;
 var rAF = (f) => hasRequestAnimationFrame() ? window["requestAnimationFrame"](f) : setTimeout(f, 1);
 var useIsomorphicLayoutEffect = IS_SERVER ? useEffect : useLayoutEffect;
@@ -710,7 +710,7 @@ var enableDevtools = isWindowDefined && window.__SWR_DEVTOOLS_USE__;
 var use = enableDevtools ? window.__SWR_DEVTOOLS_USE__ : [];
 var setupDevTools = () => {
   if (enableDevtools) {
-    window.__SWR_DEVTOOLS_REACT__ = React7;
+    window.__SWR_DEVTOOLS_REACT__ = React8;
   }
 };
 var normalize = (args) => {
@@ -778,7 +778,7 @@ var withMiddleware = (useSWR2, middleware2) => {
   };
 };
 setupDevTools();
-var use2 = React7.use || // This extra generic is to avoid TypeScript mixing up the generic and JSX sytax
+var use2 = React8.use || // This extra generic is to avoid TypeScript mixing up the generic and JSX sytax
 // and emitting an error.
 // We assume that this is only for the `use(thenable)` case, not `use(context)`.
 // https://github.com/facebook/react/blob/aed00dacfb79d17c53218404c52b1c7aa59c4a89/packages/react-server/src/ReactFizzThenable.js#L45
@@ -1537,15 +1537,15 @@ function assertContextExists(contextVal, msgOrCtx) {
 }
 var createContextAndHook = (displayName, options) => {
   const { assertCtxFn = assertContextExists } = {};
-  const Ctx = React7.createContext(void 0);
+  const Ctx = React8.createContext(void 0);
   Ctx.displayName = displayName;
   const useCtx = () => {
-    const ctx = React7.useContext(Ctx);
+    const ctx = React8.useContext(Ctx);
     assertCtxFn(ctx, `${displayName} not found`);
     return ctx.value;
   };
   const useCtxWithoutGuarantee = () => {
-    const ctx = React7.useContext(Ctx);
+    const ctx = React8.useContext(Ctx);
     return ctx ? ctx.value : {};
   };
   return [
@@ -1555,23 +1555,23 @@ var createContextAndHook = (displayName, options) => {
   ];
 };
 function SWRConfigCompat({ swrConfig, children }) {
-  return /* @__PURE__ */ React7.createElement(SWRConfig2, { value: swrConfig }, children);
+  return /* @__PURE__ */ React8.createElement(SWRConfig2, { value: swrConfig }, children);
 }
 var [ClerkInstanceContext, useClerkInstanceContext] = createContextAndHook("ClerkInstanceContext");
 var [UserContext, useUserContext] = createContextAndHook("UserContext");
 var [ClientContext, useClientContext] = createContextAndHook("ClientContext");
 var [SessionContext, useSessionContext] = createContextAndHook("SessionContext");
-React7.createContext({});
+React8.createContext({});
 var [CheckoutContext] = createContextAndHook("CheckoutContext");
 var __experimental_CheckoutProvider = ({ children, ...rest }) => {
-  return /* @__PURE__ */ React7.createElement(CheckoutContext.Provider, { value: { value: rest } }, children);
+  return /* @__PURE__ */ React8.createElement(CheckoutContext.Provider, { value: { value: rest } }, children);
 };
 var [OrganizationContextInternal, useOrganizationContext] = createContextAndHook("OrganizationContext");
 var OrganizationProvider = ({ children, organization, swrConfig }) => {
-  return /* @__PURE__ */ React7.createElement(SWRConfigCompat, { swrConfig }, /* @__PURE__ */ React7.createElement(OrganizationContextInternal.Provider, { value: { value: { organization } } }, children));
+  return /* @__PURE__ */ React8.createElement(SWRConfigCompat, { swrConfig }, /* @__PURE__ */ React8.createElement(OrganizationContextInternal.Provider, { value: { value: { organization } } }, children));
 };
 function useAssertWrappedByClerkProvider(displayNameOrFn) {
-  if (!React7.useContext(ClerkInstanceContext)) {
+  if (!React8.useContext(ClerkInstanceContext)) {
     if (typeof displayNameOrFn === "function") {
       displayNameOrFn();
       return;
@@ -2053,7 +2053,7 @@ function useOrganizationList(params) {
     userSuggestions: suggestions
   };
 }
-var useSafeLayoutEffect = typeof window !== "undefined" ? React7.useLayoutEffect : React7.useEffect;
+var useSafeLayoutEffect = typeof window !== "undefined" ? React8.useLayoutEffect : React8.useEffect;
 var hookName$3 = `useSession`;
 var useSession = () => {
   var _a;
@@ -2214,7 +2214,7 @@ var useAttachEvent = (element, event, cb) => {
     cbRef
   ]);
 };
-var ElementsContext = React7.createContext(null);
+var ElementsContext = React8.createContext(null);
 ElementsContext.displayName = "ElementsContext";
 var parseElementsContext = (ctx, useCase) => {
   if (!ctx) throw new Error(`Could not find Elements context; You need to wrap the part of your app that ${useCase} in an <Elements> provider.`);
@@ -2262,7 +2262,7 @@ var isEqual = (left, right) => {
   return allKeys.every(pred);
 };
 var useElementsOrCheckoutSdkContextWithUseCase = (useCaseString) => {
-  return parseElementsContext(React7.useContext(ElementsContext), useCaseString);
+  return parseElementsContext(React8.useContext(ElementsContext), useCaseString);
 };
 var capitalized = (str) => str.charAt(0).toUpperCase() + str.slice(1);
 var createElementComponent = (type, isServer) => {
@@ -2270,9 +2270,9 @@ var createElementComponent = (type, isServer) => {
   const ClientElement = ({ id, className, fallback, options = {}, onBlur, onFocus, onReady, onChange, onEscape, onClick, onLoadError, onLoaderStart, onNetworksChange, onConfirm, onCancel, onShippingAddressChange, onShippingRateChange }) => {
     const ctx = useElementsOrCheckoutSdkContextWithUseCase(`mounts <${displayName}>`);
     const elements = "elements" in ctx ? ctx.elements : null;
-    const [element, setElement] = React7.useState(null);
-    const elementRef = React7.useRef(null);
-    const domNode = React7.useRef(null);
+    const [element, setElement] = React8.useState(null);
+    const elementRef = React8.useRef(null);
+    const domNode = React8.useRef(null);
     const [isReady, setReady] = useState(false);
     useAttachEvent(element, "blur", onBlur);
     useAttachEvent(element, "focus", onFocus);
@@ -2292,7 +2292,7 @@ var createElementComponent = (type, isServer) => {
       onReady(element);
     };
     useAttachEvent(element, "ready", readyCallback);
-    React7.useLayoutEffect(() => {
+    React8.useLayoutEffect(() => {
       if (elementRef.current === null && domNode.current !== null && elements) {
         let newElement = null;
         if (elements) newElement = elements.create(type, options);
@@ -2302,12 +2302,12 @@ var createElementComponent = (type, isServer) => {
       }
     }, [elements, options]);
     const prevOptions = usePrevious(options);
-    React7.useEffect(() => {
+    React8.useEffect(() => {
       if (!elementRef.current) return;
       const updates = extractAllowedOptionsUpdates(options, prevOptions, ["paymentRequest"]);
       if (updates && "update" in elementRef.current) elementRef.current.update(updates);
     }, [options, prevOptions]);
-    React7.useLayoutEffect(() => {
+    React8.useLayoutEffect(() => {
       return () => {
         if (elementRef.current && typeof elementRef.current.destroy === "function") try {
           elementRef.current.destroy();
@@ -2316,7 +2316,7 @@ var createElementComponent = (type, isServer) => {
         }
       };
     }, []);
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, !isReady && fallback, /* @__PURE__ */ React7.createElement("div", {
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, !isReady && fallback, /* @__PURE__ */ React8.createElement("div", {
       id,
       style: {
         height: isReady ? "unset" : "0px",
@@ -2329,7 +2329,7 @@ var createElementComponent = (type, isServer) => {
   const ServerElement = (props) => {
     useElementsOrCheckoutSdkContextWithUseCase(`mounts <${displayName}>`);
     const { id, className } = props;
-    return /* @__PURE__ */ React7.createElement("div", {
+    return /* @__PURE__ */ React8.createElement("div", {
       id,
       className
     });
@@ -2460,8 +2460,8 @@ function useDerivedAuth(authObject, { treatPendingAsSignedOut = true } = {}) {
   return payload;
 }
 function useEmailLink(resource) {
-  const { startEmailLinkFlow, cancelEmailLinkFlow } = React7.useMemo(() => resource.createEmailLinkFlow(), [resource]);
-  React7.useEffect(() => {
+  const { startEmailLinkFlow, cancelEmailLinkFlow } = React8.useMemo(() => resource.createEmailLinkFlow(), [resource]);
+  React8.useEffect(() => {
     return cancelEmailLinkFlow;
   }, []);
   return {
@@ -2510,7 +2510,7 @@ var withClerk = (Component, displayNameOrOptions) => {
     if (!clerk.loaded && !(options == null ? void 0 : options.renderWhileLoading)) {
       return null;
     }
-    return /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(
       Component,
       {
         ...props,
@@ -2635,7 +2635,7 @@ var RedirectToSignIn = withClerk(({ clerk, ...props }) => {
     // Compat for clerk-js<5.54.0 (which was released with the `signedInSessions` property)
     client.activeSessions && client.activeSessions.length > 0
   );
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (session === null && hasSignedInSessions) {
       void clerk.redirectToAfterSignOut();
     } else {
@@ -2645,33 +2645,33 @@ var RedirectToSignIn = withClerk(({ clerk, ...props }) => {
   return null;
 }, "RedirectToSignIn");
 var RedirectToSignUp = withClerk(({ clerk, ...props }) => {
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     void clerk.redirectToSignUp(props);
   }, []);
   return null;
 }, "RedirectToSignUp");
 withClerk(({ clerk, ...props }) => {
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     void clerk.redirectToTasks(props);
   }, []);
   return null;
 }, "RedirectToTasks");
 var RedirectToUserProfile = withClerk(({ clerk }) => {
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     deprecated("RedirectToUserProfile", "Use the `redirectToUserProfile()` method instead.");
     void clerk.redirectToUserProfile();
   }, []);
   return null;
 }, "RedirectToUserProfile");
 var RedirectToOrganizationProfile = withClerk(({ clerk }) => {
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     deprecated("RedirectToOrganizationProfile", "Use the `redirectToOrganizationProfile()` method instead.");
     void clerk.redirectToOrganizationProfile();
   }, []);
   return null;
 }, "RedirectToOrganizationProfile");
 var RedirectToCreateOrganization = withClerk(({ clerk }) => {
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     deprecated("RedirectToCreateOrganization", "Use the `redirectToCreateOrganization()` method instead.");
     void clerk.redirectToCreateOrganization();
   }, []);
@@ -2679,7 +2679,7 @@ var RedirectToCreateOrganization = withClerk(({ clerk }) => {
 }, "RedirectToCreateOrganization");
 var AuthenticateWithRedirectCallback = withClerk(
   ({ clerk, ...handleRedirectCallbackParams }) => {
-    React7.useEffect(() => {
+    React8.useEffect(() => {
       void clerk.handleRedirectCallback(handleRedirectCallbackParams);
     }, []);
     return null;
@@ -2705,9 +2705,13 @@ var without = (obj, ...props) => {
   for (const prop of props) delete copy[prop];
   return copy;
 };
+var PortalContext = createContext(void 0);
+function usePortalConfig() {
+  return useContext(PortalContext);
+}
 var assertSingleChild = (children) => (name) => {
   try {
-    return React7.Children.only(children);
+    return React8.Children.only(children);
   } catch {
     return errorThrower.throw(multipleChildrenInButtonComponent(name));
   }
@@ -2717,7 +2721,7 @@ var normalizeWithDefaultValue = (children, defaultText) => {
     children = defaultText;
   }
   if (typeof children === "string") {
-    children = /* @__PURE__ */ React7.createElement("button", null, children);
+    children = /* @__PURE__ */ React8.createElement("button", null, children);
   }
   return children;
 };
@@ -2731,7 +2735,7 @@ function isConstructor(f) {
 }
 var counts = /* @__PURE__ */ new Map();
 function useMaxAllowedInstancesGuard(name, error, maxCount = 1) {
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     const count = counts.get(name) || 0;
     if (count == maxCount) {
       return errorThrower.throw(error);
@@ -2746,7 +2750,7 @@ function withMaxAllowedInstancesGuard(WrappedComponent, name, error) {
   const displayName = WrappedComponent.displayName || WrappedComponent.name || name || "Component";
   const Hoc = (props) => {
     useMaxAllowedInstancesGuard(name, error);
-    return /* @__PURE__ */ React7.createElement(WrappedComponent, { ...props });
+    return /* @__PURE__ */ React8.createElement(WrappedComponent, { ...props });
   };
   Hoc.displayName = `withMaxAllowedInstancesGuard(${displayName})`;
   return Hoc;
@@ -2768,7 +2772,7 @@ var useCustomElementPortal = (elements) => {
   }));
 };
 var isThatComponent = (v, component) => {
-  return !!v && React7.isValidElement(v) && (v == null ? void 0 : v.type) === component;
+  return !!v && React8.isValidElement(v) && (v == null ? void 0 : v.type) === component;
 };
 var useUserProfileCustomPages = (children, options) => {
   const reorderItemsLabels = ["account", "security"];
@@ -2806,7 +2810,7 @@ var useSanitizedChildren = (children) => {
     UserProfilePage,
     UserProfileLink
   ];
-  React7.Children.forEach(children, (child) => {
+  React8.Children.forEach(children, (child) => {
     if (!excludedComponents.some((component) => isThatComponent(child, component))) {
       sanitizedChildren.push(child);
     }
@@ -2817,7 +2821,7 @@ var useCustomPages = (params, options) => {
   const { children, LinkComponent, PageComponent, MenuItemsComponent, reorderItemsLabels, componentName } = params;
   const { allowForAnyChildren = false } = options || {};
   const validChildren = [];
-  React7.Children.forEach(children, (child) => {
+  React8.Children.forEach(children, (child) => {
     if (!isThatComponent(child, PageComponent) && !isThatComponent(child, LinkComponent) && !isThatComponent(child, MenuItemsComponent)) {
       if (child && !allowForAnyChildren) {
         logErrorInDevMode(customPagesIgnoredComponent(componentName));
@@ -2936,7 +2940,7 @@ var useCustomMenuItems = ({
   const validChildren = [];
   const customMenuItems = [];
   const customMenuItemsPortals = [];
-  React7.Children.forEach(children, (child) => {
+  React8.Children.forEach(children, (child) => {
     if (!isThatComponent(child, MenuItemsComponent) && !isThatComponent(child, UserProfileLinkComponent) && !isThatComponent(child, UserProfilePageComponent)) {
       if (child && !allowForAnyChildren) {
         logErrorInDevMode(userButtonIgnoredComponent);
@@ -2947,7 +2951,7 @@ var useCustomMenuItems = ({
       return;
     }
     const { props } = child;
-    React7.Children.forEach(props.children, (child2) => {
+    React8.Children.forEach(props.children, (child2) => {
       if (!isThatComponent(child2, MenuActionComponent) && !isThatComponent(child2, MenuLinkComponent)) {
         if (child2) {
           logErrorInDevMode(customMenuItemsIgnoredComponent);
@@ -3139,10 +3143,10 @@ var isOpenProps = (props) => {
 var stripMenuItemIconHandlers = (menuItems) => {
   return menuItems == null ? void 0 : menuItems.map(({ mountIcon, unmountIcon, ...rest }) => rest);
 };
-var ClerkHostRenderer = class extends React7.PureComponent {
+var ClerkHostRenderer = class extends React8.PureComponent {
   constructor() {
     super(...arguments);
-    this.rootRef = React7.createRef();
+    this.rootRef = React8.createRef();
   }
   componentDidUpdate(_prevProps) {
     var _a, _b, _c, _d;
@@ -3188,12 +3192,12 @@ var ClerkHostRenderer = class extends React7.PureComponent {
       ...this.props.rootProps,
       ...this.props.component && { "data-clerk-component": this.props.component }
     };
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, !hideRootHtmlElement && /* @__PURE__ */ React7.createElement("div", { ...rootAttributes }), this.props.children);
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, !hideRootHtmlElement && /* @__PURE__ */ React8.createElement("div", { ...rootAttributes }), this.props.children);
   }
 };
 var CustomPortalsRenderer = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, (_a = props == null ? void 0 : props.customPagesPortals) == null ? void 0 : _a.map((portal, index) => createElement(portal, { key: index })), (_b = props == null ? void 0 : props.customMenuItemsPortals) == null ? void 0 : _b.map((portal, index) => createElement(portal, { key: index })));
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, (_a = props == null ? void 0 : props.customPagesPortals) == null ? void 0 : _a.map((portal, index) => createElement(portal, { key: index })), (_b = props == null ? void 0 : props.customMenuItemsPortals) == null ? void 0 : _b.map((portal, index) => createElement(portal, { key: index })));
 };
 var SignIn = withClerk(
   ({ clerk, component, fallback, ...props }) => {
@@ -3202,7 +3206,7 @@ var SignIn = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -3223,7 +3227,7 @@ var SignUp = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -3239,11 +3243,11 @@ var SignUp = withClerk(
 );
 function UserProfilePage({ children }) {
   logErrorInDevMode(userProfilePageRenderedError);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, children);
 }
 function UserProfileLink({ children }) {
   logErrorInDevMode(userProfileLinkRenderedError);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, children);
 }
 var _UserProfile = withClerk(
   ({
@@ -3254,21 +3258,23 @@ var _UserProfile = withClerk(
   }) => {
     const mountingStatus = useWaitForComponentMount(component);
     const shouldShowFallback = mountingStatus === "rendering" || !clerk.loaded;
+    const portalFromContext = usePortalConfig();
+    const portal = props.portal !== void 0 ? props.portal : portalFromContext;
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
     const { customPages, customPagesPortals } = useUserProfileCustomPages(props.children);
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, /* @__PURE__ */ React8.createElement(
       ClerkHostRenderer,
       {
         component,
         mount: clerk.mountUserProfile,
         unmount: clerk.unmountUserProfile,
         updateProps: clerk.__unstable__updateProps,
-        props: { ...props, customPages },
+        props: { ...props, portal, customPages },
         rootProps: rendererRootProps
       },
-      /* @__PURE__ */ React7.createElement(CustomPortalsRenderer, { customPagesPortals })
+      /* @__PURE__ */ React8.createElement(CustomPortalsRenderer, { customPagesPortals })
     ));
   },
   { component: "UserProfile", renderWhileLoading: true }
@@ -3294,6 +3300,8 @@ var _UserButton = withClerk(
   }) => {
     const mountingStatus = useWaitForComponentMount(component);
     const shouldShowFallback = mountingStatus === "rendering" || !clerk.loaded;
+    const portalFromContext = usePortalConfig();
+    const portal = props.portal !== void 0 ? props.portal : portalFromContext;
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
@@ -3309,13 +3317,13 @@ var _UserButton = withClerk(
       mount: clerk.mountUserButton,
       unmount: clerk.unmountUserButton,
       updateProps: clerk.__unstable__updateProps,
-      props: { ...props, userProfileProps, customMenuItems }
+      props: { ...props, portal, userProfileProps, customMenuItems }
     };
     const portalProps = {
       customPagesPortals,
       customMenuItemsPortals
     };
-    return /* @__PURE__ */ React7.createElement(UserButtonContext.Provider, { value: passableProps }, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(UserButtonContext.Provider, { value: passableProps }, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -3324,22 +3332,22 @@ var _UserButton = withClerk(
         rootProps: rendererRootProps
       },
       props.__experimental_asProvider ? sanitizedChildren : null,
-      /* @__PURE__ */ React7.createElement(CustomPortalsRenderer, { ...portalProps })
+      /* @__PURE__ */ React8.createElement(CustomPortalsRenderer, { ...portalProps })
     ));
   },
   { component: "UserButton", renderWhileLoading: true }
 );
 function MenuItems({ children }) {
   logErrorInDevMode(userButtonMenuItemsRenderedError);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, children);
 }
 function MenuAction({ children }) {
   logErrorInDevMode(userButtonMenuActionRenderedError);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, children);
 }
 function MenuLink({ children }) {
   logErrorInDevMode(userButtonMenuLinkRenderedError);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, children);
 }
 function UserButtonOutlet(outletProps) {
   const providerProps = useContext(UserButtonContext);
@@ -3350,7 +3358,7 @@ function UserButtonOutlet(outletProps) {
       ...outletProps
     }
   };
-  return /* @__PURE__ */ React7.createElement(ClerkHostRenderer, { ...portalProps });
+  return /* @__PURE__ */ React8.createElement(ClerkHostRenderer, { ...portalProps });
 }
 var UserButton = Object.assign(_UserButton, {
   UserProfilePage,
@@ -3362,11 +3370,11 @@ var UserButton = Object.assign(_UserButton, {
 });
 function OrganizationProfilePage({ children }) {
   logErrorInDevMode(organizationProfilePageRenderedError);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, children);
 }
 function OrganizationProfileLink({ children }) {
   logErrorInDevMode(organizationProfileLinkRenderedError);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, children);
 }
 var _OrganizationProfile = withClerk(
   ({
@@ -3381,7 +3389,7 @@ var _OrganizationProfile = withClerk(
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
     const { customPages, customPagesPortals } = useOrganizationProfileCustomPages(props.children);
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -3391,7 +3399,7 @@ var _OrganizationProfile = withClerk(
         props: { ...props, customPages },
         rootProps: rendererRootProps
       },
-      /* @__PURE__ */ React7.createElement(CustomPortalsRenderer, { customPagesPortals })
+      /* @__PURE__ */ React8.createElement(CustomPortalsRenderer, { customPagesPortals })
     ));
   },
   { component: "OrganizationProfile", renderWhileLoading: true }
@@ -3407,7 +3415,7 @@ var CreateOrganization = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -3438,6 +3446,8 @@ var _OrganizationSwitcher = withClerk(
   }) => {
     const mountingStatus = useWaitForComponentMount(component);
     const shouldShowFallback = mountingStatus === "rendering" || !clerk.loaded;
+    const portalFromContext = usePortalConfig();
+    const portal = props.portal !== void 0 ? props.portal : portalFromContext;
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
@@ -3450,19 +3460,19 @@ var _OrganizationSwitcher = withClerk(
       mount: clerk.mountOrganizationSwitcher,
       unmount: clerk.unmountOrganizationSwitcher,
       updateProps: clerk.__unstable__updateProps,
-      props: { ...props, organizationProfileProps },
+      props: { ...props, portal, organizationProfileProps },
       rootProps: rendererRootProps,
       component
     };
     clerk.__experimental_prefetchOrganizationSwitcher();
-    return /* @__PURE__ */ React7.createElement(OrganizationSwitcherContext.Provider, { value: passableProps }, /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(OrganizationSwitcherContext.Provider, { value: passableProps }, /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
       ClerkHostRenderer,
       {
         ...passableProps,
         hideRootHtmlElement: !!props.__experimental_asProvider
       },
       props.__experimental_asProvider ? sanitizedChildren : null,
-      /* @__PURE__ */ React7.createElement(CustomPortalsRenderer, { customPagesPortals })
+      /* @__PURE__ */ React8.createElement(CustomPortalsRenderer, { customPagesPortals })
     )));
   },
   { component: "OrganizationSwitcher", renderWhileLoading: true }
@@ -3476,7 +3486,7 @@ function OrganizationSwitcherOutlet(outletProps) {
       ...outletProps
     }
   };
-  return /* @__PURE__ */ React7.createElement(ClerkHostRenderer, { ...portalProps });
+  return /* @__PURE__ */ React8.createElement(ClerkHostRenderer, { ...portalProps });
 }
 var OrganizationSwitcher = Object.assign(_OrganizationSwitcher, {
   OrganizationProfilePage,
@@ -3490,7 +3500,7 @@ var OrganizationList = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -3511,7 +3521,7 @@ withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -3532,7 +3542,7 @@ var Waitlist = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -3556,7 +3566,7 @@ var PricingTable = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -3577,7 +3587,7 @@ var APIKeys = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -3598,7 +3608,7 @@ var UserAvatar = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -3619,7 +3629,7 @@ withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -3644,7 +3654,7 @@ var __privateAdd2 = (obj, member, value) => member.has(obj) ? __typeError("Canno
 var __privateSet2 = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod2 = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 
-// ../shared/dist/runtime/loadClerkJsScript-C1q_TM3F.mjs
+// ../shared/dist/runtime/loadClerkJsScript-C-6GgyjL.mjs
 var { isDevOrStagingUrl } = createDevOrStagingUrlCache();
 var errorThrower2 = buildErrorThrower({ packageName: "@clerk/shared" });
 function setClerkJsLoadingErrorPackageName(packageName) {
@@ -3802,7 +3812,7 @@ var SignInButton = withClerk(
       return clickHandler();
     };
     const childProps = { ...rest, onClick: wrappedChildClickHandler };
-    return React7.cloneElement(child, childProps);
+    return React8.cloneElement(child, childProps);
   },
   { component: "SignInButton", renderWhileLoading: true }
 );
@@ -3822,7 +3832,7 @@ var SignInWithMetamaskButton = withClerk(
       return clickHandler();
     };
     const childProps = { ...rest, onClick: wrappedChildClickHandler };
-    return React7.cloneElement(child, childProps);
+    return React8.cloneElement(child, childProps);
   },
   { component: "SignInWithMetamask", renderWhileLoading: true }
 );
@@ -3837,7 +3847,7 @@ var SignOutButton = withClerk(
       return clickHandler();
     };
     const childProps = { ...rest, onClick: wrappedChildClickHandler };
-    return React7.cloneElement(child, childProps);
+    return React8.cloneElement(child, childProps);
   },
   { component: "SignOutButton", renderWhileLoading: true }
 );
@@ -3884,7 +3894,7 @@ var SignUpButton = withClerk(
       return clickHandler();
     };
     const childProps = { ...rest, onClick: wrappedChildClickHandler };
-    return React7.cloneElement(child, childProps);
+    return React8.cloneElement(child, childProps);
   },
   { component: "SignUpButton", renderWhileLoading: true }
 );
@@ -4164,7 +4174,7 @@ if (typeof globalThis.__BUILD_DISABLE_RHC__ === "undefined") {
 }
 var SDK_METADATA = {
   name: "@clerk/clerk-react",
-  version: "5.56.0-snapshot.v20251117213621",
+  version: "5.56.0-snapshot.v20251117220746",
   environment: process.env.NODE_ENV
 };
 var _status;
@@ -5398,24 +5408,24 @@ var IsomorphicClerk = _IsomorphicClerk;
 function ClerkContextProvider(props) {
   const { isomorphicClerkOptions, initialState, children } = props;
   const { isomorphicClerk: clerk, clerkStatus } = useLoadedIsomorphicClerk(isomorphicClerkOptions);
-  const [state, setState] = React7.useState({
+  const [state, setState] = React8.useState({
     client: clerk.client,
     session: clerk.session,
     user: clerk.user,
     organization: clerk.organization
   });
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     return clerk.addListener((e) => setState({ ...e }));
   }, []);
   const derivedState = deriveState(clerk.loaded, state, initialState);
-  const clerkCtx = React7.useMemo(
+  const clerkCtx = React8.useMemo(
     () => ({ value: clerk }),
     [
       // Only update the clerk reference on status change
       clerkStatus
     ]
   );
-  const clientCtx = React7.useMemo(() => ({ value: state.client }), [state.client]);
+  const clientCtx = React8.useMemo(() => ({ value: state.client }), [state.client]);
   const {
     sessionId,
     sessionStatus,
@@ -5431,7 +5441,7 @@ function ClerkContextProvider(props) {
     orgPermissions,
     factorVerificationAge
   } = derivedState;
-  const authCtx = React7.useMemo(() => {
+  const authCtx = React8.useMemo(() => {
     const value = {
       sessionId,
       sessionStatus,
@@ -5446,9 +5456,9 @@ function ClerkContextProvider(props) {
     };
     return { value };
   }, [sessionId, sessionStatus, userId, actor, orgId, orgRole, orgSlug, factorVerificationAge, sessionClaims == null ? void 0 : sessionClaims.__raw]);
-  const sessionCtx = React7.useMemo(() => ({ value: session }), [sessionId, session]);
-  const userCtx = React7.useMemo(() => ({ value: user }), [userId, user]);
-  const organizationCtx = React7.useMemo(() => {
+  const sessionCtx = React8.useMemo(() => ({ value: session }), [sessionId, session]);
+  const userCtx = React8.useMemo(() => ({ value: user }), [userId, user]);
+  const organizationCtx = React8.useMemo(() => {
     const value = {
       organization
     };
@@ -5456,7 +5466,7 @@ function ClerkContextProvider(props) {
   }, [orgId, organization]);
   return (
     // @ts-expect-error value passed is of type IsomorphicClerk where the context expects LoadedClerk
-    /* @__PURE__ */ React7.createElement(IsomorphicClerkContext.Provider, { value: clerkCtx }, /* @__PURE__ */ React7.createElement(ClientContext.Provider, { value: clientCtx }, /* @__PURE__ */ React7.createElement(SessionContext.Provider, { value: sessionCtx }, /* @__PURE__ */ React7.createElement(OrganizationProvider, { ...organizationCtx.value }, /* @__PURE__ */ React7.createElement(AuthContext.Provider, { value: authCtx }, /* @__PURE__ */ React7.createElement(UserContext.Provider, { value: userCtx }, /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React8.createElement(IsomorphicClerkContext.Provider, { value: clerkCtx }, /* @__PURE__ */ React8.createElement(ClientContext.Provider, { value: clientCtx }, /* @__PURE__ */ React8.createElement(SessionContext.Provider, { value: sessionCtx }, /* @__PURE__ */ React8.createElement(OrganizationProvider, { ...organizationCtx.value }, /* @__PURE__ */ React8.createElement(AuthContext.Provider, { value: authCtx }, /* @__PURE__ */ React8.createElement(UserContext.Provider, { value: userCtx }, /* @__PURE__ */ React8.createElement(
       __experimental_CheckoutProvider,
       {
         value: void 0
@@ -5466,15 +5476,15 @@ function ClerkContextProvider(props) {
   );
 }
 var useLoadedIsomorphicClerk = (options) => {
-  const isomorphicClerkRef = React7.useRef(IsomorphicClerk.getOrCreateInstance(options));
-  const [clerkStatus, setClerkStatus] = React7.useState(isomorphicClerkRef.current.status);
-  React7.useEffect(() => {
+  const isomorphicClerkRef = React8.useRef(IsomorphicClerk.getOrCreateInstance(options));
+  const [clerkStatus, setClerkStatus] = React8.useState(isomorphicClerkRef.current.status);
+  React8.useEffect(() => {
     void isomorphicClerkRef.current.__unstable__updateProps({ appearance: options.appearance });
   }, [options.appearance]);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     void isomorphicClerkRef.current.__unstable__updateProps({ options });
   }, [options.localization]);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     isomorphicClerkRef.current.on("status", setClerkStatus);
     return () => {
       if (isomorphicClerkRef.current) {
@@ -5495,7 +5505,7 @@ function ClerkProviderBase(props) {
       errorThrower.throwInvalidPublishableKeyError({ key: publishableKey });
     }
   }
-  return /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React8.createElement(
     ClerkContextProvider,
     {
       initialState,
@@ -5511,8 +5521,8 @@ setClerkJsLoadingErrorPackageName("@clerk/clerk-react");
 function ClerkProvider2(props) {
   const { children, storageCache, syncHost, __experimental_syncHostListener, ...rest } = props;
   const { publishableKey = "" } = props;
-  const [clerkInstance, setClerkInstance] = React7.useState(null);
-  React7.useEffect(() => {
+  const [clerkInstance, setClerkInstance] = React8.useState(null);
+  React8.useEffect(() => {
     void (async () => {
       setClerkInstance(
         await createClerkClient({ publishableKey, storageCache, syncHost, __experimental_syncHostListener })
@@ -5537,5 +5547,5 @@ function ClerkProvider2(props) {
 var GoogleOneTap2 = () => null;
 
 export { APIKeys, AuthenticateWithRedirectCallback, ClerkDegraded, ClerkFailed, ClerkLoaded, ClerkLoading, ClerkProvider2 as ClerkProvider, CreateOrganization, GoogleOneTap2 as GoogleOneTap, OrganizationList, OrganizationProfile, OrganizationSwitcher, PricingTable, Protect, RedirectToCreateOrganization, RedirectToOrganizationProfile, RedirectToSignIn, RedirectToSignUp, RedirectToUserProfile, SignIn, SignInButton, SignInWithMetamaskButton, SignOutButton, SignUp, SignUpButton, SignedIn, SignedOut, UserAvatar, UserButton, UserProfile, Waitlist, setErrorThrowerOptions, useAuth, useClerk, useEmailLink, useOrganization, useOrganizationList, useReverification, useSession, useSessionList, useSignIn, useSignUp, useUser };
-//# sourceMappingURL=chunk-ESIPBL55.js.map
-//# sourceMappingURL=chunk-ESIPBL55.js.map
+//# sourceMappingURL=chunk-PXSJ77YP.js.map
+//# sourceMappingURL=chunk-PXSJ77YP.js.map