@clerk/clerk-react 5.60.2 → 5.61.0

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as _clerk_shared_types from '@clerk/shared/types';
-import { Without, APIKeysProps, CreateOrganizationProps, OrganizationListProps, OrganizationProfileProps, OrganizationSwitcherProps, SignInProps, SignUpProps, TaskChooseOrganizationProps, TaskResetPasswordProps, UserAvatarProps, UserButtonProps, UserProfileProps, WaitlistProps, SignInButtonProps, SignOutOptions, SignUpButtonProps, SignInResource, CreateEmailLinkFlowReturn, SignInStartEmailLinkFlowParams, SignUpResource, StartEmailLinkFlowParams, EmailAddressResource, UseSignInReturn, UseSignUpReturn } from '@clerk/shared/types';
+import { Without, APIKeysProps, CreateOrganizationProps, OrganizationListProps, OrganizationProfileProps, OrganizationSwitcherProps, SignInProps, SignUpProps, TaskChooseOrganizationProps, TaskResetPasswordProps, TaskSetupMFAProps, UserAvatarProps, UserButtonProps, UserProfileProps, WaitlistProps, SignInButtonProps, SignOutOptions, SignUpButtonProps, SignInResource, CreateEmailLinkFlowReturn, SignInStartEmailLinkFlowParams, SignUpResource, StartEmailLinkFlowParams, EmailAddressResource, UseSignInReturn, UseSignUpReturn } from '@clerk/shared/types';
 import React, { ReactNode, PropsWithChildren } from 'react';
 import { W as WithClerkProp, O as OrganizationProfilePageProps, a as OrganizationProfileLinkProps, U as UserProfilePageProps, b as UserProfileLinkProps, c as UserButtonActionProps, d as UserButtonLinkProps, S as SignInWithMetamaskButtonProps, C as ClerkProviderProps } from './types-CFOQkf-D.mjs';
 export { B as BrowserClerk, e as ClerkProp, H as HeadlessBrowserClerk } from './types-CFOQkf-D.mjs';
@@ -153,6 +153,10 @@ declare const TaskResetPassword: {
     (props: Without<WithClerkProp<TaskResetPasswordProps & FallbackProp>, "clerk">): React.JSX.Element | null;
     displayName: string;
 };
+declare const TaskSetupMFA: {
+    (props: Without<WithClerkProp<TaskSetupMFAProps & FallbackProp>, "clerk">): React.JSX.Element | null;
+    displayName: string;
+};
 
 declare const SignInButton: {
     (props: _clerk_shared_types.Without<WithClerkProp<React.PropsWithChildren<SignInButtonProps>>, "clerk">): React.JSX.Element | null;
@@ -280,4 +284,4 @@ declare const useSignIn: () => UseSignInReturn;
  */
 declare const useSignUp: () => UseSignUpReturn;
 
-export { APIKeys, ClerkProvider, ClerkProviderProps, CreateOrganization, GoogleOneTap, OrganizationList, OrganizationProfile, OrganizationSwitcher, PricingTable, SignIn, SignInButton, SignInWithMetamaskButton, SignOutButton, SignUp, SignUpButton, TaskChooseOrganization, TaskResetPassword, UserAvatar, UserButton, UserProfile, Waitlist, useEmailLink, useSignIn, useSignUp };
+export { APIKeys, ClerkProvider, ClerkProviderProps, CreateOrganization, GoogleOneTap, OrganizationList, OrganizationProfile, OrganizationSwitcher, PricingTable, SignIn, SignInButton, SignInWithMetamaskButton, SignOutButton, SignUp, SignUpButton, TaskChooseOrganization, TaskResetPassword, TaskSetupMFA, UserAvatar, UserButton, UserProfile, Waitlist, useEmailLink, useSignIn, useSignUp };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _clerk_shared_types from '@clerk/shared/types';
-import { Without, APIKeysProps, CreateOrganizationProps, OrganizationListProps, OrganizationProfileProps, OrganizationSwitcherProps, SignInProps, SignUpProps, TaskChooseOrganizationProps, TaskResetPasswordProps, UserAvatarProps, UserButtonProps, UserProfileProps, WaitlistProps, SignInButtonProps, SignOutOptions, SignUpButtonProps, SignInResource, CreateEmailLinkFlowReturn, SignInStartEmailLinkFlowParams, SignUpResource, StartEmailLinkFlowParams, EmailAddressResource, UseSignInReturn, UseSignUpReturn } from '@clerk/shared/types';
+import { Without, APIKeysProps, CreateOrganizationProps, OrganizationListProps, OrganizationProfileProps, OrganizationSwitcherProps, SignInProps, SignUpProps, TaskChooseOrganizationProps, TaskResetPasswordProps, TaskSetupMFAProps, UserAvatarProps, UserButtonProps, UserProfileProps, WaitlistProps, SignInButtonProps, SignOutOptions, SignUpButtonProps, SignInResource, CreateEmailLinkFlowReturn, SignInStartEmailLinkFlowParams, SignUpResource, StartEmailLinkFlowParams, EmailAddressResource, UseSignInReturn, UseSignUpReturn } from '@clerk/shared/types';
 import React, { ReactNode, PropsWithChildren } from 'react';
 import { W as WithClerkProp, O as OrganizationProfilePageProps, a as OrganizationProfileLinkProps, U as UserProfilePageProps, b as UserProfileLinkProps, c as UserButtonActionProps, d as UserButtonLinkProps, S as SignInWithMetamaskButtonProps, C as ClerkProviderProps } from './types-CFOQkf-D.js';
 export { B as BrowserClerk, e as ClerkProp, H as HeadlessBrowserClerk } from './types-CFOQkf-D.js';
@@ -153,6 +153,10 @@ declare const TaskResetPassword: {
     (props: Without<WithClerkProp<TaskResetPasswordProps & FallbackProp>, "clerk">): React.JSX.Element | null;
     displayName: string;
 };
+declare const TaskSetupMFA: {
+    (props: Without<WithClerkProp<TaskSetupMFAProps & FallbackProp>, "clerk">): React.JSX.Element | null;
+    displayName: string;
+};
 
 declare const SignInButton: {
     (props: _clerk_shared_types.Without<WithClerkProp<React.PropsWithChildren<SignInButtonProps>>, "clerk">): React.JSX.Element | null;
@@ -280,4 +284,4 @@ declare const useSignIn: () => UseSignInReturn;
  */
 declare const useSignUp: () => UseSignUpReturn;
 
-export { APIKeys, ClerkProvider, ClerkProviderProps, CreateOrganization, GoogleOneTap, OrganizationList, OrganizationProfile, OrganizationSwitcher, PricingTable, SignIn, SignInButton, SignInWithMetamaskButton, SignOutButton, SignUp, SignUpButton, TaskChooseOrganization, TaskResetPassword, UserAvatar, UserButton, UserProfile, Waitlist, useEmailLink, useSignIn, useSignUp };
+export { APIKeys, ClerkProvider, ClerkProviderProps, CreateOrganization, GoogleOneTap, OrganizationList, OrganizationProfile, OrganizationSwitcher, PricingTable, SignIn, SignInButton, SignInWithMetamaskButton, SignOutButton, SignUp, SignUpButton, TaskChooseOrganization, TaskResetPassword, TaskSetupMFA, UserAvatar, UserButton, UserProfile, Waitlist, useEmailLink, useSignIn, useSignUp };

package/dist/index.js

@@ -68,6 +68,7 @@ __export(src_exports, {
   SignedOut: () => SignedOut,
   TaskChooseOrganization: () => TaskChooseOrganization,
   TaskResetPassword: () => TaskResetPassword,
+  TaskSetupMFA: () => TaskSetupMFA,
   UserAvatar: () => UserAvatar,
   UserButton: () => UserButton,
   UserProfile: () => UserProfile,
@@ -1155,6 +1156,27 @@ var TaskResetPassword = withClerk(
   },
   { component: "TaskResetPassword", renderWhileLoading: true }
 );
+var TaskSetupMFA = withClerk(
+  ({ clerk, component, fallback, ...props }) => {
+    const mountingStatus = useWaitForComponentMount(component);
+    const shouldShowFallback = mountingStatus === "rendering" || !clerk.loaded;
+    const rendererRootProps = {
+      ...shouldShowFallback && fallback && { style: { display: "none" } }
+    };
+    return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+      ClerkHostRenderer,
+      {
+        component,
+        mount: clerk.mountTaskSetupMFA,
+        unmount: clerk.unmountTaskSetupMFA,
+        updateProps: clerk.__unstable__updateProps,
+        props,
+        rootProps: rendererRootProps
+      }
+    ));
+  },
+  { component: "TaskSetupMFA", renderWhileLoading: true }
+);
 
 // src/components/controlComponents.tsx
 var import_deprecated = require("@clerk/shared/deprecated");
@@ -1888,7 +1910,7 @@ if (typeof globalThis.__BUILD_DISABLE_RHC__ === "undefined") {
 }
 var SDK_METADATA = {
   name: "@clerk/clerk-react",
-  version: "5.60.2",
+  version: "5.61.0",
   environment: process.env.NODE_ENV
 };
 var _status, _domain, _proxyUrl, _publishableKey, _eventBus, _stateProxy, _instance, _IsomorphicClerk_instances, waitForClerkJS_fn;
@@ -1924,6 +1946,7 @@ var _IsomorphicClerk = class _IsomorphicClerk {
     this.premountOAuthConsentNodes = /* @__PURE__ */ new Map();
     this.premountTaskChooseOrganizationNodes = /* @__PURE__ */ new Map();
     this.premountTaskResetPasswordNodes = /* @__PURE__ */ new Map();
+    this.premountTaskSetupMFANodes = /* @__PURE__ */ new Map();
     // A separate Map of `addListener` method calls to handle multiple listeners.
     this.premountAddListenerCalls = /* @__PURE__ */ new Map();
     this.loadedListeners = [];
@@ -2212,6 +2235,9 @@ var _IsomorphicClerk = class _IsomorphicClerk {
       this.premountTaskResetPasswordNodes.forEach((props, node) => {
         clerkjs.mountTaskResetPassword(node, props);
       });
+      this.premountTaskSetupMFANodes.forEach((props, node) => {
+        clerkjs.mountTaskSetupMFA(node, props);
+      });
       if (typeof this.clerkjs.status === "undefined") {
         __privateGet(this, _eventBus).emit(import_clerkEventBus.clerkEvents.Status, "ready");
       }
@@ -2628,6 +2654,20 @@ var _IsomorphicClerk = class _IsomorphicClerk {
         this.premountTaskResetPasswordNodes.delete(node);
       }
     };
+    this.mountTaskSetupMFA = (node, props) => {
+      if (this.clerkjs && this.loaded) {
+        this.clerkjs.mountTaskSetupMFA(node, props);
+      } else {
+        this.premountTaskSetupMFANodes.set(node, props);
+      }
+    };
+    this.unmountTaskSetupMFA = (node) => {
+      if (this.clerkjs && this.loaded) {
+        this.clerkjs.unmountTaskSetupMFA(node);
+      } else {
+        this.premountTaskSetupMFANodes.delete(node);
+      }
+    };
     this.addListener = (listener) => {
       if (this.clerkjs) {
         return this.clerkjs.addListener(listener);
@@ -3346,6 +3386,7 @@ setErrorThrowerOptions({ packageName: "@clerk/clerk-react" });
   SignedOut,
   TaskChooseOrganization,
   TaskResetPassword,
+  TaskSetupMFA,
   UserAvatar,
   UserButton,
   UserProfile,