@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.
- package/dist/{chunk-IU2WDNS3.mjs → chunk-7B3IWWWL.mjs} +12 -17
- package/dist/chunk-7B3IWWWL.mjs.map +1 -0
- package/dist/{chunk-R2OTQYWO.mjs → chunk-MNYONIEV.mjs} +2 -2
- package/dist/react/common/index.js +14 -19
- package/dist/react/common/index.js.map +1 -1
- package/dist/react/common/index.mjs +1 -1
- package/dist/react/sign-in/index.mjs +2 -2
- package/dist/react/sign-up/index.mjs +2 -2
- package/package.json +4 -4
- package/dist/chunk-IU2WDNS3.mjs.map +0 -1
- /package/dist/{chunk-R2OTQYWO.mjs.map → chunk-MNYONIEV.mjs.map} +0 -0
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
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
|
-
|
|
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 =
|
|
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
|
|
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 =
|
|
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 =
|
|
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
|
|
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 =
|
|
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-
|
|
4112
|
+
//# sourceMappingURL=chunk-7B3IWWWL.mjs.map
|