@stackframe/stack 1.2.1 → 2.1.0

package/dist/components-core/text.js

@@ -0,0 +1,42 @@
+'use client';
+import React from "react";
+import { createElement } from "react";
+import { FONT_FAMILY, FONT_SIZES, LINE_HEIGHTS, PRIMARY_FONT_COLORS, SECONDARY_FONT_COLORS } from "../utils/constants";
+import { useDesign } from "../providers/design-provider";
+const Text = React.forwardRef(({ variant = 'primary', size = 'md', as = 'p', style, ...props }, ref) => {
+    const { colorMode } = useDesign();
+    let textColor;
+    switch (variant) {
+        case 'primary': {
+            textColor = PRIMARY_FONT_COLORS[colorMode];
+            break;
+        }
+        case 'secondary': {
+            textColor = SECONDARY_FONT_COLORS[colorMode];
+            break;
+        }
+        case 'warning': {
+            textColor = '#ff4500';
+            break;
+        }
+        case 'success': {
+            textColor = '#32cd32';
+            break;
+        }
+    }
+    return createElement(as, {
+        style: {
+            fontSize: FONT_SIZES[size],
+            lineHeight: LINE_HEIGHTS[size],
+            fontFamily: FONT_FAMILY,
+            color: textColor,
+            padding: 0,
+            margin: 0,
+            ...style
+        },
+        ref,
+        ...props
+    }, props.children);
+});
+Text.displayName = 'Typography';
+export default Text;

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

@@ -0,0 +1,3 @@
+import { ButtonProps } from "../components-core";
+export default function Button({ variant, color, size, loading, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components-core-joy/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,OAAmB,EACnB,KAAK,EACL,IAAW,EACX,OAAe,EACf,GAAG,KAAK,EACT,EAAG,WAAW,2CAmCd"}

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

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button as JoyButton } from '@mui/joy';
+import Color from "color";
+export default function Button({ variant = "primary", color, size = "md", loading = false, ...props }) {
+    const muiVariant = {
+        primary: "primary",
+        secondary: "neutral",
+        warning: "danger",
+    }[variant] || "primary";
+    const { children, action, ref, ...validProps } = props;
+    const c = Color(color);
+    const changeColor = (value) => {
+        return c.hsl(c.hue(), c.saturationl(), c.lightness() + (c.isDark() ? value : -value)).toString();
+    };
+    return _jsx(JoyButton, { color: muiVariant, sx: color ? {
+            backgroundColor: color,
+            color: c.isDark() ? 'white' : 'black',
+            '&:hover': {
+                backgroundColor: changeColor(10)
+            },
+            '&:active': {
+                backgroundColor: changeColor(20)
+            },
+        } : {}, size: size, loading: loading, ...validProps, children: children });
+}

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

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

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

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

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}

@@ -1,6 +1,5 @@
 export default function EmailVerification({ searchParams: { code, }, fullPage, }: {
     searchParams?: Record<string, string>;
     fullPage?: boolean;
-    redirectUrl?: string;
 }): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=EmailVerification.d.ts.map
+//# 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,4 +1,4 @@
 export default function ForgotPassword({ fullPage }: {
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ForgotPassword.d.ts.map
+//# 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,2 +1,2 @@
 export default function OAuthCallback(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=OAuthCallback.d.ts.map
+//# 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/OAuthCallback.js → components-page/oauth-callback.js}

@@ -3,18 +3,15 @@ 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 "../elements/MessageCard";
-import { useRouter } from "next/navigation";
+import MessageCard from "../components/message-card";
 export default function OAuthCallback() {
     const app = useStackApp();
-    const router = useRouter();
     const called = useRef(false);
     useEffect(() => runAsynchronously(async () => {
         if (called.current)
             return;
         called.current = true;
         await app.callOAuthCallback();
-        router.push(app.urls.userHome);
     }), []);
     return _jsx(MessageCard, { title: 'Redirecting...', fullPage: true });
 }

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

@@ -2,4 +2,4 @@ export default function PasswordReset({ searchParams, fullPage, }: {
     searchParams?: Record<string, string>;
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PasswordReset.d.ts.map
+//# 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-page/sign-in.d.ts

@@ -0,0 +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-page/sign-out.d.ts

@@ -0,0 +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-page/sign-up.d.ts

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

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import SignUp from "./SignUp";
-import SignIn from "./SignIn";
+import SignUp from "./sign-up";
+import SignIn from "./sign-in";
 import { RedirectType, notFound, redirect } from 'next/navigation';
-import EmailVerification from "./EmailVerification";
+import EmailVerification from "./email-verification";
 import { PasswordReset } from "..";
-import MessageCard from "../elements/MessageCard";
-import Signout from "./SignOut";
-import ForgotPassword from "./ForgotPassword";
-import OAuthCallback from "./OAuthCallback";
+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]." }) }));
@@ -25,15 +25,15 @@ export default async function StackHandler({ app, params: { stack } = {}, search
     switch (path) {
         case 'signin': {
             redirectIfNotHandler('signIn');
-            return _jsx(SignIn, { fullPage: true, redirectUrl: app.urls.userHome });
+            return _jsx(SignIn, { fullPage: true });
         }
         case 'signup': {
             redirectIfNotHandler('signUp');
-            return _jsx(SignUp, { fullPage: true, redirectUrl: app.urls.userHome });
+            return _jsx(SignUp, { fullPage: true });
         }
         case 'email-verification': {
             redirectIfNotHandler('emailVerification');
-            return _jsx(EmailVerification, { searchParams: searchParams, fullPage: true, redirectUrl: app.urls.signIn });
+            return _jsx(EmailVerification, { searchParams: searchParams, fullPage: true });
         }
         case 'password-reset': {
             redirectIfNotHandler('passwordReset');
@@ -45,7 +45,7 @@ export default async function StackHandler({ app, params: { stack } = {}, search
         }
         case 'signout': {
             redirectIfNotHandler('signOut');
-            return _jsx(Signout, { redirectUrl: app.urls.home });
+            return _jsx(Signout, {});
         }
         case 'oauth-callback': {
             redirectIfNotHandler('oauthCallback');

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/credential-sign-in.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { FormWarningText } from "./form-warning";
+import { PasswordField } from "./password-field";
+import { validateEmail } from "../utils/email";
+import { useStackApp } from "..";
+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('');
+    const [emailError, setEmailError] = useState('');
+    const [password, setPassword] = useState('');
+    const [passwordError, setPasswordError] = 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;
+        }
+        setLoading(true);
+        const errorCode = await app.signInWithCredential({ email, password });
+        setLoading(false);
+        switch (errorCode) {
+            case UserNotExistErrorCode: {
+                setEmailError('User does not exist');
+                break;
+            }
+            case EmailPasswordMissMatchErrorCode: {
+                setPasswordError('Wrong email or password');
+                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('');
+                } }), _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"}