@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.
- package/dist/cjs/background/index.js +1 -1
- package/dist/cjs/index.js +160 -170
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/react/index.js +119 -129
- package/dist/cjs/react/index.js.map +1 -1
- package/dist/esm/background/index.js +1 -1
- package/dist/esm/{chunk-4CWNHWNO.js → chunk-4ONZMBYH.js} +102 -112
- package/dist/esm/chunk-4ONZMBYH.js.map +1 -0
- package/dist/esm/{chunk-ZM32VYQ5.js → chunk-BK2LWOX7.js} +3 -3
- package/dist/esm/{chunk-ZM32VYQ5.js.map → chunk-BK2LWOX7.js.map} +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/react/index.js +2 -2
- package/dist/types/internal/utils/errors.d.ts +1 -1
- package/package.json +4 -4
- package/dist/esm/chunk-4CWNHWNO.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { __export, buildErrorThrower, createDevOrStagingUrlCache, createClerkClient, isClerkAPIResponseError, ClerkRuntimeError, isPublishableKey } from './chunk-
|
|
2
|
-
import
|
|
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 = !
|
|
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__ =
|
|
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 =
|
|
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 =
|
|
1540
|
+
const Ctx = React7.createContext(void 0);
|
|
1541
1541
|
Ctx.displayName = displayName;
|
|
1542
1542
|
const useCtx = () => {
|
|
1543
|
-
const 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 =
|
|
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__ */
|
|
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
|
-
|
|
1564
|
+
React7.createContext({});
|
|
1565
1565
|
var [CheckoutContext] = createContextAndHook("CheckoutContext");
|
|
1566
1566
|
var __experimental_CheckoutProvider = ({ children, ...rest }) => {
|
|
1567
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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 (!
|
|
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" ?
|
|
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 =
|
|
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(
|
|
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] =
|
|
2274
|
-
const elementRef =
|
|
2275
|
-
const domNode =
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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__ */
|
|
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__ */
|
|
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 } =
|
|
2464
|
-
|
|
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__ */
|
|
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
|
-
|
|
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
|
-
|
|
2648
|
+
React7.useEffect(() => {
|
|
2649
2649
|
void clerk.redirectToSignUp(props);
|
|
2650
2650
|
}, []);
|
|
2651
2651
|
return null;
|
|
2652
2652
|
}, "RedirectToSignUp");
|
|
2653
2653
|
withClerk(({ clerk, ...props }) => {
|
|
2654
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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__ */
|
|
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
|
-
|
|
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__ */
|
|
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 &&
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
3142
|
+
var ClerkHostRenderer = class extends React7.PureComponent {
|
|
3147
3143
|
constructor() {
|
|
3148
3144
|
super(...arguments);
|
|
3149
|
-
this.rootRef =
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
3242
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
|
|
3247
3243
|
}
|
|
3248
3244
|
function UserProfileLink({ children }) {
|
|
3249
3245
|
logErrorInDevMode(userProfileLinkRenderedError);
|
|
3250
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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,
|
|
3268
|
+
props: { ...props, customPages },
|
|
3275
3269
|
rootProps: rendererRootProps
|
|
3276
3270
|
},
|
|
3277
|
-
/* @__PURE__ */
|
|
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,
|
|
3312
|
+
props: { ...props, userProfileProps, customMenuItems }
|
|
3321
3313
|
};
|
|
3322
3314
|
const portalProps = {
|
|
3323
3315
|
customPagesPortals,
|
|
3324
3316
|
customMenuItemsPortals
|
|
3325
3317
|
};
|
|
3326
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
3334
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
|
|
3343
3335
|
}
|
|
3344
3336
|
function MenuAction({ children }) {
|
|
3345
3337
|
logErrorInDevMode(userButtonMenuActionRenderedError);
|
|
3346
|
-
return /* @__PURE__ */
|
|
3338
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
|
|
3347
3339
|
}
|
|
3348
3340
|
function MenuLink({ children }) {
|
|
3349
3341
|
logErrorInDevMode(userButtonMenuLinkRenderedError);
|
|
3350
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
3365
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children);
|
|
3374
3366
|
}
|
|
3375
3367
|
function OrganizationProfileLink({ children }) {
|
|
3376
3368
|
logErrorInDevMode(organizationProfileLinkRenderedError);
|
|
3377
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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,
|
|
3453
|
+
props: { ...props, organizationProfileProps },
|
|
3464
3454
|
rootProps: rendererRootProps,
|
|
3465
3455
|
component
|
|
3466
3456
|
};
|
|
3467
3457
|
clerk.__experimental_prefetchOrganizationSwitcher();
|
|
3468
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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] =
|
|
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
|
-
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
5460
|
-
const userCtx =
|
|
5461
|
-
const organizationCtx =
|
|
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__ */
|
|
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 =
|
|
5480
|
-
const [clerkStatus, setClerkStatus] =
|
|
5481
|
-
|
|
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
|
-
|
|
5474
|
+
React7.useEffect(() => {
|
|
5485
5475
|
void isomorphicClerkRef.current.__unstable__updateProps({ options });
|
|
5486
5476
|
}, [options.localization]);
|
|
5487
|
-
|
|
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__ */
|
|
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] =
|
|
5525
|
-
|
|
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-
|
|
5551
|
-
//# sourceMappingURL=chunk-
|
|
5540
|
+
//# sourceMappingURL=chunk-4ONZMBYH.js.map
|
|
5541
|
+
//# sourceMappingURL=chunk-4ONZMBYH.js.map
|