@monocloud/auth-nextjs 0.1.10 → 0.1.11

package/dist/components/client/index.mjs

@@ -1,154 +1,4 @@
-import { n as redirectToSignIn, r as useAuth } from "../../protect-client-page-BFVskb3X.mjs";
-import "../../client/index.mjs";
-import { isUserInGroup } from "@monocloud/auth-node-core/utils";
-import React, { useEffect } from "react";
+import { RedirectToSignIn } from "./redirect-to-signin.mjs";
+import { Protected } from "./protected.mjs";
 
-//#region src/components/client/redirect-to-signin.tsx
-/**
-* `<RedirectToSignIn>` is a **client-side component** that immediately redirects the user to the MonoCloud sign-in page when it is rendered.
-*
-* It does not render any UI.
-*
-* > This component must be used inside a Client Component (`"use client"`).
-*
-* @example Basic Usage
-*
-* ```tsx title="Basic Usage"
-* "use client";
-*
-* import { useAuth } from "@monocloud/auth-nextjs/client";
-* import { RedirectToSignIn } from "@monocloud/auth-nextjs/components/client";
-*
-* export default function Home() {
-*   const { isLoading, isAuthenticated } = useAuth();
-*
-*   if (!isLoading && !isAuthenticated) {
-*     return <RedirectToSignIn />;
-*   }
-*
-*   return <>You are signed in</>;
-* }
-* ```
-*
-* @example With Options
-*
-* You can customize the authorization request by passing in props.
-*
-* ```tsx title="With options"
-* "use client";
-*
-* import { useAuth } from "@monocloud/auth-nextjs/client";
-* import { RedirectToSignIn } from "@monocloud/auth-nextjs/components/client";
-*
-* export default function Home() {
-*   const { isLoading, isAuthenticated } = useAuth();
-*
-*   if (!isLoading && !isAuthenticated) {
-*     return (
-*       <RedirectToSignIn
-*         returnUrl="/dashboard"
-*         loginHint="user@example.com"
-*       />
-*     );
-*   }
-*
-*   return <>You are signed in</>;
-* }
-* ```
-*
-* @param props - The props for customizing RedirectToSignIn.
-* @returns
-*
-* @category Components
-*/
-const RedirectToSignIn = ({ returnUrl, ...authParams }) => {
-	useEffect(() => {
-		redirectToSignIn({
-			returnUrl,
-			...authParams
-		});
-	}, [authParams, returnUrl]);
-	return null;
-};
-
-//#endregion
-//#region src/components/client/protected.tsx
-/**
-* `<Protected>` conditionally renders its children based on the user’s authentication state and (optionally) group membership.
-*
-* > `<Protected>` runs on the client and only affects what is rendered. It does **not** prevent data from being sent to the browser.
-* > To enforce access before content is rendered or sent to the client, use server-side protection such as {@link MonoCloudNextClient.protectPage | protectPage()}, or {@link MonoCloudNextClient.protect | protect()}.
-*
-* @example Basic Usage
-*
-* ```tsx title="Basic Usage"
-* "use client";
-*
-* import { Protected } from "@monocloud/auth-nextjs/components/client";
-*
-* export default function Home() {
-*   return (
-*     <Protected fallback={<>Sign in to view the message.</>}>
-*       <>This is the protected content.</>
-*     </Protected>
-*   );
-* }
-* ```
-*
-* @example With Groups
-*
-* ```tsx title="With Groups"
-* "use client";
-*
-* import { Protected } from "@monocloud/auth-nextjs/components/client";
-*
-* export default function Home() {
-*   return (
-*     <Protected
-*       groups={["admin"]}
-*       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access admin content.</>}
-*     >
-*       <>Signed in as admin</>
-*     </Protected>
-*   );
-* }
-* ```
-*
-* @example Requiring all groups
-*
-* ```tsx title="Requiring all groups"
-* "use client";
-*
-* import { Protected } from "@monocloud/auth-nextjs/components/client";
-*
-* export default function Home() {
-*   return (
-*     <Protected
-*       groups={["admin", "billing"]}
-*       matchAllGroups
-*       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access billing content.</>}
-*     >
-*       <>Sensitive settings</>
-*     </Protected>
-*   );
-* }
-* ```
-*
-* @param props - Props for customizing the Protected component.
-* @returns The children if authorized, the `fallback` or `onGroupAccessDenied` content if unauthenticated or unauthorized, or `null` while loading.
-*
-* @category Components
-*/
-const Protected = ({ children, groups, groupsClaim, matchAllGroups = false, fallback = null, onGroupAccessDenied = () => /* @__PURE__ */ React.createElement(React.Fragment, null) }) => {
-	const { isLoading, error, isAuthenticated, user } = useAuth();
-	if (isLoading) return null;
-	if (error || !isAuthenticated || !user) {
-		if (fallback) return fallback;
-		return null;
-	}
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, !groups || isUserInGroup(user, groups, groupsClaim ?? process.env.NEXT_PUBLIC_MONOCLOUD_AUTH_GROUPS_CLAIM, matchAllGroups) ? children : onGroupAccessDenied(user));
-};
-
-//#endregion
-export { Protected, RedirectToSignIn };
-//# sourceMappingURL=index.mjs.map
+export { Protected, RedirectToSignIn };

package/dist/components/client/protected.cjs

@@ -0,0 +1,89 @@
+'use client';
+
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_use_auth = require('../../client/use-auth.cjs');
+require('../../client/index.cjs');
+let _monocloud_auth_node_core_utils = require("@monocloud/auth-node-core/utils");
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/components/client/protected.tsx
+/**
+* `<Protected>` conditionally renders its children based on the user’s authentication state and (optionally) group membership.
+*
+* > `<Protected>` runs on the client and only affects what is rendered. It does **not** prevent data from being sent to the browser.
+* > To enforce access before content is rendered or sent to the client, use server-side protection such as {@link MonoCloudNextClient.protectPage | protectPage()}, or {@link MonoCloudNextClient.protect | protect()}.
+*
+* @example Basic Usage
+*
+* ```tsx title="Basic Usage"
+* "use client";
+*
+* import { Protected } from "@monocloud/auth-nextjs/components/client";
+*
+* export default function Home() {
+*   return (
+*     <Protected fallback={<>Sign in to view the message.</>}>
+*       <>This is the protected content.</>
+*     </Protected>
+*   );
+* }
+* ```
+*
+* @example With Groups
+*
+* ```tsx title="With Groups"
+* "use client";
+*
+* import { Protected } from "@monocloud/auth-nextjs/components/client";
+*
+* export default function Home() {
+*   return (
+*     <Protected
+*       groups={["admin"]}
+*       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access admin content.</>}
+*     >
+*       <>Signed in as admin</>
+*     </Protected>
+*   );
+* }
+* ```
+*
+* @example Requiring all groups
+*
+* ```tsx title="Requiring all groups"
+* "use client";
+*
+* import { Protected } from "@monocloud/auth-nextjs/components/client";
+*
+* export default function Home() {
+*   return (
+*     <Protected
+*       groups={["admin", "billing"]}
+*       matchAllGroups
+*       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access billing content.</>}
+*     >
+*       <>Sensitive settings</>
+*     </Protected>
+*   );
+* }
+* ```
+*
+* @param props - Props for customizing the Protected component.
+* @returns The children if authorized, the `fallback` or `onGroupAccessDenied` content if unauthenticated or unauthorized, or `null` while loading.
+*
+* @category Components
+*/
+const Protected = ({ children, groups, groupsClaim, matchAllGroups = false, fallback = null, onGroupAccessDenied = () => /* @__PURE__ */ react.default.createElement(react.default.Fragment, null) }) => {
+	const { isLoading, error, isAuthenticated, user } = require_use_auth.useAuth();
+	if (isLoading) return null;
+	if (error || !isAuthenticated || !user) {
+		if (fallback) return fallback;
+		return null;
+	}
+	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, !groups || (0, _monocloud_auth_node_core_utils.isUserInGroup)(user, groups, groupsClaim ?? process.env.NEXT_PUBLIC_MONOCLOUD_AUTH_GROUPS_CLAIM, matchAllGroups) ? children : onGroupAccessDenied(user));
+};
+
+//#endregion
+exports.Protected = Protected;
+//# sourceMappingURL=protected.cjs.map

package/dist/components/client/protected.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"protected.cjs","names":["useAuth"],"sources":["../../../src/components/client/protected.tsx"],"sourcesContent":["'use client';\n\nimport { isUserInGroup } from '@monocloud/auth-node-core/utils';\nimport React from 'react';\nimport { useAuth } from '../../client';\nimport type { MonoCloudUser } from '@monocloud/auth-node-core';\nimport type { MonoCloudNextClient } from '../../monocloud-next-client';\n\n/**\n * Props for the `<Protected />` component.\n *\n * @category Types\n */\nexport interface ProtectedComponentProps {\n  /**\n   * Content to render when access is allowed.\n   */\n  children: React.ReactNode;\n\n  /**\n   * Groups required to view the protected content. By default, the user must belong to **any** of the specified groups.\n   */\n  groups?: string[];\n\n  /**\n   * Name of the claim that contains groups in the user profile.\n   * @defaultValue 'groups'\n   */\n  groupsClaim?: string;\n\n  /**\n   * If `true`, the user must belong to **all** specified `groups` (instead of any).\n   * @defaultValue false\n   */\n  matchAllGroups?: boolean;\n\n  /**\n   * Content to render when the user is not authenticated.\n   */\n  fallback?: React.ReactNode;\n\n  /**\n   * Rendered when the user is authenticated but does not meet the `groups` requirement. If omitted, nothing is rendered (or `fallback` is used only for unauthenticated users).\n   */\n  onGroupAccessDenied?: (user: MonoCloudUser) => React.ReactNode;\n}\n\n/**\n * `<Protected>` conditionally renders its children based on the user’s authentication state and (optionally) group membership.\n *\n * > `<Protected>` runs on the client and only affects what is rendered. It does **not** prevent data from being sent to the browser.\n * > To enforce access before content is rendered or sent to the client, use server-side protection such as {@link MonoCloudNextClient.protectPage | protectPage()}, or {@link MonoCloudNextClient.protect | protect()}.\n *\n * @example Basic Usage\n *\n * ```tsx title=\"Basic Usage\"\n * \"use client\";\n *\n * import { Protected } from \"@monocloud/auth-nextjs/components/client\";\n *\n * export default function Home() {\n *   return (\n *     <Protected fallback={<>Sign in to view the message.</>}>\n *       <>This is the protected content.</>\n *     </Protected>\n *   );\n * }\n * ```\n *\n * @example With Groups\n *\n * ```tsx title=\"With Groups\"\n * \"use client\";\n *\n * import { Protected } from \"@monocloud/auth-nextjs/components/client\";\n *\n * export default function Home() {\n *   return (\n *     <Protected\n *       groups={[\"admin\"]}\n *       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access admin content.</>}\n *     >\n *       <>Signed in as admin</>\n *     </Protected>\n *   );\n * }\n * ```\n *\n * @example Requiring all groups\n *\n * ```tsx title=\"Requiring all groups\"\n * \"use client\";\n *\n * import { Protected } from \"@monocloud/auth-nextjs/components/client\";\n *\n * export default function Home() {\n *   return (\n *     <Protected\n *       groups={[\"admin\", \"billing\"]}\n *       matchAllGroups\n *       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access billing content.</>}\n *     >\n *       <>Sensitive settings</>\n *     </Protected>\n *   );\n * }\n * ```\n *\n * @param props - Props for customizing the Protected component.\n * @returns The children if authorized, the `fallback` or `onGroupAccessDenied` content if unauthenticated or unauthorized, or `null` while loading.\n *\n * @category Components\n */\nexport const Protected = ({\n  children,\n  groups,\n  groupsClaim,\n  matchAllGroups = false,\n  fallback = null,\n  onGroupAccessDenied = (): React.ReactNode => <></>,\n}: ProtectedComponentProps): React.ReactNode | null => {\n  const { isLoading, error, isAuthenticated, user } = useAuth();\n\n  if (isLoading) {\n    return null;\n  }\n\n  if (error || !isAuthenticated || !user) {\n    if (fallback) {\n      return fallback;\n    }\n\n    return null;\n  }\n\n  return (\n    <>\n      {!groups ||\n      isUserInGroup(\n        user,\n        groups,\n        groupsClaim ?? process.env.NEXT_PUBLIC_MONOCLOUD_AUTH_GROUPS_CLAIM,\n        matchAllGroups\n      )\n        ? children\n        : onGroupAccessDenied(user)}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiHA,MAAa,aAAa,EACxB,UACA,QACA,aACA,iBAAiB,OACjB,WAAW,MACX,4BAA6C,yEAAK,OACG;CACrD,MAAM,EAAE,WAAW,OAAO,iBAAiB,SAASA,0BAAS;AAE7D,KAAI,UACF,QAAO;AAGT,KAAI,SAAS,CAAC,mBAAmB,CAAC,MAAM;AACtC,MAAI,SACF,QAAO;AAGT,SAAO;;AAGT,QACE,0EACG,CAAC,6DAEA,MACA,QACA,eAAe,QAAQ,IAAI,yCAC3B,eACD,GACG,WACA,oBAAoB,KAAK,CAC5B"}

package/dist/components/client/protected.d.mts

@@ -0,0 +1,114 @@
+import { MonoCloudUser } from "@monocloud/auth-node-core";
+import React from "react";
+
+//#region src/components/client/protected.d.ts
+/**
+ * Props for the `<Protected />` component.
+ *
+ * @category Types
+ */
+interface ProtectedComponentProps {
+  /**
+   * Content to render when access is allowed.
+   */
+  children: React.ReactNode;
+  /**
+   * Groups required to view the protected content. By default, the user must belong to **any** of the specified groups.
+   */
+  groups?: string[];
+  /**
+   * Name of the claim that contains groups in the user profile.
+   * @defaultValue 'groups'
+   */
+  groupsClaim?: string;
+  /**
+   * If `true`, the user must belong to **all** specified `groups` (instead of any).
+   * @defaultValue false
+   */
+  matchAllGroups?: boolean;
+  /**
+   * Content to render when the user is not authenticated.
+   */
+  fallback?: React.ReactNode;
+  /**
+   * Rendered when the user is authenticated but does not meet the `groups` requirement. If omitted, nothing is rendered (or `fallback` is used only for unauthenticated users).
+   */
+  onGroupAccessDenied?: (user: MonoCloudUser) => React.ReactNode;
+}
+/**
+ * `<Protected>` conditionally renders its children based on the user’s authentication state and (optionally) group membership.
+ *
+ * > `<Protected>` runs on the client and only affects what is rendered. It does **not** prevent data from being sent to the browser.
+ * > To enforce access before content is rendered or sent to the client, use server-side protection such as {@link MonoCloudNextClient.protectPage | protectPage()}, or {@link MonoCloudNextClient.protect | protect()}.
+ *
+ * @example Basic Usage
+ *
+ * ```tsx title="Basic Usage"
+ * "use client";
+ *
+ * import { Protected } from "@monocloud/auth-nextjs/components/client";
+ *
+ * export default function Home() {
+ *   return (
+ *     <Protected fallback={<>Sign in to view the message.</>}>
+ *       <>This is the protected content.</>
+ *     </Protected>
+ *   );
+ * }
+ * ```
+ *
+ * @example With Groups
+ *
+ * ```tsx title="With Groups"
+ * "use client";
+ *
+ * import { Protected } from "@monocloud/auth-nextjs/components/client";
+ *
+ * export default function Home() {
+ *   return (
+ *     <Protected
+ *       groups={["admin"]}
+ *       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access admin content.</>}
+ *     >
+ *       <>Signed in as admin</>
+ *     </Protected>
+ *   );
+ * }
+ * ```
+ *
+ * @example Requiring all groups
+ *
+ * ```tsx title="Requiring all groups"
+ * "use client";
+ *
+ * import { Protected } from "@monocloud/auth-nextjs/components/client";
+ *
+ * export default function Home() {
+ *   return (
+ *     <Protected
+ *       groups={["admin", "billing"]}
+ *       matchAllGroups
+ *       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access billing content.</>}
+ *     >
+ *       <>Sensitive settings</>
+ *     </Protected>
+ *   );
+ * }
+ * ```
+ *
+ * @param props - Props for customizing the Protected component.
+ * @returns The children if authorized, the `fallback` or `onGroupAccessDenied` content if unauthenticated or unauthorized, or `null` while loading.
+ *
+ * @category Components
+ */
+declare const Protected: ({
+  children,
+  groups,
+  groupsClaim,
+  matchAllGroups,
+  fallback,
+  onGroupAccessDenied
+}: ProtectedComponentProps) => React.ReactNode | null;
+//#endregion
+export { Protected, ProtectedComponentProps };
+//# sourceMappingURL=protected.d.mts.map

package/dist/components/client/protected.mjs

@@ -0,0 +1,87 @@
+'use client';
+
+import { useAuth } from "../../client/use-auth.mjs";
+import "../../client/index.mjs";
+import { isUserInGroup } from "@monocloud/auth-node-core/utils";
+import React from "react";
+
+//#region src/components/client/protected.tsx
+/**
+* `<Protected>` conditionally renders its children based on the user’s authentication state and (optionally) group membership.
+*
+* > `<Protected>` runs on the client and only affects what is rendered. It does **not** prevent data from being sent to the browser.
+* > To enforce access before content is rendered or sent to the client, use server-side protection such as {@link MonoCloudNextClient.protectPage | protectPage()}, or {@link MonoCloudNextClient.protect | protect()}.
+*
+* @example Basic Usage
+*
+* ```tsx title="Basic Usage"
+* "use client";
+*
+* import { Protected } from "@monocloud/auth-nextjs/components/client";
+*
+* export default function Home() {
+*   return (
+*     <Protected fallback={<>Sign in to view the message.</>}>
+*       <>This is the protected content.</>
+*     </Protected>
+*   );
+* }
+* ```
+*
+* @example With Groups
+*
+* ```tsx title="With Groups"
+* "use client";
+*
+* import { Protected } from "@monocloud/auth-nextjs/components/client";
+*
+* export default function Home() {
+*   return (
+*     <Protected
+*       groups={["admin"]}
+*       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access admin content.</>}
+*     >
+*       <>Signed in as admin</>
+*     </Protected>
+*   );
+* }
+* ```
+*
+* @example Requiring all groups
+*
+* ```tsx title="Requiring all groups"
+* "use client";
+*
+* import { Protected } from "@monocloud/auth-nextjs/components/client";
+*
+* export default function Home() {
+*   return (
+*     <Protected
+*       groups={["admin", "billing"]}
+*       matchAllGroups
+*       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access billing content.</>}
+*     >
+*       <>Sensitive settings</>
+*     </Protected>
+*   );
+* }
+* ```
+*
+* @param props - Props for customizing the Protected component.
+* @returns The children if authorized, the `fallback` or `onGroupAccessDenied` content if unauthenticated or unauthorized, or `null` while loading.
+*
+* @category Components
+*/
+const Protected = ({ children, groups, groupsClaim, matchAllGroups = false, fallback = null, onGroupAccessDenied = () => /* @__PURE__ */ React.createElement(React.Fragment, null) }) => {
+	const { isLoading, error, isAuthenticated, user } = useAuth();
+	if (isLoading) return null;
+	if (error || !isAuthenticated || !user) {
+		if (fallback) return fallback;
+		return null;
+	}
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, !groups || isUserInGroup(user, groups, groupsClaim ?? process.env.NEXT_PUBLIC_MONOCLOUD_AUTH_GROUPS_CLAIM, matchAllGroups) ? children : onGroupAccessDenied(user));
+};
+
+//#endregion
+export { Protected };
+//# sourceMappingURL=protected.mjs.map

package/dist/components/client/protected.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"protected.mjs","names":[],"sources":["../../../src/components/client/protected.tsx"],"sourcesContent":["'use client';\n\nimport { isUserInGroup } from '@monocloud/auth-node-core/utils';\nimport React from 'react';\nimport { useAuth } from '../../client';\nimport type { MonoCloudUser } from '@monocloud/auth-node-core';\nimport type { MonoCloudNextClient } from '../../monocloud-next-client';\n\n/**\n * Props for the `<Protected />` component.\n *\n * @category Types\n */\nexport interface ProtectedComponentProps {\n  /**\n   * Content to render when access is allowed.\n   */\n  children: React.ReactNode;\n\n  /**\n   * Groups required to view the protected content. By default, the user must belong to **any** of the specified groups.\n   */\n  groups?: string[];\n\n  /**\n   * Name of the claim that contains groups in the user profile.\n   * @defaultValue 'groups'\n   */\n  groupsClaim?: string;\n\n  /**\n   * If `true`, the user must belong to **all** specified `groups` (instead of any).\n   * @defaultValue false\n   */\n  matchAllGroups?: boolean;\n\n  /**\n   * Content to render when the user is not authenticated.\n   */\n  fallback?: React.ReactNode;\n\n  /**\n   * Rendered when the user is authenticated but does not meet the `groups` requirement. If omitted, nothing is rendered (or `fallback` is used only for unauthenticated users).\n   */\n  onGroupAccessDenied?: (user: MonoCloudUser) => React.ReactNode;\n}\n\n/**\n * `<Protected>` conditionally renders its children based on the user’s authentication state and (optionally) group membership.\n *\n * > `<Protected>` runs on the client and only affects what is rendered. It does **not** prevent data from being sent to the browser.\n * > To enforce access before content is rendered or sent to the client, use server-side protection such as {@link MonoCloudNextClient.protectPage | protectPage()}, or {@link MonoCloudNextClient.protect | protect()}.\n *\n * @example Basic Usage\n *\n * ```tsx title=\"Basic Usage\"\n * \"use client\";\n *\n * import { Protected } from \"@monocloud/auth-nextjs/components/client\";\n *\n * export default function Home() {\n *   return (\n *     <Protected fallback={<>Sign in to view the message.</>}>\n *       <>This is the protected content.</>\n *     </Protected>\n *   );\n * }\n * ```\n *\n * @example With Groups\n *\n * ```tsx title=\"With Groups\"\n * \"use client\";\n *\n * import { Protected } from \"@monocloud/auth-nextjs/components/client\";\n *\n * export default function Home() {\n *   return (\n *     <Protected\n *       groups={[\"admin\"]}\n *       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access admin content.</>}\n *     >\n *       <>Signed in as admin</>\n *     </Protected>\n *   );\n * }\n * ```\n *\n * @example Requiring all groups\n *\n * ```tsx title=\"Requiring all groups\"\n * \"use client\";\n *\n * import { Protected } from \"@monocloud/auth-nextjs/components/client\";\n *\n * export default function Home() {\n *   return (\n *     <Protected\n *       groups={[\"admin\", \"billing\"]}\n *       matchAllGroups\n *       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access billing content.</>}\n *     >\n *       <>Sensitive settings</>\n *     </Protected>\n *   );\n * }\n * ```\n *\n * @param props - Props for customizing the Protected component.\n * @returns The children if authorized, the `fallback` or `onGroupAccessDenied` content if unauthenticated or unauthorized, or `null` while loading.\n *\n * @category Components\n */\nexport const Protected = ({\n  children,\n  groups,\n  groupsClaim,\n  matchAllGroups = false,\n  fallback = null,\n  onGroupAccessDenied = (): React.ReactNode => <></>,\n}: ProtectedComponentProps): React.ReactNode | null => {\n  const { isLoading, error, isAuthenticated, user } = useAuth();\n\n  if (isLoading) {\n    return null;\n  }\n\n  if (error || !isAuthenticated || !user) {\n    if (fallback) {\n      return fallback;\n    }\n\n    return null;\n  }\n\n  return (\n    <>\n      {!groups ||\n      isUserInGroup(\n        user,\n        groups,\n        groupsClaim ?? process.env.NEXT_PUBLIC_MONOCLOUD_AUTH_GROUPS_CLAIM,\n        matchAllGroups\n      )\n        ? children\n        : onGroupAccessDenied(user)}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiHA,MAAa,aAAa,EACxB,UACA,QACA,aACA,iBAAiB,OACjB,WAAW,MACX,4BAA6C,yDAAK,OACG;CACrD,MAAM,EAAE,WAAW,OAAO,iBAAiB,SAAS,SAAS;AAE7D,KAAI,UACF,QAAO;AAGT,KAAI,SAAS,CAAC,mBAAmB,CAAC,MAAM;AACtC,MAAI,SACF,QAAO;AAGT,SAAO;;AAGT,QACE,0DACG,CAAC,UACF,cACE,MACA,QACA,eAAe,QAAQ,IAAI,yCAC3B,eACD,GACG,WACA,oBAAoB,KAAK,CAC5B"}

package/dist/components/client/redirect-to-signin.cjs

@@ -0,0 +1,77 @@
+'use client';
+
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_protect_client_page = require('../../client/protect-client-page.cjs');
+let react = require("react");
+
+//#region src/components/client/redirect-to-signin.tsx
+/**
+* `<RedirectToSignIn>` is a **client-side component** that immediately redirects the user to the MonoCloud sign-in page when it is rendered.
+*
+* It does not render any UI.
+*
+* > This component must be used inside a Client Component (`"use client"`).
+*
+* @example Basic Usage
+*
+* ```tsx title="Basic Usage"
+* "use client";
+*
+* import { useAuth } from "@monocloud/auth-nextjs/client";
+* import { RedirectToSignIn } from "@monocloud/auth-nextjs/components/client";
+*
+* export default function Home() {
+*   const { isLoading, isAuthenticated } = useAuth();
+*
+*   if (!isLoading && !isAuthenticated) {
+*     return <RedirectToSignIn />;
+*   }
+*
+*   return <>You are signed in</>;
+* }
+* ```
+*
+* @example With Options
+*
+* You can customize the authorization request by passing in props.
+*
+* ```tsx title="With options"
+* "use client";
+*
+* import { useAuth } from "@monocloud/auth-nextjs/client";
+* import { RedirectToSignIn } from "@monocloud/auth-nextjs/components/client";
+*
+* export default function Home() {
+*   const { isLoading, isAuthenticated } = useAuth();
+*
+*   if (!isLoading && !isAuthenticated) {
+*     return (
+*       <RedirectToSignIn
+*         returnUrl="/dashboard"
+*         loginHint="user@example.com"
+*       />
+*     );
+*   }
+*
+*   return <>You are signed in</>;
+* }
+* ```
+*
+* @param props - The props for customizing RedirectToSignIn.
+* @returns
+*
+* @category Components
+*/
+const RedirectToSignIn = ({ returnUrl, ...authParams }) => {
+	(0, react.useEffect)(() => {
+		require_protect_client_page.redirectToSignIn({
+			returnUrl,
+			...authParams
+		});
+	}, [authParams, returnUrl]);
+	return null;
+};
+
+//#endregion
+exports.RedirectToSignIn = RedirectToSignIn;
+//# sourceMappingURL=redirect-to-signin.cjs.map

package/dist/components/client/redirect-to-signin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"redirect-to-signin.cjs","names":[],"sources":["../../../src/components/client/redirect-to-signin.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { redirectToSignIn } from '../../client/protect-client-page';\nimport { ExtraAuthParams } from '../../types';\n\n/**\n * Props for the `<RedirectToSignIn />` Component\n *\n * @category Types\n */\nexport interface RedirectToSignInProps extends ExtraAuthParams {\n  /**\n   * The URL to return to after successful authentication. If not provided, the current URL is used.\n   */\n  returnUrl?: string;\n}\n\n/**\n * `<RedirectToSignIn>` is a **client-side component** that immediately redirects the user to the MonoCloud sign-in page when it is rendered.\n *\n * It does not render any UI.\n *\n * > This component must be used inside a Client Component (`\"use client\"`).\n *\n * @example Basic Usage\n *\n * ```tsx title=\"Basic Usage\"\n * \"use client\";\n *\n * import { useAuth } from \"@monocloud/auth-nextjs/client\";\n * import { RedirectToSignIn } from \"@monocloud/auth-nextjs/components/client\";\n *\n * export default function Home() {\n *   const { isLoading, isAuthenticated } = useAuth();\n *\n *   if (!isLoading && !isAuthenticated) {\n *     return <RedirectToSignIn />;\n *   }\n *\n *   return <>You are signed in</>;\n * }\n * ```\n *\n * @example With Options\n *\n * You can customize the authorization request by passing in props.\n *\n * ```tsx title=\"With options\"\n * \"use client\";\n *\n * import { useAuth } from \"@monocloud/auth-nextjs/client\";\n * import { RedirectToSignIn } from \"@monocloud/auth-nextjs/components/client\";\n *\n * export default function Home() {\n *   const { isLoading, isAuthenticated } = useAuth();\n *\n *   if (!isLoading && !isAuthenticated) {\n *     return (\n *       <RedirectToSignIn\n *         returnUrl=\"/dashboard\"\n *         loginHint=\"user@example.com\"\n *       />\n *     );\n *   }\n *\n *   return <>You are signed in</>;\n * }\n * ```\n *\n * @param props - The props for customizing RedirectToSignIn.\n * @returns\n *\n * @category Components\n */\nexport const RedirectToSignIn = ({\n  returnUrl,\n  ...authParams\n}: RedirectToSignInProps): null => {\n  useEffect(() => {\n    redirectToSignIn({ returnUrl, ...authParams });\n  }, [authParams, returnUrl]);\n  return null;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,MAAa,oBAAoB,EAC/B,WACA,GAAG,iBAC8B;AACjC,4BAAgB;AACd,+CAAiB;GAAE;GAAW,GAAG;GAAY,CAAC;IAC7C,CAAC,YAAY,UAAU,CAAC;AAC3B,QAAO"}

package/dist/components/client/redirect-to-signin.d.mts

@@ -0,0 +1,78 @@
+import { ExtraAuthParams } from "../../types.mjs";
+
+//#region src/components/client/redirect-to-signin.d.ts
+/**
+ * Props for the `<RedirectToSignIn />` Component
+ *
+ * @category Types
+ */
+interface RedirectToSignInProps extends ExtraAuthParams {
+  /**
+   * The URL to return to after successful authentication. If not provided, the current URL is used.
+   */
+  returnUrl?: string;
+}
+/**
+ * `<RedirectToSignIn>` is a **client-side component** that immediately redirects the user to the MonoCloud sign-in page when it is rendered.
+ *
+ * It does not render any UI.
+ *
+ * > This component must be used inside a Client Component (`"use client"`).
+ *
+ * @example Basic Usage
+ *
+ * ```tsx title="Basic Usage"
+ * "use client";
+ *
+ * import { useAuth } from "@monocloud/auth-nextjs/client";
+ * import { RedirectToSignIn } from "@monocloud/auth-nextjs/components/client";
+ *
+ * export default function Home() {
+ *   const { isLoading, isAuthenticated } = useAuth();
+ *
+ *   if (!isLoading && !isAuthenticated) {
+ *     return <RedirectToSignIn />;
+ *   }
+ *
+ *   return <>You are signed in</>;
+ * }
+ * ```
+ *
+ * @example With Options
+ *
+ * You can customize the authorization request by passing in props.
+ *
+ * ```tsx title="With options"
+ * "use client";
+ *
+ * import { useAuth } from "@monocloud/auth-nextjs/client";
+ * import { RedirectToSignIn } from "@monocloud/auth-nextjs/components/client";
+ *
+ * export default function Home() {
+ *   const { isLoading, isAuthenticated } = useAuth();
+ *
+ *   if (!isLoading && !isAuthenticated) {
+ *     return (
+ *       <RedirectToSignIn
+ *         returnUrl="/dashboard"
+ *         loginHint="user@example.com"
+ *       />
+ *     );
+ *   }
+ *
+ *   return <>You are signed in</>;
+ * }
+ * ```
+ *
+ * @param props - The props for customizing RedirectToSignIn.
+ * @returns
+ *
+ * @category Components
+ */
+declare const RedirectToSignIn: ({
+  returnUrl,
+  ...authParams
+}: RedirectToSignInProps) => null;
+//#endregion
+export { RedirectToSignIn, RedirectToSignInProps };
+//# sourceMappingURL=redirect-to-signin.d.mts.map