@clerk/elements 0.22.3-snapshot.v20241216151446 → 0.22.3

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.
@@ -1334,9 +1334,8 @@ var Submit = RadixSubmit;
1334
1334
  Submit.displayName = DISPLAY_NAME8;
1335
1335
 
1336
1336
  // src/react/common/connections.tsx
1337
- import { useClerk as useClerk4 } from "@clerk/shared/react";
1338
1337
  import { Slot as Slot3 } from "@radix-ui/react-slot";
1339
- import { createContext as createContext6, useContext as useContext6, useEffect as useEffect5 } from "react";
1338
+ import { createContext as createContext6, useContext as useContext6 } from "react";
1340
1339
 
1341
1340
  // src/react/hooks/use-active-tags.hook.ts
1342
1341
  import { useSelector } from "@xstate/react";
@@ -1508,13 +1507,9 @@ var useConnectionContext = () => {
1508
1507
  return ctx;
1509
1508
  };
1510
1509
  function Connection({ asChild, name, ...rest }) {
1511
- const clerk = useClerk4();
1512
1510
  const signInRef = SignInRouterCtx.useActorRef(true);
1513
1511
  const signUpRef = SignUpRouterCtx.useActorRef(true);
1514
1512
  const provider = useThirdPartyProvider(signInRef || signUpRef, name);
1515
- useEffect5(() => {
1516
- void clerk.__internal_warmupDependencies();
1517
- }, [clerk]);
1518
1513
  if (!provider) {
1519
1514
  return null;
1520
1515
  }
@@ -1543,7 +1538,7 @@ function Icon({ asChild, ...rest }) {
1543
1538
  }
1544
1539
 
1545
1540
  // src/react/common/loading.tsx
1546
- import { useClerk as useClerk7 } from "@clerk/shared/react";
1541
+ import { useClerk as useClerk6 } from "@clerk/shared/react";
1547
1542
  import { eventComponentMounted as eventComponentMounted4 } from "@clerk/shared/telemetry";
1548
1543
  import { useSelector as useSelector5 } from "@xstate/react";
1549
1544
 
@@ -1563,7 +1558,7 @@ function useLoading(actor) {
1563
1558
  }
1564
1559
 
1565
1560
  // src/react/sign-in/step.tsx
1566
- import { useClerk as useClerk5 } from "@clerk/shared/react";
1561
+ import { useClerk as useClerk4 } from "@clerk/shared/react";
1567
1562
  import { eventComponentMounted as eventComponentMounted2 } from "@clerk/shared/telemetry";
1568
1563
 
1569
1564
  // src/react/sign-in/choose-session/choose-session.tsx
@@ -3639,7 +3634,7 @@ function SignInStartInner(props) {
3639
3634
 
3640
3635
  // src/react/sign-in/verifications.tsx
3641
3636
  import { useSelector as useSelector4 } from "@xstate/react";
3642
- import { useCallback as useCallback6, useEffect as useEffect6 } from "react";
3637
+ import { useCallback as useCallback6, useEffect as useEffect5 } from "react";
3643
3638
 
3644
3639
  // src/internals/machines/utils/strategies.ts
3645
3640
  var matchStrategy = (current, desired) => {
@@ -3687,7 +3682,7 @@ function useFactorCtx() {
3687
3682
  function SignInStrategy({ children, name }) {
3688
3683
  const { active } = useStrategy(name);
3689
3684
  const factorCtx = useFactorCtx();
3690
- useEffect6(() => {
3685
+ useEffect5(() => {
3691
3686
  if (factorCtx) {
3692
3687
  factorCtx.send({ type: "STRATEGY.REGISTER", factor: name });
3693
3688
  }
@@ -3760,7 +3755,7 @@ var SIGN_IN_STEPS = {
3760
3755
  };
3761
3756
  function SignInStep(props) {
3762
3757
  var _a;
3763
- const clerk = useClerk5();
3758
+ const clerk = useClerk4();
3764
3759
  (_a = clerk.telemetry) == null ? void 0 : _a.record(eventComponentMounted2("Elements_SignInStep", { name: props.name }));
3765
3760
  switch (props.name) {
3766
3761
  case SIGN_IN_STEPS.start:
@@ -3783,7 +3778,7 @@ function SignInStep(props) {
3783
3778
  }
3784
3779
 
3785
3780
  // src/react/sign-up/step.tsx
3786
- import { useClerk as useClerk6 } from "@clerk/shared/react";
3781
+ import { useClerk as useClerk5 } from "@clerk/shared/react";
3787
3782
  import { eventComponentMounted as eventComponentMounted3 } from "@clerk/shared/telemetry";
3788
3783
 
3789
3784
  // src/react/sign-up/continue.tsx
@@ -3889,7 +3884,7 @@ var SIGN_UP_STEPS = {
3889
3884
  };
3890
3885
  function SignUpStep(props) {
3891
3886
  var _a;
3892
- const clerk = useClerk6();
3887
+ const clerk = useClerk5();
3893
3888
  (_a = clerk.telemetry) == null ? void 0 : _a.record(eventComponentMounted3("Elements_SignUpStep", { name: props.name }));
3894
3889
  switch (props.name) {
3895
3890
  case SIGN_UP_STEPS.start:
@@ -3950,7 +3945,7 @@ function isSignUpScope(scope) {
3950
3945
  }
3951
3946
  function Loading({ children, scope }) {
3952
3947
  var _a;
3953
- const clerk = useClerk7();
3948
+ const clerk = useClerk6();
3954
3949
  (_a = clerk.telemetry) == null ? void 0 : _a.record(eventComponentMounted4("Elements_Loading", { scope: scope != null ? scope : false }));
3955
3950
  const signInRouterRef = SignInRouterCtx.useActorRef(true);
3956
3951
  const signUpRouterRef = SignUpRouterCtx.useActorRef(true);
@@ -4023,7 +4018,7 @@ function SignUpLoading({ children, scope, routerRef }) {
4023
4018
  }
4024
4019
 
4025
4020
  // src/react/common/link.tsx
4026
- import { useClerk as useClerk8 } from "@clerk/shared/react";
4021
+ import { useClerk as useClerk7 } from "@clerk/shared/react";
4027
4022
  import { useClerkRouter } from "@clerk/shared/router";
4028
4023
  import { jsx as jsx20 } from "react/jsx-runtime";
4029
4024
  var paths = {
@@ -4032,7 +4027,7 @@ var paths = {
4032
4027
  };
4033
4028
  function Link({ navigate, children, ...rest }) {
4034
4029
  const router = useClerkRouter();
4035
- const clerk = useClerk8();
4030
+ const clerk = useClerk7();
4036
4031
  const destinationUrl = router.makeDestinationUrlWithPreservedQueryParameters(
4037
4032
  clerk.__internal_getOption(paths[navigate])
4038
4033
  );
@@ -4114,4 +4109,4 @@ export {
4114
4109
  Loading,
4115
4110
  Link
4116
4111
  };
4117
- //# sourceMappingURL=chunk-IU2WDNS3.mjs.map
4112
+ //# sourceMappingURL=chunk-7B3IWWWL.mjs.map