@clerk/react 6.9.0 → 6.9.1-canary.v20260610190754

package/dist/legacy.js

@@ -1,90 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/legacy.ts
-var legacy_exports = {};
-__export(legacy_exports, {
-  useSignIn: () => useSignIn,
-  useSignUp: () => useSignUp
-});
-module.exports = __toCommonJS(legacy_exports);
-
-// src/hooks/legacy/useSignIn.ts
-var import_react3 = require("@clerk/shared/react");
-var import_telemetry = require("@clerk/shared/telemetry");
-
-// src/contexts/IsomorphicClerkContext.tsx
-var import_react = require("@clerk/shared/react");
-var useIsomorphicClerkContext = import_react.useClerkInstanceContext;
-
-// src/hooks/useAssertWrappedByClerkProvider.ts
-var import_react2 = require("@clerk/shared/react");
-
-// src/errors/errorThrower.ts
-var import_error = require("@clerk/shared/error");
-var errorThrower = (0, import_error.buildErrorThrower)({ packageName: "@clerk/react" });
-
-// src/hooks/useAssertWrappedByClerkProvider.ts
-var useAssertWrappedByClerkProvider = (source) => {
-  (0, import_react2.useAssertWrappedByClerkProvider)(() => {
-    errorThrower.throwMissingClerkProviderError({ source });
-  });
-};
-
-// src/hooks/legacy/useSignIn.ts
-var useSignIn = () => {
-  var _a;
-  useAssertWrappedByClerkProvider("useSignIn");
-  const isomorphicClerk = useIsomorphicClerkContext();
-  const client = (0, import_react3.__internal_useClientBase)();
-  (_a = isomorphicClerk.telemetry) == null ? void 0 : _a.record((0, import_telemetry.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
-var import_react4 = require("@clerk/shared/react");
-var import_telemetry2 = require("@clerk/shared/telemetry");
-var useSignUp = () => {
-  var _a;
-  useAssertWrappedByClerkProvider("useSignUp");
-  const isomorphicClerk = useIsomorphicClerkContext();
-  const client = (0, import_react4.__internal_useClientBase)();
-  (_a = isomorphicClerk.telemetry) == null ? void 0 : _a.record((0, import_telemetry2.eventMethodCalled)("useSignUp"));
-  if (!client) {
-    return { isLoaded: false, signUp: void 0, setActive: void 0 };
-  }
-  return {
-    isLoaded: true,
-    signUp: client.signUp,
-    setActive: isomorphicClerk.setActive
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useSignIn,
-  useSignUp
-});
-//# sourceMappingURL=legacy.js.map

package/dist/legacy.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/legacy.ts","../src/hooks/legacy/useSignIn.ts","../src/contexts/IsomorphicClerkContext.tsx","../src/hooks/useAssertWrappedByClerkProvider.ts","../src/errors/errorThrower.ts","../src/hooks/legacy/useSignUp.ts"],"sourcesContent":["export { useSignIn } from './hooks/legacy/useSignIn';\nexport { useSignUp } from './hooks/legacy/useSignUp';\n","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 { useClerkInstanceContext } from '@clerk/shared/react';\n\nimport type { IsomorphicClerk } from '../isomorphicClerk';\n\nexport const useIsomorphicClerkContext = useClerkInstanceContext as unknown as () => IsomorphicClerk;\n","import { useAssertWrappedByClerkProvider as useSharedAssertWrappedByClerkProvider } from '@clerk/shared/react';\n\nimport { errorThrower } from '../errors/errorThrower';\n\nexport const useAssertWrappedByClerkProvider = (source: string): void => {\n  useSharedAssertWrappedByClerkProvider(() => {\n    errorThrower.throwMissingClerkProviderError({ source });\n  });\n};\n","import type { ErrorThrowerOptions } from '@clerk/shared/error';\nimport { buildErrorThrower } from '@clerk/shared/error';\n\nconst errorThrower = buildErrorThrower({ packageName: '@clerk/react' });\n\nexport { errorThrower };\n\n/**\n * Overrides options of the internal errorThrower (eg setting packageName prefix).\n *\n * @internal\n */\nexport function setErrorThrowerOptions(options: ErrorThrowerOptions) {\n  errorThrower.setMessages(options).setPackageName(options);\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;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,gBAAyC;AACzC,uBAAkC;;;ACDlC,mBAAwC;AAIjC,IAAM,4BAA4B;;;ACJzC,IAAAC,gBAAyF;;;ACCzF,mBAAkC;AAElC,IAAM,mBAAe,gCAAkB,EAAE,aAAa,eAAe,CAAC;;;ADC/D,IAAM,kCAAkC,CAAC,WAAyB;AACvE,oBAAAC,iCAAsC,MAAM;AAC1C,iBAAa,+BAA+B,EAAE,OAAO,CAAC;AAAA,EACxD,CAAC;AACH;;;AF2CO,IAAM,YAAY,MAAuB;AAnDhD;AAoDE,kCAAgC,WAAW;AAE3C,QAAM,kBAAkB,0BAA0B;AAClD,QAAM,aAAS,wCAAyB;AAExC,wBAAgB,cAAhB,mBAA2B,WAAO,oCAAkB,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;;;AIpEA,IAAAC,gBAAyC;AACzC,IAAAC,oBAAkC;AAkD3B,IAAM,YAAY,MAAuB;AAnDhD;AAoDE,kCAAgC,WAAW;AAE3C,QAAM,kBAAkB,0BAA0B;AAClD,QAAM,aAAS,wCAAyB;AAExC,wBAAgB,cAAhB,mBAA2B,WAAO,qCAAkB,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":["import_react","import_react","useSharedAssertWrappedByClerkProvider","import_react","import_telemetry"]}

package/dist/types.d.ts

@@ -1,109 +0,0 @@
-import { Clerk, LoadedClerk, IsomorphicClerkOptions, InternalClerkScriptProps, InitialState, RedirectUrlProp, SignInRedirectOptions, SignUpRedirectOptions, TasksRedirectOptions } from '@clerk/shared/types';
-export * from '@clerk/shared/types';
-import { ClerkUIConstructor } from '@clerk/shared/ui';
-import { Ui, ExtractAppearanceType, Appearance } from '@clerk/ui/internal';
-import React from 'react';
-
-declare global {
-    interface Window {
-        __clerk_publishable_key?: string;
-        __clerk_proxy_url?: Clerk['proxyUrl'];
-        __clerk_domain?: Clerk['domain'];
-        __internal_ClerkUICtor?: ClerkUIConstructor;
-    }
-}
-/**
- * @interface
- */
-type ClerkProviderProps<TUi extends Ui = Ui> = Omit<IsomorphicClerkOptions, 'appearance' | keyof InternalClerkScriptProps> & {
-    children: React.ReactNode;
-    /**
-     * Provide an initial state of the Clerk client during server-side rendering. You don't need to set this value yourself unless you're [developing an SDK](https://clerk.com/docs/guides/development/sdk-development/overview).
-     */
-    initialState?: InitialState;
-    /**
-     * Indicates to silently fail the initialization process when the publishable keys is not provided, instead of throwing an error.
-     * @default false
-     * @internal
-     */
-    __internal_bypassMissingPublishableKey?: boolean;
-    /**
-     * An object to style your components. Will only affect [Clerk Components](https://clerk.com/docs/reference/components/overview) and not [Account Portal](https://clerk.com/docs/guides/account-portal/overview) pages.
-     */
-    appearance?: ExtractAppearanceType<TUi, Appearance>;
-    /**
-     * An object to use the bundled Clerk UI instead of loading from CDN.
-     * Import `ui` from `@clerk/ui` and pass it here to bundle the UI with your application.
-     * When omitted, UI is loaded from Clerk's CDN.
-     * Note: When `ui` is used, appearance is automatically typed based on the specific UI version.
-     */
-    ui?: TUi;
-};
-type WithClerkProp<T = unknown> = T & {
-    clerk: LoadedClerk;
-    component?: string;
-    getContainer?: () => HTMLElement | null;
-};
-interface CustomPortalsRendererProps {
-    customPagesPortals?: any[];
-    customMenuItemsPortals?: any[];
-}
-interface MountProps {
-    mount: (node: HTMLDivElement, props: any) => void;
-    unmount: (node: HTMLDivElement) => void;
-    updateProps: (props: any) => void;
-    props?: any;
-}
-interface OpenProps {
-    open: (props: any) => void;
-    close: () => void;
-    props?: any;
-}
-type SignInWithMetamaskButtonProps = {
-    mode?: 'redirect' | 'modal';
-    children?: React.ReactNode;
-} & RedirectUrlProp;
-type RedirectToSignInProps = SignInRedirectOptions;
-type RedirectToSignUpProps = SignUpRedirectOptions;
-type RedirectToTasksProps = TasksRedirectOptions;
-type PageProps<T extends string> = {
-    label: string;
-    url: string;
-    labelIcon: React.ReactNode;
-} | {
-    label: T;
-    url?: never;
-    labelIcon?: never;
-};
-type UserProfilePageProps = PageProps<'account' | 'security' | 'billing' | 'apiKeys'>;
-type UserProfileLinkProps = {
-    url: string;
-    label: string;
-    labelIcon: React.ReactNode;
-};
-type OrganizationProfilePageProps = PageProps<'general' | 'members' | 'billing' | 'apiKeys'>;
-type OrganizationProfileLinkProps = UserProfileLinkProps;
-type ButtonActionProps<T extends string> = {
-    label: string;
-    labelIcon: React.ReactNode;
-    onClick: () => void;
-    open?: never;
-} | {
-    label: T;
-    labelIcon?: never;
-    onClick?: never;
-    open?: never;
-} | {
-    label: string;
-    labelIcon: React.ReactNode;
-    onClick?: never;
-    open: string;
-};
-type UserButtonActionProps = ButtonActionProps<'manageAccount' | 'signOut'>;
-type UserButtonLinkProps = {
-    href: string;
-    label: string;
-    labelIcon: React.ReactNode;
-};
-
-export type { ClerkProviderProps, CustomPortalsRendererProps, MountProps, OpenProps, OrganizationProfileLinkProps, OrganizationProfilePageProps, RedirectToSignInProps, RedirectToSignUpProps, RedirectToTasksProps, SignInWithMetamaskButtonProps, UserButtonActionProps, UserButtonLinkProps, UserProfileLinkProps, UserProfilePageProps, WithClerkProp };

package/dist/types.js

@@ -1,19 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/types/index.ts
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
-//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/index.ts"],"sourcesContent":["/**\n * Re-exports all types from @clerk/shared/types along with React-specific types.\n * This allows consumers to import types from @clerk/react/types instead of\n * installing @clerk/types separately.\n */\n\n// Re-export all shared types\nexport type * from '@clerk/shared/types';\n\n// React-specific types from this package\nexport type {\n  ClerkProviderProps,\n  CustomPortalsRendererProps,\n  MountProps,\n  OpenProps,\n  OrganizationProfileLinkProps,\n  OrganizationProfilePageProps,\n  RedirectToSignInProps,\n  RedirectToSignUpProps,\n  RedirectToTasksProps,\n  SignInWithMetamaskButtonProps,\n  UserButtonActionProps,\n  UserButtonLinkProps,\n  UserProfileLinkProps,\n  UserProfilePageProps,\n  WithClerkProp,\n} from '../types';\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}