@clerk/react 6.9.0 → 6.9.1-canary.v20260610190754

package/dist/legacy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy.cjs","names":["useIsomorphicClerkContext","useIsomorphicClerkContext"],"sources":["../src/hooks/legacy/useSignIn.ts","../src/hooks/legacy/useSignUp.ts"],"sourcesContent":["import { __internal_useClientBase } from '@clerk/shared/react';\nimport { eventMethodCalled } from '@clerk/shared/telemetry';\nimport type { UseSignInReturn } from '@clerk/shared/types';\n\nimport { useIsomorphicClerkContext } from '../../contexts/IsomorphicClerkContext';\nimport { useAssertWrappedByClerkProvider } from '../useAssertWrappedByClerkProvider';\n\n/**\n * The `useSignIn()` hook provides access to the [`SignIn`](https://clerk.com/docs/reference/objects/sign-in) object, which allows you to check the current state of a sign-in attempt and manage the sign-in flow. You can use this to create a [custom sign-in flow](https://clerk.com/docs/guides/development/custom-flows/overview).\n *\n * @unionReturnHeadings\n * [\"Initialization\", \"Loaded\"]\n *\n * @example\n * ### Check the current state of a sign-in\n *\n * The following example uses the `useSignIn()` hook to access the [`SignIn`](https://clerk.com/docs/reference/objects/sign-in) object, which contains the current sign-in attempt status and methods to create a new sign-in attempt. The `isLoaded` property is used to handle the loading state.\n *\n * <Tabs items='React,Next.js'>\n * <Tab>\n *\n * ```tsx {{ filename: 'src/pages/SignInPage.tsx' }}\n * import { useSignIn } from '@clerk/react'\n *\n * export default function SignInPage() {\n *   const { isLoaded, signIn } = useSignIn()\n *\n *   if (!isLoaded) {\n *     // Handle loading state\n *     return null\n *   }\n *\n *   return <div>The current sign-in attempt status is {signIn?.status}.</div>\n * }\n * ```\n *\n * </Tab>\n * <Tab>\n *\n * {@include ../../../docs/legacy-use-sign-in.md#nextjs-01}\n *\n * </Tab>\n * </Tabs>\n *\n * @example\n * ### Create a custom sign-in flow with `useSignIn()`\n *\n * The `useSignIn()` hook can also be used to build fully custom sign-in flows, if Clerk's prebuilt components don't meet your specific needs or if you require more control over the authentication flow. Different sign-in flows include email and password, email and phone codes, email links, and multifactor (MFA). To learn more about using the `useSignIn()` hook to create custom flows, see the [custom flow guides](https://clerk.com/docs/guides/development/custom-flows/overview).\n *\n * ```empty```\n */\nexport const useSignIn = (): UseSignInReturn => {\n  useAssertWrappedByClerkProvider('useSignIn');\n\n  const isomorphicClerk = useIsomorphicClerkContext();\n  const client = __internal_useClientBase();\n\n  isomorphicClerk.telemetry?.record(eventMethodCalled('useSignIn'));\n\n  if (!client) {\n    return { isLoaded: false, signIn: undefined, setActive: undefined };\n  }\n\n  return {\n    isLoaded: true,\n    signIn: client.signIn,\n    setActive: isomorphicClerk.setActive,\n  };\n};\n","import { __internal_useClientBase } from '@clerk/shared/react';\nimport { eventMethodCalled } from '@clerk/shared/telemetry';\nimport type { UseSignUpReturn } from '@clerk/shared/types';\n\nimport { useIsomorphicClerkContext } from '../../contexts/IsomorphicClerkContext';\nimport { useAssertWrappedByClerkProvider } from '../useAssertWrappedByClerkProvider';\n\n/**\n * The `useSignUp()` hook provides access to the [`SignUp`](https://clerk.com/docs/reference/objects/sign-up) object, which allows you to check the current state of a sign-up attempt and manage the sign-up flow. You can use this to create a [custom sign-up flow](https://clerk.com/docs/guides/development/custom-flows/overview).\n *\n * @unionReturnHeadings\n * [\"Initialization\", \"Loaded\"]\n *\n * @example\n * ### Check the current state of a sign-up\n *\n * The following example uses the `useSignUp()` hook to access the [`SignUp`](https://clerk.com/docs/reference/objects/sign-up) object, which contains the current sign-up attempt status and methods to create a new sign-up attempt. The `isLoaded` property is used to handle the loading state.\n *\n * <Tabs items='React,Next.js'>\n * <Tab>\n *\n * ```tsx {{ filename: 'src/pages/SignUpPage.tsx' }}\n * import { useSignUp } from '@clerk/react'\n *\n * export default function SignUpPage() {\n *   const { isLoaded, signUp } = useSignUp()\n *\n *   if (!isLoaded) {\n *     // Handle loading state\n *     return null\n *   }\n *\n *   return <div>The current sign-up attempt status is {signUp?.status}.</div>\n * }\n * ```\n *\n * </Tab>\n * <Tab>\n *\n * {@include ../../../docs/legacy-use-sign-up.md#nextjs-01}\n *\n * </Tab>\n * </Tabs>\n *\n * @example\n * ### Create a custom sign-up flow with `useSignUp()`\n *\n * The `useSignUp()` hook can also be used to build fully custom sign-up flows, if Clerk's prebuilt components don't meet your specific needs or if you require more control over the authentication flow. Different sign-up flows include email and password, email and phone codes, email links, and multifactor (MFA). To learn more about using the `useSignUp()` hook to create custom flows, see the [custom flow guides](https://clerk.com/docs/guides/development/custom-flows/overview).\n *\n * ```empty```\n */\nexport const useSignUp = (): UseSignUpReturn => {\n  useAssertWrappedByClerkProvider('useSignUp');\n\n  const isomorphicClerk = useIsomorphicClerkContext();\n  const client = __internal_useClientBase();\n\n  isomorphicClerk.telemetry?.record(eventMethodCalled('useSignUp'));\n\n  if (!client) {\n    return { isLoaded: false, signUp: undefined, setActive: undefined };\n  }\n\n  return {\n    isLoaded: true,\n    signUp: client.signUp,\n    setActive: isomorphicClerk.setActive,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,MAAa,kBAAmC;CAC9C,wEAAgC,WAAW;CAE3C,MAAM,kBAAkBA,kEAA0B;CAClD,MAAM,2DAAkC;CAExC,gBAAgB,WAAW,sDAAyB,WAAW,CAAC;CAEhE,IAAI,CAAC,QACH,OAAO;EAAE,UAAU;EAAO,QAAQ;EAAW,WAAW;CAAU;CAGpE,OAAO;EACL,UAAU;EACV,QAAQ,OAAO;EACf,WAAW,gBAAgB;CAC7B;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjBA,MAAa,kBAAmC;CAC9C,wEAAgC,WAAW;CAE3C,MAAM,kBAAkBC,kEAA0B;CAClD,MAAM,2DAAkC;CAExC,gBAAgB,WAAW,sDAAyB,WAAW,CAAC;CAEhE,IAAI,CAAC,QACH,OAAO;EAAE,UAAU;EAAO,QAAQ;EAAW,WAAW;CAAU;CAGpE,OAAO;EACL,UAAU;EACV,QAAQ,OAAO;EACf,WAAW,gBAAgB;CAC7B;AACF"}

package/dist/{legacy.d.ts → legacy.d.cts}

@@ -1,5 +1,6 @@
-import { UseSignInReturn, UseSignUpReturn } from '@clerk/shared/types';
+import { UseSignInReturn, UseSignUpReturn } from "@clerk/shared/types";
 
+//#region src/hooks/legacy/useSignIn.d.ts
 /**
  * The `useSignIn()` hook provides access to the [`SignIn`](https://clerk.com/docs/reference/objects/sign-in) object, which allows you to check the current state of a sign-in attempt and manage the sign-in flow. You can use this to create a [custom sign-in flow](https://clerk.com/docs/guides/development/custom-flows/overview).
  *
@@ -45,7 +46,8 @@ import { UseSignInReturn, UseSignUpReturn } from '@clerk/shared/types';
  * ```empty```
  */
 declare const useSignIn: () => UseSignInReturn;
-
+//#endregion
+//#region src/hooks/legacy/useSignUp.d.ts
 /**
  * The `useSignUp()` hook provides access to the [`SignUp`](https://clerk.com/docs/reference/objects/sign-up) object, which allows you to check the current state of a sign-up attempt and manage the sign-up flow. You can use this to create a [custom sign-up flow](https://clerk.com/docs/guides/development/custom-flows/overview).
  *
@@ -91,5 +93,6 @@ declare const useSignIn: () => UseSignInReturn;
  * ```empty```
  */
 declare const useSignUp: () => UseSignUpReturn;
-
+//#endregion
 export { useSignIn, useSignUp };
+//# sourceMappingURL=legacy.d.cts.map

package/dist/legacy.d.mts

@@ -1,5 +1,6 @@
-import { UseSignInReturn, UseSignUpReturn } from '@clerk/shared/types';
+import { UseSignInReturn, UseSignUpReturn } from "@clerk/shared/types";
 
+//#region src/hooks/legacy/useSignIn.d.ts
 /**
  * The `useSignIn()` hook provides access to the [`SignIn`](https://clerk.com/docs/reference/objects/sign-in) object, which allows you to check the current state of a sign-in attempt and manage the sign-in flow. You can use this to create a [custom sign-in flow](https://clerk.com/docs/guides/development/custom-flows/overview).
  *
@@ -45,7 +46,8 @@ import { UseSignInReturn, UseSignUpReturn } from '@clerk/shared/types';
  * ```empty```
  */
 declare const useSignIn: () => UseSignInReturn;
-
+//#endregion
+//#region src/hooks/legacy/useSignUp.d.ts
 /**
  * The `useSignUp()` hook provides access to the [`SignUp`](https://clerk.com/docs/reference/objects/sign-up) object, which allows you to check the current state of a sign-up attempt and manage the sign-up flow. You can use this to create a [custom sign-up flow](https://clerk.com/docs/guides/development/custom-flows/overview).
  *
@@ -91,5 +93,6 @@ declare const useSignIn: () => UseSignInReturn;
  * ```empty```
  */
 declare const useSignUp: () => UseSignUpReturn;
-
+//#endregion
 export { useSignIn, useSignUp };
+//# sourceMappingURL=legacy.d.mts.map

package/dist/legacy.mjs

@@ -1,48 +1,132 @@
-import {
-  useAssertWrappedByClerkProvider,
-  useIsomorphicClerkContext
-} from "./chunk-RQWALB2R.mjs";
-import "./chunk-E5QRIS4Z.mjs";
-
-// src/hooks/legacy/useSignIn.ts
+import { n as useIsomorphicClerkContext, t as useAssertWrappedByClerkProvider$1 } from "./useAssertWrappedByClerkProvider-GaNwZpWo.mjs";
 import { __internal_useClientBase } from "@clerk/shared/react";
 import { eventMethodCalled } from "@clerk/shared/telemetry";
-var useSignIn = () => {
-  var _a;
-  useAssertWrappedByClerkProvider("useSignIn");
-  const isomorphicClerk = useIsomorphicClerkContext();
-  const client = __internal_useClientBase();
-  (_a = isomorphicClerk.telemetry) == null ? void 0 : _a.record(eventMethodCalled("useSignIn"));
-  if (!client) {
-    return { isLoaded: false, signIn: void 0, setActive: void 0 };
-  }
-  return {
-    isLoaded: true,
-    signIn: client.signIn,
-    setActive: isomorphicClerk.setActive
-  };
-};
 
-// src/hooks/legacy/useSignUp.ts
-import { __internal_useClientBase as __internal_useClientBase2 } from "@clerk/shared/react";
-import { eventMethodCalled as eventMethodCalled2 } from "@clerk/shared/telemetry";
-var useSignUp = () => {
-  var _a;
-  useAssertWrappedByClerkProvider("useSignUp");
-  const isomorphicClerk = useIsomorphicClerkContext();
-  const client = __internal_useClientBase2();
-  (_a = isomorphicClerk.telemetry) == null ? void 0 : _a.record(eventMethodCalled2("useSignUp"));
-  if (!client) {
-    return { isLoaded: false, signUp: void 0, setActive: void 0 };
-  }
-  return {
-    isLoaded: true,
-    signUp: client.signUp,
-    setActive: isomorphicClerk.setActive
-  };
+//#region src/hooks/legacy/useSignIn.ts
+/**
+* The `useSignIn()` hook provides access to the [`SignIn`](https://clerk.com/docs/reference/objects/sign-in) object, which allows you to check the current state of a sign-in attempt and manage the sign-in flow. You can use this to create a [custom sign-in flow](https://clerk.com/docs/guides/development/custom-flows/overview).
+*
+* @unionReturnHeadings
+* ["Initialization", "Loaded"]
+*
+* @example
+* ### Check the current state of a sign-in
+*
+* The following example uses the `useSignIn()` hook to access the [`SignIn`](https://clerk.com/docs/reference/objects/sign-in) object, which contains the current sign-in attempt status and methods to create a new sign-in attempt. The `isLoaded` property is used to handle the loading state.
+*
+* <Tabs items='React,Next.js'>
+* <Tab>
+*
+* ```tsx {{ filename: 'src/pages/SignInPage.tsx' }}
+* import { useSignIn } from '@clerk/react'
+*
+* export default function SignInPage() {
+*   const { isLoaded, signIn } = useSignIn()
+*
+*   if (!isLoaded) {
+*     // Handle loading state
+*     return null
+*   }
+*
+*   return <div>The current sign-in attempt status is {signIn?.status}.</div>
+* }
+* ```
+*
+* </Tab>
+* <Tab>
+*
+* {@include ../../../docs/legacy-use-sign-in.md#nextjs-01}
+*
+* </Tab>
+* </Tabs>
+*
+* @example
+* ### Create a custom sign-in flow with `useSignIn()`
+*
+* The `useSignIn()` hook can also be used to build fully custom sign-in flows, if Clerk's prebuilt components don't meet your specific needs or if you require more control over the authentication flow. Different sign-in flows include email and password, email and phone codes, email links, and multifactor (MFA). To learn more about using the `useSignIn()` hook to create custom flows, see the [custom flow guides](https://clerk.com/docs/guides/development/custom-flows/overview).
+*
+* ```empty```
+*/
+const useSignIn = () => {
+	useAssertWrappedByClerkProvider$1("useSignIn");
+	const isomorphicClerk = useIsomorphicClerkContext();
+	const client = __internal_useClientBase();
+	isomorphicClerk.telemetry?.record(eventMethodCalled("useSignIn"));
+	if (!client) return {
+		isLoaded: false,
+		signIn: void 0,
+		setActive: void 0
+	};
+	return {
+		isLoaded: true,
+		signIn: client.signIn,
+		setActive: isomorphicClerk.setActive
+	};
 };
-export {
-  useSignIn,
-  useSignUp
+
+//#endregion
+//#region src/hooks/legacy/useSignUp.ts
+/**
+* The `useSignUp()` hook provides access to the [`SignUp`](https://clerk.com/docs/reference/objects/sign-up) object, which allows you to check the current state of a sign-up attempt and manage the sign-up flow. You can use this to create a [custom sign-up flow](https://clerk.com/docs/guides/development/custom-flows/overview).
+*
+* @unionReturnHeadings
+* ["Initialization", "Loaded"]
+*
+* @example
+* ### Check the current state of a sign-up
+*
+* The following example uses the `useSignUp()` hook to access the [`SignUp`](https://clerk.com/docs/reference/objects/sign-up) object, which contains the current sign-up attempt status and methods to create a new sign-up attempt. The `isLoaded` property is used to handle the loading state.
+*
+* <Tabs items='React,Next.js'>
+* <Tab>
+*
+* ```tsx {{ filename: 'src/pages/SignUpPage.tsx' }}
+* import { useSignUp } from '@clerk/react'
+*
+* export default function SignUpPage() {
+*   const { isLoaded, signUp } = useSignUp()
+*
+*   if (!isLoaded) {
+*     // Handle loading state
+*     return null
+*   }
+*
+*   return <div>The current sign-up attempt status is {signUp?.status}.</div>
+* }
+* ```
+*
+* </Tab>
+* <Tab>
+*
+* {@include ../../../docs/legacy-use-sign-up.md#nextjs-01}
+*
+* </Tab>
+* </Tabs>
+*
+* @example
+* ### Create a custom sign-up flow with `useSignUp()`
+*
+* The `useSignUp()` hook can also be used to build fully custom sign-up flows, if Clerk's prebuilt components don't meet your specific needs or if you require more control over the authentication flow. Different sign-up flows include email and password, email and phone codes, email links, and multifactor (MFA). To learn more about using the `useSignUp()` hook to create custom flows, see the [custom flow guides](https://clerk.com/docs/guides/development/custom-flows/overview).
+*
+* ```empty```
+*/
+const useSignUp = () => {
+	useAssertWrappedByClerkProvider$1("useSignUp");
+	const isomorphicClerk = useIsomorphicClerkContext();
+	const client = __internal_useClientBase();
+	isomorphicClerk.telemetry?.record(eventMethodCalled("useSignUp"));
+	if (!client) return {
+		isLoaded: false,
+		signUp: void 0,
+		setActive: void 0
+	};
+	return {
+		isLoaded: true,
+		signUp: client.signUp,
+		setActive: isomorphicClerk.setActive
+	};
 };
+
+//#endregion
+export { useSignIn, useSignUp };
 //# sourceMappingURL=legacy.mjs.map

package/dist/legacy.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/legacy/useSignIn.ts","../src/hooks/legacy/useSignUp.ts"],"sourcesContent":["import { __internal_useClientBase } from '@clerk/shared/react';\nimport { eventMethodCalled } from '@clerk/shared/telemetry';\nimport type { UseSignInReturn } from '@clerk/shared/types';\n\nimport { useIsomorphicClerkContext } from '../../contexts/IsomorphicClerkContext';\nimport { useAssertWrappedByClerkProvider } from '../useAssertWrappedByClerkProvider';\n\n/**\n * The `useSignIn()` hook provides access to the [`SignIn`](https://clerk.com/docs/reference/objects/sign-in) object, which allows you to check the current state of a sign-in attempt and manage the sign-in flow. You can use this to create a [custom sign-in flow](https://clerk.com/docs/guides/development/custom-flows/overview).\n *\n * @unionReturnHeadings\n * [\"Initialization\", \"Loaded\"]\n *\n * @example\n * ### Check the current state of a sign-in\n *\n * The following example uses the `useSignIn()` hook to access the [`SignIn`](https://clerk.com/docs/reference/objects/sign-in) object, which contains the current sign-in attempt status and methods to create a new sign-in attempt. The `isLoaded` property is used to handle the loading state.\n *\n * <Tabs items='React,Next.js'>\n * <Tab>\n *\n * ```tsx {{ filename: 'src/pages/SignInPage.tsx' }}\n * import { useSignIn } from '@clerk/react'\n *\n * export default function SignInPage() {\n *   const { isLoaded, signIn } = useSignIn()\n *\n *   if (!isLoaded) {\n *     // Handle loading state\n *     return null\n *   }\n *\n *   return <div>The current sign-in attempt status is {signIn?.status}.</div>\n * }\n * ```\n *\n * </Tab>\n * <Tab>\n *\n * {@include ../../../docs/legacy-use-sign-in.md#nextjs-01}\n *\n * </Tab>\n * </Tabs>\n *\n * @example\n * ### Create a custom sign-in flow with `useSignIn()`\n *\n * The `useSignIn()` hook can also be used to build fully custom sign-in flows, if Clerk's prebuilt components don't meet your specific needs or if you require more control over the authentication flow. Different sign-in flows include email and password, email and phone codes, email links, and multifactor (MFA). To learn more about using the `useSignIn()` hook to create custom flows, see the [custom flow guides](https://clerk.com/docs/guides/development/custom-flows/overview).\n *\n * ```empty```\n */\nexport const useSignIn = (): UseSignInReturn => {\n  useAssertWrappedByClerkProvider('useSignIn');\n\n  const isomorphicClerk = useIsomorphicClerkContext();\n  const client = __internal_useClientBase();\n\n  isomorphicClerk.telemetry?.record(eventMethodCalled('useSignIn'));\n\n  if (!client) {\n    return { isLoaded: false, signIn: undefined, setActive: undefined };\n  }\n\n  return {\n    isLoaded: true,\n    signIn: client.signIn,\n    setActive: isomorphicClerk.setActive,\n  };\n};\n","import { __internal_useClientBase } from '@clerk/shared/react';\nimport { eventMethodCalled } from '@clerk/shared/telemetry';\nimport type { UseSignUpReturn } from '@clerk/shared/types';\n\nimport { useIsomorphicClerkContext } from '../../contexts/IsomorphicClerkContext';\nimport { useAssertWrappedByClerkProvider } from '../useAssertWrappedByClerkProvider';\n\n/**\n * The `useSignUp()` hook provides access to the [`SignUp`](https://clerk.com/docs/reference/objects/sign-up) object, which allows you to check the current state of a sign-up attempt and manage the sign-up flow. You can use this to create a [custom sign-up flow](https://clerk.com/docs/guides/development/custom-flows/overview).\n *\n * @unionReturnHeadings\n * [\"Initialization\", \"Loaded\"]\n *\n * @example\n * ### Check the current state of a sign-up\n *\n * The following example uses the `useSignUp()` hook to access the [`SignUp`](https://clerk.com/docs/reference/objects/sign-up) object, which contains the current sign-up attempt status and methods to create a new sign-up attempt. The `isLoaded` property is used to handle the loading state.\n *\n * <Tabs items='React,Next.js'>\n * <Tab>\n *\n * ```tsx {{ filename: 'src/pages/SignUpPage.tsx' }}\n * import { useSignUp } from '@clerk/react'\n *\n * export default function SignUpPage() {\n *   const { isLoaded, signUp } = useSignUp()\n *\n *   if (!isLoaded) {\n *     // Handle loading state\n *     return null\n *   }\n *\n *   return <div>The current sign-up attempt status is {signUp?.status}.</div>\n * }\n * ```\n *\n * </Tab>\n * <Tab>\n *\n * {@include ../../../docs/legacy-use-sign-up.md#nextjs-01}\n *\n * </Tab>\n * </Tabs>\n *\n * @example\n * ### Create a custom sign-up flow with `useSignUp()`\n *\n * The `useSignUp()` hook can also be used to build fully custom sign-up flows, if Clerk's prebuilt components don't meet your specific needs or if you require more control over the authentication flow. Different sign-up flows include email and password, email and phone codes, email links, and multifactor (MFA). To learn more about using the `useSignUp()` hook to create custom flows, see the [custom flow guides](https://clerk.com/docs/guides/development/custom-flows/overview).\n *\n * ```empty```\n */\nexport const useSignUp = (): UseSignUpReturn => {\n  useAssertWrappedByClerkProvider('useSignUp');\n\n  const isomorphicClerk = useIsomorphicClerkContext();\n  const client = __internal_useClientBase();\n\n  isomorphicClerk.telemetry?.record(eventMethodCalled('useSignUp'));\n\n  if (!client) {\n    return { isLoaded: false, signUp: undefined, setActive: undefined };\n  }\n\n  return {\n    isLoaded: true,\n    signUp: client.signUp,\n    setActive: isomorphicClerk.setActive,\n  };\n};\n"],"mappings":";;;;;;;AAAA,SAAS,gCAAgC;AACzC,SAAS,yBAAyB;AAkD3B,IAAM,YAAY,MAAuB;AAnDhD;AAoDE,kCAAgC,WAAW;AAE3C,QAAM,kBAAkB,0BAA0B;AAClD,QAAM,SAAS,yBAAyB;AAExC,wBAAgB,cAAhB,mBAA2B,OAAO,kBAAkB,WAAW;AAE/D,MAAI,CAAC,QAAQ;AACX,WAAO,EAAE,UAAU,OAAO,QAAQ,QAAW,WAAW,OAAU;AAAA,EACpE;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV,QAAQ,OAAO;AAAA,IACf,WAAW,gBAAgB;AAAA,EAC7B;AACF;;;ACpEA,SAAS,4BAAAA,iCAAgC;AACzC,SAAS,qBAAAC,0BAAyB;AAkD3B,IAAM,YAAY,MAAuB;AAnDhD;AAoDE,kCAAgC,WAAW;AAE3C,QAAM,kBAAkB,0BAA0B;AAClD,QAAM,SAASC,0BAAyB;AAExC,wBAAgB,cAAhB,mBAA2B,OAAOC,mBAAkB,WAAW;AAE/D,MAAI,CAAC,QAAQ;AACX,WAAO,EAAE,UAAU,OAAO,QAAQ,QAAW,WAAW,OAAU;AAAA,EACpE;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV,QAAQ,OAAO;AAAA,IACf,WAAW,gBAAgB;AAAA,EAC7B;AACF;","names":["__internal_useClientBase","eventMethodCalled","__internal_useClientBase","eventMethodCalled"]}
+{"version":3,"file":"legacy.mjs","names":[],"sources":["../src/hooks/legacy/useSignIn.ts","../src/hooks/legacy/useSignUp.ts"],"sourcesContent":["import { __internal_useClientBase } from '@clerk/shared/react';\nimport { eventMethodCalled } from '@clerk/shared/telemetry';\nimport type { UseSignInReturn } from '@clerk/shared/types';\n\nimport { useIsomorphicClerkContext } from '../../contexts/IsomorphicClerkContext';\nimport { useAssertWrappedByClerkProvider } from '../useAssertWrappedByClerkProvider';\n\n/**\n * The `useSignIn()` hook provides access to the [`SignIn`](https://clerk.com/docs/reference/objects/sign-in) object, which allows you to check the current state of a sign-in attempt and manage the sign-in flow. You can use this to create a [custom sign-in flow](https://clerk.com/docs/guides/development/custom-flows/overview).\n *\n * @unionReturnHeadings\n * [\"Initialization\", \"Loaded\"]\n *\n * @example\n * ### Check the current state of a sign-in\n *\n * The following example uses the `useSignIn()` hook to access the [`SignIn`](https://clerk.com/docs/reference/objects/sign-in) object, which contains the current sign-in attempt status and methods to create a new sign-in attempt. The `isLoaded` property is used to handle the loading state.\n *\n * <Tabs items='React,Next.js'>\n * <Tab>\n *\n * ```tsx {{ filename: 'src/pages/SignInPage.tsx' }}\n * import { useSignIn } from '@clerk/react'\n *\n * export default function SignInPage() {\n *   const { isLoaded, signIn } = useSignIn()\n *\n *   if (!isLoaded) {\n *     // Handle loading state\n *     return null\n *   }\n *\n *   return <div>The current sign-in attempt status is {signIn?.status}.</div>\n * }\n * ```\n *\n * </Tab>\n * <Tab>\n *\n * {@include ../../../docs/legacy-use-sign-in.md#nextjs-01}\n *\n * </Tab>\n * </Tabs>\n *\n * @example\n * ### Create a custom sign-in flow with `useSignIn()`\n *\n * The `useSignIn()` hook can also be used to build fully custom sign-in flows, if Clerk's prebuilt components don't meet your specific needs or if you require more control over the authentication flow. Different sign-in flows include email and password, email and phone codes, email links, and multifactor (MFA). To learn more about using the `useSignIn()` hook to create custom flows, see the [custom flow guides](https://clerk.com/docs/guides/development/custom-flows/overview).\n *\n * ```empty```\n */\nexport const useSignIn = (): UseSignInReturn => {\n  useAssertWrappedByClerkProvider('useSignIn');\n\n  const isomorphicClerk = useIsomorphicClerkContext();\n  const client = __internal_useClientBase();\n\n  isomorphicClerk.telemetry?.record(eventMethodCalled('useSignIn'));\n\n  if (!client) {\n    return { isLoaded: false, signIn: undefined, setActive: undefined };\n  }\n\n  return {\n    isLoaded: true,\n    signIn: client.signIn,\n    setActive: isomorphicClerk.setActive,\n  };\n};\n","import { __internal_useClientBase } from '@clerk/shared/react';\nimport { eventMethodCalled } from '@clerk/shared/telemetry';\nimport type { UseSignUpReturn } from '@clerk/shared/types';\n\nimport { useIsomorphicClerkContext } from '../../contexts/IsomorphicClerkContext';\nimport { useAssertWrappedByClerkProvider } from '../useAssertWrappedByClerkProvider';\n\n/**\n * The `useSignUp()` hook provides access to the [`SignUp`](https://clerk.com/docs/reference/objects/sign-up) object, which allows you to check the current state of a sign-up attempt and manage the sign-up flow. You can use this to create a [custom sign-up flow](https://clerk.com/docs/guides/development/custom-flows/overview).\n *\n * @unionReturnHeadings\n * [\"Initialization\", \"Loaded\"]\n *\n * @example\n * ### Check the current state of a sign-up\n *\n * The following example uses the `useSignUp()` hook to access the [`SignUp`](https://clerk.com/docs/reference/objects/sign-up) object, which contains the current sign-up attempt status and methods to create a new sign-up attempt. The `isLoaded` property is used to handle the loading state.\n *\n * <Tabs items='React,Next.js'>\n * <Tab>\n *\n * ```tsx {{ filename: 'src/pages/SignUpPage.tsx' }}\n * import { useSignUp } from '@clerk/react'\n *\n * export default function SignUpPage() {\n *   const { isLoaded, signUp } = useSignUp()\n *\n *   if (!isLoaded) {\n *     // Handle loading state\n *     return null\n *   }\n *\n *   return <div>The current sign-up attempt status is {signUp?.status}.</div>\n * }\n * ```\n *\n * </Tab>\n * <Tab>\n *\n * {@include ../../../docs/legacy-use-sign-up.md#nextjs-01}\n *\n * </Tab>\n * </Tabs>\n *\n * @example\n * ### Create a custom sign-up flow with `useSignUp()`\n *\n * The `useSignUp()` hook can also be used to build fully custom sign-up flows, if Clerk's prebuilt components don't meet your specific needs or if you require more control over the authentication flow. Different sign-up flows include email and password, email and phone codes, email links, and multifactor (MFA). To learn more about using the `useSignUp()` hook to create custom flows, see the [custom flow guides](https://clerk.com/docs/guides/development/custom-flows/overview).\n *\n * ```empty```\n */\nexport const useSignUp = (): UseSignUpReturn => {\n  useAssertWrappedByClerkProvider('useSignUp');\n\n  const isomorphicClerk = useIsomorphicClerkContext();\n  const client = __internal_useClientBase();\n\n  isomorphicClerk.telemetry?.record(eventMethodCalled('useSignUp'));\n\n  if (!client) {\n    return { isLoaded: false, signUp: undefined, setActive: undefined };\n  }\n\n  return {\n    isLoaded: true,\n    signUp: client.signUp,\n    setActive: isomorphicClerk.setActive,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,MAAa,kBAAmC;CAC9C,kCAAgC,WAAW;CAE3C,MAAM,kBAAkB,0BAA0B;CAClD,MAAM,SAAS,yBAAyB;CAExC,gBAAgB,WAAW,OAAO,kBAAkB,WAAW,CAAC;CAEhE,IAAI,CAAC,QACH,OAAO;EAAE,UAAU;EAAO,QAAQ;EAAW,WAAW;CAAU;CAGpE,OAAO;EACL,UAAU;EACV,QAAQ,OAAO;EACf,WAAW,gBAAgB;CAC7B;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjBA,MAAa,kBAAmC;CAC9C,kCAAgC,WAAW;CAE3C,MAAM,kBAAkB,0BAA0B;CAClD,MAAM,SAAS,yBAAyB;CAExC,gBAAgB,WAAW,OAAO,kBAAkB,WAAW,CAAC;CAEhE,IAAI,CAAC,QACH,OAAO;EAAE,UAAU;EAAO,QAAQ;EAAW,WAAW;CAAU;CAGpE,OAAO;EACL,UAAU;EACV,QAAQ,OAAO;EACf,WAAW,gBAAgB;CAC7B;AACF"}