@stackframe/stack 2.3.5 → 2.3.7

package/dist/esm/components-core/separator.js

@@ -0,0 +1,36 @@
+"use client";
+"use client";
+
+// src/components-core/separator.tsx
+import React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import styled from "styled-components";
+import { useDesign } from "..";
+import { jsx } from "react/jsx-runtime";
+var StyledSeparator = styled(SeparatorPrimitive.Root)`
+  flex-shrink: 0;
+  ${(props) => props.$orientation === "horizontal" ? "height: 1px; width: 100%;" : "height: 100%; width: 1px;"}
+  
+  background-color: ${(props) => props.$color.light.neutralColor};
+
+  html[data-theme='dark'] & {
+    background-color: ${(props) => props.$color.dark.neutralColor};
+  }
+`;
+var Separator = React.forwardRef(({ orientation = "horizontal", decorative = true, ...props }, ref) => {
+  const { colors } = useDesign();
+  return /* @__PURE__ */ jsx(
+    StyledSeparator,
+    {
+      ref,
+      decorative,
+      $orientation: orientation,
+      $color: colors,
+      ...props
+    }
+  );
+});
+Separator.displayName = "Separator";
+export {
+  Separator
+};

package/dist/esm/components-core/skeleton.js

@@ -0,0 +1,52 @@
+"use client";
+"use client";
+
+// src/components-core/skeleton.tsx
+import React from "react";
+import styled, { keyframes } from "styled-components";
+import { jsx } from "react/jsx-runtime";
+var getFilterString = (brightness1, brightness2) => {
+  return `
+    0% {
+      filter: grayscale(1) contrast(0) brightness(0) invert(1) brightness(${brightness1});
+    }
+    100% {
+      filter: grayscale(1) contrast(0) brightness(0) invert(1) brightness(${brightness2});
+    }
+  `;
+};
+var animationLight = keyframes`${getFilterString(0.8, 0.9)}`;
+var animationDark = keyframes`${getFilterString(0.2, 0.1)}`;
+var Primitive = styled("span")`
+  &[data-stack-state="activated"], &[data-stack-state="activated"] * {
+    pointer-events: none !important;
+    -webkit-user-select: none !important;
+    -moz-user-select: none !important;
+    user-select: none !important;
+    cursor: default !important;
+  }
+
+  &[data-stack-state="activated"] {
+    animation: ${animationLight} 1s infinite alternate-reverse !important;
+  }
+
+  html[data-theme='dark'] &[data-stack-state="activated"] {
+    animation: ${animationDark} 1s infinite alternate-reverse !important;
+  }
+`;
+var Skeleton = React.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(
+      Primitive,
+      {
+        ref,
+        "data-stack-state": props.deactivated ? "deactivated" : "activated",
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+export {
+  Skeleton
+};

package/dist/esm/components-core/tabs.js

@@ -0,0 +1,79 @@
+// src/components-core/tabs.tsx
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import styled from "styled-components";
+import { useDesign } from "..";
+import { jsx } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var StyledTabsList = styled(TabsPrimitive.List)`
+  display: flex;
+  height: 2.5rem
+  align-items: center;
+  justify-content: center;
+  border-radius: 0.375rem;
+  padding: 0.25rem;
+
+  background-color: rgb(244, 244, 245);
+
+  html[data-theme='dark'] & {
+    background-color: rgb(39, 39, 42);
+  }
+`;
+var TabsList = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    StyledTabsList,
+    {
+      ...props,
+      ref
+    }
+  );
+});
+var StayledTabsTrigger = styled(TabsPrimitive.Trigger)`
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  border-radius: 0.25rem;
+  padding: 0.25rem 0.5rem;
+  transition: all;
+  outline: none;
+
+  &:disabled {
+    pointer-events: none;
+    opacity: 0.5;
+  }
+
+  &[data-state='active'] {
+    background-color: ${({ $colors }) => $colors.light.backgroundColor};
+  }
+
+  html[data-theme='dark'] & {
+    &[data-state='active'] {
+      background-color: ${({ $colors }) => $colors.dark.backgroundColor};
+    }
+  }
+`;
+var TabsTrigger = React.forwardRef((props, ref) => {
+  const { colors } = useDesign();
+  return /* @__PURE__ */ jsx(
+    StayledTabsTrigger,
+    {
+      $colors: colors,
+      ...props,
+      ref
+    }
+  );
+});
+var StyledTabsContent = styled(TabsPrimitive.Content)`
+  margin-top: 1.5rem;
+`;
+var TabsContent = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(StyledTabsContent, { ...props, ref });
+});
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+};

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

@@ -0,0 +1,63 @@
+"use client";
+"use client";
+
+// src/components-core/text.tsx
+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 styled from "styled-components";
+import { typedFromEntries } from "@stackframe/stack-shared/dist/utils/objects";
+var components = ["p", "h6", "h5", "h4", "h3", "h2", "h1"];
+var StyledComponents = typedFromEntries(components.map((component) => {
+  return [
+    component,
+    styled(component)`
+      font-family: ${FONT_FAMILY};
+      font-size: ${(props) => FONT_SIZES[props.$size]};
+      line-height: ${(props) => LINE_HEIGHTS[props.$size]};
+      margin: 0;
+      padding: 0;
+      color: ${(props) => props.$textColor.light};
+      
+      html[data-theme='dark'] & {
+        color: ${(props) => props.$textColor.dark};
+      }
+    `
+  ];
+}));
+var Text = React.forwardRef(({
+  variant = "primary",
+  size = "md",
+  as = "p",
+  ...props
+}, ref) => {
+  let textColor;
+  switch (variant) {
+    case "primary": {
+      textColor = PRIMARY_FONT_COLORS;
+      break;
+    }
+    case "secondary": {
+      textColor = SECONDARY_FONT_COLORS;
+      break;
+    }
+    case "warning": {
+      textColor = { light: "#b33b1d", dark: "#ff7b5c" };
+      break;
+    }
+    case "success": {
+      textColor = { light: "#3da63d", dark: "#3da63d" };
+      break;
+    }
+  }
+  return createElement(StyledComponents[as], {
+    $size: size,
+    $textColor: textColor,
+    ...props,
+    ref
+  });
+});
+Text.displayName = "Text";
+export {
+  Text
+};

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

@@ -0,0 +1,53 @@
+"use client";
+"use client";
+
+// src/components-core-joy/button.tsx
+import React from "react";
+import { Button as JoyButton } from "@mui/joy";
+import Color from "color";
+import { jsx } from "react/jsx-runtime";
+var Button = React.forwardRef(({
+  variant = "primary",
+  color,
+  size = "md",
+  loading = false,
+  ...props
+}, ref) => {
+  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 /* @__PURE__ */ jsx(
+    JoyButton,
+    {
+      color: muiVariant,
+      sx: color ? {
+        backgroundColor: color,
+        color: c.isDark() ? "white" : "black",
+        "&:hover": {
+          backgroundColor: changeColor(10)
+        },
+        "&:active": {
+          backgroundColor: changeColor(20)
+        }
+      } : {},
+      size,
+      loading,
+      ...validProps,
+      children
+    }
+  );
+});
+export {
+  Button
+};

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

@@ -0,0 +1,18 @@
+"use client";
+"use client";
+
+// src/components-core-joy/input.tsx
+import React from "react";
+import { Input as JoyInput } from "@mui/joy";
+import { jsx } from "react/jsx-runtime";
+var Input = React.forwardRef(({
+  color,
+  size,
+  ref: _,
+  ...validProps
+}, ref) => {
+  return /* @__PURE__ */ jsx(JoyInput, { ...validProps });
+});
+export {
+  Input
+};

package/dist/esm/components-core-joy/separator.js

@@ -0,0 +1,17 @@
+"use client";
+"use client";
+
+// src/components-core-joy/separator.tsx
+import React from "react";
+import { Divider as JoySeparator } from "@mui/joy";
+import { jsx } from "react/jsx-runtime";
+var Separator = React.forwardRef(({
+  orientation,
+  ref: _,
+  ...validProps
+}, ref) => {
+  return /* @__PURE__ */ jsx(JoySeparator, { ...validProps, orientation });
+});
+export {
+  Separator
+};

package/dist/esm/components-core-joy/tabs.js

@@ -0,0 +1,29 @@
+"use client";
+"use client";
+
+// src/components-core-joy/tabs.tsx
+import React from "react";
+import { Tabs as JoyTabs, TabList as JoyTabsList, Tab as JoyTabsTrigger, TabPanel as JoyTabssContent } from "@mui/joy";
+import { jsx } from "react/jsx-runtime";
+var Tabs = React.forwardRef((props, ref) => {
+  const { color, onChange, ref: _, ...validProps } = props;
+  return /* @__PURE__ */ jsx(JoyTabs, { ref, sx: { bgcolor: "transparent" }, ...validProps });
+});
+var TabsList = React.forwardRef((props, ref) => {
+  const { color, ref: _, ...validProps } = props;
+  return /* @__PURE__ */ jsx(JoyTabsList, { ref, ...validProps });
+});
+var TabsTrigger = React.forwardRef((props, ref) => {
+  const { style, color, onChange, ref: _, ...validProps } = props;
+  return /* @__PURE__ */ jsx(JoyTabsTrigger, { ref, ...validProps, style: { flexGrow: 1, ...style } });
+});
+var TabsContent = React.forwardRef((props, ref) => {
+  const { color, ref: _, ...validProps } = props;
+  return /* @__PURE__ */ jsx(JoyTabssContent, { ref, ...validProps });
+});
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+};

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

@@ -0,0 +1,35 @@
+"use client";
+"use client";
+
+// src/components-core-joy/text.tsx
+import React from "react";
+import { Typography as JoyText } from "@mui/joy";
+import { jsx } from "react/jsx-runtime";
+var Text = React.forwardRef((props, ref) => {
+  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: void 0,
+    secondary: "neutral",
+    success: "success",
+    warning: "danger"
+  }[variant || "primary"];
+  return /* @__PURE__ */ jsx(JoyText, { level: muiLevel, color: muiColor, ...validProps });
+});
+export {
+  Text
+};

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

@@ -0,0 +1,197 @@
+"use client";
+"use client";
+
+// src/components-page/account-settings.tsx
+import { PasswordField, useUser } from "..";
+import RedirectMessageCard from "../components/redirect-message-card";
+import { Text, Label, Input, Button, Card, CardHeader, CardContent, CardFooter, Container } from "../components-core";
+import UserAvatar from "../components/user-avatar";
+import { useState } from "react";
+import FormWarningText from "../components/form-warning";
+import { getPasswordError } from "@stackframe/stack-shared/dist/helpers/password";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SettingSection(props) {
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(Text, { size: "xl", as: "h2", children: props.title }),
+      /* @__PURE__ */ jsx(Text, { variant: "secondary", children: props.desc })
+    ] }),
+    props.children && /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "1.5rem" }, children: props.children }) }),
+    props.buttonText && /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "flex-end", width: "100%" }, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        disabled: props.buttonDisabled,
+        onClick: props.onButtonClick,
+        variant: props.buttonVariant,
+        children: props.buttonText
+      }
+    ) }) })
+  ] });
+}
+function ProfileSection() {
+  const user = useUser();
+  const [userInfo, setUserInfo] = useState({ displayName: user?.displayName || "" });
+  const [changed, setChanged] = useState(false);
+  return /* @__PURE__ */ jsxs(
+    SettingSection,
+    {
+      title: "Profile",
+      desc: "Your profile information",
+      buttonDisabled: !changed,
+      buttonText: "Save",
+      onButtonClick: async () => {
+        await user?.update(userInfo);
+        setChanged(false);
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "1rem", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsx(UserAvatar, { user, size: 60 }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
+            /* @__PURE__ */ jsx(Text, { size: "lg", children: user?.displayName }),
+            /* @__PURE__ */ jsx(Text, { variant: "secondary", size: "sm", children: user?.primaryEmail })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "display-name", children: "Display Name" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "display-name",
+              value: userInfo.displayName,
+              onChange: (e) => {
+                setUserInfo((i) => ({ ...i, displayName: e.target.value }));
+                setChanged(true);
+              }
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function EmailVerificationSection() {
+  const user = useUser();
+  const [emailSent, setEmailSent] = useState(false);
+  return /* @__PURE__ */ jsx(
+    SettingSection,
+    {
+      title: "Email Verification",
+      desc: "We want to make sure that you own the email address.",
+      buttonDisabled: emailSent,
+      buttonText: !user?.primaryEmailVerified ? emailSent ? "Email sent!" : "Send Email" : void 0,
+      onButtonClick: async () => {
+        await user?.sendVerificationEmail();
+        setEmailSent(true);
+      },
+      children: user?.primaryEmailVerified ? /* @__PURE__ */ jsx(Text, { variant: "success", children: "Your email has been verified" }) : /* @__PURE__ */ jsx(Text, { variant: "warning", children: "Your email has not been verified" })
+    }
+  );
+}
+function PasswordSection() {
+  const user = useUser();
+  const [oldPassword, setOldPassword] = useState("");
+  const [oldPasswordError, setOldPasswordError] = useState("");
+  const [newPassword, setNewPassword] = useState("");
+  const [newPasswordError, setNewPasswordError] = useState("");
+  if (!user?.hasPassword) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    SettingSection,
+    {
+      title: "Password",
+      desc: "Change your password here.",
+      buttonDisabled: !oldPassword || !newPassword,
+      buttonText: "Save",
+      onButtonClick: async () => {
+        if (oldPassword && newPassword) {
+          const errorMessage = getPasswordError(newPassword);
+          if (errorMessage) {
+            setNewPasswordError(errorMessage.message);
+          } else {
+            const errorCode = await user?.updatePassword({ oldPassword, newPassword });
+            if (errorCode) {
+              setOldPasswordError("Incorrect password");
+            } else {
+              setOldPassword("");
+              setNewPassword("");
+            }
+          }
+        } else if (oldPassword && !newPassword) {
+          setNewPasswordError("Please enter a new password");
+        } else if (newPassword && !oldPassword) {
+          setOldPasswordError("Please enter your old password");
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "old-password", children: "Old Password" }),
+          /* @__PURE__ */ jsx(
+            PasswordField,
+            {
+              id: "old-password",
+              value: oldPassword,
+              onChange: (e) => {
+                setOldPassword(e.target.value);
+                setOldPasswordError("");
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(FormWarningText, { text: oldPasswordError })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "new-password", children: "New Password" }),
+          /* @__PURE__ */ jsx(
+            PasswordField,
+            {
+              id: "new-password",
+              value: newPassword,
+              onChange: (e) => {
+                setNewPassword(e.target.value);
+                setNewPasswordError("");
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(FormWarningText, { text: newPasswordError })
+        ] })
+      ]
+    }
+  );
+}
+function SignOutSection() {
+  const user = useUser();
+  return /* @__PURE__ */ jsx(
+    SettingSection,
+    {
+      title: "Sign out",
+      desc: "Sign out of your account on this device.",
+      buttonVariant: "secondary",
+      buttonText: "Sign Out",
+      onButtonClick: () => user?.signOut()
+    }
+  );
+}
+function AccountSettings({ fullPage = false }) {
+  const user = useUser();
+  if (!user) {
+    return /* @__PURE__ */ jsx(RedirectMessageCard, { type: "signedOut", fullPage });
+  }
+  const inner = /* @__PURE__ */ jsxs("div", { style: { padding: fullPage ? "1rem" : 0, display: "flex", flexDirection: "column", gap: "1.5rem" }, children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Text, { size: "xl", as: "h2", style: { marginBottom: "0.5rem", fontWeight: "700" }, children: "Account Settings" }),
+      /* @__PURE__ */ jsx(Text, { variant: "secondary", children: "Manage your account" })
+    ] }),
+    /* @__PURE__ */ jsx(ProfileSection, {}),
+    /* @__PURE__ */ jsx(EmailVerificationSection, {}),
+    /* @__PURE__ */ jsx(PasswordSection, {}),
+    /* @__PURE__ */ jsx(SignOutSection, {})
+  ] });
+  if (fullPage) {
+    return /* @__PURE__ */ jsx(Container, { size: "sm", children: inner });
+  } else {
+    return inner;
+  }
+}
+export {
+  AccountSettings as default
+};

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

@@ -0,0 +1,50 @@
+"use client";
+"use client";
+
+// src/components-page/auth-page.tsx
+import CredentialSignIn from "../components/credential-sign-in";
+import SeparatorWithText from "../components/separator-with-text";
+import OAuthGroup from "../components/oauth-group";
+import CardFrame from "../components/card-frame";
+import { useUser, useStackApp, CredentialSignUp } from "..";
+import RedirectMessageCard from "../components/redirect-message-card";
+import { Link, Tabs, TabsContent, TabsList, TabsTrigger, Text } from "../components-core";
+import MagicLinkSignIn from "../components/magic-link-sign-in";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AuthPage({
+  fullPage = false,
+  type
+}) {
+  const stackApp = useStackApp();
+  const user = useUser();
+  const project = stackApp.useProject();
+  if (user) {
+    return /* @__PURE__ */ jsx(RedirectMessageCard, { type: "signedIn", fullPage });
+  }
+  const enableSeparator = (project.credentialEnabled || project.magicLinkEnabled) && project.oauthProviders.filter((p) => p.enabled).length > 0;
+  return /* @__PURE__ */ jsxs(CardFrame, { fullPage, children: [
+    /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", marginBottom: "1.5rem" }, children: [
+      /* @__PURE__ */ jsx(Text, { size: "xl", as: "h2", children: type === "sign-in" ? "Sign in to your account" : "Create a new account" }),
+      type === "sign-in" ? /* @__PURE__ */ jsxs(Text, { children: [
+        "Don't have an account? ",
+        /* @__PURE__ */ jsx(Link, { href: stackApp.urls.signUp, children: "Sign up" })
+      ] }) : /* @__PURE__ */ jsxs(Text, { children: [
+        "Already have an account? ",
+        /* @__PURE__ */ jsx(Link, { href: stackApp.urls.signIn, children: "Sign in" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(OAuthGroup, { type: "signin" }),
+    enableSeparator && /* @__PURE__ */ jsx(SeparatorWithText, { text: "Or continue with" }),
+    project.credentialEnabled && project.magicLinkEnabled ? /* @__PURE__ */ jsxs(Tabs, { defaultValue: "magic-link", children: [
+      /* @__PURE__ */ jsxs(TabsList, { children: [
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "magic-link", children: "Magic Link" }),
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "password", children: "Password" })
+      ] }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "magic-link", children: /* @__PURE__ */ jsx(MagicLinkSignIn, {}) }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "password", children: type === "sign-up" ? /* @__PURE__ */ jsx(CredentialSignUp, {}) : /* @__PURE__ */ jsx(CredentialSignIn, {}) })
+    ] }) : project.credentialEnabled ? type === "sign-up" ? /* @__PURE__ */ jsx(CredentialSignUp, {}) : /* @__PURE__ */ jsx(CredentialSignIn, {}) : project.magicLinkEnabled ? /* @__PURE__ */ jsx(MagicLinkSignIn, {}) : null
+  ] });
+}
+export {
+  AuthPage as default
+};

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

@@ -0,0 +1,36 @@
+"use client";
+"use client";
+
+// src/components-page/email-verification.tsx
+import { use } from "react";
+import { useStackApp } from "..";
+import MessageCard from "../components/message-card";
+import RedirectMessageCard from "../components/redirect-message-card";
+import { KnownErrors } from "@stackframe/stack-shared";
+import { jsx } from "react/jsx-runtime";
+function EmailVerification({
+  searchParams: {
+    code = ""
+  } = {},
+  fullPage = false
+}) {
+  const stackApp = useStackApp();
+  const invalidJsx = /* @__PURE__ */ jsx(MessageCard, { title: "Invalid Verification Link", fullPage, children: /* @__PURE__ */ jsx("p", { children: "Please check if you have the correct link. If you continue to have issues, please contact support." }) });
+  const expiredJsx = /* @__PURE__ */ jsx(MessageCard, { title: "Expired Verification Link", fullPage, children: /* @__PURE__ */ jsx("p", { children: "Your email verification link has expired. Please request a new verification link from your account settings." }) });
+  if (!code) {
+    return invalidJsx;
+  }
+  const error = use(stackApp.verifyEmail(code));
+  if (error instanceof KnownErrors.EmailVerificationCodeNotFound) {
+    return invalidJsx;
+  } else if (error instanceof KnownErrors.EmailVerificationCodeExpired) {
+    return expiredJsx;
+  } else if (error instanceof KnownErrors.EmailVerificationCodeAlreadyUsed) {
+  } else if (error) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(RedirectMessageCard, { type: "emailVerified", fullPage });
+}
+export {
+  EmailVerification as default
+};