@clerk/chrome-extension 2.8.2-snapshot.v20251117224912 → 2.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
- import { __export, buildErrorThrower, createDevOrStagingUrlCache, createClerkClient, isClerkAPIResponseError, ClerkRuntimeError, isPublishableKey } from './chunk-ZM32VYQ5.js';
2
- import React8, { createContext, useContext, useState, useRef, useEffect, createElement, useCallback, useMemo, useLayoutEffect, useDebugValue } from 'react';
1
+ import { __export, buildErrorThrower, createDevOrStagingUrlCache, createClerkClient, isClerkAPIResponseError, ClerkRuntimeError, isPublishableKey } from './chunk-BK2LWOX7.js';
2
+ import React7, { createContext, useContext, useState, useRef, useEffect, createElement, useCallback, useMemo, useLayoutEffect, useDebugValue } from 'react';
3
3
  import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
4
4
  import { createPortal } from 'react-dom';
5
5
  import { jsx } from 'react/jsx-runtime';
@@ -363,7 +363,7 @@ var defaultConfigOptions = {
363
363
  initFocus,
364
364
  initReconnect
365
365
  };
366
- var IS_REACT_LEGACY = !React8.useId;
366
+ var IS_REACT_LEGACY = !React7.useId;
367
367
  var IS_SERVER = !isWindowDefined || isLegacyDeno;
368
368
  var rAF = (f) => hasRequestAnimationFrame() ? window["requestAnimationFrame"](f) : setTimeout(f, 1);
369
369
  var useIsomorphicLayoutEffect = IS_SERVER ? useEffect : useLayoutEffect;
@@ -710,7 +710,7 @@ var enableDevtools = isWindowDefined && window.__SWR_DEVTOOLS_USE__;
710
710
  var use = enableDevtools ? window.__SWR_DEVTOOLS_USE__ : [];
711
711
  var setupDevTools = () => {
712
712
  if (enableDevtools) {
713
- window.__SWR_DEVTOOLS_REACT__ = React8;
713
+ window.__SWR_DEVTOOLS_REACT__ = React7;
714
714
  }
715
715
  };
716
716
  var normalize = (args) => {
@@ -778,7 +778,7 @@ var withMiddleware = (useSWR2, middleware2) => {
778
778
  };
779
779
  };
780
780
  setupDevTools();
781
- var use2 = React8.use || // This extra generic is to avoid TypeScript mixing up the generic and JSX sytax
781
+ var use2 = React7.use || // This extra generic is to avoid TypeScript mixing up the generic and JSX sytax
782
782
  // and emitting an error.
783
783
  // We assume that this is only for the `use(thenable)` case, not `use(context)`.
784
784
  // https://github.com/facebook/react/blob/aed00dacfb79d17c53218404c52b1c7aa59c4a89/packages/react-server/src/ReactFizzThenable.js#L45
@@ -1537,15 +1537,15 @@ function assertContextExists(contextVal, msgOrCtx) {
1537
1537
  }
1538
1538
  var createContextAndHook = (displayName, options) => {
1539
1539
  const { assertCtxFn = assertContextExists } = {};
1540
- const Ctx = React8.createContext(void 0);
1540
+ const Ctx = React7.createContext(void 0);
1541
1541
  Ctx.displayName = displayName;
1542
1542
  const useCtx = () => {
1543
- const ctx = React8.useContext(Ctx);
1543
+ const ctx = React7.useContext(Ctx);
1544
1544
  assertCtxFn(ctx, `${displayName} not found`);
1545
1545
  return ctx.value;
1546
1546
  };
1547
1547
  const useCtxWithoutGuarantee = () => {
1548
- const ctx = React8.useContext(Ctx);
1548
+ const ctx = React7.useContext(Ctx);
1549
1549
  return ctx ? ctx.value : {};
1550
1550
  };
1551
1551
  return [
@@ -1555,23 +1555,23 @@ var createContextAndHook = (displayName, options) => {
1555
1555
  ];
1556
1556
  };
1557
1557
  function SWRConfigCompat({ swrConfig, children }) {
1558
- return /* @__PURE__ */ React8.createElement(SWRConfig2, { value: swrConfig }, children);
1558
+ return /* @__PURE__ */ React7.createElement(SWRConfig2, { value: swrConfig }, children);
1559
1559
  }
1560
1560
  var [ClerkInstanceContext, useClerkInstanceContext] = createContextAndHook("ClerkInstanceContext");
1561
1561
  var [UserContext, useUserContext] = createContextAndHook("UserContext");
1562
1562
  var [ClientContext, useClientContext] = createContextAndHook("ClientContext");
1563
1563
  var [SessionContext, useSessionContext] = createContextAndHook("SessionContext");
1564
- React8.createContext({});
1564
+ React7.createContext({});
1565
1565
  var [CheckoutContext] = createContextAndHook("CheckoutContext");
1566
1566
  var __experimental_CheckoutProvider = ({ children, ...rest }) => {
1567
- return /* @__PURE__ */ React8.createElement(CheckoutContext.Provider, { value: { value: rest } }, children);
1567
+ return /* @__PURE__ */ React7.createElement(CheckoutContext.Provider, { value: { value: rest } }, children);
1568
1568
  };
1569
1569
  var [OrganizationContextInternal, useOrganizationContext] = createContextAndHook("OrganizationContext");
1570
1570
  var OrganizationProvider = ({ children, organization, swrConfig }) => {
1571
- return /* @__PURE__ */ React8.createElement(SWRConfigCompat, { swrConfig }, /* @__PURE__ */ React8.createElement(OrganizationContextInternal.Provider, { value: { value: { organization } } }, children));
1571
+ return /* @__PURE__ */ React7.createElement(SWRConfigCompat, { swrConfig }, /* @__PURE__ */ React7.createElement(OrganizationContextInternal.Provider, { value: { value: { organization } } }, children));
1572
1572
  };
1573
1573
  function useAssertWrappedByClerkProvider(displayNameOrFn) {
1574
- if (!React8.useContext(ClerkInstanceContext)) {
1574
+ if (!React7.useContext(ClerkInstanceContext)) {
1575
1575
  if (typeof displayNameOrFn === "function") {
1576
1576
  displayNameOrFn();
1577
1577
  return;
@@ -2053,7 +2053,7 @@ function useOrganizationList(params) {
2053
2053
  userSuggestions: suggestions
2054
2054
  };
2055
2055
  }
2056
- var useSafeLayoutEffect = typeof window !== "undefined" ? React8.useLayoutEffect : React8.useEffect;
2056
+ var useSafeLayoutEffect = typeof window !== "undefined" ? React7.useLayoutEffect : React7.useEffect;
2057
2057
  var hookName$3 = `useSession`;
2058
2058
  var useSession = () => {
2059
2059
  var _a;
@@ -2214,7 +2214,7 @@ var useAttachEvent = (element, event, cb) => {
2214
2214
  cbRef
2215
2215
  ]);
2216
2216
  };
2217
- var ElementsContext = React8.createContext(null);
2217
+ var ElementsContext = React7.createContext(null);
2218
2218
  ElementsContext.displayName = "ElementsContext";
2219
2219
  var parseElementsContext = (ctx, useCase) => {
2220
2220
  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) => {
2262
2262
  return allKeys.every(pred);
2263
2263
  };
2264
2264
  var useElementsOrCheckoutSdkContextWithUseCase = (useCaseString) => {
2265
- return parseElementsContext(React8.useContext(ElementsContext), useCaseString);
2265
+ return parseElementsContext(React7.useContext(ElementsContext), useCaseString);
2266
2266
  };
2267
2267
  var capitalized = (str) => str.charAt(0).toUpperCase() + str.slice(1);
2268
2268
  var createElementComponent = (type, isServer) => {
@@ -2270,9 +2270,9 @@ var createElementComponent = (type, isServer) => {
2270
2270
  const ClientElement = ({ id, className, fallback, options = {}, onBlur, onFocus, onReady, onChange, onEscape, onClick, onLoadError, onLoaderStart, onNetworksChange, onConfirm, onCancel, onShippingAddressChange, onShippingRateChange }) => {
2271
2271
  const ctx = useElementsOrCheckoutSdkContextWithUseCase(`mounts <${displayName}>`);
2272
2272
  const elements = "elements" in ctx ? ctx.elements : null;
2273
- const [element, setElement] = React8.useState(null);
2274
- const elementRef = React8.useRef(null);
2275
- const domNode = React8.useRef(null);
2273
+ const [element, setElement] = React7.useState(null);
2274
+ const elementRef = React7.useRef(null);
2275
+ const domNode = React7.useRef(null);
2276
2276
  const [isReady, setReady] = useState(false);
2277
2277
  useAttachEvent(element, "blur", onBlur);
2278
2278
  useAttachEvent(element, "focus", onFocus);
@@ -2292,7 +2292,7 @@ var createElementComponent = (type, isServer) => {
2292
2292
  onReady(element);
2293
2293
  };
2294
2294
  useAttachEvent(element, "ready", readyCallback);
2295
- React8.useLayoutEffect(() => {
2295
+ React7.useLayoutEffect(() => {
2296
2296
  if (elementRef.current === null && domNode.current !== null && elements) {
2297
2297
  let newElement = null;
2298
2298
  if (elements) newElement = elements.create(type, options);
@@ -2302,12 +2302,12 @@ var createElementComponent = (type, isServer) => {
2302
2302
  }
2303
2303
  }, [elements, options]);
2304
2304
  const prevOptions = usePrevious(options);
2305
- React8.useEffect(() => {
2305
+ React7.useEffect(() => {
2306
2306
  if (!elementRef.current) return;
2307
2307
  const updates = extractAllowedOptionsUpdates(options, prevOptions, ["paymentRequest"]);
2308
2308
  if (updates && "update" in elementRef.current) elementRef.current.update(updates);
2309
2309
  }, [options, prevOptions]);
2310
- React8.useLayoutEffect(() => {
2310
+ React7.useLayoutEffect(() => {
2311
2311
  return () => {
2312
2312
  if (elementRef.current && typeof elementRef.current.destroy === "function") try {
2313
2313
  elementRef.current.destroy();
@@ -2316,7 +2316,7 @@ var createElementComponent = (type, isServer) => {
2316
2316
  }
2317
2317
  };
2318
2318
  }, []);
2319
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, !isReady && fallback, /* @__PURE__ */ React8.createElement("div", {
2319
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, !isReady && fallback, /* @__PURE__ */ React7.createElement("div", {
2320
2320
  id,
2321
2321
  style: {
2322
2322
  height: isReady ? "unset" : "0px",
@@ -2329,7 +2329,7 @@ var createElementComponent = (type, isServer) => {
2329
2329
  const ServerElement = (props) => {
2330
2330
  useElementsOrCheckoutSdkContextWithUseCase(`mounts <${displayName}>`);
2331
2331
  const { id, className } = props;
2332
- return /* @__PURE__ */ React8.createElement("div", {
2332
+ return /* @__PURE__ */ React7.createElement("div", {
2333
2333
  id,
2334
2334
  className
2335
2335
  });
@@ -2460,8 +2460,8 @@ function useDerivedAuth(authObject, { treatPendingAsSignedOut = true } = {}) {
2460
2460
  return payload;
2461
2461
  }
2462
2462
  function useEmailLink(resource) {
2463
- const { startEmailLinkFlow, cancelEmailLinkFlow } = React8.useMemo(() => resource.createEmailLinkFlow(), [resource]);
2464
- React8.useEffect(() => {
2463
+ const { startEmailLinkFlow, cancelEmailLinkFlow } = React7.useMemo(() => resource.createEmailLinkFlow(), [resource]);
2464
+ React7.useEffect(() => {
2465
2465
  return cancelEmailLinkFlow;
2466
2466
  }, []);
2467
2467
  return {
@@ -2510,7 +2510,7 @@ var withClerk = (Component, displayNameOrOptions) => {
2510
2510
  if (!clerk.loaded && !(options == null ? void 0 : options.renderWhileLoading)) {
2511
2511
  return null;
2512
2512
  }
2513
- return /* @__PURE__ */ React8.createElement(
2513
+ return /* @__PURE__ */ React7.createElement(
2514
2514
  Component,
2515
2515
  {
2516
2516
  ...props,
@@ -2635,7 +2635,7 @@ var RedirectToSignIn = withClerk(({ clerk, ...props }) => {
2635
2635
  // Compat for clerk-js<5.54.0 (which was released with the `signedInSessions` property)
2636
2636
  client.activeSessions && client.activeSessions.length > 0
2637
2637
  );
2638
- React8.useEffect(() => {
2638
+ React7.useEffect(() => {
2639
2639
  if (session === null && hasSignedInSessions) {
2640
2640
  void clerk.redirectToAfterSignOut();
2641
2641
  } else {
@@ -2645,33 +2645,33 @@ var RedirectToSignIn = withClerk(({ clerk, ...props }) => {
2645
2645
  return null;
2646
2646
  }, "RedirectToSignIn");
2647
2647
  var RedirectToSignUp = withClerk(({ clerk, ...props }) => {
2648
- React8.useEffect(() => {
2648
+ React7.useEffect(() => {
2649
2649
  void clerk.redirectToSignUp(props);
2650
2650
  }, []);
2651
2651
  return null;
2652
2652
  }, "RedirectToSignUp");
2653
2653
  withClerk(({ clerk, ...props }) => {
2654
- React8.useEffect(() => {
2654
+ React7.useEffect(() => {
2655
2655
  void clerk.redirectToTasks(props);
2656
2656
  }, []);
2657
2657
  return null;
2658
2658
  }, "RedirectToTasks");
2659
2659
  var RedirectToUserProfile = withClerk(({ clerk }) => {
2660
- React8.useEffect(() => {
2660
+ React7.useEffect(() => {
2661
2661
  deprecated("RedirectToUserProfile", "Use the `redirectToUserProfile()` method instead.");
2662
2662
  void clerk.redirectToUserProfile();
2663
2663
  }, []);
2664
2664
  return null;
2665
2665
  }, "RedirectToUserProfile");
2666
2666
  var RedirectToOrganizationProfile = withClerk(({ clerk }) => {
2667
- React8.useEffect(() => {
2667
+ React7.useEffect(() => {
2668
2668
  deprecated("RedirectToOrganizationProfile", "Use the `redirectToOrganizationProfile()` method instead.");
2669
2669
  void clerk.redirectToOrganizationProfile();
2670
2670
  }, []);
2671
2671
  return null;
2672
2672
  }, "RedirectToOrganizationProfile");
2673
2673
  var RedirectToCreateOrganization = withClerk(({ clerk }) => {
2674
- React8.useEffect(() => {
2674
+ React7.useEffect(() => {
2675
2675
  deprecated("RedirectToCreateOrganization", "Use the `redirectToCreateOrganization()` method instead.");
2676
2676
  void clerk.redirectToCreateOrganization();
2677
2677
  }, []);
@@ -2679,7 +2679,7 @@ var RedirectToCreateOrganization = withClerk(({ clerk }) => {
2679
2679
  }, "RedirectToCreateOrganization");
2680
2680
  var AuthenticateWithRedirectCallback = withClerk(
2681
2681
  ({ clerk, ...handleRedirectCallbackParams }) => {
2682
- React8.useEffect(() => {
2682
+ React7.useEffect(() => {
2683
2683
  void clerk.handleRedirectCallback(handleRedirectCallbackParams);
2684
2684
  }, []);
2685
2685
  return null;
@@ -2705,13 +2705,9 @@ var without = (obj, ...props) => {
2705
2705
  for (const prop of props) delete copy[prop];
2706
2706
  return copy;
2707
2707
  };
2708
- var PortalContext = createContext(void 0);
2709
- function usePortalConfig() {
2710
- return useContext(PortalContext);
2711
- }
2712
2708
  var assertSingleChild = (children) => (name) => {
2713
2709
  try {
2714
- return React8.Children.only(children);
2710
+ return React7.Children.only(children);
2715
2711
  } catch {
2716
2712
  return errorThrower.throw(multipleChildrenInButtonComponent(name));
2717
2713
  }
@@ -2721,7 +2717,7 @@ var normalizeWithDefaultValue = (children, defaultText) => {
2721
2717
  children = defaultText;
2722
2718
  }
2723
2719
  if (typeof children === "string") {
2724
- children = /* @__PURE__ */ React8.createElement("button", null, children);
2720
+ children = /* @__PURE__ */ React7.createElement("button", null, children);
2725
2721
  }
2726
2722
  return children;
2727
2723
  };
@@ -2735,7 +2731,7 @@ function isConstructor(f) {
2735
2731
  }
2736
2732
  var counts = /* @__PURE__ */ new Map();
2737
2733
  function useMaxAllowedInstancesGuard(name, error, maxCount = 1) {
2738
- React8.useEffect(() => {
2734
+ React7.useEffect(() => {
2739
2735
  const count = counts.get(name) || 0;
2740
2736
  if (count == maxCount) {
2741
2737
  return errorThrower.throw(error);
@@ -2750,7 +2746,7 @@ function withMaxAllowedInstancesGuard(WrappedComponent, name, error) {
2750
2746
  const displayName = WrappedComponent.displayName || WrappedComponent.name || name || "Component";
2751
2747
  const Hoc = (props) => {
2752
2748
  useMaxAllowedInstancesGuard(name, error);
2753
- return /* @__PURE__ */ React8.createElement(WrappedComponent, { ...props });
2749
+ return /* @__PURE__ */ React7.createElement(WrappedComponent, { ...props });
2754
2750
  };
2755
2751
  Hoc.displayName = `withMaxAllowedInstancesGuard(${displayName})`;
2756
2752
  return Hoc;
@@ -2772,7 +2768,7 @@ var useCustomElementPortal = (elements) => {
2772
2768
  }));
2773
2769
  };
2774
2770
  var isThatComponent = (v, component) => {
2775
- return !!v && React8.isValidElement(v) && (v == null ? void 0 : v.type) === component;
2771
+ return !!v && React7.isValidElement(v) && (v == null ? void 0 : v.type) === component;
2776
2772
  };
2777
2773
  var useUserProfileCustomPages = (children, options) => {
2778
2774
  const reorderItemsLabels = ["account", "security"];
@@ -2810,7 +2806,7 @@ var useSanitizedChildren = (children) => {
2810
2806
  UserProfilePage,
2811
2807
  UserProfileLink
2812
2808
  ];
2813
- React8.Children.forEach(children, (child) => {
2809
+ React7.Children.forEach(children, (child) => {
2814
2810
  if (!excludedComponents.some((component) => isThatComponent(child, component))) {
2815
2811
  sanitizedChildren.push(child);
2816
2812
  }
@@ -2821,7 +2817,7 @@ var useCustomPages = (params, options) => {
2821
2817
  const { children, LinkComponent, PageComponent, MenuItemsComponent, reorderItemsLabels, componentName } = params;
2822
2818
  const { allowForAnyChildren = false } = options || {};
2823
2819
  const validChildren = [];
2824
- React8.Children.forEach(children, (child) => {
2820
+ React7.Children.forEach(children, (child) => {
2825
2821
  if (!isThatComponent(child, PageComponent) && !isThatComponent(child, LinkComponent) && !isThatComponent(child, MenuItemsComponent)) {
2826
2822
  if (child && !allowForAnyChildren) {
2827
2823
  logErrorInDevMode(customPagesIgnoredComponent(componentName));
@@ -2940,7 +2936,7 @@ var useCustomMenuItems = ({
2940
2936
  const validChildren = [];
2941
2937
  const customMenuItems = [];
2942
2938
  const customMenuItemsPortals = [];
2943
- React8.Children.forEach(children, (child) => {
2939
+ React7.Children.forEach(children, (child) => {
2944
2940
  if (!isThatComponent(child, MenuItemsComponent) && !isThatComponent(child, UserProfileLinkComponent) && !isThatComponent(child, UserProfilePageComponent)) {
2945
2941
  if (child && !allowForAnyChildren) {
2946
2942
  logErrorInDevMode(userButtonIgnoredComponent);
@@ -2951,7 +2947,7 @@ var useCustomMenuItems = ({
2951
2947
  return;
2952
2948
  }
2953
2949
  const { props } = child;
2954
- React8.Children.forEach(props.children, (child2) => {
2950
+ React7.Children.forEach(props.children, (child2) => {
2955
2951
  if (!isThatComponent(child2, MenuActionComponent) && !isThatComponent(child2, MenuLinkComponent)) {
2956
2952
  if (child2) {
2957
2953
  logErrorInDevMode(customMenuItemsIgnoredComponent);
@@ -3143,10 +3139,10 @@ var isOpenProps = (props) => {
3143
3139
  var stripMenuItemIconHandlers = (menuItems) => {
3144
3140
  return menuItems == null ? void 0 : menuItems.map(({ mountIcon, unmountIcon, ...rest }) => rest);
3145
3141
  };
3146
- var ClerkHostRenderer = class extends React8.PureComponent {
3142
+ var ClerkHostRenderer = class extends React7.PureComponent {
3147
3143
  constructor() {
3148
3144
  super(...arguments);
3149
- this.rootRef = React8.createRef();
3145
+ this.rootRef = React7.createRef();
3150
3146
  }
3151
3147
  componentDidUpdate(_prevProps) {
3152
3148
  var _a, _b, _c, _d;
@@ -3192,12 +3188,12 @@ var ClerkHostRenderer = class extends React8.PureComponent {
3192
3188
  ...this.props.rootProps,
3193
3189
  ...this.props.component && { "data-clerk-component": this.props.component }
3194
3190
  };
3195
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, !hideRootHtmlElement && /* @__PURE__ */ React8.createElement("div", { ...rootAttributes }), this.props.children);
3191
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, !hideRootHtmlElement && /* @__PURE__ */ React7.createElement("div", { ...rootAttributes }), this.props.children);
3196
3192
  }
3197
3193
  };
3198
3194
  var CustomPortalsRenderer = (props) => {
3199
3195
  var _a, _b;
3200
- 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 })));
3196
+ 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 })));
3201
3197
  };
3202
3198
  var SignIn = withClerk(
3203
3199
  ({ clerk, component, fallback, ...props }) => {
@@ -3206,7 +3202,7 @@ var SignIn = withClerk(
3206
3202
  const rendererRootProps = {
3207
3203
  ...shouldShowFallback && fallback && { style: { display: "none" } }
3208
3204
  };
3209
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
3205
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
3210
3206
  ClerkHostRenderer,
3211
3207
  {
3212
3208
  component,
@@ -3227,7 +3223,7 @@ var SignUp = withClerk(
3227
3223
  const rendererRootProps = {
3228
3224
  ...shouldShowFallback && fallback && { style: { display: "none" } }
3229
3225
  };
3230
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
3226
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
3231
3227
  ClerkHostRenderer,
3232
3228
  {
3233
3229
  component,
@@ -3243,11 +3239,11 @@ var SignUp = withClerk(
3243
3239
  );
3244
3240
  function UserProfilePage({ children }) {
3245
3241
  logErrorInDevMode(userProfilePageRenderedError);
3246
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, children);
3242
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
3247
3243
  }
3248
3244
  function UserProfileLink({ children }) {
3249
3245
  logErrorInDevMode(userProfileLinkRenderedError);
3250
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, children);
3246
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
3251
3247
  }
3252
3248
  var _UserProfile = withClerk(
3253
3249
  ({
@@ -3258,23 +3254,21 @@ var _UserProfile = withClerk(
3258
3254
  }) => {
3259
3255
  const mountingStatus = useWaitForComponentMount(component);
3260
3256
  const shouldShowFallback = mountingStatus === "rendering" || !clerk.loaded;
3261
- const portalFromContext = usePortalConfig();
3262
- const portal = props.portal !== void 0 ? props.portal : portalFromContext;
3263
3257
  const rendererRootProps = {
3264
3258
  ...shouldShowFallback && fallback && { style: { display: "none" } }
3265
3259
  };
3266
3260
  const { customPages, customPagesPortals } = useUserProfileCustomPages(props.children);
3267
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, /* @__PURE__ */ React8.createElement(
3261
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, /* @__PURE__ */ React7.createElement(
3268
3262
  ClerkHostRenderer,
3269
3263
  {
3270
3264
  component,
3271
3265
  mount: clerk.mountUserProfile,
3272
3266
  unmount: clerk.unmountUserProfile,
3273
3267
  updateProps: clerk.__unstable__updateProps,
3274
- props: { ...props, portal, customPages },
3268
+ props: { ...props, customPages },
3275
3269
  rootProps: rendererRootProps
3276
3270
  },
3277
- /* @__PURE__ */ React8.createElement(CustomPortalsRenderer, { customPagesPortals })
3271
+ /* @__PURE__ */ React7.createElement(CustomPortalsRenderer, { customPagesPortals })
3278
3272
  ));
3279
3273
  },
3280
3274
  { component: "UserProfile", renderWhileLoading: true }
@@ -3300,8 +3294,6 @@ var _UserButton = withClerk(
3300
3294
  }) => {
3301
3295
  const mountingStatus = useWaitForComponentMount(component);
3302
3296
  const shouldShowFallback = mountingStatus === "rendering" || !clerk.loaded;
3303
- const portalFromContext = usePortalConfig();
3304
- const portal = props.portal !== void 0 ? props.portal : portalFromContext;
3305
3297
  const rendererRootProps = {
3306
3298
  ...shouldShowFallback && fallback && { style: { display: "none" } }
3307
3299
  };
@@ -3317,13 +3309,13 @@ var _UserButton = withClerk(
3317
3309
  mount: clerk.mountUserButton,
3318
3310
  unmount: clerk.unmountUserButton,
3319
3311
  updateProps: clerk.__unstable__updateProps,
3320
- props: { ...props, portal, userProfileProps, customMenuItems }
3312
+ props: { ...props, userProfileProps, customMenuItems }
3321
3313
  };
3322
3314
  const portalProps = {
3323
3315
  customPagesPortals,
3324
3316
  customMenuItemsPortals
3325
3317
  };
3326
- return /* @__PURE__ */ React8.createElement(UserButtonContext.Provider, { value: passableProps }, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
3318
+ return /* @__PURE__ */ React7.createElement(UserButtonContext.Provider, { value: passableProps }, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
3327
3319
  ClerkHostRenderer,
3328
3320
  {
3329
3321
  component,
@@ -3332,22 +3324,22 @@ var _UserButton = withClerk(
3332
3324
  rootProps: rendererRootProps
3333
3325
  },
3334
3326
  props.__experimental_asProvider ? sanitizedChildren : null,
3335
- /* @__PURE__ */ React8.createElement(CustomPortalsRenderer, { ...portalProps })
3327
+ /* @__PURE__ */ React7.createElement(CustomPortalsRenderer, { ...portalProps })
3336
3328
  ));
3337
3329
  },
3338
3330
  { component: "UserButton", renderWhileLoading: true }
3339
3331
  );
3340
3332
  function MenuItems({ children }) {
3341
3333
  logErrorInDevMode(userButtonMenuItemsRenderedError);
3342
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, children);
3334
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
3343
3335
  }
3344
3336
  function MenuAction({ children }) {
3345
3337
  logErrorInDevMode(userButtonMenuActionRenderedError);
3346
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, children);
3338
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
3347
3339
  }
3348
3340
  function MenuLink({ children }) {
3349
3341
  logErrorInDevMode(userButtonMenuLinkRenderedError);
3350
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, children);
3342
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
3351
3343
  }
3352
3344
  function UserButtonOutlet(outletProps) {
3353
3345
  const providerProps = useContext(UserButtonContext);
@@ -3358,7 +3350,7 @@ function UserButtonOutlet(outletProps) {
3358
3350
  ...outletProps
3359
3351
  }
3360
3352
  };
3361
- return /* @__PURE__ */ React8.createElement(ClerkHostRenderer, { ...portalProps });
3353
+ return /* @__PURE__ */ React7.createElement(ClerkHostRenderer, { ...portalProps });
3362
3354
  }
3363
3355
  var UserButton = Object.assign(_UserButton, {
3364
3356
  UserProfilePage,
@@ -3370,11 +3362,11 @@ var UserButton = Object.assign(_UserButton, {
3370
3362
  });
3371
3363
  function OrganizationProfilePage({ children }) {
3372
3364
  logErrorInDevMode(organizationProfilePageRenderedError);
3373
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, children);
3365
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
3374
3366
  }
3375
3367
  function OrganizationProfileLink({ children }) {
3376
3368
  logErrorInDevMode(organizationProfileLinkRenderedError);
3377
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, children);
3369
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
3378
3370
  }
3379
3371
  var _OrganizationProfile = withClerk(
3380
3372
  ({
@@ -3389,7 +3381,7 @@ var _OrganizationProfile = withClerk(
3389
3381
  ...shouldShowFallback && fallback && { style: { display: "none" } }
3390
3382
  };
3391
3383
  const { customPages, customPagesPortals } = useOrganizationProfileCustomPages(props.children);
3392
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
3384
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
3393
3385
  ClerkHostRenderer,
3394
3386
  {
3395
3387
  component,
@@ -3399,7 +3391,7 @@ var _OrganizationProfile = withClerk(
3399
3391
  props: { ...props, customPages },
3400
3392
  rootProps: rendererRootProps
3401
3393
  },
3402
- /* @__PURE__ */ React8.createElement(CustomPortalsRenderer, { customPagesPortals })
3394
+ /* @__PURE__ */ React7.createElement(CustomPortalsRenderer, { customPagesPortals })
3403
3395
  ));
3404
3396
  },
3405
3397
  { component: "OrganizationProfile", renderWhileLoading: true }
@@ -3415,7 +3407,7 @@ var CreateOrganization = withClerk(
3415
3407
  const rendererRootProps = {
3416
3408
  ...shouldShowFallback && fallback && { style: { display: "none" } }
3417
3409
  };
3418
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
3410
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
3419
3411
  ClerkHostRenderer,
3420
3412
  {
3421
3413
  component,
@@ -3446,8 +3438,6 @@ var _OrganizationSwitcher = withClerk(
3446
3438
  }) => {
3447
3439
  const mountingStatus = useWaitForComponentMount(component);
3448
3440
  const shouldShowFallback = mountingStatus === "rendering" || !clerk.loaded;
3449
- const portalFromContext = usePortalConfig();
3450
- const portal = props.portal !== void 0 ? props.portal : portalFromContext;
3451
3441
  const rendererRootProps = {
3452
3442
  ...shouldShowFallback && fallback && { style: { display: "none" } }
3453
3443
  };
@@ -3460,19 +3450,19 @@ var _OrganizationSwitcher = withClerk(
3460
3450
  mount: clerk.mountOrganizationSwitcher,
3461
3451
  unmount: clerk.unmountOrganizationSwitcher,
3462
3452
  updateProps: clerk.__unstable__updateProps,
3463
- props: { ...props, portal, organizationProfileProps },
3453
+ props: { ...props, organizationProfileProps },
3464
3454
  rootProps: rendererRootProps,
3465
3455
  component
3466
3456
  };
3467
3457
  clerk.__experimental_prefetchOrganizationSwitcher();
3468
- return /* @__PURE__ */ React8.createElement(OrganizationSwitcherContext.Provider, { value: passableProps }, /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
3458
+ return /* @__PURE__ */ React7.createElement(OrganizationSwitcherContext.Provider, { value: passableProps }, /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
3469
3459
  ClerkHostRenderer,
3470
3460
  {
3471
3461
  ...passableProps,
3472
3462
  hideRootHtmlElement: !!props.__experimental_asProvider
3473
3463
  },
3474
3464
  props.__experimental_asProvider ? sanitizedChildren : null,
3475
- /* @__PURE__ */ React8.createElement(CustomPortalsRenderer, { customPagesPortals })
3465
+ /* @__PURE__ */ React7.createElement(CustomPortalsRenderer, { customPagesPortals })
3476
3466
  )));
3477
3467
  },
3478
3468
  { component: "OrganizationSwitcher", renderWhileLoading: true }
@@ -3486,7 +3476,7 @@ function OrganizationSwitcherOutlet(outletProps) {
3486
3476
  ...outletProps
3487
3477
  }
3488
3478
  };
3489
- return /* @__PURE__ */ React8.createElement(ClerkHostRenderer, { ...portalProps });
3479
+ return /* @__PURE__ */ React7.createElement(ClerkHostRenderer, { ...portalProps });
3490
3480
  }
3491
3481
  var OrganizationSwitcher = Object.assign(_OrganizationSwitcher, {
3492
3482
  OrganizationProfilePage,
@@ -3500,7 +3490,7 @@ var OrganizationList = withClerk(
3500
3490
  const rendererRootProps = {
3501
3491
  ...shouldShowFallback && fallback && { style: { display: "none" } }
3502
3492
  };
3503
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
3493
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
3504
3494
  ClerkHostRenderer,
3505
3495
  {
3506
3496
  component,
@@ -3521,7 +3511,7 @@ withClerk(
3521
3511
  const rendererRootProps = {
3522
3512
  ...shouldShowFallback && fallback && { style: { display: "none" } }
3523
3513
  };
3524
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
3514
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
3525
3515
  ClerkHostRenderer,
3526
3516
  {
3527
3517
  component,
@@ -3542,7 +3532,7 @@ var Waitlist = withClerk(
3542
3532
  const rendererRootProps = {
3543
3533
  ...shouldShowFallback && fallback && { style: { display: "none" } }
3544
3534
  };
3545
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
3535
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
3546
3536
  ClerkHostRenderer,
3547
3537
  {
3548
3538
  component,
@@ -3566,7 +3556,7 @@ var PricingTable = withClerk(
3566
3556
  const rendererRootProps = {
3567
3557
  ...shouldShowFallback && fallback && { style: { display: "none" } }
3568
3558
  };
3569
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
3559
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
3570
3560
  ClerkHostRenderer,
3571
3561
  {
3572
3562
  component,
@@ -3587,7 +3577,7 @@ var APIKeys = withClerk(
3587
3577
  const rendererRootProps = {
3588
3578
  ...shouldShowFallback && fallback && { style: { display: "none" } }
3589
3579
  };
3590
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
3580
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
3591
3581
  ClerkHostRenderer,
3592
3582
  {
3593
3583
  component,
@@ -3608,7 +3598,7 @@ var UserAvatar = withClerk(
3608
3598
  const rendererRootProps = {
3609
3599
  ...shouldShowFallback && fallback && { style: { display: "none" } }
3610
3600
  };
3611
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
3601
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
3612
3602
  ClerkHostRenderer,
3613
3603
  {
3614
3604
  component,
@@ -3629,7 +3619,7 @@ withClerk(
3629
3619
  const rendererRootProps = {
3630
3620
  ...shouldShowFallback && fallback && { style: { display: "none" } }
3631
3621
  };
3632
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React8.createElement(
3622
+ return /* @__PURE__ */ React7.createElement(React7.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ React7.createElement(
3633
3623
  ClerkHostRenderer,
3634
3624
  {
3635
3625
  component,
@@ -3654,7 +3644,7 @@ var __privateAdd2 = (obj, member, value) => member.has(obj) ? __typeError("Canno
3654
3644
  var __privateSet2 = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
3655
3645
  var __privateMethod2 = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
3656
3646
 
3657
- // ../shared/dist/runtime/loadClerkJsScript-B3o4Wru4.mjs
3647
+ // ../shared/dist/runtime/loadClerkJsScript-DImt3duF.mjs
3658
3648
  var { isDevOrStagingUrl } = createDevOrStagingUrlCache();
3659
3649
  var errorThrower2 = buildErrorThrower({ packageName: "@clerk/shared" });
3660
3650
  function setClerkJsLoadingErrorPackageName(packageName) {
@@ -3812,7 +3802,7 @@ var SignInButton = withClerk(
3812
3802
  return clickHandler();
3813
3803
  };
3814
3804
  const childProps = { ...rest, onClick: wrappedChildClickHandler };
3815
- return React8.cloneElement(child, childProps);
3805
+ return React7.cloneElement(child, childProps);
3816
3806
  },
3817
3807
  { component: "SignInButton", renderWhileLoading: true }
3818
3808
  );
@@ -3832,7 +3822,7 @@ var SignInWithMetamaskButton = withClerk(
3832
3822
  return clickHandler();
3833
3823
  };
3834
3824
  const childProps = { ...rest, onClick: wrappedChildClickHandler };
3835
- return React8.cloneElement(child, childProps);
3825
+ return React7.cloneElement(child, childProps);
3836
3826
  },
3837
3827
  { component: "SignInWithMetamask", renderWhileLoading: true }
3838
3828
  );
@@ -3847,7 +3837,7 @@ var SignOutButton = withClerk(
3847
3837
  return clickHandler();
3848
3838
  };
3849
3839
  const childProps = { ...rest, onClick: wrappedChildClickHandler };
3850
- return React8.cloneElement(child, childProps);
3840
+ return React7.cloneElement(child, childProps);
3851
3841
  },
3852
3842
  { component: "SignOutButton", renderWhileLoading: true }
3853
3843
  );
@@ -3894,7 +3884,7 @@ var SignUpButton = withClerk(
3894
3884
  return clickHandler();
3895
3885
  };
3896
3886
  const childProps = { ...rest, onClick: wrappedChildClickHandler };
3897
- return React8.cloneElement(child, childProps);
3887
+ return React7.cloneElement(child, childProps);
3898
3888
  },
3899
3889
  { component: "SignUpButton", renderWhileLoading: true }
3900
3890
  );
@@ -4174,7 +4164,7 @@ if (typeof globalThis.__BUILD_DISABLE_RHC__ === "undefined") {
4174
4164
  }
4175
4165
  var SDK_METADATA = {
4176
4166
  name: "@clerk/clerk-react",
4177
- version: "5.56.0-snapshot.v20251117224912",
4167
+ version: "5.56.0",
4178
4168
  environment: process.env.NODE_ENV
4179
4169
  };
4180
4170
  var _status;
@@ -5408,24 +5398,24 @@ var IsomorphicClerk = _IsomorphicClerk;
5408
5398
  function ClerkContextProvider(props) {
5409
5399
  const { isomorphicClerkOptions, initialState, children } = props;
5410
5400
  const { isomorphicClerk: clerk, clerkStatus } = useLoadedIsomorphicClerk(isomorphicClerkOptions);
5411
- const [state, setState] = React8.useState({
5401
+ const [state, setState] = React7.useState({
5412
5402
  client: clerk.client,
5413
5403
  session: clerk.session,
5414
5404
  user: clerk.user,
5415
5405
  organization: clerk.organization
5416
5406
  });
5417
- React8.useEffect(() => {
5407
+ React7.useEffect(() => {
5418
5408
  return clerk.addListener((e) => setState({ ...e }));
5419
5409
  }, []);
5420
5410
  const derivedState = deriveState(clerk.loaded, state, initialState);
5421
- const clerkCtx = React8.useMemo(
5411
+ const clerkCtx = React7.useMemo(
5422
5412
  () => ({ value: clerk }),
5423
5413
  [
5424
5414
  // Only update the clerk reference on status change
5425
5415
  clerkStatus
5426
5416
  ]
5427
5417
  );
5428
- const clientCtx = React8.useMemo(() => ({ value: state.client }), [state.client]);
5418
+ const clientCtx = React7.useMemo(() => ({ value: state.client }), [state.client]);
5429
5419
  const {
5430
5420
  sessionId,
5431
5421
  sessionStatus,
@@ -5441,7 +5431,7 @@ function ClerkContextProvider(props) {
5441
5431
  orgPermissions,
5442
5432
  factorVerificationAge
5443
5433
  } = derivedState;
5444
- const authCtx = React8.useMemo(() => {
5434
+ const authCtx = React7.useMemo(() => {
5445
5435
  const value = {
5446
5436
  sessionId,
5447
5437
  sessionStatus,
@@ -5456,9 +5446,9 @@ function ClerkContextProvider(props) {
5456
5446
  };
5457
5447
  return { value };
5458
5448
  }, [sessionId, sessionStatus, userId, actor, orgId, orgRole, orgSlug, factorVerificationAge, sessionClaims == null ? void 0 : sessionClaims.__raw]);
5459
- const sessionCtx = React8.useMemo(() => ({ value: session }), [sessionId, session]);
5460
- const userCtx = React8.useMemo(() => ({ value: user }), [userId, user]);
5461
- const organizationCtx = React8.useMemo(() => {
5449
+ const sessionCtx = React7.useMemo(() => ({ value: session }), [sessionId, session]);
5450
+ const userCtx = React7.useMemo(() => ({ value: user }), [userId, user]);
5451
+ const organizationCtx = React7.useMemo(() => {
5462
5452
  const value = {
5463
5453
  organization
5464
5454
  };
@@ -5466,7 +5456,7 @@ function ClerkContextProvider(props) {
5466
5456
  }, [orgId, organization]);
5467
5457
  return (
5468
5458
  // @ts-expect-error value passed is of type IsomorphicClerk where the context expects LoadedClerk
5469
- /* @__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(
5459
+ /* @__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(
5470
5460
  __experimental_CheckoutProvider,
5471
5461
  {
5472
5462
  value: void 0
@@ -5476,15 +5466,15 @@ function ClerkContextProvider(props) {
5476
5466
  );
5477
5467
  }
5478
5468
  var useLoadedIsomorphicClerk = (options) => {
5479
- const isomorphicClerkRef = React8.useRef(IsomorphicClerk.getOrCreateInstance(options));
5480
- const [clerkStatus, setClerkStatus] = React8.useState(isomorphicClerkRef.current.status);
5481
- React8.useEffect(() => {
5469
+ const isomorphicClerkRef = React7.useRef(IsomorphicClerk.getOrCreateInstance(options));
5470
+ const [clerkStatus, setClerkStatus] = React7.useState(isomorphicClerkRef.current.status);
5471
+ React7.useEffect(() => {
5482
5472
  void isomorphicClerkRef.current.__unstable__updateProps({ appearance: options.appearance });
5483
5473
  }, [options.appearance]);
5484
- React8.useEffect(() => {
5474
+ React7.useEffect(() => {
5485
5475
  void isomorphicClerkRef.current.__unstable__updateProps({ options });
5486
5476
  }, [options.localization]);
5487
- React8.useEffect(() => {
5477
+ React7.useEffect(() => {
5488
5478
  isomorphicClerkRef.current.on("status", setClerkStatus);
5489
5479
  return () => {
5490
5480
  if (isomorphicClerkRef.current) {
@@ -5505,7 +5495,7 @@ function ClerkProviderBase(props) {
5505
5495
  errorThrower.throwInvalidPublishableKeyError({ key: publishableKey });
5506
5496
  }
5507
5497
  }
5508
- return /* @__PURE__ */ React8.createElement(
5498
+ return /* @__PURE__ */ React7.createElement(
5509
5499
  ClerkContextProvider,
5510
5500
  {
5511
5501
  initialState,
@@ -5521,8 +5511,8 @@ setClerkJsLoadingErrorPackageName("@clerk/clerk-react");
5521
5511
  function ClerkProvider2(props) {
5522
5512
  const { children, storageCache, syncHost, __experimental_syncHostListener, ...rest } = props;
5523
5513
  const { publishableKey = "" } = props;
5524
- const [clerkInstance, setClerkInstance] = React8.useState(null);
5525
- React8.useEffect(() => {
5514
+ const [clerkInstance, setClerkInstance] = React7.useState(null);
5515
+ React7.useEffect(() => {
5526
5516
  void (async () => {
5527
5517
  setClerkInstance(
5528
5518
  await createClerkClient({ publishableKey, storageCache, syncHost, __experimental_syncHostListener })
@@ -5547,5 +5537,5 @@ function ClerkProvider2(props) {
5547
5537
  var GoogleOneTap2 = () => null;
5548
5538
 
5549
5539
  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 };
5550
- //# sourceMappingURL=chunk-4CWNHWNO.js.map
5551
- //# sourceMappingURL=chunk-4CWNHWNO.js.map
5540
+ //# sourceMappingURL=chunk-4ONZMBYH.js.map
5541
+ //# sourceMappingURL=chunk-4ONZMBYH.js.map