@stackframe/stack 1.2.1 → 2.1.0

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"}

package/dist/elements/forgot-password.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { FormWarningText } from "./form-warning";
+import { validateEmail } from "../utils/email";
+import { useStackApp } from "..";
+import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
+import { Button, Input, Label } from "@stackframe/stack-ui";
+export default function ForgotPassword({ onSent }) {
+    const [email, setEmail] = useState('');
+    const [emailError, setEmailError] = useState('');
+    const [sending, setSending] = useState(false);
+    const stackApp = useStackApp();
+    const onSubmit = async () => {
+        if (!email) {
+            setEmailError('Please enter your email');
+            return;
+        }
+        if (!validateEmail(email)) {
+            setEmailError('Please enter a valid email');
+            return;
+        }
+        setSending(true);
+        await stackApp.sendForgotPasswordEmail(email);
+        setSending(false);
+        onSent?.();
+    };
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: [_jsx(Label, { htmlFor: "email", children: "Your Email" }), _jsx(Input, { id: "email", type: "email", name: "email", value: email, onChange: (e) => {
+                    setEmail(e.target.value);
+                    setEmailError('');
+                } }), _jsx(FormWarningText, { text: emailError }), _jsx(Button, { style: { marginTop: '1.5rem' }, onClick: () => runAsynchronously(onSubmit()), loading: sending, children: "Send Email" })] }));
+}

package/dist/elements/{FormWarning.d.ts → form-warning.d.ts}

@@ -1,4 +1,4 @@
 export declare function FormWarningText({ text }: {
     text?: string;
 }): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=FormWarning.d.ts.map
+//# sourceMappingURL=form-warning.d.ts.map

package/dist/elements/form-warning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-warning.d.ts","sourceRoot":"","sources":["../../src/elements/form-warning.tsx"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,kDAS1D"}

package/dist/elements/{FormWarning.js → form-warning.js}

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@stackframe/stack-ui";
 export function FormWarningText({ text }) {
     if (!text) {
         return null;
     }
-    return (_jsx("p", { className: "wl_text-sm wl_text-red-500", children: text }));
+    return (_jsx(Text, { size: "sm", variant: "warning", children: text }));
 }

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

@@ -0,0 +1,7 @@
+import React from "react";
+export default function MessageCard({ children, title, fullPage }: {
+    children?: React.ReactNode;
+    title: string;
+    fullPage?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=message-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message-card.d.ts","sourceRoot":"","sources":["../../src/elements/message-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAc,EAAE,EACnC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,2CAUjE"}

package/dist/elements/message-card.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CardFrame from "./card-frame";
+import { Text } from "@stackframe/stack-ui";
+export default function MessageCard({ children, title, fullPage = false }) {
+    return (_jsx(CardFrame, { fullPage: fullPage, children: _jsxs("div", { style: { textAlign: 'center' }, children: [_jsx(Text, { size: "xl", as: 'h2', style: { marginBottom: '24px' }, children: title }), children] }) }));
+}

package/dist/elements/oauth-button.d.ts

@@ -0,0 +1,5 @@
+export default function OAuthButton({ provider, type, }: {
+    provider: string;
+    type: 'signin' | 'signup';
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=oauth-button.d.ts.map

package/dist/elements/oauth-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth-button.d.ts","sourceRoot":"","sources":["../../src/elements/oauth-button.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC3B,2CA6GA"}

package/dist/elements/{OAuthButton.js → oauth-button.js}

@@ -3,17 +3,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FaGithub, FaFacebook, FaApple } from 'react-icons/fa';
 import { useStackApp } from '..';
 import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
-import Button from './Button';
-const iconSize = 24;
-export default function OAuthButton({ provider, type, redirectUrl }) {
+import { Button, useDesign } from '@stackframe/stack-ui';
+import Color from 'color';
+const iconSize = 22;
+export default function OAuthButton({ provider, type, }) {
+    const { colors } = useDesign();
     const stackApp = useStackApp();
     let style;
     switch (provider) {
         case 'google': {
             style = {
                 backgroundColor: '#fff',
-                textColor: '#000',
                 name: 'Google',
+                border: Color(colors.primaryBgColor).isDark() ? undefined : '1px solid #ccc',
                 icon: (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: iconSize, height: iconSize, viewBox: "0 0 24 24", children: [_jsx("path", { fill: "#4285F4", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }), _jsx("path", { fill: "#34A853", d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }), _jsx("path", { fill: "#FBBC05", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }), _jsx("path", { fill: "#EA4335", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }), _jsx("path", { fill: "none", d: "M1 1h22v22H1z" })] })),
             };
             break;
@@ -21,7 +23,7 @@ export default function OAuthButton({ provider, type, redirectUrl }) {
         case 'github': {
             style = {
                 backgroundColor: '#111',
-                textColor: '#fff',
+                border: Color(colors.primaryBgColor).isDark() ? '1px solid #666' : undefined,
                 name: 'GitHub',
                 icon: (_jsx(FaGithub, { color: "#fff", size: iconSize })),
             };
@@ -30,7 +32,6 @@ export default function OAuthButton({ provider, type, redirectUrl }) {
         case 'facebook': {
             style = {
                 backgroundColor: '#1877F2',
-                textColor: '#fff',
                 name: 'Facebook',
                 icon: (_jsx(FaFacebook, { color: "#fff", size: iconSize })),
             };
@@ -39,7 +40,6 @@ export default function OAuthButton({ provider, type, redirectUrl }) {
         case 'apple': {
             style = {
                 backgroundColor: '#000',
-                textColor: '#fff',
                 name: 'Apple',
                 icon: (_jsx(FaApple, { color: "#fff", size: iconSize })),
             };
@@ -48,7 +48,6 @@ export default function OAuthButton({ provider, type, redirectUrl }) {
         case 'microsoft': {
             style = {
                 backgroundColor: '#2f2f2f',
-                textColor: '#fff',
                 name: 'Microsoft',
                 icon: (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: iconSize, height: iconSize, viewBox: "0 0 21 21", children: [_jsx("title", { children: "MS-SymbolLockup" }), _jsx("path", { fill: "#f25022", d: "M1 1h9v9H1z" }), _jsx("path", { fill: "#00a4ef", d: "M1 11h9v9H1z" }), _jsx("path", { fill: "#7fba00", d: "M11 1h9v9h-9z" }), _jsx("path", { fill: "#ffb900", d: "M11 11h9v9h-9z" })] })),
             };
@@ -57,11 +56,10 @@ export default function OAuthButton({ provider, type, redirectUrl }) {
         default: {
             style = {
                 backgroundColor: '#000',
-                textColor: '#fff',
                 name: provider,
                 icon: null
             };
         }
     }
-    return (_jsxs(Button, { style: { backgroundColor: style.backgroundColor, color: style.textColor }, onClick: () => runAsynchronously(stackApp.signInWithOAuth(provider)), leftIcon: style.icon, children: [type === 'signup' ? 'Sign up with ' : 'Sign in with ', style.name] }));
+    return (_jsx(Button, { color: style.backgroundColor, style: { border: style.border }, onClick: () => runAsynchronously(stackApp.signInWithOAuth(provider)), children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', width: '100%' }, children: [style.icon, _jsxs("span", { style: { flexGrow: 1 }, children: [type === 'signup' ? 'Sign up with ' : 'Sign in with ', style.name] }), _jsx("div", { style: { visibility: 'hidden' }, children: style.icon })] }) }));
 }

package/dist/elements/oauth-group.d.ts

@@ -0,0 +1,4 @@
+export default function OAuthGroup({ type, }: {
+    type: 'signin' | 'signup';
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=oauth-group.d.ts.map

package/dist/elements/oauth-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth-group.d.ts","sourceRoot":"","sources":["../../src/elements/oauth-group.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,GACL,EAAE;IACD,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC3B,2CAWA"}

package/dist/elements/oauth-group.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useStackApp } from "..";
+import OAuthButton from "./oauth-button";
+export default function OAuthGroup({ type, }) {
+    const stackApp = useStackApp();
+    const project = stackApp.useProject();
+    return (_jsx("div", { style: { gap: '16px', display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: project.oauthProviders.filter(p => p.enabled).map(p => (_jsx(OAuthButton, { provider: p.id, type: type }, p.id))) }));
+}

package/dist/elements/{PasswordField.d.ts → password-field.d.ts}

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 export declare const PasswordField: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=PasswordField.d.ts.map
+//# sourceMappingURL=password-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../src/elements/password-field.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,aAAa,oJAwDxB,CAAC"}

package/dist/elements/password-field.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from '@stackframe/stack-ui';
+import { forwardRef, useRef, useState } from 'react';
+import { HiEye, HiEyeOff } from 'react-icons/hi';
+export const PasswordField = forwardRef(({ id, name, ...props }, ref) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const inputRef = useRef(null);
+    const mergeRef = (node) => {
+        if (ref) {
+            if (typeof ref === 'function') {
+                ref(node);
+            }
+            else {
+                ref.current = node;
+            }
+        }
+        inputRef.current = node;
+    };
+    const onClickReveal = () => {
+        setIsOpen(!isOpen);
+        const currentInput = inputRef.current;
+        if (currentInput) {
+            currentInput.focus({ preventScroll: true });
+        }
+    };
+    return (_jsxs("div", { style: { position: 'relative', display: 'flex' }, children: [_jsx(Input, { id: id, ref: mergeRef, name: name, type: isOpen ? 'text' : 'password', autoComplete: "current-password", required: true, style: { flex: 1 }, ...props }), _jsx("button", { tabIndex: -1, type: "button", style: {
+                    position: 'absolute',
+                    backgroundColor: 'transparent',
+                    border: 'none',
+                    top: 0,
+                    right: 0,
+                    bottom: 0,
+                    display: 'flex',
+                    alignItems: 'center',
+                    paddingRight: '12px'
+                }, onClick: onClickReveal, "aria-label": isOpen ? 'Mask password' : 'Reveal password', children: isOpen ? _jsx(HiEyeOff, {}) : _jsx(HiEye, {}) })] }));
+});
+PasswordField.displayName = 'PasswordField';

package/dist/elements/password-reset-inner.d.ts

@@ -0,0 +1,5 @@
+export default function PasswordResetInner({ code, fullPage }: {
+    code: string;
+    fullPage?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=password-reset-inner.d.ts.map

package/dist/elements/password-reset-inner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-reset-inner.d.ts","sourceRoot":"","sources":["../../src/elements/password-reset-inner.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,EAAE,IAAI,EAAE,QAAgB,EAAE,EAC1B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CAyFrC"}

package/dist/elements/password-reset-inner.js

@@ -0,0 +1,63 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { getPasswordError } from "@stackframe/stack-shared/dist/helpers/password";
+import { useStackApp } from "..";
+import { PasswordField } from "./password-field";
+import { FormWarningText } from "./form-warning";
+import RedirectMessageCard from "./redirect-message-card";
+import MessageCard from "./message-card";
+import CardFrame from "./card-frame";
+import CardHeader from "./card-header";
+import { Button, Label, Text } from "@stackframe/stack-ui";
+import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
+export default function PasswordResetInner({ code, fullPage = false }) {
+    const [password, setPassword] = useState('');
+    const [passwordError, setPasswordError] = useState('');
+    const [passwordRepeat, setPasswordRepeat] = useState('');
+    const [passwordRepeatError, setPasswordRepeatError] = useState('');
+    const [finished, setFinished] = useState(false);
+    const [resetError, setResetError] = useState(false);
+    const stackApp = useStackApp();
+    const onSubmit = async () => {
+        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;
+        }
+        const errorCode = await stackApp.resetPassword({ password, code });
+        // this should not happen, the outer component should verify the code before rendering this component
+        if (errorCode) {
+            setResetError(true);
+            return;
+        }
+        setFinished(true);
+    };
+    if (finished) {
+        return _jsx(RedirectMessageCard, { type: 'passwordReset', fullPage: fullPage });
+    }
+    if (resetError) {
+        return (_jsx(MessageCard, { title: "Failed to reset password", fullPage: fullPage, children: _jsx(Text, { children: "Failed to reset password. Please request a new password reset link" }) }));
+    }
+    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx(CardHeader, { title: "Reset Your Password" }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: [_jsx(Label, { htmlFor: "password", children: "New 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 New 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()), children: "Reset Password" })] })] }));
+}

package/dist/elements/redirect-message-card.d.ts

@@ -0,0 +1,5 @@
+export default function RedirectMessageCard({ type, fullPage, }: {
+    type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'emailVerified';
+    fullPage?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=redirect-message-card.d.ts.map

package/dist/elements/redirect-message-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"redirect-message-card.d.ts","sourceRoot":"","sources":["../../src/elements/redirect-message-card.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,IAAI,EACJ,QAAc,GACf,EAAE;IACD,IAAI,EAAE,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,eAAe,GAAG,eAAe,CAAC;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAoEA"}

package/dist/elements/redirect-message-card.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter } from "next/navigation";
+import { useStackApp } from "..";
+import MessageCard from "./message-card";
+import { Text, Button } from "@stackframe/stack-ui";
+export default function RedirectMessageCard({ type, fullPage = false, }) {
+    const stackApp = useStackApp();
+    const router = useRouter();
+    let title;
+    let primaryUrl;
+    let secondaryUrl = null;
+    let message = null;
+    let primaryButton;
+    let secondaryButton = null;
+    switch (type) {
+        case 'signedIn': {
+            title = "You are already signed in";
+            primaryUrl = stackApp.urls.home;
+            secondaryUrl = stackApp.urls.signOut;
+            primaryButton = "Go to Home";
+            secondaryButton = "Sign Out";
+            break;
+        }
+        case 'signedOut': {
+            title = "You are not currently signed in.";
+            primaryUrl = stackApp.urls.home;
+            primaryButton = "Go to Home";
+            break;
+        }
+        case 'emailSent': {
+            title = "Email sent!";
+            message = 'Please check your inbox. Make sure to check your spam folder.';
+            primaryUrl = stackApp.urls.home;
+            primaryButton = "Go to Home";
+            break;
+        }
+        case 'passwordReset': {
+            title = "Password reset successfully!";
+            message = 'Your password has been reset. You can now sign in with your new password.';
+            primaryUrl = stackApp.urls.signIn;
+            primaryButton = "Go to Sign In";
+            break;
+        }
+        case 'emailVerified': {
+            title = "Email verified!";
+            message = 'Your have successfully verified your email.';
+            primaryUrl = stackApp.urls.home;
+            primaryButton = "Go to Home";
+            break;
+        }
+    }
+    return (_jsxs(MessageCard, { title: title, fullPage: fullPage, children: [message && _jsx(Text, { children: message }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'center', gap: '16px', marginTop: 20 }, children: [secondaryButton && (_jsx(Button, { variant: "secondary", onClick: () => router.push(stackApp.urls.signOut.toString()), children: secondaryButton })), _jsx(Button, { onClick: () => router.push(primaryUrl.toString()), children: primaryButton })] })] }));
+}

package/dist/index.d.ts

@@ -1,11 +1,20 @@
-export { default as StackProvider } from "./providers/StackProvider";
+export { default as StackProvider } from "./providers/stack-provider";
 export { useUser, useStackApp } from "./lib/hooks";
 export { StackClientApp, StackServerApp, StackAdminApp } from "./lib/stack-app";
-export { default as SignIn } from "./components/SignIn";
-export { default as SignUp } from "./components/SignUp";
-export { default as StackHandler } from "./components/StackHandler";
-export { default as EmailVerification } from "./components/EmailVerification";
-export { default as PasswordReset } from "./components/PasswordReset";
-export { default as ForgotPassword } from "./components/ForgotPassword";
-import '../dist/tailwind.css';
+export { default as StackHandler } from "./components-page/stack-handler";
+export { default as SignIn } from "./components-page/sign-in";
+export { default as SignUp } from "./components-page/sign-up";
+export { default as EmailVerification } from "./components-page/email-verification";
+export { default as PasswordReset } from "./components-page/password-reset";
+export { default as ForgotPassword } from "./components-page/forgot-password";
+export { default as CredentialSignIn } from "./components/credential-sign-in";
+export { default as CredentialSignUp } from "./components/credential-sign-up";
+export { default as OAuthButton } from "./components/oauth-button";
+export { default as OAuthGroup } from "./components/oauth-group";
+export { default as PasswordField } from "./components/password-field";
+export { useDesign } from './providers/design-provider';
+export { useComponents } from './providers/component-provider';
+export { StackTheme, ThemeConfig } from './providers/theme-provider';
+export { StackJoyTheme } from './providers/joy-provider';
+export * from './components-core';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAErE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAE9E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,11 +1,19 @@
-export { default as StackProvider } from "./providers/StackProvider";
+export { default as StackProvider } from "./providers/stack-provider";
 export { useUser, useStackApp } from "./lib/hooks";
 export { StackClientApp, StackServerApp, StackAdminApp } from "./lib/stack-app";
-export { default as SignIn } from "./components/SignIn";
-export { default as SignUp } from "./components/SignUp";
-export { default as StackHandler } from "./components/StackHandler";
-export { default as EmailVerification } from "./components/EmailVerification";
-export { default as PasswordReset } from "./components/PasswordReset";
-export { default as ForgotPassword } from "./components/ForgotPassword";
-// TODO we can't import it like this
-import '../dist/tailwind.css';
+export { default as StackHandler } from "./components-page/stack-handler";
+export { default as SignIn } from "./components-page/sign-in";
+export { default as SignUp } from "./components-page/sign-up";
+export { default as EmailVerification } from "./components-page/email-verification";
+export { default as PasswordReset } from "./components-page/password-reset";
+export { default as ForgotPassword } from "./components-page/forgot-password";
+export { default as CredentialSignIn } from "./components/credential-sign-in";
+export { default as CredentialSignUp } from "./components/credential-sign-up";
+export { default as OAuthButton } from "./components/oauth-button";
+export { default as OAuthGroup } from "./components/oauth-group";
+export { default as PasswordField } from "./components/password-field";
+export { useDesign } from './providers/design-provider';
+export { useComponents } from './providers/component-provider';
+export { StackTheme } from './providers/theme-provider';
+export { StackJoyTheme } from './providers/joy-provider';
+export * from './components-core';

package/dist/lib/auth.d.ts

@@ -1,20 +1,8 @@
 import { StackClientInterface } from "@stackframe/stack-shared";
 import { TokenStore } from "@stackframe/stack-shared/dist/interface/clientInterface";
-import { SignInErrorCode, SignUpErrorCode } from "@stackframe/stack-shared/dist/utils/types";
 export declare function signInWithOAuth(iface: StackClientInterface, { provider, redirectUrl, }: {
     provider: string;
     redirectUrl?: string;
 }): Promise<void>;
-export declare function callOAuthCallback(iface: StackClientInterface, tokenStore: TokenStore, redirectUrl?: string): Promise<void>;
-export declare function signInWithCredential(iface: StackClientInterface, tokenStore: TokenStore, { email, password, redirectUrl, }: {
-    email: string;
-    password: string;
-    redirectUrl?: string;
-}): Promise<SignInErrorCode | undefined>;
-export declare function signUpWithCredential(iface: StackClientInterface, tokenStore: TokenStore, { email, password, redirectUrl, emailVerificationRedirectUrl }: {
-    email: string;
-    password: string;
-    redirectUrl?: string;
-    emailVerificationRedirectUrl?: string;
-}): Promise<SignUpErrorCode | undefined>;
+export declare function callOAuthCallback(iface: StackClientInterface, tokenStore: TokenStore, redirectUrl: string): Promise<import("oauth4webapi").OAuth2TokenEndpointResponse>;
 //# sourceMappingURL=auth.d.ts.map

package/dist/lib/auth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/lib/auth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGhE,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAE7F,wBAAsB,eAAe,CACnC,KAAK,EAAE,oBAAoB,EAC3B,EACE,QAAQ,EACR,WAAW,GACZ,EAAG;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,iBAWF;AA0CD,wBAAsB,iBAAiB,CACrC,KAAK,EAAE,oBAAoB,EAC3B,UAAU,EAAE,UAAU,EACtB,WAAW,CAAC,EAAE,MAAM,iBAyCrB;AAED,wBAAsB,oBAAoB,CACxC,KAAK,EAAE,oBAAoB,EAC3B,UAAU,EAAE,UAAU,EACtB,EACE,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACA,OAAO,CAAC,eAAe,GAAG,SAAS,CAAC,CAOtC;AAED,wBAAsB,oBAAoB,CACxC,KAAK,EAAE,oBAAoB,EAC3B,UAAU,EAAE,UAAU,EACtB,EACE,KAAK,EACL,QAAQ,EACR,WAAW,EACX,4BAAkC,EACnC,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;CACvC,GACA,OAAO,CAAC,eAAe,GAAG,SAAS,CAAC,CAQtC"}
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/lib/auth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGhE,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAErF,wBAAsB,eAAe,CACnC,KAAK,EAAE,oBAAoB,EAC3B,EACE,QAAQ,EACR,WAAW,GACZ,EAAG;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,iBAWF;AAuCD,wBAAsB,iBAAiB,CACrC,KAAK,EAAE,oBAAoB,EAC3B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,MAAM,+DA6BpB"}