@stackframe/stack 2.3.5 → 2.3.8

package/dist/components-page/account-settings.js

@@ -1,95 +1,227 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PasswordField, useUser } from '..';
-import RedirectMessageCard from '../components/redirect-message-card';
-import { Text, Label, Input, Button, Card, CardHeader, CardContent, CardFooter, Container } from "../components-core";
-import UserAvatar from '../components/user-avatar';
-import { useState } from 'react';
-import FormWarningText from '../components/form-warning';
-import { getPasswordError } from '@stackframe/stack-shared/dist/helpers/password';
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components-page/account-settings.tsx
+var account_settings_exports = {};
+__export(account_settings_exports, {
+  default: () => AccountSettings
+});
+module.exports = __toCommonJS(account_settings_exports);
+var import__ = require("..");
+var import_redirect_message_card = __toESM(require("../components/redirect-message-card"));
+var import_components_core = require("../components-core");
+var import_user_avatar = __toESM(require("../components/user-avatar"));
+var import_react = require("react");
+var import_form_warning = __toESM(require("../components/form-warning"));
+var import_password = require("@stackframe/stack-shared/dist/helpers/password");
+var import_jsx_runtime = require("react/jsx-runtime");
 function SettingSection(props) {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(Text, { size: 'xl', as: 'h2', children: props.title }), _jsx(Text, { variant: 'secondary', children: props.desc })] }), props.children && _jsx(CardContent, { children: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '1.5rem' }, children: props.children }) }), props.buttonText && _jsx(CardFooter, { children: _jsx("div", { style: { display: 'flex', justifyContent: 'flex-end', width: '100%' }, children: _jsx(Button, { disabled: props.buttonDisabled, onClick: props.onButtonClick, variant: props.buttonVariant, children: props.buttonText }) }) })] }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components_core.Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components_core.CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { size: "xl", as: "h2", children: props.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { variant: "secondary", children: props.desc })
+    ] }),
+    props.children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "1.5rem" }, children: props.children }) }),
+    props.buttonText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.CardFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", justifyContent: "flex-end", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components_core.Button,
+      {
+        disabled: props.buttonDisabled,
+        onClick: props.onButtonClick,
+        variant: props.buttonVariant,
+        children: props.buttonText
+      }
+    ) }) })
+  ] });
 }
 function ProfileSection() {
-    const user = useUser();
-    const [userInfo, setUserInfo] = useState({ displayName: user?.displayName || '' });
-    const [changed, setChanged] = useState(false);
-    return (_jsxs(SettingSection, { title: 'Profile', desc: 'Your profile information', buttonDisabled: !changed, buttonText: 'Save', onButtonClick: async () => {
-            await user?.update(userInfo);
-            setChanged(false);
-        }, children: [_jsxs("div", { style: { display: 'flex', gap: '1rem', alignItems: 'center' }, children: [_jsx(UserAvatar, { user: user, size: 60 }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(Text, { size: 'lg', children: user?.displayName }), _jsx(Text, { variant: 'secondary', size: 'sm', children: user?.primaryEmail })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(Label, { htmlFor: 'display-name', children: "Display Name" }), _jsx(Input, { id: 'display-name', value: userInfo.displayName, onChange: (e) => {
-                            setUserInfo((i) => ({ ...i, displayName: e.target.value }));
-                            setChanged(true);
-                        } })] })] }));
+  const user = (0, import__.useUser)();
+  const [userInfo, setUserInfo] = (0, import_react.useState)({ displayName: user?.displayName || "" });
+  const [changed, setChanged] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    SettingSection,
+    {
+      title: "Profile",
+      desc: "Your profile information",
+      buttonDisabled: !changed,
+      buttonText: "Save",
+      onButtonClick: async () => {
+        await user?.update(userInfo);
+        setChanged(false);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: "1rem", alignItems: "center" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user_avatar.default, { user, size: 60 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { size: "lg", children: user?.displayName }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { variant: "secondary", size: "sm", children: user?.primaryEmail })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "display-name", children: "Display Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components_core.Input,
+            {
+              id: "display-name",
+              value: userInfo.displayName,
+              onChange: (e) => {
+                setUserInfo((i) => ({ ...i, displayName: e.target.value }));
+                setChanged(true);
+              }
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 function EmailVerificationSection() {
-    const user = useUser();
-    const [emailSent, setEmailSent] = useState(false);
-    return (_jsx(SettingSection, { title: 'Email Verification', desc: 'We want to make sure that you own the email address.', buttonDisabled: emailSent, buttonText: !user?.primaryEmailVerified ?
-            emailSent ?
-                'Email sent!' :
-                'Send Email'
-            : undefined, onButtonClick: async () => {
-            await user?.sendVerificationEmail();
-            setEmailSent(true);
-        }, children: user?.primaryEmailVerified ?
-            _jsx(Text, { variant: 'success', children: "Your email has been verified" }) :
-            _jsx(Text, { variant: 'warning', children: "Your email has not been verified" }) }));
+  const user = (0, import__.useUser)();
+  const [emailSent, setEmailSent] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    SettingSection,
+    {
+      title: "Email Verification",
+      desc: "We want to make sure that you own the email address.",
+      buttonDisabled: emailSent,
+      buttonText: !user?.primaryEmailVerified ? emailSent ? "Email sent!" : "Send Email" : void 0,
+      onButtonClick: async () => {
+        await user?.sendVerificationEmail();
+        setEmailSent(true);
+      },
+      children: user?.primaryEmailVerified ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { variant: "success", children: "Your email has been verified" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { variant: "warning", children: "Your email has not been verified" })
+    }
+  );
 }
 function PasswordSection() {
-    const user = useUser();
-    const [oldPassword, setOldPassword] = useState('');
-    const [oldPasswordError, setOldPasswordError] = useState('');
-    const [newPassword, setNewPassword] = useState('');
-    const [newPasswordError, setNewPasswordError] = useState('');
-    if (!user?.hasPassword) {
-        return null;
-    }
-    return (_jsxs(SettingSection, { title: 'Password', desc: 'Change your password here.', buttonDisabled: !oldPassword || !newPassword, buttonText: 'Save', onButtonClick: async () => {
-            if (oldPassword && newPassword) {
-                const errorMessage = getPasswordError(newPassword);
-                if (errorMessage) {
-                    setNewPasswordError(errorMessage.message);
-                }
-                else {
-                    const errorCode = await user?.updatePassword({ oldPassword, newPassword });
-                    if (errorCode) {
-                        setOldPasswordError('Incorrect password');
-                    }
-                    else {
-                        setOldPassword('');
-                        setNewPassword('');
-                    }
-                }
+  const user = (0, import__.useUser)();
+  const [oldPassword, setOldPassword] = (0, import_react.useState)("");
+  const [oldPasswordError, setOldPasswordError] = (0, import_react.useState)("");
+  const [newPassword, setNewPassword] = (0, import_react.useState)("");
+  const [newPasswordError, setNewPasswordError] = (0, import_react.useState)("");
+  if (!user?.hasPassword) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    SettingSection,
+    {
+      title: "Password",
+      desc: "Change your password here.",
+      buttonDisabled: !oldPassword || !newPassword,
+      buttonText: "Save",
+      onButtonClick: async () => {
+        if (oldPassword && newPassword) {
+          const errorMessage = (0, import_password.getPasswordError)(newPassword);
+          if (errorMessage) {
+            setNewPasswordError(errorMessage.message);
+          } else {
+            const errorCode = await user?.updatePassword({ oldPassword, newPassword });
+            if (errorCode) {
+              setOldPasswordError("Incorrect password");
+            } else {
+              setOldPassword("");
+              setNewPassword("");
             }
-            else if (oldPassword && !newPassword) {
-                setNewPasswordError('Please enter a new password');
+          }
+        } else if (oldPassword && !newPassword) {
+          setNewPasswordError("Please enter a new password");
+        } else if (newPassword && !oldPassword) {
+          setOldPasswordError("Please enter your old password");
+        }
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "old-password", children: "Old Password" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import__.PasswordField,
+            {
+              id: "old-password",
+              value: oldPassword,
+              onChange: (e) => {
+                setOldPassword(e.target.value);
+                setOldPasswordError("");
+              }
             }
-            else if (newPassword && !oldPassword) {
-                setOldPasswordError('Please enter your old password');
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: oldPasswordError })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "new-password", children: "New Password" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import__.PasswordField,
+            {
+              id: "new-password",
+              value: newPassword,
+              onChange: (e) => {
+                setNewPassword(e.target.value);
+                setNewPasswordError("");
+              }
             }
-        }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(Label, { htmlFor: 'old-password', children: "Old Password" }), _jsx(PasswordField, { id: 'old-password', value: oldPassword, onChange: (e) => {
-                            setOldPassword(e.target.value);
-                            setOldPasswordError('');
-                        } }), _jsx(FormWarningText, { text: oldPasswordError })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(Label, { htmlFor: 'new-password', children: "New Password" }), _jsx(PasswordField, { id: 'new-password', value: newPassword, onChange: (e) => {
-                            setNewPassword(e.target.value);
-                            setNewPasswordError('');
-                        } }), _jsx(FormWarningText, { text: newPasswordError })] })] }));
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: newPasswordError })
+        ] })
+      ]
+    }
+  );
 }
 function SignOutSection() {
-    const user = useUser();
-    return (_jsx(SettingSection, { title: 'Sign out', desc: 'Sign out of your account on this device.', buttonVariant: 'secondary', buttonText: 'Sign Out', onButtonClick: () => user?.signOut() }));
-}
-export default function AccountSettings({ fullPage = false }) {
-    const user = useUser();
-    if (!user) {
-        return _jsx(RedirectMessageCard, { type: 'signedOut', fullPage: fullPage });
-    }
-    const inner = (_jsxs("div", { style: { padding: fullPage ? '1rem' : 0, display: 'flex', flexDirection: 'column', gap: '1.5rem' }, children: [_jsxs("div", { children: [_jsx(Text, { size: "xl", as: 'h2', style: { marginBottom: '0.5rem', fontWeight: '700' }, children: "Account Settings" }), _jsx(Text, { variant: 'secondary', children: "Manage your account" })] }), _jsx(ProfileSection, {}), _jsx(EmailVerificationSection, {}), _jsx(PasswordSection, {}), _jsx(SignOutSection, {})] }));
-    if (fullPage) {
-        return (_jsx(Container, { size: 'sm', children: inner }));
-    }
-    else {
-        return inner;
+  const user = (0, import__.useUser)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    SettingSection,
+    {
+      title: "Sign out",
+      desc: "Sign out of your account on this device.",
+      buttonVariant: "secondary",
+      buttonText: "Sign Out",
+      onButtonClick: () => user?.signOut()
     }
+  );
+}
+function AccountSettings({ fullPage = false }) {
+  const user = (0, import__.useUser)();
+  if (!user) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_redirect_message_card.default, { type: "signedOut", fullPage });
+  }
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: fullPage ? "1rem" : 0, display: "flex", flexDirection: "column", gap: "1.5rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { size: "xl", as: "h2", style: { marginBottom: "0.5rem", fontWeight: "700" }, children: "Account Settings" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { variant: "secondary", children: "Manage your account" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProfileSection, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmailVerificationSection, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PasswordSection, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SignOutSection, {})
+  ] });
+  if (fullPage) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Container, { size: "sm", children: inner });
+  } else {
+    return inner;
+  }
 }

package/dist/components-page/auth-page.d.mts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function AuthPage({ fullPage, type }: {
+    fullPage?: boolean;
+    type: 'sign-in' | 'sign-up';
+}): react_jsx_runtime.JSX.Element;
+
+export { AuthPage as default };

package/dist/components-page/auth-page.d.ts

@@ -1,4 +1,8 @@
-export default function AuthPage({ fullPage, type }: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function AuthPage({ fullPage, type }: {
     fullPage?: boolean;
     type: 'sign-in' | 'sign-up';
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { AuthPage as default };

package/dist/components-page/auth-page.js

@@ -1,20 +1,80 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import CredentialSignIn from '../components/credential-sign-in';
-import SeparatorWithText from '../components/separator-with-text';
-import OAuthGroup from '../components/oauth-group';
-import CardFrame from '../components/card-frame';
-import { useUser, useStackApp, CredentialSignUp } from '..';
-import RedirectMessageCard from '../components/redirect-message-card';
-import { Link, Tabs, TabsContent, TabsList, TabsTrigger, Text } from "../components-core";
-import MagicLinkSignIn from '../components/magic-link-sign-in';
-export default function AuthPage({ fullPage = false, type }) {
-    const stackApp = useStackApp();
-    const user = useUser();
-    const project = stackApp.useProject();
-    if (user) {
-        return _jsx(RedirectMessageCard, { type: 'signedIn', fullPage: fullPage });
-    }
-    const enableSeparator = (project.credentialEnabled || project.magicLinkEnabled) && project.oauthProviders.filter(p => p.enabled).length > 0;
-    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsxs("div", { style: { textAlign: 'center', marginBottom: '1.5rem' }, children: [_jsx(Text, { size: "xl", as: 'h2', children: type === 'sign-in' ? 'Sign in to your account' : 'Create a new account' }), type === 'sign-in' ? (_jsxs(Text, { children: ["Don't have an account? ", _jsx(Link, { href: stackApp.urls.signUp, children: "Sign up" })] })) : (_jsxs(Text, { children: ["Already have an account? ", _jsx(Link, { href: stackApp.urls.signIn, children: "Sign in" })] }))] }), _jsx(OAuthGroup, { type: 'signin' }), enableSeparator && _jsx(SeparatorWithText, { text: 'Or continue with' }), project.credentialEnabled && project.magicLinkEnabled ? (_jsxs(Tabs, { defaultValue: 'magic-link', children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: 'magic-link', children: "Magic Link" }), _jsx(TabsTrigger, { value: 'password', children: "Password" })] }), _jsx(TabsContent, { value: 'magic-link', children: _jsx(MagicLinkSignIn, {}) }), _jsx(TabsContent, { value: 'password', children: type === 'sign-up' ? _jsx(CredentialSignUp, {}) : _jsx(CredentialSignIn, {}) })] })) : project.credentialEnabled ? (type === 'sign-up' ? _jsx(CredentialSignUp, {}) : _jsx(CredentialSignIn, {})) : project.magicLinkEnabled ? (_jsx(MagicLinkSignIn, {})) : null] }));
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components-page/auth-page.tsx
+var auth_page_exports = {};
+__export(auth_page_exports, {
+  default: () => AuthPage
+});
+module.exports = __toCommonJS(auth_page_exports);
+var import_credential_sign_in = __toESM(require("../components/credential-sign-in"));
+var import_separator_with_text = __toESM(require("../components/separator-with-text"));
+var import_oauth_group = __toESM(require("../components/oauth-group"));
+var import_card_frame = __toESM(require("../components/card-frame"));
+var import__ = require("..");
+var import_redirect_message_card = __toESM(require("../components/redirect-message-card"));
+var import_components_core = require("../components-core");
+var import_magic_link_sign_in = __toESM(require("../components/magic-link-sign-in"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function AuthPage({
+  fullPage = false,
+  type
+}) {
+  const stackApp = (0, import__.useStackApp)();
+  const user = (0, import__.useUser)();
+  const project = stackApp.useProject();
+  if (user) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_redirect_message_card.default, { type: "signedIn", fullPage });
+  }
+  const enableSeparator = (project.credentialEnabled || project.magicLinkEnabled) && project.oauthProviders.filter((p) => p.enabled).length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card_frame.default, { fullPage, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { textAlign: "center", marginBottom: "1.5rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { size: "xl", as: "h2", children: type === "sign-in" ? "Sign in to your account" : "Create a new account" }),
+      type === "sign-in" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components_core.Text, { children: [
+        "Don't have an account? ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Link, { href: stackApp.urls.signUp, children: "Sign up" })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components_core.Text, { children: [
+        "Already have an account? ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Link, { href: stackApp.urls.signIn, children: "Sign in" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_oauth_group.default, { type: "signin" }),
+    enableSeparator && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_separator_with_text.default, { text: "Or continue with" }),
+    project.credentialEnabled && project.magicLinkEnabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components_core.Tabs, { defaultValue: "magic-link", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components_core.TabsList, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.TabsTrigger, { value: "magic-link", children: "Magic Link" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.TabsTrigger, { value: "password", children: "Password" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.TabsContent, { value: "magic-link", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_magic_link_sign_in.default, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.TabsContent, { value: "password", children: type === "sign-up" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.CredentialSignUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_credential_sign_in.default, {}) })
+    ] }) : project.credentialEnabled ? type === "sign-up" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.CredentialSignUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_credential_sign_in.default, {}) : project.magicLinkEnabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_magic_link_sign_in.default, {}) : null
+  ] });
 }

package/dist/components-page/email-verification.d.mts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function EmailVerification({ searchParams: { code, }, fullPage, }: {
+    searchParams?: Record<string, string>;
+    fullPage?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { EmailVerification as default };

package/dist/components-page/email-verification.d.ts

@@ -1,4 +1,8 @@
-export default function EmailVerification({ searchParams: { code, }, fullPage, }: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function EmailVerification({ searchParams: { code, }, fullPage, }: {
     searchParams?: Record<string, string>;
     fullPage?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { EmailVerification as default };

package/dist/components-page/email-verification.js

@@ -1,29 +1,66 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { use } from "react";
-import { useStackApp } from "..";
-import MessageCard from "../components/message-card";
-import RedirectMessageCard from "../components/redirect-message-card";
-import { KnownErrors } from "@stackframe/stack-shared";
-export default function EmailVerification({ searchParams: { code = "", } = {}, fullPage = false, }) {
-    const stackApp = useStackApp();
-    const invalidJsx = (_jsx(MessageCard, { title: "Invalid Verification Link", fullPage: fullPage, children: _jsx("p", { children: "Please check if you have the correct link. If you continue to have issues, please contact support." }) }));
-    const expiredJsx = (_jsx(MessageCard, { title: "Expired Verification Link", fullPage: fullPage, children: _jsx("p", { children: "Your email verification link has expired. Please request a new verification link from your account settings." }) }));
-    if (!code) {
-        return invalidJsx;
-    }
-    const error = use(stackApp.verifyEmail(code));
-    if (error instanceof KnownErrors.EmailVerificationCodeNotFound) {
-        return invalidJsx;
-    }
-    else if (error instanceof KnownErrors.EmailVerificationCodeExpired) {
-        return expiredJsx;
-    }
-    else if (error instanceof KnownErrors.EmailVerificationCodeAlreadyUsed) {
-        // everything fine, continue
-    }
-    else if (error) {
-        throw error;
-    }
-    return _jsx(RedirectMessageCard, { type: 'emailVerified', fullPage: fullPage });
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components-page/email-verification.tsx
+var email_verification_exports = {};
+__export(email_verification_exports, {
+  default: () => EmailVerification
+});
+module.exports = __toCommonJS(email_verification_exports);
+var import_react = require("react");
+var import__ = require("..");
+var import_message_card = __toESM(require("../components/message-card"));
+var import_redirect_message_card = __toESM(require("../components/redirect-message-card"));
+var import_stack_shared = require("@stackframe/stack-shared");
+var import_jsx_runtime = require("react/jsx-runtime");
+function EmailVerification({
+  searchParams: {
+    code = ""
+  } = {},
+  fullPage = false
+}) {
+  const stackApp = (0, import__.useStackApp)();
+  const invalidJsx = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.default, { title: "Invalid Verification Link", fullPage, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Please check if you have the correct link. If you continue to have issues, please contact support." }) });
+  const expiredJsx = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.default, { title: "Expired Verification Link", fullPage, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Your email verification link has expired. Please request a new verification link from your account settings." }) });
+  if (!code) {
+    return invalidJsx;
+  }
+  const error = (0, import_react.use)(stackApp.verifyEmail(code));
+  if (error instanceof import_stack_shared.KnownErrors.EmailVerificationCodeNotFound) {
+    return invalidJsx;
+  } else if (error instanceof import_stack_shared.KnownErrors.EmailVerificationCodeExpired) {
+    return expiredJsx;
+  } else if (error instanceof import_stack_shared.KnownErrors.EmailVerificationCodeAlreadyUsed) {
+  } else if (error) {
+    throw error;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_redirect_message_card.default, { type: "emailVerified", fullPage });
 }

package/dist/components-page/forgot-password.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ForgotPassword({ fullPage }: {
+    fullPage?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { ForgotPassword as default };

package/dist/components-page/forgot-password.d.ts

@@ -1,3 +1,7 @@
-export default function ForgotPassword({ fullPage }: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ForgotPassword({ fullPage }: {
     fullPage?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { ForgotPassword as default };