@stackframe/stack 2.3.5 → 2.3.7

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

@@ -1,6 +1,42 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import AuthPage from './auth-page';
-export default function SignUp({ fullPage = false }) {
-    return _jsx(AuthPage, { fullPage: fullPage, type: 'sign-up' });
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components-page/sign-up.tsx
+var sign_up_exports = {};
+__export(sign_up_exports, {
+  default: () => SignUp
+});
+module.exports = __toCommonJS(sign_up_exports);
+var import_auth_page = __toESM(require("./auth-page"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function SignUp({ fullPage = false }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_auth_page.default, { fullPage, type: "sign-up" });
 }

package/dist/components-page/stack-handler.d.mts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StackServerApp } from '../lib/stack-app.mjs';
+import '@stackframe/stack-shared';
+import '@stackframe/stack-shared/dist/interface/clientInterface';
+import '@stackframe/stack-shared/dist/utils/json';
+import '@stackframe/stack-shared/dist/interface/adminInterface';
+
+declare function StackHandler<HasTokenStore extends boolean>({ app, params: { stack }, searchParams, }: {
+    app: StackServerApp<HasTokenStore>;
+    params?: {
+        stack?: string[];
+    };
+    searchParams?: Record<string, string>;
+}): Promise<react_jsx_runtime.JSX.Element>;
+
+export { StackHandler as default };

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

@@ -1,8 +1,16 @@
-import { StackServerApp } from "..";
-export default function StackHandler<HasTokenStore extends boolean>({ app, params: { stack }, searchParams, }: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StackServerApp } from '../lib/stack-app.js';
+import '@stackframe/stack-shared';
+import '@stackframe/stack-shared/dist/interface/clientInterface';
+import '@stackframe/stack-shared/dist/utils/json';
+import '@stackframe/stack-shared/dist/interface/adminInterface';
+
+declare function StackHandler<HasTokenStore extends boolean>({ app, params: { stack }, searchParams, }: {
     app: StackServerApp<HasTokenStore>;
     params?: {
         stack?: string[];
     };
     searchParams?: Record<string, string>;
-}): Promise<import("react/jsx-runtime").JSX.Element>;
+}): Promise<react_jsx_runtime.JSX.Element>;
+
+export { StackHandler as default };

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

@@ -1,68 +1,106 @@
-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";
-import AccountSettings from "./account-settings";
-import MagicLinkCallback from "./magic-link-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]." }) }));
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components-page/stack-handler.tsx
+var stack_handler_exports = {};
+__export(stack_handler_exports, {
+  default: () => StackHandler
+});
+module.exports = __toCommonJS(stack_handler_exports);
+var import_sign_up = __toESM(require("./sign-up"));
+var import_sign_in = __toESM(require("./sign-in"));
+var import_navigation = require("next/navigation");
+var import_email_verification = __toESM(require("./email-verification"));
+var import__ = require("..");
+var import_message_card = __toESM(require("../components/message-card"));
+var import_sign_out = __toESM(require("./sign-out"));
+var import_forgot_password = __toESM(require("./forgot-password"));
+var import_oauth_callback = __toESM(require("./oauth-callback"));
+var import_account_settings = __toESM(require("./account-settings"));
+var import_magic_link_callback = __toESM(require("./magic-link-callback"));
+var import_jsx_runtime = require("react/jsx-runtime");
+async function StackHandler({
+  app,
+  params: { stack } = {},
+  searchParams = {}
+}) {
+  if (!stack) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.default, { title: "Invalid Stack Handler Setup", fullPage: true, children: /* @__PURE__ */ (0, import_jsx_runtime.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)) {
+      return;
     }
-    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);
+    (0, import_navigation.redirect)(url, import_navigation.RedirectType.replace);
+  }
+  const path = stack.join("/");
+  switch (path) {
+    case "signin": {
+      redirectIfNotHandler("signIn");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sign_in.default, { fullPage: true });
     }
-    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, {});
-        }
-        case 'account-settings': {
-            redirectIfNotHandler('accountSettings');
-            return _jsx(AccountSettings, { fullPage: true });
-        }
-        case 'magic-link-callback': {
-            redirectIfNotHandler('magicLinkCallback');
-            return _jsx(MagicLinkCallback, { searchParams: searchParams, fullPage: true });
-        }
-        default: {
-            return notFound();
-        }
+    case "signup": {
+      redirectIfNotHandler("signUp");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sign_up.default, { fullPage: true });
     }
+    case "email-verification": {
+      redirectIfNotHandler("emailVerification");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_email_verification.default, { searchParams, fullPage: true });
+    }
+    case "password-reset": {
+      redirectIfNotHandler("passwordReset");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.PasswordReset, { searchParams, fullPage: true });
+    }
+    case "forgot-password": {
+      redirectIfNotHandler("forgotPassword");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_forgot_password.default, { fullPage: true });
+    }
+    case "signout": {
+      redirectIfNotHandler("signOut");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sign_out.default, {});
+    }
+    case "oauth-callback": {
+      redirectIfNotHandler("oauthCallback");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_oauth_callback.default, {});
+    }
+    case "account-settings": {
+      redirectIfNotHandler("accountSettings");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_account_settings.default, { fullPage: true });
+    }
+    case "magic-link-callback": {
+      redirectIfNotHandler("magicLinkCallback");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_magic_link_callback.default, { searchParams, fullPage: true });
+    }
+    default: {
+      return (0, import_navigation.notFound)();
+    }
+  }
 }

package/dist/esm/components/card-frame.js

@@ -0,0 +1,39 @@
+"use client";
+"use client";
+
+// src/components/card-frame.tsx
+import { Container } from "../components-core";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+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 /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: "stack-card-frame",
+        style: {
+          height: hasNoParent ? "100vh" : "100%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: /* @__PURE__ */ jsx(Container, { size: 380, style: { padding: "1rem 1rem" }, children })
+      }
+    );
+  } else {
+    return children;
+  }
+}
+export {
+  CardFrame as default
+};

package/dist/esm/components/credential-sign-in.js

@@ -0,0 +1,82 @@
+"use client";
+"use client";
+
+// src/components/credential-sign-in.tsx
+import { useState } from "react";
+import FormWarningText from "./form-warning";
+import PasswordField from "./password-field";
+import { validateEmail } from "../utils/email";
+import { useStackApp } from "..";
+import { Button, Input, Label, Link } from "../components-core";
+import { KnownErrors } from "@stackframe/stack-shared";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CredentialSignIn() {
+  const [email, setEmail] = useState("");
+  const [emailError, setEmailError] = useState("");
+  const [password, setPassword] = useState("");
+  const [passwordError, setPasswordError] = useState("");
+  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;
+    }
+    const error = await app.signInWithCredential({ email, password });
+    if (error instanceof KnownErrors.EmailPasswordMismatch) {
+      setPasswordError("Wrong email or password");
+    } else if (error) {
+      setEmailError(`An error occurred. ${error.message}`);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "stretch" }, children: [
+    /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email" }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id: "email",
+        type: "email",
+        name: "email",
+        value: email,
+        onChange: (e) => {
+          setEmail(e.target.value);
+          setEmailError("");
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(FormWarningText, { text: emailError }),
+    /* @__PURE__ */ jsx(Label, { htmlFor: "password", style: { marginTop: "1rem" }, children: "Password" }),
+    /* @__PURE__ */ jsx(
+      PasswordField,
+      {
+        id: "password",
+        name: "password",
+        value: password,
+        onChange: (e) => {
+          setPassword(e.target.value);
+          setPasswordError("");
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(FormWarningText, { text: passwordError }),
+    /* @__PURE__ */ jsx(Link, { href: app.urls.forgotPassword, size: "sm", style: { marginTop: "0.5rem" }, children: "Forgot password?" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        style: { marginTop: "1.5rem" },
+        onClick: onSubmit,
+        children: "Sign In"
+      }
+    )
+  ] });
+}
+export {
+  CredentialSignIn as default
+};

package/dist/esm/components/credential-sign-up.js

@@ -0,0 +1,114 @@
+"use client";
+"use client";
+
+// src/components/credential-sign-up.tsx
+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 { Label, Input, Button } from "../components-core";
+import { KnownErrors } from "@stackframe/stack-shared";
+import { jsx, jsxs } from "react/jsx-runtime";
+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 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 passwordError2 = getPasswordError(password);
+    if (passwordError2) {
+      setPasswordError(passwordError2.message);
+      return;
+    }
+    let error;
+    error = await app.signUpWithCredential({ email, password });
+    if (error instanceof KnownErrors.UserEmailAlreadyExists) {
+      setEmailError("User already exists");
+    } else if (error) {
+      setEmailError(`An error occurred. ${error.message}`);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "stretch" }, children: [
+    /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email" }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id: "email",
+        type: "email",
+        name: "email",
+        value: email,
+        onChange: (e) => {
+          setEmail(e.target.value);
+          setEmailError("");
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(FormWarningText, { text: emailError }),
+    /* @__PURE__ */ jsx(Label, { htmlFor: "password", style: { marginTop: "1rem" }, children: "Password" }),
+    /* @__PURE__ */ jsx(
+      PasswordField,
+      {
+        id: "password",
+        name: "password",
+        value: password,
+        onChange: (e) => {
+          setPassword(e.target.value);
+          setPasswordError("");
+          setPasswordRepeatError("");
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(FormWarningText, { text: passwordError }),
+    /* @__PURE__ */ jsx(Label, { htmlFor: "repeat-password", style: { marginTop: "1rem" }, children: "Repeat Password" }),
+    /* @__PURE__ */ jsx(
+      PasswordField,
+      {
+        id: "repeat-password",
+        name: "repeat-password",
+        value: passwordRepeat,
+        onChange: (e) => {
+          setPasswordRepeat(e.target.value);
+          setPasswordError("");
+          setPasswordRepeatError("");
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(FormWarningText, { text: passwordRepeatError }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        style: { marginTop: "1.5rem" },
+        onClick: onSubmit,
+        children: "Sign Up"
+      }
+    )
+  ] });
+}
+export {
+  CredentialSignUp as default
+};

package/dist/esm/components/forgot-password.js

@@ -0,0 +1,55 @@
+"use client";
+"use client";
+
+// src/components/forgot-password.tsx
+import { useState } from "react";
+import FormWarningText from "./form-warning";
+import { validateEmail } from "../utils/email";
+import { useStackApp } from "..";
+import { Button, Input, Label } from "../components-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ForgotPassword({ onSent }) {
+  const [email, setEmail] = useState("");
+  const [emailError, setEmailError] = useState("");
+  const stackApp = useStackApp();
+  const onSubmit = async () => {
+    if (!email) {
+      setEmailError("Please enter your email");
+      return;
+    }
+    if (!validateEmail(email)) {
+      setEmailError("Please enter a valid email");
+      return;
+    }
+    await stackApp.sendForgotPasswordEmail(email);
+    onSent?.();
+  };
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "stretch" }, children: [
+    /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Your Email" }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id: "email",
+        type: "email",
+        name: "email",
+        value: email,
+        onChange: (e) => {
+          setEmail(e.target.value);
+          setEmailError("");
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(FormWarningText, { text: emailError }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        style: { marginTop: "1.5rem" },
+        onClick: onSubmit,
+        children: "Send Email"
+      }
+    )
+  ] });
+}
+export {
+  ForgotPassword as default
+};

package/dist/esm/components/form-warning.js

@@ -0,0 +1,15 @@
+"use client";
+"use client";
+
+// src/components/form-warning.tsx
+import { Text } from "../components-core";
+import { jsx } from "react/jsx-runtime";
+function FormWarningText({ text }) {
+  if (!text) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Text, { size: "sm", variant: "warning", children: text });
+}
+export {
+  FormWarningText as default
+};

package/dist/esm/components/magic-link-sign-in.js

@@ -0,0 +1,61 @@
+"use client";
+"use client";
+
+// src/components/magic-link-sign-in.tsx
+import { useState } from "react";
+import FormWarningText from "./form-warning";
+import { validateEmail } from "../utils/email";
+import { useStackApp } from "..";
+import { Button, Input, Label } from "../components-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MagicLinkSignIn() {
+  const [email, setEmail] = useState("");
+  const [sent, setSent] = useState(false);
+  const [error, setError] = useState("");
+  const app = useStackApp();
+  const onSubmit = async () => {
+    if (!email) {
+      setError("Please enter your email");
+      return;
+    }
+    if (!validateEmail(email)) {
+      setError("Please enter a valid email");
+      return;
+    }
+    const error2 = await app.sendMagicLinkEmail(email);
+    if (error2) {
+      setError(error2.message);
+      return;
+    }
+    setSent(true);
+  };
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "stretch" }, children: [
+    /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email" }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id: "email",
+        type: "email",
+        name: "email",
+        value: email,
+        onChange: (e) => {
+          setEmail(e.target.value);
+          setError("");
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(FormWarningText, { text: error }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        disabled: sent,
+        style: { marginTop: "1.5rem" },
+        onClick: onSubmit,
+        children: sent ? "Email sent" : "Send magic link"
+      }
+    )
+  ] });
+}
+export {
+  MagicLinkSignIn as default
+};

package/dist/esm/components/message-card.js

@@ -0,0 +1,16 @@
+"use client";
+"use client";
+
+// src/components/message-card.tsx
+import CardFrame from "./card-frame";
+import { Text } from "../components-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MessageCard({ children, title, fullPage = false }) {
+  return /* @__PURE__ */ jsx(CardFrame, { fullPage, children: /* @__PURE__ */ jsxs("div", { style: { textAlign: "center" }, children: [
+    /* @__PURE__ */ jsx(Text, { size: "xl", as: "h2", style: { marginBottom: "24px" }, children: title }),
+    children
+  ] }) });
+}
+export {
+  MessageCard as default
+};