@clerk/elements 0.22.2 → 0.22.3-snapshot.v20241216151446

package/dist/{chunk-7B3IWWWL.mjs → chunk-IU2WDNS3.mjs}

@@ -1334,8 +1334,9 @@ var Submit = RadixSubmit;
 Submit.displayName = DISPLAY_NAME8;
 
 // src/react/common/connections.tsx
+import { useClerk as useClerk4 } from "@clerk/shared/react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
-import { createContext as createContext6, useContext as useContext6 } from "react";
+import { createContext as createContext6, useContext as useContext6, useEffect as useEffect5 } from "react";
 
 // src/react/hooks/use-active-tags.hook.ts
 import { useSelector } from "@xstate/react";
@@ -1507,9 +1508,13 @@ var useConnectionContext = () => {
   return ctx;
 };
 function Connection({ asChild, name, ...rest }) {
+  const clerk = useClerk4();
   const signInRef = SignInRouterCtx.useActorRef(true);
   const signUpRef = SignUpRouterCtx.useActorRef(true);
   const provider = useThirdPartyProvider(signInRef || signUpRef, name);
+  useEffect5(() => {
+    void clerk.__internal_warmupDependencies();
+  }, [clerk]);
   if (!provider) {
     return null;
   }
@@ -1538,7 +1543,7 @@ function Icon({ asChild, ...rest }) {
 }
 
 // src/react/common/loading.tsx
-import { useClerk as useClerk6 } from "@clerk/shared/react";
+import { useClerk as useClerk7 } from "@clerk/shared/react";
 import { eventComponentMounted as eventComponentMounted4 } from "@clerk/shared/telemetry";
 import { useSelector as useSelector5 } from "@xstate/react";
 
@@ -1558,7 +1563,7 @@ function useLoading(actor) {
 }
 
 // src/react/sign-in/step.tsx
-import { useClerk as useClerk4 } from "@clerk/shared/react";
+import { useClerk as useClerk5 } from "@clerk/shared/react";
 import { eventComponentMounted as eventComponentMounted2 } from "@clerk/shared/telemetry";
 
 // src/react/sign-in/choose-session/choose-session.tsx
@@ -3634,7 +3639,7 @@ function SignInStartInner(props) {
 
 // src/react/sign-in/verifications.tsx
 import { useSelector as useSelector4 } from "@xstate/react";
-import { useCallback as useCallback6, useEffect as useEffect5 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect6 } from "react";
 
 // src/internals/machines/utils/strategies.ts
 var matchStrategy = (current, desired) => {
@@ -3682,7 +3687,7 @@ function useFactorCtx() {
 function SignInStrategy({ children, name }) {
   const { active } = useStrategy(name);
   const factorCtx = useFactorCtx();
-  useEffect5(() => {
+  useEffect6(() => {
     if (factorCtx) {
       factorCtx.send({ type: "STRATEGY.REGISTER", factor: name });
     }
@@ -3755,7 +3760,7 @@ var SIGN_IN_STEPS = {
 };
 function SignInStep(props) {
   var _a;
-  const clerk = useClerk4();
+  const clerk = useClerk5();
   (_a = clerk.telemetry) == null ? void 0 : _a.record(eventComponentMounted2("Elements_SignInStep", { name: props.name }));
   switch (props.name) {
     case SIGN_IN_STEPS.start:
@@ -3778,7 +3783,7 @@ function SignInStep(props) {
 }
 
 // src/react/sign-up/step.tsx
-import { useClerk as useClerk5 } from "@clerk/shared/react";
+import { useClerk as useClerk6 } from "@clerk/shared/react";
 import { eventComponentMounted as eventComponentMounted3 } from "@clerk/shared/telemetry";
 
 // src/react/sign-up/continue.tsx
@@ -3884,7 +3889,7 @@ var SIGN_UP_STEPS = {
 };
 function SignUpStep(props) {
   var _a;
-  const clerk = useClerk5();
+  const clerk = useClerk6();
   (_a = clerk.telemetry) == null ? void 0 : _a.record(eventComponentMounted3("Elements_SignUpStep", { name: props.name }));
   switch (props.name) {
     case SIGN_UP_STEPS.start:
@@ -3945,7 +3950,7 @@ function isSignUpScope(scope) {
 }
 function Loading({ children, scope }) {
   var _a;
-  const clerk = useClerk6();
+  const clerk = useClerk7();
   (_a = clerk.telemetry) == null ? void 0 : _a.record(eventComponentMounted4("Elements_Loading", { scope: scope != null ? scope : false }));
   const signInRouterRef = SignInRouterCtx.useActorRef(true);
   const signUpRouterRef = SignUpRouterCtx.useActorRef(true);
@@ -4018,7 +4023,7 @@ function SignUpLoading({ children, scope, routerRef }) {
 }
 
 // src/react/common/link.tsx
-import { useClerk as useClerk7 } from "@clerk/shared/react";
+import { useClerk as useClerk8 } from "@clerk/shared/react";
 import { useClerkRouter } from "@clerk/shared/router";
 import { jsx as jsx20 } from "react/jsx-runtime";
 var paths = {
@@ -4027,7 +4032,7 @@ var paths = {
 };
 function Link({ navigate, children, ...rest }) {
   const router = useClerkRouter();
-  const clerk = useClerk7();
+  const clerk = useClerk8();
   const destinationUrl = router.makeDestinationUrlWithPreservedQueryParameters(
     clerk.__internal_getOption(paths[navigate])
   );
@@ -4109,4 +4114,4 @@ export {
   Loading,
   Link
 };
-//# sourceMappingURL=chunk-7B3IWWWL.mjs.map
+//# sourceMappingURL=chunk-IU2WDNS3.mjs.map