@stackframe/stack 2.0.0 → 2.1.1

package/dist/components-core-joy/divider.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Divider as JoyDivider } from '@mui/joy';
+export default function Divider(props) {
+    const { direction, ref, ...validProps } = props;
+    return _jsx(JoyDivider, { ...validProps, orientation: direction });
+}

package/dist/components-core-joy/input.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from "../components-core";
+export default function Input(props: InputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=input.d.ts.map

package/dist/components-core-joy/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components-core-joy/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAG,UAAU,2CAG/C"}

package/dist/components-core-joy/input.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input as JoyInput } from '@mui/joy';
+export default function Input(props) {
+    const { color, size, ref, ...validProps } = props;
+    return _jsx(JoyInput, { ...validProps });
+}

package/dist/components-core-joy/text.d.ts

@@ -0,0 +1,3 @@
+import { TextProps } from "../components-core";
+export default function Text(props: TextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=text.d.ts.map

package/dist/components-core-joy/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/components-core-joy/text.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAG,SAAS,2CAyB7C"}

package/dist/components-core-joy/text.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Typography as JoyText } from '@mui/joy';
+export default function Text(props) {
+    const { color, size, as, variant, ref, ...validProps } = props;
+    const muiLevel = {
+        h1: 'h1',
+        h2: 'h2',
+        h3: 'h3',
+        h4: 'h4',
+        h5: 'h4',
+        h6: 'h4',
+        p: {
+            xl: 'body-lg',
+            lg: 'body-lg',
+            md: 'body-md',
+            sm: 'body-sm',
+            xs: 'body-xs'
+        }[size || 'md']
+    }[as || 'p'];
+    const muiColor = {
+        primary: undefined,
+        secondary: 'neutral',
+        success: 'success',
+        warning: 'danger',
+    }[variant || 'primary'];
+    return _jsx(JoyText, { level: muiLevel, color: muiColor, ...validProps });
+}

package/dist/{components/EmailVerification.d.ts → components-page/email-verification.d.ts}

@@ -2,3 +2,4 @@ export default function EmailVerification({ searchParams: { code, }, fullPage, }
     searchParams?: Record<string, string>;
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=email-verification.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"email-verification.d.ts","sourceRoot":"","sources":["../../src/components-page/email-verification.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,YAAY,EAAE,EACZ,IAAS,GACL,EACN,QAAgB,GACjB,EAAE;IACD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,kDAkCA"}

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

@@ -0,0 +1,29 @@
+'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 { EmailVerificationLinkExpiredErrorCode, EmailVerificationLinkInvalidErrorCode, EmailVerificationLinkUsedErrorCode } from "@stackframe/stack-shared/dist/utils/types";
+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 errorCode = use(stackApp.verifyEmail(code));
+    switch (errorCode) {
+        case EmailVerificationLinkInvalidErrorCode: {
+            return invalidJsx;
+        }
+        case EmailVerificationLinkExpiredErrorCode: {
+            return expiredJsx;
+        }
+        case EmailVerificationLinkUsedErrorCode:
+        case undefined: {
+            return _jsx(RedirectMessageCard, { type: 'emailVerified', fullPage: fullPage });
+        }
+    }
+    return null;
+}

package/dist/{components/ForgotPassword.d.ts → components-page/forgot-password.d.ts}

@@ -1,3 +1,4 @@
 export default function ForgotPassword({ fullPage }: {
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=forgot-password.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"forgot-password.d.ts","sourceRoot":"","sources":["../../src/components-page/forgot-password.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,QAAc,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA0BhF"}

package/dist/{components/ForgotPassword.js → components-page/forgot-password.js}

@@ -1,12 +1,12 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ForgotPasswordElement from "../elements/ForgotPassword";
-import CardFrame from "../elements/CardFrame";
-import CardHeader from "../elements/CardHeader";
+import ForgotPasswordElement from "../components/forgot-password";
+import CardFrame from "../components/card-frame";
+import CardHeader from "../components/card-header";
 import { useUser, useStackApp } from "..";
-import RedirectMessageCard from "../elements/RedirectMessageCard";
-import NextLink from 'next/link';
+import RedirectMessageCard from "../components/redirect-message-card";
 import { useState } from "react";
+import { Link, Text } from "../components-core";
 export default function ForgotPassword({ fullPage = false }) {
     const stackApp = useStackApp();
     const user = useUser();
@@ -17,6 +17,6 @@ export default function ForgotPassword({ fullPage = false }) {
     if (sent) {
         return _jsx(RedirectMessageCard, { type: 'emailSent', fullPage: fullPage });
     }
-    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx(CardHeader, { title: "Reset Your Password", children: _jsxs("p", { children: ["Don't need to reset? ", _jsx(NextLink, { href: stackApp.urls['signUp'], passHref: true, className: "wl_text-blue-500", children: "Sign In" })] }) }), _jsx(ForgotPasswordElement, { onSent: () => setSent(true) })] }));
+    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx(CardHeader, { title: "Reset Your Password", children: _jsxs(Text, { children: ["Don't need to reset? ", _jsx(Link, { href: stackApp.urls['signUp'], children: "Sign In" })] }) }), _jsx(ForgotPasswordElement, { onSent: () => setSent(true) })] }));
 }
 ;

package/dist/{components/OAuthCallback.d.ts → components-page/oauth-callback.d.ts}

@@ -1 +1,2 @@
 export default function OAuthCallback(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=oauth-callback.d.ts.map

package/dist/components-page/oauth-callback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth-callback.d.ts","sourceRoot":"","sources":["../../src/components-page/oauth-callback.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAWpC"}

package/dist/components-page/oauth-callback.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { useStackApp } from "..";
+import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
+import MessageCard from "../components/message-card";
+export default function OAuthCallback() {
+    const app = useStackApp();
+    const called = useRef(false);
+    useEffect(() => runAsynchronously(async () => {
+        if (called.current)
+            return;
+        called.current = true;
+        await app.callOAuthCallback();
+    }), []);
+    return _jsx(MessageCard, { title: 'Redirecting...', fullPage: true });
+}

package/dist/{components/PasswordReset.d.ts → components-page/password-reset.d.ts}

@@ -2,3 +2,4 @@ export default function PasswordReset({ searchParams, fullPage, }: {
     searchParams?: Record<string, string>;
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=password-reset.d.ts.map

package/dist/components-page/password-reset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-reset.d.ts","sourceRoot":"","sources":["../../src/components-page/password-reset.tsx"],"names":[],"mappings":"AAcA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,YAAY,EACZ,QAAgB,GACjB,EAAE;IACD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CA0CA"}

package/dist/components-page/password-reset.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import MessageCard from "../components/message-card";
+import { useStackApp } from "..";
+import { use } from "react";
+import PasswordResetInner from "../components/password-reset-inner";
+import { PasswordResetLinkExpiredErrorCode, PasswordResetLinkInvalidErrorCode, PasswordResetLinkUsedErrorCode } from "@stackframe/stack-shared/dist/utils/types";
+import { cacheFunction } from "@stackframe/stack-shared/dist/utils/caches";
+import { Text } from "../components-core";
+const cachedVerifyPasswordResetCode = cacheFunction(async (stackApp, code) => {
+    return await stackApp.verifyPasswordResetCode(code);
+});
+export default function PasswordReset({ searchParams, fullPage = false, }) {
+    const stackApp = useStackApp();
+    const invalidJsx = (_jsx(MessageCard, { title: "Invalid Password Reset Link", fullPage: fullPage, children: _jsx(Text, { children: "Please double check if you have the correct password reset link." }) }));
+    const expiredJsx = (_jsx(MessageCard, { title: "Expired Password Reset Link", fullPage: fullPage, children: _jsx(Text, { children: "Your password reset link has expired. Please request a new password reset link from the login page." }) }));
+    const usedJsx = (_jsx(MessageCard, { title: "Used Password Reset Link", fullPage: fullPage, children: _jsx(Text, { children: "This password reset link has already been used. If you need to reset your password again, please request a new password reset link from the login page." }) }));
+    const code = searchParams?.code;
+    if (!code) {
+        return invalidJsx;
+    }
+    const errorCode = use(cachedVerifyPasswordResetCode(stackApp, code));
+    switch (errorCode) {
+        case PasswordResetLinkInvalidErrorCode: {
+            return invalidJsx;
+        }
+        case PasswordResetLinkExpiredErrorCode: {
+            return expiredJsx;
+        }
+        case PasswordResetLinkUsedErrorCode: {
+            return usedJsx;
+        }
+        case undefined: {
+            return _jsx(PasswordResetInner, { code: code, fullPage: fullPage });
+        }
+    }
+}

package/dist/{components/SignIn.d.ts → components-page/sign-in.d.ts}

@@ -1,3 +1,4 @@
 export default function SignIn({ fullPage }: {
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sign-in.d.ts.map

package/dist/components-page/sign-in.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-in.d.ts","sourceRoot":"","sources":["../../src/components-page/sign-in.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAc,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA0BxE"}

package/dist/components-page/sign-in.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CredentialSignIn from '../components/credential-sign-in';
+import DividerWithText from '../components/divider-with-text';
+import OAuthGroup from '../components/oauth-group';
+import CardFrame from '../components/card-frame';
+import CardHeader from '../components/card-header';
+import { useUser, useStackApp } from '..';
+import RedirectMessageCard from '../components/redirect-message-card';
+import { Link, Text } from "../components-core";
+export default function SignIn({ fullPage = false }) {
+    const stackApp = useStackApp();
+    const user = useUser();
+    const project = stackApp.useProject();
+    if (user) {
+        return _jsx(RedirectMessageCard, { type: 'signedIn', fullPage: fullPage });
+    }
+    const enableDivider = project.credentialEnabled && project.oauthProviders.filter(p => p.enabled).length > 0;
+    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx(CardHeader, { title: "Sign In to Your Account", children: _jsxs(Text, { children: ["Don't have an account? ", _jsx(Link, { href: stackApp.urls['signUp'], children: "Sign up" })] }) }), _jsx(OAuthGroup, { type: 'signin' }), enableDivider && _jsx(DividerWithText, { text: 'OR' }), project.credentialEnabled && _jsx(CredentialSignIn, {})] }));
+}

package/dist/{components/SignOut.d.ts → components-page/sign-out.d.ts}

@@ -1 +1,2 @@
 export default function Signout(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sign-out.d.ts.map

package/dist/components-page/sign-out.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-out.d.ts","sourceRoot":"","sources":["../../src/components-page/sign-out.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,OAAO,4CAS9B"}

package/dist/components-page/sign-out.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { useStackApp, useUser } from "..";
+import GoHomeMessageCard from "../components/redirect-message-card";
+export default function Signout() {
+    const user = useUser();
+    const app = useStackApp();
+    if (user) {
+        use(user.signOut());
+    }
+    return _jsx(GoHomeMessageCard, { type: 'signedOut', fullPage: true });
+}

package/dist/{components/SignUp.d.ts → components-page/sign-up.d.ts}

@@ -1,3 +1,4 @@
 export default function SignUp({ fullPage }: {
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sign-up.d.ts.map

package/dist/components-page/sign-up.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-up.d.ts","sourceRoot":"","sources":["../../src/components-page/sign-up.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAc,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA0BxE"}

package/dist/components-page/sign-up.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import DividerWithText from '../components/divider-with-text';
+import OAuthGroup from '../components/oauth-group';
+import CardFrame from '../components/card-frame';
+import CredentialSignUp from '../components/credential-sign-up';
+import CardHeader from '../components/card-header';
+import { useUser, useStackApp } from '..';
+import RedirectMessageCard from '../components/redirect-message-card';
+import { Link, Text } from "../components-core";
+export default function SignUp({ fullPage = false }) {
+    const stackApp = useStackApp();
+    const user = useUser();
+    const project = stackApp.useProject();
+    if (user) {
+        return _jsx(RedirectMessageCard, { type: 'signedIn', fullPage: fullPage });
+    }
+    const enableDivider = project.credentialEnabled && project.oauthProviders.filter(p => p.enabled).length > 0;
+    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx(CardHeader, { title: "Create a New Account", children: _jsxs(Text, { children: ["Already have an account? ", _jsx(Link, { href: stackApp.urls['signIn'], children: "Sign in" })] }) }), _jsx(OAuthGroup, { type: 'signup' }), enableDivider && _jsx(DividerWithText, { text: 'OR' }), project.credentialEnabled && _jsx(CredentialSignUp, {})] }));
+}

package/dist/{components/StackHandler.d.ts → components-page/stack-handler.d.ts}

@@ -6,3 +6,4 @@ export default function StackHandler<HasTokenStore extends boolean>({ app, param
     };
     searchParams?: Record<string, string>;
 }): Promise<import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=stack-handler.d.ts.map

package/dist/components-page/stack-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-handler.d.ts","sourceRoot":"","sources":["../../src/components-page/stack-handler.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,cAAc,EAAE,MAAM,IAAI,CAAC;AAOnD,wBAA8B,YAAY,CAAC,aAAa,SAAS,OAAO,EAAE,EACxE,GAAG,EACH,MAAM,EAAE,EAAE,KAAK,EAAO,EACtB,YAAiB,GAClB,EAAE;IACD,GAAG,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC,oDAuDA"}

package/dist/components-page/stack-handler.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SignUp from "./sign-up";
+import SignIn from "./sign-in";
+import { RedirectType, notFound, redirect } from 'next/navigation';
+import EmailVerification from "./email-verification";
+import { PasswordReset } from "..";
+import MessageCard from "../components/message-card";
+import Signout from "./sign-out";
+import ForgotPassword from "./forgot-password";
+import OAuthCallback from "./oauth-callback";
+export default async function StackHandler({ app, params: { stack } = {}, searchParams = {}, }) {
+    if (!stack) {
+        return (_jsx(MessageCard, { title: "Invalid Stack Handler Setup", fullPage: true, children: _jsx("p", { children: "Can't use Stack handler at this location. Make sure that the file is in a folder called [...stack]." }) }));
+    }
+    function redirectIfNotHandler(name) {
+        const url = app.urls[name];
+        const handlerUrl = app.urls.handler;
+        if (url.startsWith(handlerUrl)) {
+            // don't redirect if the url is a handler url
+            return;
+        }
+        redirect(url, RedirectType.replace);
+    }
+    const path = stack.join('/');
+    switch (path) {
+        case 'signin': {
+            redirectIfNotHandler('signIn');
+            return _jsx(SignIn, { fullPage: true });
+        }
+        case 'signup': {
+            redirectIfNotHandler('signUp');
+            return _jsx(SignUp, { fullPage: true });
+        }
+        case 'email-verification': {
+            redirectIfNotHandler('emailVerification');
+            return _jsx(EmailVerification, { searchParams: searchParams, fullPage: true });
+        }
+        case 'password-reset': {
+            redirectIfNotHandler('passwordReset');
+            return _jsx(PasswordReset, { searchParams: searchParams, fullPage: true });
+        }
+        case 'forgot-password': {
+            redirectIfNotHandler('forgotPassword');
+            return _jsx(ForgotPassword, { fullPage: true });
+        }
+        case 'signout': {
+            redirectIfNotHandler('signOut');
+            return _jsx(Signout, {});
+        }
+        case 'oauth-callback': {
+            redirectIfNotHandler('oauthCallback');
+            return _jsx(OAuthCallback, {});
+        }
+        default: {
+            return notFound();
+        }
+    }
+}

package/dist/elements/card-frame.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react/experimental" />
+import React from "react";
+export default function CardFrame({ children, fullPage }: {
+    children: React.ReactNode;
+    fullPage?: boolean;
+}): string | number | boolean | Iterable<React.ReactNode> | Promise<React.AwaitedReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+//# sourceMappingURL=card-frame.d.ts.map

package/dist/elements/card-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-frame.d.ts","sourceRoot":"","sources":["../../src/elements/card-frame.tsx"],"names":[],"mappings":";AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAa,EACd,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,wJA4BA"}

package/dist/elements/card-frame.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Container } from "@stackframe/stack-ui";
+import { useEffect, useState } from "react";
+export default function CardFrame({ children, fullPage = true }) {
+    const [hasNoParent, setHasNoParent] = useState(false);
+    useEffect(() => {
+        const component = document.getElementById('stack-card-frame');
+        setHasNoParent(!component?.parentElement ||
+            component?.parentElement === document.body ||
+            component?.parentElement === document.documentElement);
+    }, []);
+    if (fullPage) {
+        return (_jsx("div", { id: 'stack-card-frame', style: {
+                height: hasNoParent ? '100vh' : '100%',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center'
+            }, children: _jsx(Container, { size: 360, children: children }) }));
+    }
+    else {
+        return children;
+    }
+}

package/dist/elements/card-header.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export default function CardHeader({ children, title }: {
+    children?: React.ReactNode;
+    title: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=card-header.d.ts.map

package/dist/elements/card-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-header.d.ts","sourceRoot":"","sources":["../../src/elements/card-header.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,EAAE,QAAQ,EAAE,KAAK,EAAE,EACnB;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CAQ9C"}

package/dist/elements/card-header.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from "@stackframe/stack-ui";
+export default function CardHeader({ children, title }) {
+    return (_jsxs("div", { style: { textAlign: 'center', marginBottom: '24px' }, children: [_jsx(Text, { size: "xl", as: 'h2', style: { marginBottom: '5px' }, children: title }), children] }));
+}

package/dist/elements/credential-sign-in.d.ts

@@ -0,0 +1,2 @@
+export default function CredentialSignIn(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=credential-sign-in.d.ts.map

package/dist/elements/credential-sign-in.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credential-sign-in.d.ts","sourceRoot":"","sources":["../../src/elements/credential-sign-in.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CAkFvC"}

package/dist/elements/{CredentialSignIn.js → credential-sign-in.js}

@@ -1,13 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { FormWarningText } from "./FormWarning";
-import { PasswordField } from "./PasswordField";
+import { FormWarningText } from "./form-warning";
+import { PasswordField } from "./password-field";
 import { validateEmail } from "../utils/email";
-import NextLink from "next/link";
 import { useStackApp } from "..";
-import Button from "./Button";
 import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
 import { EmailPasswordMissMatchErrorCode, UserNotExistErrorCode } from "@stackframe/stack-shared/dist/utils/types";
+import { Button, Input, Label, Link } from "@stackframe/stack-ui";
 // Import or define the PasswordField, FormWarningText, and validateEmail utilities if they're custom components or functions.
 export default function CredentialSignIn() {
     const [email, setEmail] = useState('');
@@ -47,11 +46,11 @@ export default function CredentialSignIn() {
             }
         }
     };
-    return (_jsxs("div", { className: "wl_flex wl_flex-col wl_space-y-2 wl_items-stretch", children: [_jsxs("div", { className: "wl_form-control", children: [_jsx("label", { className: "wl_label", htmlFor: "email", children: _jsx("span", { className: "wl_label-text", children: "Email" }) }), _jsx("input", { id: "email", type: "email", name: "email", className: "wl_input wl_input-bordered", value: email, onChange: (e) => {
-                            setEmail(e.target.value);
-                            setEmailError('');
-                        } }), _jsx(FormWarningText, { text: emailError })] }), _jsxs("div", { className: "wl_form-control", children: [_jsx("label", { className: "wl_label", htmlFor: "password", children: _jsx("span", { className: "wl_label-text", children: "Password" }) }), _jsx(PasswordField, { id: "password", name: "password", value: password, onChange: (e) => {
-                            setPassword(e.target.value);
-                            setPasswordError('');
-                        } }), _jsx(FormWarningText, { text: passwordError })] }), _jsx("div", { className: "wl_flex wl_items-center wl_justify-between", children: _jsx(NextLink, { href: app.urls.forgotPassword, className: "wl_text-sm wl_text-blue-500 wl_no-underline wl_hover:wl_underline", children: "Forgot password?" }) }), _jsx("div", { className: "wl_flex wl_flex-col wl_items-stretch", children: _jsx(Button, { className: "wl_btn-primary wl_mt-6", onClick: () => runAsynchronously(onSubmit), loading: loading, children: "Sign In" }) })] }));
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { id: "email", type: "email", name: "email", value: email, onChange: (e) => {
+                    setEmail(e.target.value);
+                    setEmailError('');
+                } }), _jsx(FormWarningText, { text: emailError }), _jsx(Label, { htmlFor: "password", style: { marginTop: '1rem' }, children: "Password" }), _jsx(PasswordField, { id: "password", name: "password", value: password, onChange: (e) => {
+                    setPassword(e.target.value);
+                    setPasswordError('');
+                } }), _jsx(FormWarningText, { text: passwordError }), _jsx(Link, { href: app.urls.forgotPassword, size: 'sm', style: { marginTop: '0.5rem' }, children: "Forgot password?" }), _jsx(Button, { style: { marginTop: '1.5rem' }, onClick: () => runAsynchronously(onSubmit), loading: loading, children: "Sign In" })] }));
 }

package/dist/elements/credential-sign-up.d.ts

@@ -0,0 +1,2 @@
+export default function CredentialSignUp(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=credential-sign-up.d.ts.map

package/dist/elements/credential-sign-up.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credential-sign-up.d.ts","sourceRoot":"","sources":["../../src/elements/credential-sign-up.tsx"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CAwGvC"}

package/dist/elements/credential-sign-up.js

@@ -0,0 +1,73 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { PasswordField } from "./password-field";
+import { FormWarningText } from "./form-warning";
+import { validateEmail } from "../utils/email";
+import { getPasswordError } from "@stackframe/stack-shared/dist/helpers/password";
+import { useStackApp } from "..";
+import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
+import { UserAlreadyExistErrorCode } from "@stackframe/stack-shared/dist/utils/types";
+import { Button, Label, Input } from "@stackframe/stack-ui";
+export default function CredentialSignUp() {
+    const [email, setEmail] = useState('');
+    const [emailError, setEmailError] = useState('');
+    const [password, setPassword] = useState('');
+    const [passwordError, setPasswordError] = useState('');
+    const [passwordRepeat, setPasswordRepeat] = useState('');
+    const [passwordRepeatError, setPasswordRepeatError] = useState('');
+    const [loading, setLoading] = useState(false);
+    const app = useStackApp();
+    const onSubmit = async () => {
+        if (!email) {
+            setEmailError('Please enter your email');
+            return;
+        }
+        if (!validateEmail(email)) {
+            setEmailError('Please enter a valid email');
+            return;
+        }
+        if (!password) {
+            setPasswordError('Please enter your password');
+            return;
+        }
+        if (!passwordRepeat) {
+            setPasswordRepeatError('Please repeat your password');
+            return;
+        }
+        if (password !== passwordRepeat) {
+            setPasswordRepeatError('Passwords do not match');
+            return;
+        }
+        const errorMessage = getPasswordError(password);
+        if (errorMessage) {
+            setPasswordError(errorMessage);
+            return;
+        }
+        setLoading(true);
+        const errorCode = await app.signUpWithCredential({ email, password });
+        setLoading(false);
+        switch (errorCode) {
+            case UserAlreadyExistErrorCode: {
+                setEmailError('User already exists');
+                break;
+            }
+            case undefined: {
+                // success
+                break;
+            }
+        }
+    };
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { id: "email", type: "email", name: "email", value: email, onChange: (e) => {
+                    setEmail(e.target.value);
+                    setEmailError('');
+                } }), _jsx(FormWarningText, { text: emailError }), _jsx(Label, { htmlFor: "password", style: { marginTop: '1rem' }, children: "Password" }), _jsx(PasswordField, { id: "password", name: "password", value: password, onChange: (e) => {
+                    setPassword(e.target.value);
+                    setPasswordError('');
+                    setPasswordRepeatError('');
+                } }), _jsx(FormWarningText, { text: passwordError }), _jsx(Label, { htmlFor: "repeat-password", style: { marginTop: '1rem' }, children: "Repeat Password" }), _jsx(PasswordField, { id: "repeat-password", name: "repeat-password", value: passwordRepeat, onChange: (e) => {
+                    setPasswordRepeat(e.target.value);
+                    setPasswordError('');
+                    setPasswordRepeatError('');
+                } }), _jsx(FormWarningText, { text: passwordRepeatError }), _jsx(Button, { style: { marginTop: '1.5rem' }, onClick: () => runAsynchronously(onSubmit), loading: loading, children: "Sign Up" })] }));
+}

package/dist/elements/divider-with-text.d.ts

@@ -0,0 +1,4 @@
+export default function DividerWithText({ text }: {
+    text: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=divider-with-text.d.ts.map

package/dist/elements/divider-with-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-with-text.d.ts","sourceRoot":"","sources":["../../src/elements/divider-with-text.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,2CAYjE"}

package/dist/elements/divider-with-text.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Divider, Text } from "@stackframe/stack-ui";
+export default function DividerWithText({ text }) {
+    return (_jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', marginTop: '16px', marginBottom: '16px' }, children: [_jsx("div", { style: { flex: 1 }, children: _jsx(Divider, {}) }), _jsx(Text, { style: { padding: '0 16px' }, variant: "secondary", children: text }), _jsx("div", { style: { flex: 1 }, children: _jsx(Divider, {}) })] }));
+}

package/dist/elements/forgot-password.d.ts

@@ -0,0 +1,4 @@
+export default function ForgotPassword({ onSent }: {
+    onSent?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=forgot-password.d.ts.map

package/dist/elements/forgot-password.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forgot-password.d.ts","sourceRoot":"","sources":["../../src/elements/forgot-password.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,2CA8CzE"}