@clerk/react 5.54.0

package/dist/chunk-Z2DSM5QN.mjs

@@ -0,0 +1,171 @@
+import {
+  useAuth,
+  withClerk
+} from "./chunk-PS5BRRRD.mjs";
+import {
+  useAssertWrappedByClerkProvider,
+  useIsomorphicClerkContext
+} from "./chunk-MB46WFKC.mjs";
+
+// src/components/controlComponents.tsx
+import { deprecated } from "@clerk/shared/deprecated";
+import React from "react";
+
+// src/contexts/SessionContext.tsx
+import { SessionContext, useSessionContext } from "@clerk/shared/react";
+
+// src/components/controlComponents.tsx
+var SignedIn = ({ children, treatPendingAsSignedOut }) => {
+  useAssertWrappedByClerkProvider("SignedIn");
+  const { userId } = useAuth({ treatPendingAsSignedOut });
+  if (userId) {
+    return children;
+  }
+  return null;
+};
+var SignedOut = ({ children, treatPendingAsSignedOut }) => {
+  useAssertWrappedByClerkProvider("SignedOut");
+  const { userId } = useAuth({ treatPendingAsSignedOut });
+  if (userId === null) {
+    return children;
+  }
+  return null;
+};
+var ClerkLoaded = ({ children }) => {
+  useAssertWrappedByClerkProvider("ClerkLoaded");
+  const isomorphicClerk = useIsomorphicClerkContext();
+  if (!isomorphicClerk.loaded) {
+    return null;
+  }
+  return children;
+};
+var ClerkLoading = ({ children }) => {
+  useAssertWrappedByClerkProvider("ClerkLoading");
+  const isomorphicClerk = useIsomorphicClerkContext();
+  if (isomorphicClerk.status !== "loading") {
+    return null;
+  }
+  return children;
+};
+var ClerkFailed = ({ children }) => {
+  useAssertWrappedByClerkProvider("ClerkFailed");
+  const isomorphicClerk = useIsomorphicClerkContext();
+  if (isomorphicClerk.status !== "error") {
+    return null;
+  }
+  return children;
+};
+var ClerkDegraded = ({ children }) => {
+  useAssertWrappedByClerkProvider("ClerkDegraded");
+  const isomorphicClerk = useIsomorphicClerkContext();
+  if (isomorphicClerk.status !== "degraded") {
+    return null;
+  }
+  return children;
+};
+var Protect = ({ children, fallback, treatPendingAsSignedOut, ...restAuthorizedParams }) => {
+  useAssertWrappedByClerkProvider("Protect");
+  const { isLoaded, has, userId } = useAuth({ treatPendingAsSignedOut });
+  if (!isLoaded) {
+    return null;
+  }
+  const unauthorized = fallback != null ? fallback : null;
+  const authorized = children;
+  if (!userId) {
+    return unauthorized;
+  }
+  if (typeof restAuthorizedParams.condition === "function") {
+    if (restAuthorizedParams.condition(has)) {
+      return authorized;
+    }
+    return unauthorized;
+  }
+  if (restAuthorizedParams.role || restAuthorizedParams.permission || restAuthorizedParams.feature || restAuthorizedParams.plan) {
+    if (has(restAuthorizedParams)) {
+      return authorized;
+    }
+    return unauthorized;
+  }
+  return authorized;
+};
+var RedirectToSignIn = withClerk(({ clerk, ...props }) => {
+  const { client, session } = clerk;
+  const hasSignedInSessions = client.signedInSessions ? client.signedInSessions.length > 0 : (
+    // Compat for clerk-js<5.54.0 (which was released with the `signedInSessions` property)
+    client.activeSessions && client.activeSessions.length > 0
+  );
+  React.useEffect(() => {
+    if (session === null && hasSignedInSessions) {
+      void clerk.redirectToAfterSignOut();
+    } else {
+      void clerk.redirectToSignIn(props);
+    }
+  }, []);
+  return null;
+}, "RedirectToSignIn");
+var RedirectToSignUp = withClerk(({ clerk, ...props }) => {
+  React.useEffect(() => {
+    void clerk.redirectToSignUp(props);
+  }, []);
+  return null;
+}, "RedirectToSignUp");
+var RedirectToTasks = withClerk(({ clerk, ...props }) => {
+  React.useEffect(() => {
+    void clerk.redirectToTasks(props);
+  }, []);
+  return null;
+}, "RedirectToTasks");
+var RedirectToUserProfile = withClerk(({ clerk }) => {
+  React.useEffect(() => {
+    deprecated("RedirectToUserProfile", "Use the `redirectToUserProfile()` method instead.");
+    void clerk.redirectToUserProfile();
+  }, []);
+  return null;
+}, "RedirectToUserProfile");
+var RedirectToOrganizationProfile = withClerk(({ clerk }) => {
+  React.useEffect(() => {
+    deprecated("RedirectToOrganizationProfile", "Use the `redirectToOrganizationProfile()` method instead.");
+    void clerk.redirectToOrganizationProfile();
+  }, []);
+  return null;
+}, "RedirectToOrganizationProfile");
+var RedirectToCreateOrganization = withClerk(({ clerk }) => {
+  React.useEffect(() => {
+    deprecated("RedirectToCreateOrganization", "Use the `redirectToCreateOrganization()` method instead.");
+    void clerk.redirectToCreateOrganization();
+  }, []);
+  return null;
+}, "RedirectToCreateOrganization");
+var AuthenticateWithRedirectCallback = withClerk(
+  ({ clerk, ...handleRedirectCallbackParams }) => {
+    React.useEffect(() => {
+      void clerk.handleRedirectCallback(handleRedirectCallbackParams);
+    }, []);
+    return null;
+  },
+  "AuthenticateWithRedirectCallback"
+);
+var MultisessionAppSupport = ({ children }) => {
+  useAssertWrappedByClerkProvider("MultisessionAppSupport");
+  const session = useSessionContext();
+  return /* @__PURE__ */ React.createElement(React.Fragment, { key: session ? session.id : "no-users" }, children);
+};
+
+export {
+  SignedIn,
+  SignedOut,
+  ClerkLoaded,
+  ClerkLoading,
+  ClerkFailed,
+  ClerkDegraded,
+  Protect,
+  RedirectToSignIn,
+  RedirectToSignUp,
+  RedirectToTasks,
+  RedirectToUserProfile,
+  RedirectToOrganizationProfile,
+  RedirectToCreateOrganization,
+  AuthenticateWithRedirectCallback,
+  MultisessionAppSupport
+};
+//# sourceMappingURL=chunk-Z2DSM5QN.mjs.map

package/dist/chunk-Z2DSM5QN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/controlComponents.tsx","../src/contexts/SessionContext.tsx"],"sourcesContent":["import { deprecated } from '@clerk/shared/deprecated';\nimport type {\n  HandleOAuthCallbackParams,\n  PendingSessionOptions,\n  ProtectProps as _ProtectProps,\n} from '@clerk/shared/types';\nimport React from 'react';\n\nimport { useIsomorphicClerkContext } from '../contexts/IsomorphicClerkContext';\nimport { useSessionContext } from '../contexts/SessionContext';\nimport { useAuth } from '../hooks';\nimport { useAssertWrappedByClerkProvider } from '../hooks/useAssertWrappedByClerkProvider';\nimport type { RedirectToSignInProps, RedirectToSignUpProps, RedirectToTasksProps, WithClerkProp } from '../types';\nimport { withClerk } from './withClerk';\n\nexport const SignedIn = ({ children, treatPendingAsSignedOut }: React.PropsWithChildren<PendingSessionOptions>) => {\n  useAssertWrappedByClerkProvider('SignedIn');\n\n  const { userId } = useAuth({ treatPendingAsSignedOut });\n  if (userId) {\n    return children;\n  }\n  return null;\n};\n\nexport const SignedOut = ({ children, treatPendingAsSignedOut }: React.PropsWithChildren<PendingSessionOptions>) => {\n  useAssertWrappedByClerkProvider('SignedOut');\n\n  const { userId } = useAuth({ treatPendingAsSignedOut });\n  if (userId === null) {\n    return children;\n  }\n  return null;\n};\n\nexport const ClerkLoaded = ({ children }: React.PropsWithChildren<unknown>) => {\n  useAssertWrappedByClerkProvider('ClerkLoaded');\n\n  const isomorphicClerk = useIsomorphicClerkContext();\n  if (!isomorphicClerk.loaded) {\n    return null;\n  }\n  return children;\n};\n\nexport const ClerkLoading = ({ children }: React.PropsWithChildren<unknown>) => {\n  useAssertWrappedByClerkProvider('ClerkLoading');\n\n  const isomorphicClerk = useIsomorphicClerkContext();\n  if (isomorphicClerk.status !== 'loading') {\n    return null;\n  }\n  return children;\n};\n\nexport const ClerkFailed = ({ children }: React.PropsWithChildren<unknown>) => {\n  useAssertWrappedByClerkProvider('ClerkFailed');\n\n  const isomorphicClerk = useIsomorphicClerkContext();\n  if (isomorphicClerk.status !== 'error') {\n    return null;\n  }\n  return children;\n};\n\nexport const ClerkDegraded = ({ children }: React.PropsWithChildren<unknown>) => {\n  useAssertWrappedByClerkProvider('ClerkDegraded');\n\n  const isomorphicClerk = useIsomorphicClerkContext();\n  if (isomorphicClerk.status !== 'degraded') {\n    return null;\n  }\n  return children;\n};\n\nexport type ProtectProps = React.PropsWithChildren<\n  _ProtectProps & {\n    fallback?: React.ReactNode;\n  } & PendingSessionOptions\n>;\n\n/**\n * Use `<Protect/>` in order to prevent unauthenticated or unauthorized users from accessing the children passed to the component.\n *\n * Examples:\n * ```\n * <Protect permission=\"a_permission_key\" />\n * <Protect role=\"a_role_key\" />\n * <Protect condition={(has) => has({permission:\"a_permission_key\"})} />\n * <Protect condition={(has) => has({role:\"a_role_key\"})} />\n * <Protect fallback={<p>Unauthorized</p>} />\n * ```\n */\nexport const Protect = ({ children, fallback, treatPendingAsSignedOut, ...restAuthorizedParams }: ProtectProps) => {\n  useAssertWrappedByClerkProvider('Protect');\n\n  const { isLoaded, has, userId } = useAuth({ treatPendingAsSignedOut });\n\n  /**\n   * Avoid flickering children or fallback while clerk is loading sessionId or userId\n   */\n  if (!isLoaded) {\n    return null;\n  }\n\n  /**\n   * Fallback to UI provided by user or `null` if authorization checks failed\n   */\n  const unauthorized = fallback ?? null;\n\n  const authorized = children;\n\n  if (!userId) {\n    return unauthorized;\n  }\n\n  /**\n   * Check against the results of `has` called inside the callback\n   */\n  if (typeof restAuthorizedParams.condition === 'function') {\n    if (restAuthorizedParams.condition(has)) {\n      return authorized;\n    }\n    return unauthorized;\n  }\n\n  if (\n    restAuthorizedParams.role ||\n    restAuthorizedParams.permission ||\n    restAuthorizedParams.feature ||\n    restAuthorizedParams.plan\n  ) {\n    if (has(restAuthorizedParams)) {\n      return authorized;\n    }\n    return unauthorized;\n  }\n\n  /**\n   * If neither of the authorization params are passed behave as the `<SignedIn/>`.\n   * If fallback is present render that instead of rendering nothing.\n   */\n  return authorized;\n};\n\nexport const RedirectToSignIn = withClerk(({ clerk, ...props }: WithClerkProp<RedirectToSignInProps>) => {\n  const { client, session } = clerk;\n\n  const hasSignedInSessions = client.signedInSessions\n    ? client.signedInSessions.length > 0\n    : // Compat for clerk-js<5.54.0 (which was released with the `signedInSessions` property)\n      client.activeSessions && client.activeSessions.length > 0;\n\n  React.useEffect(() => {\n    if (session === null && hasSignedInSessions) {\n      void clerk.redirectToAfterSignOut();\n    } else {\n      void clerk.redirectToSignIn(props);\n    }\n  }, []);\n\n  return null;\n}, 'RedirectToSignIn');\n\nexport const RedirectToSignUp = withClerk(({ clerk, ...props }: WithClerkProp<RedirectToSignUpProps>) => {\n  React.useEffect(() => {\n    void clerk.redirectToSignUp(props);\n  }, []);\n\n  return null;\n}, 'RedirectToSignUp');\n\nexport const RedirectToTasks = withClerk(({ clerk, ...props }: WithClerkProp<RedirectToTasksProps>) => {\n  React.useEffect(() => {\n    void clerk.redirectToTasks(props);\n  }, []);\n\n  return null;\n}, 'RedirectToTasks');\n\n/**\n * @function\n * @deprecated Use [`redirectToUserProfile()`](https://clerk.com/docs/reference/javascript/clerk#redirect-to-user-profile) instead.\n */\nexport const RedirectToUserProfile = withClerk(({ clerk }) => {\n  React.useEffect(() => {\n    deprecated('RedirectToUserProfile', 'Use the `redirectToUserProfile()` method instead.');\n    void clerk.redirectToUserProfile();\n  }, []);\n\n  return null;\n}, 'RedirectToUserProfile');\n\n/**\n * @function\n * @deprecated Use [`redirectToOrganizationProfile()`](https://clerk.com/docs/reference/javascript/clerk#redirect-to-organization-profile) instead.\n */\nexport const RedirectToOrganizationProfile = withClerk(({ clerk }) => {\n  React.useEffect(() => {\n    deprecated('RedirectToOrganizationProfile', 'Use the `redirectToOrganizationProfile()` method instead.');\n    void clerk.redirectToOrganizationProfile();\n  }, []);\n\n  return null;\n}, 'RedirectToOrganizationProfile');\n\n/**\n * @function\n * @deprecated Use [`redirectToCreateOrganization()`](https://clerk.com/docs/reference/javascript/clerk#redirect-to-create-organization) instead.\n */\nexport const RedirectToCreateOrganization = withClerk(({ clerk }) => {\n  React.useEffect(() => {\n    deprecated('RedirectToCreateOrganization', 'Use the `redirectToCreateOrganization()` method instead.');\n    void clerk.redirectToCreateOrganization();\n  }, []);\n\n  return null;\n}, 'RedirectToCreateOrganization');\n\nexport const AuthenticateWithRedirectCallback = withClerk(\n  ({ clerk, ...handleRedirectCallbackParams }: WithClerkProp<HandleOAuthCallbackParams>) => {\n    React.useEffect(() => {\n      void clerk.handleRedirectCallback(handleRedirectCallbackParams);\n    }, []);\n\n    return null;\n  },\n  'AuthenticateWithRedirectCallback',\n);\n\nexport const MultisessionAppSupport = ({ children }: React.PropsWithChildren<unknown>) => {\n  useAssertWrappedByClerkProvider('MultisessionAppSupport');\n\n  const session = useSessionContext();\n  return <React.Fragment key={session ? session.id : 'no-users'}>{children}</React.Fragment>;\n};\n","export { SessionContext, useSessionContext } from '@clerk/shared/react';\n"],"mappings":";;;;;;;;;;AAAA,SAAS,kBAAkB;AAM3B,OAAO,WAAW;;;ACNlB,SAAS,gBAAgB,yBAAyB;;;ADe3C,IAAM,WAAW,CAAC,EAAE,UAAU,wBAAwB,MAAsD;AACjH,kCAAgC,UAAU;AAE1C,QAAM,EAAE,OAAO,IAAI,QAAQ,EAAE,wBAAwB,CAAC;AACtD,MAAI,QAAQ;AACV,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,IAAM,YAAY,CAAC,EAAE,UAAU,wBAAwB,MAAsD;AAClH,kCAAgC,WAAW;AAE3C,QAAM,EAAE,OAAO,IAAI,QAAQ,EAAE,wBAAwB,CAAC;AACtD,MAAI,WAAW,MAAM;AACnB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,IAAM,cAAc,CAAC,EAAE,SAAS,MAAwC;AAC7E,kCAAgC,aAAa;AAE7C,QAAM,kBAAkB,0BAA0B;AAClD,MAAI,CAAC,gBAAgB,QAAQ;AAC3B,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,IAAM,eAAe,CAAC,EAAE,SAAS,MAAwC;AAC9E,kCAAgC,cAAc;AAE9C,QAAM,kBAAkB,0BAA0B;AAClD,MAAI,gBAAgB,WAAW,WAAW;AACxC,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,IAAM,cAAc,CAAC,EAAE,SAAS,MAAwC;AAC7E,kCAAgC,aAAa;AAE7C,QAAM,kBAAkB,0BAA0B;AAClD,MAAI,gBAAgB,WAAW,SAAS;AACtC,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,IAAM,gBAAgB,CAAC,EAAE,SAAS,MAAwC;AAC/E,kCAAgC,eAAe;AAE/C,QAAM,kBAAkB,0BAA0B;AAClD,MAAI,gBAAgB,WAAW,YAAY;AACzC,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAoBO,IAAM,UAAU,CAAC,EAAE,UAAU,UAAU,yBAAyB,GAAG,qBAAqB,MAAoB;AACjH,kCAAgC,SAAS;AAEzC,QAAM,EAAE,UAAU,KAAK,OAAO,IAAI,QAAQ,EAAE,wBAAwB,CAAC;AAKrE,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAKA,QAAM,eAAe,8BAAY;AAEjC,QAAM,aAAa;AAEnB,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAKA,MAAI,OAAO,qBAAqB,cAAc,YAAY;AACxD,QAAI,qBAAqB,UAAU,GAAG,GAAG;AACvC,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AAEA,MACE,qBAAqB,QACrB,qBAAqB,cACrB,qBAAqB,WACrB,qBAAqB,MACrB;AACA,QAAI,IAAI,oBAAoB,GAAG;AAC7B,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AAMA,SAAO;AACT;AAEO,IAAM,mBAAmB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,MAA4C;AACvG,QAAM,EAAE,QAAQ,QAAQ,IAAI;AAE5B,QAAM,sBAAsB,OAAO,mBAC/B,OAAO,iBAAiB,SAAS;AAAA;AAAA,IAEjC,OAAO,kBAAkB,OAAO,eAAe,SAAS;AAAA;AAE5D,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY,QAAQ,qBAAqB;AAC3C,WAAK,MAAM,uBAAuB;AAAA,IACpC,OAAO;AACL,WAAK,MAAM,iBAAiB,KAAK;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT,GAAG,kBAAkB;AAEd,IAAM,mBAAmB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,MAA4C;AACvG,QAAM,UAAU,MAAM;AACpB,SAAK,MAAM,iBAAiB,KAAK;AAAA,EACnC,GAAG,CAAC,CAAC;AAEL,SAAO;AACT,GAAG,kBAAkB;AAEd,IAAM,kBAAkB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,MAA2C;AACrG,QAAM,UAAU,MAAM;AACpB,SAAK,MAAM,gBAAgB,KAAK;AAAA,EAClC,GAAG,CAAC,CAAC;AAEL,SAAO;AACT,GAAG,iBAAiB;AAMb,IAAM,wBAAwB,UAAU,CAAC,EAAE,MAAM,MAAM;AAC5D,QAAM,UAAU,MAAM;AACpB,eAAW,yBAAyB,mDAAmD;AACvF,SAAK,MAAM,sBAAsB;AAAA,EACnC,GAAG,CAAC,CAAC;AAEL,SAAO;AACT,GAAG,uBAAuB;AAMnB,IAAM,gCAAgC,UAAU,CAAC,EAAE,MAAM,MAAM;AACpE,QAAM,UAAU,MAAM;AACpB,eAAW,iCAAiC,2DAA2D;AACvG,SAAK,MAAM,8BAA8B;AAAA,EAC3C,GAAG,CAAC,CAAC;AAEL,SAAO;AACT,GAAG,+BAA+B;AAM3B,IAAM,+BAA+B,UAAU,CAAC,EAAE,MAAM,MAAM;AACnE,QAAM,UAAU,MAAM;AACpB,eAAW,gCAAgC,0DAA0D;AACrG,SAAK,MAAM,6BAA6B;AAAA,EAC1C,GAAG,CAAC,CAAC;AAEL,SAAO;AACT,GAAG,8BAA8B;AAE1B,IAAM,mCAAmC;AAAA,EAC9C,CAAC,EAAE,OAAO,GAAG,6BAA6B,MAAgD;AACxF,UAAM,UAAU,MAAM;AACpB,WAAK,MAAM,uBAAuB,4BAA4B;AAAA,IAChE,GAAG,CAAC,CAAC;AAEL,WAAO;AAAA,EACT;AAAA,EACA;AACF;AAEO,IAAM,yBAAyB,CAAC,EAAE,SAAS,MAAwC;AACxF,kCAAgC,wBAAwB;AAExD,QAAM,UAAU,kBAAkB;AAClC,SAAO,oCAAC,MAAM,UAAN,EAAe,KAAK,UAAU,QAAQ,KAAK,cAAa,QAAS;AAC3E;","names":[]}

package/dist/errors.d.mts

@@ -0,0 +1 @@
+export { EmailLinkErrorCode, EmailLinkErrorCodeStatus, isClerkAPIResponseError, isClerkRuntimeError, isEmailLinkError, isKnownError, isMetamaskError, isReverificationCancelledError } from '@clerk/shared/error';

package/dist/errors.d.ts

@@ -0,0 +1 @@
+export { EmailLinkErrorCode, EmailLinkErrorCodeStatus, isClerkAPIResponseError, isClerkRuntimeError, isEmailLinkError, isKnownError, isMetamaskError, isReverificationCancelledError } from '@clerk/shared/error';

package/dist/errors.js

@@ -0,0 +1,45 @@
+"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/errors.ts
+var errors_exports = {};
+__export(errors_exports, {
+  EmailLinkErrorCode: () => import_error.EmailLinkErrorCode,
+  EmailLinkErrorCodeStatus: () => import_error.EmailLinkErrorCodeStatus,
+  isClerkAPIResponseError: () => import_error.isClerkAPIResponseError,
+  isClerkRuntimeError: () => import_error.isClerkRuntimeError,
+  isEmailLinkError: () => import_error.isEmailLinkError,
+  isKnownError: () => import_error.isKnownError,
+  isMetamaskError: () => import_error.isMetamaskError,
+  isReverificationCancelledError: () => import_error.isReverificationCancelledError
+});
+module.exports = __toCommonJS(errors_exports);
+var import_error = require("@clerk/shared/error");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmailLinkErrorCode,
+  EmailLinkErrorCodeStatus,
+  isClerkAPIResponseError,
+  isClerkRuntimeError,
+  isEmailLinkError,
+  isKnownError,
+  isMetamaskError,
+  isReverificationCancelledError
+});
+//# sourceMappingURL=errors.js.map

package/dist/errors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/errors.ts"],"sourcesContent":["export {\n  isClerkAPIResponseError,\n  isClerkRuntimeError,\n  isEmailLinkError,\n  isKnownError,\n  isMetamaskError,\n  isReverificationCancelledError,\n  EmailLinkErrorCode,\n  EmailLinkErrorCodeStatus,\n} from '@clerk/shared/error';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBASO;","names":[]}

package/dist/errors.mjs

@@ -0,0 +1,24 @@
+import "./chunk-OANWQR3B.mjs";
+
+// src/errors.ts
+import {
+  isClerkAPIResponseError,
+  isClerkRuntimeError,
+  isEmailLinkError,
+  isKnownError,
+  isMetamaskError,
+  isReverificationCancelledError,
+  EmailLinkErrorCode,
+  EmailLinkErrorCodeStatus
+} from "@clerk/shared/error";
+export {
+  EmailLinkErrorCode,
+  EmailLinkErrorCodeStatus,
+  isClerkAPIResponseError,
+  isClerkRuntimeError,
+  isEmailLinkError,
+  isKnownError,
+  isMetamaskError,
+  isReverificationCancelledError
+};
+//# sourceMappingURL=errors.mjs.map

package/dist/errors.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/errors.ts"],"sourcesContent":["export {\n  isClerkAPIResponseError,\n  isClerkRuntimeError,\n  isEmailLinkError,\n  isKnownError,\n  isMetamaskError,\n  isReverificationCancelledError,\n  EmailLinkErrorCode,\n  EmailLinkErrorCodeStatus,\n} from '@clerk/shared/error';\n"],"mappings":";;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/experimental.d.mts

@@ -0,0 +1,125 @@
+import * as _clerk_shared_types from '@clerk/shared/types';
+import { __experimental_CheckoutButtonProps, __experimental_PlanDetailsButtonProps, __experimental_SubscriptionDetailsButtonProps } from '@clerk/shared/types';
+export { __experimental_CheckoutButtonProps as CheckoutButtonProps, __experimental_PlanDetailsButtonProps as PlanDetailsButtonProps, __experimental_SubscriptionDetailsButtonProps as SubscriptionDetailsButtonProps } from '@clerk/shared/types';
+import React from 'react';
+import { W as WithClerkProp } from './types-BS-xjOf_.mjs';
+export { __experimental_CheckoutProvider as CheckoutProvider, __experimental_PaymentElement as PaymentElement, __experimental_PaymentElementProvider as PaymentElementProvider, __experimental_useCheckout as useCheckout, __experimental_usePaymentAttempts as usePaymentAttempts, __experimental_usePaymentElement as usePaymentElement, __experimental_usePaymentMethods as usePaymentMethods, __experimental_usePlans as usePlans, __experimental_useStatements as useStatements, __experimental_useSubscription as useSubscription } from '@clerk/shared/react';
+import '@clerk/shared/ui';
+
+/**
+ * A button component that opens the Clerk Checkout drawer when clicked. This component must be rendered
+ * inside a `<SignedIn />` component to ensure the user is authenticated.
+ *
+ * @example
+ * ```tsx
+ * import { SignedIn } from '@clerk/react';
+ * import { CheckoutButton } from '@clerk/react/experimental';
+ *
+ * // Basic usage with default "Checkout" text
+ * function BasicCheckout() {
+ *   return (
+ *     <SignedIn>
+ *       <CheckoutButton planId="plan_123" />
+ *     </SignedIn>
+ *   );
+ * }
+ *
+ * // Custom button with organization subscription
+ * function OrganizationCheckout() {
+ *   return (
+ *     <SignedIn>
+ *       <CheckoutButton
+ *         planId="plan_123"
+ *         planPeriod="month"
+ *         for="organization"
+ *         onSubscriptionComplete={() => console.log('Subscription completed!')}
+ *       >
+ *         <button className="custom-button">Subscribe Now</button>
+ *       </CheckoutButton>
+ *     </SignedIn>
+ *   );
+ * }
+ * ```
+ *
+ * @throws {Error} When rendered outside of a `<SignedIn />` component
+ * @throws {Error} When `for="organization"` is used without an active organization context
+ *
+ * @experimental This is an experimental API for the Billing feature that is available under a public beta, and the API is subject to change. It is advised to [pin](https://clerk.com/docs/pinning) the SDK version and the clerk-js version to avoid breaking changes.
+ */
+declare const CheckoutButton: {
+    (props: _clerk_shared_types.Without<WithClerkProp<React.PropsWithChildren<__experimental_CheckoutButtonProps>>, "clerk">): React.JSX.Element | null;
+    displayName: string;
+};
+
+/**
+ * A button component that opens the Clerk Plan Details drawer when clicked. This component is part of
+ * Clerk's Billing feature which is available under a public beta.
+ *
+ * @example
+ * ```tsx
+ * import { SignedIn } from '@clerk/react';
+ * import { PlanDetailsButton } from '@clerk/react/experimental';
+ *
+ * // Basic usage with default "Plan details" text
+ * function BasicPlanDetails() {
+ *   return (
+ *     <PlanDetailsButton planId="plan_123" />
+ *   );
+ * }
+ *
+ * // Custom button with custom text
+ * function CustomPlanDetails() {
+ *   return (
+ *     <PlanDetailsButton planId="plan_123">
+ *       <button>View Plan Details</button>
+ *     </PlanDetailsButton>
+ *   );
+ * }
+ * ```
+ *
+ * @experimental This is an experimental API for the Billing feature that is available under a public beta, and the API is subject to change. It is advised to [pin](https://clerk.com/docs/pinning) the SDK version and the clerk-js version to avoid breaking changes.
+ */
+declare const PlanDetailsButton: {
+    (props: _clerk_shared_types.Without<WithClerkProp<React.PropsWithChildren<__experimental_PlanDetailsButtonProps>>, "clerk">): React.JSX.Element | null;
+    displayName: string;
+};
+
+/**
+ * A button component that opens the Clerk Subscription Details drawer when clicked. This component must be rendered inside a `<SignedIn />` component to ensure the user is authenticated.
+ *
+ * @example
+ * ```tsx
+ * import { SignedIn } from '@clerk/react';
+ * import { SubscriptionDetailsButton } from '@clerk/react/experimental';
+ *
+ * // Basic usage with default "Subscription details" text
+ * function BasicSubscriptionDetails() {
+ *   return (
+ *     <SubscriptionDetailsButton />
+ *   );
+ * }
+ *
+ * // Custom button with organization subscription
+ * function OrganizationSubscriptionDetails() {
+ *   return (
+ *     <SubscriptionDetailsButton
+ *       for="organization"
+ *       onSubscriptionCancel={() => console.log('Subscription canceled')}
+ *     >
+ *       <button>View Organization Subscription</button>
+ *     </SubscriptionDetailsButton>
+ *   );
+ * }
+ * ```
+ *
+ * @throws {Error} When rendered outside of a `<SignedIn />` component
+ * @throws {Error} When `for="organization"` is used without an active organization context
+ *
+ * @experimental This is an experimental API for the Billing feature that is available under a public beta, and the API is subject to change. It is advised to [pin](https://clerk.com/docs/pinning) the SDK version and the clerk-js version to avoid breaking changes.
+ */
+declare const SubscriptionDetailsButton: {
+    (props: _clerk_shared_types.Without<WithClerkProp<React.PropsWithChildren<__experimental_SubscriptionDetailsButtonProps>>, "clerk">): React.JSX.Element | null;
+    displayName: string;
+};
+
+export { CheckoutButton, PlanDetailsButton, SubscriptionDetailsButton };

package/dist/experimental.d.ts

@@ -0,0 +1,125 @@
+import * as _clerk_shared_types from '@clerk/shared/types';
+import { __experimental_CheckoutButtonProps, __experimental_PlanDetailsButtonProps, __experimental_SubscriptionDetailsButtonProps } from '@clerk/shared/types';
+export { __experimental_CheckoutButtonProps as CheckoutButtonProps, __experimental_PlanDetailsButtonProps as PlanDetailsButtonProps, __experimental_SubscriptionDetailsButtonProps as SubscriptionDetailsButtonProps } from '@clerk/shared/types';
+import React from 'react';
+import { W as WithClerkProp } from './types-BS-xjOf_.js';
+export { __experimental_CheckoutProvider as CheckoutProvider, __experimental_PaymentElement as PaymentElement, __experimental_PaymentElementProvider as PaymentElementProvider, __experimental_useCheckout as useCheckout, __experimental_usePaymentAttempts as usePaymentAttempts, __experimental_usePaymentElement as usePaymentElement, __experimental_usePaymentMethods as usePaymentMethods, __experimental_usePlans as usePlans, __experimental_useStatements as useStatements, __experimental_useSubscription as useSubscription } from '@clerk/shared/react';
+import '@clerk/shared/ui';
+
+/**
+ * A button component that opens the Clerk Checkout drawer when clicked. This component must be rendered
+ * inside a `<SignedIn />` component to ensure the user is authenticated.
+ *
+ * @example
+ * ```tsx
+ * import { SignedIn } from '@clerk/react';
+ * import { CheckoutButton } from '@clerk/react/experimental';
+ *
+ * // Basic usage with default "Checkout" text
+ * function BasicCheckout() {
+ *   return (
+ *     <SignedIn>
+ *       <CheckoutButton planId="plan_123" />
+ *     </SignedIn>
+ *   );
+ * }
+ *
+ * // Custom button with organization subscription
+ * function OrganizationCheckout() {
+ *   return (
+ *     <SignedIn>
+ *       <CheckoutButton
+ *         planId="plan_123"
+ *         planPeriod="month"
+ *         for="organization"
+ *         onSubscriptionComplete={() => console.log('Subscription completed!')}
+ *       >
+ *         <button className="custom-button">Subscribe Now</button>
+ *       </CheckoutButton>
+ *     </SignedIn>
+ *   );
+ * }
+ * ```
+ *
+ * @throws {Error} When rendered outside of a `<SignedIn />` component
+ * @throws {Error} When `for="organization"` is used without an active organization context
+ *
+ * @experimental This is an experimental API for the Billing feature that is available under a public beta, and the API is subject to change. It is advised to [pin](https://clerk.com/docs/pinning) the SDK version and the clerk-js version to avoid breaking changes.
+ */
+declare const CheckoutButton: {
+    (props: _clerk_shared_types.Without<WithClerkProp<React.PropsWithChildren<__experimental_CheckoutButtonProps>>, "clerk">): React.JSX.Element | null;
+    displayName: string;
+};
+
+/**
+ * A button component that opens the Clerk Plan Details drawer when clicked. This component is part of
+ * Clerk's Billing feature which is available under a public beta.
+ *
+ * @example
+ * ```tsx
+ * import { SignedIn } from '@clerk/react';
+ * import { PlanDetailsButton } from '@clerk/react/experimental';
+ *
+ * // Basic usage with default "Plan details" text
+ * function BasicPlanDetails() {
+ *   return (
+ *     <PlanDetailsButton planId="plan_123" />
+ *   );
+ * }
+ *
+ * // Custom button with custom text
+ * function CustomPlanDetails() {
+ *   return (
+ *     <PlanDetailsButton planId="plan_123">
+ *       <button>View Plan Details</button>
+ *     </PlanDetailsButton>
+ *   );
+ * }
+ * ```
+ *
+ * @experimental This is an experimental API for the Billing feature that is available under a public beta, and the API is subject to change. It is advised to [pin](https://clerk.com/docs/pinning) the SDK version and the clerk-js version to avoid breaking changes.
+ */
+declare const PlanDetailsButton: {
+    (props: _clerk_shared_types.Without<WithClerkProp<React.PropsWithChildren<__experimental_PlanDetailsButtonProps>>, "clerk">): React.JSX.Element | null;
+    displayName: string;
+};
+
+/**
+ * A button component that opens the Clerk Subscription Details drawer when clicked. This component must be rendered inside a `<SignedIn />` component to ensure the user is authenticated.
+ *
+ * @example
+ * ```tsx
+ * import { SignedIn } from '@clerk/react';
+ * import { SubscriptionDetailsButton } from '@clerk/react/experimental';
+ *
+ * // Basic usage with default "Subscription details" text
+ * function BasicSubscriptionDetails() {
+ *   return (
+ *     <SubscriptionDetailsButton />
+ *   );
+ * }
+ *
+ * // Custom button with organization subscription
+ * function OrganizationSubscriptionDetails() {
+ *   return (
+ *     <SubscriptionDetailsButton
+ *       for="organization"
+ *       onSubscriptionCancel={() => console.log('Subscription canceled')}
+ *     >
+ *       <button>View Organization Subscription</button>
+ *     </SubscriptionDetailsButton>
+ *   );
+ * }
+ * ```
+ *
+ * @throws {Error} When rendered outside of a `<SignedIn />` component
+ * @throws {Error} When `for="organization"` is used without an active organization context
+ *
+ * @experimental This is an experimental API for the Billing feature that is available under a public beta, and the API is subject to change. It is advised to [pin](https://clerk.com/docs/pinning) the SDK version and the clerk-js version to avoid breaking changes.
+ */
+declare const SubscriptionDetailsButton: {
+    (props: _clerk_shared_types.Without<WithClerkProp<React.PropsWithChildren<__experimental_SubscriptionDetailsButtonProps>>, "clerk">): React.JSX.Element | null;
+    displayName: string;
+};
+
+export { CheckoutButton, PlanDetailsButton, SubscriptionDetailsButton };